@sheetxl/studio-vanilla 0.8.0-beta.7 → 0.8.0-beta.9

package/cdn/assets/{DavJsn-94WtXCnyy2.js → _BhaDNMLX3Da5J122.js}

@@ -1,29 +1,29 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.7
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.9
 *
 * (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 "./DyQEm0-NZ41L--1K.js";
-import { t } from "./2rpiEjMFb7cTkJWu.js";
-import { t as n } from "./Csgvd2uwdSVvtxd0.js";
-import { t as r } from "./OaIdw_jfk8n1tSOG.js";
-import { i, t as a } from "./B1ZEbc_b-Hug9WON2.js";
-import { D as o, G as s, I as c, N as l, b as u, c as d, o as f, p, q as m, r as h } from "./DmxxEaNdjPB6nBgy2.js";
-import { A as g, C as _, X as v, h as y, nn as b, p as x, q as S, sn as C, tt as w, w as T } from "./CR_q2LxqSxi13Hij2.js";
-import { r as E, t as D } from "./DLY3Gp_G16n4d85q.js";
-import { Bt as O, Ct as ee, Ft as k, Gt as A, Ht as j, I as M, It as te, J as ne, Mt as N, Tt as P, X as F, Yt as re, Zt as ie, _ as ae, at as oe, bt as se, c as ce, et as le, h as ue, ht as I, i as de, k as fe, m as L, n as pe, nn as R, ot as me, p as he, pt as ge, s as _e, t as z, tt as ve, y as ye, zt as be } from "./BvuxB7CzGAv0w7by.js";
-import { t as xe } from "./ooQCodfB4ck6IWqw.js";
-import { a as Se, t as Ce } from "./CA00G9Yi4uXcS5l5.js";
-import { $ as we, Ct as B, E as Te, Et as Ee, J as De, K as Oe, L as ke, Ot as Ae, P as je, Q as Me, S as Ne, W as Pe, _ as Fe, _t as Ie, at as Le, ct as Re, d as ze, dt as Be, et as Ve, g as He, h as Ue, k as We, l as V, m as Ge, mt as Ke, o as H, ot as qe, r as U, rt as Je, t as Ye, ut as Xe, v as Ze, vt as Qe, wt as $e, x as et, xt as tt, yt as nt } from "./VLBw3i20lk_Yly9G.js";
-import { $ as rt, D as it, F as at, N as W, S as ot, St as st, V as ct, _t as lt, bt as ut, ct as dt, f as ft, lt as pt, s as mt, st as ht, t as gt, ut as G, vt as _t, yt as vt } from "./SY3JTpsm5Bpu0tXj.js";
-import { A as yt, E as bt, a as xt, h as St, i as Ct, j as wt, t as K, v as q } from "./S2-ef6zfqD83qohl.js";
-import { $t as Tt, B as Et, Bn as Dt, Ct as Ot, Et as kt, Gn as At, Hn as J, Kn as jt, L as Mt, Ln as Nt, Lt as Pt, M as Ft, Mt as It, P as Lt, T as Rt, Un as zt, Vn as Bt, W as Vt, Wn as Ht, Wt as Ut, X as Wt, Z as Gt, an as Kt, b as qt, f as Jt, g as Yt, gt as Xt, h as Zt, it as Qt, k as $t, kn as en, ln as tn, mn as nn, n as rn, nn as an, nt as on, o as sn, ot as cn, pn as Y, qn as ln, qt as un, rt as dn, t as fn, tn as pn, tt as mn, v as hn, y as gn } from "./ZDs8hbqQmtSIaDZm.js";
-import { n as _n, t as vn } from "./Dlk7gS21CL59t8cD.js";
-import { n as yn, t as bn } from "./C7fY4QaenhDjniAr.js";
-import { D as xn, N as Sn, R as Cn, S as wn, T as Tn, c as En, f as Dn, g as On, h as kn, i as An, l as jn, m as Mn, o as Nn, s as Pn, t as Fn, u as In } from "./D_qtb6BEhWE61Z7C.js";
-import { t as X } from "./C0Nxz1Q33eJ2mdFL2.js";
-import { t as Ln } from "./B5IRoZY13t_fHSz42.js";
+import { r as e } from "./4Ah98p4lGiqrlbx6.js";
+import { t } from "./CAz1eWlfMv2L6OpC.js";
+import { t as n } from "./BLSwh5Hqlo-b8LTp.js";
+import { t as r } from "./Dq8SI2oQstCKO-GY.js";
+import { D as i, G as a, I as o, N as s, b as c, c as l, o as u, p as d, q as f, r as p } from "./CzCX-Wad3yMcEHob2.js";
+import { i as m, t as h } from "./2F7YZkGv5ARgpyZp2.js";
+import { E as g, Rt as _, Z as v, _ as y, a as b, en as x, m as S, nt as C, r as w, v as T } from "./B3g1fc-3zQH4IhzA2.js";
+import { a as E, t as D } from "./DiVecFg4Jh_suq0_.js";
+import { r as O, t as ee } from "./CvEz12Ffb2RavW2v.js";
+import { Bt as k, Ct as A, Ft as j, Gt as te, Ht as ne, I as M, It as N, J as re, Mt as ie, Tt as P, X as F, Yt as ae, Zt as oe, _ as se, at as ce, bt as le, c as ue, et as I, h as de, ht as fe, i as L, k as pe, m as me, n as he, nn as ge, ot as _e, p as ve, pt as ye, s as be, t as R, tt as xe, y as Se, zt as Ce } from "./C3FTMx72bE115RW8.js";
+import { $ as we, A as Te, At as Ee, B as De, C as z, Ct as Oe, Et as ke, H as Ae, K as je, Mt as Me, N as Ne, Nt as Pe, O as Fe, Ot as Ie, R as Le, S as Re, T as ze, _t as Be, a as Ve, bt as He, d as Ue, dt as We, ft as Ge, gt as B, it as V, jt as H, kt as Ke, n as qe, o as Je, ot as Ye, p as Xe, r as Ze, rt as Qe, st as $e, t as et, vt as U, z as tt } from "./CyC5uu-ajw6189Hf.js";
+import { $ as nt, D as rt, F as it, N as W, S as G, St as at, V as ot, _t as st, bt as ct, ct as lt, f as ut, lt as dt, s as ft, st as pt, t as mt, ut as ht, vt as gt, yt as _t } from "./DweB8FS7VFYAmdcv.js";
+import { D as vt, E as yt, T as bt, a as xt, h as St, i as Ct, t as K, v as q } from "./5fk4i8-157Ur23Jd.js";
+import { A as wt, B as Tt, Bn as Et, C as Dt, D as Ot, Dt as kt, E as At, F as jt, Gn as Mt, Hn as J, Ht as Nt, Kn as Pt, Ln as Ft, Lt as It, Nt as Lt, O as Rt, Ot as zt, P as Bt, Pn as Vt, S as Ht, St as Ut, U as Wt, Un as Gt, Vn as Kt, Wn as qt, Zt as Jt, at as Yt, c as Xt, d as Zt, et as Qt, hn as $t, in as en, it as tn, kt as nn, n as rn, nt as an, on, pt as sn, q as cn, qn as ln, r as un, tt as dn, vt as fn, w as pn, wt as mn, yn as hn, z as gn } from "./Br5sDsj8RypYlTfI.js";
+import { n as _n, t as vn } from "./b-G7BadS13tqu4Pu.js";
+import { n as yn, t as Y } from "./BWv9YMAIb4d7yeRr.js";
+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 "./BCunHjPgizrAsDXf.js";
+import { t as X } from "./DaKYN7vgEkjwgprw.js";
+import { t as In } from "./C_0vyfGPMnLDdlSb2.js";
+import { t as Ln } from "./BXCPrm92ipaRS1ge2.js";
 var Z = e(t(), 1), Rn = Z.createContext(null);
 function zn() {
 	return Z.useContext(Rn);
@@ -70,9 +70,9 @@ function Un(e, t, n, r = !1) {
 	]);
 }
 function Wn(e) {
-	let { children: t, theme: n, themeId: r } = e, i = ae(Hn), a = zn() || Hn, o = Un(r, i, n), s = Un(r, a, n, !0), c = (r ? o[r] : o).direction === "rtl", l = function(e) {
-		let t = ae(), 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};` : "", st(() => {
+	let { children: t, theme: n, themeId: r } = e, i = se(Hn), a = zn() || Hn, o = Un(r, i, n), s = Un(r, a, n, !0), c = (r ? o[r] : o).direction === "rtl", l = function(e) {
+		let t = se(), n = gt() || "", { modularCssLayers: r } = e, i = "mui.global, mui.components, mui.theme, mui.custom, mui.sx";
+		return i = r && t === null ? typeof r == "string" ? r.replace(/mui(?!\.)/g, i) : `@layer ${i};` : "", at(() => {
 			let e = document.querySelector("head");
 			if (!e) return;
 			let t = e.firstChild;
@@ -85,11 +85,11 @@ function Wn(e) {
 	}(o);
 	return (0, Q.jsx)(Vn, {
 		theme: s,
-		children: (0, Q.jsx)(fe.Provider, {
+		children: (0, Q.jsx)(pe.Provider, {
 			value: o,
-			children: (0, Q.jsx)(ut, {
+			children: (0, Q.jsx)(ct, {
 				value: c,
-				children: (0, Q.jsxs)(vt, {
+				children: (0, Q.jsxs)(_t, {
 					value: r ? o[r].components : o.components,
 					children: [l, t]
 				})
@@ -271,26 +271,26 @@ var { CssVarsProvider: tr, useColorScheme: nr, getInitColorSchemeScript: rr } =
 	}, l = Z.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 = Z.useRef(!1), E = zn(), D = Z.useContext(l), O = !!D && !b, ee = Z.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 = Z.useMemo(() => ne.split(","), [ne]), P = typeof o == "string" ? o : o.light, F = typeof o == "string" ? o : o.dark, { mode: re, setMode: ie, systemMode: ae, lightColorScheme: oe, darkColorScheme: se, colorScheme: ce, setColorScheme: le } = $n({
+			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 = Z.useRef(!1), E = zn(), D = Z.useContext(l), O = !!D && !b, ee = Z.useMemo(() => f || (typeof n == "function" ? n() : n), [f]), k = ee[t], A = k || ee, { colorSchemes: j = u, components: te = d, cssVarPrefix: ne } = A, M = Object.keys(j).filter((e) => !!j[e]).join(","), N = Z.useMemo(() => M.split(","), [M]), re = typeof o == "string" ? o : o.light, ie = typeof o == "string" ? o : o.dark, { mode: P, setMode: F, systemMode: ae, lightColorScheme: oe, darkColorScheme: se, colorScheme: ce, setColorScheme: le } = $n({
 				supportedColorSchemes: N,
-				defaultLightColorScheme: P,
-				defaultDarkColorScheme: F,
+				defaultLightColorScheme: re,
+				defaultDarkColorScheme: ie,
 				modeStorageKey: p,
 				colorSchemeStorageKey: m,
-				defaultMode: j[P] && j[F] ? S : j[A.defaultColorScheme]?.palette?.mode || A.palette?.mode,
+				defaultMode: j[re] && j[ie] ? S : j[A.defaultColorScheme]?.palette?.mode || A.palette?.mode,
 				storageManager: g,
 				storageWindow: _,
 				noSsr: w
-			}), ue = re, I = ce;
+			}), ue = P, I = ce;
 			O && (ue = D.mode, I = D.colorScheme);
 			let de = I || A.defaultColorScheme;
 			A.vars && !C && (de = A.defaultColorScheme);
 			let fe = Z.useMemo(() => {
 				let e = A.generateThemeVars?.() || A.vars, t = {
 					...A,
-					components: M,
+					components: te,
 					colorSchemes: j,
-					cssVarPrefix: te,
+					cssVarPrefix: ne,
 					vars: e
 				};
 				if (typeof t.generateSpacing == "function" && (t.spacing = t.generateSpacing()), de) {
@@ -306,11 +306,11 @@ var { CssVarsProvider: tr, useColorScheme: nr, getInitColorSchemeScript: rr } =
 			}, [
 				A,
 				de,
-				M,
+				te,
 				j,
-				te
+				ne
 			]), L = A.colorSchemeSelector;
-			st(() => {
+			at(() => {
 				if (I && y && L && L !== "media") {
 					let e = L, t = L;
 					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));
@@ -354,7 +354,7 @@ var { CssVarsProvider: tr, useColorScheme: nr, getInitColorSchemeScript: rr } =
 				lightColorScheme: oe,
 				mode: ue,
 				setColorScheme: le,
-				setMode: ie,
+				setMode: F,
 				systemMode: ae
 			}), [
 				N,
@@ -363,19 +363,19 @@ var { CssVarsProvider: tr, useColorScheme: nr, getInitColorSchemeScript: rr } =
 				oe,
 				ue,
 				le,
-				ie,
+				F,
 				ae,
 				fe.colorSchemeSelector
-			]), R = !0;
-			(x || !1 === A.cssVariables || O && E?.cssVarPrefix === te) && (R = !1);
-			let me = (0, Q.jsxs)(Z.Fragment, { children: [(0, Q.jsx)(Wn, {
+			]), me = !0;
+			(x || !1 === A.cssVariables || O && E?.cssVarPrefix === ne) && (me = !1);
+			let he = (0, Q.jsxs)(Z.Fragment, { children: [(0, Q.jsx)(Wn, {
 				themeId: k ? t : void 0,
 				theme: fe,
 				children: c
-			}), R && (0, Q.jsx)(wt, { styles: fe.generateStyleSheets?.() || [] })] });
-			return O ? me : (0, Q.jsx)(l.Provider, {
+			}), me && (0, Q.jsx)(vt, { styles: fe.generateStyleSheets?.() || [] })] });
+			return O ? he : (0, Q.jsx)(l.Provider, {
 				value: pe,
-				children: me
+				children: he
 			});
 		},
 		useColorScheme: () => Z.useContext(l) || c,
@@ -405,7 +405,7 @@ var { CssVarsProvider: tr, useColorScheme: nr, getInitColorSchemeScript: rr } =
 	};
 }({
 	themeId: M,
-	theme: () => de({ cssVariables: !0 }),
+	theme: () => L({ cssVariables: !0 }),
 	colorSchemeStorageKey: "mui-color-scheme",
 	modeStorageKey: "mui-mode",
 	defaultColorScheme: {
@@ -415,10 +415,10 @@ var { CssVarsProvider: tr, useColorScheme: nr, getInitColorSchemeScript: rr } =
 	resolveTheme: (e) => {
 		let t = {
 			...e,
-			typography: _e(e.palette, e.typography)
+			typography: be(e.palette, e.typography)
 		};
 		return t.unstable_sx = function(e) {
-			return ye({
+			return Se({
 				sx: e,
 				theme: this
 			});
@@ -443,9 +443,9 @@ function ar({ theme: e, ...t }) {
 	});
 }
 function or(e) {
-	return L("MuiListSubheader", e);
+	return me("MuiListSubheader", e);
 }
-he("MuiListSubheader", [
+ve("MuiListSubheader", [
 	"root",
 	"colorPrimary",
 	"colorInherit",
@@ -453,20 +453,20 @@ he("MuiListSubheader", [
 	"inset",
 	"sticky"
 ]);
-var sr = G("li", {
+var sr = ht("li", {
 	name: "MuiListSubheader",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			n.color !== "default" && t[`color${ht(n.color)}`],
+			n.color !== "default" && t[`color${pt(n.color)}`],
 			!n.disableGutters && t.gutters,
 			n.inset && t.inset,
 			!n.disableSticky && t.sticky
 		];
 	}
-})(pt(({ theme: e }) => ({
+})(dt(({ theme: e }) => ({
 	boxSizing: "border-box",
 	lineHeight: "48px",
 	listStyle: "none",
@@ -505,7 +505,7 @@ var sr = G("li", {
 		}
 	]
 }))), cr = Z.forwardRef(function(e, t) {
-	let n = dt({
+	let n = lt({
 		props: e,
 		name: "MuiListSubheader"
 	}), { className: r, color: i = "default", component: a = "li", disableGutters: o = !1, disableSticky: s = !1, inset: c = !1, ...l } = n, u = {
@@ -517,9 +517,9 @@ var sr = G("li", {
 		inset: c
 	}, d = ((e) => {
 		let { classes: t, color: n, disableGutters: r, inset: i, disableSticky: a } = e;
-		return lt({ root: [
+		return st({ root: [
 			"root",
-			n !== "default" && `color${ht(n)}`,
+			n !== "default" && `color${pt(n)}`,
 			!r && "gutters",
 			i && "inset",
 			!a && "sticky"
@@ -527,21 +527,21 @@ var sr = G("li", {
 	})(u);
 	return (0, Q.jsx)(sr, {
 		as: a,
-		className: ue(d.root, r),
+		className: de(d.root, r),
 		ref: t,
 		ownerState: u,
 		...l
 	});
 });
 function lr(e) {
-	return L("MuiCard", e);
+	return me("MuiCard", e);
 }
-he("MuiCard", ["root"]);
-var ur = G(ct, {
+ve("MuiCard", ["root"]);
+var ur = ht(ot, {
 	name: "MuiCard",
 	slot: "Root"
 })({ overflow: "hidden" }), dr = Z.forwardRef(function(e, t) {
-	let n = dt({
+	let n = lt({
 		props: e,
 		name: "MuiCard"
 	}), { className: r, raised: i = !1, ...a } = n, o = {
@@ -549,10 +549,10 @@ var ur = G(ct, {
 		raised: i
 	}, s = ((e) => {
 		let { classes: t } = e;
-		return lt({ root: ["root"] }, lr, t);
+		return st({ root: ["root"] }, lr, t);
 	})(o);
 	return (0, Q.jsx)(ur, {
-		className: ue(s.root, r),
+		className: de(s.root, r),
 		elevation: i ? 8 : void 0,
 		ref: t,
 		ownerState: o,
@@ -560,10 +560,10 @@ var ur = G(ct, {
 	});
 });
 function fr(e) {
-	return L("MuiCardActions", e);
+	return me("MuiCardActions", e);
 }
-he("MuiCardActions", ["root", "spacing"]);
-var pr = G("div", {
+ve("MuiCardActions", ["root", "spacing"]);
+var pr = ht("div", {
 	name: "MuiCardActions",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -579,7 +579,7 @@ var pr = G("div", {
 		style: { "& > :not(style) ~ :not(style)": { marginLeft: 8 } }
 	}]
 }), mr = Z.forwardRef(function(e, t) {
-	let n = dt({
+	let n = lt({
 		props: e,
 		name: "MuiCardActions"
 	}), { disableSpacing: r = !1, className: i, ...a } = n, o = {
@@ -587,10 +587,10 @@ var pr = G("div", {
 		disableSpacing: r
 	}, s = ((e) => {
 		let { classes: t, disableSpacing: n } = e;
-		return lt({ root: ["root", !n && "spacing"] }, fr, t);
+		return st({ root: ["root", !n && "spacing"] }, fr, t);
 	})(o);
 	return (0, Q.jsx)(pr, {
-		className: ue(s.root, i),
+		className: de(s.root, i),
 		ownerState: o,
 		ref: t,
 		...a
@@ -632,7 +632,7 @@ var pr = G("div", {
 	}), t;
 })(e));
 function xr(e) {
-	let { children: t, enableColorScheme: n = !1 } = dt({
+	let { children: t, enableColorScheme: n = !1 } = lt({
 		props: e,
 		name: "MuiCssBaseline"
 	});
@@ -647,7 +647,7 @@ function xr(e) {
 }
 var Sr = e(n(), 1), Cr = (0, Z.memo)((e) => {
 	let { option: t, onOptionChange: n, readOnly: r, ...i } = e;
-	return (0, Q.jsx)(bn, {
+	return (0, Q.jsx)(Y, {
 		size: "small",
 		type: "text",
 		placeholder: P()("condition.enterText"),
@@ -661,7 +661,7 @@ var Sr = e(n(), 1), Cr = (0, Z.memo)((e) => {
 Cr.displayName = "StringOption";
 var wr = (0, Z.memo)((e) => {
 	let { option: t, onOptionChange: n, readOnly: r, ...i } = e;
-	return (0, Q.jsx)(bn, {
+	return (0, Q.jsx)(Y, {
 		size: "small",
 		type: "number",
 		placeholder: P()("condition.enterNumber"),
@@ -700,7 +700,7 @@ var Tr = (0, Z.createContext)(null), Er = (e) => {
 		anchor: n
 	};
 }, Or = () => {
-	let e = Ae(), t = (0, Z.useContext)(Tr), n = (0, Z.useRef)(null), r = e ? Er(e) : null, i = e?.getName() ?? null, a = (0, Z.useMemo)(() => r && i ? {
+	let e = Ie(), t = (0, Z.useContext)(Tr), n = (0, Z.useRef)(null), r = e ? Er(e) : null, i = e?.getName() ?? null, a = (0, Z.useMemo)(() => r && i ? {
 		...r,
 		scope: i
 	} : void 0, [
@@ -737,7 +737,7 @@ var Tr = (0, Z.createContext)(null), Er = (e) => {
 		t,
 		a
 	]);
-}, kr = (e, t) => !!t && typeof e == "string" && !e.startsWith("="), Ar = (e, t, n, r) => e == null ? "" : e.isIFormula ? "=" + t.display(e) : typeof e == "boolean" ? e ? "TRUE" : "FALSE" : i.isError(e) ? e.getLabel() : r && typeof e == "number" ? ((e, t, n) => {
+}, kr = (e, t) => !!t && typeof e == "string" && !e.startsWith("="), Ar = (e, t, n, r) => e == null ? "" : e.isIFormula ? "=" + t.display(e) : typeof e == "boolean" ? e ? "TRUE" : "FALSE" : m.isError(e) ? e.getLabel() : r && typeof e == "number" ? ((e, t, n) => {
 	if (!e || t < 0) return String(t);
 	let r, i = t >= 1;
 	return r = n !== "time" || i ? Number.isInteger(t) ? "Short Date" : i ? "Short DateTime" : "Long Time" : "Long Time", e.createCell({
@@ -755,13 +755,13 @@ var Tr = (0, Z.createContext)(null), Er = (e) => {
 	if (r) return ((e, t) => {
 		if (!e) return null;
 		let n = e.createCell({ value: t }, void 0, { textParser: !0 });
-		return n.getType() === a.Number ? n.getValue() : null;
+		return n.getType() === h.Number ? n.getValue() : null;
 	})(n, i) ?? e;
-	let o = Number(i);
-	return Number.isFinite(o) ? o : e;
+	let a = Number(i);
+	return Number.isFinite(a) ? a : e;
 }, Mr = (0, Z.memo)((e) => {
-	let { option: t, onOptionChange: n, literal: r, readOnly: i, ...a } = e, o = P(), s = Ae(), c = Or(), l = (0, Z.useRef)(""), u = (0, Z.useRef)(null);
-	return Qt(() => {
+	let { option: t, onOptionChange: n, literal: r, readOnly: i, ...a } = e, o = P(), s = Ie(), c = Or(), l = (0, Z.useRef)(""), u = (0, Z.useRef)(null);
+	return Jt(() => {
 		let e = u.current;
 		return !e || !e.error && (e.dirty ? (e.commit(), !kr(jr(l.current, c, s, r), r)) : !kr(t, r));
 	}), (0, Q.jsx)(Ln, {
@@ -779,7 +779,7 @@ var Tr = (0, Z.createContext)(null), Er = (e) => {
 				n(e);
 			})();
 		},
-		validationError: kr(t, r) ? m("condition.invalidDateTime") : null,
+		validationError: kr(t, r) ? f("condition.invalidDateTime") : null,
 		placeholder: o("condition.enterValueOrFormula"),
 		disabled: i,
 		fullWidth: !0,
@@ -796,32 +796,32 @@ var Nr = (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 = T.parseListLiteral(e);
+	let r = g.parseListLiteral(e);
 	return r ? r.join(t) : e.length > 0 ? "=" + e : "";
 }, Pr = (0, Z.memo)((e) => {
-	let { option: t, onOptionChange: n, readOnly: r, sx: i, ...a } = e, o = P(), s = Ae(), c = (0, Z.useContext)(Tr), l = Or(), u = b(s?.getWorkbook()?.getLocale() ?? "en").listSeparator, [d, f] = (0, Z.useState)(null), p = t?.items, [h, g] = (0, Z.useState)(null), v = (0, Z.useRef)(0);
+	let { option: t, onOptionChange: n, readOnly: r, sx: i, ...a } = e, o = P(), s = Ie(), c = (0, Z.useContext)(Tr), l = Or(), u = x(s?.getWorkbook()?.getLocale() ?? "en").listSeparator, [d, p] = (0, Z.useState)(null), m = t?.items, [h, _] = (0, Z.useState)(null), v = (0, Z.useRef)(0);
 	(0, Z.useEffect)(() => {
-		if (!c?.getListItemsAt || !s) return void g(null);
+		if (!c?.getListItemsAt || !s) return void _(null);
 		let e = ++v.current, { rowIndex: t, colIndex: n } = Er(s);
 		c.getListItemsAt(t, n).then((t) => {
-			e === v.current && g(t);
+			e === v.current && _(t);
 		}, () => {
-			e === v.current && g([]);
+			e === v.current && _([]);
 		});
 	}, [
 		c,
 		s,
-		p
+		m
 	]);
-	let [y, x] = (0, Z.useState)(null), { className: S } = se(N()?.themeScope), C = (0, Z.useMemo)(() => s?.getStyles().getNormal().getFont().toCSS("adaptive"), [s]), [w, D] = (0, Z.useState)(null), O = w ?? d;
-	return (0, Q.jsxs)(z, {
+	let [y, b] = (0, Z.useState)(null), { className: S } = le(ie()?.themeScope), C = (0, Z.useMemo)(() => s?.getStyles().getNormal().getFont().toCSS("adaptive"), [s]), [T, E] = (0, Z.useState)(null), D = T ?? d;
+	return (0, Q.jsxs)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			mt: .75,
 			...i
 		},
-		children: [(0, Q.jsxs)(z, {
+		children: [(0, Q.jsxs)(R, {
 			sx: {
 				display: "flex",
 				alignItems: "stretch",
@@ -830,7 +830,7 @@ var Nr = (e, t, n) => {
 			children: [(0, Q.jsx)(Ln, {
 				size: "small",
 				home: l.home,
-				value: Nr(p, u, l),
+				value: Nr(m, u, l),
 				onChangeText: (e) => {
 					let r = ((e, t, n) => {
 						if (e.length === 0) return { items: "" };
@@ -841,12 +841,12 @@ var Nr = (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;
-							})(_.parse(t.getExpression())) ? { error: m("condition.listSourceOneRange") } : { items: t.getExpression() };
+							})(w.parse(t.getExpression())) ? { error: f("condition.listSourceOneRange") } : { items: t.getExpression() };
 						}
-						let r = T.formatListLiteral(e.split(t));
-						return r === null ? { error: m("condition.listItemHasComma") } : { items: r };
+						let r = g.formatListLiteral(e.split(t));
+						return r === null ? { error: f("condition.listItemHasComma") } : { items: r };
 					})(e, u, l);
-					f(r.error ?? null), r.items !== void 0 && n({
+					p(r.error ?? null), r.items !== void 0 && n({
 						...t,
 						items: r.items
 					});
@@ -859,23 +859,23 @@ var Nr = (e, t, n) => {
 				pickAs: "absolute",
 				allowMulti: !1,
 				validationError: d,
-				onChangeError: D,
+				onChangeError: E,
 				showError: !1,
 				helperText: null,
 				...a
-			}), h !== null && (0, Q.jsxs)(Q.Fragment, { children: [(0, Q.jsx)(it, {
+			}), h !== null && (0, Q.jsxs)(Q.Fragment, { children: [(0, Q.jsx)(rt, {
 				size: "small",
 				variant: "outlined",
 				color: "inherit",
-				onClick: (e) => x(e.currentTarget),
-				endIcon: (0, Q.jsx)(E, { iconKey: "ExpandMore" }),
+				onClick: (e) => b(e.currentTarget),
+				endIcon: (0, Q.jsx)(O, { iconKey: "ExpandMore" }),
 				sx: {
 					flexShrink: 0,
 					width: "8.5em",
 					justifyContent: "space-between",
 					textTransform: "none"
 				},
-				children: (0, Q.jsx)(z, {
+				children: (0, Q.jsx)(R, {
 					component: "span",
 					sx: {
 						overflow: "hidden",
@@ -887,7 +887,7 @@ var Nr = (e, t, n) => {
 			}), (0, Q.jsx)(Ct, {
 				open: !!y,
 				anchorEl: y,
-				onClose: () => x(null),
+				onClose: () => b(null),
 				className: S,
 				anchorOrigin: {
 					vertical: "bottom",
@@ -897,28 +897,28 @@ var Nr = (e, t, n) => {
 					vertical: "top",
 					horizontal: "right"
 				},
-				children: (0, Q.jsx)(Pe, {
+				children: (0, Q.jsx)(Qe, {
 					items: h,
 					minWidth: y?.getBoundingClientRect().width,
 					style: C,
-					onChoose: () => x(null)
+					onChoose: () => b(null)
 				})
 			})] })]
-		}), O && (0, Q.jsx)(yn, {
+		}), D && (0, Q.jsx)(yn, {
 			error: !0,
-			children: o(O)
+			children: o(D)
 		})]
 	});
 });
 Pr.displayName = "ListSourceOption";
 var Fr = {}, Ir = (0, Z.memo)((e) => {
-	let { option: t, onOptionChange: n, className: r, readOnly: i, ...a } = e, o = P(), s = t?.type ?? w.AverageType.Above, c = t?.stdDevs ?? "", l = { backgroundColor: "background.paper" };
+	let { option: t, onOptionChange: n, className: r, readOnly: i, ...a } = e, o = P(), s = t?.type ?? C.AverageType.Above, c = t?.stdDevs ?? "", l = { backgroundColor: "background.paper" };
 	return i && (l = {
 		...l,
 		"& .MuiSelect-icon": { display: "none" },
 		"& .MuiOutlinedInput-notchedOutline": { borderColor: "action.disabled" }
-	}), (0, Q.jsxs)(z, {
-		className: xe(r, Fr.option),
+	}), (0, Q.jsxs)(R, {
+		className: In(r, Fr.option),
 		...a,
 		sx: {
 			display: "flex",
@@ -932,7 +932,7 @@ var Fr = {}, Ir = (0, Z.memo)((e) => {
 			children: (0, Q.jsxs)(K, {
 				value: s,
 				sx: l,
-				IconComponent: (e) => (0, Q.jsx)(E, {
+				IconComponent: (e) => (0, Q.jsx)(O, {
 					iconKey: "ExpandMore",
 					...e
 				}),
@@ -942,14 +942,14 @@ var Fr = {}, Ir = (0, Z.memo)((e) => {
 					type: e.target.value
 				}),
 				children: [(0, Q.jsx)(X, {
-					value: w.AverageType.Above,
+					value: C.AverageType.Above,
 					children: o("condition.above")
 				}), (0, Q.jsx)(X, {
-					value: w.AverageType.Below,
+					value: C.AverageType.Below,
 					children: o("condition.below")
 				})]
 			})
-		}), (0, Q.jsx)(bn, {
+		}), (0, Q.jsx)(Y, {
 			size: "small",
 			placeholder: o("condition.stdDevs"),
 			value: c,
@@ -965,8 +965,8 @@ var Fr = {}, Ir = (0, Z.memo)((e) => {
 	});
 });
 Ir.displayName = "AverageOption";
-var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([w.BuiltInOperatorNames.Icon, w.BuiltInOperatorNames.Color]), Br = (e, t, n, r = zr) => {
-	let i = t ?? Object.values(T.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
+var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([C.BuiltInOperatorNames.Icon, C.BuiltInOperatorNames.Color]), Br = (e, t, n, r = zr) => {
+	let i = t ?? Object.values(g.BuiltInOperators), a = e?.getSelectType() ?? null, o = e?.isList;
 	return i.filter((t) => {
 		if (r.includes(t.getName())) return !1;
 		let n = t.acceptsList?.();
@@ -981,7 +981,7 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([w.BuiltInOpe
 		disableSticky: !0,
 		sx: Ur,
 		children: n("condition.groupBasic")
-	}, "__header:leaf")), a.forEach((e) => s.push(t(e)))), a.length > 0 && o.length > 0 && s.push((0, Q.jsx)(Ye, {}, "__divider")), o.length > 0 && (s.push((0, Q.jsx)(cr, {
+	}, "__header:leaf")), a.forEach((e) => s.push(t(e)))), a.length > 0 && o.length > 0 && s.push((0, Q.jsx)(et, {}, "__divider")), o.length > 0 && (s.push((0, Q.jsx)(cr, {
 		disableSticky: !0,
 		sx: Ur,
 		children: n("condition.groupCombine")
@@ -1009,15 +1009,15 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([w.BuiltInOpe
 				header: e("condition.period.day"),
 				options: [
 					{
-						value: w.TimePeriodType.Today,
+						value: C.TimePeriodType.Today,
 						label: e("condition.period.today")
 					},
 					{
-						value: w.TimePeriodType.Yesterday,
+						value: C.TimePeriodType.Yesterday,
 						label: e("condition.period.yesterday")
 					},
 					{
-						value: w.TimePeriodType.Tomorrow,
+						value: C.TimePeriodType.Tomorrow,
 						label: e("condition.period.tomorrow")
 					}
 				]
@@ -1026,15 +1026,15 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([w.BuiltInOpe
 				header: e("condition.period.week"),
 				options: [
 					{
-						value: w.TimePeriodType.ThisWeek,
+						value: C.TimePeriodType.ThisWeek,
 						label: e("condition.period.thisWeek")
 					},
 					{
-						value: w.TimePeriodType.LastWeek,
+						value: C.TimePeriodType.LastWeek,
 						label: e("condition.period.lastWeek")
 					},
 					{
-						value: w.TimePeriodType.NextWeek,
+						value: C.TimePeriodType.NextWeek,
 						label: e("condition.period.nextWeek")
 					}
 				]
@@ -1043,15 +1043,15 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([w.BuiltInOpe
 				header: e("condition.period.month"),
 				options: [
 					{
-						value: w.TimePeriodType.ThisMonth,
+						value: C.TimePeriodType.ThisMonth,
 						label: e("condition.period.thisMonth")
 					},
 					{
-						value: w.TimePeriodType.LastMonth,
+						value: C.TimePeriodType.LastMonth,
 						label: e("condition.period.lastMonth")
 					},
 					{
-						value: w.TimePeriodType.NextMonth,
+						value: C.TimePeriodType.NextMonth,
 						label: e("condition.period.nextMonth")
 					}
 				]
@@ -1059,10 +1059,10 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([w.BuiltInOpe
 			{
 				header: e("condition.period.year"),
 				options: [{
-					value: w.TimePeriodType.YearToDate,
+					value: C.TimePeriodType.YearToDate,
 					label: e("condition.period.yearToDate")
 				}, {
-					value: w.TimePeriodType.LastYear,
+					value: C.TimePeriodType.LastYear,
 					label: e("condition.period.lastYear")
 				}]
 			},
@@ -1070,51 +1070,51 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([w.BuiltInOpe
 				header: e("condition.period.byMonth"),
 				options: [
 					{
-						value: w.TimePeriodType.M1,
+						value: C.TimePeriodType.M1,
 						label: n(0)
 					},
 					{
-						value: w.TimePeriodType.M2,
+						value: C.TimePeriodType.M2,
 						label: n(1)
 					},
 					{
-						value: w.TimePeriodType.M3,
+						value: C.TimePeriodType.M3,
 						label: n(2)
 					},
 					{
-						value: w.TimePeriodType.M4,
+						value: C.TimePeriodType.M4,
 						label: n(3)
 					},
 					{
-						value: w.TimePeriodType.M5,
+						value: C.TimePeriodType.M5,
 						label: n(4)
 					},
 					{
-						value: w.TimePeriodType.M6,
+						value: C.TimePeriodType.M6,
 						label: n(5)
 					},
 					{
-						value: w.TimePeriodType.M7,
+						value: C.TimePeriodType.M7,
 						label: n(6)
 					},
 					{
-						value: w.TimePeriodType.M8,
+						value: C.TimePeriodType.M8,
 						label: n(7)
 					},
 					{
-						value: w.TimePeriodType.M9,
+						value: C.TimePeriodType.M9,
 						label: n(8)
 					},
 					{
-						value: w.TimePeriodType.M10,
+						value: C.TimePeriodType.M10,
 						label: n(9)
 					},
 					{
-						value: w.TimePeriodType.M11,
+						value: C.TimePeriodType.M11,
 						label: n(10)
 					},
 					{
-						value: w.TimePeriodType.M12,
+						value: C.TimePeriodType.M12,
 						label: n(11)
 					}
 				]
@@ -1123,38 +1123,38 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([w.BuiltInOpe
 				header: e("condition.period.byQuarter"),
 				options: [
 					{
-						value: w.TimePeriodType.ThisQuarter,
+						value: C.TimePeriodType.ThisQuarter,
 						label: e("condition.period.thisQuarter")
 					},
 					{
-						value: w.TimePeriodType.LastQuarter,
+						value: C.TimePeriodType.LastQuarter,
 						label: e("condition.period.lastQuarter")
 					},
 					{
-						value: w.TimePeriodType.NextQuarter,
+						value: C.TimePeriodType.NextQuarter,
 						label: e("condition.period.nextQuarter")
 					},
 					{
-						value: w.TimePeriodType.Q1,
+						value: C.TimePeriodType.Q1,
 						label: e("condition.period.q1")
 					},
 					{
-						value: w.TimePeriodType.Q2,
+						value: C.TimePeriodType.Q2,
 						label: e("condition.period.q2")
 					},
 					{
-						value: w.TimePeriodType.Q3,
+						value: C.TimePeriodType.Q3,
 						label: e("condition.period.q3")
 					},
 					{
-						value: w.TimePeriodType.Q4,
+						value: C.TimePeriodType.Q4,
 						label: e("condition.period.q4")
 					}
 				]
 			}
 		];
-	}(P(), R()), o = t?.type ?? w.TimePeriodType.Today;
-	return (0, Q.jsx)(z, {
+	}(P(), ge()), o = t?.type ?? C.TimePeriodType.Today;
+	return (0, Q.jsx)(R, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1167,7 +1167,7 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([w.BuiltInOpe
 			children: (0, Q.jsx)(K, {
 				value: o,
 				sx: { backgroundColor: "background.paper" },
-				IconComponent: (e) => (0, Q.jsx)(E, {
+				IconComponent: (e) => (0, Q.jsx)(O, {
 					iconKey: "ExpandMore",
 					...e
 				}),
@@ -1178,7 +1178,7 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([w.BuiltInOpe
 				disabled: r,
 				children: a.map((e, t) => {
 					let n = [];
-					return t > 0 && n.push((0, Q.jsx)(Ye, {}, `divider-${t}`)), n.push((0, Q.jsx)(cr, {
+					return t > 0 && n.push((0, Q.jsx)(et, {}, `divider-${t}`)), n.push((0, Q.jsx)(cr, {
 						sx: Ur,
 						children: e.header
 					}, `header-${t}`)), e.options.map((e) => n.push((0, Q.jsx)(X, {
@@ -1194,7 +1194,7 @@ var Lr = 0, Rr = /* @__PURE__ */ new WeakMap(), zr = Object.freeze([w.BuiltInOpe
 Gr.displayName = "TimePeriodOption";
 var Kr = (0, Z.memo)((e) => {
 	let { option: t, onOptionChange: n, readOnly: r, ...i } = e, a = P(), o = t?.top ?? !0, s = t?.limit ?? 10, c = t?.percent ?? !1;
-	return (0, Q.jsxs)(z, {
+	return (0, Q.jsxs)(R, {
 		...i,
 		sx: {
 			display: "flex",
@@ -1209,7 +1209,7 @@ var Kr = (0, Z.memo)((e) => {
 				children: (0, Q.jsxs)(K, {
 					value: o ? "top" : "bottom",
 					sx: { backgroundColor: "background.paper" },
-					IconComponent: (e) => (0, Q.jsx)(E, {
+					IconComponent: (e) => (0, Q.jsx)(O, {
 						iconKey: "ExpandMore",
 						...e
 					}),
@@ -1227,7 +1227,7 @@ var Kr = (0, Z.memo)((e) => {
 					})]
 				})
 			}),
-			(0, Q.jsx)(bn, {
+			(0, Q.jsx)(Y, {
 				size: "small",
 				placeholder: "10",
 				value: s,
@@ -1249,7 +1249,7 @@ var Kr = (0, Z.memo)((e) => {
 				children: (0, Q.jsxs)(K, {
 					value: c ? "percent" : "items",
 					sx: { backgroundColor: "background.paper" },
-					IconComponent: (e) => (0, Q.jsx)(E, {
+					IconComponent: (e) => (0, Q.jsx)(O, {
 						iconKey: "ExpandMore",
 						...e
 					}),
@@ -1274,13 +1274,13 @@ Kr.displayName = "TopNOption";
 var qr = (0, Z.memo)((e) => {
 	let { option: t, onOptionChange: n, selector: r, readOnly: i, ...a } = e, o = P(), s = ((e) => {
 		switch (e?.getName()) {
-			case w.BuiltInSelectorNames.Date: return "date";
-			case w.BuiltInSelectorNames.Time: return "time";
-			case w.BuiltInSelectorNames.DateTime: return "dateTime";
+			case C.BuiltInSelectorNames.Date: return "date";
+			case C.BuiltInSelectorNames.Time: return "time";
+			case C.BuiltInSelectorNames.DateTime: return "dateTime";
 			default: return;
 		}
 	})(r);
-	return (0, Q.jsxs)(z, {
+	return (0, Q.jsxs)(R, {
 		...a,
 		sx: {
 			display: "flex",
@@ -1359,7 +1359,7 @@ var Yr = (0, Z.memo)((e) => {
 			value: t?.getName() ?? "null",
 			label: l,
 			readOnly: o,
-			IconComponent: (e) => (0, Q.jsx)(E, {
+			IconComponent: (e) => (0, Q.jsx)(O, {
 				iconKey: "ExpandMore",
 				...e
 			}),
@@ -1377,7 +1377,7 @@ var Yr = (0, Z.memo)((e) => {
 });
 Yr.displayName = "SelectorSelect";
 var Xr = (0, Z.memo)((e) => {
-	let { value: t, operators: n, onChange: r, title: i, readOnly: a = !1, ...o } = e, s = P(), c = R(), l = i ?? s("condition.operatorTitle"), u = /* @__PURE__ */ new Map();
+	let { value: t, operators: n, onChange: r, title: i, readOnly: a = !1, ...o } = e, s = P(), c = ge(), l = i ?? s("condition.operatorTitle"), u = /* @__PURE__ */ new Map();
 	n.forEach((e) => {
 		u.set(e.getName(), e);
 	});
@@ -1393,7 +1393,7 @@ var Xr = (0, Z.memo)((e) => {
 			value: t?.getName() ?? "null",
 			label: l,
 			readOnly: a,
-			IconComponent: (e) => (0, Q.jsx)(E, {
+			IconComponent: (e) => (0, Q.jsx)(O, {
 				iconKey: "ExpandMore",
 				...e
 			}),
@@ -1411,10 +1411,10 @@ var Xr = (0, Z.memo)((e) => {
 });
 Xr.displayName = "OperatorSelect";
 var Zr = (0, Z.memo)((0, Z.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 = P(), m = R();
+	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 = P(), m = ge();
 	u ?? p("condition.operatorTitle");
-	let h = n || (0, Q.jsx)(E, { iconKey: "Add" }), g = (0, Z.useRef)(l);
-	return g.current = l, (0, Q.jsx)(wn, {
+	let h = n || (0, Q.jsx)(O, { iconKey: "Add" }), g = (0, Z.useRef)(l);
+	return g.current = l, (0, Q.jsx)(Cn, {
 		ref: t,
 		createPopupPanel: (0, Z.useCallback)((e) => {
 			let { closeFloatAll: t } = e, n = Vr(c, (e) => (0, Q.jsx)(X, {
@@ -1434,7 +1434,7 @@ var Zr = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
 				},
 				...o,
 				onKeyDown: (e) => {
-					e.which === re.Enter && t?.();
+					e.which === ae.Enter && t?.();
 				},
 				children: (0, Q.jsx)(xt, {
 					disablePadding: !0,
@@ -1454,7 +1454,7 @@ var Zr = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
 	});
 })), Qr = (0, Z.memo)((e) => {
 	let { operator: t, inputs: n, onOptionChange: r, operators: i, selector: a, readOnly: o, ...s } = e, c = P(), l = t.getName() === "not", u = l ? null : t.getName() === "and" ? c("condition.and") : c("condition.or"), d = l ? c("condition.not") : u;
-	return (0, Q.jsx)(z, {
+	return (0, Q.jsx)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -1494,7 +1494,7 @@ var Zr = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
 Qr.displayName = "CombinatorOption";
 var $r = (0, Z.memo)((e) => {
 	let { option: t, onOptionChange: n, readOnly: r } = e, i = P();
-	return (0, Q.jsxs)(Bt, {
+	return (0, Q.jsxs)(Kt, {
 		exclusive: !0,
 		size: "small",
 		value: t ?? !0,
@@ -1526,49 +1526,49 @@ function ti(e) {
 }
 $r.displayName = "BooleanOption";
 var ni = (0, Z.memo)((e) => {
-	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: o = "dateTime", ...s } = e, c = P(), l = o === "date" || o === "dateTime", u = o === "time" || o === "dateTime", d = Ae(), f = (0, Z.useCallback)((e) => {
-		if (!d || e === null) return null;
-		let t = d.createCell({ value: e }), n = t.getValue();
-		return t.getType() === a.Number ? n : null;
-	}, [d]), p = (0, Z.useCallback)((e) => d ? d.createCell({
+	let { option: t, onOptionChange: n, allowFormula: r, readOnly: i, type: a = "dateTime", ...o } = e, s = P(), c = a === "date" || a === "dateTime", l = a === "time" || a === "dateTime", u = Ie(), d = (0, Z.useCallback)((e) => {
+		if (!u || e === null) return null;
+		let t = u.createCell({ value: e }), n = t.getValue();
+		return t.getType() === h.Number ? n : null;
+	}, [u]), f = (0, Z.useCallback)((e) => u ? u.createCell({
 		value: e,
 		style: { numberFormat: "Short DateTime" }
-	}).getDate() : null, [d]);
+	}).getDate() : null, [u]);
 	if (r && (typeof t == "string" || t?.isIFormula)) return (0, Q.jsx)(Mr, {
 		option: t,
 		onOptionChange: (e) => n(e),
 		readOnly: i,
-		sx: s?.sx
+		sx: o?.sx
 	});
-	let m = p(t ?? null), h = !(g = m) || isNaN(g.getTime()) ? "" : `${g.getFullYear()}-${String(g.getMonth() + 1).padStart(2, "0")}-${String(g.getDate()).padStart(2, "0")}`;
+	let p = f(t ?? null), m = !(g = p) || isNaN(g.getTime()) ? "" : `${g.getFullYear()}-${String(g.getMonth() + 1).padStart(2, "0")}-${String(g.getDate()).padStart(2, "0")}`;
 	var g;
 	let _ = function(e) {
 		return !e || isNaN(e.getTime()) ? "" : `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
-	}(m);
-	return (0, Q.jsxs)(z, {
-		...s,
+	}(p);
+	return (0, Q.jsxs)(R, {
+		...o,
 		sx: {
 			display: "flex",
 			flexDirection: "row",
 			gap: .5,
-			...s?.sx
+			...o?.sx
 		},
-		children: [l && (0, Q.jsx)(Cr, {
-			option: h,
+		children: [c && (0, Q.jsx)(Cr, {
+			option: m,
 			type: "date",
-			placeholder: c("condition.enterDate"),
+			placeholder: s("condition.enterDate"),
 			onOptionChange: (e) => {
-				let t = f(ei(e, _));
+				let t = d(ei(e, _));
 				n(t);
 			},
 			sx: { flex: 1.5 },
 			readOnly: i
-		}), u && (0, Q.jsx)(Cr, {
+		}), l && (0, Q.jsx)(Cr, {
 			option: _,
 			type: "time",
-			placeholder: c("condition.enterTime"),
+			placeholder: s("condition.enterTime"),
 			onOptionChange: (e) => {
-				let t = f(o === "time" ? ti(e) : ei(h, e));
+				let t = d(a === "time" ? ti(e) : ei(m, e));
 				n(t);
 			},
 			sx: { flex: 1 },
@@ -1577,7 +1577,7 @@ var ni = (0, Z.memo)((e) => {
 	});
 });
 ni.displayName = "DateTimeOption";
-var ri = w.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
+var ri = C.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 	ri.EqualTo,
 	ri.GreaterThan,
 	ri.GreaterThanEqualTo,
@@ -1588,7 +1588,7 @@ var ri = w.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 	ri.Before,
 	ri.BeforeEqualTo
 ]), ai = (0, Z.memo)((e) => {
-	let { operatorParam: t, onOperatorParamChange: n, onRemove: r, operators: i, selector: a, operatorTitle: o, readOnly: s, required: c, ...l } = e, u = P(), d = o ?? u("condition.when"), f = t?.operator ?? null, p = i.find((e) => e.getName() === f) ?? null, m = t?.param ?? null, h = !!p?.isCombinator?.(), [g, { width: _ }] = Se(), v = (0, Z.useMemo)(() => !p || h ? null : p.getParamType?.(a ?? void 0) ?? null, [
+	let { operatorParam: t, onOperatorParamChange: n, onRemove: r, operators: i, selector: a, operatorTitle: o, readOnly: s, required: c, ...l } = e, u = P(), d = o ?? u("condition.when"), f = t?.operator ?? null, p = i.find((e) => e.getName() === f) ?? null, m = t?.param ?? null, h = !!p?.isCombinator?.(), [g, { width: _ }] = E(), v = (0, Z.useMemo)(() => !p || h ? null : p.getParamType?.(a ?? void 0) ?? null, [
 		p,
 		h,
 		a
@@ -1607,7 +1607,7 @@ var ri = w.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 			option: m,
 			onOptionChange: b
 		}, t = !!f && ii.has(f);
-		return v === w.BuiltInSelectorNames.Number || v === w.BuiltInSelectorNames.TextLength ? (0, Q.jsx)(t ? Mr : wr, { ...e }) : v === w.BuiltInSelectorNames.Whole ? t ? (0, Q.jsx)(Mr, { ...e }) : (0, Q.jsx)(wr, {
+		return v === C.BuiltInSelectorNames.Number || v === C.BuiltInSelectorNames.TextLength ? (0, Q.jsx)(t ? Mr : wr, { ...e }) : v === C.BuiltInSelectorNames.Whole ? t ? (0, Q.jsx)(Mr, { ...e }) : (0, Q.jsx)(wr, {
 			...e,
 			placeholder: u("condition.enterWholeNumber"),
 			slotProps: { htmlInput: {
@@ -1624,21 +1624,21 @@ var ri = w.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 					/^-?\d+$/.test(e.clipboardData.getData("text")) || e.preventDefault();
 				}
 			} }
-		}) : v === w.BuiltInSelectorNames.Text ? (0, Q.jsx)(t ? Mr : Cr, { ...e }) : v === w.BuiltInSelectorNames.DateTime ? (0, Q.jsx)(ni, {
+		}) : v === C.BuiltInSelectorNames.Text ? (0, Q.jsx)(t ? Mr : Cr, { ...e }) : v === C.BuiltInSelectorNames.DateTime ? (0, Q.jsx)(ni, {
 			...e,
 			allowFormula: t
-		}) : v === w.BuiltInSelectorNames.Date ? (0, Q.jsx)(ni, {
+		}) : v === C.BuiltInSelectorNames.Date ? (0, Q.jsx)(ni, {
 			...e,
 			type: "date",
 			allowFormula: t
-		}) : v === w.BuiltInSelectorNames.Time ? (0, Q.jsx)(ni, {
+		}) : v === C.BuiltInSelectorNames.Time ? (0, Q.jsx)(ni, {
 			...e,
 			type: "time",
 			allowFormula: t
-		}) : v === w.BuiltInSelectorNames.List ? (0, Q.jsx)(Pr, { ...e }) : v === w.BuiltInSelectorNames.Logical ? (0, Q.jsx)($r, { ...e }) : v === w.BuiltInOperatorNames.Average ? (0, Q.jsx)(Ir, { ...e }) : v === w.BuiltInOperatorNames.TimePeriod ? (0, Q.jsx)(Gr, { ...e }) : v === w.BuiltInOperatorNames.TopN ? (0, Q.jsx)(Kr, { ...e }) : v === w.BuiltInOperatorNames.Between ? (0, Q.jsx)(qr, {
+		}) : v === C.BuiltInSelectorNames.List ? (0, Q.jsx)(Pr, { ...e }) : v === C.BuiltInSelectorNames.Logical ? (0, Q.jsx)($r, { ...e }) : v === C.BuiltInOperatorNames.Average ? (0, Q.jsx)(Ir, { ...e }) : v === C.BuiltInOperatorNames.TimePeriod ? (0, Q.jsx)(Gr, { ...e }) : v === C.BuiltInOperatorNames.TopN ? (0, Q.jsx)(Kr, { ...e }) : v === C.BuiltInOperatorNames.Between ? (0, Q.jsx)(qr, {
 			...e,
 			selector: a
-		}) : v === w.BuiltInOperatorNames.Expression ? (0, Q.jsx)(Jr, { ...e }) : null;
+		}) : v === C.BuiltInOperatorNames.Expression ? (0, Q.jsx)(Jr, { ...e }) : null;
 	}, [
 		p,
 		h,
@@ -1646,7 +1646,7 @@ var ri = w.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 		m,
 		a,
 		u
-	]), S = (0, Z.useMemo)(() => h && m ? Array.isArray(m) ? m : [m] : [], [h, m]), C = h && p?.getName() === "not", T = (e) => {
+	]), S = (0, Z.useMemo)(() => h && m ? Array.isArray(m) ? m : [m] : [], [h, m]), w = h && p?.getName() === "not", T = (e) => {
 		if (!e || e === p) return;
 		let t, r = !!e.isCombinator?.();
 		if (r && h) t = e.getName() === "not" ? S[0] ?? Hr(e, i, a) : S.length > 0 ? S : Hr(e, i, a);
@@ -1659,7 +1659,7 @@ var ri = w.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 			param: t
 		});
 	};
-	return (0, Q.jsx)(z, {
+	return (0, Q.jsx)(R, {
 		ref: g,
 		sx: {
 			display: "flex",
@@ -1672,7 +1672,7 @@ var ri = w.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 			p: 1
 		},
 		...l,
-		children: y ? (0, Q.jsxs)(z, {
+		children: y ? (0, Q.jsxs)(R, {
 			sx: {
 				display: "flex",
 				flexDirection: "row",
@@ -1689,12 +1689,12 @@ var ri = w.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 					readOnly: s
 				}),
 				x,
-				!s && !c && (0, Q.jsx)(Tn, {
-					icon: (0, Q.jsx)(E, { iconKey: "Close" }),
+				!s && !c && (0, Q.jsx)(wn, {
+					icon: (0, Q.jsx)(O, { iconKey: "Close" }),
 					onClick: r
 				})
 			]
-		}) : (0, Q.jsxs)(Q.Fragment, { children: [(0, Q.jsxs)(z, {
+		}) : (0, Q.jsxs)(Q.Fragment, { children: [(0, Q.jsxs)(R, {
 			sx: {
 				display: "flex",
 				flexDirection: "row",
@@ -1710,9 +1710,9 @@ var ri = w.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 					onChange: T,
 					readOnly: s
 				}),
-				h && !C && !s && (0, Q.jsx)(Zr, {
+				h && !w && !s && (0, Q.jsx)(Zr, {
 					label: p?.getTitle?.(),
-					icon: (0, Q.jsx)(E, { iconKey: "Add" }),
+					icon: (0, Q.jsx)(O, { iconKey: "Add" }),
 					operators: i,
 					value: null,
 					onChange: (e) => {
@@ -1727,8 +1727,8 @@ var ri = w.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 						});
 					}
 				}),
-				!s && !c && (0, Q.jsx)(Tn, {
-					icon: (0, Q.jsx)(E, { iconKey: "Close" }),
+				!s && !c && (0, Q.jsx)(wn, {
+					icon: (0, Q.jsx)(O, { iconKey: "Close" }),
 					disabled: s,
 					onClick: r
 				})
@@ -1739,7 +1739,7 @@ var ri = w.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 			onOptionChange: (e) => {
 				n({
 					operator: f,
-					param: C ? e[0] ?? null : e
+					param: w ? e[0] ?? null : e
 				});
 			},
 			operators: i,
@@ -1750,37 +1750,37 @@ var ri = w.BuiltInOperatorNames, ii = /* @__PURE__ */ new Set([
 });
 ai.displayName = "OperatorAndParamEditor";
 var oi = (0, Z.memo)((e) => {
-	let { condition: t, onConditionChange: n, showIncludeBlanks: r = !1, selectorTitle: i, readOnly: a, operators: o, selectors: s, ranges: c, ...l } = e, u = P(), d = R(), [f, p] = (0, Z.useState)(() => t?.getSelector() ?? null), [m, h] = (0, Z.useState)(() => t?.getOperator() ? {
+	let { condition: t, onConditionChange: n, showIncludeBlanks: r = !1, selectorTitle: i, readOnly: a, operators: o, selectors: s, ranges: c, ...l } = e, u = P(), d = ge(), [f, p] = (0, Z.useState)(() => t?.getSelector() ?? null), [m, h] = (0, Z.useState)(() => t?.getOperator() ? {
 		operator: t.getOperator().getName(),
 		param: t.getParam()
-	} : null), [g, _] = (0, Z.useState)(() => t?.isIncludeBlanks() ?? !1);
+	} : null), [_, v] = (0, Z.useState)(() => t?.isIncludeBlanks() ?? !1);
 	(0, Z.useEffect)(() => {
 		if (!t) return p(null), void h(null);
 		let e = t.getOperator(), n = t.getSelector() ?? null;
 		p(n), h(e ? {
 			operator: e.getName(),
 			param: t.getParam()
-		} : null), _(t.isIncludeBlanks());
+		} : null), v(t.isIncludeBlanks());
 	}, [t]);
-	let v = (0, Z.useMemo)(() => (s ?? Object.values(T.BuiltInSelectors)).slice().sort((e, t) => (e.getTitle?.() ?? "").localeCompare(t.getTitle?.() ?? "", d)), [s, d]), y = (0, Z.useMemo)(() => o ?? Object.values(T.BuiltInOperators), [o]), b = (0, Z.useMemo)(() => Br(f, y, d), [
+	let y = (0, Z.useMemo)(() => (s ?? Object.values(g.BuiltInSelectors)).slice().sort((e, t) => (e.getTitle?.() ?? "").localeCompare(t.getTitle?.() ?? "", d)), [s, d]), b = (0, Z.useMemo)(() => o ?? Object.values(g.BuiltInOperators), [o]), x = (0, Z.useMemo)(() => Br(f, b, d), [
 		f,
-		y,
+		b,
 		d
-	]), x = (0, Z.useRef)(/* @__PURE__ */ new Map()), S = (e) => e?.getName() ?? "", C = (0, Z.useRef)(null), w = (0, Z.useRef)(!1);
+	]), S = (0, Z.useRef)(/* @__PURE__ */ new Map()), C = (e) => e?.getName() ?? "", w = (0, Z.useRef)(null), T = (0, Z.useRef)(!1);
 	(0, Z.useEffect)(() => {
-		if (!w.current) return;
-		w.current = !1;
-		let e = Array.from(C.current?.querySelectorAll("input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"hidden\"]):not([tabindex=\"-1\"]), textarea") ?? []).find((e) => !e.disabled && !e.readOnly && e.getAttribute("aria-hidden") !== "true");
+		if (!T.current) return;
+		T.current = !1;
+		let e = Array.from(w.current?.querySelectorAll("input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"hidden\"]):not([tabindex=\"-1\"]), textarea") ?? []).find((e) => !e.disabled && !e.readOnly && e.getAttribute("aria-hidden") !== "true");
 		e && (e.focus(), e.select());
 	}, [f, m]);
 	let E = (e) => {
 		h(e), n?.({
 			selector: f,
 			...e,
-			includeBlanks: g
+			includeBlanks: _
 		});
 	}, D = r;
-	return (0, Q.jsxs)(z, {
+	return (0, Q.jsxs)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -1796,10 +1796,10 @@ var oi = (0, Z.memo)((e) => {
 		children: [
 			(0, Q.jsx)(Yr, {
 				title: i,
-				selectors: v,
+				selectors: y,
 				value: f,
 				onChange: (e) => {
-					m && x.current.set(S(f), m);
+					m && S.current.set(C(f), m);
 					let t = ((e) => {
 						let { from: t, to: n, current: r, remembered: i, operators: a, context: o } = e, s = Br(n, a), c = (e) => e && s.find((t) => t.getName() === e) || null;
 						if (i && c(i.operator)) return i;
@@ -1820,24 +1820,24 @@ var oi = (0, Z.memo)((e) => {
 						from: f,
 						to: e,
 						current: m,
-						remembered: x.current.get(S(e)) ?? null,
-						operators: y,
+						remembered: S.current.get(C(e)) ?? null,
+						operators: b,
 						context: { ranges: c }
 					});
-					p(e), h(t), w.current = !0, n?.({
+					p(e), h(t), T.current = !0, n?.({
 						selector: e,
 						...t ?? {
 							operator: null,
 							param: null
 						},
-						includeBlanks: g
+						includeBlanks: _
 					});
 				},
 				allowNull: !0,
 				readOnly: a
 			}),
-			m ? (0, Q.jsx)(z, {
-				ref: C,
+			m ? (0, Q.jsx)(R, {
+				ref: w,
 				sx: { display: "contents" },
 				children: (0, Q.jsx)(ai, {
 					operatorParam: m,
@@ -1847,23 +1847,23 @@ var oi = (0, Z.memo)((e) => {
 							selector: f,
 							operator: null,
 							param: null,
-							includeBlanks: g
+							includeBlanks: _
 						});
 					},
-					operators: b,
+					operators: x,
 					selector: f,
 					readOnly: a
 				})
-			}) : !a && (0, Q.jsx)(z, {
+			}) : !a && (0, Q.jsx)(R, {
 				sx: { display: "flex" },
 				children: (0, Q.jsx)(Zr, {
 					label: u("condition.when"),
-					operators: b,
+					operators: x,
 					value: null,
 					onChange: (e) => {
-						e && (w.current = !0, E({
+						e && (T.current = !0, E({
 							operator: e?.getName() ?? null,
-							param: Hr(e, b, f)
+							param: Hr(e, x, f)
 						}));
 					},
 					readOnly: a
@@ -1871,10 +1871,10 @@ var oi = (0, Z.memo)((e) => {
 			}),
 			D && (0, Q.jsx)(vn, {
 				control: (0, Q.jsx)(_n, {
-					checked: g,
+					checked: _,
 					onChange: (e) => {
 						var t = e.target.checked;
-						_(t), n?.({
+						v(t), n?.({
 							selector: f,
 							...m,
 							includeBlanks: t
@@ -1890,7 +1890,7 @@ var oi = (0, Z.memo)((e) => {
 oi.displayName = "ConditionEditor";
 var si = (0, Z.memo)((e) => {
 	let { variant: t = "format", children: n, sx: r, ...i } = e;
-	return (0, Q.jsx)(z, {
+	return (0, Q.jsx)(R, {
 		className: `sxl-cf-rule-section sxl-cf-rule-section-${t}`,
 		sx: {
 			display: "flex",
@@ -1908,15 +1908,15 @@ var si = (0, Z.memo)((e) => {
 	});
 });
 si.displayName = "RuleSection";
-var ci = new g("transparent"), li = {
-	lightRedFillDarkRedText: m("conditionalFormat.preset.lightRedFillDarkRedText"),
-	yellowFillDarkYellowText: m("conditionalFormat.preset.yellowFillDarkYellowText"),
-	greenFillDarkGreenText: m("conditionalFormat.preset.greenFillDarkGreenText"),
-	lightRedFill: m("conditionalFormat.preset.lightRedFill"),
-	redText: m("conditionalFormat.preset.redText"),
-	redBorder: m("conditionalFormat.preset.redBorder")
-}, ui = (e) => e ? typeof e == "string" ? e : e.type === y.Type.None ? null : e.color ?? e.foreground ?? null : null, di = (e, t) => e === "auto" ? null : Mt(e, t), fi = (0, Z.memo)((e) => {
-	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = P(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: u } = Vt(), d = t?.font ?? null, f = (d?.weight ?? 400) >= 600, p = d?.style === x.Style.Italic, h = !!d?.underline && d.underline !== x.UnderlineStyle.None, g = !!d?.strike, _ = (e) => {
+var ci = new b("transparent"), li = {
+	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")
+}, ui = (e) => e ? typeof e == "string" ? e : e.type === y.Type.None ? null : e.color ?? e.foreground ?? null : null, di = (e, t) => e === "auto" ? null : Ft(e, t), fi = (0, Z.memo)((e) => {
+	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = P(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: u } = Xt(), d = t?.font ?? null, p = (d?.weight ?? 400) >= 600, m = d?.style === S.Style.Italic, h = !!d?.underline && d.underline !== S.UnderlineStyle.None, g = !!d?.strike, _ = (e) => {
 		let r = { ...d };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		let i = { ...t };
@@ -1925,7 +1925,7 @@ var ci = new g("transparent"), li = {
 		d?.color,
 		o,
 		c
-	]), S = (0, Z.useMemo)(() => di(ui(t?.fill), o), [
+	]), x = (0, Z.useMemo)(() => di(ui(t?.fill), o), [
 		t?.fill,
 		o,
 		c
@@ -1936,13 +1936,13 @@ var ci = new g("transparent"), li = {
 	};
 	return (0, Q.jsxs)(si, {
 		...i,
-		children: [(0, Q.jsxs)(z, {
+		children: [(0, Q.jsxs)(R, {
 			sx: {
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Q.jsx)(z, {
+			children: [(0, Q.jsx)(R, {
 				sx: {
 					flex: "1 1 auto",
 					minWidth: 0,
@@ -1950,9 +1950,9 @@ var ci = new g("transparent"), li = {
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: $e.map((e, t) => {
+				children: qe.map((e, t) => {
 					let i = di(ui(e.style.fill), o), s = di(e.style.font?.color, o), c = e.style.borders ? di(Object.values(e.style.borders)[0]?.color, o) : null;
-					return (0, Q.jsx)(Y, {
+					return (0, Q.jsx)(rn, {
 						sheet: !0,
 						title: a(li[e.key] ?? e.key),
 						disabled: r,
@@ -1966,7 +1966,7 @@ var ci = new g("transparent"), li = {
 						children: "Aa"
 					}, t);
 				})
-			}), (0, Q.jsx)(Y, {
+			}), (0, Q.jsx)(rn, {
 				title: a("conditionalFormat.clearStyle"),
 				disabled: r || !t,
 				onClick: () => n(null),
@@ -1974,12 +1974,12 @@ var ci = new g("transparent"), li = {
 					color: "text.secondary",
 					"&:disabled": { opacity: .4 }
 				},
-				children: (0, Q.jsx)(E, {
+				children: (0, Q.jsx)(O, {
 					iconKey: "ClearFormats",
 					size: 16
 				})
 			})]
-		}), (0, Q.jsxs)(z, {
+		}), (0, Q.jsxs)(R, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -1990,19 +1990,19 @@ var ci = new g("transparent"), li = {
 					value: "bold",
 					size: "small",
 					sx: C,
-					selected: f,
+					selected: p,
 					disabled: r,
-					onChange: () => _({ weight: f ? void 0 : 700 }),
-					children: (0, Q.jsx)(E, { iconKey: "TextBold" })
+					onChange: () => _({ weight: p ? void 0 : 700 }),
+					children: (0, Q.jsx)(O, { iconKey: "TextBold" })
 				}),
 				(0, Q.jsx)(J, {
 					value: "italic",
 					size: "small",
 					sx: C,
-					selected: p,
+					selected: m,
 					disabled: r,
-					onChange: () => _({ style: p ? void 0 : x.Style.Italic }),
-					children: (0, Q.jsx)(E, { iconKey: "TextItalic" })
+					onChange: () => _({ style: m ? void 0 : S.Style.Italic }),
+					children: (0, Q.jsx)(O, { iconKey: "TextItalic" })
 				}),
 				(0, Q.jsx)(J, {
 					value: "underline",
@@ -2010,8 +2010,8 @@ var ci = new g("transparent"), li = {
 					sx: C,
 					selected: h,
 					disabled: r,
-					onChange: () => _({ underline: h ? void 0 : x.UnderlineStyle.Single }),
-					children: (0, Q.jsx)(E, { iconKey: "TextUnderline" })
+					onChange: () => _({ underline: h ? void 0 : S.UnderlineStyle.Single }),
+					children: (0, Q.jsx)(O, { iconKey: "TextUnderline" })
 				}),
 				(0, Q.jsx)(J, {
 					value: "strike",
@@ -2020,9 +2020,9 @@ var ci = new g("transparent"), li = {
 					selected: g,
 					disabled: r,
 					onChange: () => _({ strike: !g || void 0 }),
-					children: (0, Q.jsx)(E, { iconKey: "TextStrike" })
+					children: (0, Q.jsx)(O, { iconKey: "TextStrike" })
 				}),
-				o && (0, Q.jsx)(Tt, {
+				o && (0, Q.jsx)(kt, {
 					tooltip: a("conditionalFormat.border"),
 					selectedBorder: t?.borders,
 					createBorder: (e) => o.getStyles().getNormal().createStyle({ borders: e }).getBorders(),
@@ -2035,10 +2035,10 @@ var ci = new g("transparent"), li = {
 						e && Object.keys(e).length !== 0 ? r.borders = e : delete r.borders, n(Object.keys(r).length === 0 ? null : r);
 					})(e)
 				}),
-				(0, Q.jsx)(kt, {
+				(0, Q.jsx)(en, {
 					icon: "fill.colored",
 					tooltip: a("conditionalFormat.fillColor"),
-					selectedColor: S,
+					selectedColor: x,
 					disabled: r,
 					onSelectColor: (e) => ((e) => {
 						let r = { ...t };
@@ -2051,12 +2051,12 @@ var ci = new g("transparent"), li = {
 					propsPanel: {
 						disableAlpha: !0,
 						autoColor: ci,
-						autoColorLabelKey: m("color.noFill"),
-						autoColorPosition: rn.End,
+						autoColorLabelKey: f("color.noFill"),
+						autoColorPosition: mn.End,
 						...u
 					}
 				}),
-				(0, Q.jsx)(kt, {
+				(0, Q.jsx)(en, {
 					icon: "text.colored",
 					tooltip: a("conditionalFormat.fontColor"),
 					selectedColor: b,
@@ -2075,22 +2075,22 @@ var ci = new g("transparent"), li = {
 });
 fi.displayName = "ConditionalFormatStylePicker";
 var pi = {
-	[C.ColorStopType.AutoMin]: m("conditionalFormat.stopType.autoMin"),
-	[C.ColorStopType.AutoMax]: m("conditionalFormat.stopType.autoMax"),
-	[C.ColorStopType.Min]: m("conditionalFormat.stopType.min"),
-	[C.ColorStopType.Max]: m("conditionalFormat.stopType.max"),
-	[C.ColorStopType.Num]: m("conditionalFormat.stopType.num"),
-	[C.ColorStopType.Percent]: m("conditionalFormat.stopType.percent"),
-	[C.ColorStopType.Percentile]: m("conditionalFormat.stopType.percentile"),
-	[C.ColorStopType.Formula]: m("conditionalFormat.stopType.formula")
+	[T.ColorStopType.AutoMin]: f("conditionalFormat.stopType.autoMin"),
+	[T.ColorStopType.AutoMax]: f("conditionalFormat.stopType.autoMax"),
+	[T.ColorStopType.Min]: f("conditionalFormat.stopType.min"),
+	[T.ColorStopType.Max]: f("conditionalFormat.stopType.max"),
+	[T.ColorStopType.Num]: f("conditionalFormat.stopType.num"),
+	[T.ColorStopType.Percent]: f("conditionalFormat.stopType.percent"),
+	[T.ColorStopType.Percentile]: f("conditionalFormat.stopType.percentile"),
+	[T.ColorStopType.Formula]: f("conditionalFormat.stopType.formula")
 }, mi = /* @__PURE__ */ new Set([
-	C.ColorStopType.AutoMin,
-	C.ColorStopType.AutoMax,
-	C.ColorStopType.Min,
-	C.ColorStopType.Max
+	T.ColorStopType.AutoMin,
+	T.ColorStopType.AutoMax,
+	T.ColorStopType.Min,
+	T.ColorStopType.Max
 ]), hi = (0, Z.memo)((e) => {
-	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, leading: o, showExclusive: s = !1, readOnly: c, ...l } = e, u = P(), { darkMode: d, toColor: f, propsColorPanel: p } = Vt(), m = Or(), h = n.type ?? C.ColorStopType.Num, g = !mi.has(h), _ = c || !g, v = h === C.ColorStopType.Formula, y = n.value?.isIFormula ? n.value : null, b = n.color, x = a ? f(b) : null;
-	return (0, Q.jsxs)(z, {
+	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, leading: o, showExclusive: s = !1, readOnly: c, ...l } = e, u = P(), { darkMode: d, toColor: f, propsColorPanel: p } = Xt(), m = Or(), h = n.type ?? T.ColorStopType.Num, g = !mi.has(h), _ = c || !g, v = h === T.ColorStopType.Formula, y = n.value?.isIFormula ? n.value : null, b = n.color, x = a ? f(b) : null;
+	return (0, Q.jsxs)(R, {
 		sx: {
 			display: "flex",
 			alignItems: "center",
@@ -2110,7 +2110,7 @@ var pi = {
 				children: t
 			}),
 			o,
-			a && (0, Q.jsx)(kt, {
+			a && (0, Q.jsx)(en, {
 				tooltip: u("conditionalFormat.stopColor"),
 				selectedColor: x,
 				disabled: c,
@@ -2156,8 +2156,8 @@ var pi = {
 						type: e
 					};
 					if (mi.has(e)) delete t.value;
-					else if (t.value === void 0) t.value = e === C.ColorStopType.Formula ? "" : 0;
-					else if (e !== C.ColorStopType.Formula && typeof t.value != "number") {
+					else if (t.value === void 0) t.value = e === T.ColorStopType.Formula ? "" : 0;
+					else if (e !== T.ColorStopType.Formula && typeof t.value != "number") {
 						let e = typeof t.value == "string" ? Number(t.value) : NaN;
 						t.value = Number.isFinite(e) ? e : 0;
 					}
@@ -2195,7 +2195,7 @@ var pi = {
 					minWidth: 0,
 					"& .MuiInputBase-root": { backgroundColor: _ ? "action.disabledBackground" : "background.paper" }
 				}
-			}) : (0, Q.jsx)(bn, {
+			}) : (0, Q.jsx)(Y, {
 				size: "small",
 				type: "number",
 				placeholder: g ? void 0 : u("conditionalFormat.stopFromData"),
@@ -2223,32 +2223,32 @@ var pi = {
 });
 hi.displayName = "ScaleStopRow";
 var gi = [
-	C.ColorStopType.Min,
-	C.ColorStopType.Max,
-	C.ColorStopType.Num,
-	C.ColorStopType.Percent,
-	C.ColorStopType.Percentile,
-	C.ColorStopType.Formula
+	T.ColorStopType.Min,
+	T.ColorStopType.Max,
+	T.ColorStopType.Num,
+	T.ColorStopType.Percent,
+	T.ColorStopType.Percentile,
+	T.ColorStopType.Formula
 ], _i = (0, Z.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = P(), { workbook: o, toColor: s } = Vt(), c = t.stops ?? [], l = c.length === 2 ? [m("conditionalFormat.stop.minimum"), m("conditionalFormat.stop.maximum")] : [
-		m("conditionalFormat.stop.minimum"),
-		m("conditionalFormat.stop.midpoint"),
-		m("conditionalFormat.stop.maximum")
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = P(), { workbook: o, toColor: s } = Xt(), 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, Q.jsxs)(z, {
+	return (0, Q.jsxs)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 1
 		},
 		...i,
-		children: [(0, Q.jsx)(si, { children: (0, Q.jsxs)(z, {
+		children: [(0, Q.jsx)(si, { children: (0, Q.jsxs)(R, {
 			sx: {
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Q.jsx)(z, {
+			children: [(0, Q.jsx)(R, {
 				sx: {
 					flex: "1 1 auto",
 					minWidth: 0,
@@ -2256,13 +2256,13 @@ var gi = [
 					gap: .5,
 					flexWrap: "wrap"
 				},
-				children: V.filter((e) => e.stops.length === (c.length === 2 ? 2 : 3)).map((e, t) => (0, Q.jsx)(Y, {
+				children: He.filter((e) => e.stops.length === (c.length === 2 ? 2 : 3)).map((e, t) => (0, Q.jsx)(rn, {
 					sheet: !0,
 					disabled: r,
 					onClick: () => n(structuredClone(e)),
-					children: (0, Q.jsx)($t, { rows: cn(e.stops ?? [], Zt, o) })
+					children: (0, Q.jsx)(Tt, { rows: sn(e.stops ?? [], an, o) })
 				}, t))
-			}), (0, Q.jsxs)(Bt, {
+			}), (0, Q.jsxs)(Kt, {
 				exclusive: !0,
 				size: "small",
 				value: c.length === 2 ? 2 : 3,
@@ -2278,7 +2278,7 @@ var gi = [
 								e = `#${r((t.red + n.red) / 2)}${r((t.green + n.green) / 2)}${r((t.blue + n.blue) / 2)}`;
 							}
 							r.splice(1, 0, {
-								type: C.ColorStopType.Percentile,
+								type: T.ColorStopType.Percentile,
 								value: 50,
 								color: e
 							});
@@ -2329,26 +2329,26 @@ var gi = [
 });
 _i.displayName = "ColorScaleRulePanel";
 var vi = [
-	C.ColorStopType.AutoMin,
-	C.ColorStopType.Min,
-	C.ColorStopType.Num,
-	C.ColorStopType.Percent,
-	C.ColorStopType.Percentile,
-	C.ColorStopType.Formula
+	T.ColorStopType.AutoMin,
+	T.ColorStopType.Min,
+	T.ColorStopType.Num,
+	T.ColorStopType.Percent,
+	T.ColorStopType.Percentile,
+	T.ColorStopType.Formula
 ], yi = [
-	C.ColorStopType.AutoMax,
-	C.ColorStopType.Max,
-	C.ColorStopType.Num,
-	C.ColorStopType.Percent,
-	C.ColorStopType.Percentile,
-	C.ColorStopType.Formula
+	T.ColorStopType.AutoMax,
+	T.ColorStopType.Max,
+	T.ColorStopType.Num,
+	T.ColorStopType.Percent,
+	T.ColorStopType.Percentile,
+	T.ColorStopType.Formula
 ], bi = "__auto__", xi = (0, Z.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = P(), { darkMode: o, toColor: s, propsColorPanel: c } = Vt(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), p = s(t.negativeBorderColor), m = t.gradient ?? !1, h = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = P(), { darkMode: o, toColor: s, propsColorPanel: c } = Xt(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), p = s(t.negativeBorderColor), m = t.gradient ?? !1, h = (e) => {
 		let r = { ...t };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		n(r);
 	}, g = { backgroundColor: "background.paper" };
-	return (0, Q.jsxs)(z, {
+	return (0, Q.jsxs)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2356,13 +2356,13 @@ var vi = [
 		},
 		...i,
 		children: [(0, Q.jsxs)(si, { children: [
-			(0, Q.jsxs)(z, {
+			(0, Q.jsxs)(R, {
 				sx: {
 					display: "flex",
 					alignItems: "flex-start",
 					gap: 1
 				},
-				children: [(0, Q.jsx)(z, {
+				children: [(0, Q.jsx)(R, {
 					sx: {
 						flex: "1 1 auto",
 						minWidth: 0,
@@ -2370,7 +2370,7 @@ var vi = [
 						gap: .5,
 						flexWrap: "wrap"
 					},
-					children: U.filter((e) => (e.gradient ?? !1) === m).map((e, t) => (0, Q.jsx)(Y, {
+					children: we.filter((e) => (e.gradient ?? !1) === m).map((e, t) => (0, Q.jsx)(rn, {
 						sheet: !0,
 						disabled: r,
 						onClick: () => h({
@@ -2378,9 +2378,9 @@ var vi = [
 							gradient: e.gradient,
 							borderColor: e.borderColor
 						}),
-						children: (0, Q.jsx)($t, { rows: gn(e, s(e.color)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") })
+						children: (0, Q.jsx)(Tt, { rows: fn(e, s(e.color)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") })
 					}, t))
-				}), (0, Q.jsxs)(Bt, {
+				}), (0, Q.jsxs)(Kt, {
 					exclusive: !0,
 					size: "small",
 					value: m,
@@ -2420,7 +2420,7 @@ var vi = [
 					children: a("conditionalFormat.showBarsOnly")
 				})
 			}),
-			(0, Q.jsxs)(z, {
+			(0, Q.jsxs)(R, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
@@ -2435,7 +2435,7 @@ var vi = [
 						},
 						children: a("conditionalFormat.bar")
 					}),
-					(0, Q.jsx)(kt, {
+					(0, Q.jsx)(en, {
 						icon: "fill.colored",
 						tooltip: a("conditionalFormat.barColor"),
 						selectedColor: u,
@@ -2447,7 +2447,7 @@ var vi = [
 							...c
 						}
 					}),
-					(0, Q.jsx)(kt, {
+					(0, Q.jsx)(en, {
 						icon: "stroke.colored",
 						tooltip: a("conditionalFormat.barBorderColor"),
 						selectedColor: f,
@@ -2461,7 +2461,7 @@ var vi = [
 					})
 				]
 			}),
-			(0, Q.jsxs)(z, {
+			(0, Q.jsxs)(R, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
@@ -2476,7 +2476,7 @@ var vi = [
 						},
 						children: a("conditionalFormat.negative")
 					}),
-					(0, Q.jsx)(kt, {
+					(0, Q.jsx)(en, {
 						icon: "fill.colored",
 						tooltip: a("conditionalFormat.negativeColor"),
 						selectedColor: d ?? u,
@@ -2488,7 +2488,7 @@ var vi = [
 							...c
 						}
 					}),
-					(0, Q.jsx)(kt, {
+					(0, Q.jsx)(en, {
 						icon: "stroke.colored",
 						tooltip: a("conditionalFormat.negativeBorderColor"),
 						selectedColor: p ?? f,
@@ -2500,7 +2500,7 @@ var vi = [
 							...c
 						}
 					}),
-					(0, Q.jsx)(Y, {
+					(0, Q.jsx)(rn, {
 						title: a("conditionalFormat.sameAsPositive"),
 						disabled: r || !t.negativeFillColor && !t.negativeBorderColor,
 						onClick: () => h({
@@ -2511,14 +2511,14 @@ var vi = [
 							color: "text.secondary",
 							"&:disabled": { opacity: .4 }
 						},
-						children: (0, Q.jsx)(E, {
+						children: (0, Q.jsx)(O, {
 							iconKey: "ClearFormats",
 							size: 16
 						})
 					})
 				]
 			}),
-			(0, Q.jsxs)(z, {
+			(0, Q.jsxs)(R, {
 				sx: {
 					display: "flex",
 					gap: 1,
@@ -2590,7 +2590,7 @@ var vi = [
 			variant: "config",
 			children: [(0, Q.jsx)(hi, {
 				label: a("conditionalFormat.stop.minimum"),
-				stop: l[0] ?? { type: C.ColorStopType.AutoMin },
+				stop: l[0] ?? { type: T.ColorStopType.AutoMin },
 				allowedTypes: vi,
 				readOnly: r,
 				onStopChange: (e) => {
@@ -2599,12 +2599,12 @@ var vi = [
 				}
 			}), (0, Q.jsx)(hi, {
 				label: a("conditionalFormat.stop.maximum"),
-				stop: l[1] ?? { type: C.ColorStopType.AutoMax },
+				stop: l[1] ?? { type: T.ColorStopType.AutoMax },
 				allowedTypes: yi,
 				readOnly: r,
 				onStopChange: (e) => {
 					let t = l.slice();
-					for (; t.length < 2;) t.push({ type: C.ColorStopType.AutoMax });
+					for (; t.length < 2;) t.push({ type: T.ColorStopType.AutoMax });
 					t[1] = e, h({ stops: t });
 				}
 			})]
@@ -2612,7 +2612,7 @@ var vi = [
 	});
 });
 xi.displayName = "DataBarRulePanel";
-var Si = m("conditionalFormat.noCellIcon"), Ci = m("conditionalFormat.cellIcon"), wi = {
+var Si = f("conditionalFormat.noCellIcon"), Ci = f("conditionalFormat.cellIcon"), wi = {
 	borderColor: "primary.main",
 	boxShadow: (e) => `inset 0 0 0 1px ${e.palette.primary.main}`
 }, Ti = {
@@ -2620,14 +2620,14 @@ var Si = m("conditionalFormat.noCellIcon"), Ci = m("conditionalFormat.cellIcon")
 	height: "26px"
 }, Ei = (0, Z.memo)((e) => {
 	let { icon: t, onPick: n } = e, r = P();
-	return (0, Q.jsxs)(z, {
+	return (0, Q.jsxs)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "4px",
 			padding: "6px 8px"
 		},
-		children: [(0, Q.jsx)(Y, {
+		children: [(0, Q.jsx)(rn, {
 			sheet: !0,
 			title: r(Si),
 			"aria-pressed": t === null,
@@ -2636,24 +2636,24 @@ var Si = m("conditionalFormat.noCellIcon"), Ci = m("conditionalFormat.cellIcon")
 				...t === null ? wi : null
 			},
 			onClick: () => {
-				n({ ...We });
+				n({ ...H });
 			},
-			children: (0, Q.jsx)(Ve, {
+			children: (0, Q.jsx)(De, {
 				icons: [null],
 				size: 16
 			})
-		}), (0, Q.jsx)(z, {
+		}), (0, Q.jsx)(R, {
 			sx: {
 				display: "grid",
 				gridTemplateColumns: "repeat(8, auto)",
 				justifyContent: "start",
 				gap: "3px"
 			},
-			children: Be.map((e) => {
+			children: tt.map((e) => {
 				let i = ((e, t) => !!e && e.iconKey === t.iconKey && e.color === t.color)(t, e.spec);
-				return (0, Q.jsx)(Y, {
+				return (0, Q.jsx)(rn, {
 					sheet: !0,
-					title: fn(r, e.spec),
+					title: Ut(r, e.spec),
 					"aria-pressed": i,
 					sx: {
 						...Ti,
@@ -2665,7 +2665,7 @@ var Si = m("conditionalFormat.noCellIcon"), Ci = m("conditionalFormat.cellIcon")
 							id: e.id
 						});
 					},
-					children: (0, Q.jsx)(Ve, {
+					children: (0, Q.jsx)(De, {
 						icons: [e.spec],
 						size: 16
 					})
@@ -2677,7 +2677,7 @@ var Si = m("conditionalFormat.noCellIcon"), Ci = m("conditionalFormat.cellIcon")
 Ei.displayName = "IconCatalogPanel";
 var Di = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
 	let { icon: n, onPick: r, tooltip: i, ...a } = e, o = P();
-	return (0, Q.jsx)(wn, {
+	return (0, Q.jsx)(Cn, {
 		ref: t,
 		createPopupPanel: (0, Z.useCallback)((e) => {
 			let { closeFloat: t } = e, i = (0, Q.jsx)(Ei, {
@@ -2686,13 +2686,13 @@ var Di = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
 					t?.(), r(e);
 				}
 			});
-			return Fn({
+			return Pn({
 				...e,
 				children: i
 			});
 		}, [n, r]),
 		tooltip: i ?? o(Ci),
-		icon: (0, Q.jsx)(Ve, {
+		icon: (0, Q.jsx)(De, {
 			icons: [n],
 			size: 16
 		}),
@@ -2702,24 +2702,24 @@ var Di = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
 }));
 Di.displayName = "IconPickerPopupButton";
 var Oi = [
-	C.ColorStopType.Percent,
-	C.ColorStopType.Num,
-	C.ColorStopType.Percentile,
-	C.ColorStopType.Formula
+	T.ColorStopType.Percent,
+	T.ColorStopType.Num,
+	T.ColorStopType.Percentile,
+	T.ColorStopType.Formula
 ], ki = (0, Z.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = P(), o = t.iconSet ?? v.IconSet.TrafficLights3, s = tt(o).length === 0, l = t.stops ?? [], u = l.length, d = nt(t), f = (e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = P(), s = t.iconSet ?? v.IconSet.TrafficLights3, c = z(s).length === 0, l = t.stops ?? [], u = l.length, d = Ne(t), f = (e) => {
 		let r = { ...t };
 		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
 		n(r);
 	}, p = (0, Z.useCallback)((e) => {
-		let { closeFloat: t } = e, n = (0, Q.jsx)(Kt, {
-			groups: pn,
+		let { closeFloat: t } = e, n = (0, Q.jsx)(It, {
+			groups: zt,
 			disabled: r,
 			onPick: (e) => {
-				t?.(), e.type === C.ScaleType.IconSet && e.iconSet && ((e) => {
-					if (e === o) return;
-					let t = Ue(e), n = l;
-					t !== l.length && (n = Ne(t)), f({
+				t?.(), e.type === T.ScaleType.IconSet && e.iconSet && ((e) => {
+					if (e === s) return;
+					let t = je(e), n = l;
+					t !== l.length && (n = Ge(t)), f({
 						iconSet: e,
 						stops: n,
 						icon: void 0
@@ -2727,12 +2727,12 @@ var Oi = [
 				})(e.iconSet);
 			}
 		});
-		return Fn({
+		return Pn({
 			...e,
 			children: n
 		});
-	}, [r, t]), m = c.camelToPrettyCase(o);
-	return (0, Q.jsxs)(z, {
+	}, [r, t]), m = o.camelToPrettyCase(s);
+	return (0, Q.jsxs)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -2740,29 +2740,29 @@ var Oi = [
 		},
 		...i,
 		children: [(0, Q.jsxs)(si, { children: [
-			(0, Q.jsx)(z, {
+			(0, Q.jsx)(R, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: 1
 				},
-				children: (0, Q.jsx)(wn, {
+				children: (0, Q.jsx)(Cn, {
 					outlined: !0,
 					disabled: r,
 					label: m,
 					tooltip: m,
-					icon: (0, Q.jsx)(z, {
+					icon: (0, Q.jsx)(R, {
 						sx: {
 							width: "82px",
 							display: "flex",
 							justifyContent: "center"
 						},
-						children: s ? (0, Q.jsx)(W, {
+						children: c ? (0, Q.jsx)(W, {
 							variant: "caption",
 							noWrap: !0,
 							children: m
-						}) : (0, Q.jsx)(Ve, {
-							icons: tt(o),
+						}) : (0, Q.jsx)(De, {
+							icons: z(s),
 							order: "descending",
 							size: 14,
 							gap: 3
@@ -2771,12 +2771,12 @@ var Oi = [
 					createPopupPanel: p
 				})
 			}),
-			s && (0, Q.jsx)(W, {
+			c && (0, Q.jsx)(W, {
 				variant: "caption",
 				sx: { color: "text.secondary" },
 				children: a("conditionalFormat.adoptedIconSet")
 			}),
-			(0, Q.jsxs)(z, {
+			(0, Q.jsxs)(R, {
 				sx: {
 					display: "flex",
 					gap: 1
@@ -2816,8 +2816,8 @@ var Oi = [
 					readOnly: r || i === 0,
 					leading: (0, Q.jsx)(Di, {
 						icon: d[i] ?? null,
-						disabled: r || s,
-						onPick: (e) => n(H(t, a, e))
+						disabled: r || c,
+						onPick: (e) => n(Ke(t, a, e))
 					}),
 					onStopChange: (e) => {
 						let t = l.slice();
@@ -2829,15 +2829,15 @@ var Oi = [
 	});
 });
 ki.displayName = "IconSetRulePanel";
-var Ai = (e, t, n) => Mt(e, t)?.toCSS("adaptive") ?? n, ji = (e, t, n) => {
+var Ai = (e, t, n) => Ft(e, t)?.toCSS("adaptive") ?? n, ji = (e, t, n) => {
 	if (!e) return n;
 	if (typeof e == "string") return Ai(e, t, n);
 	if (e.type === y.Type.None) return n;
 	let r = e, i = e;
 	return Ai(i.foreground ?? r.color ?? i.background, t, n);
 }, Mi = (0, Z.memo)((e) => {
-	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = Vt();
-	Ke(t, "onAnyChange");
+	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = Xt();
+	Oe(t, "onAnyChange");
 	let o = t.getScale(), s = t.getStyle(), c = (0, Z.useMemo)(() => {
 		try {
 			return i?.getStyles().getNormal().getFont().toCSS("adaptive") ?? {};
@@ -2845,9 +2845,9 @@ var Ai = (e, t, n) => Mt(e, t)?.toCSS("adaptive") ?? n, ji = (e, t, n) => {
 			return {};
 		}
 	}, [i, a]), l = (0, Z.useMemo)(() => {
-		if (o?.type === C.ScaleType.ColorScale) return (0, Q.jsx)($t, { rows: cn(o.stops ?? [], Zt, i) });
-		if (o?.type === C.ScaleType.DataBar) return (0, Q.jsx)($t, { rows: gn(o, Ai(o.color, i, Ft), o.borderColor ? Ai(o.borderColor, i, Ft) : void 0) });
-		if (o?.type === C.ScaleType.IconSet) return (0, Q.jsx)(z, {
+		if (o?.type === T.ScaleType.ColorScale) return (0, Q.jsx)(Tt, { rows: sn(o.stops ?? [], an, i) });
+		if (o?.type === T.ScaleType.DataBar) return (0, Q.jsx)(Tt, { rows: fn(o, Ai(o.color, i, dn), o.borderColor ? Ai(o.borderColor, i, dn) : void 0) });
+		if (o?.type === T.ScaleType.IconSet) return (0, Q.jsx)(R, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -2856,15 +2856,15 @@ var Ai = (e, t, n) => Mt(e, t)?.toCSS("adaptive") ?? n, ji = (e, t, n) => {
 				height: "100%",
 				px: .5
 			},
-			children: (0, Q.jsx)(Ve, {
-				icons: nt(o),
+			children: (0, Q.jsx)(De, {
+				icons: Ne(o),
 				order: "descending",
 				size: 14,
 				gap: 3
 			})
 		});
-		let e = s?.font, t = e?.underline && e.underline !== x.UnderlineStyle.None;
-		return (0, Q.jsx)(z, {
+		let e = s?.font, t = e?.underline && e.underline !== S.UnderlineStyle.None;
+		return (0, Q.jsx)(R, {
 			sx: {
 				width: "100%",
 				height: "100%",
@@ -2873,13 +2873,13 @@ var Ai = (e, t, n) => Mt(e, t)?.toCSS("adaptive") ?? n, ji = (e, t, n) => {
 				justifyContent: "center",
 				...c,
 				backgroundColor: ji(s?.fill, i, "transparent"),
-				...e?.color && e.color !== "auto" ? { color: Ai(e.color, i, Gt) } : null,
+				...e?.color && e.color !== "auto" ? { color: Ai(e.color, i, Yt) } : null,
 				...e?.weight ? { fontWeight: e.weight } : null,
 				...e?.style ? { fontStyle: e.style } : null,
 				textDecoration: [t ? "underline" : "", e?.strike ? "line-through" : ""].join(" ").trim() || "none",
 				fontSize: `${Math.round(.5 * n)}px`,
 				lineHeight: 1,
-				outline: s?.borders ? `1px solid ${Ai(Object.values(s.borders)[0]?.color, i, Nt)}` : void 0,
+				outline: s?.borders ? `1px solid ${Ai(Object.values(s.borders)[0]?.color, i, Dt)}` : void 0,
 				outlineOffset: "-3px"
 			},
 			children: "Aa"
@@ -2892,7 +2892,7 @@ var Ai = (e, t, n) => Mt(e, t)?.toCSS("adaptive") ?? n, ji = (e, t, n) => {
 		i,
 		a
 	]);
-	return (0, Q.jsx)(Y, {
+	return (0, Q.jsx)(rn, {
 		sheet: !0,
 		className: "sxl-cf-rule-preview",
 		sx: {
@@ -2909,20 +2909,20 @@ var Ni = (e, t) => {
 	let n = e.getCondition()?.toString();
 	if (n) return n;
 	let r = e.getScale();
-	return r ? c.camelToPrettyCase(r.type) : t("conditionalFormat.noCondition");
+	return r ? o.camelToPrettyCase(r.type) : t("conditionalFormat.noCondition");
 }, Pi = {
-	classic: m("conditionalFormat.tab.classic"),
-	[C.ScaleType.ColorScale]: m("conditionalFormat.tab.colorScale"),
-	[C.ScaleType.DataBar]: m("conditionalFormat.tab.dataBars"),
-	[C.ScaleType.IconSet]: m("conditionalFormat.tab.iconSets")
+	classic: f("conditionalFormat.tab.classic"),
+	[T.ScaleType.ColorScale]: f("conditionalFormat.tab.colorScale"),
+	[T.ScaleType.DataBar]: f("conditionalFormat.tab.dataBars"),
+	[T.ScaleType.IconSet]: f("conditionalFormat.tab.iconSets")
 }, Fi = (0, Z.memo)((e) => {
 	let { conditionalFormat: t } = e, n = P();
-	Ke(t, "onAnyChange");
+	Oe(t, "onAnyChange");
 	let r = t.getScale(), i = t.getCondition(), a = t.getStyle(), o = t.isProtected(), s = r?.type ?? "classic", c = (0, Z.useRef)({ scales: {} }), l = (e) => {
 		t.update({ scale: e });
-	}, u = (0, Q.jsxs)(ct, {
+	}, u = (0, Q.jsxs)(ot, {
 		tabIndex: 0,
-		className: on["editor-panel"],
+		className: Bt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -2934,7 +2934,7 @@ var Ni = (e, t) => {
 			overflow: "auto"
 		},
 		children: [
-			(0, Q.jsxs)(z, {
+			(0, Q.jsxs)(R, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -2942,7 +2942,7 @@ var Ni = (e, t) => {
 					margin: (e) => e.spacing(1.25),
 					marginBottom: 0
 				},
-				children: [(0, Q.jsxs)(z, {
+				children: [(0, Q.jsxs)(R, {
 					sx: {
 						display: "flex",
 						alignItems: "center",
@@ -2959,25 +2959,25 @@ var Ni = (e, t) => {
 						},
 						children: Ni(t, n)
 					})]
-				}), (0, Q.jsx)(Lt, {
+				}), (0, Q.jsx)(Wt, {
 					item: t,
 					label: n("conditionalFormat.applyTo")
 				})]
 			}),
-			(0, Q.jsx)(zt, {
+			(0, Q.jsx)(Gt, {
 				value: s,
 				onChange: (e, n) => {
 					o || ((e) => {
 						if (e !== s) if (s === "classic" ? (c.current.condition = i?.toJSON() ?? null, c.current.style = a) : r && (c.current.scales[r.type] = r), e === "classic") t.update({
 							condition: c.current.condition ?? {
-								operator: w.BuiltInOperatorNames.Between,
+								operator: C.BuiltInOperatorNames.Between,
 								param: null
 							},
 							style: c.current.style ?? null,
 							scale: null
 						});
 						else {
-							let n = c.current.scales[e] ?? (e === C.ScaleType.ColorScale ? Le() : e === C.ScaleType.DataBar ? et() : Te());
+							let n = c.current.scales[e] ?? (e === T.ScaleType.ColorScale ? V() : e === T.ScaleType.DataBar ? B() : $e());
 							t.update({
 								scale: n,
 								condition: null,
@@ -3000,7 +3000,7 @@ var Ni = (e, t) => {
 						minWidth: 0
 					}
 				},
-				children: Object.keys(Pi).map((e) => (0, Q.jsx)(Ht, {
+				children: Object.keys(Pi).map((e) => (0, Q.jsx)(qt, {
 					value: e,
 					label: n(Pi[e])
 				}, e))
@@ -3016,22 +3016,22 @@ var Ni = (e, t) => {
 				readOnly: o,
 				onConditionChange: (e) => t.setCondition(e)
 			})] }),
-			r?.type === C.ScaleType.ColorScale && (0, Q.jsx)(_i, {
+			r?.type === T.ScaleType.ColorScale && (0, Q.jsx)(_i, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			r?.type === C.ScaleType.DataBar && (0, Q.jsx)(xi, {
+			r?.type === T.ScaleType.DataBar && (0, Q.jsx)(xi, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			r?.type === C.ScaleType.IconSet && (0, Q.jsx)(ki, {
+			r?.type === T.ScaleType.IconSet && (0, Q.jsx)(ki, {
 				scale: r,
 				onScaleChange: l,
 				readOnly: o
 			}),
-			s === "classic" && (0, Q.jsx)(z, {
+			s === "classic" && (0, Q.jsx)(R, {
 				sx: {
 					pl: 2,
 					pr: 2,
@@ -3058,7 +3058,7 @@ var Ni = (e, t) => {
 Fi.displayName = "ConditionalFormatEditorPanel";
 var Ii = (0, Z.memo)(({ item: e }) => {
 	let t = P();
-	return Ke(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Q.jsx)(z, {
+	return Oe(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Q.jsx)(R, {
 		sx: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -3077,7 +3077,7 @@ var Ii = (0, Z.memo)(({ item: e }) => {
 	});
 });
 Ii.displayName = "StopIfTrueBadge";
-var Li = (0, Z.memo)(({ item: e }) => (0, Q.jsx)(Lt, {
+var Li = (0, Z.memo)(({ item: e }) => (0, Q.jsx)(Wt, {
 	item: e,
 	label: P()("conditionalFormat.applyTo"),
 	helperText: null
@@ -3086,18 +3086,18 @@ Li.displayName = "ConditionalFormatCardRanges";
 var Ri = {
 	key: "conditional-format",
 	messageKeys: {
-		none: m("conditionalFormat.none"),
-		addPrompt: m("conditionalFormat.addPrompt"),
-		heading: m("conditionalFormat.heading"),
-		insert: m("conditionalFormat.insert"),
-		new: m("conditionalFormat.new"),
-		moveUp: m("conditionalFormat.moveUp"),
-		moveDown: m("conditionalFormat.moveDown"),
-		edit: m("conditionalFormat.edit"),
-		duplicate: m("conditionalFormat.duplicate"),
-		delete: m("conditionalFormat.delete"),
-		cancel: m("conditionalFormat.cancel"),
-		save: m("conditionalFormat.save")
+		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"],
@@ -3124,7 +3124,7 @@ var Ri = {
 	EditorBody: ({ item: e }) => (0, Q.jsx)(Fi, { conditionalFormat: e })
 }, zi = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
 	let { workbook: n, args: r, ...i } = e;
-	return (0, Q.jsx)(Ut, {
+	return (0, Q.jsx)(Ot, {
 		ref: t,
 		workbook: n,
 		descriptor: Ri,
@@ -4016,14 +4016,14 @@ var Xa = (0, Z.memo)(Ya), Za = Ea({ wrappedRoot: {
 	checkIcon: "_checkIcon_h0jnt_42",
 	button: "_button_h0jnt_47"
 }, lo = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
-	let { id: n, message: r, iconVariant: i, error: a, hideIconVariant: o, ...s } = e, c = P(), { closeSnackbar: u } = so(), [f, p] = (0, Z.useState)(!1), m = a ? l.collectErrorChain(a, !0)?.[0]?.error : void 0, h = m && !(m instanceof d), g = (0, Z.useCallback)(() => {
+	let { id: n, message: r, iconVariant: i, error: a, hideIconVariant: o, ...c } = e, u = P(), { closeSnackbar: d } = so(), [f, p] = (0, Z.useState)(!1), m = a ? s.collectErrorChain(a, !0)?.[0]?.error : void 0, h = m && !(m instanceof l), g = (0, Z.useCallback)(() => {
 		p((e) => !e);
 	}, []), _ = (0, Z.useCallback)(() => {
-		u(n);
-	}, [n, u]), v = m?.message;
+		d(n);
+	}, [n, d]), v = m?.message;
 	return !v && (0, Z.isValidElement)(r) && (v = r), v || typeof r != "string" || (v = r), v ||= `Unknown Error: ${r}`, (0, Q.jsx)(Va, {
 		ref: t,
-		className: xe(co.root, "error-snackbar"),
+		className: In(co.root, "error-snackbar"),
 		children: (0, Q.jsxs)(dr, {
 			className: co.card,
 			style: {
@@ -4044,24 +4044,24 @@ var Xa = (0, Z.memo)(Ya), Za = Ea({ wrappedRoot: {
 					(0, Q.jsx)("div", { style: { flex: "1 1 auto" } }),
 					(0, Q.jsxs)("div", {
 						className: co.icons,
-						children: [h ? (0, Q.jsx)(at, {
-							"aria-label": c("toast.showMore"),
+						children: [h ? (0, Q.jsx)(it, {
+							"aria-label": u("toast.showMore"),
 							size: "small",
-							className: xe(co.expand, { [co.expandOpen]: f }),
+							className: In(co.expand, { [co.expandOpen]: f }),
 							onClick: g,
-							children: (0, Q.jsx)(E, { iconKey: "ExpandMore" })
-						}) : null, (0, Q.jsx)(at, {
+							children: (0, Q.jsx)(O, { iconKey: "ExpandMore" })
+						}) : null, (0, Q.jsx)(it, {
 							size: "small",
 							className: co.expand,
 							onClick: _,
-							children: (0, Q.jsx)(E, {
+							children: (0, Q.jsx)(O, {
 								iconKey: "Close",
 								style: { transform: "scale(0.8)" }
 							})
 						})]
 					})
 				]
-			}), h ? (0, Q.jsx)(Ce, {
+			}), h ? (0, Q.jsx)(D, {
 				in: f,
 				timeout: "auto",
 				children: (0, Q.jsx)("div", {
@@ -4070,7 +4070,7 @@ var Xa = (0, Z.memo)(Ya), Za = Ea({ wrappedRoot: {
 						backgroundColor: "color-mix(in srgb, var(--sxl-color-error) 90%, var(--sxl-color-base-100))",
 						borderTop: "1px solid var(--sxl-color-error)"
 					},
-					children: (0, Q.jsx)(En, {
+					children: (0, Q.jsx)(Tn, {
 						error: a,
 						hideLineNumbers: !0
 					})
@@ -4080,10 +4080,10 @@ var Xa = (0, Z.memo)(Ya), Za = Ea({ wrappedRoot: {
 	});
 }));
 lo.displayName = "ToastError";
-var uo = (0, Q.jsx)(() => (0, Q.jsx)(mt, {
+var uo = (0, Q.jsx)(() => (0, Q.jsx)(ft, {
 	label: "SheetXL",
 	description: P()("logo.description"),
-	children: (0, Q.jsx)(z, {
+	children: (0, Q.jsx)(R, {
 		component: "a",
 		href: "https://www.sheetxl.com",
 		target: "_blank",
@@ -4096,24 +4096,24 @@ var uo = (0, Q.jsx)(() => (0, Q.jsx)(mt, {
 			marginLeft: "6px",
 			cursor: "pointer"
 		},
-		children: (0, Q.jsx)(Qe, { style: {
+		children: (0, Q.jsx)(Ue, { style: {
 			width: "24px",
 			height: "24px"
 		} })
 	})
 }), {}), fo = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
-	let { workbook: n, className: r, logo: i = uo, mainElement: a, startElement: o, endElement: s, ...c } = e, [l, { width: u }] = Se(), d = u < 530, f = (0, Z.useRef)(null);
-	return (0, Q.jsx)(z, {
+	let { workbook: n, className: r, logo: i = uo, mainElement: a, startElement: o, endElement: s, ...c } = e, [l, { width: u }] = E(), d = u < 530, f = (0, Z.useRef)(null);
+	return (0, Q.jsx)(R, {
 		...c,
-		ref: Xt([
+		ref: hn([
 			f,
 			l,
 			t
 		]),
 		className: r,
-		children: en({
+		children: jt({
 			isCompact: d,
-			wrapperSelect: (e) => (0, Q.jsxs)(z, {
+			wrapperSelect: (e) => (0, Q.jsxs)(R, {
 				sx: {
 					display: "grid",
 					gridTemplateColumns: "1fr auto 1fr",
@@ -4124,7 +4124,7 @@ var uo = (0, Q.jsx)(() => (0, Q.jsx)(mt, {
 					paddingRight: (e) => e.spacing(1)
 				},
 				children: [
-					(0, Q.jsxs)(z, {
+					(0, Q.jsxs)(R, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -4132,7 +4132,7 @@ var uo = (0, Q.jsx)(() => (0, Q.jsx)(mt, {
 							justifyContent: "start",
 							gap: (e) => e.spacing(.5)
 						},
-						children: [i, (0, Q.jsxs)(z, {
+						children: [i, (0, Q.jsxs)(R, {
 							sx: {
 								display: "flex",
 								flexDirection: "row",
@@ -4142,7 +4142,7 @@ var uo = (0, Q.jsx)(() => (0, Q.jsx)(mt, {
 							children: [o, e]
 						})]
 					}),
-					(0, Q.jsx)(z, {
+					(0, Q.jsx)(R, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -4153,7 +4153,7 @@ var uo = (0, Q.jsx)(() => (0, Q.jsx)(mt, {
 						},
 						children: a
 					}),
-					(0, Q.jsx)(z, {
+					(0, Q.jsx)(R, {
 						sx: {
 							display: "flex",
 							alignItems: "center",
@@ -4169,9 +4169,9 @@ var uo = (0, Q.jsx)(() => (0, Q.jsx)(mt, {
 fo.displayName = "StudioToolbar";
 var po = (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-" + c.uuidV4(), "popup=true");
-}, mo = Pn(p("studio:shortcutKeysDialog", () => import("./Dkba6grmCB6y_Yvs2.js")).load);
-nn(), hn();
+	e && n.searchParams.set("source", e), e && t && n.searchParams.set("title", t), window.open(n.toString(), "sheetxl-" + o.uuidV4(), "popup=true");
+}, mo = Nn(d("studio:shortcutKeysDialog", () => import("./CJD_9GC-kZb-DHuw2.js")).load);
+un(), $t();
 var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 	let t = (e) => {
 		if (typeof e != "function") return e;
@@ -4182,7 +4182,7 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 		}
 	}, n = (e, n) => {
 		let r = t(e);
-		return typeof r == "string" ? s(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 (!ho.has(i)) for (let a of e.keys(i)) {
 		let o = e.resolveDefinition(i, a);
@@ -4194,29 +4194,29 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 				getDescription: () => n(o?.description, o?.params) ?? "",
 				getShortcut: () => t(o?.shortcut) ?? null,
 				getScope: () => i,
-				getScopeLabel: () => A.DefaultCommandCatalogService.getScopeLabel(i)
+				getScopeLabel: () => te.DefaultCommandCatalogService.getScopeLabel(i)
 			}
 		});
 	}
 	return { getAllCommands: () => r };
 }, _o = (e) => {
-	let { children: t, workbook: n, setWorkbook: r, workbookTitle: i, isDirty: a, refSave: s, fullscreenTarget: c } = e, l = A.useCommandScope(), d = oe(), { showModal: f } = Cn(), p = P(), g = (0, Z.useRef)(a);
-	g.current = a;
+	let { children: t, workbook: n, setWorkbook: r, workbookTitle: a, isDirty: o, refSave: s, fullscreenTarget: l } = e, u = te.useCommandScope(), d = ce(), { showModal: m } = Sn(), h = P(), g = (0, Z.useRef)(o);
+	g.current = o;
 	let _ = F(() => {
-		let e = l?.getRoot().getRegistry();
+		let e = u?.getRoot().getRegistry();
 		if (!e) return;
-		let t = f(mo, {
-			title: p("dialog.shortcutKeys.title"),
+		let t = m(mo, {
+			title: h("dialog.shortcutKeys.title"),
 			commands: go(e),
 			onDone: () => t.hide(),
 			onLoadError: (e) => {
 				t.destroy(), d.showError(e);
 			}
 		});
-	}, [l, f]);
+	}, [u, m]);
 	(0, Z.useEffect)(() => {
-		if (!l) return;
-		let e = l.getRoot().contribution();
+		if (!u) return;
+		let e = u.getRoot().contribution();
 		return function(e, t) {
 			let n = () => t.showShortcuts();
 			e.updateCommand("showKeyboardShortcuts", { callback: n }), e.updateCommand("help", { callback: n });
@@ -4229,11 +4229,11 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 				window?.open(n);
 			} });
 		}(e, { showShortcuts: _ }), () => e.remove();
-	}, [l, _]);
-	let v = Dt("(prefers-color-scheme: dark)"), { themeMode: y } = ee(), [b, x] = O(Ie.Mode, He[Ie.Mode]), [S, C] = O(Ie.DarkGrid, He[Ie.DarkGrid]), [w, T] = O(Ie.DarkImages, He[Ie.DarkImages]);
+	}, [u, _]);
+	let v = Et("(prefers-color-scheme: dark)"), { themeMode: y } = A(), [b, x] = k(Te.Mode, Ze[Te.Mode]), [S, C] = k(Te.DarkGrid, Ze[Te.DarkGrid]), [w, T] = k(Te.DarkImages, Ze[Te.DarkImages]);
 	(0, Z.useEffect)(() => {
-		if (!l) return;
-		let e = l.getRoot().contribution();
+		if (!u) return;
+		let e = u.getRoot().contribution();
 		return function(e, t) {
 			e.updateCommand("themeMode", {
 				state: t.mode ?? null,
@@ -4262,7 +4262,7 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 			setEnableDarkImages: T
 		}), () => e.remove();
 	}, [
-		l,
+		u,
 		b,
 		y,
 		v,
@@ -4272,12 +4272,12 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 		C,
 		T
 	]);
-	let [E, D] = O(ie.Active, null), [k, j] = (0, Z.useState)(() => o.getActive());
-	(0, Z.useEffect)(() => o.addChangeListener(j), []), (0, Z.useEffect)(() => {
-		E && E !== o.getActive() && o.setActive(E);
+	let [E, D] = k(oe.Active, null), [O, ee] = (0, Z.useState)(() => i.getActive());
+	(0, Z.useEffect)(() => i.addChangeListener(ee), []), (0, Z.useEffect)(() => {
+		E && E !== i.getActive() && i.setActive(E);
 	}, [E]), (0, Z.useEffect)(() => {
-		if (!l) return;
-		let e = l.getRoot().contribution();
+		if (!u) return;
+		let e = u.getRoot().contribution();
 		return function(e, t) {
 			e.updateCommand("language", {
 				state: t.active,
@@ -4286,44 +4286,44 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 				}
 			});
 		}(e, {
-			active: k,
+			active: O,
 			setActive: (e) => {
 				D(e);
 			}
 		}), () => e.remove();
 	}, [
-		l,
-		k,
+		u,
+		O,
 		D
 	]);
-	let { isFullscreenAvailable: M, isFullscreenEnabled: te, toggleFullscreen: ne } = ge({ target: (0, Z.useMemo)(() => ({ current: c ?? null }), [c]) });
+	let { isFullscreenAvailable: j, isFullscreenEnabled: ne, toggleFullscreen: M } = ye({ target: (0, Z.useMemo)(() => ({ current: l ?? null }), [l]) });
 	(0, Z.useEffect)(() => {
-		if (!l) return;
-		let e = l.getRoot().contribution();
+		if (!u) return;
+		let e = u.getRoot().contribution();
 		return function(e, t) {
 			e.updateCommand("fullScreenToggle", {
 				state: t.isFullscreenEnabled,
-				disabledReasons: t.isFullscreenAvailable ? [] : [m("reason.fullscreenUnavailable")],
+				disabledReasons: t.isFullscreenAvailable ? [] : [f("reason.fullscreenUnavailable")],
 				icon: t.isFullscreenEnabled ? "FullScreenOff" : "FullScreen",
 				callback: () => {
 					t.toggleFullscreen();
 				}
 			});
 		}(e, {
-			isFullscreenAvailable: M,
-			isFullscreenEnabled: te,
-			toggleFullscreen: ne
+			isFullscreenAvailable: j,
+			isFullscreenEnabled: ne,
+			toggleFullscreen: M
 		}), () => e.remove();
 	}, [
-		l,
-		M,
-		te,
-		ne
+		u,
+		j,
+		ne,
+		M
 	]);
-	let N = Xe(!0);
+	let N = Le(!0);
 	return (0, Z.useEffect)(() => {
-		if (!l) return;
-		let e = l.getRoot().contribution();
+		if (!u) return;
+		let e = u.getRoot().contribution();
 		return function(e) {
 			e.updateCommand("protectWorkbook", {
 				tags: ["noTransaction", "noRepeat"],
@@ -4334,29 +4334,29 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 				}
 			});
 		}(e), () => e.remove();
-	}, [l, N]), (0, Z.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, c = !1, l = async (e = null, t = null, n = null) => {
+	}, [u, N]), (0, Z.useEffect)(() => {
+		if (!u || !n) return;
+		let e = u.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 o.showInput({
-							title: h("dialog.password.title"),
-							description: h("dialog.password.open.description", { name: e.getName() ?? "" }),
+							title: p("dialog.password.title"),
+							description: p("dialog.password.open.description", { name: e.getName() ?? "" }),
 							inputType: "password",
 							options: [{
 								id: "Open",
-								label: () => h("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: h("dialog.password.open.retry")
+								message: p("dialog.password.open.retry")
 							} : {
 								valid: !1,
-								message: h("dialog.password.open.required")
+								message: p("dialog.password.open.required")
 							}
 						});
 						return n?.option === "Open" ? n.input ?? null : null;
@@ -4367,11 +4367,11 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 				};
 				n && (a.progress.onStart = n);
 				let s = -5;
-				return B.read({
+				return U.read({
 					...a,
 					progress: {
 						async onStart(e, t) {
-							await a?.progress?.onStart?.(e, t), r = await o?.showBusy?.(h("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;
@@ -4384,7 +4384,7 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 							n - s < 5 || (s = n, r?.setProgress?.(e, t));
 						},
 						onComplete() {
-							r?.(), i.length > 0 && (o.showMessage(h("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) {
 							a?.progress?.onWarning?.(e, t);
@@ -4396,7 +4396,7 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 					format: t?.key,
 					progress: {
 						async onStart(e) {
-							a = await o?.showBusy?.(h("workbook.saving", { name: e?.getName() ?? "" }));
+							a = await o?.showBusy?.(p("workbook.saving", { name: e?.getName() ?? "" }));
 						},
 						onComplete() {
 							a?.();
@@ -4404,53 +4404,53 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 					},
 					onWarnings: r ?? (async ({ warnings: e, origin: t, canCancel: n }) => {
 						a?.(), console.warn(`Not written to '${t.getName()}':\n${e.map((e) => `  ${e.message}`).join("\n")}`);
-						let r = h("dialog.writeWarnings.title"), i = t.getFormat(), s = (i ? (await B.getWriteFormats({ search: i }))[0] : void 0)?.description ?? i ?? "", c = h("dialog.writeWarnings.keep");
+						let r = p("dialog.writeWarnings.title"), i = t.getFormat(), s = (i ? (await U.getWriteFormats({ search: i }))[0] : void 0)?.description ?? i ?? "", c = p("dialog.writeWarnings.keep");
 						return n ? await o.showOptions({
 							title: r,
-							type: ve.Warning,
-							description: `${h("dialog.writeWarnings.confirm", { format: s })}\n\n${c}`,
+							type: xe.Warning,
+							description: `${p("dialog.writeWarnings.confirm", { format: s })}\n\n${c}`,
 							options: [{
 								id: "Save",
-								label: () => h("dialog.save")
+								label: () => p("dialog.save")
 							}, "Cancel"],
 							defaultOption: "Cancel"
-						}) === "Save" && (a = await o?.showBusy?.(h("workbook.saving", { name: t?.getName() ?? "" })), !0) : (o.showOptions({
+						}) === "Save" && (a = await o?.showBusy?.(p("workbook.saving", { name: t?.getName() ?? "" })), !0) : (o.showOptions({
 							title: r,
-							type: ve.Warning,
-							description: `${h("dialog.writeWarnings.saved", { format: s })}\n\n${c}`,
+							type: xe.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"), a = `${i || n.getName() || h("workbook.defaultName")}.${r}`;
-					s = await B.writeAs(e, a, {
+					let n = e.getOrigin(), r = t?.exts?.[0] ?? (n.getExtension() || "sxl"), a = `${i || n.getName() || p("workbook.defaultName")}.${r}`;
+					s = await U.writeAs(e, a, {
 						...c,
 						prompt: !0
 					});
-				} else s = await B.write(e, void 0, c);
+				} else s = await U.write(e, void 0, c);
 				return s;
-			}, f = null;
+			}, m = null;
 			return e.updateCommand("newWorkbook", { callback: async (e) => {
-				let t = B.canRead() && !a();
-				e?.source ? t && f ? await f({
+				let t = U.canRead() && !a();
+				e?.source ? t && m ? await m({
 					url: e.source,
 					title: e.title
 				}) : po(e.source, e.title) : t ? r({}) : po();
 			} }), e.updateCommand("closeWorkbook", { callback: async () => {
 				a() && await o.showOptions({
-					title: h("dialog.confirm.title"),
-					description: h("dialog.unsavedChanges"),
+					title: p("dialog.confirm.title"),
+					description: p("dialog.unsavedChanges"),
 					options: [{
 						id: "Close",
-						label: () => h("dialog.close")
+						label: () => p("dialog.close")
 					}, "Cancel"],
 					defaultOption: "Cancel"
 				}) !== "Close" || window.close();
 			} }), (async () => {
-				let t = await B.getWriteFormats();
-				if (c) return;
-				let i = B.canWrite(), p = B.canRead();
+				let t = await U.getWriteFormats();
+				if (l) return;
+				let i = U.canWrite(), h = U.canRead();
 				if (i) {
 					let r = (e) => {
 						let r = e ? t.find((t) => t.key === e) : void 0;
@@ -4464,13 +4464,13 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 					for (let n of t) {
 						let t = n.key;
 						e.updateCommand(`saveWorkbookAs${t}`, {
-							label: () => h("command.saveAsFormat.label", { format: n.description }),
+							label: () => p("command.saveAsFormat.label", { format: n.description }),
 							groupLabels: {
-								workbook: () => h("command.saveAsFormat.workbook", { format: n.description }),
-								saveWorkbookOptions: () => h("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: () => h("command.saveAsFormat", { format: n.description }),
+							description: () => p("command.saveAsFormat", { format: n.description }),
 							icon: t === "CSV" ? "FileDownloadAsCSV" : t === "Excel" ? "FileDownloadAsExcel" : "FileDownloadAsSheet",
 							callback: () => {
 								r(t);
@@ -4484,7 +4484,7 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 						...n.options
 					} };
 					try {
-						let r = "", i = await l(e, t, async (e) => {
+						let r = "", i = await u(e, t, async (e) => {
 							r = e?.getName() ?? "";
 						});
 						if (!i) return;
@@ -4497,7 +4497,7 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 									autoSelect: e === a.length - 1
 								}).getEntireRange().copyFrom(t.getEntireRange());
 							}
-						}, m("op.importData")), i.close();
+						}, f("op.importData")), i.close();
 					} catch (e) {
 						o.showError(e);
 					}
@@ -4506,9 +4506,9 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 					tags: ["noTransaction", "noRepeat"],
 					callback: async (e = null) => {
 						let t = e;
-						if (t || B.canRead() || (t = await (async () => {
-							let e = await B.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
-							return u.openFileDialog(t.length ? t.join(",") : "*.*");
+						if (t || U.canRead() || (t = await (async () => {
+							let e = await U.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", {
@@ -4516,14 +4516,14 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 					callback: async (e) => {
 						if (!e) {
 							let t = await o.showInput({
-								title: h("dialog.importFromWeb.title"),
-								description: h("dialog.importFromWeb.description"),
-								inputLabel: h("dialog.webAddress.inputLabel"),
+								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: () => h("dialog.import")
+									label: () => p("dialog.import")
 								}]
 							});
 							if (t.option !== "Import") return;
@@ -4538,13 +4538,13 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 							o.showError(e);
 						}
 					}
-				}), p) {
+				}), h) {
 					let t = async () => !a() || await o.showOptions({
-						title: h("dialog.confirm.title"),
-						description: h("dialog.unsavedChanges"),
+						title: p("dialog.confirm.title"),
+						description: p("dialog.unsavedChanges"),
 						options: [{
 							id: "Open",
-							label: () => h("dialog.open")
+							label: () => p("dialog.open")
 						}, "Cancel"],
 						defaultOption: "Cancel"
 					}) === "Open", i = async (e = null) => {
@@ -4553,7 +4553,7 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 							...n.options
 						} };
 						try {
-							let n = await l(e, t);
+							let n = await u(e, t);
 							if (!n) return;
 							r(n);
 						} catch (e) {
@@ -4562,18 +4562,18 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 					};
 					e.updateCommand("openWorkbook", { callback: async (e = null) => {
 						await t() && await i(e);
-					} }), f = async (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 o.showInput({
-								title: h("dialog.openFromWeb.title"),
-								description: h("dialog.openFromWeb.description"),
-								inputLabel: h("dialog.webAddress.inputLabel"),
+								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: () => h("dialog.open")
+									label: () => p("dialog.open")
 								}]
 							});
 							if (e.option !== "Open") return;
@@ -4587,15 +4587,15 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 						} catch (e) {
 							o.showError(e);
 						}
-					}, e.updateCommand("openWorkbookFromUrl", { callback: f });
+					}, e.updateCommand("openWorkbookFromUrl", { callback: m });
 				}
 			})(), () => {
-				c = !0, s && (s.current = null);
+				l = !0, s && (s.current = null);
 			};
 		}(e, {
 			workbook: n,
 			setWorkbook: r,
-			workbookTitle: i ?? void 0,
+			workbookTitle: a ?? void 0,
 			isDirty: () => g.current?.() ?? !1,
 			notifier: d,
 			refSave: s
@@ -4604,17 +4604,17 @@ var ho = /* @__PURE__ */ new Set(["ui"]), go = (e) => {
 			t(), e.remove();
 		};
 	}, [
-		l,
+		u,
 		n,
 		r,
-		i,
+		a,
 		d,
 		s
 	]), t;
 };
 _o.displayName = "StudioCommandProvider";
 var vo = ({ renderWorkbook: e }) => {
-	let t = A.useCommandResolver(), n = (0, Z.useRef)(null), r = P(), [i, a] = (0, Z.useState)(null), o = (0, Z.useCallback)((e) => {
+	let t = te.useCommandResolver(), n = (0, Z.useRef)(null), r = P(), [i, a] = (0, Z.useState)(null), o = (0, Z.useCallback)((e) => {
 		let n = e.dataTransfer;
 		if (t && n) {
 			if (e.type === "dragenter" || e.type === "dragover") {
@@ -4655,7 +4655,7 @@ var vo = ({ renderWorkbook: e }) => {
 					} }
 				});
 			} else {
-				if (!B.canRead()) return;
+				if (!U.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);
 			}
@@ -4663,7 +4663,7 @@ var vo = ({ renderWorkbook: e }) => {
 	}, [t, i]), c = (0, Z.useMemo)(() => {
 		if (!i) return null;
 		let e = i === "insertImage";
-		return (0, Q.jsx)(z, {
+		return (0, Q.jsx)(R, {
 			className: "drop-overlay",
 			sx: {
 				position: "absolute",
@@ -4674,12 +4674,12 @@ var vo = ({ renderWorkbook: e }) => {
 				display: "flex",
 				justifyContent: "center",
 				alignItems: "center",
-				backgroundColor: (e) => ce(e.palette.primary.main, .46),
+				backgroundColor: (e) => ue(e.palette.primary.main, .46),
 				outline: (e) => `2px dashed ${e.palette.primary.main}`,
 				outlineOffset: "-6px",
 				borderRadius: 2
 			},
-			children: (0, Q.jsxs)(ct, {
+			children: (0, Q.jsxs)(ot, {
 				elevation: 6,
 				sx: {
 					display: "flex",
@@ -4691,7 +4691,7 @@ var vo = ({ renderWorkbook: e }) => {
 					color: "text.primary",
 					"& .drop-overlay-icon": { color: "primary.main" }
 				},
-				children: [(0, Q.jsx)(E, {
+				children: [(0, Q.jsx)(O, {
 					iconKey: e ? "InsertImage" : "FileOpen",
 					className: "drop-overlay-icon",
 					size: 32
@@ -4718,7 +4718,7 @@ var vo = ({ renderWorkbook: e }) => {
 	}), c] });
 }, yo = (0, Z.memo)((e) => {
 	let { workbook: t, setWorkbook: n, refDocumentTitle: r, titleWorkbook: i, setWorkbookTitle: a, isDirty: o, initialCommandAnchor: s, renderWorkbook: c, refSave: l, host: u } = e;
-	return (0, Q.jsx)(Oe, {
+	return (0, Q.jsx)(Ve, {
 		initialAnchor: s,
 		children: (0, Q.jsx)(_o, {
 			workbook: t,
@@ -4733,21 +4733,22 @@ var vo = ({ renderWorkbook: e }) => {
 });
 yo.displayName = "CommandsWrapper";
 var bo = {
-	sort: p("studio:sortDialog", () => import("./RRJyZ2WtMoVN8bzW2.js"), { tier: "common" }).load,
-	hyperlink: p("studio:hyperlinkDialog", () => import("./CKFb0F8a8b7Bp8XG2.js"), { tier: "common" }).load,
-	find: p("studio:findReplaceWindow", () => import("./DVFxFNggaQDjhPuL2.js"), { tier: "common" }).load,
-	tableNew: p("studio:tableNewDialog", () => import("./CxR_QBoT5nmLyrpM2.js"), { tier: "common" }).load,
-	namedDetails: p("studio:namedReferenceDialog", () => import("./6NAkWncviZTFXMsY2.js")).load,
-	insertFunction: p("studio:insertFunctionDialog", () => import("./CEP2pbRcOThbPSHu2.js"), { tier: "common" }).load,
-	resizeHeader: p("studio:resizeHeaderDialog", () => import("./ml6iN9Or0sV9rNHQ2.js")).load,
-	fillSeries: p("studio:fillSeriesDialog", () => import("./C1Fgr1CHaaJCZwDE2.js")).load,
-	workbookStatistics: p("studio:workbookStatisticsDialog", () => import("./Dt52g2i0t1p8L5mE2.js")).load,
-	password: p("studio:passwordDialog", () => import("./C566hKAp9g__r7-72.js").then((e) => e.t)).load
+	sort: d("studio:sortDialog", () => import("./DtHIi5l5w6HWQF2d2.js"), { tier: "common" }).load,
+	hyperlink: d("studio:hyperlinkDialog", () => import("./DQ_DJLXBiyohjB3S2.js"), { tier: "common" }).load,
+	find: d("studio:findReplaceWindow", () => import("./CvjnhhM1I_Frxrat2.js"), { tier: "common" }).load,
+	tableNew: d("studio:tableNewDialog", () => import("./Bu2WNghK3j0fB5oh2.js"), { tier: "common" }).load,
+	namedDetails: d("studio:namedReferenceDialog", () => import("./COMdPpJxQ9_y8qIb2.js")).load,
+	insertFunction: d("studio:insertFunctionDialog", () => import("./0ytlp68IedQ03SxN2.js"), { tier: "common" }).load,
+	resizeHeader: d("studio:resizeHeaderDialog", () => import("./-0ZWO-sILmjXhdUn2.js")).load,
+	outlineSettings: d("studio:outlineSettingsDialog", () => import("./IC-gXSmNOKyQGB9f2.js")).load,
+	fillSeries: d("studio:fillSeriesDialog", () => import("./BOVd36GaYwk1m1gs2.js")).load,
+	workbookStatistics: d("studio:workbookStatisticsDialog", () => import("./C_OzUxYG2SGBaAUf2.js")).load,
+	password: d("studio:passwordDialog", () => import("./CdCDTqyTm5N2EY4W2.js").then((e) => e.t)).load
 }, xo = ["find"], So = (0, Z.memo)((e) => {
-	let { children: t } = e, n = so(), r = n ? n.enqueueSnackbar : () => {}, i = n ? n.closeSnackbar : () => {}, a = (0, Z.useRef)(/* @__PURE__ */ new Set()), o = (0, Z.useRef)(null), s = (0, Z.useRef)(null), [l, u] = (0, Z.useState)({
+	let { children: t } = e, n = so(), r = n ? n.enqueueSnackbar : () => {}, i = n ? n.closeSnackbar : () => {}, a = (0, Z.useRef)(/* @__PURE__ */ new Set()), s = (0, Z.useRef)(null), c = (0, Z.useRef)(null), [l, d] = (0, Z.useState)({
 		label: null,
 		progress: null
-	}), d = P(), p = c.EmptyObject, m = Mn(p), h = On(p), g = jn(p), _ = (0, Z.useRef)(!1);
+	}), f = P(), p = o.EmptyObject, m = jn(p), h = Dn(p), g = An(p), _ = (0, Z.useRef)(!1);
 	(0, Z.useEffect)(() => {
 		if (_.current) return;
 		_.current = !0;
@@ -4757,7 +4758,7 @@ var bo = {
 		return () => n(r);
 	}, []);
 	let v = (0, Z.useRef)(/* @__PURE__ */ new Set());
-	return (0, Q.jsxs)(le, {
+	return (0, Q.jsxs)(I, {
 		notifier: (0, Z.useMemo)(() => {
 			let e = (e, t) => {
 				if (t?.onceKey) {
@@ -4766,16 +4767,16 @@ var bo = {
 					e.add(t.onceKey), v.current = e;
 				}
 				let n = {
-					variant: t?.type ?? ve.Info,
+					variant: t?.type ?? xe.Info,
 					anchorOrigin: {
 						vertical: "top",
 						horizontal: "center"
 					},
 					preventDuplicate: t?.preventDuplicate,
-					persist: t?.persist ?? t?.type === ve.Error,
-					action: (e) => (0, Q.jsx)(at, {
+					persist: t?.persist ?? t?.type === xe.Error,
+					action: (e) => (0, Q.jsx)(it, {
 						onClick: () => i(e),
-						children: (0, Q.jsx)(E, { iconKey: "Cancel" })
+						children: (0, Q.jsx)(O, { iconKey: "Cancel" })
 					})
 				};
 				t?.enqueueProps && Object.assign(n, t.enqueueProps), e || console.log("message is 'null'", t), r(e ?? "Alert", n);
@@ -4783,27 +4784,27 @@ var bo = {
 				showMessage: e,
 				showBusy: (e, t) => {
 					let n = Symbol("busy");
-					a.current.add(n), s.current = e, e != null && typeof e != "string" && u((t) => t.label === e ? t : {
+					a.current.add(n), c.current = e, e != null && typeof e != "string" && d((t) => t.label === e ? t : {
 						...t,
 						label: e
 					});
-					let r = te(() => {
-						a.current.delete(n) && (a.current.size > 0 || (kn(o.current), s.current = null, u((e) => e.label === null && e.progress === null ? e : {
+					let r = N(() => {
+						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
 						})));
 					}, (e, t) => {
 						let n = t && t > 0 && e != null ? Math.max(0, Math.min(1, e / t)) : null;
-						u((e) => e.progress === n ? e : {
+						d((e) => e.progress === n ? e : {
 							...e,
 							progress: n
 						});
 					}, (e) => {
-						s.current = e, typeof e == "string" ? An(o.current, e) : u((t) => ({
+						c.current = e, typeof e == "string" ? kn(s.current, e) : d((t) => ({
 							...t,
 							label: e
 						}));
-					}), i = An(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) => {
@@ -4818,24 +4819,24 @@ var bo = {
 				showOptions: h,
 				showInput: g,
 				showError: (t) => {
-					let n, r = ve.Error, i = d("error.unknown");
-					typeof t == "string" ? i = t : t instanceof Error && (n = t, t.message && (i = d(t.message))), t instanceof f && (r = ve.Info), e(i, {
+					let n, r = xe.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 = xe.Info), e(i, {
 						type: r,
 						enqueueProps: { error: n }
 					});
 				}
-			}, n = new k();
+			}, n = new j();
 			return n.setOverrides(t), n;
-		}, [d]),
-		children: [(0, Z.useMemo)(() => (0, Q.jsx)(Nn, {
-			ref: o,
+		}, [f]),
+		children: [(0, Z.useMemo)(() => (0, Q.jsx)(Mn, {
+			ref: s,
 			autoStart: !1,
-			icon: (0, Q.jsx)(Dn, { sx: {
+			icon: (0, Q.jsx)(En, { sx: {
 				transform: "scale(0.7)",
 				marginLeft: "-6px"
 			} }),
 			panel: !0,
-			label: l.label ?? (typeof s.current == "string" ? s.current : void 0),
+			label: l.label ?? (typeof c.current == "string" ? c.current : void 0),
 			progress: l.progress,
 			sx: {
 				position: "absolute",
@@ -4851,12 +4852,12 @@ var bo = {
 });
 So.displayName = "StudioNotifierProvider";
 var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)))", wo = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
-	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = Re, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, p = u !== "right", m = (0, Z.useMemo)(() => i.map((t) => {
+	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = Fe, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, p = u !== "right", m = (0, Z.useMemo)(() => i.map((t) => {
 		let n = s.getRegisteredTaskPane(t);
 		if (!n) return null;
 		let r = n.getIcon?.();
-		typeof r == "string" && (r = (0, Q.jsx)(E, { iconKey: r }));
-		let i = t === o, a = r ? (0, Q.jsx)(z, {
+		typeof r == "string" && (r = (0, Q.jsx)(O, { iconKey: r }));
+		let i = t === o, a = r ? (0, Q.jsx)(R, {
 			sx: {
 				display: "inline-block",
 				transform: p ? "rotate(-90deg)" : "rotate(90deg)",
@@ -4864,14 +4865,14 @@ var Co = "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, Q.jsx)(z, {
+		}) : null, c = !r || !l && i, u = (0, Q.jsx)(R, {
 			sx: {
 				display: "grid",
 				gridTemplateColumns: c ? "1fr" : "0fr",
 				opacity: +!!c,
 				transition: (e) => e.transitions.create(["grid-template-columns", "opacity"], { duration: e.transitions.duration.short })
 			},
-			children: (0, Q.jsx)(z, {
+			children: (0, Q.jsx)(R, {
 				sx: {
 					overflow: "hidden",
 					minWidth: 0,
@@ -4890,13 +4891,13 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				})
 			})
 		});
-		return (0, Q.jsx)(Ht, {
+		return (0, Q.jsx)(qt, {
 			value: t,
-			label: (0, Q.jsx)(ft, {
+			label: (0, Q.jsx)(ut, {
 				disableInteractive: !0,
 				title: n.getTitle() ?? "",
 				placement: "left-start",
-				children: (0, Q.jsxs)(z, {
+				children: (0, Q.jsxs)(R, {
 					sx: {
 						padding: "0px 0px",
 						writingMode: p ? "vertical-lr" : "vertical-rl",
@@ -4916,7 +4917,7 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 				minHeight: "0px",
 				borderRadius: "4px"
 			},
-			className: xe("taskpane-strip-item", { "Mui-selected": i }),
+			className: In("taskpane-strip-item", { "Mui-selected": i }),
 			onClick: () => e.onSelect(t)
 		}, t);
 	}), [
@@ -4926,11 +4927,11 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		s,
 		p,
 		l,
-		R()
+		ge()
 	]);
-	return (0, Q.jsx)(z, {
-		ref: me(t, () => ({ isTaskPaneStrip: () => !0 }), []),
-		className: (0, Z.useMemo)(() => xe("taskpane-strip", d), [d]),
+	return (0, Q.jsx)(R, {
+		ref: _e(t, () => ({ isTaskPaneStrip: () => !0 }), []),
+		className: (0, Z.useMemo)(() => In("taskpane-strip", d), [d]),
 		sx: {
 			paddingLeft: p ? void 0 : "2px",
 			paddingRight: p ? "2px" : void 0,
@@ -4938,7 +4939,7 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 			...c
 		},
 		...f,
-		children: (0, Q.jsx)(zt, {
+		children: (0, Q.jsx)(Gt, {
 			orientation: "vertical",
 			variant: "scrollable",
 			value: o,
@@ -4958,8 +4959,8 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 	});
 })), To = (e) => {
 	let { title: t, icon: n, onClose: r, readOnly: i, focused: a, ...o } = e, s = (0, Z.useRef)(null), c = P();
-	return (0, Q.jsx)(ot, {
-		className: xe({ "Mui-selected": a }),
+	return (0, Q.jsx)(G, {
+		className: In({ "Mui-selected": a }),
 		sx: {
 			display: "flex",
 			flex: "1 1 %0",
@@ -4973,11 +4974,11 @@ var Co = "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) => ce(e.palette.action.hover, .03),
+			backgroundColor: (e) => ue(e.palette.action.hover, .03),
 			borderBottom: `solid ${Co} 1px`
 		},
 		...o,
-		children: (0, Q.jsxs)(z, {
+		children: (0, Q.jsxs)(R, {
 			sx: {
 				display: "flex",
 				flex: "1 1 10%",
@@ -4988,15 +4989,15 @@ var Co = "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, Q.jsx)(z, {
+			children: [(0, Q.jsx)(R, {
 				sx: {
 					flex: "1 1 100%",
 					paddingLeft: (e) => e.spacing(1)
 				},
 				children: t
-			}), (0, Q.jsx)(mt, {
+			}), (0, Q.jsx)(ft, {
 				label: c("taskPane.close"),
-				children: (0, Q.jsx)(at, {
+				children: (0, Q.jsx)(it, {
 					"aria-label": "close",
 					sx: { color: (e) => e.palette.text.icon ?? e.palette.action.active },
 					touchRippleRef: s,
@@ -5006,14 +5007,14 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 					onPointerUp: () => {
 						r();
 					},
-					children: (0, Q.jsx)(E, { iconKey: "Close" })
+					children: (0, Q.jsx)(O, { iconKey: "Close" })
 				})
 			})]
 		})
 	});
 }, Eo = (0, Z.forwardRef)((e, t) => {
-	let { model: n, side: r, ...i } = e, a = pe();
-	return (0, Q.jsx)(Me, {
+	let { model: n, side: r, ...i } = e, a = he();
+	return (0, Q.jsx)(ze, {
 		model: n,
 		ref: t,
 		propsFrame: { style: {
@@ -5039,30 +5040,30 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 	display: "flex",
 	boxSizing: "border-box"
 }, ko = (0, Z.memo)((0, Z.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] = O(s ?? null, Do), h = pe(), [g, { width: _ }] = Se(), v = _ > 530 || _ === 0, y = (0, Z.useRef)(null), b = null, x = 4, S = 13;
+	let n, r, { mainElement: i, sidebarElement: a, position: o, persistKey: s, onPositionChange: c, className: l, style: u, taskSide: d = "right", ...f } = e, [p, m] = k(s ?? null, Do), h = he(), [g, { width: _ }] = E(), v = _ > 530 || _ === 0, y = (0, Z.useRef)(null), b = null, x = 4, S = 13;
 	v ? b = "m 3.6261898,11.36243 c 0,0.88365 -0.71627,1.59991 -1.59991,1.59991 -0.8836498,0 -1.60004965,-0.71626 -1.60004965,-1.59991 0,-0.88365 0.71639985,-1.6000508 1.60004965,-1.6000508 0.88364,0 1.59991,0.7164008 1.59991,1.6000508 m 0,-4.881294 c 0,0.88364 -0.71627,1.60004 -1.59991,1.60004 -0.8836498,0 -1.60004965,-0.7164 -1.60004965,-1.60004 0,-0.88365 0.71639985,-1.60005 1.60004965,-1.60005 0.88364,0 1.59991,0.7164 1.59991,1.60005 m 0,-4.881226 c 0,0.88365 -0.71627,1.60005 -1.59991,1.60005 C 1.14263,3.19996 0.42623015,2.48356 0.42623015,1.59991 0.42623015,0.71626 1.14263,0 2.0262798,0 c 0.88364,0 1.59991,0.71626 1.59991,1.59991" : (b = "M 1.59991,3.62619 C 0.71626,3.62619 0,2.90992 0,2.02628 0,1.1426301 0.71626,0.42623015 1.59991,0.42623015 c 0.88365,0 1.6000508,0.71639995 1.6000508,1.60004985 0,0.88364 -0.7164008,1.59991 -1.6000508,1.59991 m 4.881294,0 c -0.88364,0 -1.60004,-0.71627 -1.60004,-1.59991 0,-0.8836499 0.7164,-1.60004985 1.60004,-1.60004985 0.88365,0 1.60005,0.71639995 1.60005,1.60004985 0,0.88364 -0.7164,1.59991 -1.60005,1.59991 m 4.881226,0 c -0.88365,0 -1.60005,-0.71627 -1.60005,-1.59991 0,-0.8836499 0.7164,-1.60004985 1.60005,-1.60004985 0.88365,0 1.59991,0.71639995 1.59991,1.60004985 0,0.88364 -0.71626,1.59991 -1.59991,1.59991", x = 13, S = 4);
-	let C, w = i, T = a, E = d !== "right", D = v ? "row" : "column", ee = E && T ? "before" : "after", k = `${D}:${ee}`, A = s ? p[k] : void 0, M = A == null ? ((e, t) => {
+	let C, w = i, T = a, D = d !== "right", O = v ? "row" : "column", ee = D && T ? "before" : "after", A = `${O}:${ee}`, j = s ? p[A] : void 0, te = j == 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}%`, te = s || c ? (e) => {
+	})(o, A) : `${j}%`, M = s || c ? (e) => {
 		s && m((t) => ({
 			...t,
-			[k]: e.percent
+			[A]: e.percent
 		})), c?.(e, {
-			orientation: D,
+			orientation: O,
 			side: ee,
-			key: k
+			key: A
 		});
 	} : void 0;
-	return E && T ? (w = a, T = i, r = { style: {
+	return D && T ? (w = a, T = i, r = { style: {
 		flexDirection: "column",
 		boxSizing: "border-box",
 		paddingRight: "2px"
 	} }, n = {}, C = {
 		fixedPane: "before",
-		position: M,
+		position: te,
 		minBefore: v ? "280px" : "120px",
 		splitDirection: v ? "row" : "column"
 	}) : (n = { style: {
@@ -5073,11 +5074,11 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		marginRight: v ? "8px" : "4px"
 	} }, C = {
 		fixedPane: "after",
-		position: M,
+		position: te,
 		minAfter: v ? "280px" : "120px",
 		splitDirection: v ? "row" : "column"
-	}), (0, Q.jsx)(j, {
-		ref: Xt([
+	}), (0, Q.jsx)(ne, {
+		ref: hn([
 			y,
 			g,
 			t
@@ -5089,15 +5090,15 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 		} : Oo,
 		...f,
 		...C,
-		onPositionChange: te,
+		onPositionChange: M,
 		propsResizer: {
-			className: xe("styled-resizer", "_styled-resizer_fdl5y_3"),
+			className: In("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='${x}' height='${S}' viewBox='0 0 ${x} ${S}' version='1.1' fill='${h.palette.text.icon ?? h.palette.action.active}' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath d='${b}' /%3E%3C/svg%3E%0A")`,
 				maskRepeat: "no-repeat",
-				maskPosition: E ? v ? "center center" : "bottom center" : v ? "left center" : "top center"
+				maskPosition: D ? v ? "center center" : "bottom center" : v ? "left center" : "top center"
 			}
 		},
 		elementBefore: w,
@@ -5107,7 +5108,7 @@ var Co = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255,
 	});
 }));
 ko.displayName = "StudioSplitPane";
-var Ao = w.BuiltInSelectorNames, jo = {
+var Ao = C.BuiltInSelectorNames, jo = {
 	[Ao.Whole]: "FormulaMathTrig",
 	[Ao.Number]: "IncreaseDecimal",
 	[Ao.List]: "Menu",
@@ -5119,15 +5120,15 @@ var Ao = w.BuiltInSelectorNames, jo = {
 	let t = e.getCondition();
 	if (!t) return "DataValidation";
 	let n = t.toJSON();
-	return n.operator === w.BuiltInOperatorNames.Expression ? "FormulaCustom" : typeof n.selector == "string" && jo[n.selector] || "DataValidation";
-}, No = (0, Z.memo)(({ dataValidation: e, size: t = 28 }) => (Ke(e, "onAnyChange"), (0, Q.jsx)(Y, {
+	return n.operator === C.BuiltInOperatorNames.Expression ? "FormulaCustom" : typeof n.selector == "string" && jo[n.selector] || "DataValidation";
+}, No = (0, Z.memo)(({ dataValidation: e, size: t = 28 }) => (Oe(e, "onAnyChange"), (0, Q.jsx)(rn, {
 	className: "sxl-dv-icon",
 	sx: {
 		width: "auto",
 		minWidth: 1.7 * t + "px",
 		height: `${t}px`
 	},
-	children: (0, Q.jsx)(E, {
+	children: (0, Q.jsx)(O, {
 		iconKey: Mo(e),
 		size: Math.round(.6 * t),
 		ariaHidden: !0
@@ -5138,8 +5139,8 @@ var Po = (e, t) => {
 	let n = e.getCondition();
 	if (!n) return t("dataValidation.anyValue");
 	let r = n.toJSON();
-	if (r.operator === w.BuiltInOperatorNames.Expression && typeof r.param == "string") return t("dataValidation.titleCustom", { formula: r.param });
-	if (r.selector === w.BuiltInSelectorNames.List && r.operator === w.BuiltInOperatorNames.InSet) {
+	if (r.operator === C.BuiltInOperatorNames.Expression && typeof r.param == "string") return t("dataValidation.titleCustom", { formula: r.param });
+	if (r.selector === C.BuiltInSelectorNames.List && r.operator === C.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(", "),
@@ -5149,13 +5150,13 @@ var Po = (e, t) => {
 	}
 	return n.toString();
 }, Fo = {
-	[S.AlertStyle.Stop]: "ValidationStop",
-	[S.AlertStyle.Warning]: "ValidationWarning",
-	[S.AlertStyle.Information]: "ValidationInformation"
+	[_.AlertStyle.Stop]: "ValidationStop",
+	[_.AlertStyle.Warning]: "ValidationWarning",
+	[_.AlertStyle.Information]: "ValidationInformation"
 }, Io = {
-	[S.AlertStyle.Stop]: m("dataValidation.alertStop"),
-	[S.AlertStyle.Warning]: m("dataValidation.alertWarning"),
-	[S.AlertStyle.Information]: m("dataValidation.alertInformation")
+	[_.AlertStyle.Stop]: f("dataValidation.alertStop"),
+	[_.AlertStyle.Warning]: f("dataValidation.alertWarning"),
+	[_.AlertStyle.Information]: f("dataValidation.alertInformation")
 }, Lo = ({ checked: e, onCheckedChange: t, label: n, readOnly: r, children: i }) => (0, Q.jsxs)(ln, {
 	expanded: e,
 	onChange: (e, n) => {
@@ -5175,8 +5176,8 @@ var Po = (e, t) => {
 			mb: 1
 		}
 	},
-	children: [(0, Q.jsx)(At, {
-		expandIcon: (0, Q.jsx)(E, { iconKey: "ExpandMore" }),
+	children: [(0, Q.jsx)(Mt, {
+		expandIcon: (0, Q.jsx)(O, { iconKey: "ExpandMore" }),
 		sx: {
 			px: 2,
 			"& .MuiAccordionSummary-content": { my: 0 },
@@ -5194,7 +5195,7 @@ var Po = (e, t) => {
 			label: n,
 			onClick: (e) => e.stopPropagation()
 		})
-	}), (0, Q.jsx)(jt, {
+	}), (0, Q.jsx)(Pt, {
 		sx: {
 			pl: 2,
 			pr: 2,
@@ -5208,10 +5209,10 @@ var Po = (e, t) => {
 	})]
 }), Ro = (0, Z.memo)((e) => {
 	let { dataValidation: t } = e, n = P();
-	Ke(t, "onAnyChange");
-	let r = t.isProtected(), i = t.getRenderHints().includes("list"), a = (0, Q.jsxs)(ct, {
+	Oe(t, "onAnyChange");
+	let r = t.isProtected(), i = t.getRenderHints().includes("list"), a = (0, Q.jsxs)(ot, {
 		tabIndex: 0,
-		className: on["editor-panel"],
+		className: Bt["editor-panel"],
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingTop: (e) => e.spacing(1.25),
@@ -5223,7 +5224,7 @@ var Po = (e, t) => {
 			overflow: "auto"
 		},
 		children: [
-			(0, Q.jsxs)(z, {
+			(0, Q.jsxs)(R, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -5231,7 +5232,7 @@ var Po = (e, t) => {
 					margin: (e) => e.spacing(1.25),
 					marginBottom: 0
 				},
-				children: [(0, Q.jsxs)(z, {
+				children: [(0, Q.jsxs)(R, {
 					sx: {
 						display: "flex",
 						alignItems: "center",
@@ -5248,7 +5249,7 @@ var Po = (e, t) => {
 						},
 						children: Po(t, n)
 					})]
-				}), (0, Q.jsx)(Lt, {
+				}), (0, Q.jsx)(Wt, {
 					item: t,
 					label: n("dataValidation.applyTo")
 				})]
@@ -5267,7 +5268,7 @@ var Po = (e, t) => {
 					t.setCondition(n);
 				}
 			}),
-			i && (0, Q.jsx)(z, {
+			i && (0, Q.jsx)(R, {
 				sx: {
 					pl: 2,
 					pr: 2,
@@ -5289,7 +5290,7 @@ var Po = (e, t) => {
 				onCheckedChange: (e) => t.setShowPromptMessage(e),
 				label: n("dataValidation.prompt"),
 				readOnly: r,
-				children: [(0, Q.jsx)(bn, {
+				children: [(0, Q.jsx)(Y, {
 					size: "small",
 					label: n("dataValidation.title"),
 					value: t.getPromptTitle(),
@@ -5298,7 +5299,7 @@ var Po = (e, t) => {
 					fullWidth: !0,
 					slotProps: { htmlInput: { maxLength: 32 } },
 					sx: { backgroundColor: "background.paper" }
-				}), (0, Q.jsx)(bn, {
+				}), (0, Q.jsx)(Y, {
 					size: "small",
 					label: n("dataValidation.message"),
 					value: t.getPromptMessage(),
@@ -5326,13 +5327,13 @@ var Po = (e, t) => {
 							value: t.getAlertStyle(),
 							label: n("dataValidation.alertStyle"),
 							onChange: (e) => t.setAlertStyle(e.target.value),
-							renderValue: (e) => (0, Q.jsxs)(z, {
+							renderValue: (e) => (0, Q.jsxs)(R, {
 								sx: {
 									display: "flex",
 									alignItems: "center",
 									gap: 1
 								},
-								children: [(0, Q.jsx)(E, {
+								children: [(0, Q.jsx)(O, {
 									iconKey: Fo[e],
 									size: 18,
 									ariaHidden: !0
@@ -5341,7 +5342,7 @@ var Po = (e, t) => {
 							children: Object.keys(Fo).map((e) => (0, Q.jsxs)(X, {
 								value: e,
 								sx: { gap: 1 },
-								children: [(0, Q.jsx)(E, {
+								children: [(0, Q.jsx)(O, {
 									iconKey: Fo[e],
 									size: 18,
 									ariaHidden: !0
@@ -5349,7 +5350,7 @@ var Po = (e, t) => {
 							}, e))
 						})]
 					}),
-					(0, Q.jsx)(bn, {
+					(0, Q.jsx)(Y, {
 						size: "small",
 						label: n("dataValidation.title"),
 						value: t.getAlertTitle(),
@@ -5359,7 +5360,7 @@ var Po = (e, t) => {
 						slotProps: { htmlInput: { maxLength: 32 } },
 						sx: { backgroundColor: "background.paper" }
 					}),
-					(0, Q.jsx)(bn, {
+					(0, Q.jsx)(Y, {
 						size: "small",
 						label: n("dataValidation.message"),
 						value: t.getAlertMessage(),
@@ -5381,7 +5382,7 @@ var Po = (e, t) => {
 	});
 });
 Ro.displayName = "DataValidationEditorPanel";
-var zo = ({ children: e }) => (0, Q.jsx)(z, {
+var zo = ({ children: e }) => (0, Q.jsx)(R, {
 	sx: {
 		display: "inline-flex",
 		alignItems: "center",
@@ -5398,9 +5399,9 @@ var zo = ({ children: e }) => (0, Q.jsx)(z, {
 	})
 }), Bo = (0, Z.memo)(({ item: e }) => {
 	let t = P();
-	Ke(e, "onAnyChange");
+	Oe(e, "onAnyChange");
 	let n = [];
-	return e.isShowPromptMessage() && e.getPromptTitle() && n.push(t("dataValidation.promptPrefix", { title: e.getPromptTitle() })), e.getCondition() && (e.isShowAlertMessage() ? e.getAlertStyle() === S.AlertStyle.Warning ? n.push(t("dataValidation.alertWarning")) : e.getAlertStyle() === S.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, Q.jsx)(z, {
+	return e.isShowPromptMessage() && e.getPromptTitle() && n.push(t("dataValidation.promptPrefix", { title: e.getPromptTitle() })), e.getCondition() && (e.isShowAlertMessage() ? e.getAlertStyle() === _.AlertStyle.Warning ? n.push(t("dataValidation.alertWarning")) : e.getAlertStyle() === _.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, Q.jsx)(R, {
 		sx: {
 			display: "flex",
 			flexWrap: "wrap",
@@ -5410,7 +5411,7 @@ var zo = ({ children: e }) => (0, Q.jsx)(z, {
 	});
 });
 Bo.displayName = "DataValidationCardBody";
-var Vo = (0, Z.memo)(({ item: e }) => (0, Q.jsx)(Lt, {
+var Vo = (0, Z.memo)(({ item: e }) => (0, Q.jsx)(Wt, {
 	item: e,
 	label: P()("dataValidation.applyTo"),
 	helperText: null
@@ -5419,18 +5420,18 @@ Vo.displayName = "DataValidationCardRanges";
 var Ho = {
 	key: "data-validation",
 	messageKeys: {
-		none: m("dataValidation.none"),
-		addPrompt: m("dataValidation.addPrompt"),
-		heading: m("dataValidation.heading"),
-		insert: m("dataValidation.insert"),
-		new: m("dataValidation.new"),
-		moveUp: m("dataValidation.moveUp"),
-		moveDown: m("dataValidation.moveDown"),
-		edit: m("dataValidation.edit"),
-		duplicate: m("dataValidation.duplicate"),
-		delete: m("dataValidation.delete"),
-		cancel: m("dataValidation.cancel"),
-		save: m("dataValidation.save")
+		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"],
@@ -5441,7 +5442,7 @@ var Ho = {
 	validate: (e) => e.getCondition()?.validate() ?? null,
 	applyNewDefaults: (e) => {
 		e.update({
-			alertStyle: S.AlertStyle.Stop,
+			alertStyle: _.AlertStyle.Stop,
 			showAlertMessage: !0
 		});
 	},
@@ -5458,7 +5459,7 @@ var Ho = {
 	EditorBody: ({ item: e }) => (0, Q.jsx)(Ro, { dataValidation: e })
 }, Uo = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
 	let { workbook: n, args: r, ...i } = e;
-	return (0, Q.jsx)(Ut, {
+	return (0, Q.jsx)(Ot, {
 		ref: t,
 		workbook: n,
 		descriptor: Ho,
@@ -5467,7 +5468,7 @@ var Ho = {
 		...i
 	});
 }));
-Uo.displayName = "DataValidationDetailsPanel", an(), D.register("plugin-table", { icons: {} }), Re.registerTaskPane({
+Uo.displayName = "DataValidationDetailsPanel", nn(), ee.register("plugin-table", { icons: {} }), Fe.registerTaskPane({
 	key: "dataValidationDetails",
 	getTitle: () => "Data Validation",
 	getIcon: () => "DataValidation",
@@ -5480,7 +5481,7 @@ Uo.displayName = "DataValidationDetailsPanel", an(), D.register("plugin-table",
 			...o
 		});
 	}
-}, !0), Re.registerTaskPane({
+}, !0), Fe.registerTaskPane({
 	key: "conditionalFormatDetails",
 	getTitle: () => "Conditional Formatting",
 	getIcon: () => "FormatPaint",
@@ -5493,7 +5494,7 @@ Uo.displayName = "DataValidationDetailsPanel", an(), D.register("plugin-table",
 			...o
 		});
 	}
-}, !0), It(), Ot(), dn(), Yt(), qt(), mn();
+}, !0), Zt(), Nt(), wt(), pn(), on(), Rt();
 var Wo = () => {
 	let e, t, n = new Promise((n, r) => {
 		e = n, t = r;
@@ -5511,133 +5512,133 @@ var Wo = () => {
 }, Go = (e, t) => {
 	if (!e) return {};
 	let { colorSchemes: n, ...r } = e, i = n?.[t ? "dark" : "light"];
-	return i && typeof i == "object" ? c.deepMerge(r, i) : r;
+	return i && typeof i == "object" ? o.deepMerge(r, i) : r;
 }, Ko = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
-	let { host: n, scopeClass: r, square: i, elevation: a, variant: s, onWorkbookLoad: l, onDocumentError: u, renderDocumentError: d = un, propsDocumentError: f, propsTaskPaneArea: p, renderTaskPaneArea: m = qo, taskPaneSide: h = "right", onKeyDown: g, workbook: _, onWorkbookChange: v, logo: y, topLeft: b, topRight: x, muiTheme: S, tokens: C, cssBaseline: w, autoFocus: T = !1, title: k, onDirtyChange: j, propsDocumentTitle: M, renderDocumentLoading: te = Et, propsDocumentLoading: N, propsWorkbook: P, showFormulaBar: re, propsFormulaBar: ae, renderFormulaBar: oe, editable: se, showStatusBar: ce, propsStatusBar: le, renderStatusBar: ue, propsToolbar: de, renderToolbar: fe } = e, L = (0, Z.useRef)(null), pe = (0, Z.useRef)(null), R = (0, Z.useRef)(null), he = F(() => {
-		R.current?.getNamedCollectionEditorElement?.()?.focus?.();
-	}, []), ge = F(u ?? (() => {}), [u]), _e = F(j ?? (() => {}), [j]), ve = M?.placeHolder, [ye] = O(Ie.Mode, He[Ie.Mode]), { themeMode: xe } = ee({ mode: ye ?? void 0 }), [Se] = O(ie.Active, null), Ce = (0, Z.useRef)(Se);
-	Ce.current = Se;
-	let Te = be(), Oe = (0, Z.useMemo)(() => ({
-		light: gt(!1, c.deepMerge(Go(S, !1), tn(Te?.light))),
-		dark: gt(!0, c.deepMerge(Go(S, !0), tn(Te?.dark)))
+	let { host: n, scopeClass: r, square: a, elevation: s, variant: c, onWorkbookLoad: l, onDocumentError: u, renderDocumentError: d = Ht, propsDocumentError: f, propsTaskPaneArea: p, renderTaskPaneArea: m = qo, taskPaneSide: h = "right", onKeyDown: g, workbook: _, onWorkbookChange: v, logo: y, topLeft: b, topRight: x, muiTheme: S, tokens: C, cssBaseline: w, autoFocus: T = !1, title: E, onDirtyChange: D, propsDocumentTitle: j, renderDocumentLoading: ne = tn, propsDocumentLoading: M, propsWorkbook: N, showFormulaBar: ie, propsFormulaBar: P, renderFormulaBar: ae, editable: se, showStatusBar: ce, propsStatusBar: le, renderStatusBar: ue, propsToolbar: I, renderToolbar: de } = e, L = (0, Z.useRef)(null), pe = (0, Z.useRef)(null), me = (0, Z.useRef)(null), he = F(() => {
+		me.current?.getNamedCollectionEditorElement?.()?.focus?.();
+	}, []), ge = F(u ?? (() => {}), [u]), ve = F(D ?? (() => {}), [D]), ye = j?.placeHolder, [be] = k(Te.Mode, Ze[Te.Mode]), { themeMode: xe } = A({ mode: be ?? void 0 }), [Se] = k(oe.Active, null), we = (0, Z.useRef)(Se);
+	we.current = Se;
+	let De = Ce(), z = (0, Z.useMemo)(() => ({
+		light: mt(!1, o.deepMerge(Go(S, !1), Vt(De?.light))),
+		dark: mt(!0, o.deepMerge(Go(S, !0), Vt(De?.dark)))
 	}), [
 		S,
-		Te?.light,
-		Te?.dark
-	]), Ae = xe === "dark", Me = (0, Z.useMemo)(() => Pt(Oe.light, Oe.dark, `.${r}`, C), [
-		Oe,
+		De?.light,
+		De?.dark
+	]), je = xe === "dark", Ne = (0, Z.useMemo)(() => cn(z.light, z.dark, `.${r}`, C), [
+		z,
 		r,
 		C
-	]), Ne = (0, Z.useMemo)(() => Ge("sxl-defaults", `.${r}`), [r]), Pe = qe(), [Le, Re] = (0, Z.useState)(() => _ ?? null);
+	]), Fe = (0, Z.useMemo)(() => Be("sxl-defaults", `.${r}`), [r]), Ie = Re(), [Le, ze] = (0, Z.useState)(() => _ ?? null);
 	(0, Z.useEffect)(() => {
-		Re(_ ?? null);
+		ze(_ ?? null);
 	}, [_]);
-	let [Be, Ve] = (0, Z.useState)(0), Ue = (0, Z.useRef)(null);
+	let [Ve, He] = (0, Z.useState)(0), Ue = (0, Z.useRef)(null);
 	Ue.current ||= Wo();
-	let We = De(Le, {
-		io: B,
-		defaultTheme: Pe.getDefaultTheme(),
-		reloadKey: Be
-	}), V = We.status === "loaded" ? We.workbook : null, H = (0, Z.useMemo)(() => We.status === "error" ? {
+	let Ge = Ae(Le, {
+		io: U,
+		defaultTheme: Ie.getDefaultTheme(),
+		reloadKey: Ve
+	}), B = Ge.status === "loaded" ? Ge.workbook : null, V = (0, Z.useMemo)(() => Ge.status === "error" ? {
 		status: "error",
-		error: We.error
-	} : We.status === "loaded" ? {
+		error: Ge.error
+	} : Ge.status === "loaded" ? {
 		status: "loaded",
-		workbook: We.workbook
-	} : { status: "loading" }, [We]);
+		workbook: Ge.workbook
+	} : { status: "loading" }, [Ge]);
 	(0, Z.useEffect)(() => {
 		Ue.current.settled && (Ue.current = Wo());
-	}, [Le, Be]), (0, Z.useEffect)(() => {
-		H.status === "loaded" ? Ue.current.resolve(H.workbook) : H.status === "error" && (ge?.(H.error), Ue.current.reject(H.error));
-	}, [H]);
-	let [U, Ye] = (0, Z.useState)(null);
-	V && !U && Ye(V);
-	let Xe = V && U && V !== U ? V : null, Qe = (0, Z.useRef)(Xe);
-	Qe.current = Xe;
-	let $e = (0, Z.useRef)(U);
-	$e.current = U;
+	}, [Le, Ve]), (0, Z.useEffect)(() => {
+		V.status === "loaded" ? Ue.current.resolve(V.workbook) : V.status === "error" && (ge?.(V.error), Ue.current.reject(V.error));
+	}, [V]);
+	let [H, Ke] = (0, Z.useState)(null);
+	B && !H && Ke(B);
+	let qe = B && H && B !== H ? B : null, Qe = (0, Z.useRef)(qe);
+	Qe.current = qe;
+	let $e = (0, Z.useRef)(H);
+	$e.current = H;
 	let et = (0, Z.useRef)([]), tt = (0, Z.useCallback)((e) => {
 		let t = $e.current;
-		t && et.current.push(t), Re(e);
+		t && et.current.push(t), ze(e);
 	}, []);
 	(0, Z.useEffect)(() => {
 		let e = et.current;
 		if (e.length !== 0) {
-			et.current = e.filter((e) => e === U);
+			et.current = e.filter((e) => e === H);
 			for (let t = 0; t < e.length; t++) {
 				let n = e[t];
-				if (n !== U) try {
+				if (n !== H) try {
 					n.close();
 				} catch (e) {
 					console.warn("Unable to close the replaced workbook", e);
 				}
 			}
 		}
-	}, [U]);
-	let nt = se ? null : U, it = Fe(), at = (0, Z.useMemo)(() => nt ? we(nt.getSelectedSheet(), { referenceMode: it }) : null, [nt, it]), W = se ?? at, ot = (0, Z.useRef)(W);
-	ot.current = W, (0, Z.useEffect)(() => {
-		if (!W) return;
-		let e = W.getSession();
-		return W.subscribe(() => {
+	}, [H]);
+	let rt = se ? null : H, it = We(), W = (0, Z.useMemo)(() => rt ? Ye(rt.getSelectedSheet(), { referenceMode: it }) : null, [rt, it]), G = se ?? W, at = (0, Z.useRef)(G);
+	at.current = G, (0, Z.useEffect)(() => {
+		if (!G) return;
+		let e = G.getSession();
+		return G.subscribe(() => {
 			let t = e;
-			e = W.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && R.current?.contains?.(document.activeElement) && L.current?.focus();
+			e = G.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && me.current?.contains?.(document.activeElement) && L.current?.focus();
 		});
-	}, [W]);
-	let st = ke(U), { isDirty: lt, saveState: ut } = je(U, B), dt = Ze(U), ft = (0, Z.useRef)(ut), pt = (0, Z.useRef)(null);
-	ft.current = ut;
-	let mt = (0, Z.useCallback)(() => ft.current?.isDirty() ?? !1, []), ht = (0, Z.useRef)(H);
-	ht.current = H;
-	let [G, _t] = (0, Z.useState)(null), vt = k ?? M?.title, [yt, bt] = (0, Z.useState)(null);
+	}, [G]);
+	let st = Me(H), { isDirty: ct, saveState: lt } = ke(H, U), ut = Ee(H), dt = (0, Z.useRef)(lt), ft = (0, Z.useRef)(null);
+	dt.current = lt;
+	let pt = (0, Z.useCallback)(() => dt.current?.isDirty() ?? !1, []), ht = (0, Z.useRef)(V);
+	ht.current = V;
+	let [gt, _t] = (0, Z.useState)(null), vt = E ?? j?.title, [yt, bt] = (0, Z.useState)(null);
 	(0, Z.useEffect)(() => {
 		bt(null);
-	}, [U]);
+	}, [H]);
 	let xt = vt ?? yt ?? st ?? "";
 	(0, Z.useEffect)(() => {
-		_e?.(lt);
-	}, [lt]);
+		ve?.(ct);
+	}, [ct]);
 	let St = F(v ?? (() => {}), [v]);
 	(0, Z.useEffect)(() => {
-		St?.(V);
-	}, [V]);
-	let Ct = (0, Z.useRef)(V);
-	Ct.current = V, Ke(U, "onViewChange");
-	let wt = (0, Z.useMemo)(() => (0, Q.jsx)(xn, {
+		St?.(B);
+	}, [B]);
+	let Ct = (0, Z.useRef)(B);
+	Ct.current = B, Oe(H, "onViewChange");
+	let K = (0, Z.useMemo)(() => (0, Q.jsx)(bn, {
 		groupKey: "helpOptions",
 		disableHover: !0,
 		sx: { padding: "0" },
 		propsButton: { sx: { maxHeight: "22px" } }
-	}), []), [K, q] = (0, Z.useState)(null), Tt = (0, Z.useCallback)((e) => {
-		q(e);
+	}), []), [q, wt] = (0, Z.useState)(null), Tt = (0, Z.useCallback)((e) => {
+		wt(e);
 	}, []);
 	(0, Z.useEffect)(() => {
-		D.prefetch().catch((e) => {
+		ee.prefetch().catch((e) => {
 			console.warn("Icons could not be loaded:", e);
 		});
 	}, []);
-	let Dt = (0, Z.useRef)(null);
-	Dt.current ||= Wo();
-	let Ot = (0, Z.useRef)(null), kt = (0, Z.useCallback)(() => Ot.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? Dt.current.promise, []), At = F(async (e) => {
-		let t = Ce.current;
-		t && t !== o.getActive() && await o.setActive(t), await A.DefaultCommandCatalogService.prefetch(t ?? void 0), _t(e), Ot.current = e.source, Dt.current.settled || Dt.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), l?.(e);
-	}, []), J = (0, Z.useRef)(null), jt = (0, Z.useCallback)((e) => {
+	let Et = (0, Z.useRef)(null);
+	Et.current ||= Wo();
+	let Dt = (0, Z.useRef)(null), Ot = (0, Z.useCallback)(() => Dt.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? Et.current.promise, []), kt = F(async (e) => {
+		let t = we.current;
+		t && t !== i.getActive() && await i.setActive(t), await te.DefaultCommandCatalogService.prefetch(t ?? void 0), _t(e), Dt.current = e.source, Et.current.settled || Et.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), l?.(e);
+	}, []), jt = (0, Z.useRef)(null), Mt = (0, Z.useCallback)((e) => {
 		let t = null, n = {
 			readOnly: !0,
-			...M
+			...j
 		};
-		return M?.hidden || (t = (0, Q.jsx)(Wt, {
+		return j?.hidden || (t = (0, Q.jsx)(Lt, {
 			...n,
 			style: {
 				maxWidth: "100%",
-				...M?.style
+				...j?.style
 			},
 			workbook: e.workbook ?? L.current,
-			ref: J,
+			ref: jt,
 			title: xt,
-			modified: lt,
-			encrypted: dt,
-			placeHolder: ve,
+			modified: ct,
+			encrypted: ut,
+			placeHolder: ye,
 			onTitleChange: (e) => {
-				bt(e), M?.onTitleChange?.(e);
+				bt(e), j?.onTitleChange?.(e);
 			}
 		})), (0, Q.jsx)(fo, {
 			...e,
@@ -5649,9 +5650,9 @@ var Wo = () => {
 	}, [
 		y,
 		xt,
-		lt,
-		dt,
-		M,
+		ct,
+		ut,
+		j,
 		b,
 		x
 	]);
@@ -5662,12 +5663,12 @@ var Wo = () => {
 		return e.addEventListener("wheel", t, { passive: !1 }), () => {
 			e.removeEventListener("wheel", t);
 		};
-	}, [G]);
-	let [Mt, Nt] = (0, Z.useState)(null);
+	}, [gt]);
+	let [J, Nt] = (0, Z.useState)(null);
 	(0, Z.useEffect)(() => {
-		Nt(G?.source?.getCommandScope?.() ?? null);
-	}, [G]);
-	let Ft = (0, Z.useMemo)(() => ({
+		Nt(gt?.source?.getCommandScope?.() ?? null);
+	}, [gt]);
+	let Pt = (0, Z.useMemo)(() => ({
 		"& .SnackbarContainer-root": { position: "absolute !important" },
 		"& .notistack-SnackbarContainer > div": { maxWidth: "min(100%, 720px)" },
 		"& .notistack-Snackbar": { minWidth: "unset" },
@@ -5680,55 +5681,55 @@ var Wo = () => {
 			whiteSpace: "pre-wrap"
 		},
 		"*": { userSelect: "none" }
-	}), []), [It, Lt] = (0, Z.useState)(null), [, zt] = O(null, !1);
+	}), []), [Ft, It] = (0, Z.useState)(null), [, Rt] = k(null, !1);
 	(0, Z.useEffect)(() => {
-		zt(It != null);
-	}, [It, zt]);
-	let Bt = (0, Z.useCallback)((e) => m({
-		model: U,
+		Rt(Ft != null);
+	}, [Ft, Rt]);
+	let zt = (0, Z.useCallback)((e) => m({
+		model: H,
 		side: h,
 		...e,
 		...p
 	}), [
-		U,
+		H,
 		h,
 		p
-	]), Vt = (0, Z.useRef)(n);
-	Vt.current = n, me(t, () => ({
+	]), Bt = (0, Z.useRef)(n);
+	Bt.current = n, _e(t, () => ({
 		isStudioElement: () => !0,
 		save: (e) => {
-			let t = pt.current;
+			let t = ft.current;
 			return t ? t(e) : Promise.reject(Error("The studio cannot save: no workbook, or the backing store cannot write."));
 		},
 		getWorkbookElement: () => L.current,
 		getWorkbook: () => Ct.current ?? null,
-		isDirty: () => ft.current?.isDirty() ?? !1,
-		getEditable: () => ot.current,
-		getFormulaBarElement: () => R.current ?? null,
+		isDirty: () => dt.current?.isDirty() ?? !1,
+		getEditable: () => at.current,
+		getFormulaBarElement: () => me.current ?? null,
 		focus: () => L.current?.focus(),
 		whenReady: () => (Ue.current ||= Wo(), Ue.current.promise),
 		getWorkbookState: () => ht.current,
-		retry: () => Ve((e) => e + 1)
+		retry: () => He((e) => e + 1)
 	}), [], n);
-	let Ht = (0, Z.useRef)(!1), Ut = F((e, t) => {
+	let Ut = (0, Z.useRef)(!1), Wt = F((e, t) => {
 		t === Qe.current && requestAnimationFrame(() => requestAnimationFrame(() => {
-			t === Qe.current && (Ht.current = Vt.current?.contains(document.activeElement) ?? !0, Ye(t), At(e));
+			t === Qe.current && (Ut.current = Bt.current?.contains(document.activeElement) ?? !0, Ke(t), kt(e));
 		}));
 	}, []);
 	(0, Z.useEffect)(() => {
-		Ht.current && (Ht.current = !1, L.current?.focus());
-	}, [U]);
+		Ut.current && (Ut.current = !1, L.current?.focus());
+	}, [H]);
 	let Gt = (0, Z.useCallback)(() => (0, Q.jsx)(Q.Fragment, {}), []), Kt = (0, Z.useCallback)((e) => {
-		let { ref: t, ...n } = e, r = Ae ? Oe.dark : Oe.light, o = H.status === "error" ? d({
+		let { ref: t, ...n } = e, r = je ? z.dark : z.light, i = V.status === "error" ? d({
 			...f,
 			style: {
 				width: "100%",
 				height: "100%",
 				...f?.style
 			},
-			error: H.error
+			error: V.error
 		}) : null;
-		if (o && !U) return (0, Q.jsx)(ct, {
+		if (i && !H) return (0, Q.jsx)(ot, {
 			style: {
 				width: "100%",
 				height: "100%",
@@ -5737,15 +5738,15 @@ var Wo = () => {
 				alignItems: "stretch",
 				justifyContent: "stretch"
 			},
-			children: o
+			children: i
 		});
-		let c = null;
-		if (U) {
-			let e = U, i = e.getView(), a = re ?? i?.isShowFormulaBar(), o = ce ?? i?.isShowStatusBar(), s = G?.source ?? L.current, l = (fe ?? jt)({
-				workbook: s,
-				...de
-			}), u = a ? (oe ?? Jt)({
-				ref: R,
+		let o = null;
+		if (H) {
+			let e = H, i = e.getView(), a = ie ?? i?.isShowFormulaBar(), s = ce ?? i?.isShowStatusBar(), c = gt?.source ?? L.current, l = (de ?? Mt)({
+				workbook: c,
+				...I
+			}), u = a ? (ae ?? Qt)({
+				ref: me,
 				style: {
 					marginTop: r.spacing(.25),
 					marginLeft: r.spacing(1),
@@ -5753,50 +5754,50 @@ var Wo = () => {
 					marginBottom: r.spacing(.75)
 				},
 				workbook: e,
-				editable: W ?? void 0,
-				...ae,
+				editable: G ?? void 0,
+				...P,
 				propsNamedCollectionEditor: {
-					restoreFocus: (e) => s?.focus(e),
-					...ae?.propsNamedCollectionEditor
+					restoreFocus: (e) => c?.focus(e),
+					...P?.propsNamedCollectionEditor
 				}
-			}) : null, d = o ? (ue ?? sn)({
-				childrenEnd: wt,
+			}) : null, d = s ? (ue ?? At)({
+				childrenEnd: K,
 				...le
-			}) : null, f = (e, r) => (0, Q.jsx)(Rt, {
-				...P,
+			}) : null, f = (e, r) => (0, Q.jsx)(gn, {
+				...N,
 				tabIndex: 0,
 				autoFocus: !r && T,
 				workbook: e,
-				editable: r ? void 0 : W ?? void 0,
+				editable: r ? void 0 : G ?? void 0,
 				focusNameBox: r ? void 0 : he,
-				ref: r ? pe : Xt([t, L]),
-				onWorkbookLoad: r ? (t) => Ut(t, e) : At,
+				ref: r ? pe : hn([t, L]),
+				onWorkbookLoad: r ? (t) => Wt(t, e) : kt,
 				onKeyDown: (e) => {
 					g?.(e);
 				},
-				propsWorkbookLoading: N,
+				propsWorkbookLoading: M,
 				renderWorkbookLoading: Gt,
 				style: r ? {
-					...P?.style,
+					...N?.style,
 					position: "absolute",
 					inset: 0,
 					visibility: "hidden"
 				} : {
 					flex: "1 1 100%",
 					minHeight: 0,
-					...P?.style
+					...N?.style
 				},
 				onContextMenu: (e) => e.preventDefault(),
 				...r ? null : n
 			}, e.getId());
-			c = (0, Q.jsxs)("div", {
+			o = (0, Q.jsxs)("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					flex: "1 1 100%",
 					minWidth: 0,
 					minHeight: 0,
-					...ze({
+					...Je({
 						window: r.palette.background.default,
 						windowText: r.palette.text.primary
 					})
@@ -5807,9 +5808,9 @@ var Wo = () => {
 					(0, Q.jsx)(ko, {
 						taskSide: h,
 						persistKey: "taskPanePosition",
-						sidebarElement: It ? (0, Q.jsx)(A.CommandScopeProvider, {
-							scope: Mt,
-							children: It
+						sidebarElement: Ft ? (0, Q.jsx)(te.CommandScopeProvider, {
+							scope: J,
+							children: Ft
 						}) : void 0,
 						mainElement: (0, Q.jsxs)("div", {
 							style: {
@@ -5820,7 +5821,7 @@ var Wo = () => {
 								minWidth: 0,
 								minHeight: 0
 							},
-							children: [[f(U, !1), Xe ? f(Xe, !0) : null], (0, Q.jsx)(z, {
+							children: [[f(H, !1), qe ? f(qe, !0) : null], (0, Q.jsx)(R, {
 								ref: Tt,
 								sx: {
 									position: "absolute",
@@ -5838,9 +5839,9 @@ var Wo = () => {
 				]
 			});
 		}
-		let l = G ? null : te({ ...N });
-		return (0, Q.jsxs)(ct, {
-			sx: Ft,
+		let l = gt ? null : ne({ ...M });
+		return (0, Q.jsxs)(ot, {
+			sx: Pt,
 			style: {
 				width: "100%",
 				height: "100%",
@@ -5851,12 +5852,12 @@ var Wo = () => {
 				backgroundColor: "var(--sxl-color-base-200)"
 			},
 			className: "eager-studio",
-			square: i,
-			elevation: a,
-			variant: s,
+			square: a,
+			elevation: s,
+			variant: c,
 			children: [
-				c,
-				o ? (0, Q.jsx)(ct, {
+				o,
+				i ? (0, Q.jsx)(ot, {
 					style: {
 						position: "absolute",
 						inset: 0,
@@ -5864,7 +5865,7 @@ var Wo = () => {
 						alignItems: "stretch",
 						justifyContent: "stretch"
 					},
-					children: o
+					children: i
 				}) : null,
 				l ? (0, Q.jsx)("div", {
 					style: {
@@ -5873,47 +5874,47 @@ var Wo = () => {
 						display: "flex",
 						alignItems: "center",
 						justifyContent: "center",
-						background: `var(--sxl-color-base-100, ${Ae ? "#121212" : "#fff"})`
+						background: `var(--sxl-color-base-100, ${je ? "#121212" : "#fff"})`
 					},
 					children: l
 				}) : null
 			]
 		});
 	}, [
+		V,
 		H,
-		U,
-		Xe,
-		G,
+		qe,
+		gt,
 		xt,
-		te,
-		N,
+		ne,
+		M,
 		Gt,
-		P,
-		i,
+		N,
 		a,
 		s,
-		wt,
+		c,
+		K,
 		d,
 		f,
-		jt,
+		Mt,
+		Pt,
 		Ft,
-		It,
 		h,
-		Mt,
-		re,
+		J,
+		ie,
+		P,
 		ae,
-		oe,
-		W,
+		G,
 		ce,
 		le,
 		ue,
+		I,
 		de,
-		fe,
-		Oe,
-		Ae
+		z,
+		je
 	]), qt = (0, Q.jsx)(oo, {
 		maxSnack: 3,
-		domRoot: K ?? void 0,
+		domRoot: q ?? void 0,
 		anchorOrigin: {
 			vertical: "bottom",
 			horizontal: "right"
@@ -5924,44 +5925,44 @@ var Wo = () => {
 		},
 		Components: { error: lo },
 		iconVariant: {
-			success: (0, Q.jsx)(rt, {
+			success: (0, Q.jsx)(nt, {
 				style: { marginRight: "8px" },
 				children: (0, Q.jsx)("path", { d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" })
 			}),
-			error: (0, Q.jsx)(E, {
+			error: (0, Q.jsx)(O, {
 				iconKey: "ErrorAlert",
 				style: { marginRight: "8px" }
 			})
 		},
-		children: (0, Q.jsx)(Ee, {
-			workbook: U,
-			children: (0, Q.jsx)(Je, {
-				renderArea: Bt,
+		children: (0, Q.jsx)(Xe, {
+			workbook: H,
+			children: (0, Q.jsx)(Pe, {
+				renderArea: zt,
 				onUpdateArea: (e) => {
-					Lt(e);
+					It(e);
 				},
-				children: (0, Q.jsx)(In, { children: (0, Q.jsx)(So, { children: (0, Q.jsx)(I, { children: (0, Q.jsx)(ne, { children: (0, Q.jsx)(yo, {
-					workbook: U,
-					initialCommandAnchor: kt,
+				children: (0, Q.jsx)(Fn, { children: (0, Q.jsx)(So, { children: (0, Q.jsx)(fe, { children: (0, Q.jsx)(re, { children: (0, Q.jsx)(yo, {
+					workbook: H,
+					initialCommandAnchor: Ot,
 					renderWorkbook: Kt,
 					setWorkbook: tt,
 					titleWorkbook: xt,
 					setWorkbookTitle: bt,
-					refDocumentTitle: J,
-					isDirty: mt,
-					refSave: pt,
+					refDocumentTitle: jt,
+					isDirty: pt,
+					refSave: ft,
 					host: n
 				}) }) }) }) })
 			})
 		})
 	});
 	return qt = (0, Q.jsxs)(ar, {
-		theme: Ae ? Oe.dark : Oe.light,
+		theme: je ? z.dark : z.light,
 		children: [
 			w ? (0, Q.jsx)(xr, {}) : null,
-			(0, Q.jsx)("style", { children: Me }),
 			(0, Q.jsx)("style", { children: Ne }),
-			(0, Q.jsx)(Sn, {
+			(0, Q.jsx)("style", { children: Fe }),
+			(0, Q.jsx)(xn, {
 				themeScopeClass: r,
 				themeSurface: "app",
 				themeMode: xe,