@sheetxl/studio-vanilla 0.8.0-beta.10 → 0.8.0-beta.11

package/cdn/assets/fm3mUdTDo-STB36M.js

@@ -1,4749 +0,0 @@
-/**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
-*
-* (C) 2026-present SheetXL Inc. & Michael T. Ford
-* License: The license can be found at https://www.sheetxl.com/license.
-*/
-import { t as e } from "./CIyaijfp6itgRpFM.js";
-import { t } from "./Bsn-tUx172sEG2kR.js";
-import { t as n } from "./BeQ95CzwR65il0CK.js";
-import { M as r, O as i, P as a, T as o, X as s, a as c, b as l, o as u, u as d, w as f } from "./CMxbiQ5J79M3n1tk.js";
-import { E as p, N as m, W as h, bt as g } from "./BoFx07POTorOb5g-.js";
-import { $ as _, It as v, zt as y } from "./DuAbY54w5gJpQgss.js";
-import { r as b, t as x } from "./hg8WYI0Yy4WPPPoP.js";
-import { Et as S, J as C, K as w, R as T, at as ee, ct as E, dt as te, et as D, g as ne, h as O, ht as k, i as re, l as ie, m as A, rt as j, tt as M, ut as ae, v as oe, w as se, xt as N, y as ce, z as le } from "./Cw7AJWd0S2sjRmr6.js";
-import { t as ue } from "./C7fu6LrSMBlHqwUy.js";
-import { h as de } from "./BI6afPOpgNYkzIWv.js";
-import { M as fe, S as P, _ as pe, b as me, d as F, g as he, i as ge, n as _e, s as ve, t as I, v as ye, z as be } from "./mK8HcIZyXkOTvL6E.js";
-import { B as xe, N as Se, Q as Ce, _ as we, _t as Te, a as L, b as Ee, gt as De, i as Oe, j as R, lt as ke, st as Ae, vt as je, xt as Me, yt as Ne } from "./CbTN0q6XnYGJqyEp.js";
-import { D as Pe, E as Fe, T as Ie, m as Le, t as Re, y as ze } from "./VCiu_neIjCTg2NUa.js";
-import { n as Be, t as z } from "./CRXSrbGNABtzf532.js";
-import { t as B } from "./CTvPIYWTcjwlJeEA.js";
-import { D as Ve, N as He, S as Ue, c as We, f as Ge, g as Ke, h as qe, i as Je, l as Ye, m as Xe, o as Ze, s as Qe, t as V, u as $e, z as H } from "./D_pMOq6FdH4RSBLc.js";
-import { t as U } from "./BzbP4jaN13wC9aSi.js";
-import { $ as W, At as et, C as tt, D as nt, Dt as rt, E as it, J as at, K as ot, Mt as st, O as ct, Ot as lt, P as ut, Pt as dt, S as ft, St as pt, T as mt, U as ht, V as G, _t as gt, a as _t, b as vt, ct as yt, ft as bt, g as xt, j as St, lt as Ct, m as wt, rt as Tt, st as Et, t as Dt, tt as Ot, u as kt, v as At, z as jt } from "./B27vTQlxbHhSQJx8.js";
-import { t as Mt } from "./DjdkGy-EI1kSo226.js";
-import { n as Nt } from "./COMOqucXq7X1vi0P.js";
-import { i as Pt, p as K } from "./DHugYwX4_ZyqGn-C.js";
-import { BorderPopupButton as Ft, C as It, CommentsPlugin as Lt, D as Rt, DocumentTitle as zt, E as Bt, ExternalLinksPlugin as Vt, F as q, FormatPlugin as Ht, H as Ut, I as Wt, L as Gt, N as Kt, NamedPlugin as qt, O as Jt, P as Yt, PresetChip as J, ProtectionPlugin as Xt, S as Y, SlicerPlugin as Zt, T as Qt, TablePlugin as $t, WorkbookElement as en, _ as tn, a as nn, b as rn, c as an, createStudioThemeCSS as on, d as sn, f as cn, g as ln, h as un, i as dn, k as fn, l as pn, m as mn, o as hn, p as gn, r as _n, registerStudioCommandCatalogs as vn, registerStudioCommandGroups as yn, renderWorkbookToolbars as bn, s as xn, tokensToMuiOptions as Sn, u as Cn, v as wn, w as Tn, x as En, y as Dn } from "./CEYyp6Qrr_IopxpL.js";
-import { r as On } from "./DCnWyVXikb_8Dat3.js";
-var X = On(e(), 1), kn = X.createContext(null);
-function An() {
-	return X.useContext(kn);
-}
-var jn = typeof Symbol == "function" && Symbol.for ? Symbol.for("mui.nested") : "__THEME_NESTED__", Z = n();
-function Mn(e) {
-	let { children: t, theme: n } = e, r = An(), i = X.useMemo(() => {
-		let e = r === null ? { ...n } : function(e, t) {
-			return typeof t == "function" ? t(e) : {
-				...e,
-				...t
-			};
-		}(r, n);
-		return e != null && (e[jn] = r !== null), e;
-	}, [n, r]);
-	return (0, Z.jsx)(kn.Provider, {
-		value: i,
-		children: t
-	});
-}
-var Nn = {};
-function Pn(e, t, n, r = !1) {
-	return X.useMemo(() => {
-		let i = e && t[e] || t;
-		if (typeof n == "function") {
-			let a = n(i), o = e ? {
-				...t,
-				[e]: a
-			} : a;
-			return r ? () => o : o;
-		}
-		return e ? {
-			...t,
-			[e]: n
-		} : {
-			...t,
-			...n
-		};
-	}, [
-		e,
-		t,
-		n,
-		r
-	]);
-}
-function Fn(e) {
-	let { children: t, theme: n, themeId: r } = e, i = me(Nn), a = An() || Nn, o = Pn(r, i, n), s = Pn(r, a, n, !0), c = (r ? o[r] : o).direction === "rtl", l = function(e) {
-		let t = me(), n = Te() || "", { 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};` : "", Me(() => {
-			let e = document.querySelector("head");
-			if (!e) return;
-			let t = e.firstChild;
-			if (i) {
-				if (t && t.hasAttribute?.("data-mui-layer-order") && t.getAttribute("data-mui-layer-order") === n) return;
-				let r = document.createElement("style");
-				r.setAttribute("data-mui-layer-order", n), r.textContent = i, e.prepend(r);
-			} else e.querySelector(`style[data-mui-layer-order="${n}"]`)?.remove();
-		}, [i, n]), i ? (0, Z.jsx)(Fe, { styles: i }) : null;
-	}(o);
-	return (0, Z.jsx)(Mn, {
-		theme: s,
-		children: (0, Z.jsx)(fe.Provider, {
-			value: o,
-			children: (0, Z.jsx)(Ne, {
-				value: c,
-				children: (0, Z.jsxs)(je, {
-					value: r ? o[r].components : o.components,
-					children: [l, t]
-				})
-			})
-		})
-	});
-}
-var In = "mode", Ln = "color-scheme", Rn = "data-color-scheme";
-({ ...X }).useSyncExternalStore;
-function zn(e) {
-	return JSON.stringify(e).replace(/</g, "\\u003c").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
-}
-function Bn(e, t) {
-	let n = e.split("%s"), r = [];
-	for (let e = 0; e < n.length; e += 1) e > 0 && r.push(t), n[e] && r.push(zn(n[e]));
-	return r.join(" + ") || "\"\"";
-}
-function Vn() {}
-var Hn = ({ key: e, storageWindow: t }) => (t || typeof window > "u" || (t = window), {
-	get(n) {
-		if (typeof window > "u") return;
-		if (!t) return n;
-		let r;
-		try {
-			r = t.localStorage.getItem(e);
-		} catch {}
-		return r || n;
-	},
-	set: (n) => {
-		if (t) try {
-			t.localStorage.setItem(e, n);
-		} catch {}
-	},
-	subscribe: (n) => {
-		if (!t) return Vn;
-		let r = (t) => {
-			let r = t.newValue;
-			t.key === e && n(r);
-		};
-		return t.addEventListener("storage", r), () => {
-			t.removeEventListener("storage", r);
-		};
-	}
-});
-function Un() {}
-function Wn(e) {
-	if (typeof window < "u" && typeof window.matchMedia == "function" && e === "system") return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function Gn(e, t) {
-	return e.mode === "light" || e.mode === "system" && e.systemMode === "light" ? t("light") : e.mode === "dark" || e.mode === "system" && e.systemMode === "dark" ? t("dark") : void 0;
-}
-function Kn(e) {
-	let { defaultMode: t = "light", defaultLightColorScheme: n, defaultDarkColorScheme: r, supportedColorSchemes: i = [], modeStorageKey: a = In, colorSchemeStorageKey: o = Ln, storageWindow: s = typeof window > "u" ? void 0 : window, storageManager: c = Hn, noSsr: l = !1 } = e, u = i.join(","), d = i.length > 1, f = X.useMemo(() => c?.({
-		key: a,
-		storageWindow: s
-	}), [
-		c,
-		a,
-		s
-	]), p = X.useMemo(() => c?.({
-		key: `${o}-light`,
-		storageWindow: s
-	}), [
-		c,
-		o,
-		s
-	]), m = X.useMemo(() => c?.({
-		key: `${o}-dark`,
-		storageWindow: s
-	}), [
-		c,
-		o,
-		s
-	]), [h, g] = X.useState(() => {
-		let e = f?.get(t) || t, i = p?.get(n) || n, a = m?.get(r) || r;
-		return {
-			mode: e,
-			systemMode: Wn(e),
-			lightColorScheme: i,
-			darkColorScheme: a
-		};
-	}), [_, v] = X.useState(l || !d);
-	X.useEffect(() => {
-		v(!0);
-	}, []);
-	let y = function(e) {
-		return Gn(e, (t) => t === "light" ? e.lightColorScheme : t === "dark" ? e.darkColorScheme : void 0);
-	}(h), b = X.useCallback((e) => {
-		g((n) => {
-			if (e === n.mode) return n;
-			let r = e ?? t;
-			return f?.set(r), {
-				...n,
-				mode: r,
-				systemMode: Wn(r)
-			};
-		});
-	}, [f, t]), x = X.useCallback((e) => {
-		e ? typeof e == "string" ? e && !u.includes(e) ? console.error(`\`${e}\` does not exist in \`theme.colorSchemes\`.`) : g((t) => {
-			let n = { ...t };
-			return Gn(t, (t) => {
-				t === "light" && (p?.set(e), n.lightColorScheme = e), t === "dark" && (m?.set(e), n.darkColorScheme = e);
-			}), n;
-		}) : g((t) => {
-			let i = { ...t }, a = e.light === null ? n : e.light, o = e.dark === null ? r : e.dark;
-			return a && (u.includes(a) ? (i.lightColorScheme = a, p?.set(a)) : console.error(`\`${a}\` does not exist in \`theme.colorSchemes\`.`)), o && (u.includes(o) ? (i.darkColorScheme = o, m?.set(o)) : console.error(`\`${o}\` does not exist in \`theme.colorSchemes\`.`)), i;
-		}) : g((e) => (p?.set(n), m?.set(r), {
-			...e,
-			lightColorScheme: n,
-			darkColorScheme: r
-		}));
-	}, [
-		u,
-		p,
-		m,
-		n,
-		r
-	]), S = X.useCallback((e) => {
-		h.mode === "system" && g((t) => {
-			let n = e?.matches ? "dark" : "light";
-			return t.systemMode === n ? t : {
-				...t,
-				systemMode: n
-			};
-		});
-	}, [h.mode]), C = X.useRef(S);
-	return C.current = S, X.useEffect(() => {
-		if (typeof window.matchMedia != "function" || !d) return;
-		let e = (...e) => C.current(...e), t = window.matchMedia("(prefers-color-scheme: dark)");
-		return t.addListener(e), e(t), () => {
-			t.removeListener(e);
-		};
-	}, [d]), X.useEffect(() => {
-		if (d) {
-			let e = f?.subscribe((e) => {
-				e && ![
-					"light",
-					"dark",
-					"system"
-				].includes(e) || b(e || t);
-			}) || Un, n = p?.subscribe((e) => {
-				e && !u.match(e) || x({ light: e });
-			}) || Un, r = m?.subscribe((e) => {
-				e && !u.match(e) || x({ dark: e });
-			}) || Un;
-			return () => {
-				e(), n(), r();
-			};
-		}
-	}, [
-		x,
-		b,
-		u,
-		t,
-		s,
-		d,
-		f,
-		p,
-		m
-	]), {
-		...h,
-		mode: _ ? h.mode : void 0,
-		systemMode: _ ? h.systemMode : void 0,
-		colorScheme: _ ? y : void 0,
-		setMode: b,
-		setColorScheme: x
-	};
-}
-function qn({ theme: e, ...t }) {
-	let n = "$$material" in e ? e[be] : void 0;
-	return (0, Z.jsx)(Fn, {
-		...t,
-		themeId: n ? be : void 0,
-		theme: n || e
-	});
-}
-var { CssVarsProvider: Jn, useColorScheme: Yn, getInitColorSchemeScript: Xn } = function(e) {
-	let { themeId: t, theme: n = {}, modeStorageKey: r = In, colorSchemeStorageKey: i = Ln, disableTransitionOnChange: a = !1, defaultColorScheme: o, resolveTheme: s } = e, c = {
-		allColorSchemes: [],
-		colorScheme: void 0,
-		darkColorScheme: void 0,
-		lightColorScheme: void 0,
-		mode: void 0,
-		setColorScheme: () => {},
-		setMode: () => {},
-		systemMode: void 0
-	}, l = X.createContext(void 0), u = {}, d = {}, f = typeof o == "string" ? o : o.light, p = typeof o == "string" ? o : o.dark;
-	return {
-		CssVarsProvider: function(e) {
-			let { children: c, theme: f, modeStorageKey: p = r, colorSchemeStorageKey: m = i, disableTransitionOnChange: h = a, storageManager: g, storageWindow: _ = typeof window > "u" ? void 0 : window, documentNode: v = typeof document > "u" ? void 0 : document, colorSchemeNode: y = typeof document > "u" ? void 0 : document.documentElement, disableNestedContext: b = !1, disableStyleSheetGeneration: x = !1, defaultMode: S = "system", forceThemeRerender: C = !1, noSsr: w } = e, T = X.useRef(!1), ee = An(), E = X.useContext(l), te = !!E && !b, D = X.useMemo(() => f || (typeof n == "function" ? n() : n), [f]), ne = D[t], O = ne || D, { colorSchemes: k = u, components: re = d, cssVarPrefix: ie } = O, A = Object.keys(k).filter((e) => !!k[e]).join(","), j = X.useMemo(() => A.split(","), [A]), M = typeof o == "string" ? o : o.light, ae = typeof o == "string" ? o : o.dark, { mode: oe, setMode: se, systemMode: N, lightColorScheme: ce, darkColorScheme: le, colorScheme: ue, setColorScheme: de } = Kn({
-				supportedColorSchemes: j,
-				defaultLightColorScheme: M,
-				defaultDarkColorScheme: ae,
-				modeStorageKey: p,
-				colorSchemeStorageKey: m,
-				defaultMode: k[M] && k[ae] ? S : k[O.defaultColorScheme]?.palette?.mode || O.palette?.mode,
-				storageManager: g,
-				storageWindow: _,
-				noSsr: w
-			}), fe = oe, P = ue;
-			te && (fe = E.mode, P = E.colorScheme);
-			let pe = P || O.defaultColorScheme;
-			O.vars && !C && (pe = O.defaultColorScheme);
-			let me = X.useMemo(() => {
-				let e = O.generateThemeVars?.() || O.vars, t = {
-					...O,
-					components: re,
-					colorSchemes: k,
-					cssVarPrefix: ie,
-					vars: e
-				};
-				if (typeof t.generateSpacing == "function" && (t.spacing = t.generateSpacing()), pe) {
-					let e = k[pe];
-					e && typeof e == "object" && Object.keys(e).forEach((n) => {
-						e[n] && typeof e[n] == "object" ? t[n] = {
-							...t[n],
-							...e[n]
-						} : t[n] = e[n];
-					});
-				}
-				return s ? s(t) : t;
-			}, [
-				O,
-				pe,
-				re,
-				k,
-				ie
-			]), F = O.colorSchemeSelector;
-			Me(() => {
-				if (P && y && F && F !== "media") {
-					let e = F, t = F;
-					if (e === "class" && (t = ".%s"), e === "data" && (t = "[data-%s]"), e?.startsWith("data-") && !e.includes("%s") && (t = `[${e}="%s"]`), t.startsWith(".")) y.classList.remove(...j.map((e) => t.substring(1).replace("%s", e))), y.classList.add(t.substring(1).replace("%s", P));
-					else {
-						let e = t.replace("%s", P).match(/\[([^\]]+)\]/);
-						if (e) {
-							let [t, n] = e[1].split("=");
-							n || j.forEach((e) => {
-								y.removeAttribute(t.replace(P, e));
-							}), y.setAttribute(t, n ? n.replace(/"|'/g, "") : "");
-						} else y.setAttribute(t, P);
-					}
-				}
-			}, [
-				P,
-				F,
-				y,
-				j
-			]), X.useEffect(() => {
-				let e;
-				if (h && T.current && v) {
-					let t = v.createElement("style");
-					t.appendChild(v.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), v.head.appendChild(t), window.getComputedStyle(v.body), e = setTimeout(() => {
-						v.head.removeChild(t);
-					}, 1);
-				}
-				return () => {
-					clearTimeout(e);
-				};
-			}, [
-				P,
-				h,
-				v
-			]), X.useEffect(() => (T.current = !0, () => {
-				T.current = !1;
-			}), []);
-			let he = X.useMemo(() => ({
-				allColorSchemes: j,
-				colorScheme: P,
-				darkColorScheme: le,
-				lightColorScheme: ce,
-				mode: fe,
-				setColorScheme: de,
-				setMode: se,
-				systemMode: N
-			}), [
-				j,
-				P,
-				le,
-				ce,
-				fe,
-				de,
-				se,
-				N,
-				me.colorSchemeSelector
-			]), ge = !0;
-			(x || !1 === O.cssVariables || te && ee?.cssVarPrefix === ie) && (ge = !1);
-			let _e = (0, Z.jsxs)(X.Fragment, { children: [(0, Z.jsx)(Fn, {
-				themeId: ne ? t : void 0,
-				theme: me,
-				children: c
-			}), ge && (0, Z.jsx)(Pe, { styles: me.generateStyleSheets?.() || [] })] });
-			return te ? _e : (0, Z.jsx)(l.Provider, {
-				value: he,
-				children: _e
-			});
-		},
-		useColorScheme: () => X.useContext(l) || c,
-		getInitColorSchemeScript: (e) => function(e) {
-			let { defaultMode: t = "system", defaultLightColorScheme: n = "light", defaultDarkColorScheme: r = "dark", modeStorageKey: i = In, colorSchemeStorageKey: a = Ln, attribute: o = Rn, colorSchemeNode: s = "document.documentElement", nonce: c } = e || {}, l = "", u = o;
-			if (o === "class" && (u = ".%s"), o === "data" && (u = "[data-%s]"), u.startsWith(".")) {
-				let e = u.substring(1);
-				l += `${s}.classList.remove(${Bn(e, "light")}, ${Bn(e, "dark")});\n      ${s}.classList.add(${Bn(e, "colorScheme")});`;
-			}
-			let d = u.match(/\[([^[\]]+)\]/);
-			if (d) {
-				let e = d[1].indexOf("="), t = e === -1 ? d[1] : d[1].slice(0, e), n = e === -1 ? void 0 : d[1].slice(e + 1);
-				n || (l += `${s}.removeAttribute(${Bn(t, "light")});\n      ${s}.removeAttribute(${Bn(t, "dark")});`);
-				let r = n ? Bn(n.replace(/^(['"])(.*)\1$/, "$2"), "colorScheme") : "\"\"";
-				l += `\n      ${s}.setAttribute(${Bn(t, "colorScheme")}, ${r});`;
-			} else u.startsWith(".") || (l += `${s}.setAttribute(${zn(u)}, colorScheme);`);
-			return (0, Z.jsx)("script", {
-				suppressHydrationWarning: !0,
-				nonce: typeof window > "u" ? c : "",
-				dangerouslySetInnerHTML: { __html: `(function() {\ntry {\n  let colorScheme = '';\n  const mode = localStorage.getItem(${zn(i)}) || ${zn(t)};\n  const dark = localStorage.getItem(${zn(`${a}-dark`)}) || ${zn(r)};\n  const light = localStorage.getItem(${zn(`${a}-light`)}) || ${zn(n)};\n  if (mode === 'system') {\n    // handle system mode\n    const mql = window.matchMedia('(prefers-color-scheme: dark)');\n    if (mql.matches) {\n      colorScheme = dark\n    } else {\n      colorScheme = light\n    }\n  }\n  if (mode === 'light') {\n    colorScheme = light;\n  }\n  if (mode === 'dark') {\n    colorScheme = dark;\n  }\n  if (colorScheme) {\n    ${l}\n  }\n} catch(e){}})();` }
-			}, "mui-color-scheme-init");
-		}({
-			colorSchemeStorageKey: i,
-			defaultLightColorScheme: f,
-			defaultDarkColorScheme: p,
-			modeStorageKey: r,
-			...e
-		})
-	};
-}({
-	themeId: be,
-	theme: () => ge({ cssVariables: !0 }),
-	colorSchemeStorageKey: "mui-color-scheme",
-	modeStorageKey: "mui-mode",
-	defaultColorScheme: {
-		light: "light",
-		dark: "dark"
-	},
-	resolveTheme: (e) => {
-		let t = {
-			...e,
-			typography: ve(e.palette, e.typography)
-		};
-		return t.unstable_sx = function(e) {
-			return P({
-				sx: e,
-				theme: this
-			});
-		}, t;
-	}
-}), Zn = Jn;
-function Qn({ theme: e, ...t }) {
-	let n = X.useMemo(() => {
-		if (typeof e == "function") return e;
-		let t = "$$material" in e ? e[be] : e;
-		return "colorSchemes" in t ? null : "vars" in t ? e : {
-			...e,
-			vars: null
-		};
-	}, [e]);
-	return n ? (0, Z.jsx)(qn, {
-		theme: n,
-		...t
-	}) : (0, Z.jsx)(Zn, {
-		theme: e,
-		...t
-	});
-}
-function $n(e) {
-	return pe("MuiCard", e);
-}
-he("MuiCard", ["root"]);
-var er = ke(xe, {
-	name: "MuiCard",
-	slot: "Root"
-})({ overflow: "hidden" }), tr = X.forwardRef(function(e, t) {
-	let n = Ae({
-		props: e,
-		name: "MuiCard"
-	}), { className: r, raised: i = !1, ...a } = n, o = {
-		...n,
-		raised: i
-	}, s = ((e) => {
-		let { classes: t } = e;
-		return De({ root: ["root"] }, $n, t);
-	})(o);
-	return (0, Z.jsx)(er, {
-		className: ye(s.root, r),
-		elevation: i ? 8 : void 0,
-		ref: t,
-		ownerState: o,
-		...a
-	});
-});
-function nr(e) {
-	return pe("MuiCardActions", e);
-}
-he("MuiCardActions", ["root", "spacing"]);
-var rr = ke("div", {
-	name: "MuiCardActions",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [t.root, !n.disableSpacing && t.spacing];
-	}
-})({
-	display: "flex",
-	alignItems: "center",
-	padding: 8,
-	variants: [{
-		props: { disableSpacing: !1 },
-		style: { "& > :not(style) ~ :not(style)": { marginLeft: 8 } }
-	}]
-}), ir = X.forwardRef(function(e, t) {
-	let n = Ae({
-		props: e,
-		name: "MuiCardActions"
-	}), { disableSpacing: r = !1, className: i, ...a } = n, o = {
-		...n,
-		disableSpacing: r
-	}, s = ((e) => {
-		let { classes: t, disableSpacing: n } = e;
-		return De({ root: ["root", !n && "spacing"] }, nr, t);
-	})(o);
-	return (0, Z.jsx)(rr, {
-		className: ye(s.root, i),
-		ownerState: o,
-		ref: t,
-		...a
-	});
-}), ar = typeof Ie({}) == "function", or = (e, t) => ({
-	WebkitFontSmoothing: "antialiased",
-	MozOsxFontSmoothing: "grayscale",
-	boxSizing: "border-box",
-	WebkitTextSizeAdjust: "100%",
-	...t && !e.vars && { colorScheme: e.palette.mode }
-}), sr = (e) => ({
-	color: (e.vars || e).palette.text.primary,
-	...e.typography.body1,
-	backgroundColor: (e.vars || e).palette.background.default,
-	"@media print": { backgroundColor: (e.vars || e).palette.common.white }
-}), cr = (e, t = !1) => {
-	let n = {};
-	t && e.colorSchemes && typeof e.getColorSchemeSelector == "function" && Object.entries(e.colorSchemes).forEach(([t, r]) => {
-		let i = e.getColorSchemeSelector(t);
-		i.startsWith("@") ? n[i] = { ":root": { colorScheme: r.palette?.mode } } : n[i.replace(/\s*&/, "")] = { colorScheme: r.palette?.mode };
-	});
-	let r = {
-		html: or(e, t),
-		"*, *::before, *::after": { boxSizing: "inherit" },
-		"strong, b": { fontWeight: e.typography.fontWeightBold },
-		body: {
-			margin: 0,
-			...sr(e),
-			"&::backdrop": { backgroundColor: (e.vars || e).palette.background.default }
-		},
-		...n
-	}, i = e.components?.MuiCssBaseline?.styleOverrides;
-	return i && (r = [r, i]), r;
-}, lr = "mui-ecs", ur = Ie(ar ? ({ theme: e, enableColorScheme: t }) => cr(e, t) : ({ theme: e }) => ((e) => {
-	let t = cr(e, !1), n = Array.isArray(t) ? t[0] : t;
-	return !e.vars && n && (n.html[`:root:has(${lr})`] = { colorScheme: e.palette.mode }), e.colorSchemes && Object.entries(e.colorSchemes).forEach(([t, r]) => {
-		let i = e.getColorSchemeSelector(t);
-		i.startsWith("@") ? n[i] = { [`:root:not(:has(.${lr}))`]: { colorScheme: r.palette?.mode } } : n[i.replace(/\s*&/, "")] = { [`&:not(:has(.${lr}))`]: { colorScheme: r.palette?.mode } };
-	}), t;
-})(e));
-function dr(e) {
-	let { children: t, enableColorScheme: n = !1 } = Ae({
-		props: e,
-		name: "MuiCssBaseline"
-	});
-	return (0, Z.jsxs)(X.Fragment, { children: [
-		ar && (0, Z.jsx)(ur, { enableColorScheme: n }),
-		!ar && !n && (0, Z.jsx)("span", {
-			className: lr,
-			style: { display: "none" }
-		}),
-		t
-	] });
-}
-var fr = On(t(), 1), pr = (0, X.memo)((e) => {
-	let { variant: t = "format", children: n, sx: r, ...i } = e;
-	return (0, Z.jsx)(I, {
-		className: `sxl-cf-rule-section sxl-cf-rule-section-${t}`,
-		sx: {
-			display: "flex",
-			flexDirection: "column",
-			gap: 1,
-			p: 2,
-			border: 1,
-			borderColor: "divider",
-			borderRadius: 1,
-			...t === "config" ? { backgroundColor: "action.hover" } : null,
-			...r
-		},
-		...i,
-		children: n
-	});
-});
-pr.displayName = "RuleSection";
-var mr = new m("transparent"), hr = {
-	lightRedFillDarkRedText: l("conditionalFormat.preset.lightRedFillDarkRedText"),
-	yellowFillDarkYellowText: l("conditionalFormat.preset.yellowFillDarkYellowText"),
-	greenFillDarkGreenText: l("conditionalFormat.preset.greenFillDarkGreenText"),
-	lightRedFill: l("conditionalFormat.preset.lightRedFill"),
-	redText: l("conditionalFormat.preset.redText"),
-	redBorder: l("conditionalFormat.preset.redBorder")
-}, gr = (e) => e ? typeof e == "string" ? e : e.type === p.Type.None ? null : e.color ?? e.foreground ?? null : null, _r = (e, t) => e === "auto" ? null : Jt(e, t), vr = (0, X.memo)((e) => {
-	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = M(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: u, propsColorPanel: d } = Y(), f = t?.font ?? null, m = (f?.weight ?? 400) >= 600, h = f?.style === g.Style.Italic, _ = !!f?.underline && f.underline !== g.UnderlineStyle.None, v = !!f?.strike, y = (e) => {
-		let r = { ...f };
-		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
-		let i = { ...t };
-		Object.keys(r).length === 0 ? delete i.font : i.font = r, n(Object.keys(i).length === 0 ? null : i);
-	}, x = (0, X.useMemo)(() => o?.getStyles().getNormal().getFont().getColor(), [o, c]), S = (0, X.useMemo)(() => _r(f?.color, o), [
-		f?.color,
-		o,
-		c
-	]), C = (0, X.useMemo)(() => _r(gr(t?.fill), o), [
-		t?.fill,
-		o,
-		c
-	]), w = {
-		padding: "4px",
-		border: "none",
-		borderRadius: 1
-	};
-	return (0, Z.jsxs)(pr, {
-		...i,
-		children: [(0, Z.jsxs)(I, {
-			sx: {
-				display: "flex",
-				alignItems: "flex-start",
-				gap: 1
-			},
-			children: [(0, Z.jsx)(I, {
-				sx: {
-					flex: "1 1 auto",
-					minWidth: 0,
-					display: "flex",
-					gap: .5,
-					flexWrap: "wrap"
-				},
-				children: vt.map((e, t) => {
-					let i = _r(gr(e.style.fill), o), s = _r(e.style.font?.color, o), c = e.style.borders ? _r(Object.values(e.style.borders)[0]?.color, o) : null;
-					return (0, Z.jsx)(J, {
-						sheet: !0,
-						title: a(hr[e.key] ?? e.key),
-						disabled: r,
-						onClick: () => n(structuredClone(e.style)),
-						sx: {
-							backgroundColor: i?.toCSS("adaptive") ?? void 0,
-							color: s?.toCSS("adaptive") ?? void 0,
-							outline: c ? `1px solid ${c.toCSS("adaptive")}` : void 0,
-							outlineOffset: "-3px"
-						},
-						children: "Aa"
-					}, t);
-				})
-			}), (0, Z.jsx)(J, {
-				title: a("conditionalFormat.clearStyle"),
-				disabled: r || !t,
-				onClick: () => n(null),
-				sx: {
-					color: "text.secondary",
-					"&:disabled": { opacity: .4 }
-				},
-				children: (0, Z.jsx)(b, {
-					iconKey: "ClearFormats",
-					size: 16
-				})
-			})]
-		}), (0, Z.jsxs)(I, {
-			sx: {
-				display: "flex",
-				alignItems: "center",
-				gap: .25
-			},
-			children: [
-				(0, Z.jsx)(q, {
-					value: "bold",
-					size: "small",
-					sx: w,
-					selected: m,
-					disabled: r,
-					onChange: () => y({ weight: m ? void 0 : 700 }),
-					children: (0, Z.jsx)(b, { iconKey: "TextBold" })
-				}),
-				(0, Z.jsx)(q, {
-					value: "italic",
-					size: "small",
-					sx: w,
-					selected: h,
-					disabled: r,
-					onChange: () => y({ style: h ? void 0 : g.Style.Italic }),
-					children: (0, Z.jsx)(b, { iconKey: "TextItalic" })
-				}),
-				(0, Z.jsx)(q, {
-					value: "underline",
-					size: "small",
-					sx: w,
-					selected: _,
-					disabled: r,
-					onChange: () => y({ underline: _ ? void 0 : g.UnderlineStyle.Single }),
-					children: (0, Z.jsx)(b, { iconKey: "TextUnderline" })
-				}),
-				(0, Z.jsx)(q, {
-					value: "strike",
-					size: "small",
-					sx: w,
-					selected: v,
-					disabled: r,
-					onChange: () => y({ strike: !v || void 0 }),
-					children: (0, Z.jsx)(b, { iconKey: "TextStrike" })
-				}),
-				o && (0, Z.jsx)(Ft, {
-					tooltip: a("conditionalFormat.border"),
-					selectedBorder: t?.borders,
-					createBorder: (e) => o.getStyles().getNormal().createStyle({ borders: e }).getBorders(),
-					schemeLookup: s,
-					autoColor: x,
-					darkMode: u,
-					disabled: r,
-					onSelectBorder: (e) => ((e) => {
-						let r = { ...t };
-						e && Object.keys(e).length !== 0 ? r.borders = e : delete r.borders, n(Object.keys(r).length === 0 ? null : r);
-					})(e)
-				}),
-				(0, Z.jsx)(K, {
-					icon: "fill.colored",
-					tooltip: a("conditionalFormat.fillColor"),
-					selectedColor: C,
-					disabled: r,
-					onSelectColor: (e) => ((e) => {
-						let r = { ...t };
-						e ? r.fill = {
-							type: p.Type.Solid,
-							color: e.toString()
-						} : delete r.fill, n(Object.keys(r).length === 0 ? null : r);
-					})(e),
-					darkMode: u,
-					propsPanel: {
-						disableAlpha: !0,
-						autoColor: mr,
-						autoColorLabelKey: l("color.noFill"),
-						autoColorPosition: Pt.End,
-						...d
-					}
-				}),
-				(0, Z.jsx)(K, {
-					icon: "text.colored",
-					tooltip: a("conditionalFormat.fontColor"),
-					selectedColor: S,
-					disabled: r,
-					onSelectColor: (e) => y({ color: e ? e.toString() : void 0 }),
-					darkMode: u,
-					propsPanel: {
-						disableAlpha: !0,
-						autoColor: x,
-						...d
-					}
-				})
-			]
-		})]
-	});
-});
-vr.displayName = "ConditionalFormatStylePicker";
-var yr = {
-	[y.ColorStopType.AutoMin]: l("conditionalFormat.stopType.autoMin"),
-	[y.ColorStopType.AutoMax]: l("conditionalFormat.stopType.autoMax"),
-	[y.ColorStopType.Min]: l("conditionalFormat.stopType.min"),
-	[y.ColorStopType.Max]: l("conditionalFormat.stopType.max"),
-	[y.ColorStopType.Num]: l("conditionalFormat.stopType.num"),
-	[y.ColorStopType.Percent]: l("conditionalFormat.stopType.percent"),
-	[y.ColorStopType.Percentile]: l("conditionalFormat.stopType.percentile"),
-	[y.ColorStopType.Formula]: l("conditionalFormat.stopType.formula")
-}, br = /* @__PURE__ */ new Set([
-	y.ColorStopType.AutoMin,
-	y.ColorStopType.AutoMax,
-	y.ColorStopType.Min,
-	y.ColorStopType.Max
-]), xr = (0, X.memo)((e) => {
-	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, leading: o, showExclusive: s = !1, readOnly: c, ...l } = e, u = M(), { darkMode: d, toColor: f, propsColorPanel: p } = Y(), m = sn(), h = n.type ?? y.ColorStopType.Num, g = !br.has(h), _ = c || !g, v = h === y.ColorStopType.Formula, b = n.value?.isIFormula ? n.value : null, x = n.color, S = a ? f(x) : null;
-	return (0, Z.jsxs)(I, {
-		sx: {
-			display: "flex",
-			alignItems: "center",
-			gap: .5
-		},
-		...l,
-		children: [
-			t !== void 0 && (0, Z.jsx)(R, {
-				variant: "caption",
-				sx: {
-					color: "text.secondary",
-					flex: "0 0 62px",
-					minWidth: 0,
-					overflow: "hidden",
-					textOverflow: "ellipsis"
-				},
-				children: t
-			}),
-			o,
-			a && (0, Z.jsx)(K, {
-				tooltip: u("conditionalFormat.stopColor"),
-				selectedColor: S,
-				disabled: c,
-				onSelectColor: (e) => {
-					e && r({
-						...n,
-						color: e.toString()
-					});
-				},
-				darkMode: d,
-				propsPanel: {
-					disableAlpha: !0,
-					...p
-				}
-			}),
-			s && (0, Z.jsxs)(Re, {
-				size: "small",
-				value: n.exclusive ? "gt" : "gte",
-				disabled: c,
-				onChange: (e) => {
-					let t = { ...n };
-					e.target.value === "gt" ? t.exclusive = !0 : delete t.exclusive, r(t);
-				},
-				sx: {
-					flex: "0 0 auto",
-					backgroundColor: "background.paper"
-				},
-				children: [(0, Z.jsx)(U, {
-					value: "gte",
-					children: ">="
-				}), (0, Z.jsx)(U, {
-					value: "gt",
-					children: ">"
-				})]
-			}),
-			(0, Z.jsx)(Re, {
-				size: "small",
-				value: h,
-				disabled: c,
-				onChange: (e) => ((e) => {
-					let t = {
-						...n,
-						type: e
-					};
-					if (br.has(e)) delete t.value;
-					else if (t.value === void 0) t.value = e === y.ColorStopType.Formula ? "" : 0;
-					else if (e !== y.ColorStopType.Formula && typeof t.value != "number") {
-						let e = typeof t.value == "string" ? Number(t.value) : NaN;
-						t.value = Number.isFinite(e) ? e : 0;
-					}
-					r(t);
-				})(e.target.value),
-				sx: {
-					flex: "1 1 40%",
-					minWidth: 0,
-					backgroundColor: "background.paper"
-				},
-				children: i.map((e) => (0, Z.jsx)(U, {
-					value: e,
-					children: u(yr[e])
-				}, e))
-			}),
-			v ? (0, Z.jsx)(Nt, {
-				size: "small",
-				home: m.home,
-				value: b ? m.display(b) : `${n.value ?? ""}`,
-				onChangeText: (e) => {
-					r({
-						...n,
-						value: e.trim().length > 0 ? m.compile(e) : e
-					});
-				},
-				placeholder: u("conditionalFormat.enterFormula"),
-				disabled: _,
-				equals: "bare",
-				pickAs: "absolute",
-				label: null,
-				showError: !1,
-				helperText: null,
-				sx: {
-					flex: "1 1 30%",
-					minWidth: 0,
-					"& .MuiInputBase-root": { backgroundColor: _ ? "action.disabledBackground" : "background.paper" }
-				}
-			}) : (0, Z.jsx)(B, {
-				size: "small",
-				type: "number",
-				placeholder: g ? void 0 : u("conditionalFormat.stopFromData"),
-				value: g ? `${n.value ?? ""}` : "",
-				disabled: _,
-				onChange: (e) => {
-					let t = e.target.value;
-					r({
-						...n,
-						value: t === "" ? 0 : Number(t)
-					});
-				},
-				sx: {
-					flex: "1 1 30%",
-					minWidth: 0,
-					cursor: _ ? "not-allowed" : void 0
-				},
-				slotProps: { input: { sx: {
-					backgroundColor: _ ? "action.disabledBackground" : "background.paper",
-					cursor: _ ? "not-allowed" : void 0
-				} } }
-			})
-		]
-	});
-});
-xr.displayName = "ScaleStopRow";
-var Sr = [
-	y.ColorStopType.Min,
-	y.ColorStopType.Max,
-	y.ColorStopType.Num,
-	y.ColorStopType.Percent,
-	y.ColorStopType.Percentile,
-	y.ColorStopType.Formula
-], Cr = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = M(), { workbook: o, toColor: s } = Y(), c = t.stops ?? [], u = c.length === 2 ? [l("conditionalFormat.stop.minimum"), l("conditionalFormat.stop.maximum")] : [
-		l("conditionalFormat.stop.minimum"),
-		l("conditionalFormat.stop.midpoint"),
-		l("conditionalFormat.stop.maximum")
-	];
-	return (0, Z.jsxs)(I, {
-		sx: {
-			display: "flex",
-			flexDirection: "column",
-			gap: 1
-		},
-		...i,
-		children: [(0, Z.jsx)(pr, { children: (0, Z.jsxs)(I, {
-			sx: {
-				display: "flex",
-				alignItems: "flex-start",
-				gap: 1
-			},
-			children: [(0, Z.jsx)(I, {
-				sx: {
-					flex: "1 1 auto",
-					minWidth: 0,
-					display: "flex",
-					gap: .5,
-					flexWrap: "wrap"
-				},
-				children: kt.filter((e) => e.stops.length === (c.length === 2 ? 2 : 3)).map((e, t) => (0, Z.jsx)(J, {
-					sheet: !0,
-					disabled: r,
-					onClick: () => n(structuredClone(e)),
-					children: (0, Z.jsx)(tn, { rows: mn(e.stops ?? [], Tn, o) })
-				}, t))
-			}), (0, Z.jsxs)(Yt, {
-				exclusive: !0,
-				size: "small",
-				value: c.length === 2 ? 2 : 3,
-				disabled: r,
-				onChange: (e, r) => {
-					r && ((e) => {
-						if (e === c.length || e !== 2 && e !== 3) return;
-						let r = c.slice();
-						if (e === 3) {
-							let e = "#FFEB84", t = s(c[0]?.color ?? e)?.toRGBA(), n = s(c[c.length - 1]?.color ?? e)?.toRGBA();
-							if (t && n) {
-								let r = (e) => Math.round(e).toString(16).padStart(2, "0").toUpperCase();
-								e = `#${r((t.red + n.red) / 2)}${r((t.green + n.green) / 2)}${r((t.blue + n.blue) / 2)}`;
-							}
-							r.splice(1, 0, {
-								type: y.ColorStopType.Percentile,
-								value: 50,
-								color: e
-							});
-						} else r.splice(1, r.length - 2);
-						n({
-							...t,
-							stops: r
-						});
-					})(r);
-				},
-				sx: { flex: "0 0 auto" },
-				children: [(0, Z.jsx)(q, {
-					value: 2,
-					sx: {
-						textTransform: "none",
-						pt: .25,
-						pb: .25
-					},
-					children: a("conditionalFormat.twoColor")
-				}), (0, Z.jsx)(q, {
-					value: 3,
-					sx: {
-						textTransform: "none",
-						pt: .25,
-						pb: .25
-					},
-					children: a("conditionalFormat.threeColor")
-				})]
-			})]
-		}) }), (0, Z.jsx)(pr, {
-			variant: "config",
-			children: c.map((e, i) => (0, Z.jsx)(xr, {
-				label: a(u[Math.min(i, u.length - 1)]),
-				stop: e,
-				allowedTypes: Sr,
-				showColor: !0,
-				readOnly: r,
-				onStopChange: (e) => {
-					let r = c.slice();
-					r[i] = e, n({
-						...t,
-						stops: r
-					});
-				}
-			}, i))
-		})]
-	});
-});
-Cr.displayName = "ColorScaleRulePanel";
-var wr = [
-	y.ColorStopType.AutoMin,
-	y.ColorStopType.Min,
-	y.ColorStopType.Num,
-	y.ColorStopType.Percent,
-	y.ColorStopType.Percentile,
-	y.ColorStopType.Formula
-], Tr = [
-	y.ColorStopType.AutoMax,
-	y.ColorStopType.Max,
-	y.ColorStopType.Num,
-	y.ColorStopType.Percent,
-	y.ColorStopType.Percentile,
-	y.ColorStopType.Formula
-], Er = "__auto__", Dr = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = M(), { darkMode: o, toColor: s, propsColorPanel: c } = Y(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), p = s(t.negativeBorderColor), m = t.gradient ?? !1, h = (e) => {
-		let r = { ...t };
-		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
-		n(r);
-	}, g = { backgroundColor: "background.paper" };
-	return (0, Z.jsxs)(I, {
-		sx: {
-			display: "flex",
-			flexDirection: "column",
-			gap: 1
-		},
-		...i,
-		children: [(0, Z.jsxs)(pr, { children: [
-			(0, Z.jsxs)(I, {
-				sx: {
-					display: "flex",
-					alignItems: "flex-start",
-					gap: 1
-				},
-				children: [(0, Z.jsx)(I, {
-					sx: {
-						flex: "1 1 auto",
-						minWidth: 0,
-						display: "flex",
-						gap: .5,
-						flexWrap: "wrap"
-					},
-					children: ct.filter((e) => (e.gradient ?? !1) === m).map((e, t) => (0, Z.jsx)(J, {
-						sheet: !0,
-						disabled: r,
-						onClick: () => h({
-							color: e.color,
-							gradient: e.gradient,
-							borderColor: e.borderColor
-						}),
-						children: (0, Z.jsx)(tn, { rows: rn(e, s(e.color)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") })
-					}, t))
-				}), (0, Z.jsxs)(Yt, {
-					exclusive: !0,
-					size: "small",
-					value: m,
-					disabled: r,
-					onChange: (e, t) => {
-						t !== null && h({ gradient: !!t || void 0 });
-					},
-					sx: { flex: "0 0 auto" },
-					children: [(0, Z.jsx)(q, {
-						value: !1,
-						sx: {
-							textTransform: "none",
-							pt: .25,
-							pb: .25
-						},
-						children: a("conditionalFormat.solidFill")
-					}), (0, Z.jsx)(q, {
-						value: !0,
-						sx: {
-							textTransform: "none",
-							pt: .25,
-							pb: .25
-						},
-						children: a("conditionalFormat.gradientFill")
-					})]
-				})]
-			}),
-			(0, Z.jsx)(z, {
-				control: (0, Z.jsx)(Be, {
-					size: "small",
-					checked: !1 === t.showValue,
-					disabled: r,
-					onChange: (e) => h({ showValue: !e.target.checked && void 0 })
-				}),
-				label: (0, Z.jsx)(R, {
-					variant: "body2",
-					children: a("conditionalFormat.showBarsOnly")
-				})
-			}),
-			(0, Z.jsxs)(I, {
-				sx: {
-					display: "flex",
-					alignItems: "center",
-					gap: .5
-				},
-				children: [
-					(0, Z.jsx)(R, {
-						variant: "caption",
-						sx: {
-							color: "text.secondary",
-							flex: "0 0 62px"
-						},
-						children: a("conditionalFormat.bar")
-					}),
-					(0, Z.jsx)(K, {
-						icon: "fill.colored",
-						tooltip: a("conditionalFormat.barColor"),
-						selectedColor: u,
-						disabled: r,
-						onSelectColor: (e) => h({ color: e ? e.toString() : void 0 }),
-						darkMode: o,
-						propsPanel: {
-							disableAlpha: !0,
-							...c
-						}
-					}),
-					(0, Z.jsx)(K, {
-						icon: "stroke.colored",
-						tooltip: a("conditionalFormat.barBorderColor"),
-						selectedColor: f,
-						disabled: r,
-						onSelectColor: (e) => h({ borderColor: e ? e.toString() : void 0 }),
-						darkMode: o,
-						propsPanel: {
-							disableAlpha: !0,
-							...c
-						}
-					})
-				]
-			}),
-			(0, Z.jsxs)(I, {
-				sx: {
-					display: "flex",
-					alignItems: "center",
-					gap: .5
-				},
-				children: [
-					(0, Z.jsx)(R, {
-						variant: "caption",
-						sx: {
-							color: "text.secondary",
-							flex: "0 0 62px"
-						},
-						children: a("conditionalFormat.negative")
-					}),
-					(0, Z.jsx)(K, {
-						icon: "fill.colored",
-						tooltip: a("conditionalFormat.negativeColor"),
-						selectedColor: d ?? u,
-						disabled: r,
-						onSelectColor: (e) => h({ negativeFillColor: e ? e.toString() : void 0 }),
-						darkMode: o,
-						propsPanel: {
-							disableAlpha: !0,
-							...c
-						}
-					}),
-					(0, Z.jsx)(K, {
-						icon: "stroke.colored",
-						tooltip: a("conditionalFormat.negativeBorderColor"),
-						selectedColor: p ?? f,
-						disabled: r,
-						onSelectColor: (e) => h({ negativeBorderColor: e ? e.toString() : void 0 }),
-						darkMode: o,
-						propsPanel: {
-							disableAlpha: !0,
-							...c
-						}
-					}),
-					(0, Z.jsx)(J, {
-						title: a("conditionalFormat.sameAsPositive"),
-						disabled: r || !t.negativeFillColor && !t.negativeBorderColor,
-						onClick: () => h({
-							negativeFillColor: void 0,
-							negativeBorderColor: void 0
-						}),
-						sx: {
-							color: "text.secondary",
-							"&:disabled": { opacity: .4 }
-						},
-						children: (0, Z.jsx)(b, {
-							iconKey: "ClearFormats",
-							size: 16
-						})
-					})
-				]
-			}),
-			(0, Z.jsxs)(I, {
-				sx: {
-					display: "flex",
-					gap: 1,
-					mt: .5
-				},
-				children: [(0, Z.jsxs)(ze, {
-					size: "small",
-					sx: {
-						flex: 1,
-						minWidth: 0
-					},
-					children: [(0, Z.jsx)(Le, { children: a("conditionalFormat.axis") }), (0, Z.jsxs)(Re, {
-						label: a("conditionalFormat.axis"),
-						value: t.axisPosition ?? Er,
-						disabled: r,
-						sx: g,
-						onChange: (e) => {
-							let t = e.target.value;
-							h({ axisPosition: t === Er ? void 0 : t });
-						},
-						children: [
-							(0, Z.jsx)(U, {
-								value: Er,
-								children: a("conditionalFormat.automatic")
-							}),
-							(0, Z.jsx)(U, {
-								value: "middle",
-								children: a("conditionalFormat.axisMiddle")
-							}),
-							(0, Z.jsx)(U, {
-								value: "none",
-								children: a("conditionalFormat.axisNone")
-							})
-						]
-					})]
-				}), (0, Z.jsxs)(ze, {
-					size: "small",
-					sx: {
-						flex: 1,
-						minWidth: 0
-					},
-					children: [(0, Z.jsx)(Le, { children: a("conditionalFormat.direction") }), (0, Z.jsxs)(Re, {
-						label: a("conditionalFormat.direction"),
-						value: t.direction ?? Er,
-						disabled: r,
-						sx: g,
-						onChange: (e) => {
-							let t = e.target.value;
-							h({ direction: t === Er ? void 0 : t });
-						},
-						children: [
-							(0, Z.jsx)(U, {
-								value: Er,
-								children: a("conditionalFormat.automatic")
-							}),
-							(0, Z.jsx)(U, {
-								value: "leftToRight",
-								children: a("conditionalFormat.leftToRight")
-							}),
-							(0, Z.jsx)(U, {
-								value: "rightToLeft",
-								children: a("conditionalFormat.rightToLeft")
-							})
-						]
-					})]
-				})]
-			})
-		] }), (0, Z.jsxs)(pr, {
-			variant: "config",
-			children: [(0, Z.jsx)(xr, {
-				label: a("conditionalFormat.stop.minimum"),
-				stop: l[0] ?? { type: y.ColorStopType.AutoMin },
-				allowedTypes: wr,
-				readOnly: r,
-				onStopChange: (e) => {
-					let t = l.slice();
-					t[0] = e, h({ stops: t });
-				}
-			}), (0, Z.jsx)(xr, {
-				label: a("conditionalFormat.stop.maximum"),
-				stop: l[1] ?? { type: y.ColorStopType.AutoMax },
-				allowedTypes: Tr,
-				readOnly: r,
-				onStopChange: (e) => {
-					let t = l.slice();
-					for (; t.length < 2;) t.push({ type: y.ColorStopType.AutoMax });
-					t[1] = e, h({ stops: t });
-				}
-			})]
-		})]
-	});
-});
-Dr.displayName = "DataBarRulePanel";
-var Or = l("conditionalFormat.noCellIcon"), kr = l("conditionalFormat.cellIcon"), Ar = {
-	borderColor: "primary.main",
-	boxShadow: (e) => `inset 0 0 0 1px ${e.palette.primary.main}`
-}, jr = {
-	width: "28px",
-	height: "26px"
-}, Mr = (0, X.memo)((e) => {
-	let { icon: t, onPick: n } = e, r = M();
-	return (0, Z.jsxs)(I, {
-		sx: {
-			display: "flex",
-			flexDirection: "column",
-			gap: "4px",
-			padding: "6px 8px"
-		},
-		children: [(0, Z.jsx)(J, {
-			sheet: !0,
-			title: r(Or),
-			"aria-pressed": t === null,
-			sx: {
-				...jr,
-				...t === null ? Ar : null
-			},
-			onClick: () => {
-				n({ ...jt });
-			},
-			children: (0, Z.jsx)(At, {
-				icons: [null],
-				size: 16
-			})
-		}), (0, Z.jsx)(I, {
-			sx: {
-				display: "grid",
-				gridTemplateColumns: "repeat(8, auto)",
-				justifyContent: "start",
-				gap: "3px"
-			},
-			children: _t.map((e) => {
-				let i = ((e, t) => !!e && e.iconKey === t.iconKey && e.color === t.color)(t, e.spec);
-				return (0, Z.jsx)(J, {
-					sheet: !0,
-					title: dn(r, e.spec),
-					"aria-pressed": i,
-					sx: {
-						...jr,
-						...i ? Ar : null
-					},
-					onClick: () => {
-						n({
-							set: e.set,
-							id: e.id
-						});
-					},
-					children: (0, Z.jsx)(At, {
-						icons: [e.spec],
-						size: 16
-					})
-				}, `${e.set}:${e.id}`);
-			})
-		})]
-	});
-});
-Mr.displayName = "IconCatalogPanel";
-var Nr = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { icon: n, onPick: r, tooltip: i, ...a } = e, o = M(), s = (0, X.useCallback)((e) => {
-		let { closeFloat: t } = e, i = (0, Z.jsx)(Mr, {
-			icon: n,
-			onPick: (e) => {
-				t?.(), r(e);
-			}
-		});
-		return V({
-			...e,
-			children: i
-		});
-	}, [n, r]);
-	return (0, Z.jsx)(Ue, {
-		ref: t,
-		createPopupPanel: s,
-		tooltip: i ?? o(kr),
-		icon: (0, Z.jsx)(At, {
-			icons: [n],
-			size: 16
-		}),
-		outlined: !0,
-		...a
-	});
-}));
-Nr.displayName = "IconPickerPopupButton";
-var Pr = [
-	y.ColorStopType.Percent,
-	y.ColorStopType.Num,
-	y.ColorStopType.Percentile,
-	y.ColorStopType.Formula
-], Fr = (0, X.memo)((e) => {
-	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, o = M(), s = t.iconSet ?? h.IconSet.TrafficLights3, c = ft(s).length === 0, l = t.stops ?? [], u = l.length, d = et(t), f = (e) => {
-		let r = { ...t };
-		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
-		n(r);
-	}, p = (0, X.useCallback)((e) => {
-		let { closeFloat: t } = e, n = (0, Z.jsx)(wn, {
-			groups: nn,
-			disabled: r,
-			onPick: (e) => {
-				t?.(), e.type === y.ScaleType.IconSet && e.iconSet && ((e) => {
-					if (e === s) return;
-					let t = Ct(e), n = l;
-					t !== l.length && (n = Dt(t)), f({
-						iconSet: e,
-						stops: n,
-						icon: void 0
-					});
-				})(e.iconSet);
-			}
-		});
-		return V({
-			...e,
-			children: n
-		});
-	}, [r, t]), m = a.camelToPrettyCase(s);
-	return (0, Z.jsxs)(I, {
-		sx: {
-			display: "flex",
-			flexDirection: "column",
-			gap: 1
-		},
-		...i,
-		children: [(0, Z.jsxs)(pr, { children: [
-			(0, Z.jsx)(I, {
-				sx: {
-					display: "flex",
-					alignItems: "center",
-					gap: 1
-				},
-				children: (0, Z.jsx)(Ue, {
-					outlined: !0,
-					disabled: r,
-					label: m,
-					tooltip: m,
-					icon: (0, Z.jsx)(I, {
-						sx: {
-							width: "82px",
-							display: "flex",
-							justifyContent: "center"
-						},
-						children: c ? (0, Z.jsx)(R, {
-							variant: "caption",
-							noWrap: !0,
-							children: m
-						}) : (0, Z.jsx)(At, {
-							icons: ft(s),
-							order: "descending",
-							size: 14,
-							gap: 3
-						})
-					}),
-					createPopupPanel: p
-				})
-			}),
-			c && (0, Z.jsx)(R, {
-				variant: "caption",
-				sx: { color: "text.secondary" },
-				children: o("conditionalFormat.adoptedIconSet")
-			}),
-			(0, Z.jsxs)(I, {
-				sx: {
-					display: "flex",
-					gap: 1
-				},
-				children: [(0, Z.jsx)(z, {
-					control: (0, Z.jsx)(Be, {
-						size: "small",
-						checked: !1 === t.showValue,
-						disabled: r,
-						onChange: (e) => f({ showValue: !e.target.checked && void 0 })
-					}),
-					label: (0, Z.jsx)(R, {
-						variant: "body2",
-						children: o("conditionalFormat.showIconsOnly")
-					})
-				}), (0, Z.jsx)(z, {
-					control: (0, Z.jsx)(Be, {
-						size: "small",
-						checked: t.reverse ?? !1,
-						disabled: r,
-						onChange: (e) => f({ reverse: !!e.target.checked || void 0 })
-					}),
-					label: (0, Z.jsx)(R, {
-						variant: "body2",
-						children: o("conditionalFormat.reverseIcons")
-					})
-				})]
-			})
-		] }), (0, Z.jsx)(pr, {
-			variant: "config",
-			children: l.map((e, i) => {
-				let a = t.reverse ? u - 1 - i : i;
-				return (0, Z.jsx)(xr, {
-					stop: e,
-					allowedTypes: Pr,
-					showExclusive: !0,
-					readOnly: r || i === 0,
-					leading: (0, Z.jsx)(Nr, {
-						icon: d[i] ?? null,
-						disabled: r || c,
-						onPick: (e) => n(pt(t, a, e))
-					}),
-					onStopChange: (e) => {
-						let t = l.slice();
-						t[i] = e, f({ stops: t });
-					}
-				}, i);
-			})
-		})]
-	});
-});
-Fr.displayName = "IconSetRulePanel";
-var Ir = (e, t, n) => Jt(e, t)?.toCSS("adaptive") ?? n, Lr = (e, t, n) => {
-	if (!e) return n;
-	if (typeof e == "string") return Ir(e, t, n);
-	if (e.type === p.Type.None) return n;
-	let r = e, i = e;
-	return Ir(i.foreground ?? r.color ?? i.background, t, n);
-}, Rr = (0, X.memo)((e) => {
-	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = Y();
-	ue(t, "onAnyChange");
-	let o = t.getScale(), s = t.getStyle(), c = (0, X.useMemo)(() => {
-		try {
-			return i?.getStyles().getNormal().getFont().toCSS("adaptive") ?? {};
-		} catch {
-			return {};
-		}
-	}, [i, a]), l = (0, X.useMemo)(() => {
-		if (o?.type === y.ScaleType.ColorScale) return (0, Z.jsx)(tn, { rows: mn(o.stops ?? [], Tn, i) });
-		if (o?.type === y.ScaleType.DataBar) return (0, Z.jsx)(tn, { rows: rn(o, Ir(o.color, i, Cn), o.borderColor ? Ir(o.borderColor, i, Cn) : void 0) });
-		if (o?.type === y.ScaleType.IconSet) return (0, Z.jsx)(I, {
-			sx: {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "center",
-				width: "100%",
-				height: "100%",
-				px: .5
-			},
-			children: (0, Z.jsx)(At, {
-				icons: et(o),
-				order: "descending",
-				size: 14,
-				gap: 3
-			})
-		});
-		let e = s?.font, t = e?.underline && e.underline !== g.UnderlineStyle.None;
-		return (0, Z.jsx)(I, {
-			sx: {
-				width: "100%",
-				height: "100%",
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "center",
-				...c,
-				backgroundColor: Lr(s?.fill, i, "transparent"),
-				...e?.color && e.color !== "auto" ? { color: Ir(e.color, i, It) } : 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 ${Ir(Object.values(s.borders)[0]?.color, i, Qt)}` : void 0,
-				outlineOffset: "-3px"
-			},
-			children: "Aa"
-		});
-	}, [
-		o,
-		s,
-		n,
-		c,
-		i,
-		a
-	]);
-	return (0, Z.jsx)(J, {
-		sheet: !0,
-		className: "sxl-cf-rule-preview",
-		sx: {
-			width: "auto",
-			minWidth: 1.7 * n + "px",
-			height: `${n}px`
-		},
-		...r,
-		children: l
-	});
-});
-Rr.displayName = "RulePreview";
-var zr = (e, t) => {
-	let n = e.getCondition()?.toString();
-	if (n) return n;
-	let r = e.getScale();
-	return r ? a.camelToPrettyCase(r.type) : t("conditionalFormat.noCondition");
-}, Br = {
-	classic: l("conditionalFormat.tab.classic"),
-	[y.ScaleType.ColorScale]: l("conditionalFormat.tab.colorScale"),
-	[y.ScaleType.DataBar]: l("conditionalFormat.tab.dataBars"),
-	[y.ScaleType.IconSet]: l("conditionalFormat.tab.iconSets")
-}, Vr = (0, X.memo)((e) => {
-	let { conditionalFormat: t } = e, n = M();
-	ue(t, "onAnyChange");
-	let r = t.getScale(), i = t.getCondition(), a = t.getStyle(), o = t.isProtected(), s = r?.type ?? "classic", c = (0, X.useRef)({ scales: {} }), l = (e) => {
-		t.update({ scale: e });
-	}, u = (0, Z.jsxs)(xe, {
-		tabIndex: 0,
-		className: xn["editor-panel"],
-		sx: {
-			gap: (e) => e.spacing(1),
-			paddingTop: (e) => e.spacing(1.25),
-			paddingBottom: (e) => e.spacing(2),
-			paddingLeft: (e) => e.spacing(1.5),
-			paddingRight: (e) => e.spacing(1.5),
-			border: (e) => `1px solid ${e.palette.divider}`,
-			borderRadius: (e) => e.spacing(1.25),
-			overflow: "auto"
-		},
-		children: [
-			(0, Z.jsxs)(I, {
-				sx: {
-					display: "flex",
-					flexDirection: "column",
-					gap: (e) => e.spacing(1.75),
-					margin: (e) => e.spacing(1.25),
-					marginBottom: 0
-				},
-				children: [(0, Z.jsxs)(I, {
-					sx: {
-						display: "flex",
-						alignItems: "center",
-						gap: (e) => e.spacing(1.5)
-					},
-					children: [(0, Z.jsx)(Rr, {
-						conditionalFormat: t,
-						size: 48
-					}), (0, Z.jsx)(R, {
-						variant: "body2",
-						sx: {
-							minWidth: 0,
-							wordBreak: "break-word"
-						},
-						children: zr(t, n)
-					})]
-				}), (0, Z.jsx)(En, {
-					item: t,
-					label: n("conditionalFormat.applyTo")
-				})]
-			}),
-			(0, Z.jsx)(Wt, {
-				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: _.BuiltInOperatorNames.Between,
-									param: null
-								},
-								style: c.current.style ?? null,
-								scale: null
-							});
-							else {
-								let n = c.current.scales[e] ?? (e === y.ScaleType.ColorScale ? St() : e === y.ScaleType.DataBar ? xt() : ot());
-								t.update({
-									scale: n,
-									condition: null,
-									style: null
-								});
-							}
-						}
-					})(n);
-				},
-				variant: "fullWidth",
-				sx: {
-					minHeight: "36px",
-					borderBottom: 1,
-					borderColor: "divider",
-					"& .MuiTab-root": {
-						minHeight: "36px",
-						textTransform: "none",
-						pt: .5,
-						pb: .5,
-						px: .5,
-						minWidth: 0
-					}
-				},
-				children: Object.keys(Br).map((e) => (0, Z.jsx)(Gt, {
-					value: e,
-					label: n(Br[e])
-				}, e))
-			}),
-			s === "classic" && (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsx)(vr, {
-				format: a,
-				readOnly: o,
-				onFormatChange: (e) => t.update({ style: e })
-			}), (0, Z.jsx)(gn, {
-				sx: {
-					..._n,
-					p: 2,
-					pb: 1
-				},
-				selectorTitle: n("conditionalFormat.highlight"),
-				condition: i,
-				ranges: t.getRanges(),
-				readOnly: o,
-				onConditionChange: (e) => t.setCondition(e)
-			})] }),
-			r?.type === y.ScaleType.ColorScale && (0, Z.jsx)(Cr, {
-				scale: r,
-				onScaleChange: l,
-				readOnly: o
-			}),
-			r?.type === y.ScaleType.DataBar && (0, Z.jsx)(Dr, {
-				scale: r,
-				onScaleChange: l,
-				readOnly: o
-			}),
-			r?.type === y.ScaleType.IconSet && (0, Z.jsx)(Fr, {
-				scale: r,
-				onScaleChange: l,
-				readOnly: o
-			}),
-			s === "classic" && (0, Z.jsx)(I, {
-				sx: {
-					pl: 2,
-					pr: 2,
-					border: 1,
-					borderColor: "divider",
-					borderRadius: 1
-				},
-				children: (0, Z.jsx)(z, {
-					control: (0, Z.jsx)(Be, {
-						checked: t.isStopIfTrue(),
-						disabled: o,
-						onChange: (e) => t.setStopIfTrue(e.target.checked)
-					}),
-					label: n("conditionalFormat.stopIfTrue")
-				})
-			})
-		]
-	});
-	return (0, Z.jsx)(pn.Provider, {
-		value: t,
-		children: u
-	});
-});
-Vr.displayName = "ConditionalFormatEditorPanel";
-var Hr = (0, X.memo)(({ item: e }) => {
-	let t = M();
-	return ue(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Z.jsx)(I, {
-		sx: {
-			display: "inline-flex",
-			alignItems: "center",
-			alignSelf: "flex-start",
-			px: .75,
-			py: .25,
-			border: 1,
-			borderColor: "divider",
-			borderRadius: 1,
-			color: "text.secondary"
-		},
-		children: (0, Z.jsx)(R, {
-			variant: "caption",
-			children: t("conditionalFormat.stopIfTrue")
-		})
-	});
-});
-Hr.displayName = "StopIfTrueBadge";
-var Ur = (0, X.memo)(({ item: e }) => {
-	let t = M();
-	return (0, Z.jsx)(En, {
-		item: e,
-		label: t("conditionalFormat.applyTo"),
-		helperText: null
-	});
-});
-Ur.displayName = "ConditionalFormatCardRanges";
-var Wr = {
-	key: "conditional-format",
-	messageKeys: {
-		none: l("conditionalFormat.none"),
-		addPrompt: l("conditionalFormat.addPrompt"),
-		heading: l("conditionalFormat.heading"),
-		insert: l("conditionalFormat.insert"),
-		new: l("conditionalFormat.new"),
-		moveUp: l("conditionalFormat.moveUp"),
-		moveDown: l("conditionalFormat.moveDown"),
-		edit: l("conditionalFormat.edit"),
-		duplicate: l("conditionalFormat.duplicate"),
-		delete: l("conditionalFormat.delete"),
-		cancel: l("conditionalFormat.cancel"),
-		save: l("conditionalFormat.save")
-	},
-	getCollection: (e) => e.getConditionalFormats(),
-	changeEvents: ["onConditionalFormatsChange"],
-	isReadOnly: (e) => !e.getProtection().isFormatCellsAllowed(),
-	applyUpdate: (e, t) => {
-		e.update(t);
-	},
-	validate: (e) => e.getCondition()?.validate() ?? null,
-	applySeed: (e, t) => {
-		e.update({
-			condition: t.condition ?? null,
-			style: t.style ?? null,
-			scale: t.scale ?? null,
-			stopIfTrue: t.stopIfTrue ?? !1
-		});
-	},
-	getCardTitle: zr,
-	CardMedia: ({ item: e }) => (0, Z.jsx)(Rr, {
-		conditionalFormat: e,
-		size: 32
-	}),
-	CardSubtitle: Ur,
-	CardBody: Hr,
-	EditorBody: ({ item: e }) => (0, Z.jsx)(Vr, { conditionalFormat: e })
-}, Gr = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { workbook: n, args: r, ...i } = e;
-	return (0, Z.jsx)(Rt, {
-		ref: t,
-		workbook: n,
-		descriptor: Wr,
-		args: r,
-		dragReorder: !0,
-		...i
-	});
-}));
-Gr.displayName = "ConditionalFormatDetailsPanel";
-var Kr = ["lines"];
-function qr(e) {
-	var t, n, r = "";
-	if (typeof e == "string" || typeof e == "number") r += e;
-	else if (typeof e == "object") {
-		if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (n = qr(e[t])) && (r && (r += " "), r += n);
-		else for (t in e) e[t] && (r && (r += " "), r += t);
-	}
-	return r;
-}
-function Jr() {
-	for (var e, t, n = 0, r = ""; n < arguments.length;) (e = arguments[n++]) && (t = qr(e)) && (r && (r += " "), r += t);
-	return r;
-}
-var Yr = { data: "" }, Xr = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Zr = /\/\*[^]*?\*\/|  +/g, Qr = /\n+/g, $r = (e, t) => {
-	let n = "", r = "", i = "";
-	for (let a in e) {
-		let o = e[a];
-		a[0] == "@" ? a[1] == "i" ? n = a + " " + o + ";" : r += a[1] == "f" ? $r(o, a) : a + "{" + $r(o, a[1] == "k" ? "" : t) + "}" : typeof o == "object" ? r += $r(o, t ? t.replace(/([^,])+/g, (e) => a.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g, (t) => /&/.test(t) ? t.replace(/&/g, e) : e ? e + " " + t : t)) : a) : o != null && (a = a[1] == "-" ? a : a.replace(/[A-Z]/g, "-$&").toLowerCase(), i += $r.p ? $r.p(a, o) : a + ":" + o + ";");
-	}
-	return n + (t && i ? t + "{" + i + "}" : i) + r;
-}, ei = {}, ti = (e) => {
-	if (typeof e == "object") {
-		let t = "";
-		for (let n in e) t += n + ti(e[n]);
-		return t;
-	}
-	return e;
-};
-function ni(e) {
-	let t = this || {}, n = e.call ? e(t.p) : e;
-	return ((e, t, n, r, i) => {
-		let a = ti(e), o = ei[a] || (ei[a] = ((e) => {
-			let t = 0, n = 11;
-			for (; t < e.length;) n = 101 * n + e.charCodeAt(t++) >>> 0;
-			return "go" + n;
-		})(a));
-		if (!ei[o]) {
-			let t = a === e ? ((e) => {
-				let t, n, r = [{}];
-				for (; t = Xr.exec(e.replace(Zr, ""));) t[4] ? r.shift() : t[3] ? (n = t[3].replace(Qr, " ").trim(), r.unshift(r[0][n] = r[0][n] || {})) : r[0][t[1]] = t[2].replace(Qr, " ").trim();
-				return r[0];
-			})(e) : e;
-			ei[o] = $r(i ? { ["@keyframes " + o]: t } : t, n ? "" : "." + o);
-		}
-		let s = n && ei.g;
-		return n && (ei.g = ei[o]), ((e, t, n, r) => {
-			r ? t.data = t.data.replace(r, e) : t.data.indexOf(e) === -1 && (t.data = n ? e + t.data : t.data + e);
-		})(ei[o], t, r, s), o;
-	})(n.unshift ? n.raw ? ((e, t, n) => e.reduce((e, r, i) => {
-		let a = t[i];
-		if (a && a.call) {
-			let e = a(n), t = e && e.props && e.props.className || /^go/.test(e) && e;
-			a = t ? "." + t : e && typeof e == "object" ? e.props ? "" : $r(e, "") : !1 === e ? "" : e;
-		}
-		return e + r + (a ?? "");
-	}, ""))(n, [].slice.call(arguments, 1), t.p) : n.reduce((e, n) => Object.assign(e, n && n.call ? n(t.p) : n), {}) : n, ((e) => {
-		if (typeof window == "object") {
-			let t = (e ? e.querySelector("#_goober") : window._goober) || Object.assign(document.createElement("style"), {
-				innerHTML: " ",
-				id: "_goober"
-			});
-			return t.nonce = window.__nonce__, t.parentNode || (e || document.head).appendChild(t), t.firstChild;
-		}
-		return e || Yr;
-	})(t.target), t.g, t.o, t.k);
-}
-function ri(e, t) {
-	for (var n = 0; n < t.length; n++) {
-		var r = t[n];
-		r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, r.key, r);
-	}
-}
-function ii(e, t, n) {
-	return t && ri(e.prototype, t), n && ri(e, n), e;
-}
-function Q() {
-	return Q = Object.assign || function(e) {
-		for (var t = 1; t < arguments.length; t++) {
-			var n = arguments[t];
-			for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
-		}
-		return e;
-	}, Q.apply(this, arguments);
-}
-function ai(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, e.__proto__ = t;
-}
-function oi(e, t) {
-	if (e == null) return {};
-	for (var n, r = {}, i = Object.keys(e), a = 0; a < i.length; a++) n = i[a], t.indexOf(n) >= 0 || (r[n] = e[n]);
-	return r;
-}
-function si(e) {
-	if (e === void 0) throw ReferenceError("this hasn't been initialised - super() hasn't been called");
-	return e;
-}
-ni.bind({ g: 1 }), ni.bind({ k: 1 });
-var ci = function() {
-	return "";
-}, li = X.createContext({
-	enqueueSnackbar: ci,
-	closeSnackbar: ci
-}), ui = "@media (max-width:599.95px)", di = "@media (min-width:600px)", fi = function(e) {
-	return e.charAt(0).toUpperCase() + e.slice(1);
-}, pi = function(e) {
-	return "" + fi(e.vertical) + fi(e.horizontal);
-}, mi = function(e) {
-	return !!e || e === 0;
-}, hi = "unmounted", gi = "exited", _i = "entering", vi = "entered", yi = "exiting", bi = function(e) {
-	function t(t) {
-		var n, r = e.call(this, t) || this, i = t.appear;
-		return r.appearStatus = null, t.in ? i ? (n = gi, r.appearStatus = _i) : n = vi : n = t.unmountOnExit || t.mountOnEnter ? hi : gi, r.state = { status: n }, r.nextCallback = null, r;
-	}
-	ai(t, e), t.getDerivedStateFromProps = function(e, t) {
-		return e.in && t.status === hi ? { status: gi } : null;
-	};
-	var n = t.prototype;
-	return n.componentDidMount = function() {
-		this.updateStatus(!0, this.appearStatus);
-	}, n.componentDidUpdate = function(e) {
-		var t = null;
-		if (e !== this.props) {
-			var n = this.state.status;
-			this.props.in ? n !== _i && n !== vi && (t = _i) : n !== _i && n !== vi || (t = yi);
-		}
-		this.updateStatus(!1, t);
-	}, n.componentWillUnmount = function() {
-		this.cancelNextCallback();
-	}, n.getTimeouts = function() {
-		var e = this.props.timeout, t = e, n = e;
-		return e != null && typeof e != "number" && typeof e != "string" && (n = e.exit, t = e.enter), {
-			exit: n,
-			enter: t
-		};
-	}, n.updateStatus = function(e, t) {
-		e === void 0 && (e = !1), t === null ? this.props.unmountOnExit && this.state.status === gi && this.setState({ status: hi }) : (this.cancelNextCallback(), t === _i ? this.performEnter(e) : this.performExit());
-	}, n.performEnter = function(e) {
-		var t = this, n = this.props.enter, r = e, i = this.getTimeouts();
-		e || n ? (this.props.onEnter && this.props.onEnter(this.node, r), this.safeSetState({ status: _i }, function() {
-			t.props.onEntering && t.props.onEntering(t.node, r), t.onTransitionEnd(i.enter, function() {
-				t.safeSetState({ status: vi }, function() {
-					t.props.onEntered && t.props.onEntered(t.node, r);
-				});
-			});
-		})) : this.safeSetState({ status: vi }, function() {
-			t.props.onEntered && t.props.onEntered(t.node, r);
-		});
-	}, n.performExit = function() {
-		var e = this, t = this.props.exit, n = this.getTimeouts();
-		t ? (this.props.onExit && this.props.onExit(this.node), this.safeSetState({ status: yi }, function() {
-			e.props.onExiting && e.props.onExiting(e.node), e.onTransitionEnd(n.exit, function() {
-				e.safeSetState({ status: gi }, function() {
-					e.props.onExited && e.props.onExited(e.node);
-				});
-			});
-		})) : this.safeSetState({ status: gi }, function() {
-			e.props.onExited && e.props.onExited(e.node);
-		});
-	}, n.cancelNextCallback = function() {
-		this.nextCallback !== null && this.nextCallback.cancel && (this.nextCallback.cancel(), this.nextCallback = null);
-	}, n.safeSetState = function(e, t) {
-		t = this.setNextCallback(t), this.setState(e, t);
-	}, n.setNextCallback = function(e) {
-		var t = this, n = !0;
-		return this.nextCallback = function() {
-			n && (n = !1, t.nextCallback = null, e());
-		}, this.nextCallback.cancel = function() {
-			n = !1;
-		}, this.nextCallback;
-	}, n.onTransitionEnd = function(e, t) {
-		this.setNextCallback(t);
-		var n = e == null && !this.props.addEndListener;
-		this.node && !n ? (this.props.addEndListener && this.props.addEndListener(this.node, this.nextCallback), e != null && setTimeout(this.nextCallback, e)) : setTimeout(this.nextCallback, 0);
-	}, n.render = function() {
-		var e = this.state.status;
-		if (e === hi) return null;
-		var t = this.props;
-		return (0, t.children)(e, oi(t, [
-			"children",
-			"in",
-			"mountOnEnter",
-			"unmountOnExit",
-			"appear",
-			"enter",
-			"exit",
-			"timeout",
-			"addEndListener",
-			"onEnter",
-			"onEntering",
-			"onEntered",
-			"onExit",
-			"onExiting",
-			"onExited",
-			"nodeRef"
-		]));
-	}, ii(t, [{
-		key: "node",
-		get: function() {
-			var e = this.props.nodeRef?.current;
-			if (!e) throw Error("notistack - Custom snackbar is not refForwarding");
-			return e;
-		}
-	}]), t;
-}(X.Component);
-function xi() {}
-function Si(e, t) {
-	typeof e == "function" ? e(t) : e && (e.current = t);
-}
-function Ci(e, t) {
-	return (0, X.useMemo)(function() {
-		return e == null && t == null ? null : function(n) {
-			Si(e, n), Si(t, n);
-		};
-	}, [e, t]);
-}
-function wi(e) {
-	var t = e.timeout, n = e.style, r = n === void 0 ? {} : n, i = e.mode;
-	return {
-		duration: typeof t == "object" ? t[i] || 0 : t,
-		easing: r.transitionTimingFunction,
-		delay: r.transitionDelay
-	};
-}
-bi.defaultProps = {
-	in: !1,
-	mountOnEnter: !1,
-	unmountOnExit: !1,
-	appear: !1,
-	enter: !0,
-	exit: !0,
-	onEnter: xi,
-	onEntering: xi,
-	onEntered: xi,
-	onExit: xi,
-	onExiting: xi,
-	onExited: xi
-};
-var Ti = function(e) {
-	e.scrollTop = e.scrollTop;
-}, Ei = function(e) {
-	return Math.round(e) + "ms";
-};
-function Di(e, t) {
-	e === void 0 && (e = ["all"]);
-	var n = t || {}, r = n.duration, i = r === void 0 ? 300 : r, a = n.easing, o = a === void 0 ? "cubic-bezier(0.4, 0, 0.2, 1)" : a, s = n.delay, c = s === void 0 ? 0 : s;
-	return (Array.isArray(e) ? e : [e]).map(function(e) {
-		var t = typeof i == "string" ? i : Ei(i), n = typeof c == "string" ? c : Ei(c);
-		return e + " " + t + " " + o + " " + n;
-	}).join(",");
-}
-function Oi(e) {
-	return function(e) {
-		return e && e.ownerDocument || document;
-	}(e).defaultView || window;
-}
-function ki(e, t) {
-	if (t) {
-		var n = function(e, t) {
-			var n, r = t.getBoundingClientRect(), i = Oi(t);
-			if (t.fakeTransform) n = t.fakeTransform;
-			else {
-				var a = i.getComputedStyle(t);
-				n = a.getPropertyValue("-webkit-transform") || a.getPropertyValue("transform");
-			}
-			var o = 0, s = 0;
-			if (n && n !== "none" && typeof n == "string") {
-				var c = n.split("(")[1].split(")")[0].split(",");
-				o = parseInt(c[4], 10), s = parseInt(c[5], 10);
-			}
-			switch (e) {
-				case "left": return "translateX(" + (i.innerWidth + o - r.left) + "px)";
-				case "right": return "translateX(-" + (r.left + r.width - o) + "px)";
-				case "up": return "translateY(" + (i.innerHeight + s - r.top) + "px)";
-				default: return "translateY(-" + (r.top + r.height - s) + "px)";
-			}
-		}(e, t);
-		n && (t.style.webkitTransform = n, t.style.transform = n);
-	}
-}
-var Ai = (0, X.forwardRef)(function(e, t) {
-	var n = e.children, r = e.direction, i = r === void 0 ? "down" : r, a = e.in, o = e.style, s = e.timeout, c = s === void 0 ? 0 : s, l = e.onEnter, u = e.onEntered, d = e.onExit, f = e.onExited, p = oi(e, [
-		"children",
-		"direction",
-		"in",
-		"style",
-		"timeout",
-		"onEnter",
-		"onEntered",
-		"onExit",
-		"onExited"
-	]), m = (0, X.useRef)(null), h = Ci(Ci(n.ref, m), t), g = (0, X.useCallback)(function() {
-		m.current && ki(i, m.current);
-	}, [i]);
-	return (0, X.useEffect)(function() {
-		if (!a && i !== "down" && i !== "right") {
-			var e = function(e, t) {
-				var n;
-				function r() {
-					for (var r = this, i = arguments.length, a = Array(i), o = 0; o < i; o++) a[o] = arguments[o];
-					clearTimeout(n), n = setTimeout(function() {
-						e.apply(r, a);
-					}, t);
-				}
-				return t === void 0 && (t = 166), r.clear = function() {
-					clearTimeout(n);
-				}, r;
-			}(function() {
-				m.current && ki(i, m.current);
-			}), t = Oi(m.current);
-			return t.addEventListener("resize", e), function() {
-				e.clear(), t.removeEventListener("resize", e);
-			};
-		}
-	}, [i, a]), (0, X.useEffect)(function() {
-		a || g();
-	}, [a, g]), (0, X.createElement)(bi, Object.assign({
-		appear: !0,
-		nodeRef: m,
-		onEnter: function(e, t) {
-			ki(i, e), Ti(e), l && l(e, t);
-		},
-		onEntered: u,
-		onEntering: function(e) {
-			var t = wi({
-				timeout: c,
-				mode: "enter",
-				style: Q({}, o, { transitionTimingFunction: o?.transitionTimingFunction || "cubic-bezier(0.0, 0, 0.2, 1)" })
-			});
-			e.style.webkitTransition = Di("-webkit-transform", t), e.style.transition = Di("transform", t), e.style.webkitTransform = "none", e.style.transform = "none";
-		},
-		onExit: function(e) {
-			var t = wi({
-				timeout: c,
-				mode: "exit",
-				style: Q({}, o, { transitionTimingFunction: o?.transitionTimingFunction || "cubic-bezier(0.4, 0, 0.6, 1)" })
-			});
-			e.style.webkitTransition = Di("-webkit-transform", t), e.style.transition = Di("transform", t), ki(i, e), d && d(e);
-		},
-		onExited: function(e) {
-			e.style.webkitTransition = "", e.style.transition = "", f && f(e);
-		},
-		in: a,
-		timeout: c
-	}, p), function(e, t) {
-		return (0, X.cloneElement)(n, Q({
-			ref: h,
-			style: Q({ visibility: e !== "exited" || a ? void 0 : "hidden" }, o, {}, n.props.style)
-		}, t));
-	});
-});
-Ai.displayName = "Slide";
-var ji = function(e) {
-	return X.createElement("svg", Object.assign({
-		viewBox: "0 0 24 24",
-		focusable: "false",
-		style: {
-			fontSize: 20,
-			marginInlineEnd: 8,
-			userSelect: "none",
-			width: "1em",
-			height: "1em",
-			display: "inline-block",
-			fill: "currentColor",
-			flexShrink: 0
-		}
-	}, e));
-}, Mi = {
-	maxSnack: 3,
-	persist: !1,
-	hideIconVariant: !1,
-	disableWindowBlurListener: !1,
-	variant: "default",
-	autoHideDuration: 5e3,
-	iconVariant: {
-		default: void 0,
-		success: X.createElement(function() {
-			return X.createElement(ji, null, X.createElement("path", { d: "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41\n        10.59L10 14.17L17.59 6.58L19 8L10 17Z" }));
-		}, null),
-		warning: X.createElement(function() {
-			return X.createElement(ji, null, X.createElement("path", { d: "M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z" }));
-		}, null),
-		error: X.createElement(function() {
-			return X.createElement(ji, null, X.createElement("path", { d: "M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,\n        6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,\n        13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z" }));
-		}, null),
-		info: X.createElement(function() {
-			return X.createElement(ji, null, X.createElement("path", { d: "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,\n        0 22,12A10,10 0 0,0 12,2Z" }));
-		}, null)
-	},
-	anchorOrigin: {
-		vertical: "bottom",
-		horizontal: "left"
-	},
-	TransitionComponent: Ai,
-	transitionDuration: {
-		enter: 225,
-		exit: 195
-	}
-};
-function Ni(e) {
-	return Object.entries(e).reduce(function(e, t) {
-		var n, r = t[0], i = t[1];
-		return Q({}, e, ((n = {})[r] = ni(i), n));
-	}, {});
-}
-var Pi = "notistack-CollapseWrapper", Fi = function(e) {
-	return "notistack-MuiContent-" + e;
-}, Ii = Ni({
-	root: { height: 0 },
-	entered: { height: "auto" }
-}), Li = "0px", Ri = (0, X.forwardRef)(function(e, t) {
-	var n = e.children, r = e.in, i = e.onExited, a = (0, X.useRef)(null), o = (0, X.useRef)(null), s = Ci(t, o), c = function() {
-		return a.current ? a.current.clientHeight : 0;
-	};
-	return (0, X.createElement)(bi, {
-		in: r,
-		unmountOnExit: !0,
-		onEnter: function(e) {
-			e.style.height = Li;
-		},
-		onEntered: function(e) {
-			e.style.height = "auto";
-		},
-		onEntering: function(e) {
-			var t = c(), n = wi({
-				timeout: 175,
-				mode: "enter"
-			}), r = n.duration, i = n.easing;
-			e.style.transitionDuration = typeof r == "string" ? r : r + "ms", e.style.height = t + "px", e.style.transitionTimingFunction = i || "";
-		},
-		onExit: function(e) {
-			e.style.height = c() + "px";
-		},
-		onExited: i,
-		onExiting: function(e) {
-			Ti(e);
-			var t = wi({
-				timeout: 175,
-				mode: "exit"
-			}), n = t.duration, r = t.easing;
-			e.style.transitionDuration = typeof n == "string" ? n : n + "ms", e.style.height = Li, e.style.transitionTimingFunction = r || "";
-		},
-		nodeRef: o,
-		timeout: 175
-	}, function(e, t) {
-		return (0, X.createElement)("div", Object.assign({
-			ref: s,
-			className: Jr(Ii.root, e === "entered" && Ii.entered),
-			style: Q({
-				pointerEvents: "all",
-				overflow: "hidden",
-				minHeight: Li,
-				transition: Di("height")
-			}, e === "entered" && { overflow: "visible" }, {}, e === "exited" && !r && { visibility: "hidden" })
-		}, t), (0, X.createElement)("div", {
-			ref: a,
-			className: Pi,
-			style: {
-				display: "flex",
-				width: "100%"
-			}
-		}, n));
-	});
-});
-Ri.displayName = "Collapse";
-var zi = {
-	right: "left",
-	left: "right",
-	bottom: "up",
-	top: "down"
-}, Bi = function(e) {
-	return "anchorOrigin" + pi(e);
-}, Vi = function() {};
-function Hi(e, t) {
-	return e.reduce(function(e, n) {
-		return n == null ? e : function() {
-			var r = [...arguments], i = [].concat(r);
-			t && i.indexOf(t) === -1 && i.push(t), e.apply(this, i), n.apply(this, i);
-		};
-	}, Vi);
-}
-var Ui, Wi = typeof window < "u" ? X.useLayoutEffect : X.useEffect;
-function Gi(e) {
-	var t = (0, X.useRef)(e);
-	return Wi(function() {
-		t.current = e;
-	}), (0, X.useCallback)(function() {
-		return t.current.apply(void 0, arguments);
-	}, []);
-}
-var Ki = (0, X.forwardRef)(function(e, t) {
-	var n = e.children, r = e.className, i = e.autoHideDuration, a = e.disableWindowBlurListener, o = a !== void 0 && a, s = e.onClose, c = e.id, l = e.open, u = e.SnackbarProps, d = u === void 0 ? {} : u, f = (0, X.useRef)(), p = Gi(function() {
-		s && s.apply(void 0, arguments);
-	}), m = Gi(function(e) {
-		s && e != null && (f.current && clearTimeout(f.current), f.current = setTimeout(function() {
-			p(null, "timeout", c);
-		}, e));
-	});
-	(0, X.useEffect)(function() {
-		return l && m(i), function() {
-			f.current && clearTimeout(f.current);
-		};
-	}, [
-		l,
-		i,
-		m
-	]);
-	var h = function() {
-		f.current && clearTimeout(f.current);
-	}, g = (0, X.useCallback)(function() {
-		i != null && m(.5 * i);
-	}, [i, m]);
-	return (0, X.useEffect)(function() {
-		if (!o && l) return window.addEventListener("focus", g), window.addEventListener("blur", h), function() {
-			window.removeEventListener("focus", g), window.removeEventListener("blur", h);
-		};
-	}, [
-		o,
-		g,
-		l
-	]), (0, X.createElement)("div", Object.assign({ ref: t }, d, {
-		className: Jr("notistack-Snackbar", r),
-		onMouseEnter: function(e) {
-			d.onMouseEnter && d.onMouseEnter(e), h();
-		},
-		onMouseLeave: function(e) {
-			d.onMouseLeave && d.onMouseLeave(e), g();
-		}
-	}), n);
-});
-Ki.displayName = "Snackbar";
-var qi = Ni({ root: (Ui = {
-	display: "flex",
-	flexWrap: "wrap",
-	flexGrow: 1
-}, Ui[di] = {
-	flexGrow: "initial",
-	minWidth: "288px"
-}, Ui) }), Ji = (0, X.forwardRef)(function(e, t) {
-	var n = e.className, r = oi(e, ["className"]);
-	return X.createElement("div", Object.assign({
-		ref: t,
-		className: Jr(qi.root, n)
-	}, r));
-});
-Ji.displayName = "SnackbarContent";
-var Yi, Xi, Zi, Qi, $i, ea = Ni({
-	root: {
-		backgroundColor: "#313131",
-		fontSize: "0.875rem",
-		lineHeight: 1.43,
-		letterSpacing: "0.01071em",
-		color: "#fff",
-		alignItems: "center",
-		padding: "6px 16px",
-		borderRadius: "4px",
-		boxShadow: "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)"
-	},
-	lessPadding: { paddingLeft: "20px" },
-	default: { backgroundColor: "#313131" },
-	success: { backgroundColor: "#43a047" },
-	error: { backgroundColor: "#d32f2f" },
-	warning: { backgroundColor: "#ff9800" },
-	info: { backgroundColor: "#2196f3" },
-	message: {
-		display: "flex",
-		alignItems: "center",
-		padding: "8px 0"
-	},
-	action: {
-		display: "flex",
-		alignItems: "center",
-		marginLeft: "auto",
-		paddingLeft: "16px",
-		marginRight: "-8px"
-	}
-}), ta = "notistack-snackbar", na = (0, X.forwardRef)(function(e, t) {
-	var n = e.id, r = e.message, i = e.action, a = e.iconVariant, o = e.variant, s = e.hideIconVariant, c = e.style, l = e.className, u = a[o], d = i;
-	return typeof d == "function" && (d = d(n)), X.createElement(Ji, {
-		ref: t,
-		role: "alert",
-		"aria-describedby": ta,
-		style: c,
-		className: Jr("notistack-MuiContent", Fi(o), ea.root, ea[o], l, !s && u && ea.lessPadding)
-	}, X.createElement("div", {
-		id: ta,
-		className: ea.message
-	}, s ? null : u, r), d && X.createElement("div", { className: ea.action }, d));
-});
-na.displayName = "MaterialDesignContent";
-var ra = (0, X.memo)(na), ia = Ni({ wrappedRoot: {
-	width: "100%",
-	position: "relative",
-	transform: "translateX(0)",
-	top: 0,
-	right: 0,
-	bottom: 0,
-	left: 0,
-	minWidth: "288px"
-} }), aa = function(e) {
-	var t = (0, X.useRef)(), n = (0, X.useState)(!0), r = n[0], i = n[1], a = Hi([e.snack.onClose, e.onClose]), o = (0, X.useCallback)(function() {
-		t.current = setTimeout(function() {
-			i(function(e) {
-				return !e;
-			});
-		}, 125);
-	}, []);
-	(0, X.useEffect)(function() {
-		return function() {
-			t.current && clearTimeout(t.current);
-		};
-	}, []);
-	var s, c = e.snack, l = e.classes, u = e.Component, d = u === void 0 ? ra : u, f = (0, X.useMemo)(function() {
-		return function(e) {
-			e === void 0 && (e = {});
-			var t = {
-				containerRoot: !0,
-				containerAnchorOriginTopCenter: !0,
-				containerAnchorOriginBottomCenter: !0,
-				containerAnchorOriginTopRight: !0,
-				containerAnchorOriginBottomRight: !0,
-				containerAnchorOriginTopLeft: !0,
-				containerAnchorOriginBottomLeft: !0
-			};
-			return Object.keys(e).filter(function(e) {
-				return !t[e];
-			}).reduce(function(t, n) {
-				var r;
-				return Q({}, t, ((r = {})[n] = e[n], r));
-			}, {});
-		}(l);
-	}, [l]), p = c.open, m = c.SnackbarProps, h = c.TransitionComponent, g = c.TransitionProps, _ = c.transitionDuration, v = c.disableWindowBlurListener, y = c.content, b = oi(c, [
-		"open",
-		"SnackbarProps",
-		"TransitionComponent",
-		"TransitionProps",
-		"transitionDuration",
-		"disableWindowBlurListener",
-		"content",
-		"entered",
-		"requestClose",
-		"onEnter",
-		"onEntered",
-		"onExit",
-		"onExited"
-	]), x = Q({
-		direction: (s = b.anchorOrigin, s.horizontal === "center" ? zi[s.vertical] : zi[s.horizontal]),
-		timeout: _
-	}, g), S = y;
-	typeof S == "function" && (S = S(b.id, b.message));
-	var C = [
-		"onEnter",
-		"onEntered",
-		"onExit",
-		"onExited"
-	].reduce(function(t, n) {
-		var r;
-		return Q({}, t, ((r = {})[n] = Hi([e.snack[n], e[n]], b.id), r));
-	}, {});
-	return X.createElement(Ri, {
-		in: r,
-		onExited: C.onExited
-	}, X.createElement(Ki, {
-		open: p,
-		id: b.id,
-		disableWindowBlurListener: v,
-		autoHideDuration: b.autoHideDuration,
-		className: Jr(ia.wrappedRoot, f.root, f[Bi(b.anchorOrigin)]),
-		SnackbarProps: m,
-		onClose: a
-	}, X.createElement(h, Object.assign({}, x, {
-		appear: !0,
-		in: p,
-		onExit: C.onExit,
-		onExited: o,
-		onEnter: C.onEnter,
-		onEntered: Hi([C.onEntered, function() {
-			e.snack.requestClose && a(null, "instructed", e.snack.id);
-		}], b.id)
-	}), S || X.createElement(d, Object.assign({}, b)))));
-}, oa = 20, sa = 6, ca = 2, la = "." + Pi, ua = Ni({
-	root: (Yi = {
-		boxSizing: "border-box",
-		display: "flex",
-		maxHeight: "100%",
-		position: "fixed",
-		zIndex: 1400,
-		height: "auto",
-		width: "auto",
-		transition: Di([
-			"top",
-			"right",
-			"bottom",
-			"left",
-			"max-width"
-		], {
-			duration: 300,
-			easing: "ease"
-		}),
-		pointerEvents: "none"
-	}, Yi[la] = {
-		padding: sa + "px 0px",
-		transition: "padding 300ms ease 0ms"
-	}, Yi.maxWidth = "calc(100% - " + 2 * oa + "px)", Yi[ui] = {
-		width: "100%",
-		maxWidth: "calc(100% - 32px)"
-	}, Yi),
-	rootDense: (Xi = {}, Xi[la] = { padding: ca + "px 0px" }, Xi),
-	top: {
-		top: oa - sa + "px",
-		flexDirection: "column"
-	},
-	bottom: {
-		bottom: oa - sa + "px",
-		flexDirection: "column-reverse"
-	},
-	left: (Zi = { left: oa + "px" }, Zi[di] = { alignItems: "flex-start" }, Zi[ui] = { left: "16px" }, Zi),
-	right: (Qi = { right: oa + "px" }, Qi[di] = { alignItems: "flex-end" }, Qi[ui] = { right: "16px" }, Qi),
-	center: ($i = {
-		left: "50%",
-		transform: "translateX(-50%)"
-	}, $i[di] = { alignItems: "center" }, $i)
-}), da = (0, X.memo)(function(e) {
-	var t = e.classes, n = t === void 0 ? {} : t, r = e.anchorOrigin, i = e.dense, a = e.children, o = Jr("notistack-SnackbarContainer", ua[r.vertical], ua[r.horizontal], ua.root, n.containerRoot, n["containerAnchorOrigin" + pi(r)], i && ua.rootDense);
-	return X.createElement("div", { className: o }, a);
-}), fa = function(e) {
-	return !(typeof e == "string" || (0, X.isValidElement)(e));
-}, pa = function(e) {
-	function t(t) {
-		var n = e.call(this, t) || this;
-		return n.enqueueSnackbar = function(e, t) {
-			if (t === void 0 && (t = {}), e == null) throw Error("enqueueSnackbar called with invalid argument");
-			var r = fa(e) ? e : t, i = fa(e) ? e.message : e, a = r.key, o = r.preventDuplicate, s = oi(r, ["key", "preventDuplicate"]), c = mi(a), l = c ? a : (/* @__PURE__ */ new Date()).getTime() + Math.random(), u = function(e, t) {
-				return function(n, r) {
-					return r === void 0 && (r = !1), r ? Q({}, Mi[n], {}, t[n], {}, e[n]) : n === "autoHideDuration" ? (i = e.autoHideDuration, a = t.autoHideDuration, (o = function(e) {
-						return typeof e == "number" || e === null;
-					})(i) ? i : o(a) ? a : Mi.autoHideDuration) : n === "transitionDuration" ? function(e, t) {
-						var n = function(e, t) {
-							return t.some(function(t) {
-								return typeof e === t;
-							});
-						};
-						return n(e, ["string", "number"]) ? e : n(e, ["object"]) ? Q({}, Mi.transitionDuration, {}, n(t, ["object"]) && t, {}, e) : n(t, ["string", "number"]) ? t : n(t, ["object"]) ? Q({}, Mi.transitionDuration, {}, t) : Mi.transitionDuration;
-					}(e.transitionDuration, t.transitionDuration) : e[n] || t[n] || Mi[n];
-					var i, a, o;
-				};
-			}(s, n.props), d = Q({ id: l }, s, {
-				message: i,
-				open: !0,
-				entered: !1,
-				requestClose: !1,
-				persist: u("persist"),
-				action: u("action"),
-				content: u("content"),
-				variant: u("variant"),
-				anchorOrigin: u("anchorOrigin"),
-				disableWindowBlurListener: u("disableWindowBlurListener"),
-				autoHideDuration: u("autoHideDuration"),
-				hideIconVariant: u("hideIconVariant"),
-				TransitionComponent: u("TransitionComponent"),
-				transitionDuration: u("transitionDuration"),
-				TransitionProps: u("TransitionProps", !0),
-				iconVariant: u("iconVariant", !0),
-				style: u("style", !0),
-				SnackbarProps: u("SnackbarProps", !0),
-				className: Jr(n.props.className, s.className)
-			});
-			return d.persist && (d.autoHideDuration = void 0), n.setState(function(e) {
-				if (o === void 0 && n.props.preventDuplicate || o) {
-					var t = function(e) {
-						return c ? e.id === l : e.message === i;
-					}, r = e.queue.findIndex(t) > -1, a = e.snacks.findIndex(t) > -1;
-					if (r || a) return e;
-				}
-				return n.handleDisplaySnack(Q({}, e, { queue: [].concat(e.queue, [d]) }));
-			}), l;
-		}, n.handleDisplaySnack = function(e) {
-			return e.snacks.length >= n.maxSnack ? n.handleDismissOldest(e) : n.processQueue(e);
-		}, n.processQueue = function(e) {
-			var t = e.queue, n = e.snacks;
-			return t.length > 0 ? Q({}, e, {
-				snacks: [].concat(n, [t[0]]),
-				queue: t.slice(1, t.length)
-			}) : e;
-		}, n.handleDismissOldest = function(e) {
-			if (e.snacks.some(function(e) {
-				return !e.open || e.requestClose;
-			})) return e;
-			var t = !1, r = !1;
-			e.snacks.reduce(function(e, t) {
-				return e + (t.open && t.persist ? 1 : 0);
-			}, 0) === n.maxSnack && (r = !0);
-			var i = e.snacks.map(function(e) {
-				return t || e.persist && !r ? Q({}, e) : (t = !0, e.entered ? (e.onClose && e.onClose(null, "maxsnack", e.id), n.props.onClose && n.props.onClose(null, "maxsnack", e.id), Q({}, e, { open: !1 })) : Q({}, e, { requestClose: !0 }));
-			});
-			return Q({}, e, { snacks: i });
-		}, n.handleEnteredSnack = function(e, t, r) {
-			if (!mi(r)) throw Error("handleEnteredSnack Cannot be called with undefined key");
-			n.setState(function(e) {
-				return { snacks: e.snacks.map(function(e) {
-					return e.id === r ? Q({}, e, { entered: !0 }) : Q({}, e);
-				}) };
-			});
-		}, n.handleCloseSnack = function(e, t, r) {
-			n.props.onClose && n.props.onClose(e, t, r);
-			var i = r === void 0;
-			n.setState(function(e) {
-				var t = e.snacks, n = e.queue;
-				return {
-					snacks: t.map(function(e) {
-						return i || e.id === r ? e.entered ? Q({}, e, { open: !1 }) : Q({}, e, { requestClose: !0 }) : Q({}, e);
-					}),
-					queue: n.filter(function(e) {
-						return e.id !== r;
-					})
-				};
-			});
-		}, n.closeSnackbar = function(e) {
-			var t = n.state.snacks.find(function(t) {
-				return t.id === e;
-			});
-			mi(e) && t && t.onClose && t.onClose(null, "instructed", e), n.handleCloseSnack(null, "instructed", e);
-		}, n.handleExitedSnack = function(e, t) {
-			if (!mi(t)) throw Error("handleExitedSnack Cannot be called with undefined key");
-			n.setState(function(e) {
-				var r = n.processQueue(Q({}, e, { snacks: e.snacks.filter(function(e) {
-					return e.id !== t;
-				}) }));
-				return r.queue.length === 0 ? r : n.handleDismissOldest(r);
-			});
-		}, n.enqueueSnackbar, n.closeSnackbar, n.state = {
-			snacks: [],
-			queue: [],
-			contextValue: {
-				enqueueSnackbar: n.enqueueSnackbar.bind(si(n)),
-				closeSnackbar: n.closeSnackbar.bind(si(n))
-			}
-		}, n;
-	}
-	return ai(t, e), t.prototype.render = function() {
-		var e = this, t = this.state.contextValue, n = this.props, r = n.domRoot, i = n.children, a = n.dense, o = a !== void 0 && a, s = n.Components, c = s === void 0 ? {} : s, l = n.classes, u = this.state.snacks.reduce(function(e, t) {
-			var n, r = pi(t.anchorOrigin), i = e[r] || [];
-			return Q({}, e, ((n = {})[r] = [].concat(i, [t]), n));
-		}, {}), d = Object.keys(u).map(function(t) {
-			var n = u[t], r = n[0];
-			return X.createElement(da, {
-				key: t,
-				dense: o,
-				anchorOrigin: r.anchorOrigin,
-				classes: l
-			}, n.map(function(t) {
-				return X.createElement(aa, {
-					key: t.id,
-					snack: t,
-					classes: l,
-					Component: c[t.variant],
-					onClose: e.handleCloseSnack,
-					onEnter: e.props.onEnter,
-					onExit: e.props.onExit,
-					onExited: Hi([e.handleExitedSnack, e.props.onExited], t.id),
-					onEntered: Hi([e.handleEnteredSnack, e.props.onEntered], t.id)
-				});
-			}));
-		});
-		return X.createElement(li.Provider, { value: t }, i, r ? (0, fr.createPortal)(d, r) : d);
-	}, ii(t, [{
-		key: "maxSnack",
-		get: function() {
-			return this.props.maxSnack || Mi.maxSnack;
-		}
-	}]), t;
-}(X.Component), ma = function() {
-	return (0, X.useContext)(li);
-}, $ = {
-	card: "_card_h0jnt_7",
-	actionRoot: "_actionRoot_h0jnt_11",
-	icons: "_icons_h0jnt_16",
-	expand: "_expand_h0jnt_22",
-	expandOpen: "_expandOpen_h0jnt_29",
-	stackTraceContainer: "_stackTraceContainer_h0jnt_33",
-	paper: "_paper_h0jnt_37",
-	checkIcon: "_checkIcon_h0jnt_42",
-	button: "_button_h0jnt_47"
-}, ha = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { id: n, message: i, iconVariant: a, error: o, hideIconVariant: s, ...c } = e, l = M(), { closeSnackbar: u } = ma(), [f, p] = (0, X.useState)(!1), m = o ? r.collectErrorChain(o, !0)?.[0]?.error : void 0, h = m && !(m instanceof d), g = (0, X.useCallback)(() => {
-		p((e) => !e);
-	}, []), _ = (0, X.useCallback)(() => {
-		u(n);
-	}, [n, u]), v = m?.message;
-	return !v && (0, X.isValidElement)(i) && (v = i), v || typeof i != "string" || (v = i), v ||= `Unknown Error: ${i}`, (0, Z.jsx)(Ji, {
-		ref: t,
-		className: Mt($.root, "error-snackbar"),
-		children: (0, Z.jsxs)(tr, {
-			className: $.card,
-			style: {
-				backgroundColor: "var(--sxl-color-error)",
-				color: "var(--sxl-color-error-content)",
-				border: "1px solid var(--sxl-color-error)"
-			},
-			children: [(0, Z.jsxs)(ir, {
-				className: $.actionRoot,
-				children: [
-					s ? null : a?.error,
-					(0, Z.jsx)(R, {
-						variant: "body2",
-						component: "div",
-						className: $.typography,
-						children: v
-					}),
-					(0, Z.jsx)("div", { style: { flex: "1 1 auto" } }),
-					(0, Z.jsxs)("div", {
-						className: $.icons,
-						children: [h ? (0, Z.jsx)(Se, {
-							"aria-label": l("toast.showMore"),
-							size: "small",
-							className: Mt($.expand, { [$.expandOpen]: f }),
-							onClick: g,
-							children: (0, Z.jsx)(b, { iconKey: "ExpandMore" })
-						}) : null, (0, Z.jsx)(Se, {
-							size: "small",
-							className: $.expand,
-							onClick: _,
-							children: (0, Z.jsx)(b, {
-								iconKey: "Close",
-								style: { transform: "scale(0.8)" }
-							})
-						})]
-					})
-				]
-			}), h ? (0, Z.jsx)(Ut, {
-				in: f,
-				timeout: "auto",
-				children: (0, Z.jsx)("div", {
-					className: $.stackTraceContainer,
-					style: {
-						backgroundColor: "color-mix(in srgb, var(--sxl-color-error) 90%, var(--sxl-color-base-100))",
-						borderTop: "1px solid var(--sxl-color-error)"
-					},
-					children: (0, Z.jsx)(We, {
-						error: o,
-						hideLineNumbers: !0
-					})
-				})
-			}) : null]
-		})
-	});
-}));
-ha.displayName = "ToastError";
-var ga = (0, Z.jsx)(() => {
-	let e = M();
-	return (0, Z.jsx)(Oe, {
-		label: "SheetXL",
-		description: e("logo.description"),
-		children: (0, Z.jsx)(I, {
-			component: "a",
-			href: "https://www.sheetxl.com",
-			target: "_blank",
-			rel: "noopener noreferrer",
-			sx: {
-				display: "inline-flex",
-				width: "24px",
-				height: "24px",
-				marginBottom: "4px",
-				marginLeft: "6px",
-				cursor: "pointer"
-			},
-			children: (0, Z.jsx)(it, { style: {
-				width: "24px",
-				height: "24px"
-			} })
-		})
-	});
-}, {}), _a = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { workbook: n, className: r, logo: i = ga, mainElement: a, startElement: o, endElement: s, ...c } = e, [l, { width: u }] = oe(), d = u < 530, f = (0, X.useRef)(null), p = un([
-		f,
-		l,
-		t
-	]);
-	return (0, Z.jsx)(I, {
-		...c,
-		ref: p,
-		className: r,
-		children: bn({
-			isCompact: d,
-			wrapperSelect: (e) => (0, Z.jsxs)(I, {
-				sx: {
-					display: "grid",
-					gridTemplateColumns: "1fr auto 1fr",
-					flex: "1",
-					alignItems: "stretch",
-					gap: (e) => e.spacing(1),
-					paddingLeft: (e) => e.spacing(1),
-					paddingRight: (e) => e.spacing(1)
-				},
-				children: [
-					(0, Z.jsxs)(I, {
-						sx: {
-							display: "flex",
-							flexDirection: "row",
-							alignItems: "center",
-							justifyContent: "start",
-							gap: (e) => e.spacing(.5)
-						},
-						children: [i, (0, Z.jsxs)(I, {
-							sx: {
-								display: "flex",
-								flexDirection: "row",
-								alignItems: "center",
-								gap: (e) => e.spacing(.25)
-							},
-							children: [o, e]
-						})]
-					}),
-					(0, Z.jsx)(I, {
-						sx: {
-							display: "flex",
-							flexDirection: "row",
-							minWidth: 0,
-							overflow: "hidden",
-							alignItems: "center",
-							justifyContent: "center"
-						},
-						children: a
-					}),
-					(0, Z.jsx)(I, {
-						sx: {
-							display: "flex",
-							alignItems: "center",
-							justifyContent: "end"
-						},
-						children: s
-					})
-				]
-			})
-		})
-	});
-}));
-_a.displayName = "StudioToolbar";
-var va = (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-" + a.uuidV4(), "popup=true");
-}, ya = Qe(f("studio:shortcutKeysDialog", () => import("./0vqRTRN0wEzWao1c.js")).load);
-vn(), hn();
-var ba = /* @__PURE__ */ new Set(["ui"]), xa = (e) => {
-	let t = (e) => {
-		if (typeof e != "function") return e;
-		try {
-			return e();
-		} catch {
-			return;
-		}
-	}, n = (e, n) => {
-		let r = t(e);
-		return typeof r == "string" ? o(r, n, i.getActive()) : void 0;
-	}, r = [];
-	for (let i of e.names()) if (!ba.has(i)) for (let a of e.keys(i)) {
-		let o = e.resolveDefinition(i, a);
-		r.push({
-			groupKey: i,
-			command: {
-				getLabel: () => n(o?.label, o?.params) ?? a,
-				getIcon: () => t(o?.icon),
-				getDescription: () => n(o?.description, o?.params) ?? "",
-				getShortcut: () => t(o?.shortcut) ?? null,
-				getScope: () => i,
-				getScopeLabel: () => E.DefaultCommandCatalogService.getScopeLabel(i)
-			}
-		});
-	}
-	return { getAllCommands: () => r };
-}, Sa = (e) => {
-	let { children: t, workbook: n, setWorkbook: r, workbookTitle: a, isDirty: o, refSave: c, fullscreenTarget: d } = e, f = E.useCommandScope(), p = C(), { showModal: m } = H(), h = M(), g = (0, X.useRef)(o);
-	g.current = o;
-	let _ = A(() => {
-		let e = f?.getRoot().getRegistry();
-		if (!e) return;
-		let t = m(ya, {
-			title: h("dialog.shortcutKeys.title"),
-			commands: xa(e),
-			onDone: () => t.hide(),
-			onLoadError: (e) => {
-				t.destroy(), p.showError(e);
-			}
-		});
-	}, [f, m]);
-	(0, X.useEffect)(() => {
-		if (!f) return;
-		let e = f.getRoot().contribution();
-		return function(e, t) {
-			let n = () => t.showShortcuts();
-			e.updateCommand("showKeyboardShortcuts", { callback: n }), e.updateCommand("help", { callback: n });
-			for (let [t, n] of Object.entries({
-				gotoUrlGithub: "https://github.com/sheetxl/sheetxl",
-				gotoUrlDiscord: "https://discord.gg/NTKdwUgK9p",
-				gotoUrlDocumentation: "https://www.sheetxl.com/docs",
-				gotoUrlIssue: "https://github.com/sheetxl/sheetxl/issues"
-			})) e.updateCommand(t, { callback: () => {
-				window?.open(n);
-			} });
-		}(e, { showShortcuts: _ }), () => e.remove();
-	}, [f, _]);
-	let v = Kt("(prefers-color-scheme: dark)"), { themeMode: y } = ce(), [b, x] = S(gt.Mode, Et[gt.Mode]), [w, T] = S(gt.DarkGrid, Et[gt.DarkGrid]), [ee, ne] = S(gt.DarkImages, Et[gt.DarkImages]);
-	(0, X.useEffect)(() => {
-		if (!f) return;
-		let e = f.getRoot().contribution();
-		return function(e, t) {
-			e.updateCommand("themeMode", {
-				state: t.mode ?? null,
-				params: { dark: t.isDark },
-				icon: t.isDark ? "DarkMode" : "LightMode",
-				callback: () => t.setMode(t.isDark ? "light" : "dark")
-			}), e.updateCommand("defaultThemeMode", {
-				state: !t.mode,
-				icon: t.systemDefaultDark ? "SystemDefaultDarkMode" : "SystemDefaultLightMode",
-				callback: () => t.setMode(null)
-			}), e.updateCommand("enableDarkGrid", {
-				state: t.enableDarkGrid,
-				callback: () => t.setEnableDarkGrid((e) => !e)
-			}), e.updateCommand("enableDarkImages", {
-				state: t.enableDarkImages,
-				callback: () => t.setEnableDarkImages((e) => !e)
-			});
-		}(e, {
-			mode: b,
-			setMode: x,
-			isDark: b === "dark" || !b && y === "dark",
-			systemDefaultDark: v,
-			enableDarkGrid: w,
-			setEnableDarkGrid: T,
-			enableDarkImages: ee,
-			setEnableDarkImages: ne
-		}), () => e.remove();
-	}, [
-		f,
-		b,
-		y,
-		v,
-		w,
-		ee,
-		x,
-		T,
-		ne
-	]);
-	let [O, k] = S(te.Active, null), [re, ie] = (0, X.useState)(() => i.getActive());
-	(0, X.useEffect)(() => i.addChangeListener(ie), []), (0, X.useEffect)(() => {
-		O && O !== i.getActive() && i.setActive(O);
-	}, [O]), (0, X.useEffect)(() => {
-		if (!f) return;
-		let e = f.getRoot().contribution();
-		return function(e, t) {
-			e.updateCommand("language", {
-				state: t.active,
-				callback: (e) => {
-					e && t.setActive(e);
-				}
-			});
-		}(e, {
-			active: re,
-			setActive: (e) => {
-				k(e);
-			}
-		}), () => e.remove();
-	}, [
-		f,
-		re,
-		k
-	]);
-	let j = (0, X.useMemo)(() => ({ current: d ?? null }), [d]), { isFullscreenAvailable: ae, isFullscreenEnabled: oe, toggleFullscreen: se } = N({ target: j });
-	(0, X.useEffect)(() => {
-		if (!f) return;
-		let e = f.getRoot().contribution();
-		return function(e, t) {
-			e.updateCommand("fullScreenToggle", {
-				state: t.isFullscreenEnabled,
-				disabledReasons: t.isFullscreenAvailable ? [] : [l("reason.fullscreenUnavailable")],
-				icon: t.isFullscreenEnabled ? "FullScreenOff" : "FullScreen",
-				callback: () => {
-					t.toggleFullscreen();
-				}
-			});
-		}(e, {
-			isFullscreenAvailable: ae,
-			isFullscreenEnabled: oe,
-			toggleFullscreen: se
-		}), () => e.remove();
-	}, [
-		f,
-		ae,
-		oe,
-		se
-	]);
-	let le = st(!0);
-	return (0, X.useEffect)(() => {
-		if (!f) return;
-		let e = f.getRoot().contribution();
-		return function(e) {
-			e.updateCommand("protectWorkbook", {
-				tags: ["noTransaction", "noRepeat"],
-				callback: () => {
-					((e, t) => {
-						le.activate(e, t);
-					})("manageProtection", { args: { tab: "workbook" } });
-				}
-			});
-		}(e), () => e.remove();
-	}, [f, le]), (0, X.useEffect)(() => {
-		if (!f || !n) return;
-		let e = f.getRoot().contribution(), t = function(e, t) {
-			let { workbook: n, setWorkbook: r, workbookTitle: i = "export", isDirty: a, notifier: o, refSave: c } = t, d = !1, f = 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: u("dialog.password.title"),
-							description: u("dialog.password.open.description", { name: e.getName() ?? "" }),
-							inputType: "password",
-							options: [{
-								id: "Open",
-								label: () => u("dialog.open")
-							}, "Cancel"],
-							defaultOption: "Open",
-							onValidateInput: async (e, n) => n === void 0 ? { valid: !0 } : e ? await t(e) ? { valid: !0 } : {
-								valid: !1,
-								message: u("dialog.password.open.retry")
-							} : {
-								valid: !1,
-								message: u("dialog.password.open.required")
-							}
-						});
-						return n?.option === "Open" ? n.input ?? null : null;
-					},
-					progress: { onWarning: (e) => {
-						i.push(e);
-					} }
-				};
-				n && (a.progress.onStart = n);
-				let s = -5;
-				return W.read({
-					...a,
-					progress: {
-						async onStart(e, t) {
-							await a?.progress?.onStart?.(e, t), r = await o?.showBusy?.(u("workbook.opening", { name: e?.getName() ?? "" })), t && r?.setProgress?.(0, t);
-						},
-						onProgress(e, t) {
-							if (!t) return;
-							let n = Math.min(100, Math.round(e / t * 100));
-							if (n >= 100) {
-								if (s === 100) return;
-								s = 100, r?.setProgress?.(e, t);
-							} else n - s < 5 || (s = n, r?.setProgress?.(e, t));
-						},
-						onComplete() {
-							r?.(), i.length > 0 && (o.showMessage(u("workbook.importWarnings")), console.warn("Import warnings:\n" + i.join("\n")));
-						},
-						onWarning(e, t) {
-							a?.progress?.onWarning?.(e, t);
-						}
-					}
-				});
-			}, p = async (e, t, n = !1, r) => {
-				let a, s, c = {
-					format: t?.key,
-					progress: {
-						async onStart(e) {
-							a = await o?.showBusy?.(u("workbook.saving", { name: e?.getName() ?? "" }));
-						},
-						onComplete() {
-							a?.();
-						}
-					},
-					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 = u("dialog.writeWarnings.title"), i = t.getFormat(), s = (i ? (await W.getWriteFormats({ search: i }))[0] : void 0)?.description ?? i ?? "", c = u("dialog.writeWarnings.keep");
-						return n ? await o.showOptions({
-							title: r,
-							type: D.Warning,
-							description: `${u("dialog.writeWarnings.confirm", { format: s })}\n\n${c}`,
-							options: [{
-								id: "Save",
-								label: () => u("dialog.save")
-							}, "Cancel"],
-							defaultOption: "Cancel"
-						}) === "Save" && (a = await o?.showBusy?.(u("workbook.saving", { name: t?.getName() ?? "" })), !0) : (o.showOptions({
-							title: r,
-							type: D.Warning,
-							description: `${u("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() || u("workbook.defaultName")}.${r}`;
-					s = await W.writeAs(e, a, {
-						...c,
-						prompt: !0
-					});
-				} else s = await W.write(e, void 0, c);
-				return s;
-			}, m = null;
-			return e.updateCommand("newWorkbook", { callback: async (e) => {
-				let t = W.canRead() && !a();
-				e?.source ? t && m ? await m({
-					url: e.source,
-					title: e.title
-				}) : va(e.source, e.title) : t ? r({}) : va();
-			} }), e.updateCommand("closeWorkbook", { callback: async () => {
-				a() && await o.showOptions({
-					title: u("dialog.confirm.title"),
-					description: u("dialog.unsavedChanges"),
-					options: [{
-						id: "Close",
-						label: () => u("dialog.close")
-					}, "Cancel"],
-					defaultOption: "Cancel"
-				}) !== "Close" || window.close();
-			} }), (async () => {
-				let t = await W.getWriteFormats();
-				if (d) return;
-				let i = W.canWrite(), h = W.canRead();
-				if (i) {
-					let r = (e) => {
-						let r = e ? t.find((t) => t.key === e) : void 0;
-						p(n, r, !0).catch((e) => o.showError(e));
-					};
-					e.updateCommand("saveWorkbook", { callback: () => {
-						p(n, void 0, !1).catch((e) => o.showError(e));
-					} }), c && (c.current = (e) => p(n, void 0, !1, e?.onWarnings)), e.updateCommand("saveWorkbookAs", { callback: (e) => {
-						r(e);
-					} });
-					for (let n of t) {
-						let t = n.key;
-						e.updateCommand(`saveWorkbookAs${t}`, {
-							label: () => u("command.saveAsFormat.label", { format: n.description }),
-							groupLabels: {
-								workbook: () => u("command.saveAsFormat.workbook", { format: n.description }),
-								saveWorkbookOptions: () => u("command.saveAsFormat.compact", { format: n.description })
-							},
-							tags: n.tags,
-							description: () => u("command.saveAsFormat", { format: n.description }),
-							icon: t === "CSV" ? "FileDownloadAsCSV" : t === "Excel" ? "FileDownloadAsExcel" : "FileDownloadAsSheet",
-							callback: () => {
-								r(t);
-							}
-						});
-					}
-				}
-				let g = async (e = null) => {
-					let t = { csv: {
-						date1904: n.getRuntime().isDate1904(),
-						...n.options
-					} };
-					try {
-						let r = "", i = await f(e, t, async (e) => {
-							r = e?.getName() ?? "";
-						});
-						if (!i) return;
-						let a = i.getSheets().getItems();
-						await n.doBatch(async () => {
-							for (let e = 0; e < a.length; e++) {
-								let t = a[e], i = a.length === 1 ? r : t.getName(), o = n.findValidSheetName(i);
-								await n.getSheets().add({
-									name: o,
-									autoSelect: e === a.length - 1
-								}).getEntireRange().copyFrom(t.getEntireRange());
-							}
-						}, l("op.importData")), i.close();
-					} catch (e) {
-						o.showError(e);
-					}
-				};
-				if (e.updateCommand("insertDataFromFile", {
-					tags: ["noTransaction", "noRepeat"],
-					callback: async (e = null) => {
-						let t = e;
-						if (t || W.canRead() || (t = await (async () => {
-							let e = await W.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
-							return s.openFileDialog(t.length ? t.join(",") : "*.*");
-						})(), t)) return g(t);
-					}
-				}), e.updateCommand("insertDataFromURL", {
-					tags: ["noTransaction", "noRepeat"],
-					callback: async (e) => {
-						if (!e) {
-							let t = await o.showInput({
-								title: u("dialog.importFromWeb.title"),
-								description: u("dialog.importFromWeb.description"),
-								inputLabel: u("dialog.webAddress.inputLabel"),
-								initialValue: "https://www.sheetxl.com/docs/examples/financial-calculators.xlsx",
-								propsInput: { style: { minWidth: "440px" } },
-								options: [{
-									id: "Import",
-									label: () => u("dialog.import")
-								}]
-							});
-							if (t.option !== "Import") return;
-							e = t.input;
-						}
-						if (e) try {
-							let t = await fetch(e);
-							if (!t.ok) throw Error(`Could not fetch '${e}' (${t.status} ${t.statusText}).`);
-							let n = await t.blob(), r = decodeURIComponent(e.split("/").pop()?.split("?")[0] || "") || "import.xlsx";
-							await g(new File([n], r, { type: n.type }));
-						} catch (e) {
-							o.showError(e);
-						}
-					}
-				}), h) {
-					let t = async () => !a() || await o.showOptions({
-						title: u("dialog.confirm.title"),
-						description: u("dialog.unsavedChanges"),
-						options: [{
-							id: "Open",
-							label: () => u("dialog.open")
-						}, "Cancel"],
-						defaultOption: "Cancel"
-					}) === "Open", i = async (e = null) => {
-						let t = { csv: {
-							date1904: n.getRuntime().isDate1904(),
-							...n.options
-						} };
-						try {
-							let n = await f(e, t);
-							if (!n) return;
-							r(n);
-						} catch (e) {
-							o.showError(e);
-						}
-					};
-					e.updateCommand("openWorkbook", { callback: async (e = null) => {
-						await t() && await i(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: u("dialog.openFromWeb.title"),
-								description: u("dialog.openFromWeb.description"),
-								inputLabel: u("dialog.webAddress.inputLabel"),
-								initialValue: "https://www.sheetxl.com/docs/examples/financial-calculators.xlsx",
-								propsInput: { style: { minWidth: "440px" } },
-								options: [{
-									id: "Open",
-									label: () => u("dialog.open")
-								}]
-							});
-							if (e.option !== "Open") return;
-							n = e.input;
-						}
-						if (n && await t()) try {
-							let e = await fetch(n);
-							if (!e.ok) throw Error(`Could not fetch '${n}' (${e.status} ${e.statusText}).`);
-							let t = await e.blob(), a = decodeURIComponent(n.split("/").pop()?.split("?")[0] || "") || "workbook.xlsx", o = a.match(/\.[^/.]+$/)?.[0] ?? "", s = r ? `${r}${o}` : a;
-							await i(new File([t], s, { type: t.type }));
-						} catch (e) {
-							o.showError(e);
-						}
-					}, e.updateCommand("openWorkbookFromUrl", { callback: m });
-				}
-			})(), () => {
-				d = !0, c && (c.current = null);
-			};
-		}(e, {
-			workbook: n,
-			setWorkbook: r,
-			workbookTitle: a ?? void 0,
-			isDirty: () => g.current?.() ?? !1,
-			notifier: p,
-			refSave: c
-		});
-		return () => {
-			t(), e.remove();
-		};
-	}, [
-		f,
-		n,
-		r,
-		a,
-		p,
-		c
-	]), t;
-};
-Sa.displayName = "StudioCommandProvider";
-var Ca = ({ renderWorkbook: e }) => {
-	let t = E.useCommandResolver(), n = (0, X.useRef)(null), r = M(), [i, a] = (0, X.useState)(null), o = (0, X.useCallback)((e) => {
-		let n = e.dataTransfer;
-		if (t && n) {
-			if (e.type === "dragenter" || e.type === "dragover") {
-				let e = n.types, t = n.items, r = !1;
-				for (let e = 0; e < t.length; e++) if (t[e].type.startsWith("image/")) {
-					r = !0;
-					break;
-				}
-				r ? a("insertImage") : e.includes("Files") && t.length > 0 ? a("open") : (n.effectAllowed = "none", n.dropEffect = "none");
-			} else if (e.type === "dragleave") {
-				let t = e.relatedTarget;
-				t && e.currentTarget.contains(t) || a(null);
-			}
-			e.preventDefault();
-		}
-	}, [t]), s = A((e) => {
-		e.preventDefault();
-		let r = i;
-		if (a(null), r && t && (e.stopPropagation(), e.dataTransfer.files && e.dataTransfer.files.length > 0)) {
-			let r = e.dataTransfer.files[0];
-			if (!r) return;
-			if (r?.type?.startsWith("image/")) {
-				let i = n.current?.getSheetElement()?.getGridSurface().getPaneFromClient(e.clientX, e.clientY);
-				if (!i) return;
-				let a = i.getPanePointFromPointer(e.clientX, e.clientY);
-				if (!a) return;
-				let o = i.toAbsoluteBounds({
-					x: a.x ?? 0,
-					y: a.y ?? 0,
-					width: 0,
-					height: 0
-				});
-				t.execute("insertImageFromFile", {
-					file: r,
-					options: { bounds: {
-						x: o.x,
-						y: o.y
-					} }
-				});
-			} else {
-				if (!W.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);
-			}
-		}
-	}, [t, i]), c = (0, X.useMemo)(() => {
-		if (!i) return null;
-		let e = i === "insertImage";
-		return (0, Z.jsx)(I, {
-			className: "drop-overlay",
-			sx: {
-				position: "absolute",
-				inset: 0,
-				zIndex: 1,
-				boxSizing: "border-box",
-				pointerEvents: "none",
-				display: "flex",
-				justifyContent: "center",
-				alignItems: "center",
-				backgroundColor: (e) => F(e.palette.primary.main, .46),
-				outline: (e) => `2px dashed ${e.palette.primary.main}`,
-				outlineOffset: "-6px",
-				borderRadius: 2
-			},
-			children: (0, Z.jsxs)(xe, {
-				elevation: 6,
-				sx: {
-					display: "flex",
-					alignItems: "center",
-					gap: 1.5,
-					px: 3,
-					py: 2,
-					borderRadius: 2,
-					color: "text.primary",
-					"& .drop-overlay-icon": { color: "primary.main" }
-				},
-				children: [(0, Z.jsx)(b, {
-					iconKey: e ? "InsertImage" : "FileOpen",
-					className: "drop-overlay-icon",
-					size: 32
-				}), (0, Z.jsx)(R, {
-					variant: "h6",
-					component: "span",
-					children: r(e ? "drop.insertImage" : "drop.open")
-				})]
-			})
-		});
-	}, [i, r]);
-	return (0, Z.jsxs)(Z.Fragment, { children: [e({
-		ref: n,
-		onDragStart: (e) => {
-			if (e.target.src) {
-				let t = new Image();
-				t.src = e.target.src, e.dataTransfer.setDragImage(t, 1, 1);
-			}
-		},
-		onDragEnter: o,
-		onDragLeave: o,
-		onDragOver: o,
-		onDrop: s
-	}), c] });
-}, wa = (0, X.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, Z.jsx)(yt, {
-		initialAnchor: s,
-		children: (0, Z.jsx)(Sa, {
-			workbook: t,
-			setWorkbook: n,
-			workbookTitle: i,
-			isDirty: o,
-			refSave: l,
-			fullscreenTarget: u,
-			children: (0, Z.jsx)(Ca, { renderWorkbook: c })
-		})
-	});
-});
-wa.displayName = "CommandsWrapper";
-var Ta = {
-	sort: f("studio:sortDialog", () => import("./CakrxSS_RXtKmcUX.js")).load,
-	hyperlink: f("studio:hyperlinkDialog", () => import("./CILUMtSddGz7WXEv.js")).load,
-	find: f("studio:findReplaceWindow", () => import("./7Sg0ht_ZCMJkPurt.js")).load,
-	tableNew: f("studio:tableNewDialog", () => import("./Ba8taVvLslFcKS72.js")).load,
-	namedDetails: f("studio:namedReferenceDialog", () => import("./D-bNmX0QsA8SuT0m.js")).load,
-	insertFunction: f("studio:insertFunctionDialog", () => import("./BpZ7P0CO148rR4zW.js")).load,
-	resizeHeader: f("studio:resizeHeaderDialog", () => import("./w5IQWbJETgHhqMsY.js")).load,
-	outlineSettings: f("studio:outlineSettingsDialog", () => import("./DckmFyHxGX4Y1gOq.js")).load,
-	fillSeries: f("studio:fillSeriesDialog", () => import("./CMVTwWHsRgyfSEDM.js")).load,
-	workbookStatistics: f("studio:workbookStatisticsDialog", () => import("./ChAKLV5zrGAHAof2.js")).load,
-	password: f("studio:passwordDialog", () => import("./CEYyp6Qrr_IopxpL.js").then((e) => e.n).then((e) => e.t)).load
-}, Ea = ["find"], Da = (0, X.memo)((e) => {
-	let { children: t } = e, n = ma(), r = n ? n.enqueueSnackbar : () => {}, i = n ? n.closeSnackbar : () => {}, o = (0, X.useRef)(/* @__PURE__ */ new Set()), s = (0, X.useRef)(null), l = (0, X.useRef)(null), [u, d] = (0, X.useState)({
-		label: null,
-		progress: null
-	}), f = M(), p = a.EmptyObject, m = Xe(p), h = Ke(p), g = Ye(p), _ = (0, X.useRef)(!1);
-	(0, X.useEffect)(() => {
-		if (_.current) return;
-		_.current = !0;
-		let e = window, t = e.requestIdleCallback ?? ((e) => setTimeout(e, 500)), n = e.cancelIdleCallback ?? clearTimeout, r = t(() => {
-			for (let e of Ea) m(e, Ta[e], { prewarm: !0 }).catch(() => {});
-		});
-		return () => n(r);
-	}, []);
-	let v = (0, X.useRef)(/* @__PURE__ */ new Set()), y = (0, X.useMemo)(() => {
-		let e = (e, t) => {
-			if (t?.onceKey) {
-				if (v.current.has(t.onceKey)) return;
-				let e = new Set(v.current);
-				e.add(t.onceKey), v.current = e;
-			}
-			let n = {
-				variant: t?.type ?? D.Info,
-				anchorOrigin: {
-					vertical: "top",
-					horizontal: "center"
-				},
-				preventDuplicate: t?.preventDuplicate,
-				persist: t?.persist ?? t?.type === D.Error,
-				action: (e) => (0, Z.jsx)(Se, {
-					onClick: () => i(e),
-					children: (0, Z.jsx)(b, { iconKey: "Cancel" })
-				})
-			};
-			t?.enqueueProps && Object.assign(n, t.enqueueProps), e || console.log("message is 'null'", t), r(e ?? "Alert", n);
-		}, t = {
-			showMessage: e,
-			showBusy: (e, t) => {
-				let n = Symbol("busy");
-				o.current.add(n), l.current = e, e != null && typeof e != "string" && d((t) => t.label === e ? t : {
-					...t,
-					label: e
-				});
-				let r = k(() => {
-					o.current.delete(n) && (o.current.size > 0 || (qe(s.current), l.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;
-					d((e) => e.progress === n ? e : {
-						...e,
-						progress: n
-					});
-				}, (e) => {
-					l.current = e, typeof e == "string" ? Je(s.current, e) : d((t) => ({
-						...t,
-						label: e
-					}));
-				}), i = Je(s.current, typeof e == "string" ? e : void 0);
-				return i ? i.then(() => r) : r;
-			},
-			showWindow: (e, t) => {
-				let n = t;
-				return t = {
-					...t,
-					onKeyDown: (e) => {
-						e.isDefaultPrevented() || e.isPropagationStopped() || n?.onKeyDown?.(e);
-					}
-				}, m(e, Ta[e], t);
-			},
-			showOptions: h,
-			showInput: g,
-			showError: (t) => {
-				let n, r = D.Error, i = f("error.unknown");
-				typeof t == "string" ? i = t : t instanceof Error && (n = t, t.message && (i = f(t.message))), t instanceof c && (r = D.Info), e(i, {
-					type: r,
-					enqueueProps: { error: n }
-				});
-			}
-		}, n = new w();
-		return n.setOverrides(t), n;
-	}, [f]), x = (0, X.useMemo)(() => (0, Z.jsx)(Ze, {
-		ref: s,
-		autoStart: !1,
-		icon: (0, Z.jsx)(Ge, { sx: {
-			transform: "scale(0.7)",
-			marginLeft: "-6px"
-		} }),
-		panel: !0,
-		label: u.label ?? (typeof l.current == "string" ? l.current : void 0),
-		progress: u.progress,
-		sx: {
-			position: "absolute",
-			left: "0",
-			top: "0",
-			width: "100%",
-			height: "100%",
-			zIndex: "9999",
-			pointerEvents: "none"
-		}
-	}), [u.label, u.progress]);
-	return (0, Z.jsxs)(j, {
-		notifier: y,
-		children: [x, t]
-	});
-});
-Da.displayName = "StudioNotifierProvider";
-var Oa = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)))", ka = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = G, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, p = u !== "right", m = T(), h = (0, X.useMemo)(() => i.map((t) => {
-		let n = s.getRegisteredTaskPane(t);
-		if (!n) return null;
-		let r = n.getIcon?.();
-		typeof r == "string" && (r = (0, Z.jsx)(b, { iconKey: r }));
-		let i = t === o, a = r ? (0, Z.jsx)(I, {
-			sx: {
-				display: "inline-block",
-				transform: p ? "rotate(-90deg)" : "rotate(90deg)",
-				transformOrigin: "center",
-				color: (e) => e.palette.text.secondary
-			},
-			children: r
-		}) : null, c = !r || !l && i, u = (0, Z.jsx)(I, {
-			sx: {
-				display: "grid",
-				gridTemplateColumns: c ? "1fr" : "0fr",
-				opacity: +!!c,
-				transition: (e) => e.transitions.create(["grid-template-columns", "opacity"], { duration: e.transitions.duration.short })
-			},
-			children: (0, Z.jsx)(I, {
-				sx: {
-					overflow: "hidden",
-					minWidth: 0,
-					minHeight: 0
-				},
-				children: (0, Z.jsx)(R, {
-					component: "div",
-					sx: {
-						textTransform: "none",
-						whiteSpace: "nowrap",
-						transform: p ? "rotate(180deg)" : void 0,
-						padding: "4px 0px",
-						color: (e) => i ? e.palette.primary.main : e.palette.text.secondary
-					},
-					children: n.getTitle()
-				})
-			})
-		});
-		return (0, Z.jsx)(Gt, {
-			value: t,
-			label: (0, Z.jsx)(L, {
-				disableInteractive: !0,
-				title: n.getTitle() ?? "",
-				placement: "left-start",
-				children: (0, Z.jsxs)(I, {
-					sx: {
-						padding: "0px 0px",
-						writingMode: p ? "vertical-lr" : "vertical-rl",
-						textOrientation: "mixed",
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "space-between",
-						minWidth: "0px",
-						color: (e) => e.palette.text.secondary
-					},
-					children: [p ? u : a, p ? a : u]
-				})
-			}),
-			sx: {
-				padding: "4px 4px",
-				minWidth: "0px",
-				minHeight: "0px",
-				borderRadius: "4px"
-			},
-			className: Mt("taskpane-strip-item", { "Mui-selected": i }),
-			onClick: () => e.onSelect(t)
-		}, t);
-	}), [
-		i,
-		o,
-		a,
-		s,
-		p,
-		l,
-		m
-	]), g = ie(t, () => ({ isTaskPaneStrip: () => !0 }), []), _ = (0, X.useMemo)(() => Mt("taskpane-strip", d), [d]);
-	return (0, Z.jsx)(I, {
-		ref: g,
-		className: _,
-		sx: {
-			paddingLeft: p ? void 0 : "2px",
-			paddingRight: p ? "2px" : void 0,
-			paddingTop: "4px",
-			...c
-		},
-		...f,
-		children: (0, Z.jsx)(Wt, {
-			orientation: "vertical",
-			variant: "scrollable",
-			value: o,
-			onChange: (e, t) => {
-				a(t);
-			},
-			slotProps: {
-				list: { sx: { gap: "2px" } },
-				indicator: { sx: {
-					left: p ? void 0 : "0px",
-					right: p ? void 0 : "unset",
-					bottom: p ? "0px" : void 0
-				} }
-			},
-			children: h
-		})
-	});
-})), Aa = (e) => {
-	let { title: t, icon: n, onClose: r, readOnly: i, focused: a, ...o } = e, s = (0, X.useRef)(null), c = M();
-	return (0, Z.jsx)(Ee, {
-		className: Mt({ "Mui-selected": a }),
-		sx: {
-			display: "flex",
-			flex: "1 1 %0",
-			color: (e) => e.palette.text.secondary,
-			boxSizing: "border-box",
-			padding: "0 0",
-			transitionProperty: "opacity",
-			transitionDuration: (e) => `${e.transitions.duration.shortest}ms`,
-			opacity: .7,
-			"&.Mui-selected": {
-				opacity: 1,
-				transitionDuration: (e) => e.transitions.duration.shortest / 2 + "ms"
-			},
-			backgroundColor: (e) => F(e.palette.action.hover, .03),
-			borderBottom: `solid ${Oa} 1px`
-		},
-		...o,
-		children: (0, Z.jsxs)(I, {
-			sx: {
-				display: "flex",
-				flex: "1 1 10%",
-				flexDirection: "row",
-				alignItems: "center",
-				marginTop: (e) => e.spacing(.25),
-				marginBottom: (e) => e.spacing(.25),
-				marginLeft: (e) => e.spacing(1),
-				marginRight: (e) => e.spacing(1)
-			},
-			children: [(0, Z.jsx)(I, {
-				sx: {
-					flex: "1 1 100%",
-					paddingLeft: (e) => e.spacing(1)
-				},
-				children: t
-			}), (0, Z.jsx)(Oe, {
-				label: c("taskPane.close"),
-				children: (0, Z.jsx)(Se, {
-					"aria-label": "close",
-					sx: { color: (e) => e.palette.text.icon ?? e.palette.action.active },
-					touchRippleRef: s,
-					onPointerDown: (e) => {
-						s.current?.start(e, { center: !1 }), e.stopPropagation(), e.preventDefault();
-					},
-					onPointerUp: () => {
-						r();
-					},
-					children: (0, Z.jsx)(b, { iconKey: "Close" })
-				})
-			})]
-		})
-	});
-}, ja = (0, X.forwardRef)((e, t) => {
-	let { model: n, side: r, ...i } = e, a = _e(), o = `solid ${Oa} 1px`, s = `${a.shape.borderRadius ?? 4}px`, c = `${a.spacing?.(.5) ?? 4}px`;
-	return (0, Z.jsx)(mt, {
-		model: n,
-		ref: t,
-		propsFrame: { style: {
-			border: o,
-			borderRadius: s,
-			marginBottom: c
-		} },
-		alwaysShowStrip: !0,
-		componentTitle: Aa,
-		componentStrip: ka,
-		side: r,
-		...e,
-		onOpen: () => {
-			e?.onOpen?.();
-		},
-		onClose: () => {
-			e?.onClose?.();
-		},
-		...i
-	});
-}), Ma = {}, Na = {
-	flex: "1 1 100%",
-	display: "flex",
-	boxSizing: "border-box"
-}, Pa = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let n, r, { mainElement: i, sidebarElement: a, position: o, persistKey: s, onPositionChange: c, className: l, style: u, taskSide: d = "right", ...f } = e, [p, m] = S(s ?? null, Ma), h = _e(), [g, { width: _ }] = oe(), v = _ > 530 || _ === 0, y = (0, X.useRef)(null), b = null, x = 4, C = 13;
-	v ? b = "m 3.6261898,11.36243 c 0,0.88365 -0.71627,1.59991 -1.59991,1.59991 -0.8836498,0 -1.60004965,-0.71626 -1.60004965,-1.59991 0,-0.88365 0.71639985,-1.6000508 1.60004965,-1.6000508 0.88364,0 1.59991,0.7164008 1.59991,1.6000508 m 0,-4.881294 c 0,0.88364 -0.71627,1.60004 -1.59991,1.60004 -0.8836498,0 -1.60004965,-0.7164 -1.60004965,-1.60004 0,-0.88365 0.71639985,-1.60005 1.60004965,-1.60005 0.88364,0 1.59991,0.7164 1.59991,1.60005 m 0,-4.881226 c 0,0.88365 -0.71627,1.60005 -1.59991,1.60005 C 1.14263,3.19996 0.42623015,2.48356 0.42623015,1.59991 0.42623015,0.71626 1.14263,0 2.0262798,0 c 0.88364,0 1.59991,0.71626 1.59991,1.59991" : (b = "M 1.59991,3.62619 C 0.71626,3.62619 0,2.90992 0,2.02628 0,1.1426301 0.71626,0.42623015 1.59991,0.42623015 c 0.88365,0 1.6000508,0.71639995 1.6000508,1.60004985 0,0.88364 -0.7164008,1.59991 -1.6000508,1.59991 m 4.881294,0 c -0.88364,0 -1.60004,-0.71627 -1.60004,-1.59991 0,-0.8836499 0.7164,-1.60004985 1.60004,-1.60004985 0.88365,0 1.60005,0.71639995 1.60005,1.60004985 0,0.88364 -0.7164,1.59991 -1.60005,1.59991 m 4.881226,0 c -0.88365,0 -1.60005,-0.71627 -1.60005,-1.59991 0,-0.8836499 0.7164,-1.60004985 1.60005,-1.60004985 0.88365,0 1.59991,0.71639995 1.59991,1.60004985 0,0.88364 -0.71626,1.59991 -1.59991,1.59991", x = 13, C = 4);
-	let w, T = i, ee = a, E = d !== "right", te = v ? "row" : "column", D = E && ee ? "before" : "after", O = `${te}:${D}`, k = s ? p[O] : void 0, re = k == 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, O) : `${k}%`, ie = s || c ? (e) => {
-		s && m((t) => ({
-			...t,
-			[O]: e.percent
-		})), c?.(e, {
-			orientation: te,
-			side: D,
-			key: O
-		});
-	} : void 0;
-	E && ee ? (T = a, ee = i, r = { style: {
-		flexDirection: "column",
-		boxSizing: "border-box",
-		paddingRight: "2px"
-	} }, n = {}, w = {
-		fixedPane: "before",
-		position: re,
-		minBefore: v ? "280px" : "120px",
-		splitDirection: v ? "row" : "column"
-	}) : (n = { style: {
-		flexDirection: "column",
-		marginRight: a ? void 0 : "6px"
-	} }, r = { style: {
-		marginLeft: v ? "0px" : "4px",
-		marginRight: v ? "8px" : "4px"
-	} }, w = {
-		fixedPane: "after",
-		position: re,
-		minAfter: v ? "280px" : "120px",
-		splitDirection: v ? "row" : "column"
-	});
-	let A = un([
-		y,
-		g,
-		t
-	]);
-	return (0, Z.jsx)(ne, {
-		ref: A,
-		className: l,
-		style: u ? {
-			...Na,
-			...u
-		} : Na,
-		...f,
-		...w,
-		onPositionChange: ie,
-		propsResizer: {
-			className: Mt("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='${C}' viewBox='0 0 ${x} ${C}' version='1.1' fill='${h.palette.text.icon ?? h.palette.action.active}' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath d='${b}' /%3E%3C/svg%3E%0A")`,
-				maskRepeat: "no-repeat",
-				maskPosition: E ? v ? "center center" : "bottom center" : v ? "left center" : "top center"
-			}
-		},
-		elementBefore: T,
-		propsPaneBefore: n,
-		elementAfter: ee,
-		propsPaneAfter: r
-	});
-}));
-Pa.displayName = "StudioSplitPane";
-var Fa = () => (0, Z.jsx)("div", { style: {
-	flex: "none",
-	height: 0,
-	borderTop: "solid var(--sxl-color-base-border, light-dark(rgba(0, 0, 0, 0.26), rgba(255, 255, 255, 0.3))) 1px"
-} }), Ia = (e, t) => {
-	let n = (e) => (0, Z.jsx)(X.Fragment, { children: t[e] }, e);
-	if (e === "bottom") {
-		let e = t.statusBar && t.formulaBar ? (0, Z.jsx)(Fa, {}, "divider") : null;
-		return [
-			n("toolbar"),
-			n("main"),
-			n("statusBar"),
-			e,
-			n("formulaBar")
-		];
-	}
-	return [
-		n("toolbar"),
-		n("formulaBar"),
-		n("main"),
-		n("statusBar")
-	];
-}, La = _.BuiltInSelectorNames, Ra = {
-	[La.Whole]: "FormulaMathTrig",
-	[La.Number]: "IncreaseDecimal",
-	[La.Date]: "FormulaDateTime",
-	[La.DateTime]: "FormulaDateTime",
-	[La.Time]: "FormulaDateTime",
-	[La.TextLength]: "FormulaText"
-}, za = (e) => {
-	let t = e.getCondition();
-	if (!t) return "DataValidation";
-	let n = t.toJSON();
-	return n.operator === _.BuiltInOperatorNames.Expression ? "FormulaCustom" : n.selector || n.operator !== _.BuiltInOperatorNames.InSet ? typeof n.selector == "string" && Ra[n.selector] || "DataValidation" : "Menu";
-}, Ba = (0, X.memo)(({ dataValidation: e, size: t = 28 }) => (ue(e, "onAnyChange"), (0, Z.jsx)(J, {
-	className: "sxl-dv-icon",
-	sx: {
-		width: "auto",
-		minWidth: 1.7 * t + "px",
-		height: `${t}px`
-	},
-	children: (0, Z.jsx)(b, {
-		iconKey: za(e),
-		size: Math.round(.6 * t),
-		ariaHidden: !0
-	})
-})));
-Ba.displayName = "DataValidationIcon";
-var Va = (e, t) => {
-	let n = e.getCondition();
-	if (!n) return t("dataValidation.anyValue");
-	let r = n.toJSON();
-	if (r.operator === _.BuiltInOperatorNames.Expression && typeof r.param == "string") return t("dataValidation.titleCustom", { formula: r.param });
-	if (!r.selector && r.operator === _.BuiltInOperatorNames.InSet) {
-		let e = r.param, n = e?.source;
-		if (typeof n == "string" && n.length > 0) return t("dataValidation.titleListFrom", { source: n });
-		let i = (e?.items ?? []).map((e) => String(e ?? "")).concat((e?.additions ?? []).map((e) => e.trimStart()));
-		return t("dataValidation.titleList", {
-			items: i.slice(0, 3).join(", "),
-			more: Math.max(0, i.length - 3)
-		});
-	}
-	return n.toString();
-}, Ha = {
-	[v.AlertStyle.Stop]: "ValidationStop",
-	[v.AlertStyle.Warning]: "ValidationWarning",
-	[v.AlertStyle.Information]: "ValidationInformation"
-}, Ua = "none", Wa = {
-	width: 18,
-	height: 18,
-	flex: "0 0 auto"
-}, Ga = {
-	[v.AlertStyle.Stop]: l("dataValidation.alertStop"),
-	[v.AlertStyle.Warning]: l("dataValidation.alertWarning"),
-	[v.AlertStyle.Information]: l("dataValidation.alertInformation")
-}, Ka = (0, X.memo)((e) => {
-	let { dataValidation: t } = e, n = M();
-	ue(t, "onAnyChange");
-	let r = t.isProtected(), i = t.getRenderHints().includes("list"), [a, o] = (0, X.useState)("rule"), s = (0, Z.jsxs)(xe, {
-		tabIndex: 0,
-		className: xn["editor-panel"],
-		sx: {
-			gap: (e) => e.spacing(1),
-			paddingTop: (e) => e.spacing(1.25),
-			paddingBottom: (e) => e.spacing(2),
-			paddingLeft: (e) => e.spacing(1.5),
-			paddingRight: (e) => e.spacing(1.5),
-			border: (e) => `1px solid ${e.palette.divider}`,
-			borderRadius: (e) => e.spacing(1.25),
-			overflow: "auto"
-		},
-		children: [
-			(0, Z.jsxs)(I, {
-				sx: {
-					display: "flex",
-					flexDirection: "column",
-					gap: (e) => e.spacing(1.75),
-					margin: (e) => e.spacing(1.25),
-					marginBottom: 0
-				},
-				children: [(0, Z.jsxs)(I, {
-					sx: {
-						display: "flex",
-						alignItems: "center",
-						gap: (e) => e.spacing(1.5)
-					},
-					children: [(0, Z.jsx)(Ba, {
-						dataValidation: t,
-						size: 48
-					}), (0, Z.jsx)(R, {
-						variant: "body2",
-						sx: {
-							minWidth: 0,
-							wordBreak: "break-word"
-						},
-						children: Va(t, n)
-					})]
-				}), (0, Z.jsx)(En, {
-					item: t,
-					label: n("dataValidation.applyTo")
-				})]
-			}),
-			(0, Z.jsxs)(Wt, {
-				value: a,
-				onChange: (e, t) => o(t),
-				sx: {
-					minHeight: "36px",
-					borderBottom: 1,
-					borderColor: "divider",
-					"& .MuiTab-root": {
-						minHeight: "36px",
-						textTransform: "none",
-						pt: .5,
-						pb: .5,
-						px: 1.5,
-						minWidth: 0
-					}
-				},
-				children: [(0, Z.jsx)(Gt, {
-					value: "rule",
-					label: n("dataValidation.tabRule")
-				}), (0, Z.jsx)(Gt, {
-					value: "prompt",
-					label: n("dataValidation.prompt")
-				})]
-			}),
-			a === "prompt" ? (0, Z.jsxs)(I, {
-				sx: {
-					display: "flex",
-					flexDirection: "column",
-					gap: 2
-				},
-				children: [
-					(0, Z.jsx)(z, {
-						control: (0, Z.jsx)(Be, {
-							checked: t.isShowPromptMessage(),
-							disabled: r,
-							onChange: (e) => t.setShowPromptMessage(e.target.checked)
-						}),
-						label: n("dataValidation.showPrompt"),
-						sx: {
-							ml: 0,
-							pl: .5
-						}
-					}),
-					(0, Z.jsx)(B, {
-						size: "small",
-						label: n("dataValidation.title"),
-						value: t.getPromptTitle(),
-						onChange: (e) => t.setPromptTitle(e.target.value),
-						disabled: r,
-						fullWidth: !0,
-						slotProps: { htmlInput: { maxLength: 32 } },
-						sx: { backgroundColor: "background.paper" }
-					}),
-					(0, Z.jsx)(B, {
-						size: "small",
-						label: n("dataValidation.message"),
-						value: t.getPromptMessage(),
-						onChange: (e) => t.setPromptMessage(e.target.value),
-						disabled: r,
-						multiline: !0,
-						rows: 2,
-						fullWidth: !0,
-						slotProps: { htmlInput: { maxLength: 254 } },
-						sx: { backgroundColor: "background.paper" }
-					})
-				]
-			}) : (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsx)(gn, {
-				sx: {
-					..._n,
-					p: 2,
-					pb: 0
-				},
-				selectorTitle: n("dataValidation.allow"),
-				condition: t.getCondition(),
-				ranges: t.getRanges(),
-				readOnly: r,
-				onConditionChange: (e) => {
-					let n = !t.getCondition() && e ? {
-						...e,
-						includeBlanks: !0
-					} : e;
-					t.setCondition(n);
-				},
-				qualifiers: i ? (0, Z.jsx)(z, {
-					control: (0, Z.jsx)(Be, {
-						size: "small",
-						checked: !t.isHideDropdown(),
-						disabled: r,
-						onChange: (e) => t.setHideDropdown(!e.target.checked)
-					}),
-					label: n("dataValidation.inCellDropdown")
-				}) : null
-			}), (0, Z.jsxs)(I, {
-				sx: {
-					display: "flex",
-					flexDirection: "column",
-					gap: 2,
-					p: 2,
-					border: 1,
-					borderColor: "divider",
-					borderRadius: 1
-				},
-				children: [(0, Z.jsxs)(ze, {
-					fullWidth: !0,
-					size: "small",
-					disabled: r,
-					sx: { backgroundColor: "background.paper" },
-					children: [(0, Z.jsx)(Le, { children: n("dataValidation.onInvalid") }), (0, Z.jsxs)(Re, {
-						className: "on-invalid",
-						value: t.isShowAlertMessage() ? t.getAlertStyle() : Ua,
-						label: n("dataValidation.onInvalid"),
-						onChange: (e) => {
-							let n = e.target.value;
-							n === Ua ? t.setShowAlertMessage(!1) : (t.setAlertStyle(n), t.setShowAlertMessage(!0));
-						},
-						renderValue: (e) => (0, Z.jsxs)(I, {
-							sx: {
-								display: "flex",
-								alignItems: "center",
-								gap: 1
-							},
-							children: [e === Ua ? (0, Z.jsx)(I, { sx: Wa }) : (0, Z.jsx)(b, {
-								iconKey: Ha[e],
-								size: 18,
-								ariaHidden: !0
-							}), n(e === Ua ? "dataValidation.alertNone" : Ga[e])]
-						}),
-						children: [Object.keys(Ha).map((e) => (0, Z.jsxs)(U, {
-							value: e,
-							sx: { gap: 1 },
-							children: [(0, Z.jsx)(b, {
-								iconKey: Ha[e],
-								size: 18,
-								ariaHidden: !0
-							}), n(Ga[e])]
-						}, e)), (0, Z.jsxs)(U, {
-							value: Ua,
-							sx: { gap: 1 },
-							children: [(0, Z.jsx)(I, { sx: Wa }), n("dataValidation.alertNone")]
-						}, Ua)]
-					})]
-				}), t.isShowAlertMessage() ? (0, Z.jsxs)(Z.Fragment, { children: [(0, Z.jsx)(B, {
-					size: "small",
-					label: n("dataValidation.title"),
-					value: t.getAlertTitle(),
-					onChange: (e) => t.setAlertTitle(e.target.value),
-					disabled: r,
-					fullWidth: !0,
-					slotProps: { htmlInput: { maxLength: 32 } },
-					sx: { backgroundColor: "background.paper" }
-				}), (0, Z.jsx)(B, {
-					size: "small",
-					label: n("dataValidation.message"),
-					value: t.getAlertMessage(),
-					onChange: (e) => t.setAlertMessage(e.target.value),
-					disabled: r,
-					multiline: !0,
-					rows: 2,
-					fullWidth: !0,
-					slotProps: { htmlInput: { maxLength: 225 } },
-					sx: { backgroundColor: "background.paper" }
-				})] }) : null]
-			})] })
-		]
-	});
-	return (0, Z.jsx)(pn.Provider, {
-		value: t,
-		children: s
-	});
-});
-Ka.displayName = "DataValidationEditorPanel";
-var qa = ({ icon: e, title: t, children: n }) => (0, Z.jsxs)(I, {
-	className: "validation-badge",
-	title: t,
-	"aria-label": t,
-	sx: {
-		display: "inline-flex",
-		alignItems: "center",
-		gap: .5,
-		px: .75,
-		py: .25,
-		border: 1,
-		borderColor: "divider",
-		borderRadius: 1,
-		color: "text.secondary"
-	},
-	children: [(0, Z.jsx)(b, {
-		iconKey: e,
-		size: 14,
-		ariaHidden: !0
-	}), n ? (0, Z.jsx)(R, {
-		variant: "caption",
-		children: n
-	}) : null]
-}), Ja = {
-	[v.AlertStyle.Stop]: "dataValidation.alertStop",
-	[v.AlertStyle.Warning]: "dataValidation.alertWarning",
-	[v.AlertStyle.Information]: "dataValidation.alertInformation"
-}, Ya = (0, X.memo)(({ item: e }) => {
-	let t = M();
-	ue(e, "onAnyChange");
-	let n = [];
-	if (e.isShowPromptMessage() && n.push((0, Z.jsx)(qa, {
-		icon: "NoteInsert",
-		title: t("dataValidation.prompt"),
-		children: e.getPromptTitle() || null
-	}, "prompt")), e.getCondition() && e.isShowAlertMessage()) {
-		let r = e.getAlertStyle();
-		n.push((0, Z.jsx)(qa, {
-			icon: Ha[r],
-			title: `${t("dataValidation.alert")}: ${t(Ja[r])}`
-		}, "alert"));
-	}
-	return !e.isHideDropdown() && e.getRenderHints().includes("list") && n.push((0, Z.jsx)(qa, {
-		icon: "ArrowDownOutline",
-		title: t("dataValidation.inCellDropdown")
-	}, "dropdown")), n.length === 0 ? null : (0, Z.jsx)(I, {
-		sx: {
-			display: "flex",
-			flexWrap: "wrap",
-			gap: .5
-		},
-		children: n
-	});
-});
-Ya.displayName = "DataValidationCardBody";
-var Xa = (0, X.memo)(({ item: e }) => {
-	let t = M();
-	return (0, Z.jsx)(En, {
-		item: e,
-		label: t("dataValidation.applyTo"),
-		helperText: null
-	});
-});
-Xa.displayName = "DataValidationCardRanges";
-var Za = {
-	key: "data-validation",
-	messageKeys: {
-		none: l("dataValidation.none"),
-		addPrompt: l("dataValidation.addPrompt"),
-		heading: l("dataValidation.heading"),
-		insert: l("dataValidation.insert"),
-		new: l("dataValidation.new"),
-		moveUp: l("dataValidation.moveUp"),
-		moveDown: l("dataValidation.moveDown"),
-		edit: l("dataValidation.edit"),
-		duplicate: l("dataValidation.duplicate"),
-		delete: l("dataValidation.delete"),
-		cancel: l("dataValidation.cancel"),
-		save: l("dataValidation.save")
-	},
-	getCollection: (e) => e.getDataValidations(),
-	changeEvents: ["onDataValidationsChange"],
-	isReadOnly: (e) => e.getProtection().isLocked() || e.getProtection().isReadOnly(),
-	applyUpdate: (e, t) => {
-		e.update(t);
-	},
-	validate: (e) => e.getCondition()?.validate() ?? null,
-	applyNewDefaults: (e) => {
-		e.update({
-			alertStyle: v.AlertStyle.Stop,
-			showAlertMessage: !0
-		});
-	},
-	applySeed: (e, t) => {
-		e.update(t);
-	},
-	getCardTitle: Va,
-	CardMedia: ({ item: e }) => (0, Z.jsx)(Ba, {
-		dataValidation: e,
-		size: 32
-	}),
-	CardSubtitle: Xa,
-	CardBody: Ya,
-	EditorBody: ({ item: e }) => (0, Z.jsx)(Ka, { dataValidation: e })
-}, Qa = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { workbook: n, args: r, ...i } = e;
-	return (0, Z.jsx)(Rt, {
-		ref: t,
-		workbook: n,
-		descriptor: Za,
-		args: r,
-		dragReorder: !0,
-		...i
-	});
-}));
-Qa.displayName = "DataValidationDetailsPanel", $t(), lt("shape", {
-	key: "changeShapeGallery",
-	render: (e) => (0, Z.jsx)(an, {
-		...e,
-		commandKey: "changeShape",
-		excludeCategories: Kr
-	})
-}, {
-	order: -1,
-	divider: "after"
-}), de("shape", () => import("./DlpgIJxNq2V4gdDq.js").then((e) => e.ShapeFormatPanel)), lt("picture", {
-	key: "changePictureOptions",
-	defaultKey: "changePictureFromFile",
-	members: ["changePictureFromFile", "changePictureFromURL"]
-}, {
-	order: -1,
-	divider: "after"
-}), Zt(), x.register("plugin-table", { icons: {} }), G.registerTaskPane({
-	key: "dataValidationDetails",
-	getTitle: () => "Data Validation",
-	getIcon: () => "DataValidation",
-	component: (e) => {
-		let { model: t, entryKey: n, frame: r, args: i, ref: a, ...o } = e;
-		return (0, Z.jsx)(Qa, {
-			ref: a,
-			workbook: t,
-			args: i,
-			...o
-		});
-	}
-}, !0), G.registerTaskPane({
-	key: "conditionalFormatDetails",
-	getTitle: () => "Conditional Formatting",
-	getIcon: () => "FormatPaint",
-	component: (e) => {
-		let { model: t, entryKey: n, frame: r, args: i, ref: a, ...o } = e;
-		return (0, Z.jsx)(Gr, {
-			ref: a,
-			workbook: t,
-			args: i,
-			...o
-		});
-	}
-}, !0), Xt(), qt(), Vt(), Lt(), Ht(), yn();
-var $a = () => {
-	let e, t, n = new Promise((n, r) => {
-		e = n, t = r;
-	}), r = {
-		promise: n,
-		settled: !1,
-		resolve: (t) => {
-			r.settled = !0, e(t);
-		},
-		reject: (e) => {
-			r.settled = !0, t(e);
-		}
-	};
-	return n.catch(() => {}), r;
-}, eo = (e, t) => {
-	if (!e) return {};
-	let { colorSchemes: n, ...r } = e, i = n?.[t ? "dark" : "light"];
-	return i && typeof i == "object" ? a.deepMerge(r, i) : r;
-}, to = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { host: n, scopeClass: r, square: o, elevation: s, variant: c, onWorkbookLoad: l, prefetch: u, onDocumentError: d, renderDocumentError: f = Dn, propsDocumentError: p, propsTaskPaneArea: m, renderTaskPaneArea: h = no, taskPaneSide: g = "right", onKeyDown: _, workbook: v, onWorkbookChange: y, logo: C, topLeft: w, topRight: T, muiTheme: D, tokens: ne, cssBaseline: k, autoFocus: j = !1, title: M, onDirtyChange: oe, propsDocumentTitle: N, renderDocumentLoading: de = cn, propsDocumentLoading: fe, propsWorkbook: P, showFormulaBar: pe, propsFormulaBar: me, renderFormulaBar: F, formulaBarPlacement: he, manageVisualViewport: ge = !0, editable: _e, showStatusBar: ve, propsStatusBar: ye, renderStatusBar: be, propsToolbar: Se, renderToolbar: Te } = e, L = (0, X.useRef)(null), Ee = (0, X.useRef)(null), De = (0, X.useRef)(null), Oe = A(() => {
-		De.current?.getNamedCollectionEditorElement?.()?.focus?.();
-	}, []), R = ((e, t = typeof window > "u" ? "mouse" : le.detectIt().primaryInput) => e === "top" || e === "bottom" ? e : t === "touch" ? "bottom" : "top")(he), ke = R === "bottom" && ge, Ae = re(ke), je = Ae ? Math.max(0, Math.round(window.innerHeight - Ae.height)) : 0, Me = Ae ? Math.round(Ae.offsetTop) : 0, Ne = Ae?.height;
-	(0, X.useEffect)(() => {
-		ke && Ne !== void 0 && (window.scrollX === 0 && window.scrollY === 0 || window.scrollTo(0, 0));
-	}, [ke, Ne]);
-	let Pe = A(d ?? (() => {}), [d]), Fe = A(oe ?? (() => {}), [oe]), Ie = N?.placeHolder, [Le] = S(gt.Mode, Et[gt.Mode]), { themeMode: Re } = ce({ mode: Le ?? void 0 }), [ze] = S(te.Active, null), Be = (0, X.useRef)(ze);
-	Be.current = ze;
-	let z = O(), B = (0, X.useMemo)(() => ({
-		light: we(!1, a.deepMerge(eo(D, !1), Sn(z?.light))),
-		dark: we(!0, a.deepMerge(eo(D, !0), Sn(z?.dark)))
-	}), [
-		D,
-		z?.light,
-		z?.dark
-	]), Ue = Re === "dark", We = (0, X.useMemo)(() => on(B.light, B.dark, `.${r}`, ne), [
-		B,
-		r,
-		ne
-	]), Ge = (0, X.useMemo)(() => ht("sxl-defaults", `.${r}`), [r]), Ke = ut(), [qe, Je] = (0, X.useState)(() => v ?? null);
-	(0, X.useEffect)(() => {
-		Je(v ?? null);
-	}, [v]);
-	let [Ye, Xe] = (0, X.useState)(0), Ze = (0, X.useRef)(null);
-	Ze.current ||= $a();
-	let Qe = bt(qe, {
-		io: W,
-		defaultTheme: Ke.getDefaultTheme(),
-		reloadKey: Ye
-	}), V = Qe.status === "loaded" ? Qe.workbook : null, H = (0, X.useMemo)(() => Qe.status === "error" ? {
-		status: "error",
-		error: Qe.error
-	} : Qe.status === "loaded" ? {
-		status: "loaded",
-		workbook: Qe.workbook
-	} : { status: "loading" }, [Qe]);
-	(0, X.useEffect)(() => {
-		Ze.current.settled && (Ze.current = $a());
-	}, [qe, Ye]), (0, X.useEffect)(() => {
-		H.status === "loaded" ? Ze.current.resolve(H.workbook) : H.status === "error" && (Pe?.(H.error), Ze.current.reject(H.error));
-	}, [H]);
-	let [U, et] = (0, X.useState)(null);
-	V && !U && et(V);
-	let it = V && U && V !== U ? V : null, ot = (0, X.useRef)(it);
-	ot.current = it;
-	let st = (0, X.useRef)(U);
-	st.current = U;
-	let ct = (0, X.useRef)([]), lt = (0, X.useCallback)((e) => {
-		let t = st.current;
-		t && ct.current.push(t), Je(e);
-	}, []);
-	(0, X.useEffect)(() => {
-		let e = ct.current;
-		if (e.length !== 0) {
-			ct.current = e.filter((e) => e === U);
-			for (let t = 0; t < e.length; t++) {
-				let n = e[t];
-				if (n !== U) try {
-					n.close();
-				} catch (e) {
-					console.warn("Unable to close the replaced workbook", e);
-				}
-			}
-		}
-	}, [U]);
-	let ft = _e ? null : U, pt = at(), mt = (0, X.useMemo)(() => ft ? tt(ft.getSelectedSheet(), { referenceMode: pt }) : null, [ft, pt]), G = _e ?? mt, _t = (0, X.useRef)(G);
-	_t.current = G, (0, X.useEffect)(() => {
-		if (!G) return;
-		let e = G.getSession();
-		return G.subscribe(() => {
-			let t = e;
-			e = G.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && De.current?.contains?.(document.activeElement) && L.current?.focus();
-		});
-	}, [G]);
-	let vt = Tt(U), { isDirty: yt, saveState: xt } = wt(U, W), St = Ot(U), Ct = (0, X.useRef)(xt), Dt = (0, X.useRef)(null);
-	Ct.current = xt;
-	let kt = (0, X.useCallback)(() => Ct.current?.isDirty() ?? !1, []), At = (0, X.useRef)(H);
-	At.current = H;
-	let [jt, Mt] = (0, X.useState)(null), Nt = M ?? N?.title, [Pt, K] = (0, X.useState)(null);
-	(0, X.useEffect)(() => {
-		K(null);
-	}, [U]);
-	let Ft = Nt ?? Pt ?? vt ?? "";
-	(0, X.useEffect)(() => {
-		Fe?.(yt);
-	}, [yt]);
-	let It = A(y ?? (() => {}), [y]);
-	(0, X.useEffect)(() => {
-		It?.(V);
-	}, [V]);
-	let Lt = (0, X.useRef)(V);
-	Lt.current = V, ue(U, "onViewChange");
-	let Rt = (0, X.useMemo)(() => (0, Z.jsx)(Ve, {
-		groupKey: "helpOptions",
-		disableHover: !0,
-		sx: { padding: "0" },
-		propsButton: { sx: { maxHeight: "22px" } }
-	}), []), [Vt, q] = (0, X.useState)(null), Ht = (0, X.useCallback)((e) => {
-		q(e);
-	}, []);
-	(0, X.useEffect)(() => {
-		x.prefetch().catch((e) => {
-			console.warn("Icons could not be loaded:", e);
-		});
-	}, []);
-	let Ut = (0, X.useRef)(null);
-	Ut.current ||= $a();
-	let Wt = (0, X.useRef)(null), Gt = (0, X.useCallback)(() => Wt.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? Ut.current.promise, []), Kt = A(async (e) => {
-		let t = Be.current;
-		t && t !== i.getActive() && await i.setActive(t), await E.DefaultCommandCatalogService.prefetch(t ?? void 0), Mt(e), Wt.current = e.source, Ut.current.settled || Ut.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), l?.(e);
-	}, []), qt = (0, X.useRef)(null), Jt = (0, X.useCallback)((e) => {
-		let t = null, n = {
-			readOnly: !0,
-			...N
-		};
-		return N?.hidden || (t = (0, Z.jsx)(zt, {
-			...n,
-			style: {
-				maxWidth: "100%",
-				...N?.style
-			},
-			workbook: e.workbook ?? L.current,
-			ref: qt,
-			title: Ft,
-			modified: yt,
-			encrypted: St,
-			placeHolder: Ie,
-			onTitleChange: (e) => {
-				K(e), N?.onTitleChange?.(e);
-			}
-		})), (0, Z.jsx)(_a, {
-			...e,
-			logo: C,
-			mainElement: t,
-			startElement: w,
-			endElement: T
-		});
-	}, [
-		C,
-		Ft,
-		yt,
-		St,
-		N,
-		w,
-		T
-	]);
-	(0, X.useEffect)(() => {
-		let e = L.current;
-		if (!e) return;
-		let t = (t) => {
-			(t.ctrlKey || t.metaKey || se.getWheelOwner(t, e) !== "native") && t.preventDefault();
-		};
-		return e.addEventListener("wheel", t, { passive: !1 }), () => {
-			e.removeEventListener("wheel", t);
-		};
-	}, [jt]);
-	let [Yt, J] = (0, X.useState)(null);
-	(0, X.useEffect)(() => {
-		J(jt?.source?.getCommandScope?.() ?? null);
-	}, [jt]);
-	let Xt = (0, X.useMemo)(() => ({
-		"& .SnackbarContainer-root": { position: "absolute !important" },
-		"& .notistack-SnackbarContainer > div": { maxWidth: "min(100%, 720px)" },
-		"& .notistack-Snackbar": { minWidth: "unset" },
-		"& .notistack-Snackbar > .error-snackbar .MuiTypography-root": { color: (e) => e.palette.getContrastText(e.palette.error.main) },
-		"& .notistack-Snackbar > .error-snackbar .MuiCardActions-root": { color: (e) => e.palette.getContrastText(e.palette.error.main) },
-		"& .notistack-Snackbar > .error-snackbar .MuiButtonBase-root": { color: (e) => e.palette.getContrastText(e.palette.error.main) },
-		"& .notistack-MuiContent *": { fontFamily: (e) => e.typography.fontFamily },
-		"& #notistack-snackbar": {
-			maxWidth: "560px",
-			whiteSpace: "pre-wrap"
-		},
-		"*": { userSelect: "none" }
-	}), []), [Y, Zt] = (0, X.useState)(null), [, Qt] = S(null, !1);
-	(0, X.useEffect)(() => {
-		Qt(Y != null);
-	}, [Y, Qt]);
-	let $t = (0, X.useCallback)((e) => h({
-		model: U,
-		side: g,
-		...e,
-		...m
-	}), [
-		U,
-		g,
-		m
-	]), tn = (0, X.useRef)(n);
-	tn.current = n, ie(t, () => ({
-		isStudioElement: () => !0,
-		save: (e) => {
-			let t = Dt.current;
-			return t ? t(e) : Promise.reject(Error("The studio cannot save: no workbook, or the backing store cannot write."));
-		},
-		getWorkbookElement: () => L.current,
-		getWorkbook: () => Lt.current ?? null,
-		isDirty: () => Ct.current?.isDirty() ?? !1,
-		getEditable: () => _t.current,
-		getFormulaBarElement: () => De.current ?? null,
-		focus: () => L.current?.focus(),
-		whenReady: () => (Ze.current ||= $a(), Ze.current.promise),
-		getWorkbookState: () => At.current,
-		retry: () => Xe((e) => e + 1)
-	}), [], n);
-	let nn = (0, X.useRef)(!1), rn = A((e, t) => {
-		t === ot.current && requestAnimationFrame(() => requestAnimationFrame(() => {
-			t === ot.current && (nn.current = tn.current?.contains(document.activeElement) ?? !0, et(t), Kt(e));
-		}));
-	}, []);
-	(0, X.useEffect)(() => {
-		nn.current && (nn.current = !1, L.current?.focus());
-	}, [U]);
-	let an = (0, X.useCallback)(() => (0, Z.jsx)(Z.Fragment, {}), []), sn = (0, X.useCallback)((e) => {
-		let { ref: t, ...n } = e, r = Ue ? B.dark : B.light, i = H.status === "error" ? f({
-			...p,
-			style: {
-				width: "100%",
-				height: "100%",
-				...p?.style
-			},
-			error: H.error
-		}) : null;
-		if (i && !U) return (0, Z.jsx)(xe, {
-			style: {
-				width: "100%",
-				height: "100%",
-				position: "absolute",
-				display: "flex",
-				alignItems: "stretch",
-				justifyContent: "stretch"
-			},
-			children: i
-		});
-		let a = null;
-		if (U) {
-			let e = U, i = e.getView(), o = pe ?? i?.isShowFormulaBar(), s = ve ?? i?.isShowStatusBar(), c = jt?.source ?? L.current, l = (Te ?? Jt)({
-				workbook: c,
-				...Se
-			}), d = R === "bottom", f = o ? (F ?? Bt)({
-				ref: De,
-				style: {
-					marginTop: r.spacing(d ? .5 : .25),
-					marginLeft: r.spacing(1),
-					marginRight: r.spacing(1),
-					marginBottom: r.spacing(d ? .5 : .75)
-				},
-				workbook: e,
-				editable: G ?? void 0,
-				placement: R,
-				...me,
-				propsNamedCollectionEditor: {
-					restoreFocus: (e) => c?.focus(e),
-					...me?.propsNamedCollectionEditor
-				}
-			}) : null, p = s ? (be ?? fn)({
-				childrenEnd: Rt,
-				...ye
-			}) : null, m = (e, r) => (0, Z.jsx)(en, {
-				...P,
-				tabIndex: 0,
-				autoFocus: !r && j,
-				workbook: e,
-				editable: r ? void 0 : G ?? void 0,
-				focusNameBox: r ? void 0 : Oe,
-				prefetch: !r && u,
-				ref: r ? Ee : ln([t, L]),
-				onWorkbookLoad: r ? (t) => rn(t, e) : Kt,
-				onKeyDown: (e) => {
-					_?.(e);
-				},
-				propsWorkbookLoading: fe,
-				renderWorkbookLoading: an,
-				style: r ? {
-					...P?.style,
-					position: "absolute",
-					inset: 0,
-					visibility: "hidden"
-				} : {
-					flex: "1 1 100%",
-					minHeight: 0,
-					...P?.style
-				},
-				onContextMenu: (e) => e.preventDefault(),
-				...r ? null : n
-			}, e.getId());
-			a = (0, Z.jsx)("div", {
-				style: {
-					display: "flex",
-					flexDirection: "column",
-					flex: "1 1 100%",
-					minWidth: 0,
-					minHeight: 0,
-					...rt({
-						window: r.palette.background.default,
-						windowText: r.palette.text.primary
-					})
-				},
-				children: Ia(R, {
-					toolbar: l,
-					formulaBar: f,
-					statusBar: p,
-					main: (0, Z.jsx)(Pa, {
-						taskSide: g,
-						persistKey: "taskPanePosition",
-						sidebarElement: Y ? (0, Z.jsx)(E.CommandScopeProvider, {
-							scope: Yt,
-							children: Y
-						}) : void 0,
-						mainElement: (0, Z.jsxs)("div", {
-							style: {
-								position: "relative",
-								display: "flex",
-								flexDirection: "column",
-								flex: "1 1 100%",
-								minWidth: 0,
-								minHeight: 0
-							},
-							children: [[m(U, !1), it ? m(it, !0) : null], (0, Z.jsx)(I, {
-								ref: Ht,
-								sx: {
-									position: "absolute",
-									top: "10%",
-									left: 0,
-									right: 0,
-									bottom: 0,
-									pointerEvents: "none",
-									"& > :first-of-type": { position: "relative" }
-								}
-							})]
-						})
-					})
-				})
-			});
-		}
-		let l = jt ? null : de({ ...fe });
-		return (0, Z.jsxs)(xe, {
-			sx: Xt,
-			style: {
-				width: "100%",
-				height: je ? `calc(100% - ${je}px)` : "100%",
-				transform: Me ? `translateY(${Me}px)` : void 0,
-				overscrollBehavior: ke ? "none" : void 0,
-				position: "absolute",
-				display: "flex",
-				alignItems: "stretch",
-				justifyContent: "stretch",
-				backgroundColor: "var(--sxl-color-base-200)"
-			},
-			className: "eager-studio",
-			square: o,
-			elevation: s,
-			variant: c,
-			children: [
-				a,
-				i ? (0, Z.jsx)(xe, {
-					style: {
-						position: "absolute",
-						inset: 0,
-						display: "flex",
-						alignItems: "stretch",
-						justifyContent: "stretch"
-					},
-					children: i
-				}) : null,
-				l ? (0, Z.jsx)("div", {
-					style: {
-						position: "absolute",
-						inset: 0,
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "center",
-						background: `var(--sxl-color-base-100, ${Ue ? "#121212" : "#fff"})`
-					},
-					children: l
-				}) : null
-			]
-		});
-	}, [
-		H,
-		U,
-		it,
-		jt,
-		Ft,
-		de,
-		fe,
-		an,
-		P,
-		o,
-		s,
-		c,
-		Rt,
-		f,
-		p,
-		Jt,
-		Xt,
-		Y,
-		g,
-		Yt,
-		pe,
-		me,
-		F,
-		R,
-		G,
-		ve,
-		ye,
-		be,
-		Se,
-		Te,
-		ke,
-		je,
-		Me,
-		B,
-		Ue
-	]), un = (0, Z.jsx)(pa, {
-		maxSnack: 3,
-		domRoot: Vt ?? void 0,
-		anchorOrigin: {
-			vertical: "bottom",
-			horizontal: "right"
-		},
-		autoHideDuration: 3500,
-		onClose: (e, t, n) => {
-			L.current?.focus();
-		},
-		Components: { error: ha },
-		iconVariant: {
-			success: (0, Z.jsx)(Ce, {
-				style: { marginRight: "8px" },
-				children: (0, Z.jsx)("path", { d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" })
-			}),
-			error: (0, Z.jsx)(b, {
-				iconKey: "ErrorAlert",
-				style: { marginRight: "8px" }
-			})
-		},
-		children: (0, Z.jsx)(nt, {
-			workbook: U,
-			children: (0, Z.jsx)(dt, {
-				renderArea: $t,
-				onUpdateArea: (e) => {
-					Zt(e);
-				},
-				children: (0, Z.jsx)($e, { children: (0, Z.jsx)(Da, { children: (0, Z.jsx)(ae, { children: (0, Z.jsx)(ee, { children: (0, Z.jsx)(wa, {
-					workbook: U,
-					initialCommandAnchor: Gt,
-					renderWorkbook: sn,
-					setWorkbook: lt,
-					titleWorkbook: Ft,
-					setWorkbookTitle: K,
-					refDocumentTitle: qt,
-					isDirty: kt,
-					refSave: Dt,
-					host: n
-				}) }) }) }) })
-			})
-		})
-	});
-	return un = (0, Z.jsxs)(Qn, {
-		theme: Ue ? B.dark : B.light,
-		children: [
-			k ? (0, Z.jsx)(dr, {}) : null,
-			(0, Z.jsx)("style", { children: We }),
-			(0, Z.jsx)("style", { children: Ge }),
-			(0, Z.jsx)(He, {
-				themeScopeClass: r,
-				themeSurface: "app",
-				themeMode: Re,
-				children: un
-			})
-		]
-	}), un;
-}));
-to.displayName = "EagerStudio";
-var no = (e) => (0, Z.jsx)(ja, { ...e });
-export { to as EagerStudio, to as default };