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

package/browser/esm/WMYR09ZOR8JbZEnx.mjs

@@ -0,0 +1,4748 @@
+/**
+* @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 { r as e } from "./DLqc11Pf8vaE4Q5B.mjs";
+import { i as t, n, r } from "./C4VT6lNbpaDXCpBb.mjs";
+import { M as i, O as a, P as o, T as s, X as c, a as l, b as u, o as d, u as f, w as p } from "./CMxbiQ5J79M3n1tk.mjs";
+import { r as m, t as h } from "./D2aQPiGg0ZoMYzuf.mjs";
+import { Et as g, J as _, K as v, R as y, at as b, ct as x, dt as S, et as C, g as ee, h as w, ht as te, i as T, l as E, m as D, rt as O, tt as k, ut as A, v as j, w as ne, xt as re, y as ie, z as ae } from "./BThOwSja2ra4xejQ.mjs";
+import { t as M } from "./DjdkGy-EI1kSo226.mjs";
+import { t as N } from "./BCWTI3jdTPG37r8W.mjs";
+import { h as oe } from "./DAprxR00V9qvNLL2.mjs";
+import { E as se, N as ce, W as le, bt as P } from "./CWoPWWRwMgkGPFFP.mjs";
+import { $ as F, It as I, zt as L } from "./BNIInlJQbJjH8B6G.mjs";
+import { B as ue, C as de, Ct as fe, D as pe, E as me, F as he, Ft as ge, H as _e, M as ve, Nt as ye, O as be, Ot as xe, W as Se, Y as Ce, _ as we, ct as Te, d as Ee, et as R, h as De, it as Oe, jt as ke, k as z, kt as Ae, lt as je, n as Me, nt as Ne, o as Pe, pt as Fe, q as Ie, ut as Le, vt as Re, w as ze, x as Be, y as Ve } from "./sxxbiJiCMOW2Eivd.mjs";
+import { M as He, S as Ue, _ as We, b as Ge, d as Ke, g as qe, i as Je, n as Ye, s as Xe, t as B, v as V, z as Ze } from "./rkTVQiYG3wd8oPom.mjs";
+import { B as Qe, N as $e, Q as et, _ as tt, _t as nt, a as rt, b as it, gt as at, i as ot, j as H, lt as st, st as U, vt as W, xt as G, yt as K } from "./CtZPEkaldpJpoGtW.mjs";
+import { D as ct, E as lt, T as ut, m as dt, t as ft, y as pt } from "./D2coM-dNrlLpnUu5.mjs";
+import { $t as mt, A as ht, An as gt, Bt as _t, Cn as vt, Et as q, Ft as J, G as yt, Jt as bt, Lt as xt, Mn as Y, Nn as St, Nt as Ct, Ot as wt, P as Tt, Pn as Et, Qt as Dt, Rt as Ot, St as kt, T as At, V as jt, Wt as Mt, Z as Nt, _n as Pt, c as Ft, cn as It, en as Lt, f as Rt, ft as zt, gn as Bt, jn as Vt, jt as Ht, lt as Ut, m as Wt, nn as Gt, nt as Kt, on as qt, p as Jt, pn as Yt, rn as Xt, rt as Zt, tt as Qt, vn as $t, vt as en, wt as tn, xn as nn, yn as rn, yt as an } from "./D7kkzIFPqKBK94kO.mjs";
+import { n as on, t as sn } from "./r2Az2Yc4_qj2-sn0.mjs";
+import { t as cn } from "./-LoBx7J6imeqaxCq.mjs";
+import { D as ln, N as un, S as dn, c as fn, f as pn, g as mn, h as hn, i as gn, l as _n, m as vn, o as yn, s as bn, t as xn, u as Sn, z as Cn } from "./DvWCBuY0jAL-RmJV.mjs";
+import { t as X } from "./CVxlfyE-gnJM8hOz.mjs";
+import { t as wn } from "./kVBPUUnVyZfb8pf3.mjs";
+import { i as Tn, p as En } from "./D8exjrado9TJrBp-.mjs";
+import { n as Dn } from "./D7CGuQcwpkiuesEI.mjs";
+var Z = e(t(), 1), On = Z.createContext(null);
+function kn() {
+	return Z.useContext(On);
+}
+var An = typeof Symbol == "function" && Symbol.for ? Symbol.for("mui.nested") : "__THEME_NESTED__", Q = e(r(), 1);
+function jn(e) {
+	let { children: t, theme: n } = e, r = kn(), i = Z.useMemo(() => {
+		let e = r === null ? { ...n } : function(e, t) {
+			return typeof t == "function" ? t(e) : {
+				...e,
+				...t
+			};
+		}(r, n);
+		return e != null && (e[An] = r !== null), e;
+	}, [n, r]);
+	return (0, Q.jsx)(On.Provider, {
+		value: i,
+		children: t
+	});
+}
+var Mn = {};
+function Nn(e, t, n, r = !1) {
+	return Z.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 Pn(e) {
+	let { children: t, theme: n, themeId: r } = e, i = Ge(Mn), a = kn() || Mn, o = Nn(r, i, n), s = Nn(r, a, n, !0), c = (r ? o[r] : o).direction === "rtl", l = function(e) {
+		let t = Ge(), n = nt() || "", { 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};` : "", G(() => {
+			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, Q.jsx)(lt, { styles: i }) : null;
+	}(o);
+	return (0, Q.jsx)(jn, {
+		theme: s,
+		children: (0, Q.jsx)(He.Provider, {
+			value: o,
+			children: (0, Q.jsx)(K, {
+				value: c,
+				children: (0, Q.jsxs)(W, {
+					value: r ? o[r].components : o.components,
+					children: [l, t]
+				})
+			})
+		})
+	});
+}
+var Fn = "mode", In = "color-scheme", Ln = "data-color-scheme";
+({ ...Z }).useSyncExternalStore;
+function Rn(e) {
+	return JSON.stringify(e).replace(/</g, "\\u003c").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+}
+function zn(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(Rn(n[e]));
+	return r.join(" + ") || "\"\"";
+}
+function Bn() {}
+var Vn = ({ 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 Bn;
+		let r = (t) => {
+			let r = t.newValue;
+			t.key === e && n(r);
+		};
+		return t.addEventListener("storage", r), () => {
+			t.removeEventListener("storage", r);
+		};
+	}
+});
+function Hn() {}
+function Un(e) {
+	if (typeof window < "u" && typeof window.matchMedia == "function" && e === "system") return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function Wn(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 Gn(e) {
+	let { defaultMode: t = "light", defaultLightColorScheme: n, defaultDarkColorScheme: r, supportedColorSchemes: i = [], modeStorageKey: a = Fn, colorSchemeStorageKey: o = In, storageWindow: s = typeof window > "u" ? void 0 : window, storageManager: c = Vn, noSsr: l = !1 } = e, u = i.join(","), d = i.length > 1, f = Z.useMemo(() => c?.({
+		key: a,
+		storageWindow: s
+	}), [
+		c,
+		a,
+		s
+	]), p = Z.useMemo(() => c?.({
+		key: `${o}-light`,
+		storageWindow: s
+	}), [
+		c,
+		o,
+		s
+	]), m = Z.useMemo(() => c?.({
+		key: `${o}-dark`,
+		storageWindow: s
+	}), [
+		c,
+		o,
+		s
+	]), [h, g] = Z.useState(() => {
+		let e = f?.get(t) || t, i = p?.get(n) || n, a = m?.get(r) || r;
+		return {
+			mode: e,
+			systemMode: Un(e),
+			lightColorScheme: i,
+			darkColorScheme: a
+		};
+	}), [_, v] = Z.useState(l || !d);
+	Z.useEffect(() => {
+		v(!0);
+	}, []);
+	let y = function(e) {
+		return Wn(e, (t) => t === "light" ? e.lightColorScheme : t === "dark" ? e.darkColorScheme : void 0);
+	}(h), b = Z.useCallback((e) => {
+		g((n) => {
+			if (e === n.mode) return n;
+			let r = e ?? t;
+			return f?.set(r), {
+				...n,
+				mode: r,
+				systemMode: Un(r)
+			};
+		});
+	}, [f, t]), x = Z.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 Wn(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 = Z.useCallback((e) => {
+		h.mode === "system" && g((t) => {
+			let n = e?.matches ? "dark" : "light";
+			return t.systemMode === n ? t : {
+				...t,
+				systemMode: n
+			};
+		});
+	}, [h.mode]), C = Z.useRef(S);
+	return C.current = S, Z.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]), Z.useEffect(() => {
+		if (d) {
+			let e = f?.subscribe((e) => {
+				e && ![
+					"light",
+					"dark",
+					"system"
+				].includes(e) || b(e || t);
+			}) || Hn, n = p?.subscribe((e) => {
+				e && !u.match(e) || x({ light: e });
+			}) || Hn, r = m?.subscribe((e) => {
+				e && !u.match(e) || x({ dark: e });
+			}) || Hn;
+			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 Kn({ theme: e, ...t }) {
+	let n = "$$material" in e ? e[Ze] : void 0;
+	return (0, Q.jsx)(Pn, {
+		...t,
+		themeId: n ? Ze : void 0,
+		theme: n || e
+	});
+}
+var { CssVarsProvider: qn, useColorScheme: Jn, getInitColorSchemeScript: Yn } = function(e) {
+	let { themeId: t, theme: n = {}, modeStorageKey: r = Fn, colorSchemeStorageKey: i = In, 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 = Z.createContext(void 0), u = {}, d = {}, f = typeof o == "string" ? o : o.light, p = typeof o == "string" ? o : o.dark;
+	return {
+		CssVarsProvider: function(e) {
+			let { children: c, theme: f, modeStorageKey: p = r, colorSchemeStorageKey: m = i, disableTransitionOnChange: h = a, storageManager: g, storageWindow: _ = typeof window > "u" ? void 0 : window, documentNode: v = typeof document > "u" ? void 0 : document, colorSchemeNode: y = typeof document > "u" ? void 0 : document.documentElement, disableNestedContext: b = !1, disableStyleSheetGeneration: x = !1, defaultMode: S = "system", forceThemeRerender: C = !1, noSsr: ee } = e, w = Z.useRef(!1), te = kn(), T = Z.useContext(l), E = !!T && !b, D = Z.useMemo(() => f || (typeof n == "function" ? n() : n), [f]), O = D[t], k = O || D, { colorSchemes: A = u, components: j = d, cssVarPrefix: ne } = k, re = Object.keys(A).filter((e) => !!A[e]).join(","), ie = Z.useMemo(() => re.split(","), [re]), ae = typeof o == "string" ? o : o.light, M = typeof o == "string" ? o : o.dark, { mode: N, setMode: oe, systemMode: se, lightColorScheme: ce, darkColorScheme: le, colorScheme: P, setColorScheme: F } = Gn({
+				supportedColorSchemes: ie,
+				defaultLightColorScheme: ae,
+				defaultDarkColorScheme: M,
+				modeStorageKey: p,
+				colorSchemeStorageKey: m,
+				defaultMode: A[ae] && A[M] ? S : A[k.defaultColorScheme]?.palette?.mode || k.palette?.mode,
+				storageManager: g,
+				storageWindow: _,
+				noSsr: ee
+			}), I = N, L = P;
+			E && (I = T.mode, L = T.colorScheme);
+			let ue = L || k.defaultColorScheme;
+			k.vars && !C && (ue = k.defaultColorScheme);
+			let de = Z.useMemo(() => {
+				let e = k.generateThemeVars?.() || k.vars, t = {
+					...k,
+					components: j,
+					colorSchemes: A,
+					cssVarPrefix: ne,
+					vars: e
+				};
+				if (typeof t.generateSpacing == "function" && (t.spacing = t.generateSpacing()), ue) {
+					let e = A[ue];
+					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;
+			}, [
+				k,
+				ue,
+				j,
+				A,
+				ne
+			]), fe = k.colorSchemeSelector;
+			G(() => {
+				if (L && y && fe && fe !== "media") {
+					let e = fe, t = fe;
+					if (e === "class" && (t = ".%s"), e === "data" && (t = "[data-%s]"), e?.startsWith("data-") && !e.includes("%s") && (t = `[${e}="%s"]`), t.startsWith(".")) y.classList.remove(...ie.map((e) => t.substring(1).replace("%s", e))), y.classList.add(t.substring(1).replace("%s", L));
+					else {
+						let e = t.replace("%s", L).match(/\[([^\]]+)\]/);
+						if (e) {
+							let [t, n] = e[1].split("=");
+							n || ie.forEach((e) => {
+								y.removeAttribute(t.replace(L, e));
+							}), y.setAttribute(t, n ? n.replace(/"|'/g, "") : "");
+						} else y.setAttribute(t, L);
+					}
+				}
+			}, [
+				L,
+				fe,
+				y,
+				ie
+			]), Z.useEffect(() => {
+				let e;
+				if (h && w.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);
+				};
+			}, [
+				L,
+				h,
+				v
+			]), Z.useEffect(() => (w.current = !0, () => {
+				w.current = !1;
+			}), []);
+			let pe = Z.useMemo(() => ({
+				allColorSchemes: ie,
+				colorScheme: L,
+				darkColorScheme: le,
+				lightColorScheme: ce,
+				mode: I,
+				setColorScheme: F,
+				setMode: oe,
+				systemMode: se
+			}), [
+				ie,
+				L,
+				le,
+				ce,
+				I,
+				F,
+				oe,
+				se,
+				de.colorSchemeSelector
+			]), me = !0;
+			(x || !1 === k.cssVariables || E && te?.cssVarPrefix === ne) && (me = !1);
+			let he = (0, Q.jsxs)(Z.Fragment, { children: [(0, Q.jsx)(Pn, {
+				themeId: O ? t : void 0,
+				theme: de,
+				children: c
+			}), me && (0, Q.jsx)(ct, { styles: de.generateStyleSheets?.() || [] })] });
+			return E ? he : (0, Q.jsx)(l.Provider, {
+				value: pe,
+				children: he
+			});
+		},
+		useColorScheme: () => Z.useContext(l) || c,
+		getInitColorSchemeScript: (e) => function(e) {
+			let { defaultMode: t = "system", defaultLightColorScheme: n = "light", defaultDarkColorScheme: r = "dark", modeStorageKey: i = Fn, colorSchemeStorageKey: a = In, attribute: o = Ln, 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(${zn(e, "light")}, ${zn(e, "dark")});\n      ${s}.classList.add(${zn(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(${zn(t, "light")});\n      ${s}.removeAttribute(${zn(t, "dark")});`);
+				let r = n ? zn(n.replace(/^(['"])(.*)\1$/, "$2"), "colorScheme") : "\"\"";
+				l += `\n      ${s}.setAttribute(${zn(t, "colorScheme")}, ${r});`;
+			} else u.startsWith(".") || (l += `${s}.setAttribute(${Rn(u)}, colorScheme);`);
+			return (0, Q.jsx)("script", {
+				suppressHydrationWarning: !0,
+				nonce: typeof window > "u" ? c : "",
+				dangerouslySetInnerHTML: { __html: `(function() {\ntry {\n  let colorScheme = '';\n  const mode = localStorage.getItem(${Rn(i)}) || ${Rn(t)};\n  const dark = localStorage.getItem(${Rn(`${a}-dark`)}) || ${Rn(r)};\n  const light = localStorage.getItem(${Rn(`${a}-light`)}) || ${Rn(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: Ze,
+	theme: () => Je({ cssVariables: !0 }),
+	colorSchemeStorageKey: "mui-color-scheme",
+	modeStorageKey: "mui-mode",
+	defaultColorScheme: {
+		light: "light",
+		dark: "dark"
+	},
+	resolveTheme: (e) => {
+		let t = {
+			...e,
+			typography: Xe(e.palette, e.typography)
+		};
+		return t.unstable_sx = function(e) {
+			return Ue({
+				sx: e,
+				theme: this
+			});
+		}, t;
+	}
+}), Xn = qn;
+function Zn({ theme: e, ...t }) {
+	let n = Z.useMemo(() => {
+		if (typeof e == "function") return e;
+		let t = "$$material" in e ? e[Ze] : e;
+		return "colorSchemes" in t ? null : "vars" in t ? e : {
+			...e,
+			vars: null
+		};
+	}, [e]);
+	return n ? (0, Q.jsx)(Kn, {
+		theme: n,
+		...t
+	}) : (0, Q.jsx)(Xn, {
+		theme: e,
+		...t
+	});
+}
+function Qn(e) {
+	return We("MuiCard", e);
+}
+qe("MuiCard", ["root"]);
+var $n = st(Qe, {
+	name: "MuiCard",
+	slot: "Root"
+})({ overflow: "hidden" }), er = Z.forwardRef(function(e, t) {
+	let n = U({
+		props: e,
+		name: "MuiCard"
+	}), { className: r, raised: i = !1, ...a } = n, o = {
+		...n,
+		raised: i
+	}, s = ((e) => {
+		let { classes: t } = e;
+		return at({ root: ["root"] }, Qn, t);
+	})(o);
+	return (0, Q.jsx)($n, {
+		className: V(s.root, r),
+		elevation: i ? 8 : void 0,
+		ref: t,
+		ownerState: o,
+		...a
+	});
+});
+function tr(e) {
+	return We("MuiCardActions", e);
+}
+qe("MuiCardActions", ["root", "spacing"]);
+var nr = st("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 } }
+	}]
+}), rr = Z.forwardRef(function(e, t) {
+	let n = U({
+		props: e,
+		name: "MuiCardActions"
+	}), { disableSpacing: r = !1, className: i, ...a } = n, o = {
+		...n,
+		disableSpacing: r
+	}, s = ((e) => {
+		let { classes: t, disableSpacing: n } = e;
+		return at({ root: ["root", !n && "spacing"] }, tr, t);
+	})(o);
+	return (0, Q.jsx)(nr, {
+		className: V(s.root, i),
+		ownerState: o,
+		ref: t,
+		...a
+	});
+}), ir = typeof ut({}) == "function", ar = (e, t) => ({
+	WebkitFontSmoothing: "antialiased",
+	MozOsxFontSmoothing: "grayscale",
+	boxSizing: "border-box",
+	WebkitTextSizeAdjust: "100%",
+	...t && !e.vars && { colorScheme: e.palette.mode }
+}), or = (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 }
+}), sr = (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: ar(e, t),
+		"*, *::before, *::after": { boxSizing: "inherit" },
+		"strong, b": { fontWeight: e.typography.fontWeightBold },
+		body: {
+			margin: 0,
+			...or(e),
+			"&::backdrop": { backgroundColor: (e.vars || e).palette.background.default }
+		},
+		...n
+	}, i = e.components?.MuiCssBaseline?.styleOverrides;
+	return i && (r = [r, i]), r;
+}, cr = "mui-ecs", lr = ut(ir ? ({ theme: e, enableColorScheme: t }) => sr(e, t) : ({ theme: e }) => ((e) => {
+	let t = sr(e, !1), n = Array.isArray(t) ? t[0] : t;
+	return !e.vars && n && (n.html[`:root:has(${cr})`] = { 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(.${cr}))`]: { colorScheme: r.palette?.mode } } : n[i.replace(/\s*&/, "")] = { [`&:not(:has(.${cr}))`]: { colorScheme: r.palette?.mode } };
+	}), t;
+})(e));
+function ur(e) {
+	let { children: t, enableColorScheme: n = !1 } = U({
+		props: e,
+		name: "MuiCssBaseline"
+	});
+	return (0, Q.jsxs)(Z.Fragment, { children: [
+		ir && (0, Q.jsx)(lr, { enableColorScheme: n }),
+		!ir && !n && (0, Q.jsx)("span", {
+			className: cr,
+			style: { display: "none" }
+		}),
+		t
+	] });
+}
+var dr = e(n(), 1), fr = (0, Z.memo)((e) => {
+	let { variant: t = "format", children: n, sx: r, ...i } = e;
+	return (0, Q.jsx)(B, {
+		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
+	});
+});
+fr.displayName = "RuleSection";
+var pr = new ce("transparent"), mr = {
+	lightRedFillDarkRedText: u("conditionalFormat.preset.lightRedFillDarkRedText"),
+	yellowFillDarkYellowText: u("conditionalFormat.preset.yellowFillDarkYellowText"),
+	greenFillDarkGreenText: u("conditionalFormat.preset.greenFillDarkGreenText"),
+	lightRedFill: u("conditionalFormat.preset.lightRedFill"),
+	redText: u("conditionalFormat.preset.redText"),
+	redBorder: u("conditionalFormat.preset.redBorder")
+}, hr = (e) => e ? typeof e == "string" ? e : e.type === se.Type.None ? null : e.color ?? e.foreground ?? null : null, gr = (e, t) => e === "auto" ? null : rn(e, t), _r = (0, Z.memo)((e) => {
+	let { format: t, onFormatChange: n, readOnly: r, ...i } = e, a = k(), { workbook: o, schemeLookup: s, themeKey: c, darkMode: l, propsColorPanel: d } = Xt(), f = t?.font ?? null, p = (f?.weight ?? 400) >= 600, h = f?.style === P.Style.Italic, g = !!f?.underline && f.underline !== P.UnderlineStyle.None, _ = !!f?.strike, v = (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);
+	}, y = (0, Z.useMemo)(() => o?.getStyles().getNormal().getFont().getColor(), [o, c]), b = (0, Z.useMemo)(() => gr(f?.color, o), [
+		f?.color,
+		o,
+		c
+	]), x = (0, Z.useMemo)(() => gr(hr(t?.fill), o), [
+		t?.fill,
+		o,
+		c
+	]), S = {
+		padding: "4px",
+		border: "none",
+		borderRadius: 1
+	};
+	return (0, Q.jsxs)(fr, {
+		...i,
+		children: [(0, Q.jsxs)(B, {
+			sx: {
+				display: "flex",
+				alignItems: "flex-start",
+				gap: 1
+			},
+			children: [(0, Q.jsx)(B, {
+				sx: {
+					flex: "1 1 auto",
+					minWidth: 0,
+					display: "flex",
+					gap: .5,
+					flexWrap: "wrap"
+				},
+				children: Be.map((e, t) => {
+					let i = gr(hr(e.style.fill), o), s = gr(e.style.font?.color, o), c = e.style.borders ? gr(Object.values(e.style.borders)[0]?.color, o) : null;
+					return (0, Q.jsx)(J, {
+						sheet: !0,
+						title: a(mr[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, Q.jsx)(J, {
+				title: a("conditionalFormat.clearStyle"),
+				disabled: r || !t,
+				onClick: () => n(null),
+				sx: {
+					color: "text.secondary",
+					"&:disabled": { opacity: .4 }
+				},
+				children: (0, Q.jsx)(m, {
+					iconKey: "ClearFormats",
+					size: 16
+				})
+			})]
+		}), (0, Q.jsxs)(B, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				gap: .25
+			},
+			children: [
+				(0, Q.jsx)(Y, {
+					value: "bold",
+					size: "small",
+					sx: S,
+					selected: p,
+					disabled: r,
+					onChange: () => v({ weight: p ? void 0 : 700 }),
+					children: (0, Q.jsx)(m, { iconKey: "TextBold" })
+				}),
+				(0, Q.jsx)(Y, {
+					value: "italic",
+					size: "small",
+					sx: S,
+					selected: h,
+					disabled: r,
+					onChange: () => v({ style: h ? void 0 : P.Style.Italic }),
+					children: (0, Q.jsx)(m, { iconKey: "TextItalic" })
+				}),
+				(0, Q.jsx)(Y, {
+					value: "underline",
+					size: "small",
+					sx: S,
+					selected: g,
+					disabled: r,
+					onChange: () => v({ underline: g ? void 0 : P.UnderlineStyle.Single }),
+					children: (0, Q.jsx)(m, { iconKey: "TextUnderline" })
+				}),
+				(0, Q.jsx)(Y, {
+					value: "strike",
+					size: "small",
+					sx: S,
+					selected: _,
+					disabled: r,
+					onChange: () => v({ strike: !_ || void 0 }),
+					children: (0, Q.jsx)(m, { iconKey: "TextStrike" })
+				}),
+				o && (0, Q.jsx)(Mt, {
+					tooltip: a("conditionalFormat.border"),
+					selectedBorder: t?.borders,
+					createBorder: (e) => o.getStyles().getNormal().createStyle({ borders: e }).getBorders(),
+					schemeLookup: s,
+					autoColor: y,
+					darkMode: l,
+					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, Q.jsx)(En, {
+					icon: "fill.colored",
+					tooltip: a("conditionalFormat.fillColor"),
+					selectedColor: x,
+					disabled: r,
+					onSelectColor: (e) => ((e) => {
+						let r = { ...t };
+						e ? r.fill = {
+							type: se.Type.Solid,
+							color: e.toString()
+						} : delete r.fill, n(Object.keys(r).length === 0 ? null : r);
+					})(e),
+					darkMode: l,
+					propsPanel: {
+						disableAlpha: !0,
+						autoColor: pr,
+						autoColorLabelKey: u("color.noFill"),
+						autoColorPosition: Tn.End,
+						...d
+					}
+				}),
+				(0, Q.jsx)(En, {
+					icon: "text.colored",
+					tooltip: a("conditionalFormat.fontColor"),
+					selectedColor: b,
+					disabled: r,
+					onSelectColor: (e) => v({ color: e ? e.toString() : void 0 }),
+					darkMode: l,
+					propsPanel: {
+						disableAlpha: !0,
+						autoColor: y,
+						...d
+					}
+				})
+			]
+		})]
+	});
+});
+_r.displayName = "ConditionalFormatStylePicker";
+var vr = {
+	[L.ColorStopType.AutoMin]: u("conditionalFormat.stopType.autoMin"),
+	[L.ColorStopType.AutoMax]: u("conditionalFormat.stopType.autoMax"),
+	[L.ColorStopType.Min]: u("conditionalFormat.stopType.min"),
+	[L.ColorStopType.Max]: u("conditionalFormat.stopType.max"),
+	[L.ColorStopType.Num]: u("conditionalFormat.stopType.num"),
+	[L.ColorStopType.Percent]: u("conditionalFormat.stopType.percent"),
+	[L.ColorStopType.Percentile]: u("conditionalFormat.stopType.percentile"),
+	[L.ColorStopType.Formula]: u("conditionalFormat.stopType.formula")
+}, yr = /* @__PURE__ */ new Set([
+	L.ColorStopType.AutoMin,
+	L.ColorStopType.AutoMax,
+	L.ColorStopType.Min,
+	L.ColorStopType.Max
+]), br = (0, Z.memo)((e) => {
+	let { label: t, stop: n, onStopChange: r, allowedTypes: i, showColor: a = !1, leading: o, showExclusive: s = !1, readOnly: c, ...l } = e, u = k(), { darkMode: d, toColor: f, propsColorPanel: p } = Xt(), m = kt(), h = n.type ?? L.ColorStopType.Num, g = !yr.has(h), _ = c || !g, v = h === L.ColorStopType.Formula, y = n.value?.isIFormula ? n.value : null, b = n.color, x = a ? f(b) : null;
+	return (0, Q.jsxs)(B, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: .5
+		},
+		...l,
+		children: [
+			t !== void 0 && (0, Q.jsx)(H, {
+				variant: "caption",
+				sx: {
+					color: "text.secondary",
+					flex: "0 0 62px",
+					minWidth: 0,
+					overflow: "hidden",
+					textOverflow: "ellipsis"
+				},
+				children: t
+			}),
+			o,
+			a && (0, Q.jsx)(En, {
+				tooltip: u("conditionalFormat.stopColor"),
+				selectedColor: x,
+				disabled: c,
+				onSelectColor: (e) => {
+					e && r({
+						...n,
+						color: e.toString()
+					});
+				},
+				darkMode: d,
+				propsPanel: {
+					disableAlpha: !0,
+					...p
+				}
+			}),
+			s && (0, Q.jsxs)(ft, {
+				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, Q.jsx)(X, {
+					value: "gte",
+					children: ">="
+				}), (0, Q.jsx)(X, {
+					value: "gt",
+					children: ">"
+				})]
+			}),
+			(0, Q.jsx)(ft, {
+				size: "small",
+				value: h,
+				disabled: c,
+				onChange: (e) => ((e) => {
+					let t = {
+						...n,
+						type: e
+					};
+					if (yr.has(e)) delete t.value;
+					else if (t.value === void 0) t.value = e === L.ColorStopType.Formula ? "" : 0;
+					else if (e !== L.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, Q.jsx)(X, {
+					value: e,
+					children: u(vr[e])
+				}, e))
+			}),
+			v ? (0, Q.jsx)(Dn, {
+				size: "small",
+				home: m.home,
+				value: y ? m.display(y) : `${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, Q.jsx)(cn, {
+				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
+				} } }
+			})
+		]
+	});
+});
+br.displayName = "ScaleStopRow";
+var xr = [
+	L.ColorStopType.Min,
+	L.ColorStopType.Max,
+	L.ColorStopType.Num,
+	L.ColorStopType.Percent,
+	L.ColorStopType.Percentile,
+	L.ColorStopType.Formula
+], Sr = (0, Z.memo)((e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = k(), { workbook: o, toColor: s } = Xt(), c = t.stops ?? [], l = c.length === 2 ? [u("conditionalFormat.stop.minimum"), u("conditionalFormat.stop.maximum")] : [
+		u("conditionalFormat.stop.minimum"),
+		u("conditionalFormat.stop.midpoint"),
+		u("conditionalFormat.stop.maximum")
+	];
+	return (0, Q.jsxs)(B, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 1
+		},
+		...i,
+		children: [(0, Q.jsx)(fr, { children: (0, Q.jsxs)(B, {
+			sx: {
+				display: "flex",
+				alignItems: "flex-start",
+				gap: 1
+			},
+			children: [(0, Q.jsx)(B, {
+				sx: {
+					flex: "1 1 auto",
+					minWidth: 0,
+					display: "flex",
+					gap: .5,
+					flexWrap: "wrap"
+				},
+				children: Ee.filter((e) => e.stops.length === (c.length === 2 ? 2 : 3)).map((e, t) => (0, Q.jsx)(J, {
+					sheet: !0,
+					disabled: r,
+					onClick: () => n(structuredClone(e)),
+					children: (0, Q.jsx)(_t, { rows: Ht(e.stops ?? [], Yt, o) })
+				}, t))
+			}), (0, Q.jsxs)(Vt, {
+				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: L.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, Q.jsx)(Y, {
+					value: 2,
+					sx: {
+						textTransform: "none",
+						pt: .25,
+						pb: .25
+					},
+					children: a("conditionalFormat.twoColor")
+				}), (0, Q.jsx)(Y, {
+					value: 3,
+					sx: {
+						textTransform: "none",
+						pt: .25,
+						pb: .25
+					},
+					children: a("conditionalFormat.threeColor")
+				})]
+			})]
+		}) }), (0, Q.jsx)(fr, {
+			variant: "config",
+			children: c.map((e, i) => (0, Q.jsx)(br, {
+				label: a(l[Math.min(i, l.length - 1)]),
+				stop: e,
+				allowedTypes: xr,
+				showColor: !0,
+				readOnly: r,
+				onStopChange: (e) => {
+					let r = c.slice();
+					r[i] = e, n({
+						...t,
+						stops: r
+					});
+				}
+			}, i))
+		})]
+	});
+});
+Sr.displayName = "ColorScaleRulePanel";
+var Cr = [
+	L.ColorStopType.AutoMin,
+	L.ColorStopType.Min,
+	L.ColorStopType.Num,
+	L.ColorStopType.Percent,
+	L.ColorStopType.Percentile,
+	L.ColorStopType.Formula
+], wr = [
+	L.ColorStopType.AutoMax,
+	L.ColorStopType.Max,
+	L.ColorStopType.Num,
+	L.ColorStopType.Percent,
+	L.ColorStopType.Percentile,
+	L.ColorStopType.Formula
+], Tr = "__auto__", Er = (0, Z.memo)((e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = k(), { darkMode: o, toColor: s, propsColorPanel: c } = Xt(), l = t.stops ?? [], u = s(t.color), d = s(t.negativeFillColor), f = s(t.borderColor), p = s(t.negativeBorderColor), h = t.gradient ?? !1, g = (e) => {
+		let r = { ...t };
+		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
+		n(r);
+	}, _ = { backgroundColor: "background.paper" };
+	return (0, Q.jsxs)(B, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 1
+		},
+		...i,
+		children: [(0, Q.jsxs)(fr, { children: [
+			(0, Q.jsxs)(B, {
+				sx: {
+					display: "flex",
+					alignItems: "flex-start",
+					gap: 1
+				},
+				children: [(0, Q.jsx)(B, {
+					sx: {
+						flex: "1 1 auto",
+						minWidth: 0,
+						display: "flex",
+						gap: .5,
+						flexWrap: "wrap"
+					},
+					children: z.filter((e) => (e.gradient ?? !1) === h).map((e, t) => (0, Q.jsx)(J, {
+						sheet: !0,
+						disabled: r,
+						onClick: () => g({
+							color: e.color,
+							gradient: e.gradient,
+							borderColor: e.borderColor
+						}),
+						children: (0, Q.jsx)(_t, { rows: Lt(e, s(e.color)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") })
+					}, t))
+				}), (0, Q.jsxs)(Vt, {
+					exclusive: !0,
+					size: "small",
+					value: h,
+					disabled: r,
+					onChange: (e, t) => {
+						t !== null && g({ gradient: !!t || void 0 });
+					},
+					sx: { flex: "0 0 auto" },
+					children: [(0, Q.jsx)(Y, {
+						value: !1,
+						sx: {
+							textTransform: "none",
+							pt: .25,
+							pb: .25
+						},
+						children: a("conditionalFormat.solidFill")
+					}), (0, Q.jsx)(Y, {
+						value: !0,
+						sx: {
+							textTransform: "none",
+							pt: .25,
+							pb: .25
+						},
+						children: a("conditionalFormat.gradientFill")
+					})]
+				})]
+			}),
+			(0, Q.jsx)(sn, {
+				control: (0, Q.jsx)(on, {
+					size: "small",
+					checked: !1 === t.showValue,
+					disabled: r,
+					onChange: (e) => g({ showValue: !e.target.checked && void 0 })
+				}),
+				label: (0, Q.jsx)(H, {
+					variant: "body2",
+					children: a("conditionalFormat.showBarsOnly")
+				})
+			}),
+			(0, Q.jsxs)(B, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					gap: .5
+				},
+				children: [
+					(0, Q.jsx)(H, {
+						variant: "caption",
+						sx: {
+							color: "text.secondary",
+							flex: "0 0 62px"
+						},
+						children: a("conditionalFormat.bar")
+					}),
+					(0, Q.jsx)(En, {
+						icon: "fill.colored",
+						tooltip: a("conditionalFormat.barColor"),
+						selectedColor: u,
+						disabled: r,
+						onSelectColor: (e) => g({ color: e ? e.toString() : void 0 }),
+						darkMode: o,
+						propsPanel: {
+							disableAlpha: !0,
+							...c
+						}
+					}),
+					(0, Q.jsx)(En, {
+						icon: "stroke.colored",
+						tooltip: a("conditionalFormat.barBorderColor"),
+						selectedColor: f,
+						disabled: r,
+						onSelectColor: (e) => g({ borderColor: e ? e.toString() : void 0 }),
+						darkMode: o,
+						propsPanel: {
+							disableAlpha: !0,
+							...c
+						}
+					})
+				]
+			}),
+			(0, Q.jsxs)(B, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					gap: .5
+				},
+				children: [
+					(0, Q.jsx)(H, {
+						variant: "caption",
+						sx: {
+							color: "text.secondary",
+							flex: "0 0 62px"
+						},
+						children: a("conditionalFormat.negative")
+					}),
+					(0, Q.jsx)(En, {
+						icon: "fill.colored",
+						tooltip: a("conditionalFormat.negativeColor"),
+						selectedColor: d ?? u,
+						disabled: r,
+						onSelectColor: (e) => g({ negativeFillColor: e ? e.toString() : void 0 }),
+						darkMode: o,
+						propsPanel: {
+							disableAlpha: !0,
+							...c
+						}
+					}),
+					(0, Q.jsx)(En, {
+						icon: "stroke.colored",
+						tooltip: a("conditionalFormat.negativeBorderColor"),
+						selectedColor: p ?? f,
+						disabled: r,
+						onSelectColor: (e) => g({ negativeBorderColor: e ? e.toString() : void 0 }),
+						darkMode: o,
+						propsPanel: {
+							disableAlpha: !0,
+							...c
+						}
+					}),
+					(0, Q.jsx)(J, {
+						title: a("conditionalFormat.sameAsPositive"),
+						disabled: r || !t.negativeFillColor && !t.negativeBorderColor,
+						onClick: () => g({
+							negativeFillColor: void 0,
+							negativeBorderColor: void 0
+						}),
+						sx: {
+							color: "text.secondary",
+							"&:disabled": { opacity: .4 }
+						},
+						children: (0, Q.jsx)(m, {
+							iconKey: "ClearFormats",
+							size: 16
+						})
+					})
+				]
+			}),
+			(0, Q.jsxs)(B, {
+				sx: {
+					display: "flex",
+					gap: 1,
+					mt: .5
+				},
+				children: [(0, Q.jsxs)(pt, {
+					size: "small",
+					sx: {
+						flex: 1,
+						minWidth: 0
+					},
+					children: [(0, Q.jsx)(dt, { children: a("conditionalFormat.axis") }), (0, Q.jsxs)(ft, {
+						label: a("conditionalFormat.axis"),
+						value: t.axisPosition ?? Tr,
+						disabled: r,
+						sx: _,
+						onChange: (e) => {
+							let t = e.target.value;
+							g({ axisPosition: t === Tr ? void 0 : t });
+						},
+						children: [
+							(0, Q.jsx)(X, {
+								value: Tr,
+								children: a("conditionalFormat.automatic")
+							}),
+							(0, Q.jsx)(X, {
+								value: "middle",
+								children: a("conditionalFormat.axisMiddle")
+							}),
+							(0, Q.jsx)(X, {
+								value: "none",
+								children: a("conditionalFormat.axisNone")
+							})
+						]
+					})]
+				}), (0, Q.jsxs)(pt, {
+					size: "small",
+					sx: {
+						flex: 1,
+						minWidth: 0
+					},
+					children: [(0, Q.jsx)(dt, { children: a("conditionalFormat.direction") }), (0, Q.jsxs)(ft, {
+						label: a("conditionalFormat.direction"),
+						value: t.direction ?? Tr,
+						disabled: r,
+						sx: _,
+						onChange: (e) => {
+							let t = e.target.value;
+							g({ direction: t === Tr ? void 0 : t });
+						},
+						children: [
+							(0, Q.jsx)(X, {
+								value: Tr,
+								children: a("conditionalFormat.automatic")
+							}),
+							(0, Q.jsx)(X, {
+								value: "leftToRight",
+								children: a("conditionalFormat.leftToRight")
+							}),
+							(0, Q.jsx)(X, {
+								value: "rightToLeft",
+								children: a("conditionalFormat.rightToLeft")
+							})
+						]
+					})]
+				})]
+			})
+		] }), (0, Q.jsxs)(fr, {
+			variant: "config",
+			children: [(0, Q.jsx)(br, {
+				label: a("conditionalFormat.stop.minimum"),
+				stop: l[0] ?? { type: L.ColorStopType.AutoMin },
+				allowedTypes: Cr,
+				readOnly: r,
+				onStopChange: (e) => {
+					let t = l.slice();
+					t[0] = e, g({ stops: t });
+				}
+			}), (0, Q.jsx)(br, {
+				label: a("conditionalFormat.stop.maximum"),
+				stop: l[1] ?? { type: L.ColorStopType.AutoMax },
+				allowedTypes: wr,
+				readOnly: r,
+				onStopChange: (e) => {
+					let t = l.slice();
+					for (; t.length < 2;) t.push({ type: L.ColorStopType.AutoMax });
+					t[1] = e, g({ stops: t });
+				}
+			})]
+		})]
+	});
+});
+Er.displayName = "DataBarRulePanel";
+var Dr = u("conditionalFormat.noCellIcon"), Or = u("conditionalFormat.cellIcon"), kr = {
+	borderColor: "primary.main",
+	boxShadow: (e) => `inset 0 0 0 1px ${e.palette.primary.main}`
+}, Ar = {
+	width: "28px",
+	height: "26px"
+}, jr = (0, Z.memo)((e) => {
+	let { icon: t, onPick: n } = e, r = k();
+	return (0, Q.jsxs)(B, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "4px",
+			padding: "6px 8px"
+		},
+		children: [(0, Q.jsx)(J, {
+			sheet: !0,
+			title: r(Dr),
+			"aria-pressed": t === null,
+			sx: {
+				...Ar,
+				...t === null ? kr : null
+			},
+			onClick: () => {
+				n({ ...ue });
+			},
+			children: (0, Q.jsx)(Ve, {
+				icons: [null],
+				size: 16
+			})
+		}), (0, Q.jsx)(B, {
+			sx: {
+				display: "grid",
+				gridTemplateColumns: "repeat(8, auto)",
+				justifyContent: "start",
+				gap: "3px"
+			},
+			children: Pe.map((e) => {
+				let i = ((e, t) => !!e && e.iconKey === t.iconKey && e.color === t.color)(t, e.spec);
+				return (0, Q.jsx)(J, {
+					sheet: !0,
+					title: Nt(r, e.spec),
+					"aria-pressed": i,
+					sx: {
+						...Ar,
+						...i ? kr : null
+					},
+					onClick: () => {
+						n({
+							set: e.set,
+							id: e.id
+						});
+					},
+					children: (0, Q.jsx)(Ve, {
+						icons: [e.spec],
+						size: 16
+					})
+				}, `${e.set}:${e.id}`);
+			})
+		})]
+	});
+});
+jr.displayName = "IconCatalogPanel";
+var Mr = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
+	let { icon: n, onPick: r, tooltip: i, ...a } = e, o = k(), s = (0, Z.useCallback)((e) => {
+		let { closeFloat: t } = e, i = (0, Q.jsx)(jr, {
+			icon: n,
+			onPick: (e) => {
+				t?.(), r(e);
+			}
+		});
+		return xn({
+			...e,
+			children: i
+		});
+	}, [n, r]);
+	return (0, Q.jsx)(dn, {
+		ref: t,
+		createPopupPanel: s,
+		tooltip: i ?? o(Or),
+		icon: (0, Q.jsx)(Ve, {
+			icons: [n],
+			size: 16
+		}),
+		outlined: !0,
+		...a
+	});
+}));
+Mr.displayName = "IconPickerPopupButton";
+var Nr = [
+	L.ColorStopType.Percent,
+	L.ColorStopType.Num,
+	L.ColorStopType.Percentile,
+	L.ColorStopType.Formula
+], Pr = (0, Z.memo)((e) => {
+	let { scale: t, onScaleChange: n, readOnly: r, ...i } = e, a = k(), s = t.iconSet ?? le.IconSet.TrafficLights3, c = de(s).length === 0, l = t.stops ?? [], u = l.length, d = ke(t), f = (e) => {
+		let r = { ...t };
+		for (let [t, n] of Object.entries(e)) n === void 0 ? delete r[t] : r[t] = n;
+		n(r);
+	}, p = (0, Z.useCallback)((e) => {
+		let { closeFloat: t } = e, n = (0, Q.jsx)(bt, {
+			groups: Qt,
+			disabled: r,
+			onPick: (e) => {
+				t?.(), e.type === L.ScaleType.IconSet && e.iconSet && ((e) => {
+					if (e === s) return;
+					let t = Le(e), n = l;
+					t !== l.length && (n = Me(t)), f({
+						iconSet: e,
+						stops: n,
+						icon: void 0
+					});
+				})(e.iconSet);
+			}
+		});
+		return xn({
+			...e,
+			children: n
+		});
+	}, [r, t]), m = o.camelToPrettyCase(s);
+	return (0, Q.jsxs)(B, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 1
+		},
+		...i,
+		children: [(0, Q.jsxs)(fr, { children: [
+			(0, Q.jsx)(B, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					gap: 1
+				},
+				children: (0, Q.jsx)(dn, {
+					outlined: !0,
+					disabled: r,
+					label: m,
+					tooltip: m,
+					icon: (0, Q.jsx)(B, {
+						sx: {
+							width: "82px",
+							display: "flex",
+							justifyContent: "center"
+						},
+						children: c ? (0, Q.jsx)(H, {
+							variant: "caption",
+							noWrap: !0,
+							children: m
+						}) : (0, Q.jsx)(Ve, {
+							icons: de(s),
+							order: "descending",
+							size: 14,
+							gap: 3
+						})
+					}),
+					createPopupPanel: p
+				})
+			}),
+			c && (0, Q.jsx)(H, {
+				variant: "caption",
+				sx: { color: "text.secondary" },
+				children: a("conditionalFormat.adoptedIconSet")
+			}),
+			(0, Q.jsxs)(B, {
+				sx: {
+					display: "flex",
+					gap: 1
+				},
+				children: [(0, Q.jsx)(sn, {
+					control: (0, Q.jsx)(on, {
+						size: "small",
+						checked: !1 === t.showValue,
+						disabled: r,
+						onChange: (e) => f({ showValue: !e.target.checked && void 0 })
+					}),
+					label: (0, Q.jsx)(H, {
+						variant: "body2",
+						children: a("conditionalFormat.showIconsOnly")
+					})
+				}), (0, Q.jsx)(sn, {
+					control: (0, Q.jsx)(on, {
+						size: "small",
+						checked: t.reverse ?? !1,
+						disabled: r,
+						onChange: (e) => f({ reverse: !!e.target.checked || void 0 })
+					}),
+					label: (0, Q.jsx)(H, {
+						variant: "body2",
+						children: a("conditionalFormat.reverseIcons")
+					})
+				})]
+			})
+		] }), (0, Q.jsx)(fr, {
+			variant: "config",
+			children: l.map((e, i) => {
+				let a = t.reverse ? u - 1 - i : i;
+				return (0, Q.jsx)(br, {
+					stop: e,
+					allowedTypes: Nr,
+					showExclusive: !0,
+					readOnly: r || i === 0,
+					leading: (0, Q.jsx)(Mr, {
+						icon: d[i] ?? null,
+						disabled: r || c,
+						onPick: (e) => n(fe(t, a, e))
+					}),
+					onStopChange: (e) => {
+						let t = l.slice();
+						t[i] = e, f({ stops: t });
+					}
+				}, i);
+			})
+		})]
+	});
+});
+Pr.displayName = "IconSetRulePanel";
+var Fr = (e, t, n) => rn(e, t)?.toCSS("adaptive") ?? n, Ir = (e, t, n) => {
+	if (!e) return n;
+	if (typeof e == "string") return Fr(e, t, n);
+	if (e.type === se.Type.None) return n;
+	let r = e, i = e;
+	return Fr(i.foreground ?? r.color ?? i.background, t, n);
+}, Lr = (0, Z.memo)((e) => {
+	let { conditionalFormat: t, size: n = 28, ...r } = e, { workbook: i, themeKey: a } = Xt();
+	N(t, "onAnyChange");
+	let o = t.getScale(), s = t.getStyle(), c = (0, Z.useMemo)(() => {
+		try {
+			return i?.getStyles().getNormal().getFont().toCSS("adaptive") ?? {};
+		} catch {
+			return {};
+		}
+	}, [i, a]), l = (0, Z.useMemo)(() => {
+		if (o?.type === L.ScaleType.ColorScale) return (0, Q.jsx)(_t, { rows: Ht(o.stops ?? [], Yt, i) });
+		if (o?.type === L.ScaleType.DataBar) return (0, Q.jsx)(_t, { rows: Lt(o, Fr(o.color, i, an), o.borderColor ? Fr(o.borderColor, i, an) : void 0) });
+		if (o?.type === L.ScaleType.IconSet) return (0, Q.jsx)(B, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				width: "100%",
+				height: "100%",
+				px: .5
+			},
+			children: (0, Q.jsx)(Ve, {
+				icons: ke(o),
+				order: "descending",
+				size: 14,
+				gap: 3
+			})
+		});
+		let e = s?.font, t = e?.underline && e.underline !== P.UnderlineStyle.None;
+		return (0, Q.jsx)(B, {
+			sx: {
+				width: "100%",
+				height: "100%",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				...c,
+				backgroundColor: Ir(s?.fill, i, "transparent"),
+				...e?.color && e.color !== "auto" ? { color: Fr(e.color, i, qt) } : 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 ${Fr(Object.values(s.borders)[0]?.color, i, Bt)}` : void 0,
+				outlineOffset: "-3px"
+			},
+			children: "Aa"
+		});
+	}, [
+		o,
+		s,
+		n,
+		c,
+		i,
+		a
+	]);
+	return (0, Q.jsx)(J, {
+		sheet: !0,
+		className: "sxl-cf-rule-preview",
+		sx: {
+			width: "auto",
+			minWidth: 1.7 * n + "px",
+			height: `${n}px`
+		},
+		...r,
+		children: l
+	});
+});
+Lr.displayName = "RulePreview";
+var Rr = (e, t) => {
+	let n = e.getCondition()?.toString();
+	if (n) return n;
+	let r = e.getScale();
+	return r ? o.camelToPrettyCase(r.type) : t("conditionalFormat.noCondition");
+}, zr = {
+	classic: u("conditionalFormat.tab.classic"),
+	[L.ScaleType.ColorScale]: u("conditionalFormat.tab.colorScale"),
+	[L.ScaleType.DataBar]: u("conditionalFormat.tab.dataBars"),
+	[L.ScaleType.IconSet]: u("conditionalFormat.tab.iconSets")
+}, Br = (0, Z.memo)((e) => {
+	let { conditionalFormat: t } = e, n = k();
+	N(t, "onAnyChange");
+	let r = t.getScale(), i = t.getCondition(), a = t.getStyle(), o = t.isProtected(), s = r?.type ?? "classic", c = (0, Z.useRef)({ scales: {} }), l = (e) => {
+		t.update({ scale: e });
+	}, u = (0, Q.jsxs)(Qe, {
+		tabIndex: 0,
+		className: Zt["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, Q.jsxs)(B, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: (e) => e.spacing(1.75),
+					margin: (e) => e.spacing(1.25),
+					marginBottom: 0
+				},
+				children: [(0, Q.jsxs)(B, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: (e) => e.spacing(1.5)
+					},
+					children: [(0, Q.jsx)(Lr, {
+						conditionalFormat: t,
+						size: 48
+					}), (0, Q.jsx)(H, {
+						variant: "body2",
+						sx: {
+							minWidth: 0,
+							wordBreak: "break-word"
+						},
+						children: Rr(t, n)
+					})]
+				}), (0, Q.jsx)(Gt, {
+					item: t,
+					label: n("conditionalFormat.applyTo")
+				})]
+			}),
+			(0, Q.jsx)(St, {
+				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: F.BuiltInOperatorNames.Between,
+									param: null
+								},
+								style: c.current.style ?? null,
+								scale: null
+							});
+							else {
+								let n = c.current.scales[e] ?? (e === L.ScaleType.ColorScale ? ve() : e === L.ScaleType.DataBar ? we() : Ie());
+								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(zr).map((e) => (0, Q.jsx)(Et, {
+					value: e,
+					label: n(zr[e])
+				}, e))
+			}),
+			s === "classic" && (0, Q.jsxs)(Q.Fragment, { children: [(0, Q.jsx)(_r, {
+				format: a,
+				readOnly: o,
+				onFormatChange: (e) => t.update({ style: e })
+			}), (0, Q.jsx)(wt, {
+				sx: {
+					...yt,
+					p: 2,
+					pb: 1
+				},
+				selectorTitle: n("conditionalFormat.highlight"),
+				condition: i,
+				ranges: t.getRanges(),
+				readOnly: o,
+				onConditionChange: (e) => t.setCondition(e)
+			})] }),
+			r?.type === L.ScaleType.ColorScale && (0, Q.jsx)(Sr, {
+				scale: r,
+				onScaleChange: l,
+				readOnly: o
+			}),
+			r?.type === L.ScaleType.DataBar && (0, Q.jsx)(Er, {
+				scale: r,
+				onScaleChange: l,
+				readOnly: o
+			}),
+			r?.type === L.ScaleType.IconSet && (0, Q.jsx)(Pr, {
+				scale: r,
+				onScaleChange: l,
+				readOnly: o
+			}),
+			s === "classic" && (0, Q.jsx)(B, {
+				sx: {
+					pl: 2,
+					pr: 2,
+					border: 1,
+					borderColor: "divider",
+					borderRadius: 1
+				},
+				children: (0, Q.jsx)(sn, {
+					control: (0, Q.jsx)(on, {
+						checked: t.isStopIfTrue(),
+						disabled: o,
+						onChange: (e) => t.setStopIfTrue(e.target.checked)
+					}),
+					label: n("conditionalFormat.stopIfTrue")
+				})
+			})
+		]
+	});
+	return (0, Q.jsx)(en.Provider, {
+		value: t,
+		children: u
+	});
+});
+Br.displayName = "ConditionalFormatEditorPanel";
+var Vr = (0, Z.memo)(({ item: e }) => {
+	let t = k();
+	return N(e, "onAnyChange"), !e.isStopIfTrue() || e.getScale() ? null : (0, Q.jsx)(B, {
+		sx: {
+			display: "inline-flex",
+			alignItems: "center",
+			alignSelf: "flex-start",
+			px: .75,
+			py: .25,
+			border: 1,
+			borderColor: "divider",
+			borderRadius: 1,
+			color: "text.secondary"
+		},
+		children: (0, Q.jsx)(H, {
+			variant: "caption",
+			children: t("conditionalFormat.stopIfTrue")
+		})
+	});
+});
+Vr.displayName = "StopIfTrueBadge";
+var Hr = (0, Z.memo)(({ item: e }) => {
+	let t = k();
+	return (0, Q.jsx)(Gt, {
+		item: e,
+		label: t("conditionalFormat.applyTo"),
+		helperText: null
+	});
+});
+Hr.displayName = "ConditionalFormatCardRanges";
+var Ur = {
+	key: "conditional-format",
+	messageKeys: {
+		none: u("conditionalFormat.none"),
+		addPrompt: u("conditionalFormat.addPrompt"),
+		heading: u("conditionalFormat.heading"),
+		insert: u("conditionalFormat.insert"),
+		new: u("conditionalFormat.new"),
+		moveUp: u("conditionalFormat.moveUp"),
+		moveDown: u("conditionalFormat.moveDown"),
+		edit: u("conditionalFormat.edit"),
+		duplicate: u("conditionalFormat.duplicate"),
+		delete: u("conditionalFormat.delete"),
+		cancel: u("conditionalFormat.cancel"),
+		save: u("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: Rr,
+	CardMedia: ({ item: e }) => (0, Q.jsx)(Lr, {
+		conditionalFormat: e,
+		size: 32
+	}),
+	CardSubtitle: Hr,
+	CardBody: Vr,
+	EditorBody: ({ item: e }) => (0, Q.jsx)(Br, { conditionalFormat: e })
+}, Wr = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
+	let { workbook: n, args: r, ...i } = e;
+	return (0, Q.jsx)($t, {
+		ref: t,
+		workbook: n,
+		descriptor: Ur,
+		args: r,
+		dragReorder: !0,
+		...i
+	});
+}));
+Wr.displayName = "ConditionalFormatDetailsPanel";
+var Gr = ["lines"];
+function Kr(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 = Kr(e[t])) && (r && (r += " "), r += n);
+		else for (t in e) e[t] && (r && (r += " "), r += t);
+	}
+	return r;
+}
+function qr() {
+	for (var e, t, n = 0, r = ""; n < arguments.length;) (e = arguments[n++]) && (t = Kr(e)) && (r && (r += " "), r += t);
+	return r;
+}
+var Jr = { data: "" }, Yr = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Xr = /\/\*[^]*?\*\/|  +/g, Zr = /\n+/g, Qr = (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" ? Qr(o, a) : a + "{" + Qr(o, a[1] == "k" ? "" : t) + "}" : typeof o == "object" ? r += Qr(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 += Qr.p ? Qr.p(a, o) : a + ":" + o + ";");
+	}
+	return n + (t && i ? t + "{" + i + "}" : i) + r;
+}, $r = {}, ei = (e) => {
+	if (typeof e == "object") {
+		let t = "";
+		for (let n in e) t += n + ei(e[n]);
+		return t;
+	}
+	return e;
+};
+function ti(e) {
+	let t = this || {}, n = e.call ? e(t.p) : e;
+	return ((e, t, n, r, i) => {
+		let a = ei(e), o = $r[a] || ($r[a] = ((e) => {
+			let t = 0, n = 11;
+			for (; t < e.length;) n = 101 * n + e.charCodeAt(t++) >>> 0;
+			return "go" + n;
+		})(a));
+		if (!$r[o]) {
+			let t = a === e ? ((e) => {
+				let t, n, r = [{}];
+				for (; t = Yr.exec(e.replace(Xr, ""));) t[4] ? r.shift() : t[3] ? (n = t[3].replace(Zr, " ").trim(), r.unshift(r[0][n] = r[0][n] || {})) : r[0][t[1]] = t[2].replace(Zr, " ").trim();
+				return r[0];
+			})(e) : e;
+			$r[o] = Qr(i ? { ["@keyframes " + o]: t } : t, n ? "" : "." + o);
+		}
+		let s = n && $r.g;
+		return n && ($r.g = $r[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);
+		})($r[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 ? "" : Qr(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 || Jr;
+	})(t.target), t.g, t.o, t.k);
+}
+function ni(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 ri(e, t, n) {
+	return t && ni(e.prototype, t), n && ni(e, n), e;
+}
+function $() {
+	return $ = 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;
+	}, $.apply(this, arguments);
+}
+function ii(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, e.__proto__ = t;
+}
+function ai(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 oi(e) {
+	if (e === void 0) throw ReferenceError("this hasn't been initialised - super() hasn't been called");
+	return e;
+}
+ti.bind({ g: 1 }), ti.bind({ k: 1 });
+var si = function() {
+	return "";
+}, ci = Z.createContext({
+	enqueueSnackbar: si,
+	closeSnackbar: si
+}), li = "@media (max-width:599.95px)", ui = "@media (min-width:600px)", di = function(e) {
+	return e.charAt(0).toUpperCase() + e.slice(1);
+}, fi = function(e) {
+	return "" + di(e.vertical) + di(e.horizontal);
+}, pi = function(e) {
+	return !!e || e === 0;
+}, mi = "unmounted", hi = "exited", gi = "entering", _i = "entered", vi = "exiting", yi = function(e) {
+	function t(t) {
+		var n, r = e.call(this, t) || this, i = t.appear;
+		return r.appearStatus = null, t.in ? i ? (n = hi, r.appearStatus = gi) : n = _i : n = t.unmountOnExit || t.mountOnEnter ? mi : hi, r.state = { status: n }, r.nextCallback = null, r;
+	}
+	ii(t, e), t.getDerivedStateFromProps = function(e, t) {
+		return e.in && t.status === mi ? { status: hi } : 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 !== gi && n !== _i && (t = gi) : n !== gi && n !== _i || (t = vi);
+		}
+		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 === hi && this.setState({ status: mi }) : (this.cancelNextCallback(), t === gi ? 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: gi }, function() {
+			t.props.onEntering && t.props.onEntering(t.node, r), t.onTransitionEnd(i.enter, function() {
+				t.safeSetState({ status: _i }, function() {
+					t.props.onEntered && t.props.onEntered(t.node, r);
+				});
+			});
+		})) : this.safeSetState({ status: _i }, 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: vi }, function() {
+			e.props.onExiting && e.props.onExiting(e.node), e.onTransitionEnd(n.exit, function() {
+				e.safeSetState({ status: hi }, function() {
+					e.props.onExited && e.props.onExited(e.node);
+				});
+			});
+		})) : this.safeSetState({ status: hi }, 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 === mi) return null;
+		var t = this.props;
+		return (0, t.children)(e, ai(t, [
+			"children",
+			"in",
+			"mountOnEnter",
+			"unmountOnExit",
+			"appear",
+			"enter",
+			"exit",
+			"timeout",
+			"addEndListener",
+			"onEnter",
+			"onEntering",
+			"onEntered",
+			"onExit",
+			"onExiting",
+			"onExited",
+			"nodeRef"
+		]));
+	}, ri(t, [{
+		key: "node",
+		get: function() {
+			var e = this.props.nodeRef?.current;
+			if (!e) throw Error("notistack - Custom snackbar is not refForwarding");
+			return e;
+		}
+	}]), t;
+}(Z.Component);
+function bi() {}
+function xi(e, t) {
+	typeof e == "function" ? e(t) : e && (e.current = t);
+}
+function Si(e, t) {
+	return (0, Z.useMemo)(function() {
+		return e == null && t == null ? null : function(n) {
+			xi(e, n), xi(t, n);
+		};
+	}, [e, t]);
+}
+function Ci(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
+	};
+}
+yi.defaultProps = {
+	in: !1,
+	mountOnEnter: !1,
+	unmountOnExit: !1,
+	appear: !1,
+	enter: !0,
+	exit: !0,
+	onEnter: bi,
+	onEntering: bi,
+	onEntered: bi,
+	onExit: bi,
+	onExiting: bi,
+	onExited: bi
+};
+var wi = function(e) {
+	e.scrollTop = e.scrollTop;
+}, Ti = function(e) {
+	return Math.round(e) + "ms";
+};
+function Ei(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 : Ti(i), n = typeof c == "string" ? c : Ti(c);
+		return e + " " + t + " " + o + " " + n;
+	}).join(",");
+}
+function Di(e) {
+	return function(e) {
+		return e && e.ownerDocument || document;
+	}(e).defaultView || window;
+}
+function Oi(e, t) {
+	if (t) {
+		var n = function(e, t) {
+			var n, r = t.getBoundingClientRect(), i = Di(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 ki = (0, Z.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 = ai(e, [
+		"children",
+		"direction",
+		"in",
+		"style",
+		"timeout",
+		"onEnter",
+		"onEntered",
+		"onExit",
+		"onExited"
+	]), m = (0, Z.useRef)(null), h = Si(Si(n.ref, m), t), g = (0, Z.useCallback)(function() {
+		m.current && Oi(i, m.current);
+	}, [i]);
+	return (0, Z.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 && Oi(i, m.current);
+			}), t = Di(m.current);
+			return t.addEventListener("resize", e), function() {
+				e.clear(), t.removeEventListener("resize", e);
+			};
+		}
+	}, [i, a]), (0, Z.useEffect)(function() {
+		a || g();
+	}, [a, g]), (0, Z.createElement)(yi, Object.assign({
+		appear: !0,
+		nodeRef: m,
+		onEnter: function(e, t) {
+			Oi(i, e), wi(e), l && l(e, t);
+		},
+		onEntered: u,
+		onEntering: function(e) {
+			var t = Ci({
+				timeout: c,
+				mode: "enter",
+				style: $({}, o, { transitionTimingFunction: o?.transitionTimingFunction || "cubic-bezier(0.0, 0, 0.2, 1)" })
+			});
+			e.style.webkitTransition = Ei("-webkit-transform", t), e.style.transition = Ei("transform", t), e.style.webkitTransform = "none", e.style.transform = "none";
+		},
+		onExit: function(e) {
+			var t = Ci({
+				timeout: c,
+				mode: "exit",
+				style: $({}, o, { transitionTimingFunction: o?.transitionTimingFunction || "cubic-bezier(0.4, 0, 0.6, 1)" })
+			});
+			e.style.webkitTransition = Ei("-webkit-transform", t), e.style.transition = Ei("transform", t), Oi(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, Z.cloneElement)(n, $({
+			ref: h,
+			style: $({ visibility: e !== "exited" || a ? void 0 : "hidden" }, o, {}, n.props.style)
+		}, t));
+	});
+});
+ki.displayName = "Slide";
+var Ai = function(e) {
+	return Z.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));
+}, ji = {
+	maxSnack: 3,
+	persist: !1,
+	hideIconVariant: !1,
+	disableWindowBlurListener: !1,
+	variant: "default",
+	autoHideDuration: 5e3,
+	iconVariant: {
+		default: void 0,
+		success: Z.createElement(function() {
+			return Z.createElement(Ai, null, Z.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: Z.createElement(function() {
+			return Z.createElement(Ai, null, Z.createElement("path", { d: "M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z" }));
+		}, null),
+		error: Z.createElement(function() {
+			return Z.createElement(Ai, null, Z.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: Z.createElement(function() {
+			return Z.createElement(Ai, null, Z.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: ki,
+	transitionDuration: {
+		enter: 225,
+		exit: 195
+	}
+};
+function Mi(e) {
+	return Object.entries(e).reduce(function(e, t) {
+		var n, r = t[0], i = t[1];
+		return $({}, e, ((n = {})[r] = ti(i), n));
+	}, {});
+}
+var Ni = "notistack-CollapseWrapper", Pi = function(e) {
+	return "notistack-MuiContent-" + e;
+}, Fi = Mi({
+	root: { height: 0 },
+	entered: { height: "auto" }
+}), Ii = "0px", Li = (0, Z.forwardRef)(function(e, t) {
+	var n = e.children, r = e.in, i = e.onExited, a = (0, Z.useRef)(null), o = (0, Z.useRef)(null), s = Si(t, o), c = function() {
+		return a.current ? a.current.clientHeight : 0;
+	};
+	return (0, Z.createElement)(yi, {
+		in: r,
+		unmountOnExit: !0,
+		onEnter: function(e) {
+			e.style.height = Ii;
+		},
+		onEntered: function(e) {
+			e.style.height = "auto";
+		},
+		onEntering: function(e) {
+			var t = c(), n = Ci({
+				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) {
+			wi(e);
+			var t = Ci({
+				timeout: 175,
+				mode: "exit"
+			}), n = t.duration, r = t.easing;
+			e.style.transitionDuration = typeof n == "string" ? n : n + "ms", e.style.height = Ii, e.style.transitionTimingFunction = r || "";
+		},
+		nodeRef: o,
+		timeout: 175
+	}, function(e, t) {
+		return (0, Z.createElement)("div", Object.assign({
+			ref: s,
+			className: qr(Fi.root, e === "entered" && Fi.entered),
+			style: $({
+				pointerEvents: "all",
+				overflow: "hidden",
+				minHeight: Ii,
+				transition: Ei("height")
+			}, e === "entered" && { overflow: "visible" }, {}, e === "exited" && !r && { visibility: "hidden" })
+		}, t), (0, Z.createElement)("div", {
+			ref: a,
+			className: Ni,
+			style: {
+				display: "flex",
+				width: "100%"
+			}
+		}, n));
+	});
+});
+Li.displayName = "Collapse";
+var Ri = {
+	right: "left",
+	left: "right",
+	bottom: "up",
+	top: "down"
+}, zi = function(e) {
+	return "anchorOrigin" + fi(e);
+}, Bi = function() {};
+function Vi(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);
+		};
+	}, Bi);
+}
+var Hi, Ui = typeof window < "u" ? Z.useLayoutEffect : Z.useEffect;
+function Wi(e) {
+	var t = (0, Z.useRef)(e);
+	return Ui(function() {
+		t.current = e;
+	}), (0, Z.useCallback)(function() {
+		return t.current.apply(void 0, arguments);
+	}, []);
+}
+var Gi = (0, Z.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, Z.useRef)(), p = Wi(function() {
+		s && s.apply(void 0, arguments);
+	}), m = Wi(function(e) {
+		s && e != null && (f.current && clearTimeout(f.current), f.current = setTimeout(function() {
+			p(null, "timeout", c);
+		}, e));
+	});
+	(0, Z.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, Z.useCallback)(function() {
+		i != null && m(.5 * i);
+	}, [i, m]);
+	return (0, Z.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, Z.createElement)("div", Object.assign({ ref: t }, d, {
+		className: qr("notistack-Snackbar", r),
+		onMouseEnter: function(e) {
+			d.onMouseEnter && d.onMouseEnter(e), h();
+		},
+		onMouseLeave: function(e) {
+			d.onMouseLeave && d.onMouseLeave(e), g();
+		}
+	}), n);
+});
+Gi.displayName = "Snackbar";
+var Ki = Mi({ root: (Hi = {
+	display: "flex",
+	flexWrap: "wrap",
+	flexGrow: 1
+}, Hi[ui] = {
+	flexGrow: "initial",
+	minWidth: "288px"
+}, Hi) }), qi = (0, Z.forwardRef)(function(e, t) {
+	var n = e.className, r = ai(e, ["className"]);
+	return Z.createElement("div", Object.assign({
+		ref: t,
+		className: qr(Ki.root, n)
+	}, r));
+});
+qi.displayName = "SnackbarContent";
+var Ji, Yi, Xi, Zi, Qi, $i = Mi({
+	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"
+	}
+}), ea = "notistack-snackbar", ta = (0, Z.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)), Z.createElement(qi, {
+		ref: t,
+		role: "alert",
+		"aria-describedby": ea,
+		style: c,
+		className: qr("notistack-MuiContent", Pi(o), $i.root, $i[o], l, !s && u && $i.lessPadding)
+	}, Z.createElement("div", {
+		id: ea,
+		className: $i.message
+	}, s ? null : u, r), d && Z.createElement("div", { className: $i.action }, d));
+});
+ta.displayName = "MaterialDesignContent";
+var na = (0, Z.memo)(ta), ra = Mi({ wrappedRoot: {
+	width: "100%",
+	position: "relative",
+	transform: "translateX(0)",
+	top: 0,
+	right: 0,
+	bottom: 0,
+	left: 0,
+	minWidth: "288px"
+} }), ia = function(e) {
+	var t = (0, Z.useRef)(), n = (0, Z.useState)(!0), r = n[0], i = n[1], a = Vi([e.snack.onClose, e.onClose]), o = (0, Z.useCallback)(function() {
+		t.current = setTimeout(function() {
+			i(function(e) {
+				return !e;
+			});
+		}, 125);
+	}, []);
+	(0, Z.useEffect)(function() {
+		return function() {
+			t.current && clearTimeout(t.current);
+		};
+	}, []);
+	var s, c = e.snack, l = e.classes, u = e.Component, d = u === void 0 ? na : u, f = (0, Z.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 $({}, 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 = ai(c, [
+		"open",
+		"SnackbarProps",
+		"TransitionComponent",
+		"TransitionProps",
+		"transitionDuration",
+		"disableWindowBlurListener",
+		"content",
+		"entered",
+		"requestClose",
+		"onEnter",
+		"onEntered",
+		"onExit",
+		"onExited"
+	]), x = $({
+		direction: (s = b.anchorOrigin, s.horizontal === "center" ? Ri[s.vertical] : Ri[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 $({}, t, ((r = {})[n] = Vi([e.snack[n], e[n]], b.id), r));
+	}, {});
+	return Z.createElement(Li, {
+		in: r,
+		onExited: C.onExited
+	}, Z.createElement(Gi, {
+		open: p,
+		id: b.id,
+		disableWindowBlurListener: v,
+		autoHideDuration: b.autoHideDuration,
+		className: qr(ra.wrappedRoot, f.root, f[zi(b.anchorOrigin)]),
+		SnackbarProps: m,
+		onClose: a
+	}, Z.createElement(h, Object.assign({}, x, {
+		appear: !0,
+		in: p,
+		onExit: C.onExit,
+		onExited: o,
+		onEnter: C.onEnter,
+		onEntered: Vi([C.onEntered, function() {
+			e.snack.requestClose && a(null, "instructed", e.snack.id);
+		}], b.id)
+	}), S || Z.createElement(d, Object.assign({}, b)))));
+}, aa = 20, oa = 6, sa = 2, ca = "." + Ni, la = Mi({
+	root: (Ji = {
+		boxSizing: "border-box",
+		display: "flex",
+		maxHeight: "100%",
+		position: "fixed",
+		zIndex: 1400,
+		height: "auto",
+		width: "auto",
+		transition: Ei([
+			"top",
+			"right",
+			"bottom",
+			"left",
+			"max-width"
+		], {
+			duration: 300,
+			easing: "ease"
+		}),
+		pointerEvents: "none"
+	}, Ji[ca] = {
+		padding: oa + "px 0px",
+		transition: "padding 300ms ease 0ms"
+	}, Ji.maxWidth = "calc(100% - " + 2 * aa + "px)", Ji[li] = {
+		width: "100%",
+		maxWidth: "calc(100% - 32px)"
+	}, Ji),
+	rootDense: (Yi = {}, Yi[ca] = { padding: sa + "px 0px" }, Yi),
+	top: {
+		top: aa - oa + "px",
+		flexDirection: "column"
+	},
+	bottom: {
+		bottom: aa - oa + "px",
+		flexDirection: "column-reverse"
+	},
+	left: (Xi = { left: aa + "px" }, Xi[ui] = { alignItems: "flex-start" }, Xi[li] = { left: "16px" }, Xi),
+	right: (Zi = { right: aa + "px" }, Zi[ui] = { alignItems: "flex-end" }, Zi[li] = { right: "16px" }, Zi),
+	center: (Qi = {
+		left: "50%",
+		transform: "translateX(-50%)"
+	}, Qi[ui] = { alignItems: "center" }, Qi)
+}), ua = (0, Z.memo)(function(e) {
+	var t = e.classes, n = t === void 0 ? {} : t, r = e.anchorOrigin, i = e.dense, a = e.children, o = qr("notistack-SnackbarContainer", la[r.vertical], la[r.horizontal], la.root, n.containerRoot, n["containerAnchorOrigin" + fi(r)], i && la.rootDense);
+	return Z.createElement("div", { className: o }, a);
+}), da = function(e) {
+	return !(typeof e == "string" || (0, Z.isValidElement)(e));
+}, fa = 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 = da(e) ? e : t, i = da(e) ? e.message : e, a = r.key, o = r.preventDuplicate, s = ai(r, ["key", "preventDuplicate"]), c = pi(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 ? $({}, ji[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 : ji.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"]) ? $({}, ji.transitionDuration, {}, n(t, ["object"]) && t, {}, e) : n(t, ["string", "number"]) ? t : n(t, ["object"]) ? $({}, ji.transitionDuration, {}, t) : ji.transitionDuration;
+					}(e.transitionDuration, t.transitionDuration) : e[n] || t[n] || ji[n];
+					var i, a, o;
+				};
+			}(s, n.props), d = $({ 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: qr(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($({}, 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 ? $({}, 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 ? $({}, e) : (t = !0, e.entered ? (e.onClose && e.onClose(null, "maxsnack", e.id), n.props.onClose && n.props.onClose(null, "maxsnack", e.id), $({}, e, { open: !1 })) : $({}, e, { requestClose: !0 }));
+			});
+			return $({}, e, { snacks: i });
+		}, n.handleEnteredSnack = function(e, t, r) {
+			if (!pi(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 ? $({}, e, { entered: !0 }) : $({}, 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 ? $({}, e, { open: !1 }) : $({}, e, { requestClose: !0 }) : $({}, 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;
+			});
+			pi(e) && t && t.onClose && t.onClose(null, "instructed", e), n.handleCloseSnack(null, "instructed", e);
+		}, n.handleExitedSnack = function(e, t) {
+			if (!pi(t)) throw Error("handleExitedSnack Cannot be called with undefined key");
+			n.setState(function(e) {
+				var r = n.processQueue($({}, 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(oi(n)),
+				closeSnackbar: n.closeSnackbar.bind(oi(n))
+			}
+		}, n;
+	}
+	return ii(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 = fi(t.anchorOrigin), i = e[r] || [];
+			return $({}, e, ((n = {})[r] = [].concat(i, [t]), n));
+		}, {}), d = Object.keys(u).map(function(t) {
+			var n = u[t], r = n[0];
+			return Z.createElement(ua, {
+				key: t,
+				dense: o,
+				anchorOrigin: r.anchorOrigin,
+				classes: l
+			}, n.map(function(t) {
+				return Z.createElement(ia, {
+					key: t.id,
+					snack: t,
+					classes: l,
+					Component: c[t.variant],
+					onClose: e.handleCloseSnack,
+					onEnter: e.props.onEnter,
+					onExit: e.props.onExit,
+					onExited: Vi([e.handleExitedSnack, e.props.onExited], t.id),
+					onEntered: Vi([e.handleEnteredSnack, e.props.onEntered], t.id)
+				});
+			}));
+		});
+		return Z.createElement(ci.Provider, { value: t }, i, r ? (0, dr.createPortal)(d, r) : d);
+	}, ri(t, [{
+		key: "maxSnack",
+		get: function() {
+			return this.props.maxSnack || ji.maxSnack;
+		}
+	}]), t;
+}(Z.Component), pa = function() {
+	return (0, Z.useContext)(ci);
+}, ma = {
+	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, Z.memo)((0, Z.forwardRef)((e, t) => {
+	let { id: n, message: r, iconVariant: a, error: o, hideIconVariant: s, ...c } = e, l = k(), { closeSnackbar: u } = pa(), [d, p] = (0, Z.useState)(!1), h = o ? i.collectErrorChain(o, !0)?.[0]?.error : void 0, g = h && !(h instanceof f), _ = (0, Z.useCallback)(() => {
+		p((e) => !e);
+	}, []), v = (0, Z.useCallback)(() => {
+		u(n);
+	}, [n, u]), y = h?.message;
+	return !y && (0, Z.isValidElement)(r) && (y = r), y || typeof r != "string" || (y = r), y ||= `Unknown Error: ${r}`, (0, Q.jsx)(qi, {
+		ref: t,
+		className: M(ma.root, "error-snackbar"),
+		children: (0, Q.jsxs)(er, {
+			className: ma.card,
+			style: {
+				backgroundColor: "var(--sxl-color-error)",
+				color: "var(--sxl-color-error-content)",
+				border: "1px solid var(--sxl-color-error)"
+			},
+			children: [(0, Q.jsxs)(rr, {
+				className: ma.actionRoot,
+				children: [
+					s ? null : a?.error,
+					(0, Q.jsx)(H, {
+						variant: "body2",
+						component: "div",
+						className: ma.typography,
+						children: y
+					}),
+					(0, Q.jsx)("div", { style: { flex: "1 1 auto" } }),
+					(0, Q.jsxs)("div", {
+						className: ma.icons,
+						children: [g ? (0, Q.jsx)($e, {
+							"aria-label": l("toast.showMore"),
+							size: "small",
+							className: M(ma.expand, { [ma.expandOpen]: d }),
+							onClick: _,
+							children: (0, Q.jsx)(m, { iconKey: "ExpandMore" })
+						}) : null, (0, Q.jsx)($e, {
+							size: "small",
+							className: ma.expand,
+							onClick: v,
+							children: (0, Q.jsx)(m, {
+								iconKey: "Close",
+								style: { transform: "scale(0.8)" }
+							})
+						})]
+					})
+				]
+			}), g ? (0, Q.jsx)(wn, {
+				in: d,
+				timeout: "auto",
+				children: (0, Q.jsx)("div", {
+					className: ma.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, Q.jsx)(fn, {
+						error: o,
+						hideLineNumbers: !0
+					})
+				})
+			}) : null]
+		})
+	});
+}));
+ha.displayName = "ToastError";
+var ga = (0, Q.jsx)(() => {
+	let e = k();
+	return (0, Q.jsx)(ot, {
+		label: "SheetXL",
+		description: e("logo.description"),
+		children: (0, Q.jsx)(B, {
+			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, Q.jsx)(pe, { style: {
+				width: "24px",
+				height: "24px"
+			} })
+		})
+	});
+}, {}), _a = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
+	let { workbook: n, className: r, logo: i = ga, mainElement: a, startElement: o, endElement: s, ...c } = e, [l, { width: u }] = j(), d = u < 530, f = (0, Z.useRef)(null), p = Ct([
+		f,
+		l,
+		t
+	]);
+	return (0, Q.jsx)(B, {
+		...c,
+		ref: p,
+		className: r,
+		children: zt({
+			isCompact: d,
+			wrapperSelect: (e) => (0, Q.jsxs)(B, {
+				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, Q.jsxs)(B, {
+						sx: {
+							display: "flex",
+							flexDirection: "row",
+							alignItems: "center",
+							justifyContent: "start",
+							gap: (e) => e.spacing(.5)
+						},
+						children: [i, (0, Q.jsxs)(B, {
+							sx: {
+								display: "flex",
+								flexDirection: "row",
+								alignItems: "center",
+								gap: (e) => e.spacing(.25)
+							},
+							children: [o, e]
+						})]
+					}),
+					(0, Q.jsx)(B, {
+						sx: {
+							display: "flex",
+							flexDirection: "row",
+							minWidth: 0,
+							overflow: "hidden",
+							alignItems: "center",
+							justifyContent: "center"
+						},
+						children: a
+					}),
+					(0, Q.jsx)(B, {
+						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-" + o.uuidV4(), "popup=true");
+}, ya = bn(p("studio:shortcutKeysDialog", () => import("./CRAzVh3CaAa16avf.mjs")).load);
+Jt(), Kt();
+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" ? s(r, n, a.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: () => x.DefaultCommandCatalogService.getScopeLabel(i)
+			}
+		});
+	}
+	return { getAllCommands: () => r };
+}, Sa = (e) => {
+	let { children: t, workbook: n, setWorkbook: r, workbookTitle: i, isDirty: o, refSave: s, fullscreenTarget: l } = e, f = x.useCommandScope(), p = _(), { showModal: m } = Cn(), h = k(), v = (0, Z.useRef)(o);
+	v.current = o;
+	let y = D(() => {
+		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, Z.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: y }), () => e.remove();
+	}, [f, y]);
+	let b = gt("(prefers-color-scheme: dark)"), { themeMode: ee } = ie(), [w, te] = g(Re.Mode, Te[Re.Mode]), [T, E] = g(Re.DarkGrid, Te[Re.DarkGrid]), [O, A] = g(Re.DarkImages, Te[Re.DarkImages]);
+	(0, Z.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: w,
+			setMode: te,
+			isDark: w === "dark" || !w && ee === "dark",
+			systemDefaultDark: b,
+			enableDarkGrid: T,
+			setEnableDarkGrid: E,
+			enableDarkImages: O,
+			setEnableDarkImages: A
+		}), () => e.remove();
+	}, [
+		f,
+		w,
+		ee,
+		b,
+		T,
+		O,
+		te,
+		E,
+		A
+	]);
+	let [j, ne] = g(S.Active, null), [ae, M] = (0, Z.useState)(() => a.getActive());
+	(0, Z.useEffect)(() => a.addChangeListener(M), []), (0, Z.useEffect)(() => {
+		j && j !== a.getActive() && a.setActive(j);
+	}, [j]), (0, Z.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: ae,
+			setActive: (e) => {
+				ne(e);
+			}
+		}), () => e.remove();
+	}, [
+		f,
+		ae,
+		ne
+	]);
+	let N = (0, Z.useMemo)(() => ({ current: l ?? null }), [l]), { isFullscreenAvailable: oe, isFullscreenEnabled: se, toggleFullscreen: ce } = re({ target: N });
+	(0, Z.useEffect)(() => {
+		if (!f) return;
+		let e = f.getRoot().contribution();
+		return function(e, t) {
+			e.updateCommand("fullScreenToggle", {
+				state: t.isFullscreenEnabled,
+				disabledReasons: t.isFullscreenAvailable ? [] : [u("reason.fullscreenUnavailable")],
+				icon: t.isFullscreenEnabled ? "FullScreenOff" : "FullScreen",
+				callback: () => {
+					t.toggleFullscreen();
+				}
+			});
+		}(e, {
+			isFullscreenAvailable: oe,
+			isFullscreenEnabled: se,
+			toggleFullscreen: ce
+		}), () => e.remove();
+	}, [
+		f,
+		oe,
+		se,
+		ce
+	]);
+	let le = ye(!0);
+	return (0, Z.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, Z.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: s } = t, l = !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: d("dialog.password.title"),
+							description: d("dialog.password.open.description", { name: e.getName() ?? "" }),
+							inputType: "password",
+							options: [{
+								id: "Open",
+								label: () => d("dialog.open")
+							}, "Cancel"],
+							defaultOption: "Open",
+							onValidateInput: async (e, n) => n === void 0 ? { valid: !0 } : e ? await t(e) ? { valid: !0 } : {
+								valid: !1,
+								message: d("dialog.password.open.retry")
+							} : {
+								valid: !1,
+								message: d("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 R.read({
+					...a,
+					progress: {
+						async onStart(e, t) {
+							await a?.progress?.onStart?.(e, t), r = await o?.showBusy?.(d("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(d("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?.(d("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 = d("dialog.writeWarnings.title"), i = t.getFormat(), s = (i ? (await R.getWriteFormats({ search: i }))[0] : void 0)?.description ?? i ?? "", c = d("dialog.writeWarnings.keep");
+						return n ? await o.showOptions({
+							title: r,
+							type: C.Warning,
+							description: `${d("dialog.writeWarnings.confirm", { format: s })}\n\n${c}`,
+							options: [{
+								id: "Save",
+								label: () => d("dialog.save")
+							}, "Cancel"],
+							defaultOption: "Cancel"
+						}) === "Save" && (a = await o?.showBusy?.(d("workbook.saving", { name: t?.getName() ?? "" })), !0) : (o.showOptions({
+							title: r,
+							type: C.Warning,
+							description: `${d("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() || d("workbook.defaultName")}.${r}`;
+					s = await R.writeAs(e, a, {
+						...c,
+						prompt: !0
+					});
+				} else s = await R.write(e, void 0, c);
+				return s;
+			}, m = null;
+			return e.updateCommand("newWorkbook", { callback: async (e) => {
+				let t = R.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: d("dialog.confirm.title"),
+					description: d("dialog.unsavedChanges"),
+					options: [{
+						id: "Close",
+						label: () => d("dialog.close")
+					}, "Cancel"],
+					defaultOption: "Cancel"
+				}) !== "Close" || window.close();
+			} }), (async () => {
+				let t = await R.getWriteFormats();
+				if (l) return;
+				let i = R.canWrite(), h = R.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));
+					} }), s && (s.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: () => d("command.saveAsFormat.label", { format: n.description }),
+							groupLabels: {
+								workbook: () => d("command.saveAsFormat.workbook", { format: n.description }),
+								saveWorkbookOptions: () => d("command.saveAsFormat.compact", { format: n.description })
+							},
+							tags: n.tags,
+							description: () => d("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());
+							}
+						}, u("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 || R.canRead() || (t = await (async () => {
+							let e = await R.getReadFormats(), t = [...new Set(e.flatMap((e) => e.exts))].map((e) => `.${e}`);
+							return c.openFileDialog(t.length ? t.join(",") : "*.*");
+						})(), t)) return g(t);
+					}
+				}), e.updateCommand("insertDataFromURL", {
+					tags: ["noTransaction", "noRepeat"],
+					callback: async (e) => {
+						if (!e) {
+							let t = await o.showInput({
+								title: d("dialog.importFromWeb.title"),
+								description: d("dialog.importFromWeb.description"),
+								inputLabel: d("dialog.webAddress.inputLabel"),
+								initialValue: "https://www.sheetxl.com/docs/examples/financial-calculators.xlsx",
+								propsInput: { style: { minWidth: "440px" } },
+								options: [{
+									id: "Import",
+									label: () => d("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: d("dialog.confirm.title"),
+						description: d("dialog.unsavedChanges"),
+						options: [{
+							id: "Open",
+							label: () => d("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: d("dialog.openFromWeb.title"),
+								description: d("dialog.openFromWeb.description"),
+								inputLabel: d("dialog.webAddress.inputLabel"),
+								initialValue: "https://www.sheetxl.com/docs/examples/financial-calculators.xlsx",
+								propsInput: { style: { minWidth: "440px" } },
+								options: [{
+									id: "Open",
+									label: () => d("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 });
+				}
+			})(), () => {
+				l = !0, s && (s.current = null);
+			};
+		}(e, {
+			workbook: n,
+			setWorkbook: r,
+			workbookTitle: i ?? void 0,
+			isDirty: () => v.current?.() ?? !1,
+			notifier: p,
+			refSave: s
+		});
+		return () => {
+			t(), e.remove();
+		};
+	}, [
+		f,
+		n,
+		r,
+		i,
+		p,
+		s
+	]), t;
+};
+Sa.displayName = "StudioCommandProvider";
+var Ca = ({ renderWorkbook: e }) => {
+	let t = x.useCommandResolver(), n = (0, Z.useRef)(null), r = k(), [i, a] = (0, Z.useState)(null), o = (0, Z.useCallback)((e) => {
+		let n = e.dataTransfer;
+		if (t && n) {
+			if (e.type === "dragenter" || e.type === "dragover") {
+				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 = D((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 (!R.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, Z.useMemo)(() => {
+		if (!i) return null;
+		let e = i === "insertImage";
+		return (0, Q.jsx)(B, {
+			className: "drop-overlay",
+			sx: {
+				position: "absolute",
+				inset: 0,
+				zIndex: 1,
+				boxSizing: "border-box",
+				pointerEvents: "none",
+				display: "flex",
+				justifyContent: "center",
+				alignItems: "center",
+				backgroundColor: (e) => Ke(e.palette.primary.main, .46),
+				outline: (e) => `2px dashed ${e.palette.primary.main}`,
+				outlineOffset: "-6px",
+				borderRadius: 2
+			},
+			children: (0, Q.jsxs)(Qe, {
+				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, Q.jsx)(m, {
+					iconKey: e ? "InsertImage" : "FileOpen",
+					className: "drop-overlay-icon",
+					size: 32
+				}), (0, Q.jsx)(H, {
+					variant: "h6",
+					component: "span",
+					children: r(e ? "drop.insertImage" : "drop.open")
+				})]
+			})
+		});
+	}, [i, r]);
+	return (0, Q.jsxs)(Q.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, Z.memo)((e) => {
+	let { workbook: t, setWorkbook: n, refDocumentTitle: r, titleWorkbook: i, setWorkbookTitle: a, isDirty: o, initialCommandAnchor: s, renderWorkbook: c, refSave: l, host: u } = e;
+	return (0, Q.jsx)(je, {
+		initialAnchor: s,
+		children: (0, Q.jsx)(Sa, {
+			workbook: t,
+			setWorkbook: n,
+			workbookTitle: i,
+			isDirty: o,
+			refSave: l,
+			fullscreenTarget: u,
+			children: (0, Q.jsx)(Ca, { renderWorkbook: c })
+		})
+	});
+});
+wa.displayName = "CommandsWrapper";
+var Ta = {
+	sort: p("studio:sortDialog", () => import("./DTn9oYyiIYgyijAk.mjs")).load,
+	hyperlink: p("studio:hyperlinkDialog", () => import("./BeMLfv6hWo15VCIL.mjs")).load,
+	find: p("studio:findReplaceWindow", () => import("./CaS8_J5HfBRk5_Nw.mjs")).load,
+	tableNew: p("studio:tableNewDialog", () => import("./CCd192S7yVpc6iOe.mjs")).load,
+	namedDetails: p("studio:namedReferenceDialog", () => import("./f1OJemsiZnbwnds-.mjs")).load,
+	insertFunction: p("studio:insertFunctionDialog", () => import("./CqoHxlGpZ3yzPj5V.mjs")).load,
+	resizeHeader: p("studio:resizeHeaderDialog", () => import("./DxwprgjYhcmfDbXH.mjs")).load,
+	outlineSettings: p("studio:outlineSettingsDialog", () => import("./CvWGtHslTdesJik-.mjs")).load,
+	fillSeries: p("studio:fillSeriesDialog", () => import("./CxCipDFamYSOctBo.mjs")).load,
+	workbookStatistics: p("studio:workbookStatisticsDialog", () => import("./ByqhqEMBLrnkaPKE.mjs")).load,
+	password: p("studio:passwordDialog", () => import("./index.mjs").then((e) => e.t).then((e) => e.t)).load
+}, Ea = ["find"], Da = (0, Z.memo)((e) => {
+	let { children: t } = e, n = pa(), r = n ? n.enqueueSnackbar : () => {}, i = n ? n.closeSnackbar : () => {}, a = (0, Z.useRef)(/* @__PURE__ */ new Set()), s = (0, Z.useRef)(null), c = (0, Z.useRef)(null), [u, d] = (0, Z.useState)({
+		label: null,
+		progress: null
+	}), f = k(), p = o.EmptyObject, h = vn(p), g = mn(p), _ = _n(p), y = (0, Z.useRef)(!1);
+	(0, Z.useEffect)(() => {
+		if (y.current) return;
+		y.current = !0;
+		let e = window, t = e.requestIdleCallback ?? ((e) => setTimeout(e, 500)), n = e.cancelIdleCallback ?? clearTimeout, r = t(() => {
+			for (let e of Ea) h(e, Ta[e], { prewarm: !0 }).catch(() => {});
+		});
+		return () => n(r);
+	}, []);
+	let b = (0, Z.useRef)(/* @__PURE__ */ new Set()), x = (0, Z.useMemo)(() => {
+		let e = (e, t) => {
+			if (t?.onceKey) {
+				if (b.current.has(t.onceKey)) return;
+				let e = new Set(b.current);
+				e.add(t.onceKey), b.current = e;
+			}
+			let n = {
+				variant: t?.type ?? C.Info,
+				anchorOrigin: {
+					vertical: "top",
+					horizontal: "center"
+				},
+				preventDuplicate: t?.preventDuplicate,
+				persist: t?.persist ?? t?.type === C.Error,
+				action: (e) => (0, Q.jsx)($e, {
+					onClick: () => i(e),
+					children: (0, Q.jsx)(m, { 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");
+				a.current.add(n), c.current = e, e != null && typeof e != "string" && d((t) => t.label === e ? t : {
+					...t,
+					label: e
+				});
+				let r = te(() => {
+					a.current.delete(n) && (a.current.size > 0 || (hn(s.current), c.current = null, d((e) => e.label === null && e.progress === null ? e : {
+						label: null,
+						progress: null
+					})));
+				}, (e, t) => {
+					let n = t && t > 0 && e != null ? Math.max(0, Math.min(1, e / t)) : null;
+					d((e) => e.progress === n ? e : {
+						...e,
+						progress: n
+					});
+				}, (e) => {
+					c.current = e, typeof e == "string" ? gn(s.current, e) : d((t) => ({
+						...t,
+						label: e
+					}));
+				}), i = gn(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);
+					}
+				}, h(e, Ta[e], t);
+			},
+			showOptions: g,
+			showInput: _,
+			showError: (t) => {
+				let n, r = C.Error, i = f("error.unknown");
+				typeof t == "string" ? i = t : t instanceof Error && (n = t, t.message && (i = f(t.message))), t instanceof l && (r = C.Info), e(i, {
+					type: r,
+					enqueueProps: { error: n }
+				});
+			}
+		}, n = new v();
+		return n.setOverrides(t), n;
+	}, [f]), S = (0, Z.useMemo)(() => (0, Q.jsx)(yn, {
+		ref: s,
+		autoStart: !1,
+		icon: (0, Q.jsx)(pn, { sx: {
+			transform: "scale(0.7)",
+			marginLeft: "-6px"
+		} }),
+		panel: !0,
+		label: u.label ?? (typeof c.current == "string" ? c.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, Q.jsxs)(O, {
+		notifier: x,
+		children: [S, 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, Z.memo)((0, Z.forwardRef)((e, t) => {
+	let { children: n, title: r, taskPanes: i, onSelect: a, selected: o, registry: s = _e, style: c, iconsOnly: l, side: u = "right", className: d, ...f } = e, p = u !== "right", h = y(), g = (0, Z.useMemo)(() => i.map((t) => {
+		let n = s.getRegisteredTaskPane(t);
+		if (!n) return null;
+		let r = n.getIcon?.();
+		typeof r == "string" && (r = (0, Q.jsx)(m, { iconKey: r }));
+		let i = t === o, a = r ? (0, Q.jsx)(B, {
+			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, Q.jsx)(B, {
+			sx: {
+				display: "grid",
+				gridTemplateColumns: c ? "1fr" : "0fr",
+				opacity: +!!c,
+				transition: (e) => e.transitions.create(["grid-template-columns", "opacity"], { duration: e.transitions.duration.short })
+			},
+			children: (0, Q.jsx)(B, {
+				sx: {
+					overflow: "hidden",
+					minWidth: 0,
+					minHeight: 0
+				},
+				children: (0, Q.jsx)(H, {
+					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, Q.jsx)(Et, {
+			value: t,
+			label: (0, Q.jsx)(rt, {
+				disableInteractive: !0,
+				title: n.getTitle() ?? "",
+				placement: "left-start",
+				children: (0, Q.jsxs)(B, {
+					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: M("taskpane-strip-item", { "Mui-selected": i }),
+			onClick: () => e.onSelect(t)
+		}, t);
+	}), [
+		i,
+		o,
+		a,
+		s,
+		p,
+		l,
+		h
+	]), _ = E(t, () => ({ isTaskPaneStrip: () => !0 }), []), v = (0, Z.useMemo)(() => M("taskpane-strip", d), [d]);
+	return (0, Q.jsx)(B, {
+		ref: _,
+		className: v,
+		sx: {
+			paddingLeft: p ? void 0 : "2px",
+			paddingRight: p ? "2px" : void 0,
+			paddingTop: "4px",
+			...c
+		},
+		...f,
+		children: (0, Q.jsx)(St, {
+			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: g
+		})
+	});
+})), Aa = (e) => {
+	let { title: t, icon: n, onClose: r, readOnly: i, focused: a, ...o } = e, s = (0, Z.useRef)(null), c = k();
+	return (0, Q.jsx)(it, {
+		className: M({ "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) => Ke(e.palette.action.hover, .03),
+			borderBottom: `solid ${Oa} 1px`
+		},
+		...o,
+		children: (0, Q.jsxs)(B, {
+			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, Q.jsx)(B, {
+				sx: {
+					flex: "1 1 100%",
+					paddingLeft: (e) => e.spacing(1)
+				},
+				children: t
+			}), (0, Q.jsx)(ot, {
+				label: c("taskPane.close"),
+				children: (0, Q.jsx)($e, {
+					"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, Q.jsx)(m, { iconKey: "Close" })
+				})
+			})]
+		})
+	});
+}, ja = (0, Z.forwardRef)((e, t) => {
+	let { model: n, side: r, ...i } = e, a = Ye(), o = `solid ${Oa} 1px`, s = `${a.shape.borderRadius ?? 4}px`, c = `${a.spacing?.(.5) ?? 4}px`;
+	return (0, Q.jsx)(me, {
+		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, Z.memo)((0, Z.forwardRef)((e, t) => {
+	let n, r, { mainElement: i, sidebarElement: a, position: o, persistKey: s, onPositionChange: c, className: l, style: u, taskSide: d = "right", ...f } = e, [p, m] = g(s ?? null, Ma), h = Ye(), [_, { width: v }] = j(), y = v > 530 || v === 0, b = (0, Z.useRef)(null), x = null, S = 4, C = 13;
+	y ? x = "m 3.6261898,11.36243 c 0,0.88365 -0.71627,1.59991 -1.59991,1.59991 -0.8836498,0 -1.60004965,-0.71626 -1.60004965,-1.59991 0,-0.88365 0.71639985,-1.6000508 1.60004965,-1.6000508 0.88364,0 1.59991,0.7164008 1.59991,1.6000508 m 0,-4.881294 c 0,0.88364 -0.71627,1.60004 -1.59991,1.60004 -0.8836498,0 -1.60004965,-0.7164 -1.60004965,-1.60004 0,-0.88365 0.71639985,-1.60005 1.60004965,-1.60005 0.88364,0 1.59991,0.7164 1.59991,1.60005 m 0,-4.881226 c 0,0.88365 -0.71627,1.60005 -1.59991,1.60005 C 1.14263,3.19996 0.42623015,2.48356 0.42623015,1.59991 0.42623015,0.71626 1.14263,0 2.0262798,0 c 0.88364,0 1.59991,0.71626 1.59991,1.59991" : (x = "M 1.59991,3.62619 C 0.71626,3.62619 0,2.90992 0,2.02628 0,1.1426301 0.71626,0.42623015 1.59991,0.42623015 c 0.88365,0 1.6000508,0.71639995 1.6000508,1.60004985 0,0.88364 -0.7164008,1.59991 -1.6000508,1.59991 m 4.881294,0 c -0.88364,0 -1.60004,-0.71627 -1.60004,-1.59991 0,-0.8836499 0.7164,-1.60004985 1.60004,-1.60004985 0.88365,0 1.60005,0.71639995 1.60005,1.60004985 0,0.88364 -0.7164,1.59991 -1.60005,1.59991 m 4.881226,0 c -0.88365,0 -1.60005,-0.71627 -1.60005,-1.59991 0,-0.8836499 0.7164,-1.60004985 1.60005,-1.60004985 0.88365,0 1.59991,0.71639995 1.59991,1.60004985 0,0.88364 -0.71626,1.59991 -1.59991,1.59991", S = 13, C = 4);
+	let w, te = i, T = a, E = d !== "right", D = y ? "row" : "column", O = E && T ? "before" : "after", k = `${D}:${O}`, A = s ? p[k] : void 0, ne = A == null ? ((e, t) => {
+		if (e == null) return "40%";
+		if (typeof e == "number" || typeof e == "string") return e;
+		let n = e[t];
+		return n == null ? "40%" : `${n}%`;
+	})(o, k) : `${A}%`, re = s || c ? (e) => {
+		s && m((t) => ({
+			...t,
+			[k]: e.percent
+		})), c?.(e, {
+			orientation: D,
+			side: O,
+			key: k
+		});
+	} : void 0;
+	E && T ? (te = a, T = i, r = { style: {
+		flexDirection: "column",
+		boxSizing: "border-box",
+		paddingRight: "2px"
+	} }, n = {}, w = {
+		fixedPane: "before",
+		position: ne,
+		minBefore: y ? "280px" : "120px",
+		splitDirection: y ? "row" : "column"
+	}) : (n = { style: {
+		flexDirection: "column",
+		marginRight: a ? void 0 : "6px"
+	} }, r = { style: {
+		marginLeft: y ? "0px" : "4px",
+		marginRight: y ? "8px" : "4px"
+	} }, w = {
+		fixedPane: "after",
+		position: ne,
+		minAfter: y ? "280px" : "120px",
+		splitDirection: y ? "row" : "column"
+	});
+	let ie = Ct([
+		b,
+		_,
+		t
+	]);
+	return (0, Q.jsx)(ee, {
+		ref: ie,
+		className: l,
+		style: u ? {
+			...Na,
+			...u
+		} : Na,
+		...f,
+		...w,
+		onPositionChange: re,
+		propsResizer: {
+			className: M("styled-resizer", "_styled-resizer_fdl5y_3"),
+			style: {
+				minWidth: y ? "7px" : void 0,
+				minHeight: y ? void 0 : "6px",
+				maskImage: `url("data:image/svg+xml,%3Csvg width='${S}' height='${C}' viewBox='0 0 ${S} ${C}' version='1.1' fill='${h.palette.text.icon ?? h.palette.action.active}' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath d='${x}' /%3E%3C/svg%3E%0A")`,
+				maskRepeat: "no-repeat",
+				maskPosition: E ? y ? "center center" : "bottom center" : y ? "left center" : "top center"
+			}
+		},
+		elementBefore: te,
+		propsPaneBefore: n,
+		elementAfter: T,
+		propsPaneAfter: r
+	});
+}));
+Pa.displayName = "StudioSplitPane";
+var Fa = () => (0, Q.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, Q.jsx)(Z.Fragment, { children: t[e] }, e);
+	if (e === "bottom") {
+		let e = t.statusBar && t.formulaBar ? (0, Q.jsx)(Fa, {}, "divider") : null;
+		return [
+			n("toolbar"),
+			n("main"),
+			n("statusBar"),
+			e,
+			n("formulaBar")
+		];
+	}
+	return [
+		n("toolbar"),
+		n("formulaBar"),
+		n("main"),
+		n("statusBar")
+	];
+}, La = F.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 === F.BuiltInOperatorNames.Expression ? "FormulaCustom" : n.selector || n.operator !== F.BuiltInOperatorNames.InSet ? typeof n.selector == "string" && Ra[n.selector] || "DataValidation" : "Menu";
+}, Ba = (0, Z.memo)(({ dataValidation: e, size: t = 28 }) => (N(e, "onAnyChange"), (0, Q.jsx)(J, {
+	className: "sxl-dv-icon",
+	sx: {
+		width: "auto",
+		minWidth: 1.7 * t + "px",
+		height: `${t}px`
+	},
+	children: (0, Q.jsx)(m, {
+		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 === F.BuiltInOperatorNames.Expression && typeof r.param == "string") return t("dataValidation.titleCustom", { formula: r.param });
+	if (!r.selector && r.operator === F.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 = {
+	[I.AlertStyle.Stop]: "ValidationStop",
+	[I.AlertStyle.Warning]: "ValidationWarning",
+	[I.AlertStyle.Information]: "ValidationInformation"
+}, Ua = "none", Wa = {
+	width: 18,
+	height: 18,
+	flex: "0 0 auto"
+}, Ga = {
+	[I.AlertStyle.Stop]: u("dataValidation.alertStop"),
+	[I.AlertStyle.Warning]: u("dataValidation.alertWarning"),
+	[I.AlertStyle.Information]: u("dataValidation.alertInformation")
+}, Ka = (0, Z.memo)((e) => {
+	let { dataValidation: t } = e, n = k();
+	N(t, "onAnyChange");
+	let r = t.isProtected(), i = t.getRenderHints().includes("list"), [a, o] = (0, Z.useState)("rule"), s = (0, Q.jsxs)(Qe, {
+		tabIndex: 0,
+		className: Zt["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, Q.jsxs)(B, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: (e) => e.spacing(1.75),
+					margin: (e) => e.spacing(1.25),
+					marginBottom: 0
+				},
+				children: [(0, Q.jsxs)(B, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: (e) => e.spacing(1.5)
+					},
+					children: [(0, Q.jsx)(Ba, {
+						dataValidation: t,
+						size: 48
+					}), (0, Q.jsx)(H, {
+						variant: "body2",
+						sx: {
+							minWidth: 0,
+							wordBreak: "break-word"
+						},
+						children: Va(t, n)
+					})]
+				}), (0, Q.jsx)(Gt, {
+					item: t,
+					label: n("dataValidation.applyTo")
+				})]
+			}),
+			(0, Q.jsxs)(St, {
+				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, Q.jsx)(Et, {
+					value: "rule",
+					label: n("dataValidation.tabRule")
+				}), (0, Q.jsx)(Et, {
+					value: "prompt",
+					label: n("dataValidation.prompt")
+				})]
+			}),
+			a === "prompt" ? (0, Q.jsxs)(B, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 2
+				},
+				children: [
+					(0, Q.jsx)(sn, {
+						control: (0, Q.jsx)(on, {
+							checked: t.isShowPromptMessage(),
+							disabled: r,
+							onChange: (e) => t.setShowPromptMessage(e.target.checked)
+						}),
+						label: n("dataValidation.showPrompt"),
+						sx: {
+							ml: 0,
+							pl: .5
+						}
+					}),
+					(0, Q.jsx)(cn, {
+						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, Q.jsx)(cn, {
+						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, Q.jsxs)(Q.Fragment, { children: [(0, Q.jsx)(wt, {
+				sx: {
+					...yt,
+					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, Q.jsx)(sn, {
+					control: (0, Q.jsx)(on, {
+						size: "small",
+						checked: !t.isHideDropdown(),
+						disabled: r,
+						onChange: (e) => t.setHideDropdown(!e.target.checked)
+					}),
+					label: n("dataValidation.inCellDropdown")
+				}) : null
+			}), (0, Q.jsxs)(B, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 2,
+					p: 2,
+					border: 1,
+					borderColor: "divider",
+					borderRadius: 1
+				},
+				children: [(0, Q.jsxs)(pt, {
+					fullWidth: !0,
+					size: "small",
+					disabled: r,
+					sx: { backgroundColor: "background.paper" },
+					children: [(0, Q.jsx)(dt, { children: n("dataValidation.onInvalid") }), (0, Q.jsxs)(ft, {
+						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, Q.jsxs)(B, {
+							sx: {
+								display: "flex",
+								alignItems: "center",
+								gap: 1
+							},
+							children: [e === Ua ? (0, Q.jsx)(B, { sx: Wa }) : (0, Q.jsx)(m, {
+								iconKey: Ha[e],
+								size: 18,
+								ariaHidden: !0
+							}), n(e === Ua ? "dataValidation.alertNone" : Ga[e])]
+						}),
+						children: [Object.keys(Ha).map((e) => (0, Q.jsxs)(X, {
+							value: e,
+							sx: { gap: 1 },
+							children: [(0, Q.jsx)(m, {
+								iconKey: Ha[e],
+								size: 18,
+								ariaHidden: !0
+							}), n(Ga[e])]
+						}, e)), (0, Q.jsxs)(X, {
+							value: Ua,
+							sx: { gap: 1 },
+							children: [(0, Q.jsx)(B, { sx: Wa }), n("dataValidation.alertNone")]
+						}, Ua)]
+					})]
+				}), t.isShowAlertMessage() ? (0, Q.jsxs)(Q.Fragment, { children: [(0, Q.jsx)(cn, {
+					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, Q.jsx)(cn, {
+					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, Q.jsx)(en.Provider, {
+		value: t,
+		children: s
+	});
+});
+Ka.displayName = "DataValidationEditorPanel";
+var qa = ({ icon: e, title: t, children: n }) => (0, Q.jsxs)(B, {
+	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, Q.jsx)(m, {
+		iconKey: e,
+		size: 14,
+		ariaHidden: !0
+	}), n ? (0, Q.jsx)(H, {
+		variant: "caption",
+		children: n
+	}) : null]
+}), Ja = {
+	[I.AlertStyle.Stop]: "dataValidation.alertStop",
+	[I.AlertStyle.Warning]: "dataValidation.alertWarning",
+	[I.AlertStyle.Information]: "dataValidation.alertInformation"
+}, Ya = (0, Z.memo)(({ item: e }) => {
+	let t = k();
+	N(e, "onAnyChange");
+	let n = [];
+	if (e.isShowPromptMessage() && n.push((0, Q.jsx)(qa, {
+		icon: "NoteInsert",
+		title: t("dataValidation.prompt"),
+		children: e.getPromptTitle() || null
+	}, "prompt")), e.getCondition() && e.isShowAlertMessage()) {
+		let r = e.getAlertStyle();
+		n.push((0, Q.jsx)(qa, {
+			icon: Ha[r],
+			title: `${t("dataValidation.alert")}: ${t(Ja[r])}`
+		}, "alert"));
+	}
+	return !e.isHideDropdown() && e.getRenderHints().includes("list") && n.push((0, Q.jsx)(qa, {
+		icon: "ArrowDownOutline",
+		title: t("dataValidation.inCellDropdown")
+	}, "dropdown")), n.length === 0 ? null : (0, Q.jsx)(B, {
+		sx: {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: .5
+		},
+		children: n
+	});
+});
+Ya.displayName = "DataValidationCardBody";
+var Xa = (0, Z.memo)(({ item: e }) => {
+	let t = k();
+	return (0, Q.jsx)(Gt, {
+		item: e,
+		label: t("dataValidation.applyTo"),
+		helperText: null
+	});
+});
+Xa.displayName = "DataValidationCardRanges";
+var Za = {
+	key: "data-validation",
+	messageKeys: {
+		none: u("dataValidation.none"),
+		addPrompt: u("dataValidation.addPrompt"),
+		heading: u("dataValidation.heading"),
+		insert: u("dataValidation.insert"),
+		new: u("dataValidation.new"),
+		moveUp: u("dataValidation.moveUp"),
+		moveDown: u("dataValidation.moveDown"),
+		edit: u("dataValidation.edit"),
+		duplicate: u("dataValidation.duplicate"),
+		delete: u("dataValidation.delete"),
+		cancel: u("dataValidation.cancel"),
+		save: u("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: I.AlertStyle.Stop,
+			showAlertMessage: !0
+		});
+	},
+	applySeed: (e, t) => {
+		e.update(t);
+	},
+	getCardTitle: Va,
+	CardMedia: ({ item: e }) => (0, Q.jsx)(Ba, {
+		dataValidation: e,
+		size: 32
+	}),
+	CardSubtitle: Xa,
+	CardBody: Ya,
+	EditorBody: ({ item: e }) => (0, Q.jsx)(Ka, { dataValidation: e })
+}, Qa = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
+	let { workbook: n, args: r, ...i } = e;
+	return (0, Q.jsx)($t, {
+		ref: t,
+		workbook: n,
+		descriptor: Za,
+		args: r,
+		dragReorder: !0,
+		...i
+	});
+}));
+Qa.displayName = "DataValidationDetailsPanel", Ft(), Ae("shape", {
+	key: "changeShapeGallery",
+	render: (e) => (0, Q.jsx)(Ut, {
+		...e,
+		commandKey: "changeShape",
+		excludeCategories: Gr
+	})
+}, {
+	order: -1,
+	divider: "after"
+}), oe("shape", () => import("./CnWNviK4qlX2GVl6.mjs").then((e) => e.ShapeFormatPanel)), Ae("picture", {
+	key: "changePictureOptions",
+	defaultKey: "changePictureFromFile",
+	members: ["changePictureFromFile", "changePictureFromURL"]
+}, {
+	order: -1,
+	divider: "after"
+}), Rt(), h.register("plugin-table", { icons: {} }), _e.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, Q.jsx)(Qa, {
+			ref: a,
+			workbook: t,
+			args: i,
+			...o
+		});
+	}
+}, !0), _e.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, Q.jsx)(Wr, {
+			ref: a,
+			workbook: t,
+			args: i,
+			...o
+		});
+	}
+}, !0), Wt(), Tt(), q(), It(), mt(), At();
+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" ? o.deepMerge(r, i) : r;
+}, to = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
+	let { host: n, scopeClass: r, square: i, elevation: s, variant: c, onWorkbookLoad: l, prefetch: u, onDocumentError: d, renderDocumentError: f = Dt, propsDocumentError: p, propsTaskPaneArea: _, renderTaskPaneArea: v = no, taskPaneSide: y = "right", onKeyDown: C, workbook: ee, onWorkbookChange: te, logo: O, topLeft: k, topRight: j, muiTheme: re, tokens: M, cssBaseline: oe, autoFocus: se = !1, title: ce, onDirtyChange: le, propsDocumentTitle: P, renderDocumentLoading: F = tn, propsDocumentLoading: I, propsWorkbook: L, showFormulaBar: ue, propsFormulaBar: de, renderFormulaBar: fe, formulaBarPlacement: pe, manageVisualViewport: me = !0, editable: _e, showStatusBar: ve, propsStatusBar: ye, renderStatusBar: we, propsToolbar: Ee, renderToolbar: ke } = e, z = (0, Z.useRef)(null), Ae = (0, Z.useRef)(null), je = (0, Z.useRef)(null), Me = D(() => {
+		je.current?.getNamedCollectionEditorElement?.()?.focus?.();
+	}, []), Pe = ((e, t = typeof window > "u" ? "mouse" : ae.detectIt().primaryInput) => e === "top" || e === "bottom" ? e : t === "touch" ? "bottom" : "top")(pe), Ie = Pe === "bottom" && me, Le = T(Ie), Be = Le ? Math.max(0, Math.round(window.innerHeight - Le.height)) : 0, Ve = Le ? Math.round(Le.offsetTop) : 0, He = Le?.height;
+	(0, Z.useEffect)(() => {
+		Ie && He !== void 0 && (window.scrollX === 0 && window.scrollY === 0 || window.scrollTo(0, 0));
+	}, [Ie, He]);
+	let Ue = D(d ?? (() => {}), [d]), We = D(le ?? (() => {}), [le]), Ge = P?.placeHolder, [Ke] = g(Re.Mode, Te[Re.Mode]), { themeMode: qe } = ie({ mode: Ke ?? void 0 }), [Je] = g(S.Active, null), Ye = (0, Z.useRef)(Je);
+	Ye.current = Je;
+	let Xe = w(), V = (0, Z.useMemo)(() => ({
+		light: tt(!1, o.deepMerge(eo(re, !1), jt(Xe?.light))),
+		dark: tt(!0, o.deepMerge(eo(re, !0), jt(Xe?.dark)))
+	}), [
+		re,
+		Xe?.light,
+		Xe?.dark
+	]), Ze = qe === "dark", $e = (0, Z.useMemo)(() => ht(V.light, V.dark, `.${r}`, M), [
+		V,
+		r,
+		M
+	]), nt = (0, Z.useMemo)(() => Se("sxl-defaults", `.${r}`), [r]), rt = he(), [it, at] = (0, Z.useState)(() => ee ?? null);
+	(0, Z.useEffect)(() => {
+		at(ee ?? null);
+	}, [ee]);
+	let [ot, H] = (0, Z.useState)(0), st = (0, Z.useRef)(null);
+	st.current ||= $a();
+	let U = Fe(it, {
+		io: R,
+		defaultTheme: rt.getDefaultTheme(),
+		reloadKey: ot
+	}), W = U.status === "loaded" ? U.workbook : null, G = (0, Z.useMemo)(() => U.status === "error" ? {
+		status: "error",
+		error: U.error
+	} : U.status === "loaded" ? {
+		status: "loaded",
+		workbook: U.workbook
+	} : { status: "loading" }, [U]);
+	(0, Z.useEffect)(() => {
+		st.current.settled && (st.current = $a());
+	}, [it, ot]), (0, Z.useEffect)(() => {
+		G.status === "loaded" ? st.current.resolve(G.workbook) : G.status === "error" && (Ue?.(G.error), st.current.reject(G.error));
+	}, [G]);
+	let [K, ct] = (0, Z.useState)(null);
+	W && !K && ct(W);
+	let lt = W && K && W !== K ? W : null, ut = (0, Z.useRef)(lt);
+	ut.current = lt;
+	let dt = (0, Z.useRef)(K);
+	dt.current = K;
+	let ft = (0, Z.useRef)([]), pt = (0, Z.useCallback)((e) => {
+		let t = dt.current;
+		t && ft.current.push(t), at(e);
+	}, []);
+	(0, Z.useEffect)(() => {
+		let e = ft.current;
+		if (e.length !== 0) {
+			ft.current = e.filter((e) => e === K);
+			for (let t = 0; t < e.length; t++) {
+				let n = e[t];
+				if (n !== K) try {
+					n.close();
+				} catch (e) {
+					console.warn("Unable to close the replaced workbook", e);
+				}
+			}
+		}
+	}, [K]);
+	let mt = _e ? null : K, gt = Ce(), _t = (0, Z.useMemo)(() => mt ? ze(mt.getSelectedSheet(), { referenceMode: gt }) : null, [mt, gt]), q = _e ?? _t, J = (0, Z.useRef)(q);
+	J.current = q, (0, Z.useEffect)(() => {
+		if (!q) return;
+		let e = q.getSession();
+		return q.subscribe(() => {
+			let t = e;
+			e = q.getSession(), t && !e && t.getActiveEditorId() === "formula-bar" && je.current?.contains?.(document.activeElement) && z.current?.focus();
+		});
+	}, [q]);
+	let yt = Oe(K), { isDirty: bt, saveState: Y } = De(K, R), St = Ne(K), Ct = (0, Z.useRef)(Y), wt = (0, Z.useRef)(null);
+	Ct.current = Y;
+	let Tt = (0, Z.useCallback)(() => Ct.current?.isDirty() ?? !1, []), Et = (0, Z.useRef)(G);
+	Et.current = G;
+	let [kt, At] = (0, Z.useState)(null), Mt = ce ?? P?.title, [Nt, Ft] = (0, Z.useState)(null);
+	(0, Z.useEffect)(() => {
+		Ft(null);
+	}, [K]);
+	let It = Mt ?? Nt ?? yt ?? "";
+	(0, Z.useEffect)(() => {
+		We?.(bt);
+	}, [bt]);
+	let Lt = D(te ?? (() => {}), [te]);
+	(0, Z.useEffect)(() => {
+		Lt?.(W);
+	}, [W]);
+	let Rt = (0, Z.useRef)(W);
+	Rt.current = W, N(K, "onViewChange");
+	let zt = (0, Z.useMemo)(() => (0, Q.jsx)(ln, {
+		groupKey: "helpOptions",
+		disableHover: !0,
+		sx: { padding: "0" },
+		propsButton: { sx: { maxHeight: "22px" } }
+	}), []), [Bt, Vt] = (0, Z.useState)(null), Ht = (0, Z.useCallback)((e) => {
+		Vt(e);
+	}, []);
+	(0, Z.useEffect)(() => {
+		h.prefetch().catch((e) => {
+			console.warn("Icons could not be loaded:", e);
+		});
+	}, []);
+	let Ut = (0, Z.useRef)(null);
+	Ut.current ||= $a();
+	let Wt = (0, Z.useRef)(null), Gt = (0, Z.useCallback)(() => Wt.current?.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? Ut.current.promise, []), Kt = D(async (e) => {
+		let t = Ye.current;
+		t && t !== a.getActive() && await a.setActive(t), await x.DefaultCommandCatalogService.prefetch(t ?? void 0), At(e), Wt.current = e.source, Ut.current.settled || Ut.current.resolve(e.source.getSheetElement()?.getGridSurface()?.getPane()?.getElement() ?? null), l?.(e);
+	}, []), qt = (0, Z.useRef)(null), Jt = (0, Z.useCallback)((e) => {
+		let t = null, n = {
+			readOnly: !0,
+			...P
+		};
+		return P?.hidden || (t = (0, Q.jsx)(vt, {
+			...n,
+			style: {
+				maxWidth: "100%",
+				...P?.style
+			},
+			workbook: e.workbook ?? z.current,
+			ref: qt,
+			title: It,
+			modified: bt,
+			encrypted: St,
+			placeHolder: Ge,
+			onTitleChange: (e) => {
+				Ft(e), P?.onTitleChange?.(e);
+			}
+		})), (0, Q.jsx)(_a, {
+			...e,
+			logo: O,
+			mainElement: t,
+			startElement: k,
+			endElement: j
+		});
+	}, [
+		O,
+		It,
+		bt,
+		St,
+		P,
+		k,
+		j
+	]);
+	(0, Z.useEffect)(() => {
+		let e = z.current;
+		if (!e) return;
+		let t = (t) => {
+			(t.ctrlKey || t.metaKey || ne.getWheelOwner(t, e) !== "native") && t.preventDefault();
+		};
+		return e.addEventListener("wheel", t, { passive: !1 }), () => {
+			e.removeEventListener("wheel", t);
+		};
+	}, [kt]);
+	let [Yt, Xt] = (0, Z.useState)(null);
+	(0, Z.useEffect)(() => {
+		Xt(kt?.source?.getCommandScope?.() ?? null);
+	}, [kt]);
+	let Zt = (0, Z.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" }
+	}), []), [Qt, $t] = (0, Z.useState)(null), [, en] = g(null, !1);
+	(0, Z.useEffect)(() => {
+		en(Qt != null);
+	}, [Qt, en]);
+	let rn = (0, Z.useCallback)((e) => v({
+		model: K,
+		side: y,
+		...e,
+		..._
+	}), [
+		K,
+		y,
+		_
+	]), an = (0, Z.useRef)(n);
+	an.current = n, E(t, () => ({
+		isStudioElement: () => !0,
+		save: (e) => {
+			let t = wt.current;
+			return t ? t(e) : Promise.reject(Error("The studio cannot save: no workbook, or the backing store cannot write."));
+		},
+		getWorkbookElement: () => z.current,
+		getWorkbook: () => Rt.current ?? null,
+		isDirty: () => Ct.current?.isDirty() ?? !1,
+		getEditable: () => J.current,
+		getFormulaBarElement: () => je.current ?? null,
+		focus: () => z.current?.focus(),
+		whenReady: () => (st.current ||= $a(), st.current.promise),
+		getWorkbookState: () => Et.current,
+		retry: () => H((e) => e + 1)
+	}), [], n);
+	let on = (0, Z.useRef)(!1), sn = D((e, t) => {
+		t === ut.current && requestAnimationFrame(() => requestAnimationFrame(() => {
+			t === ut.current && (on.current = an.current?.contains(document.activeElement) ?? !0, ct(t), Kt(e));
+		}));
+	}, []);
+	(0, Z.useEffect)(() => {
+		on.current && (on.current = !1, z.current?.focus());
+	}, [K]);
+	let cn = (0, Z.useCallback)(() => (0, Q.jsx)(Q.Fragment, {}), []), dn = (0, Z.useCallback)((e) => {
+		let { ref: t, ...n } = e, r = Ze ? V.dark : V.light, a = G.status === "error" ? f({
+			...p,
+			style: {
+				width: "100%",
+				height: "100%",
+				...p?.style
+			},
+			error: G.error
+		}) : null;
+		if (a && !K) return (0, Q.jsx)(Qe, {
+			style: {
+				width: "100%",
+				height: "100%",
+				position: "absolute",
+				display: "flex",
+				alignItems: "stretch",
+				justifyContent: "stretch"
+			},
+			children: a
+		});
+		let o = null;
+		if (K) {
+			let e = K, i = e.getView(), a = ue ?? i?.isShowFormulaBar(), s = ve ?? i?.isShowStatusBar(), c = kt?.source ?? z.current, l = (ke ?? Jt)({
+				workbook: c,
+				...Ee
+			}), d = Pe === "bottom", f = a ? (fe ?? Pt)({
+				ref: je,
+				style: {
+					marginTop: r.spacing(d ? .5 : .25),
+					marginLeft: r.spacing(1),
+					marginRight: r.spacing(1),
+					marginBottom: r.spacing(d ? .5 : .75)
+				},
+				workbook: e,
+				editable: q ?? void 0,
+				placement: Pe,
+				...de,
+				propsNamedCollectionEditor: {
+					restoreFocus: (e) => c?.focus(e),
+					...de?.propsNamedCollectionEditor
+				}
+			}) : null, p = s ? (we ?? nn)({
+				childrenEnd: zt,
+				...ye
+			}) : null, m = (e, r) => (0, Q.jsx)(xt, {
+				...L,
+				tabIndex: 0,
+				autoFocus: !r && se,
+				workbook: e,
+				editable: r ? void 0 : q ?? void 0,
+				focusNameBox: r ? void 0 : Me,
+				prefetch: !r && u,
+				ref: r ? Ae : Ot([t, z]),
+				onWorkbookLoad: r ? (t) => sn(t, e) : Kt,
+				onKeyDown: (e) => {
+					C?.(e);
+				},
+				propsWorkbookLoading: I,
+				renderWorkbookLoading: cn,
+				style: r ? {
+					...L?.style,
+					position: "absolute",
+					inset: 0,
+					visibility: "hidden"
+				} : {
+					flex: "1 1 100%",
+					minHeight: 0,
+					...L?.style
+				},
+				onContextMenu: (e) => e.preventDefault(),
+				...r ? null : n
+			}, e.getId());
+			o = (0, Q.jsx)("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					flex: "1 1 100%",
+					minWidth: 0,
+					minHeight: 0,
+					...xe({
+						window: r.palette.background.default,
+						windowText: r.palette.text.primary
+					})
+				},
+				children: Ia(Pe, {
+					toolbar: l,
+					formulaBar: f,
+					statusBar: p,
+					main: (0, Q.jsx)(Pa, {
+						taskSide: y,
+						persistKey: "taskPanePosition",
+						sidebarElement: Qt ? (0, Q.jsx)(x.CommandScopeProvider, {
+							scope: Yt,
+							children: Qt
+						}) : void 0,
+						mainElement: (0, Q.jsxs)("div", {
+							style: {
+								position: "relative",
+								display: "flex",
+								flexDirection: "column",
+								flex: "1 1 100%",
+								minWidth: 0,
+								minHeight: 0
+							},
+							children: [[m(K, !1), lt ? m(lt, !0) : null], (0, Q.jsx)(B, {
+								ref: Ht,
+								sx: {
+									position: "absolute",
+									top: "10%",
+									left: 0,
+									right: 0,
+									bottom: 0,
+									pointerEvents: "none",
+									"& > :first-of-type": { position: "relative" }
+								}
+							})]
+						})
+					})
+				})
+			});
+		}
+		let l = kt ? null : F({ ...I });
+		return (0, Q.jsxs)(Qe, {
+			sx: Zt,
+			style: {
+				width: "100%",
+				height: Be ? `calc(100% - ${Be}px)` : "100%",
+				transform: Ve ? `translateY(${Ve}px)` : void 0,
+				overscrollBehavior: Ie ? "none" : void 0,
+				position: "absolute",
+				display: "flex",
+				alignItems: "stretch",
+				justifyContent: "stretch",
+				backgroundColor: "var(--sxl-color-base-200)"
+			},
+			className: "eager-studio",
+			square: i,
+			elevation: s,
+			variant: c,
+			children: [
+				o,
+				a ? (0, Q.jsx)(Qe, {
+					style: {
+						position: "absolute",
+						inset: 0,
+						display: "flex",
+						alignItems: "stretch",
+						justifyContent: "stretch"
+					},
+					children: a
+				}) : null,
+				l ? (0, Q.jsx)("div", {
+					style: {
+						position: "absolute",
+						inset: 0,
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center",
+						background: `var(--sxl-color-base-100, ${Ze ? "#121212" : "#fff"})`
+					},
+					children: l
+				}) : null
+			]
+		});
+	}, [
+		G,
+		K,
+		lt,
+		kt,
+		It,
+		F,
+		I,
+		cn,
+		L,
+		i,
+		s,
+		c,
+		zt,
+		f,
+		p,
+		Jt,
+		Zt,
+		Qt,
+		y,
+		Yt,
+		ue,
+		de,
+		fe,
+		Pe,
+		q,
+		ve,
+		ye,
+		we,
+		Ee,
+		ke,
+		Ie,
+		Be,
+		Ve,
+		V,
+		Ze
+	]), fn = (0, Q.jsx)(fa, {
+		maxSnack: 3,
+		domRoot: Bt ?? void 0,
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "right"
+		},
+		autoHideDuration: 3500,
+		onClose: (e, t, n) => {
+			z.current?.focus();
+		},
+		Components: { error: ha },
+		iconVariant: {
+			success: (0, Q.jsx)(et, {
+				style: { marginRight: "8px" },
+				children: (0, Q.jsx)("path", { d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" })
+			}),
+			error: (0, Q.jsx)(m, {
+				iconKey: "ErrorAlert",
+				style: { marginRight: "8px" }
+			})
+		},
+		children: (0, Q.jsx)(be, {
+			workbook: K,
+			children: (0, Q.jsx)(ge, {
+				renderArea: rn,
+				onUpdateArea: (e) => {
+					$t(e);
+				},
+				children: (0, Q.jsx)(Sn, { children: (0, Q.jsx)(Da, { children: (0, Q.jsx)(A, { children: (0, Q.jsx)(b, { children: (0, Q.jsx)(wa, {
+					workbook: K,
+					initialCommandAnchor: Gt,
+					renderWorkbook: dn,
+					setWorkbook: pt,
+					titleWorkbook: It,
+					setWorkbookTitle: Ft,
+					refDocumentTitle: qt,
+					isDirty: Tt,
+					refSave: wt,
+					host: n
+				}) }) }) }) })
+			})
+		})
+	});
+	return fn = (0, Q.jsxs)(Zn, {
+		theme: Ze ? V.dark : V.light,
+		children: [
+			oe ? (0, Q.jsx)(ur, {}) : null,
+			(0, Q.jsx)("style", { children: $e }),
+			(0, Q.jsx)("style", { children: nt }),
+			(0, Q.jsx)(un, {
+				themeScopeClass: r,
+				themeSurface: "app",
+				themeMode: qe,
+				children: fn
+			})
+		]
+	}), fn;
+}));
+to.displayName = "EagerStudio";
+var no = (e) => (0, Q.jsx)(ja, { ...e });
+export { to as EagerStudio, to as default };