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

package/cdn/assets/{D_pMOq6FdH4RSBLc.js → DG4PyKuuGu6RkAEv.js}

@@ -1,26 +1,26 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { t as e } from "./CIyaijfp6itgRpFM.js";
-import { t } from "./BeQ95CzwR65il0CK.js";
-import { M as n, P as r, w as i } from "./CMxbiQ5J79M3n1tk.js";
-import { r as a } from "./hg8WYI0Yy4WPPPoP.js";
-import { A as o, D as s, H as c, I as l, P as u, St as d, V as f, W as p, X as m, ft as h, j as g, l as _, m as v, mt as y, n as b, pt as x, r as S, tt as C, v as w } from "./Cw7AJWd0S2sjRmr6.js";
-import { _ as T, d as E, g as D, l as O, n as k, t as A, v as j } from "./mK8HcIZyXkOTvL6E.js";
-import { $ as M, B as N, Et as P, F, L as I, N as L, P as R, T as z, Tt as ee, a as te, at as B, bt as ne, c as re, ct as V, d as H, f as ie, gt as U, h as W, i as G, j as K, lt as q, m as J, n as ae, ot as oe, s as se, st as ce, tt as Y, u as le, ut as ue } from "./CbTN0q6XnYGJqyEp.js";
-import { _ as de, p as fe } from "./VCiu_neIjCTg2NUa.js";
-import { n as pe } from "./DHH_uKVzQ_kRYO2N.js";
-import { t as me } from "./C32co-XulWTkEKrW.js";
-import { Ft as he } from "./B27vTQlxbHhSQJx8.js";
-import { r as ge } from "./DCnWyVXikb_8Dat3.js";
-var X = ge(e(), 1), Z = t();
-function _e(e) {
-	return T("MuiListItemButton", e);
+import { n as e } from "./C7fZFw4yQ9VNHtnV.js";
+import { t } from "./Cf0bbHHOW6iwvyXg.js";
+import { t as n } from "./8CW-puLLSNyeaGce.js";
+import { A as r, W as i, g as a } from "./PD_ckP5IyZurtALu.js";
+import { r as o } from "./BmWMHgdcbZuZUGtm.js";
+import { $ as s, B as c, D as l, Et as u, Ot as d, U as f, V as p, a as m, g as h, it as g, j as _, k as v, mt as y, ot as b, r as x, t as S, v as C, wt as w, z as T } from "./BJ5RRYxWA_yTbVpr.js";
+import { _ as E, d as D, g as O, l as k, n as A, t as j, v as M } from "./DxI14nqCsNi-yexx.js";
+import { $ as N, B as P, Et as F, F as I, L as ee, N as L, P as R, T as te, Tt as z, a as ne, at as re, bt as ie, c as B, ct as V, d as ae, f as oe, gt as H, h as se, i as U, j as W, lt as G, m as K, n as ce, ot as q, s as le, st as ue, tt as J, u as de, ut as fe } from "./CGklNVK7pkjOQ6XF.js";
+import { _ as pe, p as me } from "./Y0Uf_lVRToNYi395.js";
+import { n as he } from "./B71MtA2mmixmeooi.js";
+import { t as ge } from "./BEvqzG-mTBe_4aVC.js";
+import { t as _e } from "./BI1IDPvx--ARef3O.js";
+var Y = e(t(), 1), X = n();
+function ve(e) {
+	return E("MuiListItemButton", e);
 }
-var ve = D("MuiListItemButton", [
+var ye = O("MuiListItemButton", [
 	"root",
 	"focusVisible",
 	"dense",
@@ -30,10 +30,10 @@ var ve = D("MuiListItemButton", [
 	"gutters",
 	"selected"
 ]);
-function ye(e) {
-	return T("MuiLinearProgress", e);
+function be(e) {
+	return E("MuiLinearProgress", e);
 }
-D("MuiLinearProgress", [
+O("MuiLinearProgress", [
 	"root",
 	"colorPrimary",
 	"colorSecondary",
@@ -46,7 +46,7 @@ D("MuiLinearProgress", [
 	"bar1",
 	"bar2"
 ]);
-var be = {}, xe = P`
+var xe = {}, Se = F`
   0% {
     left: -35%;
     right: 100%;
@@ -61,9 +61,9 @@ var be = {}, xe = P`
     left: 100%;
     right: -90%;
   }
-`, Se = typeof xe == "string" ? null : ee`
-        animation: ${xe} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-      `, Ce = P`
+`, Ce = typeof Se == "string" ? null : z`
+        animation: ${Se} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+      `, we = F`
   0% {
     left: -200%;
     right: 100%;
@@ -78,9 +78,9 @@ var be = {}, xe = P`
     left: 107%;
     right: -8%;
   }
-`, we = typeof Ce == "string" ? null : ee`
-        animation: ${Ce} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
-      `, Te = P`
+`, Te = typeof we == "string" ? null : z`
+        animation: ${we} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
+      `, Ee = F`
   0% {
     opacity: 1;
     background-position: 0 -23px;
@@ -95,16 +95,16 @@ var be = {}, xe = P`
     opacity: 1;
     background-position: -200px -23px;
   }
-`, Ee = typeof Te == "string" ? null : ee`
-        animation: ${Te} 3s infinite linear;
-      `, De = (e, t) => e.vars ? e.vars.palette.LinearProgress[`${t}Bg`] : e.palette.mode === "light" ? e.lighten(e.palette[t].main, .62) : e.darken(e.palette[t].main, .5), Oe = q("span", {
+`, De = typeof Ee == "string" ? null : z`
+        animation: ${Ee} 3s infinite linear;
+      `, Oe = (e, t) => e.vars ? e.vars.palette.LinearProgress[`${t}Bg`] : e.palette.mode === "light" ? e.lighten(e.palette[t].main, .62) : e.darken(e.palette[t].main, .5), ke = G("span", {
 	name: "MuiLinearProgress",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			t[`color${oe(n.color)}`],
+			t[`color${q(n.color)}`],
 			t[n.variant]
 		];
 	}
@@ -118,7 +118,7 @@ var be = {}, xe = P`
 	variants: [
 		...Object.entries(e.palette).filter(R()).map(([t]) => ({
 			props: { color: t },
-			style: { backgroundColor: De(e, t) }
+			style: { backgroundColor: Oe(e, t) }
 		})),
 		{
 			props: ({ ownerState: e }) => e.color === "inherit" && e.variant !== "buffer",
@@ -142,7 +142,7 @@ var be = {}, xe = P`
 			style: { transform: "rotate(180deg)" }
 		}
 	]
-}))), ke = q("span", {
+}))), Ae = G("span", {
 	name: "MuiLinearProgress",
 	slot: "Dashed"
 })(V(({ theme: e }) => ({
@@ -159,18 +159,18 @@ var be = {}, xe = P`
 			backgroundImage: "radial-gradient(currentColor 0%, currentColor 16%, transparent 42%)"
 		}
 	}, ...Object.entries(e.palette).filter(R()).map(([t]) => {
-		let n = De(e, t);
+		let n = Oe(e, t);
 		return {
 			props: { color: t },
 			style: { backgroundImage: `radial-gradient(${n} 0%, ${n} 16%, transparent 42%)` }
 		};
 	})]
-})), Ee || { animation: `${Te} 3s infinite linear` }, V(({ theme: e }) => M(e, { animation: "none" }) || be)), Ae = q("span", {
+})), De || { animation: `${Ee} 3s infinite linear` }, V(({ theme: e }) => N(e, { animation: "none" }) || xe)), je = G("span", {
 	name: "MuiLinearProgress",
 	slot: "Bar1",
 	overridesResolver: (e, t) => [t.bar, t.bar1]
 })(V(({ theme: e }) => {
-	let t = M(e, {
+	let t = N(e, {
 		animation: "none",
 		left: "30%",
 		right: "auto",
@@ -182,7 +182,7 @@ var be = {}, xe = P`
 		left: 0,
 		bottom: 0,
 		top: 0,
-		...Y(e, "transform", {
+		...J(e, "transform", {
 			duration: "0.2s",
 			easing: "linear"
 		}),
@@ -198,7 +198,7 @@ var be = {}, xe = P`
 			})),
 			{
 				props: { variant: "determinate" },
-				style: { ...Y(e, "transform", {
+				style: { ...J(e, "transform", {
 					duration: ".4s",
 					easing: "linear"
 				}) }
@@ -207,7 +207,7 @@ var be = {}, xe = P`
 				props: { variant: "buffer" },
 				style: {
 					zIndex: 1,
-					...Y(e, "transform", {
+					...J(e, "transform", {
 						duration: ".4s",
 						easing: "linear"
 					})
@@ -219,7 +219,7 @@ var be = {}, xe = P`
 			},
 			{
 				props: ({ ownerState: e }) => e.variant === "indeterminate" || e.variant === "query",
-				style: Se || { animation: `${xe} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite` }
+				style: Ce || { animation: `${Se} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite` }
 			},
 			...t ? [{
 				props: ({ ownerState: e }) => e.variant === "indeterminate" || e.variant === "query",
@@ -227,12 +227,12 @@ var be = {}, xe = P`
 			}] : []
 		]
 	};
-})), je = q("span", {
+})), Me = G("span", {
 	name: "MuiLinearProgress",
 	slot: "Bar2",
 	overridesResolver: (e, t) => [t.bar, t.bar2]
 })(V(({ theme: e }) => {
-	let t = M(e, {
+	let t = N(e, {
 		animation: "none",
 		display: "none"
 	});
@@ -242,7 +242,7 @@ var be = {}, xe = P`
 		left: 0,
 		bottom: 0,
 		top: 0,
-		...Y(e, "transform", {
+		...J(e, "transform", {
 			duration: "0.2s",
 			easing: "linear"
 		}),
@@ -270,8 +270,8 @@ var be = {}, xe = P`
 					variant: "buffer"
 				},
 				style: {
-					backgroundColor: De(e, t),
-					...Y(e, "transform", {
+					backgroundColor: Oe(e, t),
+					...J(e, "transform", {
 						duration: ".4s",
 						easing: "linear"
 					})
@@ -283,7 +283,7 @@ var be = {}, xe = P`
 			},
 			{
 				props: ({ ownerState: e }) => e.variant === "indeterminate" || e.variant === "query",
-				style: we || { animation: `${Ce} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite` }
+				style: Te || { animation: `${we} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite` }
 			},
 			...t ? [{
 				props: ({ ownerState: e }) => e.variant === "indeterminate" || e.variant === "query",
@@ -291,8 +291,8 @@ var be = {}, xe = P`
 			}] : []
 		]
 	};
-})), Me = X.forwardRef(function(e, t) {
-	let n = ce({
+})), Ne = Y.forwardRef(function(e, t) {
+	let n = ue({
 		props: e,
 		name: "MuiLinearProgress"
 	}), { className: r, color: i = "primary", max: a, min: o, value: s, valueBuffer: c, variant: l = "indeterminate", ...u } = n, d = {
@@ -303,7 +303,7 @@ var be = {}, xe = P`
 		let { classes: t, variant: n, color: r } = e, i = {
 			root: [
 				"root",
-				`color${oe(r)}`,
+				`color${q(r)}`,
 				n
 			],
 			dashed: ["dashed"],
@@ -311,11 +311,11 @@ var be = {}, xe = P`
 			bar2: [
 				"bar",
 				"bar2",
-				n === "buffer" && `color${oe(r)}`
+				n === "buffer" && `color${q(r)}`
 			]
 		};
-		return U(i, ye, t);
-	})(d), h = ne(), g = {}, _ = {
+		return H(i, be, t);
+	})(d), h = ie(), g = {}, _ = {
 		bar1: {},
 		bar2: {}
 	};
@@ -327,32 +327,32 @@ var be = {}, xe = P`
 		let e = p - f, t = (c - f) / e * 100 - 100;
 		h && (t = -t), _.bar2.transform = e > 0 ? `translateX(${t}%)` : "translateX(-100%)";
 	}
-	return (0, Z.jsxs)(Oe, {
-		className: j(m.root, r),
+	return (0, X.jsxs)(ke, {
+		className: M(m.root, r),
 		ownerState: d,
 		role: "progressbar",
 		...g,
 		ref: t,
 		...u,
 		children: [
-			l === "buffer" ? (0, Z.jsx)(ke, {
+			l === "buffer" ? (0, X.jsx)(Ae, {
 				className: m.dashed,
 				ownerState: d
 			}) : null,
-			(0, Z.jsx)(Ae, {
+			(0, X.jsx)(je, {
 				className: m.bar1,
 				ownerState: d,
 				style: _.bar1
 			}),
-			l === "determinate" ? null : (0, Z.jsx)(je, {
+			l === "determinate" ? null : (0, X.jsx)(Me, {
 				className: m.bar2,
 				ownerState: d,
 				style: _.bar2
 			})
 		]
 	});
-}), Ne = q(F, {
-	shouldForwardProp: (e) => ue(e) || e === "classes",
+}), Pe = G(I, {
+	shouldForwardProp: (e) => fe(e) || e === "classes",
 	name: "MuiListItemButton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -377,22 +377,22 @@ var be = {}, xe = P`
 	textAlign: "left",
 	paddingTop: 8,
 	paddingBottom: 8,
-	...Y(e, "background-color", { duration: e.transitions.duration.shortest }),
+	...J(e, "background-color", { duration: e.transitions.duration.shortest }),
 	"&:hover": {
 		textDecoration: "none",
 		backgroundColor: (e.vars || e).palette.action.hover,
 		"@media (hover: none)": { backgroundColor: "transparent" }
 	},
-	[`&.${ve.selected}`]: {
+	[`&.${ye.selected}`]: {
 		backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity),
-		...!e.focusVisible && { [`&.${ve.focusVisible}`]: { backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`) } }
+		...!e.focusVisible && { [`&.${ye.focusVisible}`]: { backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`) } }
 	},
-	[`&.${ve.selected}:hover`]: {
+	[`&.${ye.selected}:hover`]: {
 		backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.hoverOpacity}`),
 		"@media (hover: none)": { backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity) }
 	},
-	...e.focusVisible ? O(1) : { [`&.${ve.focusVisible}`]: { backgroundColor: (e.vars || e).palette.action.focus } },
-	[`&.${ve.disabled}`]: { opacity: (e.vars || e).palette.action.disabledOpacity },
+	...e.focusVisible ? k(1) : { [`&.${ye.focusVisible}`]: { backgroundColor: (e.vars || e).palette.action.focus } },
+	[`&.${ye.disabled}`]: { opacity: (e.vars || e).palette.action.disabledOpacity },
 	variants: [
 		{
 			props: ({ ownerState: e }) => e.divider,
@@ -420,11 +420,11 @@ var be = {}, xe = P`
 			}
 		}
 	]
-}))), Pe = X.forwardRef(function(e, t) {
-	let n = ce({
+}))), Fe = Y.forwardRef(function(e, t) {
+	let n = ue({
 		props: e,
 		name: "MuiListItemButton"
-	}), { alignItems: r = "center", autoFocus: i = !1, component: a = "div", children: o, dense: s = !1, disableGutters: c = !1, divider: l = !1, focusVisibleClassName: u, selected: d = !1, className: f, ...p } = n, m = X.useContext(fe), h = X.useMemo(() => ({
+	}), { alignItems: r = "center", autoFocus: i = !1, component: a = "div", children: o, dense: s = !1, disableGutters: c = !1, divider: l = !1, focusVisibleClassName: u, selected: d = !1, className: f, ...p } = n, m = Y.useContext(me), h = Y.useMemo(() => ({
 		dense: s || m.dense || !1,
 		alignItems: r,
 		disableGutters: c
@@ -433,8 +433,8 @@ var be = {}, xe = P`
 		m.dense,
 		s,
 		c
-	]), g = X.useRef(null);
-	pe(() => {
+	]), g = Y.useRef(null);
+	he(() => {
 		i && g.current && g.current.focus();
 	}, [i]);
 	let _ = {
@@ -445,7 +445,7 @@ var be = {}, xe = P`
 		divider: l,
 		selected: d
 	}, v = ((e) => {
-		let { alignItems: t, classes: n, dense: r, disabled: i, disableGutters: a, divider: o, selected: s } = e, c = U({ root: [
+		let { alignItems: t, classes: n, dense: r, disabled: i, disableGutters: a, divider: o, selected: s } = e, c = H({ root: [
 			"root",
 			r && "dense",
 			!a && "gutters",
@@ -453,28 +453,28 @@ var be = {}, xe = P`
 			i && "disabled",
 			t === "flex-start" && "alignItemsFlexStart",
 			s && "selected"
-		] }, _e, n);
+		] }, ve, n);
 		return {
 			...n,
 			...c
 		};
-	})(_), { root: y, ...b } = v, x = B(g, t);
-	return (0, Z.jsx)(fe.Provider, {
+	})(_), { root: y, ...b } = v, x = re(g, t);
+	return (0, X.jsx)(me.Provider, {
 		value: h,
-		children: (0, Z.jsx)(Ne, {
+		children: (0, X.jsx)(Pe, {
 			ref: x,
 			href: p.href || p.to,
 			component: (p.href || p.to) && a === "div" ? "button" : a,
 			internalNativeButton: !1,
-			focusVisibleClassName: j(v.focusVisible, u),
+			focusVisibleClassName: M(v.focusVisible, u),
 			ownerState: _,
-			className: j(v.root, f),
+			className: M(v.root, f),
 			...p,
 			classes: b,
 			children: o
 		})
 	});
-}), Fe = q("div", {
+}), Ie = G("div", {
 	name: "MuiListItemIcon",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -490,34 +490,34 @@ var be = {}, xe = P`
 		props: { alignItems: "flex-start" },
 		style: { marginTop: 8 }
 	}]
-}))), Ie = X.forwardRef(function(e, t) {
-	let n = ce({
+}))), Le = Y.forwardRef(function(e, t) {
+	let n = ue({
 		props: e,
 		name: "MuiListItemIcon"
-	}), { className: r, ...i } = n, a = X.useContext(fe), o = {
+	}), { className: r, ...i } = n, a = Y.useContext(me), o = {
 		...n,
 		alignItems: a.alignItems
 	}, s = ((e) => {
 		let { alignItems: t, classes: n } = e;
-		return U({ root: ["root", t === "flex-start" && "alignItemsFlexStart"] }, me, n);
+		return H({ root: ["root", t === "flex-start" && "alignItemsFlexStart"] }, ge, n);
 	})(o);
-	return (0, Z.jsx)(Fe, {
-		className: j(s.root, r),
+	return (0, X.jsx)(Ie, {
+		className: M(s.root, r),
 		ownerState: o,
 		ref: t,
 		...i
 	});
 });
-function Le(e) {
-	return T("MuiToolbar", e);
+function Re(e) {
+	return E("MuiToolbar", e);
 }
-D("MuiToolbar", [
+O("MuiToolbar", [
 	"root",
 	"gutters",
 	"regular",
 	"dense"
 ]);
-var Re = q("div", {
+var ze = G("div", {
 	name: "MuiToolbar",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -553,8 +553,8 @@ var Re = q("div", {
 			style: e.mixins.toolbar
 		}
 	]
-}))), ze = X.forwardRef(function(e, t) {
-	let n = ce({
+}))), Be = Y.forwardRef(function(e, t) {
+	let n = ue({
 		props: e,
 		name: "MuiToolbar"
 	}), { className: r, component: i = "div", disableGutters: a = !1, variant: o = "regular", ...s } = n, c = {
@@ -564,15 +564,15 @@ var Re = q("div", {
 		variant: o
 	}, l = ((e) => {
 		let { classes: t, disableGutters: n, variant: r } = e;
-		return U({ root: [
+		return H({ root: [
 			"root",
 			!n && "gutters",
 			r
-		] }, Le, t);
+		] }, Re, t);
 	})(c);
-	return (0, Z.jsx)(Re, {
+	return (0, X.jsx)(ze, {
 		as: i,
-		className: j(l.root, r),
+		className: M(l.root, r),
 		ref: t,
 		ownerState: c,
 		...s
@@ -588,7 +588,7 @@ var Re = q("div", {
 		console.error("vite-plugin-css-injected-by-js", e);
 	}
 })();
-var Be = {
+var Ve = {
 	whiteSpace: "nowrap",
 	textTransform: "none",
 	lineHeight: 1,
@@ -596,13 +596,13 @@ var Be = {
 	paddingLeft: (e) => e.spacing(.25),
 	paddingRight: (e) => e.spacing(.25)
 };
-function Ve(e, t) {
-	let n = t != null && !1 !== t && t !== "" ? (0, Z.jsx)(K, {
+function He(e, t) {
+	let n = t != null && !1 !== t && t !== "" ? (0, X.jsx)(W, {
 		component: "div",
-		sx: Be,
+		sx: Ve,
 		children: t
 	}) : null;
-	return e && n ? (0, Z.jsxs)(A, {
+	return e && n ? (0, X.jsxs)(j, {
 		sx: {
 			display: "flex",
 			alignItems: "center"
@@ -610,32 +610,32 @@ function Ve(e, t) {
 		children: [e, n]
 	}) : e ?? n ?? void 0;
 }
-var He = ({ isHorizontal: e, isBefore: t }) => {
-	let n = C();
-	return (0, Z.jsx)(Z.Fragment, t ? { children: n(e ? "scroll.edgeLeft" : "scroll.edgeTop") } : { children: n(e ? "scroll.edgeRight" : "scroll.edgeBottom") });
-}, Ue = (e) => {
+var Ue = ({ isHorizontal: e, isBefore: t }) => {
+	let n = y();
+	return (0, X.jsx)(X.Fragment, t ? { children: n(e ? "scroll.edgeLeft" : "scroll.edgeTop") } : { children: n(e ? "scroll.edgeRight" : "scroll.edgeBottom") });
+}, We = (e) => {
 	let t = {
 		style: { cursor: "pointer" },
 		...e
-	}, n = x(t);
+	}, n = w(t);
 	if (e.isBefore !== void 0 && !e.disabled) {
-		let t = e.orientation === g.Horizontal;
-		n = (0, Z.jsx)(te, {
-			title: (0, Z.jsx)(He, {
+		let t = e.orientation === c.Horizontal;
+		n = (0, X.jsx)(ne, {
+			title: (0, X.jsx)(Ue, {
 				isHorizontal: t,
 				isBefore: e.isBefore
 			}),
 			enterDelay: 800,
 			enterNextDelay: 1600,
-			children: e.disabled ? (0, Z.jsx)("div", {
+			children: e.disabled ? (0, X.jsx)("div", {
 				style: { display: "flex" },
 				children: n
 			}) : n
 		});
 	}
 	return n;
-}, We = (e, t, n, r) => {
-	let { style: i, ...a } = e, o = (0, Z.jsx)(L, {
+}, Ge = (e, t, n, r) => {
+	let { style: i, ...a } = e, o = (0, X.jsx)(L, {
 		component: "div",
 		...a,
 		style: {
@@ -648,30 +648,30 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 		size: "small",
 		children: t
 	});
-	return (0, Z.jsx)(te, {
+	return (0, X.jsx)(ne, {
 		title: e.disabled ? n : r,
 		enterDelay: 800,
 		enterNextDelay: 1600,
-		children: e.disabled ? (0, Z.jsx)("div", {
+		children: e.disabled ? (0, X.jsx)("div", {
 			style: { display: "flex" },
 			children: o
 		}) : o
 	});
-}, Ge = (e) => We(e, g.Horizontal ? (0, Z.jsx)(a, {
+}, Ke = (e) => Ge(e, c.Horizontal ? (0, X.jsx)(o, {
 	iconKey: "ArrowLeft",
 	size: "small"
-}) : (0, Z.jsx)(a, {
+}) : (0, X.jsx)(o, {
 	iconKey: "ArrowUpward",
 	size: "small"
-}), "Scroll " + (e.orientation === g.Horizontal ? "Left" : "Up"), `Scroll ${e.orientation === g.Horizontal ? "left" : "up"}, 'Ctrl+Click' to scroll to the beginning`), Ke = (e) => We(e, g.Horizontal ? (0, Z.jsx)(a, {
+}), "Scroll " + (e.orientation === c.Horizontal ? "Left" : "Up"), `Scroll ${e.orientation === c.Horizontal ? "left" : "up"}, 'Ctrl+Click' to scroll to the beginning`), qe = (e) => Ge(e, c.Horizontal ? (0, X.jsx)(o, {
 	iconKey: "ArrowRight",
 	size: "small"
-}) : (0, Z.jsx)(a, {
+}) : (0, X.jsx)(o, {
 	iconKey: "ArrowDownward",
 	size: "small"
-}), "Scroll " + (e.orientation === g.Horizontal ? "Right" : "Down"), `Scroll ${e.orientation === g.Horizontal ? "right" : "down"}, 'Ctrl+Click' to scroll to the end`), qe = (0, X.memo)((0, X.forwardRef)((e, t) => {
+}), "Scroll " + (e.orientation === c.Horizontal ? "Right" : "Down"), `Scroll ${e.orientation === c.Horizontal ? "right" : "down"}, 'Ctrl+Click' to scroll to the end`), Je = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
 	let { orientation: n = "vertical", sx: r, ...i } = e, a = n === "vertical";
-	return (0, Z.jsx)(he, {
+	return (0, X.jsx)(_e, {
 		ref: t,
 		sx: {
 			marginLeft: a ? "2px" : void 0,
@@ -687,9 +687,9 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 		flexItem: !0,
 		...i
 	});
-})), Je = ((0, X.memo)((e) => {
+})), Ye = ((0, Y.memo)((e) => {
 	let { sx: t, speed: n = 2, size: r = 70, ...i } = e;
-	return (0, Z.jsx)(A, {
+	return (0, X.jsx)(j, {
 		sx: {
 			width: `${r}px`,
 			height: `${r}px`,
@@ -701,19 +701,19 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 			...t
 		},
 		...i,
-		children: (0, Z.jsxs)("svg", {
+		children: (0, X.jsxs)("svg", {
 			x: "0px",
 			y: "0px",
 			viewBox: "0 0 100 100",
 			children: [
-				(0, Z.jsx)("circle", {
+				(0, X.jsx)("circle", {
 					className: "primary",
 					strokeWidth: "4",
 					cx: "50",
 					cy: "50",
 					r: "48"
 				}),
-				(0, Z.jsx)("line", {
+				(0, X.jsx)("line", {
 					className: "primary",
 					strokeLinecap: "round",
 					strokeWidth: "4",
@@ -721,7 +721,7 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 					y1: "50",
 					x2: "85",
 					y2: "50.5",
-					children: (0, Z.jsx)("animateTransform", {
+					children: (0, X.jsx)("animateTransform", {
 						attributeName: "transform",
 						dur: `${n}s`,
 						type: "rotate",
@@ -730,7 +730,7 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 						repeatCount: "indefinite"
 					})
 				}),
-				(0, Z.jsx)("line", {
+				(0, X.jsx)("line", {
 					className: "primary",
 					strokeLinecap: "round",
 					strokeWidth: "4",
@@ -738,7 +738,7 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 					y1: "50",
 					x2: "49.5",
 					y2: "74",
-					children: (0, Z.jsx)("animateTransform", {
+					children: (0, X.jsx)("animateTransform", {
 						attributeName: "transform",
 						dur: 7.5 * n + "s",
 						type: "rotate",
@@ -750,9 +750,9 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 			]
 		})
 	});
-}), (0, X.memo)((e) => {
+}), (0, Y.memo)((e) => {
 	let { sx: t, speed: n = 1.5, size: r = 70, ...i } = e;
-	return (0, Z.jsx)(A, {
+	return (0, X.jsx)(j, {
 		sx: {
 			width: `${r}px`,
 			height: `${r}px`,
@@ -766,20 +766,20 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 			...t
 		},
 		...i,
-		children: (0, Z.jsxs)("svg", {
+		children: (0, X.jsxs)("svg", {
 			x: "0px",
 			y: "0px",
 			viewBox: "0 0 100 100",
-			children: [(0, Z.jsx)("circle", {
+			children: [(0, X.jsx)("circle", {
 				className: "secondary",
 				strokeWidth: "4",
 				cx: "50",
 				cy: "50",
 				r: "21"
-			}), (0, Z.jsx)("path", {
+			}), (0, X.jsx)("path", {
 				className: "primary",
 				d: "M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50",
-				children: (0, Z.jsx)("animateTransform", {
+				children: (0, X.jsx)("animateTransform", {
 					attributeName: "transform",
 					type: "rotate",
 					dur: 1 * n + "s",
@@ -790,9 +790,9 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 			})]
 		})
 	});
-})), Ye = ((0, X.memo)((e) => {
+})), Xe = ((0, Y.memo)((e) => {
 	let { sx: t, speed: n = 1, size: r = 70, ...i } = e;
-	return (0, Z.jsx)(A, {
+	return (0, X.jsx)(j, {
 		sx: {
 			width: `${r}px`,
 			height: `${r}px`,
@@ -800,17 +800,17 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 			...t
 		},
 		...i,
-		children: (0, Z.jsxs)("svg", {
+		children: (0, X.jsxs)("svg", {
 			x: "0px",
 			y: "0px",
 			viewBox: "0 0 100 100",
 			children: [
-				(0, Z.jsx)("circle", {
+				(0, X.jsx)("circle", {
 					className: "primary",
 					cx: "6",
 					cy: "50",
 					r: "6",
-					children: (0, Z.jsx)("animate", {
+					children: (0, X.jsx)("animate", {
 						attributeName: "opacity",
 						dur: `${n}s`,
 						values: "0;1;0",
@@ -818,12 +818,12 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 						begin: "0.1"
 					})
 				}),
-				(0, Z.jsx)("circle", {
+				(0, X.jsx)("circle", {
 					className: "primary",
 					cx: "26",
 					cy: "50",
 					r: "6",
-					children: (0, Z.jsx)("animate", {
+					children: (0, X.jsx)("animate", {
 						attributeName: "opacity",
 						dur: `${n}s`,
 						values: "0;1;0",
@@ -831,12 +831,12 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 						begin: "0.2"
 					})
 				}),
-				(0, Z.jsx)("circle", {
+				(0, X.jsx)("circle", {
 					className: "primary",
 					cx: "46",
 					cy: "50",
 					r: "6",
-					children: (0, Z.jsx)("animate", {
+					children: (0, X.jsx)("animate", {
 						attributeName: "opacity",
 						dur: `${n}s`,
 						values: "0;1;0",
@@ -847,9 +847,9 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 			]
 		})
 	});
-}), (0, X.memo)((e) => {
+}), (0, Y.memo)((e) => {
 	let { sx: t, speed: n = 1, size: r = 70, ...i } = e;
-	return (0, Z.jsx)(A, {
+	return (0, X.jsx)(j, {
 		sx: {
 			width: `${r}px`,
 			height: `${r}px`,
@@ -861,17 +861,17 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 			...t
 		},
 		...i,
-		children: (0, Z.jsxs)("svg", {
+		children: (0, X.jsxs)("svg", {
 			x: "0px",
 			y: "0px",
 			viewBox: "0 0 100 100",
 			children: [
-				(0, Z.jsx)("circle", {
+				(0, X.jsx)("circle", {
 					className: "primary",
 					cx: "6",
 					cy: "50",
 					r: "6",
-					children: (0, Z.jsx)("animateTransform", {
+					children: (0, X.jsx)("animateTransform", {
 						attributeName: "transform",
 						dur: `${n}s`,
 						type: "translate",
@@ -880,12 +880,12 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 						begin: "0.1"
 					})
 				}),
-				(0, Z.jsx)("circle", {
+				(0, X.jsx)("circle", {
 					className: "primary",
 					cx: "30",
 					cy: "50",
 					r: "6",
-					children: (0, Z.jsx)("animateTransform", {
+					children: (0, X.jsx)("animateTransform", {
 						attributeName: "transform",
 						dur: `${n}s`,
 						type: "translate",
@@ -894,12 +894,12 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 						begin: "0.2"
 					})
 				}),
-				(0, Z.jsx)("circle", {
+				(0, X.jsx)("circle", {
 					className: "primary",
 					cx: "54",
 					cy: "50",
 					r: "6",
-					children: (0, Z.jsx)("animateTransform", {
+					children: (0, X.jsx)("animateTransform", {
 						attributeName: "transform",
 						dur: `${n}s`,
 						type: "translate",
@@ -911,9 +911,9 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 			]
 		})
 	});
-}), (0, X.memo)((e) => {
+}), (0, Y.memo)((e) => {
 	let { sx: t, speed: n = 2, size: r = 70, ...i } = e;
-	return (0, Z.jsx)(A, {
+	return (0, X.jsx)(j, {
 		sx: {
 			width: `${r}px`,
 			height: `${r}px`,
@@ -931,23 +931,23 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 			...t
 		},
 		...i,
-		children: (0, Z.jsxs)("svg", {
+		children: (0, X.jsxs)("svg", {
 			x: "0px",
 			y: "0px",
 			viewBox: "0 0 100 100",
-			children: [(0, Z.jsx)("circle", {
+			children: [(0, X.jsx)("circle", {
 				className: "primary",
 				strokeWidth: "4",
 				cx: "50",
 				cy: "50",
 				r: "44"
-			}), (0, Z.jsx)("circle", {
+			}), (0, X.jsx)("circle", {
 				className: "secondary",
 				strokeWidth: "3",
 				cx: "8",
 				cy: "54",
 				r: "6",
-				children: (0, Z.jsx)("animateTransform", {
+				children: (0, X.jsx)("animateTransform", {
 					attributeName: "transform",
 					dur: `${n}s`,
 					type: "rotate",
@@ -958,9 +958,9 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 			})]
 		})
 	});
-}), (0, X.memo)((e) => {
+}), (0, Y.memo)((e) => {
 	let { sx: t, speed: n = 1, size: r = 13, width: i = 64, height: a = 17, ...o } = e;
-	return (0, Z.jsxs)(A, {
+	return (0, X.jsxs)(j, {
 		sx: {
 			width: `${i}px`,
 			height: `${a}px`,
@@ -972,16 +972,16 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 			},
 			...t
 		},
-		className: J("_traverse-ellipsis_14l1h_1", "animated-icon"),
+		className: K("_traverse-ellipsis_14l1h_1", "animated-icon"),
 		...o,
 		children: [
-			(0, Z.jsx)("div", { className: "primary" }),
-			(0, Z.jsx)("div", { className: "primary" }),
-			(0, Z.jsx)("div", { className: "primary" }),
-			(0, Z.jsx)("div", { className: "primary" })
+			(0, X.jsx)("div", { className: "primary" }),
+			(0, X.jsx)("div", { className: "primary" }),
+			(0, X.jsx)("div", { className: "primary" }),
+			(0, X.jsx)("div", { className: "primary" })
 		]
 	});
-})), Xe = (0, Z.jsx)(Je, {}), Ze = (e, t) => {
+})), Ze = (0, X.jsx)(Ye, {}), Qe = (e, t) => {
 	if (!e) return null;
 	if (t !== void 0) {
 		let n = e.querySelector("[data-sxl-loading-label]");
@@ -996,10 +996,10 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 		};
 		n ? Promise.all(n.map((e) => e.ready)).then(r, r) : requestAnimationFrame(() => requestAnimationFrame(r));
 	});
-}, Qe = (e) => {
+}, $e = (e) => {
 	e && e.classList.contains("animating") && (e.classList.add("animating-idle"), e.classList.remove("animating"));
-}, $e = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { sx: n, style: r, onMount: i, onUnmount: a, transitionDelay: o = "1200ms", panel: s = !1, autoStart: c = !0, transparentBackground: l = !0, icon: u = Xe, label: d, progress: f = null, ...p } = e, h = (0, X.useMemo)(() => typeof d == "string" || !c && d == null ? (0, Z.jsx)(K, {
+}, et = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { sx: n, style: r, onMount: i, onUnmount: a, transitionDelay: o = "1200ms", panel: s = !1, autoStart: c = !0, transparentBackground: l = !0, icon: u = Ze, label: d, progress: f = null, ...p } = e, m = (0, Y.useMemo)(() => typeof d == "string" || !c && d == null ? (0, X.jsx)(W, {
 		"data-sxl-loading-label": "",
 		variant: "caption",
 		component: "div",
@@ -1009,16 +1009,16 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 			letterSpacing: "0.01071em"
 		},
 		children: typeof d == "string" ? d : ""
-	}) : d, [d, c]), g = (0, X.useMemo)(() => {
+	}) : d, [d, c]), g = (0, Y.useMemo)(() => {
 		if (typeof f != "number") return u;
 		let e = Math.max(0, Math.min(100, Math.round(100 * f)));
-		return (0, Z.jsx)(A, {
+		return (0, X.jsx)(j, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
 				width: "180px"
 			},
-			children: (0, Z.jsx)(Me, {
+			children: (0, X.jsx)(Ne, {
 				variant: "determinate",
 				value: e,
 				color: "inherit",
@@ -1039,17 +1039,17 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 				}
 			})
 		});
-	}, [f, u]), _ = (0, X.useRef)(null), v = ae([_, t]), y = (0, X.useMemo)(() => {
-		let e = (0, Z.jsxs)(A, {
+	}, [f, u]), _ = (0, Y.useRef)(null), v = ce([_, t]), y = (0, Y.useMemo)(() => {
+		let e = (0, X.jsxs)(j, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
 				alignItems: "center",
 				rowGap: "8px"
 			},
-			children: [h, g]
+			children: [m, g]
 		});
-		return !0 === s && (e = (0, Z.jsx)(N, {
+		return !0 === s && (e = (0, X.jsx)(P, {
 			elevation: 0,
 			sx: {
 				display: "flex",
@@ -1068,7 +1068,7 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 				borderRadius: (e) => `${e.shape.borderRadius}px`,
 				boxShadow: (e) => e.shadows[2],
 				"& .primary": {
-					background: (e) => `${E(e.palette.info.contrastText, .9)} !important`,
+					background: (e) => `${D(e.palette.info.contrastText, .9)} !important`,
 					boxShadow: (e) => `0 0 0 1px ${e.palette.mode === "dark" ? e.palette.text.secondary : e.palette.divider}`,
 					boxSizing: "content-box",
 					border: "solid transparent"
@@ -1076,7 +1076,7 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 				zIndex: 1
 			},
 			children: e
-		})), (0, Z.jsx)(A, {
+		})), (0, X.jsx)(j, {
 			...p,
 			ref: v,
 			className: "animatable",
@@ -1110,7 +1110,7 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 				...n,
 				...r
 			},
-			children: (0, Z.jsxs)(A, {
+			children: (0, X.jsxs)(j, {
 				className: "center",
 				sx: {
 					display: "flex",
@@ -1122,7 +1122,7 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 					boxSizing: "border-box",
 					position: "relative"
 				},
-				children: [(0, Z.jsx)(A, {
+				children: [(0, X.jsx)(j, {
 					className: "backdrop",
 					sx: {
 						opacity: (e) => l ? 1.5 * e.palette.action.disabledOpacity : void 0,
@@ -1141,41 +1141,41 @@ var He = ({ isHorizontal: e, isBefore: t }) => {
 	}, [
 		n,
 		s,
-		h,
+		m,
 		g,
 		v
-	]), b = (0, X.useRef)(!1);
-	return m(() => {
+	]), b = (0, Y.useRef)(!1);
+	return h(() => {
 		if (!1 === c) return;
 		let e = _.current;
 		e && !b.current && (b.current = !0, e.classList.contains("animatable") && !e.classList.contains("animating") && (e.offsetHeight, e.classList.add("animating")), i?.());
-	}, [_.current, c]), (0, X.useEffect)(() => () => {
+	}, [_.current, c]), (0, Y.useEffect)(() => () => {
 		b.current && (_.current?.classList.remove("animating"), b.current = !1, a?.());
 	}, []), y;
 }));
-$e.displayName = "AnimatedLoadingPanel";
-var et = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, tt = /^\s*at\s+(?:(async|new|await)\s+)?(.+?):(\d+):(\d+)\s*$/, nt = (e) => {
+et.displayName = "AnimatedLoadingPanel";
+var tt = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, nt = /^\s*at\s+(?:(async|new|await)\s+)?(.+?):(\d+):(\d+)\s*$/, rt = (e) => {
 	if (!e) return "";
 	try {
 		e = new URL(e).pathname;
 	} catch {}
 	return (e = e.replace(/^\/+/, "")).replace(/^@?fs[\\/]/, "");
-}, rt = (0, X.memo)(({ error: e, maxLines: t = 2 ** 53 - 1, hideLineNumbers: r = !1 }) => {
-	let i = C(), [o, s] = (0, X.useState)(null);
+}, it = (0, Y.memo)(({ error: e, maxLines: t = 2 ** 53 - 1, hideLineNumbers: n = !1 }) => {
+	let r = y(), [i, s] = (0, Y.useState)(null);
 	if (!e?.stack) return null;
-	let c = n.collectErrorChain(e).reverse(), l = [];
+	let c = a.collectErrorChain(e).reverse(), l = [];
 	c.forEach(({ error: e }, t) => {
 		let n = (e.stack || "").split("\n").filter(Boolean).map((e) => {
-			let t = e.match(et);
+			let t = e.match(tt);
 			if (t) {
 				let [, e = "", n, r, i, a] = t;
 				return {
 					line: `at ${e ? e + " " : ""}${n}`,
-					location: `${nt(r).split(/[\\/]/).pop()}:${i}:${a}`
+					location: `${rt(r).split(/[\\/]/).pop()}:${i}:${a}`
 				};
 			}
-			if (t = e.match(tt), t) {
-				let [, e = "", n, r, i] = t, a = nt(n), o = `${a.split(/[\\/]/).pop()}:${r}:${i}`;
+			if (t = e.match(nt), t) {
+				let [, e = "", n, r, i] = t, a = rt(n), o = `${a.split(/[\\/]/).pop()}:${r}:${i}`;
 				return {
 					line: `at ${e ? e + " " : ""}${o}`,
 					location: a === o ? void 0 : `${a}:${r}:${i}`
@@ -1189,12 +1189,12 @@ var et = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, tt
 		}), l.push(...n.slice(1)));
 	});
 	let u = t ? l.slice(0, t) : l, d = t && l.length > t;
-	return (0, Z.jsxs)(A, {
+	return (0, X.jsxs)(j, {
 		sx: {
 			width: "100%",
 			mt: 1
 		},
-		children: [(0, Z.jsxs)(A, {
+		children: [(0, X.jsxs)(j, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -1204,26 +1204,26 @@ var et = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, tt
 				py: .5
 			},
 			children: [
-				(0, Z.jsx)(K, {
+				(0, X.jsx)(W, {
 					variant: "caption",
 					component: "div",
 					sx: {
 						fontSize: "0.75rem",
 						opacity: .8
 					},
-					children: c.length > 1 ? i("stackTrace.headingFrames", { count: c.length }) : i("stackTrace.heading")
+					children: c.length > 1 ? r("stackTrace.headingFrames", { count: c.length }) : r("stackTrace.heading")
 				}),
-				(0, Z.jsx)(A, { sx: { flex: 1 } }),
-				o && (0, Z.jsx)(K, {
+				(0, X.jsx)(j, { sx: { flex: 1 } }),
+				i && (0, X.jsx)(W, {
 					variant: "caption",
 					component: "div",
 					sx: {
 						fontSize: "0.625rem",
 						opacity: .8
 					},
-					children: o
+					children: i
 				}),
-				(0, Z.jsx)(L, {
+				(0, X.jsx)(L, {
 					size: "small",
 					onClick: async () => {
 						try {
@@ -1243,13 +1243,13 @@ var et = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, tt
 						opacity: .7,
 						"&:hover": { opacity: 1 }
 					},
-					title: i("stackTrace.copy"),
-					children: (0, Z.jsx)(a, {
+					title: r("stackTrace.copy"),
+					children: (0, X.jsx)(o, {
 						iconKey: "ContentCopy",
 						style: { fontSize: "0.875rem" }
 					})
 				}),
-				(0, Z.jsx)(L, {
+				(0, X.jsx)(L, {
 					size: "small",
 					onClick: () => {
 						s("Logged!"), setTimeout(() => s(null), 2e3), console.warn(e);
@@ -1259,14 +1259,14 @@ var et = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, tt
 						opacity: .7,
 						"&:hover": { opacity: 1 }
 					},
-					title: i("stackTrace.log"),
-					children: (0, Z.jsx)(a, {
+					title: r("stackTrace.log"),
+					children: (0, X.jsx)(o, {
 						iconKey: "BugReport",
 						style: { fontSize: "0.875rem" }
 					})
 				})
 			]
-		}), (0, Z.jsxs)(A, {
+		}), (0, X.jsxs)(j, {
 			sx: {
 				mt: 1,
 				backgroundColor: "rgba(0, 0, 0, 0.2)",
@@ -1278,14 +1278,14 @@ var et = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, tt
 				fontSize: "0.75rem",
 				lineHeight: 1.4
 			},
-			children: [u.map((e, t) => e.isBoundary ? (0, Z.jsx)(A, {
+			children: [u.map((e, t) => e.isBoundary ? (0, X.jsx)(j, {
 				sx: {
 					py: 1,
 					mt: +(t > 0),
 					mb: .5,
 					borderTop: t > 0 ? "1px solid rgba(255, 255, 255, 0.1)" : "none"
 				},
-				children: (0, Z.jsx)(K, {
+				children: (0, X.jsx)(W, {
 					variant: "caption",
 					component: "div",
 					sx: {
@@ -1296,7 +1296,7 @@ var et = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, tt
 					},
 					children: e.line
 				})
-			}, `error-${t}`) : (0, Z.jsxs)(A, {
+			}, `error-${t}`) : (0, X.jsxs)(j, {
 				sx: {
 					display: "flex",
 					alignItems: "flex-start",
@@ -1305,7 +1305,7 @@ var et = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, tt
 					pl: 1,
 					"&:hover": { backgroundColor: "rgba(255, 255, 255, 0.05)" }
 				},
-				children: [!r && (0, Z.jsx)(K, {
+				children: [!n && (0, X.jsx)(W, {
 					variant: "caption",
 					component: "div",
 					sx: {
@@ -1316,12 +1316,12 @@ var et = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, tt
 						userSelect: "none"
 					},
 					children: t + 1
-				}), (0, Z.jsxs)(A, {
+				}), (0, X.jsxs)(j, {
 					sx: {
 						flex: 1,
 						overflow: "hidden"
 					},
-					children: [(0, Z.jsx)(K, {
+					children: [(0, X.jsx)(W, {
 						variant: "caption",
 						component: "div",
 						sx: {
@@ -1332,7 +1332,7 @@ var et = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, tt
 							color: "inherit"
 						},
 						children: e.line
-					}), e.location && e.line !== e.location && (0, Z.jsx)(K, {
+					}), e.location && e.line !== e.location && (0, X.jsx)(W, {
 						variant: "caption",
 						component: "div",
 						sx: {
@@ -1343,7 +1343,7 @@ var et = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, tt
 						children: e.location
 					})]
 				})]
-			}, `stack-${t}`)), d && (0, Z.jsx)(K, {
+			}, `stack-${t}`)), d && (0, X.jsx)(W, {
 				variant: "caption",
 				component: "div",
 				sx: {
@@ -1354,24 +1354,24 @@ var et = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, tt
 					display: "block",
 					mt: 1
 				},
-				children: i("stackTrace.moreFrames", { count: l.length - t })
+				children: r("stackTrace.moreFrames", { count: l.length - t })
 			})]
 		})]
 	});
 });
-rt.displayName = "StackTrace";
-var it = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { sx: n, icon: r = (0, Z.jsx)(a, {
+it.displayName = "StackTrace";
+var at = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { sx: n, icon: r = (0, X.jsx)(o, {
 		iconKey: "Error",
 		style: { fontSize: 48 }
-	}), error: i, hideStackTrace: o = !1, stackTraceExpanded: s = !1, fullscreen: c = !1, ...l } = e, u = C(), d = (0, X.useMemo)(() => at(i, o, s, c, u), [
+	}), error: i, hideStackTrace: a = !1, stackTraceExpanded: s = !1, fullscreen: c = !1, ...l } = e, u = y(), d = (0, Y.useMemo)(() => ot(i, a, s, c, u), [
 		i,
-		o,
+		a,
 		s,
 		c,
 		u
 	]);
-	return (0, X.useMemo)(() => (0, Z.jsx)(A, {
+	return (0, Y.useMemo)(() => (0, X.jsx)(j, {
 		ref: t,
 		sx: {
 			boxSizing: "border-box",
@@ -1385,7 +1385,7 @@ var it = (0, X.memo)((0, X.forwardRef)((e, t) => {
 			...n
 		},
 		...l,
-		children: (0, Z.jsxs)(A, {
+		children: (0, X.jsxs)(j, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -1395,7 +1395,7 @@ var it = (0, X.memo)((0, X.forwardRef)((e, t) => {
 				boxSizing: "border-box",
 				position: "relative"
 			},
-			children: [(0, Z.jsx)(A, {
+			children: [(0, X.jsx)(j, {
 				className: "backdrop",
 				sx: {
 					backdropFilter: "blur(4px)",
@@ -1406,7 +1406,7 @@ var it = (0, X.memo)((0, X.forwardRef)((e, t) => {
 					height: "100%",
 					boxSizing: "border-box"
 				}
-			}), (0, Z.jsx)(N, {
+			}), (0, X.jsx)(P, {
 				elevation: 0,
 				sx: {
 					display: "flex",
@@ -1424,7 +1424,7 @@ var it = (0, X.memo)((0, X.forwardRef)((e, t) => {
 					boxShadow: (e) => e.shadows[3],
 					zIndex: 1
 				},
-				children: (0, Z.jsx)(A, {
+				children: (0, X.jsx)(j, {
 					sx: {
 						display: "flex",
 						flexDirection: "column",
@@ -1433,19 +1433,19 @@ var it = (0, X.memo)((0, X.forwardRef)((e, t) => {
 						width: "100%",
 						maxWidth: c ? void 0 : "600px"
 					},
-					children: (0, Z.jsxs)(A, {
+					children: (0, X.jsxs)(j, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
 							alignItems: "flex-start",
 							gap: (e) => e.spacing(2)
 						},
-						children: [(0, Z.jsx)(A, {
+						children: [(0, X.jsx)(j, {
 							sx: {
 								display: "flex",
 								color: (e) => e.palette.error.main
 							},
-							children: typeof r == "string" ? (0, Z.jsx)(a, {
+							children: typeof r == "string" ? (0, X.jsx)(o, {
 								iconKey: r,
 								style: { fontSize: 48 }
 							}) : r
@@ -1460,10 +1460,10 @@ var it = (0, X.memo)((0, X.forwardRef)((e, t) => {
 		d
 	]);
 }));
-it.displayName = "StackTraceErrorPanel";
-var at = (e, t = !1, n = !1, r = !1, i = (e) => e) => {
-	if ((0, X.isValidElement)(e)) return e;
-	if (e instanceof Error) return (0, Z.jsxs)(A, {
+at.displayName = "StackTraceErrorPanel";
+var ot = (e, t = !1, n = !1, r = !1, i = (e) => e) => {
+	if ((0, Y.isValidElement)(e)) return e;
+	if (e instanceof Error) return (0, X.jsxs)(j, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -1472,7 +1472,7 @@ var at = (e, t = !1, n = !1, r = !1, i = (e) => e) => {
 			width: "100%"
 		},
 		children: [
-			(0, Z.jsx)(K, {
+			(0, X.jsx)(W, {
 				variant: "caption",
 				component: "div",
 				sx: {
@@ -1482,7 +1482,7 @@ var at = (e, t = !1, n = !1, r = !1, i = (e) => e) => {
 				},
 				children: e.message
 			}),
-			e.cause ? (0, Z.jsx)(K, {
+			e.cause ? (0, X.jsx)(W, {
 				variant: "caption",
 				component: "div",
 				sx: {
@@ -1494,14 +1494,14 @@ var at = (e, t = !1, n = !1, r = !1, i = (e) => e) => {
 				},
 				children: i("stackTrace.causedBy", { cause: e.cause instanceof Error ? e.cause.message : String(e.cause) })
 			}) : null,
-			!t && (0, Z.jsx)(rt, {
+			!t && (0, X.jsx)(it, {
 				error: e,
 				hideLineNumbers: !0
 			})
 		]
 	});
 	let a = e === "string" ? e : `Unknown Error: ${String(e)}`;
-	return (0, Z.jsx)(K, {
+	return (0, X.jsx)(W, {
 		variant: "caption",
 		component: "div",
 		sx: {
@@ -1511,22 +1511,22 @@ var at = (e, t = !1, n = !1, r = !1, i = (e) => e) => {
 		},
 		children: a
 	});
-}, ot = (0, X.memo)((e) => {
-	let { error: t, ...n } = e, r = b(), i = C(), a = t instanceof Error ? t.message : String(t);
-	return (0, Z.jsx)(it, {
+}, st = (0, Y.memo)((e) => {
+	let { error: t, ...n } = e, r = g(), i = y(), a = t instanceof Error ? t.message : String(t);
+	return (0, X.jsx)(at, {
 		hideStackTrace: !0,
-		error: (0, Z.jsxs)(A, {
+		error: (0, X.jsxs)(j, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Z.jsx)(K, {
+			children: [(0, X.jsx)(W, {
 				variant: "body2",
 				component: "div",
 				children: a
-			}), r ? (0, Z.jsx)(z, {
+			}), r ? (0, X.jsx)(te, {
 				variant: "outlined",
 				size: "small",
 				onClick: r,
@@ -1536,14 +1536,21 @@ var at = (e, t = !1, n = !1, r = !1, i = (e) => e) => {
 		...n
 	});
 });
-ot.displayName = "LazyLoadErrorPanel";
-var st = {
+function ct(e) {
+	let t = f(e, { renderError: (e) => (0, X.jsx)(st, { error: e }) });
+	return (e) => (0, X.jsx)(Y.Suspense, {
+		fallback: (0, X.jsx)(et, {}),
+		children: (0, X.jsx)(t, { ...e })
+	});
+}
+st.displayName = "LazyLoadErrorPanel";
+var lt = {
 	Toolbar: "toolbar",
 	Menuitem: "menuitem"
-}, ct = (e) => {
+}, ut = (e) => {
 	let { closeFloat: t, closeFloatAll: n, floatReference: r, popupContainer: i, children: a, className: o, sx: s, ...c } = e;
-	return (0, Z.jsx)(A, {
-		className: J("menu", o),
+	return (0, X.jsx)(j, {
+		className: K("menu", o),
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -1554,9 +1561,9 @@ var st = {
 		...c,
 		children: a
 	});
-}, lt = (e, t, n) => {
+}, dt = (e, t, n) => {
 	let r = "";
-	return n && (r = (r ? r + " " : "") + "rotate(180deg)"), (0, Z.jsx)(ie, {
+	return n && (r = (r ? r + " " : "") + "rotate(180deg)"), (0, X.jsx)(oe, {
 		style: {
 			marginLeft: e ? void 0 : t ? "-0.25rem" : "-3px",
 			marginRight: e ? void 0 : t ? "-0.25rem" : "-6px",
@@ -1564,19 +1571,19 @@ var st = {
 		},
 		color: "inherit"
 	});
-}, ut = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { open: n, anchorEl: r, anchorPosition: i, label: a, floatReference: o, createPopupPanel: s = ct, propsPopper: c, onMount: l, onClosing: d, onClose: f, onOpening: p, onOpen: m, children: h, sx: g, ..._ } = e, y = v(d ?? (() => {}), [d]), b = v(f ?? (() => {}), [f]), x = v(p ?? (() => {}), [p]), S = v(m ?? (() => {}), [m]), [C, w] = (0, X.useState)(), T = (0, X.useRef)(null), E = v((e, t) => {
-		w(e), l?.(T.current, t);
-	}, [l]), D = (0, X.useMemo)(() => {
+}, ft = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { open: n, anchorEl: r, anchorPosition: i, label: a, floatReference: o, createPopupPanel: s = ut, propsPopper: c, onMount: l, onClosing: u, onClose: d, onOpening: f, onOpen: p, children: h, sx: g, ..._ } = e, v = T(u ?? (() => {}), [u]), y = T(d ?? (() => {}), [d]), b = T(f ?? (() => {}), [f]), x = T(p ?? (() => {}), [p]), [S, C] = (0, Y.useState)(), w = (0, Y.useRef)(null), E = T((e, t) => {
+		C(e), l?.(w.current, t);
+	}, [l]), D = (0, Y.useMemo)(() => {
 		let e = {
-			popupContainer: C,
+			popupContainer: S,
 			floatReference: o,
 			children: h,
 			..._
 		}, t = s(e);
-		return (0, Z.jsx)(N, {
+		return (0, X.jsx)(P, {
 			elevation: 8,
-			ref: T,
+			ref: w,
 			sx: {
 				display: "flex",
 				overflowX: "hidden",
@@ -1584,7 +1591,7 @@ var st = {
 				outline: "none",
 				backgroundColor: "var(--sxl-color-elevated, var(--sxl-color-base-100, #fff))",
 				border: "1px solid var(--sxl-color-elevated-border, transparent)",
-				"&.MuiPaper-root": (e) => le(e)
+				"&.MuiPaper-root": (e) => de(e)
 			},
 			tabIndex: 0,
 			children: t
@@ -1592,43 +1599,43 @@ var st = {
 	}, [
 		s,
 		h,
-		C,
+		S,
 		o
 	]);
-	return (0, Z.jsx)(u, {
+	return (0, X.jsx)(m, {
 		ref: t,
 		anchorEl: r,
 		anchorPosition: i,
 		label: a,
 		open: n,
 		onMount: E,
-		onOpening: x,
-		onOpen: S,
-		onClosing: y,
-		onClose: b,
+		onOpening: b,
+		onOpen: x,
+		onClosing: v,
+		onClose: y,
 		...c,
 		children: D
 	});
 }));
-ut.displayName = "ExhibitFloatPanel";
-var dt = (e) => (0, Z.jsx)(ut, { ...e }), ft = (e) => (0, Z.jsx)(d, {
-	renderFloatPanel: dt,
-	createPopupPanel: ct,
+ft.displayName = "ExhibitFloatPanel";
+var pt = (e) => (0, X.jsx)(ft, { ...e }), mt = (e) => (0, X.jsx)(x, {
+	renderFloatPanel: pt,
+	createPopupPanel: ut,
 	...e
-}), pt = (0, X.memo)((0, X.forwardRef)((e, t) => {
+}), ht = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
 	let { nestedChildren: n, variant: r, disabled: i, createPopupPanel: a, ...o } = e, s = {
 		disabled: i,
-		createPopupPanel: v((e) => {
-			if (!n || n.length === 0) return (0, Z.jsx)(Z.Fragment, {});
+		createPopupPanel: T((e) => {
+			if (!n || n.length === 0) return (0, X.jsx)(X.Fragment, {});
 			let { popupContainer: r, floatReference: i, ref: a, ...o } = e, s = [];
 			for (let e = 0; e < n.length; e++) {
 				let t = n[e];
-				t && s.push((0, Z.jsx)(pt, {
+				t && s.push((0, X.jsx)(ht, {
 					...o,
 					...t
 				}, e));
 			}
-			return (0, Z.jsxs)(A, {
+			return (0, X.jsxs)(j, {
 				ref: t,
 				sx: {
 					display: "flex",
@@ -1639,46 +1646,46 @@ var dt = (e) => (0, Z.jsx)(ut, { ...e }), ft = (e) => (0, Z.jsx)(d, {
 				children: [
 					"Children here",
 					s,
-					(0, Z.jsx)(St, { children: "Close other children" })
+					(0, X.jsx)(wt, { children: "Close other children" })
 				]
 			});
 		}, [n]),
 		...o
 	};
-	return (0, Z.jsx)(r === st.Toolbar ? wt : Dt, { ...s });
-})), mt = { placement: "right-start" }, ht = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { children: n, sx: r, parentFloat: i, createPopupPanel: a, propsPopper: o = mt, label: c, ...l } = e;
-	if (!(0, X.isValidElement)(n)) throw Error("Must supply a child component to enable a context menu.");
-	let u = n, d = (0, X.useMemo)(() => ({
-		...u?.props,
-		...l,
+	return (0, X.jsx)(r === lt.Toolbar ? Et : kt, { ...s });
+})), gt = { placement: "right-start" }, _t = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { children: n, sx: r, parentFloat: i, createPopupPanel: a, propsPopper: o = gt, label: s, ...c } = e;
+	if (!(0, Y.isValidElement)(n)) throw Error("Must supply a child component to enable a context menu.");
+	let l = n, u = (0, Y.useMemo)(() => ({
+		...l?.props,
+		...c,
 		onContextMenu: (e) => {
-			u?.props?.onContextMenu?.(e), e.isDefaultPrevented() || (l?.onContextMenu?.(e), e.isDefaultPrevented() || (m(e), e.preventDefault()));
+			l?.props?.onContextMenu?.(e), e.isDefaultPrevented() || (c?.onContextMenu?.(e), e.isDefaultPrevented() || (p(e), e.preventDefault()));
 		}
-	}), [l, u?.props]), f = v(a ?? (() => {}), [a]), [p, m] = (0, X.useState)(null), { reference: h, component: g } = s({
-		label: c ?? "contextMenu",
+	}), [c, l?.props]), d = T(a ?? (() => {}), [a]), [f, p] = (0, Y.useState)(null), { reference: m, component: h } = b({
+		label: s ?? "contextMenu",
 		propsPopper: o,
 		parentFloat: i,
-		anchor: { getBoundingClientRect: () => new DOMRect(p?.clientX || 0, p?.clientY || 0) },
-		onClose: () => m(null),
-		createPopupPanel: f
+		anchor: { getBoundingClientRect: () => new DOMRect(f?.clientX || 0, f?.clientY || 0) },
+		onClose: () => p(null),
+		createPopupPanel: d
 	});
-	return (0, X.useEffect)(() => {
-		p ? h.open(0) : h.close(0);
-	}, [p]), (0, Z.jsxs)(Z.Fragment, { children: [(0, X.cloneElement)(n, d), g] });
-})), gt = (0, Z.jsx)(a, {}), _t = (0, Z.jsx)(a, { iconKey: "Check" }), vt = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { dense: n = !0, outlined: i = !1, disableHover: a = !1, selected: o, icon: s, propsTooltip: c, children: l, primary: u, sx: d, disabled: f, className: p, onFocus: m, onBlur: h, ...g } = e, [_, v] = (0, X.useState)(!1), y = {
+	return (0, Y.useEffect)(() => {
+		f ? m.open(0) : m.close(0);
+	}, [f]), (0, X.jsxs)(X.Fragment, { children: [(0, Y.cloneElement)(n, u), h] });
+})), vt = (0, X.jsx)(o, {}), yt = (0, X.jsx)(o, { iconKey: "Check" }), bt = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { dense: n = !0, outlined: r = !1, disableHover: a = !1, selected: o, icon: s, propsTooltip: c, children: l, primary: u, sx: d, disabled: f, className: p, onFocus: m, onBlur: h, ...g } = e, [_, v] = (0, Y.useState)(!1), y = {
 		marginRight: "0px",
 		padding: n ? "2px" : "7px",
 		borderRadius: (e) => `${e.shape.borderRadius}px`,
 		color: (e) => u ? void 0 : e.palette.text.icon ?? e.palette.action.active,
-		border: (e) => `solid ${i ? e.palette.divider : "transparent"} 1px`,
+		border: (e) => `solid ${r ? e.palette.divider : "transparent"} 1px`,
 		"& .MuiTouchRipple-child": { borderRadius: (e) => `${e.shape.borderRadius}px !important` },
 		"&.Mui-selected": {
-			backgroundColor: (e) => E(e.palette.text.primary, e.palette.action.selectedOpacity),
-			border: (e) => `solid ${i ? e.palette.text?.primary : e.palette.divider} 1px`
+			backgroundColor: (e) => D(e.palette.text.primary, e.palette.action.selectedOpacity),
+			border: (e) => `solid ${r ? e.palette.text?.primary : e.palette.divider} 1px`
 		},
-		"&.Mui-disabled": { border: (e) => `solid ${i ? e.palette.divider : "transparent"} 1px` },
+		"&.Mui-disabled": { border: (e) => `solid ${r ? e.palette.divider : "transparent"} 1px` },
 		"&.Mui-disabled > .icon path": {
 			filter: "grayscale(65%)",
 			opacity: ".8"
@@ -1689,28 +1696,27 @@ var dt = (e) => (0, Z.jsx)(ut, { ...e }), ft = (e) => (0, Z.jsx)(d, {
 		},
 		...d
 	}, b = {
-		"&:hover:not(.Mui-disabled, [disabled])": {
+		"@media (hover: hover)": { "&:hover:not(.Mui-disabled, [disabled])": {
 			color: (e) => e.palette.text.primary,
-			border: (e) => `solid ${i ? e.palette.text?.primary : e.palette.divider} 1px`,
-			"&.Mui-selected": { backgroundColor: (e) => E(e.palette.text.primary, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity) },
-			"> .outline-hover": { outline: (e) => `solid ${i ? e.palette.text?.primary : e.palette.divider} 1px` },
-			backgroundColor: (e) => E(e.palette.action.active, e.palette.action.hoverOpacity),
-			"@media (hover: none)": { backgroundColor: "transparent" }
-		},
+			border: (e) => `solid ${r ? e.palette.text?.primary : e.palette.divider} 1px`,
+			"&.Mui-selected": { backgroundColor: (e) => D(e.palette.text.primary, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity) },
+			"> .outline-hover": { outline: (e) => `solid ${r ? e.palette.text?.primary : e.palette.divider} 1px` },
+			backgroundColor: (e) => D(e.palette.action.active, e.palette.action.hoverOpacity)
+		} },
 		"&.Mui-focusVisible": {
 			outline: (e) => `solid ${e.palette.primary.main} 1px`,
 			border: (e) => `1px solid ${e.palette?.primary?.main}`,
 			zIndex: 1
 		}
 	}, x = y;
-	a || (x = r.mergeContentful(y, b));
-	let S = (0, X.useMemo)(() => {
+	a || (x = i.mergeContentful(y, b));
+	let S = (0, Y.useMemo)(() => {
 		let e = typeof s == "function" ? s() : s;
-		return e === null ? e : e || (o === void 0 ? gt : _t);
-	}, [s, o]), C = (0, Z.jsxs)(L, {
+		return e === null ? e : e || (o === void 0 ? vt : yt);
+	}, [s, o]), C = (0, X.jsxs)(L, {
 		component: "div",
 		ref: t,
-		className: J({
+		className: K({
 			"Mui-focusVisible": _,
 			"Mui-selected": o,
 			"Mui-disabled": f
@@ -1732,67 +1738,67 @@ var dt = (e) => (0, Z.jsx)(ut, { ...e }), ft = (e) => (0, Z.jsx)(d, {
 	if (c) {
 		if (c.simple && c.label && !c.disabled) {
 			let { label: e, description: t, maxWidth: n, shortcut: r, useModifierSymbols: i, componentDisabled: a, simple: o, chips: s, ref: l, ...u } = c;
-			C = (0, Z.jsx)(te, {
+			C = (0, X.jsx)(ne, {
 				disableInteractive: !0,
 				title: e ?? "",
 				...u,
-				children: (0, Z.jsx)(A, {
+				children: (0, X.jsx)(j, {
 					sx: { display: "flex" },
 					children: C
 				})
 			});
-		} else C = (0, Z.jsx)(G, {
+		} else C = (0, X.jsx)(U, {
 			children: C,
 			...c
 		});
 	}
 	return C;
-})), yt = (0, Z.jsx)(a, {}), bt = {
+})), xt = (0, X.jsx)(o, {}), St = {
 	marginLeft: "4px",
 	marginRight: "4px",
 	paddingLeft: "6px",
 	paddingRight: "18px"
-}, xt = (e) => e.icon, St = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { icon: n = yt, renderIcon: r = xt, className: i, onFocus: a, selected: o, onBlur: s, onMouseOver: l, onMouseOut: u, onMouseEnter: d, disabled: f, children: p, sx: m, propsTooltip: h, chips: g, primary: _, ...v } = e, y = c(), [b, x] = (0, X.useState)(!1), [S, C] = (0, X.useState)(!1), w = (0, X.useMemo)(() => {
+}, Ct = (e) => e.icon, wt = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { icon: n = xt, renderIcon: r = Ct, className: i, onFocus: a, selected: o, onBlur: s, onMouseOver: c, onMouseOut: l, onMouseEnter: u, disabled: d, children: f, sx: p, propsTooltip: m, chips: h, primary: g, ..._ } = e, y = v(), [b, x] = (0, Y.useState)(!1), [S, C] = (0, Y.useState)(!1), w = (0, Y.useMemo)(() => {
 		let e = r?.({
 			icon: n,
-			disabled: f,
+			disabled: d,
 			selected: o
 		});
-		return e ? (0, Z.jsx)(Ie, {
-			className: J({
+		return e ? (0, X.jsx)(Le, {
+			className: K({
 				"Mui-focusVisible": b,
 				"Mui-hovered": S
 			}),
 			sx: {
-				"& .MuiSvgIcon-root": { color: (e) => _ ? void 0 : e.palette.text.icon ?? e.palette.action.active },
+				"& .MuiSvgIcon-root": { color: (e) => g ? void 0 : e.palette.text.icon ?? e.palette.action.active },
 				"&.Mui-hovered:not(.Mui-disabled, [disabled])": { "& .MuiSvgIcon-root": { color: (e) => e.palette.text.primary } }
 			},
 			children: e
 		}) : null;
 	}, [
 		r,
-		f,
+		d,
 		n,
 		b,
 		S,
-		_,
+		g,
 		o
-	]), T = (0, Z.jsxs)(Pe, {
+	]), T = (0, X.jsxs)(Fe, {
 		ref: t,
 		role: "menuitem",
-		disabled: f,
+		disabled: d,
 		onMouseOver: (e) => {
-			l?.(e), e.isDefaultPrevented() || C(!0);
+			c?.(e), e.isDefaultPrevented() || C(!0);
 		},
 		onMouseOut: (e) => {
-			u?.(e), e.isDefaultPrevented() || C(!1);
+			l?.(e), e.isDefaultPrevented() || C(!1);
 		},
 		onMouseEnter: (e) => {
-			d?.(e), e.isDefaultPrevented() || y?.closeChild();
+			u?.(e), e.isDefaultPrevented() || y?.closeChild();
 		},
 		TouchRippleProps: { center: !1 },
-		className: J({
+		className: K({
 			"Mui-focusVisible": b,
 			"Mui-hovered": S
 		}, i),
@@ -1810,7 +1816,7 @@ var dt = (e) => (0, Z.jsx)(ut, { ...e }), ft = (e) => (0, Z.jsx)(d, {
 			lineHeight: 1.5,
 			paddingTop: "2px",
 			paddingBottom: "2px",
-			...bt,
+			...St,
 			borderRadius: "4px",
 			fontSize: "0.875em",
 			"@media (pointer: coarse)": { fontSize: "1em" },
@@ -1818,23 +1824,23 @@ var dt = (e) => (0, Z.jsx)(ut, { ...e }), ft = (e) => (0, Z.jsx)(d, {
 			"&.Mui-selected": { color: (e) => e.palette.text.primary },
 			color: (e) => e.palette.text.secondary,
 			"&.Mui-hovered:not(.Mui-disabled, [disabled])": { color: (e) => e.palette.text.primary },
-			...m
+			...p
 		},
-		...v,
+		..._,
 		children: [
 			w,
-			p,
-			g ? (0, Z.jsx)(re, { chips: g }) : null
+			f,
+			h ? (0, X.jsx)(B, { chips: h }) : null
 		]
 	});
-	return h && (T = (0, Z.jsx)(G, {
+	return m && (T = (0, X.jsx)(U, {
 		children: T,
 		placement: "right-start",
-		...h
+		...m
 	})), T;
-})), Ct = (0, X.memo)((0, X.forwardRef)((e, t) => {
+})), Tt = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
 	let { children: n, sx: r, primary: i = !1, variant: a = "subtitle1", ...o } = e;
-	return (0, Z.jsx)(Z.Fragment, { children: (0, Z.jsx)(K, {
+	return (0, X.jsx)(X.Fragment, { children: (0, X.jsx)(W, {
 		ref: t,
 		variant: a,
 		component: "div",
@@ -1850,11 +1856,11 @@ var dt = (e) => (0, Z.jsx)(ut, { ...e }), ft = (e) => (0, Z.jsx)(d, {
 		...o,
 		children: n
 	}) });
-})), wt = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { dense: n = !0, outlined: i = !1, label: a, showLabel: o = !1, selected: c = !1, onQuickClick: l, parentFloat: u, createPopupPanel: d, propsPopup: f, onPopupOpen: p, onPopupClose: m, propsQuickButton: h, renderQuickButton: g, tooltip: _ = "", createTooltip: b, icon: x, disabled: S, propsButton: C = r.EmptyObject, disableHover: w, ripple: T, primary: D, children: O, sx: j, className: M, ...N } = e, P = k(), F = (0, X.useMemo)(() => {
-		let e = (e, t, n, r = n) => {
-			let a = typeof i == "boolean" ? null : i[e];
-			return typeof a == "function" ? a(t) : a || (i ? n : r);
+})), Et = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { dense: n = !0, outlined: r = !1, label: a, showLabel: o = !1, selected: s = !1, onQuickClick: c, parentFloat: l, createPopupPanel: d, propsPopup: f, onPopupOpen: p, onPopupClose: m, propsQuickButton: h, renderQuickButton: g, tooltip: _ = "", createTooltip: v, icon: y, disabled: x, propsButton: S = i.EmptyObject, disableHover: C, ripple: w, primary: E, children: O, sx: k, className: M, ...N } = e, P = A(), F = (0, Y.useMemo)(() => {
+		let e = (e, t, n, i = n) => {
+			let a = typeof r == "boolean" ? null : r[e];
+			return typeof a == "function" ? a(t) : a || (r ? n : i);
 		};
 		return {
 			outline: {
@@ -1865,28 +1871,28 @@ var dt = (e) => (0, Z.jsx)(ut, { ...e }), ft = (e) => (0, Z.jsx)(d, {
 			active: P.palette.mode === "dark" ? P.palette.text.secondary : P.palette.text.primary,
 			text: P.palette.text.icon ?? P.palette.action.active
 		};
-	}, [i, P]), [I, R] = (0, X.useState)(!1), [z, ee] = (0, X.useState)(!1), [B, ne] = (0, X.useState)(!1), re = (0, X.useRef)(null), V = (0, X.useRef)(null), H = s({
-		anchor: re.current,
+	}, [r, P]), [I, ee] = (0, Y.useState)(!1), [R, te] = (0, Y.useState)(!1), [z, re] = (0, Y.useState)(!1), ie = (0, Y.useRef)(null), B = (0, Y.useRef)(null), V = b({
+		anchor: ie.current,
 		label: a,
 		createPopupPanel: d,
-		parentFloat: u,
+		parentFloat: l,
 		propsPopper: f?.propsPopper,
 		onClose: () => {
-			R(!1), m?.();
+			ee(!1), m?.();
 		},
 		onOpen: () => {
-			R(!0), p?.();
+			ee(!0), p?.();
 		}
-	}), ie = v((e) => {
-		l?.(e), H.reference.close(0);
-	}, [l, H]), U = v(() => {
-		I ? H.reference.close(0) : H.reference.open(0);
+	}), ae = T((e) => {
+		c?.(e), V.reference.close(0);
+	}, [c, V]), oe = T(() => {
+		I ? V.reference.close(0) : V.reference.open(0);
 	}, [
 		I,
-		H,
-		u,
+		V,
+		l,
 		a
-	]), W = (0, X.useMemo)(() => {
+	]), H = (0, Y.useMemo)(() => {
 		let e = {
 			"&.bordered": {
 				borderWidth: "1px",
@@ -1896,8 +1902,8 @@ var dt = (e) => (0, Z.jsx)(ut, { ...e }), ft = (e) => (0, Z.jsx)(d, {
 				borderColor: (e) => F.outline.color(e),
 				"&.Mui-focusVisible": { border: (e) => `1px solid ${F.outline.focusColor(e)} !important` },
 				"&:hover:not(.Mui-disabled, [disabled])": {
-					borderColor: () => w ? "transparent" : void 0,
-					backgroundColor: () => w ? "transparent" : void 0
+					borderColor: () => C ? "transparent" : void 0,
+					backgroundColor: () => C ? "transparent" : void 0
 				},
 				"&.Mui-hovered:not(.Mui-disabled, [disabled])": { borderColor: (e) => F.outline.hoverColor(e) },
 				"&.Mui-selected:not(.Mui-disabled, [disabled])": { borderColor: (e) => F.outline.hoverColor(e) },
@@ -1920,28 +1926,28 @@ var dt = (e) => (0, Z.jsx)(ut, { ...e }), ft = (e) => (0, Z.jsx)(d, {
 			},
 			"& .MuiTouchRipple-child": { borderRadius: (e) => `${e.shape.borderRadius}px !important` }
 		}, t = { "&.Mui-selected": {
-			backgroundColor: (e) => E(e.palette.primary.main, e.palette.action.selectedOpacity),
+			backgroundColor: (e) => D(e.palette.primary.main, e.palette.action.selectedOpacity),
 			"&:hover:not(.Mui-disabled)": {
-				backgroundColor: (e) => E(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
-				"@media (hover: none)": { backgroundColor: (e) => E(e.palette.primary.main, e.palette.action.selectedOpacity) }
+				backgroundColor: (e) => D(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+				"@media (hover: none)": { backgroundColor: (e) => D(e.palette.primary.main, e.palette.action.selectedOpacity) }
 			}
-		} }, i = {
+		} }, r = {
 			maxHeight: "100%",
 			"&.Mui-selected": {
-				backgroundColor: (e) => E(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity),
+				backgroundColor: (e) => D(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity),
 				"&:hover:not(.Mui-disabled)": {
-					backgroundColor: (e) => E(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
-					"@media (hover: none)": { backgroundColor: (e) => E(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity) }
+					backgroundColor: (e) => D(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+					"@media (hover: none)": { backgroundColor: (e) => D(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity) }
 				}
 			},
 			"&:hover:not(.Mui-disabled, [disabled])": {
 				color: (e) => e.palette.text.primary,
-				...w ? null : {
-					backgroundColor: (e) => E(e.palette.action.active, e.palette.action.hoverOpacity),
+				...C ? null : {
+					backgroundColor: (e) => D(e.palette.action.active, e.palette.action.hoverOpacity),
 					"@media (hover: none)": { backgroundColor: "transparent" }
 				}
 			},
-			backgroundColor: () => w ? "transparent" : void 0,
+			backgroundColor: () => C ? "transparent" : void 0,
 			color: (e) => e.palette.text.icon,
 			"&.Mui-disabled > .icon path": {
 				filter: "grayscale(65%)",
@@ -1949,80 +1955,80 @@ var dt = (e) => (0, Z.jsx)(ut, { ...e }), ft = (e) => (0, Z.jsx)(d, {
 			},
 			padding: () => n ? "2px 3px" : "7px",
 			marginRight: "0"
-		}, a = r.mergeContentful(i, e), o = r.mergeContentful(a, t), s = r.mergeContentful(i, e);
+		}, a = i.mergeContentful(r, e), o = i.mergeContentful(a, t), s = i.mergeContentful(r, e);
 		return {
 			quickButtonStyling: a,
 			openQuickButtonStyling: o,
 			compoundStyling: s,
-			openCompoundStyling: r.mergeContentful(s, t)
+			openCompoundStyling: i.mergeContentful(s, t)
 		};
-	}, [F, w]), G = v((e) => {
+	}, [F, C]), se = T((e) => {
 		let { children: t, ref: n, ...r } = e;
-		return (0, Z.jsx)(te, {
+		return (0, X.jsx)(ne, {
 			ref: n,
 			...r,
 			disableInteractive: !0,
 			children: t
 		});
-	}, []), K = l || g, q = K && (h?.tooltip || h?.createTooltip), ae = (e) => {
-		let { tooltip: t, createTooltip: n, sx: r, ...i } = e, a = (0, Z.jsx)(L, {
+	}, []), U = c || g, W = U && (h?.tooltip || h?.createTooltip), G = (e) => {
+		let { tooltip: t, createTooltip: n, sx: r, ...i } = e, a = (0, X.jsx)(L, {
 			sx: { ...r },
 			component: "div",
 			...i
 		});
-		return q && (a = (n ?? G)({
+		return W && (a = (n ?? se)({
 			title: I ? "" : t ?? _,
-			children: (0, Z.jsx)("div", { children: a })
+			children: (0, X.jsx)("div", { children: a })
 		}, I)), a;
-	}, oe = { onKeyDown: (e) => {
-		e.keyCode === y.Space ? U() : e.keyCode === y.F4 || e.keyCode === y.Down ? H.reference.open(0) : e.keyCode === y.Up && H.reference.close(0);
-	} }, se = (0, Z.jsx)(Z.Fragment, {}), ce = (0, X.useMemo)(() => Ve((typeof x == "function" ? x() : x) ?? (K ? Tt : null), o ? a : null), [
-		x,
+	}, ce = { onKeyDown: (e) => {
+		e.keyCode === u.Space ? oe() : e.keyCode === u.F4 || e.keyCode === u.Down ? V.reference.open(0) : e.keyCode === u.Up && V.reference.close(0);
+	} }, q = (0, X.jsx)(X.Fragment, {}), le = (0, Y.useMemo)(() => He((typeof y == "function" ? y() : y) ?? (U ? Dt : null), o ? a : null), [
+		y,
 		a,
 		o,
-		K
+		U
 	]);
-	if (K) {
-		let e = I ? W.openQuickButtonStyling : W.quickButtonStyling, t = (g || ae)({
+	if (U) {
+		let e = I ? H.openQuickButtonStyling : H.quickButtonStyling, t = (g || G)({
 			tabIndex: -1,
-			disabled: S,
+			disabled: x,
 			size: "small",
 			edge: "end",
 			onMouseEnter: () => {
-				H.reference.parent?.closeChild();
+				V.reference.parent?.closeChild();
 			},
 			onMouseDown: (e) => {
-				e.button === 0 && (e.preventDefault(), ie(e));
+				e.button === 0 && (e.preventDefault(), ae(e));
 			},
-			disableRipple: !!T,
-			children: (0, Z.jsxs)(Z.Fragment, { children: [ce, T] }),
+			disableRipple: !!w,
+			children: (0, X.jsxs)(X.Fragment, { children: [le, w] }),
 			...h,
-			className: J({
-				"Mui-focusVisible": z || I,
-				"Mui-selected": c,
-				"Mui-hovered": B || I,
-				"Mui-disabled": S,
+			className: K({
+				"Mui-focusVisible": R || I,
+				"Mui-selected": s,
+				"Mui-hovered": z || I,
+				"Mui-disabled": x,
 				bordered: !0,
 				left: !0,
 				"hard-right": !0
 			}, h?.className),
 			sx: {
-				...W.quickButtonStyling,
+				...H.quickButtonStyling,
 				height: "100%",
 				...h?.sx
 			}
-		}), r = lt(!0, n, I);
-		q && (r = (b ?? G)({
+		}), r = dt(!0, n, I);
+		W && (r = (v ?? se)({
 			title: I ? "" : _,
 			children: r
-		}, I)), se = (0, Z.jsxs)(Z.Fragment, { children: [t, (0, Z.jsx)(L, {
-			ref: V,
+		}, I)), q = (0, X.jsxs)(X.Fragment, { children: [t, (0, X.jsx)(L, {
+			ref: B,
 			component: "div",
-			className: J({
+			className: K({
 				"Mui-selected": I,
-				"Mui-hovered": B || I,
-				"Mui-disabled": S,
-				"Mui-focusVisible": z || I,
+				"Mui-hovered": z || I,
+				"Mui-disabled": x,
+				"Mui-focusVisible": R || I,
 				bordered: !0,
 				right: !0,
 				divider: !0
@@ -2031,61 +2037,61 @@ var dt = (e) => (0, Z.jsx)(ut, { ...e }), ft = (e) => (0, Z.jsx)(d, {
 				paddingLeft: (n ? 0 : 2) + "px",
 				paddingRight: (n ? 0 : 2) + "px",
 				width: () => "calc(var(--icon-size, 1.25em) * 0.8)",
-				...W.quickButtonStyling,
+				...H.quickButtonStyling,
 				...e
 			},
 			TouchRippleProps: { center: !1 },
 			tabIndex: -1,
-			disabled: S,
+			disabled: x,
 			size: "small",
 			edge: "end",
 			onMouseDown: (e) => {
-				e.button === 0 && (e.preventDefault(), U());
+				e.button === 0 && (e.preventDefault(), oe());
 			},
 			children: r
 		})] });
 	} else {
-		let e = I ? W.openCompoundStyling : W.compoundStyling;
-		se = (0, Z.jsx)(vt, {
-			ref: V,
+		let e = I ? H.openCompoundStyling : H.compoundStyling;
+		q = (0, X.jsx)(bt, {
+			ref: B,
 			tabIndex: -1,
-			disabled: S,
+			disabled: x,
 			size: "small",
-			icon: ce,
-			className: J({
-				"Mui-selected": I || c,
-				"Mui-hovered": B,
-				"Mui-disabled": S,
-				"Mui-focusVisible": z || I,
+			icon: le,
+			className: K({
+				"Mui-selected": I || s,
+				"Mui-hovered": z,
+				"Mui-disabled": x,
+				"Mui-focusVisible": R || I,
 				bordered: !0,
 				left: !0,
 				right: !0
 			}),
 			sx: {
 				flex: "1 1 auto",
-				...W.quickButtonStyling,
+				...H.quickButtonStyling,
 				...e
 			},
 			onMouseDown: (e) => {
-				e.button === 0 && (e.preventDefault(), U());
+				e.button === 0 && (e.preventDefault(), oe());
 			},
-			children: lt(!1, n, I)
+			children: dt(!1, n, I)
 		});
 	}
-	let { className: Y, sx: le, ...ue } = C, de = (0, Z.jsx)(A, {
-		onFocus: () => ee(!0),
-		onBlur: () => ee(!1),
-		onMouseOver: () => ne(!0),
-		onMouseOut: () => ne(!1),
-		...oe,
+	let { className: ue, sx: J, ...de } = S, fe = (0, X.jsx)(j, {
+		onFocus: () => te(!0),
+		onBlur: () => te(!1),
+		onMouseOver: () => re(!0),
+		onMouseOut: () => re(!1),
+		...ce,
 		"aria-label": "split button",
-		ref: re,
-		tabIndex: S ? void 0 : 0,
-		className: J(Y, "split-button-root", {
-			"Mui-focusVisible": z || I,
-			"Mui-selected": I || c,
-			"Mui-hovered": B,
-			"Mui-disabled": S
+		ref: ie,
+		tabIndex: x ? void 0 : 0,
+		className: K(ue, "split-button-root", {
+			"Mui-focusVisible": R || I,
+			"Mui-selected": I || s,
+			"Mui-hovered": z,
+			"Mui-disabled": x
 		}),
 		sx: {
 			display: "flex",
@@ -2093,83 +2099,83 @@ var dt = (e) => (0, Z.jsx)(ut, { ...e }), ft = (e) => (0, Z.jsx)(d, {
 			alignItems: "stretch",
 			width: "fit-content",
 			"&:not(.Mui-disabled)": { cursor: "pointer" },
-			marginLeft: i ? "1px" : "0px",
-			marginRight: i ? "1px" : "0px",
+			marginLeft: r ? "1px" : "0px",
+			marginRight: r ? "1px" : "0px",
 			borderRadius: (e) => `${e.shape.borderRadius}px`,
 			"&.Mui-focusVisible": {
 				outline: (e) => `solid ${e.palette.primary.main} 1px`,
 				zIndex: 2
 			},
-			...le
+			...J
 		},
-		...ue,
-		children: se
+		...de,
+		children: q
 	});
-	return q || (de = (b ?? G)({
+	return W || (fe = (v ?? se)({
 		title: I ? "" : _,
-		children: de
-	}, I)), (0, Z.jsxs)(A, {
-		className: J(M, "popupIconButton"),
+		children: fe
+	}, I)), (0, X.jsxs)(j, {
+		className: K(M, "popupIconButton"),
 		ref: t,
 		...N,
 		sx: {
-			zIndex: z || I ? 2 : void 0,
+			zIndex: R || I ? 2 : void 0,
 			display: "flex",
 			alignItems: "center",
-			...j
+			...k
 		},
-		children: [de, H.component]
+		children: [fe, V.component]
 	});
 }));
-wt.displayName = "ExhibitPopupIconButton";
-var Tt = (0, Z.jsx)(a, { iconKey: "Check" }), Et = {}, Dt = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { selected: n = !1, label: r, showLabel: i, onQuickClick: a, parentFloat: o, createPopupPanel: c, propsPopup: l = Et, onPopupOpen: u, onPopupClose: d, propsQuickButton: f, renderQuickButton: p, tooltip: m = "", createTooltip: h, icon: g, disabled: _, ripple: y, primary: b, children: x, sx: S, ...C } = e, [w, T] = (0, X.useState)(!1), [E, D] = (0, X.useState)(!1), [O, k] = (0, X.useState)(!1), [j, M] = (0, X.useState)(!1), N = (0, X.useRef)(null), P = (0, X.useRef)(null), F = (0, X.useMemo)(() => {
-		if (!l) return;
-		let { propsPopper: e } = l;
+Et.displayName = "ExhibitPopupIconButton";
+var Dt = (0, X.jsx)(o, { iconKey: "Check" }), Ot = {}, kt = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { selected: n = !1, label: r, showLabel: i, onQuickClick: a, parentFloat: o, createPopupPanel: s, propsPopup: c = Ot, onPopupOpen: l, onPopupClose: u, propsQuickButton: d, renderQuickButton: f, tooltip: p = "", createTooltip: m, icon: h, disabled: g, ripple: _, primary: v, children: y, sx: x, ...S } = e, [C, w] = (0, Y.useState)(!1), [E, D] = (0, Y.useState)(!1), [O, k] = (0, Y.useState)(!1), [A, M] = (0, Y.useState)(!1), N = (0, Y.useRef)(null), P = (0, Y.useRef)(null), F = (0, Y.useMemo)(() => {
+		if (!c) return;
+		let { propsPopper: e } = c;
 		return {
 			placement: "right-start",
 			offsets: [-4, -2],
 			...e
 		};
-	}, [l]), I = s({
+	}, [c]), I = b({
 		anchor: N.current,
 		label: r,
-		createPopupPanel: c,
+		createPopupPanel: s,
 		parentFloat: o,
 		propsPopper: F,
 		onClose: () => {
-			T(!1), d?.();
+			w(!1), u?.();
 		},
 		onOpen: () => {
-			T(!0), u?.();
+			w(!0), l?.();
 		}
-	}), L = v((e) => {
+	}), ee = T((e) => {
 		e.button === 0 && (a?.(e), I.reference.close(0));
-	}, [a]), R = (0, Z.jsx)(se, {}), z = { "&.Mui-selected": {
+	}, [a]), L = (0, X.jsx)(le, {}), R = { "&.Mui-selected": {
 		color: (e) => e.palette.text.primary,
 		"& svg * ": { color: (e) => e.palette.text.primary }
-	} }, ee = (0, X.useCallback)((e) => {
+	} }, te = (0, Y.useCallback)((e) => {
 		let { children: t, ref: n, ...r } = e;
-		return (0, Z.jsx)(te, {
+		return (0, X.jsx)(ne, {
 			ref: n,
 			...r,
 			disableInteractive: !0,
 			children: t
 		});
-	}, []), B = a || p, ne = (e) => {
+	}, []), z = a || f, re = (e) => {
 		let { tooltip: t, createTooltip: n, ...i } = e;
-		return (0, Z.jsxs)(St, {
-			icon: g,
-			disableRipple: !!y,
-			className: J({ "Mui-hovered": O }),
+		return (0, X.jsxs)(wt, {
+			icon: h,
+			disableRipple: !!_,
+			className: K({ "Mui-hovered": O }),
 			sx: {
 				flex: "1 1 100%",
-				...z
+				...R
 			},
 			...i,
-			children: [r, y]
+			children: [r, _]
 		});
-	}, re = {
+	}, ie = {
 		onFocus: () => {
 			D(!0);
 		},
@@ -2186,23 +2192,23 @@ var Tt = (0, Z.jsx)(a, { iconKey: "Check" }), Et = {}, Dt = (0, X.memo)((0, X.fo
 		onMouseDown: (e) => {
 			e.button === 0 && e.preventDefault();
 		}
-	}, V = (0, Z.jsx)(Z.Fragment, {});
-	if (B) {
-		let e = (p || ne)({
+	}, B = (0, X.jsx)(X.Fragment, {});
+	if (z) {
+		let e = (f || re)({
 			tabIndex: -1,
-			disabled: _,
+			disabled: g,
 			onMouseEnter: () => {
 				I.reference.parent?.closeChild();
 			},
 			onMouseDown: (e) => {
-				e.button === 0 && (e.preventDefault(), L(e));
+				e.button === 0 && (e.preventDefault(), ee(e));
 			},
-			className: J("quick-left", {}, f?.className),
-			...f
+			className: K("quick-left", {}, d?.className),
+			...d
 		});
-		V = (0, Z.jsxs)(Z.Fragment, { children: [
+		B = (0, X.jsxs)(X.Fragment, { children: [
 			e,
-			(0, Z.jsx)(he, {
+			(0, X.jsx)(_e, {
 				sx: {
 					ml: "0px",
 					mr: "0px"
@@ -2211,10 +2217,10 @@ var Tt = (0, Z.jsx)(a, { iconKey: "Check" }), Et = {}, Dt = (0, X.memo)((0, X.fo
 				variant: "middle",
 				flexItem: !0
 			}),
-			(0, Z.jsx)(Pe, {
+			(0, X.jsx)(Fe, {
 				ref: P,
-				className: J({
-					"Mui-selected": w,
+				className: K({
+					"Mui-selected": C,
 					"Mui-hovered": O
 				}),
 				sx: {
@@ -2227,14 +2233,14 @@ var Tt = (0, Z.jsx)(a, { iconKey: "Check" }), Et = {}, Dt = (0, X.memo)((0, X.fo
 					paddingBottom: "2px",
 					marginLeft: "0px",
 					marginRight: "6px",
-					color: (e) => b ? void 0 : e.palette.text.secondary,
+					color: (e) => v ? void 0 : e.palette.text.secondary,
 					"&.Mui-hovered:not(.Mui-disabled, [disabled])": { color: (e) => e.palette.text.primary },
-					...z
+					...R
 				},
 				tabIndex: -1,
-				disabled: _,
-				...re,
-				children: (0, Z.jsx)(A, {
+				disabled: g,
+				...ie,
+				children: (0, X.jsx)(j, {
 					className: "expand-icon",
 					sx: {
 						flex: "none",
@@ -2242,7 +2248,7 @@ var Tt = (0, Z.jsx)(a, { iconKey: "Check" }), Et = {}, Dt = (0, X.memo)((0, X.fo
 						border: "1px solid transparent",
 						paddingTop: "1px",
 						paddingBottom: "1px",
-						color: (e) => b ? void 0 : e.palette.text.icon ?? e.palette.action.active
+						color: (e) => v ? void 0 : e.palette.text.icon ?? e.palette.action.active
 					},
 					onMouseOver: (e) => {
 						e.preventDefault(), M(!0);
@@ -2251,51 +2257,51 @@ var Tt = (0, Z.jsx)(a, { iconKey: "Check" }), Et = {}, Dt = (0, X.memo)((0, X.fo
 						M(!1);
 					},
 					onClick: (e) => {
-						e.preventDefault(), w ? I.reference.close() : I.reference.open();
+						e.preventDefault(), C ? I.reference.close() : I.reference.open();
 					},
-					children: R
+					children: L
 				})
 			})
 		] });
-	} else V = (0, Z.jsxs)(St, {
+	} else B = (0, X.jsxs)(wt, {
 		ref: P,
 		tabIndex: -1,
-		disabled: _,
-		icon: g,
-		className: J({
-			"Mui-selected": w || n,
+		disabled: g,
+		icon: h,
+		className: K({
+			"Mui-selected": C || n,
 			"Mui-hovered": O
 		}),
 		sx: {
 			flex: "1 1 100%",
 			paddingRight: "0px",
-			...z
+			...R
 		},
 		onClick: (e) => {
-			e.preventDefault(), w ? I.reference.close() : I.reference.open();
+			e.preventDefault(), C ? I.reference.close() : I.reference.open();
 		},
-		...re,
-		children: [(0, Z.jsx)("div", {
+		...ie,
+		children: [(0, X.jsx)("div", {
 			style: { flex: "1 1 100%" },
 			children: r
-		}), (0, Z.jsx)(A, {
+		}), (0, X.jsx)(j, {
 			className: "expand-icon",
 			sx: {
 				flex: "none",
 				display: "flex",
-				color: (e) => b ? void 0 : e.palette.text.icon ?? e.palette.action.active
+				color: (e) => v ? void 0 : e.palette.text.icon ?? e.palette.action.active
 			},
-			children: R
+			children: L
 		})]
 	});
-	let H = (0, Z.jsx)(A, {
+	let V = (0, X.jsx)(j, {
 		"aria-label": "split button",
 		ref: N,
-		tabIndex: _ ? void 0 : 0,
-		className: J({
-			"Mui-disabled": _,
-			"Mui-selected": w,
-			"Mui-focusVisible": E || w,
+		tabIndex: g ? void 0 : 0,
+		className: K({
+			"Mui-disabled": g,
+			"Mui-selected": C,
+			"Mui-focusVisible": E || C,
 			"Mui-hovered": O
 		}),
 		sx: {
@@ -2309,32 +2315,32 @@ var Tt = (0, Z.jsx)(a, { iconKey: "Check" }), Et = {}, Dt = (0, X.memo)((0, X.fo
 				marginRight: "-1px"
 			},
 			"&.Mui-disabled > .icon path": { filter: "grayscale(65%)" },
-			...S
+			...x
 		},
-		...C,
-		children: V
+		...S,
+		children: B
 	});
-	return B && !j && (f?.tooltip || f?.createTooltip) && (H = (f?.createTooltip ?? ee)({
-		title: w ? "" : H ?? f?.tooltip,
-		children: H
-	}, w)), (0, Z.jsxs)(A, {
+	return z && !A && (d?.tooltip || d?.createTooltip) && (V = (d?.createTooltip ?? te)({
+		title: C ? "" : V ?? d?.tooltip,
+		children: V
+	}, C)), (0, X.jsxs)(j, {
 		ref: t,
 		sx: {
-			zIndex: E || w ? 2 : void 0,
+			zIndex: E || C ? 2 : void 0,
 			display: "flex",
 			" .tooltip-wrapper": {
 				display: "flex",
 				flex: "1 1 100%"
 			}
 		},
-		children: [H, I.component]
+		children: [V, I.component]
 	});
-})), Ot = (0, X.memo)((0, X.forwardRef)((e, t) => {
+})), At = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
 	let { onSelectToggle: n, selected: r = !1, label: i, shortcut: a, tabIndex: o = 0, preventFocus: s = !1, ...c } = e;
-	return (0, Z.jsx)(G, {
+	return (0, X.jsx)(U, {
 		label: i,
 		shortcut: a,
-		children: (0, Z.jsx)(vt, {
+		children: (0, X.jsx)(bt, {
 			ref: t,
 			outlined: !1,
 			tabIndex: o,
@@ -2348,44 +2354,44 @@ var Tt = (0, Z.jsx)(a, { iconKey: "Check" }), Et = {}, Dt = (0, X.memo)((0, X.fo
 			...c
 		})
 	});
-})), kt = (0, Z.jsx)(a, {}), At = (0, Z.jsx)(a, { iconKey: "Check" }), jt = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { children: n, selected: r = !0, outlined: i = !0, sx: a, ...o } = e, s = (0, X.useMemo)(() => ({
+})), jt = (0, X.jsx)(o, {}), Mt = (0, X.jsx)(o, { iconKey: "Check" }), Nt = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { children: n, selected: r = !0, outlined: i = !0, sx: a, ...o } = e, s = (0, Y.useMemo)(() => ({
 		display: "flex",
 		border: (e) => r ? `solid ${i ? e.palette.divider : "transparent"} 1px` : "solid transparent 1px",
 		borderRadius: (e) => `${e.shape.borderRadius}px`,
 		backgroundColor: (e) => {
-			if (r) return E(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity);
+			if (r) return D(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity);
 		},
 		...a
 	}), [a]), c = n;
-	return c === null && (c = kt), c ||= At, (0, Z.jsx)(A, {
+	return c === null && (c = jt), c ||= Mt, (0, X.jsx)(j, {
 		ref: t,
 		sx: s,
 		...o,
 		children: c
 	});
 }));
-H();
-var Q, Mt = {
+ae();
+var Z, Pt = {
 	inline: null,
 	popup: []
-}, Nt = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { children: n, sx: r, ...i } = e, o = C(), s = _(t, () => ({}), []), [l, u] = w(), d = (0, X.useRef)(null), f = (0, X.useRef)(null), [p, m] = (0, X.useReducer)((e) => e + 1, 0), [h, g] = (0, X.useState)(null), [v, y] = (0, X.useState)(null), b = v?.popup ?? null, x = (0, X.useRef)(0), [S, T] = (0, X.useState)(!1), E = (0, X.useRef)(!1), D = c(), O = (0, X.useRef)(D);
+}, Ft = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { children: n, sx: r, ...i } = e, a = y(), s = l(t, () => ({}), []), [c, u] = _(), d = (0, Y.useRef)(null), f = (0, Y.useRef)(null), [p, m] = (0, Y.useReducer)((e) => e + 1, 0), [h, g] = (0, Y.useState)(null), [b, x] = (0, Y.useState)(null), S = b?.popup ?? null, C = (0, Y.useRef)(0), [w, T] = (0, Y.useState)(!1), E = (0, Y.useRef)(!1), D = v(), O = (0, Y.useRef)(D);
 	O.current = D;
-	let k = (0, X.useCallback)(() => {
+	let k = (0, Y.useCallback)(() => {
 		O.current?.closeChild(0);
-	}, []), j = (0, X.useCallback)(() => {
+	}, []), A = (0, Y.useCallback)(() => {
 		E.current = !0, T(!0);
-	}, []), M = (0, X.useCallback)(() => {
+	}, []), M = (0, Y.useCallback)(() => {
 		E.current = !1, T(!1);
-	}, []), N = (0, X.useRef)(null), P = (0, X.useRef)(/* @__PURE__ */ new Map()), F = (0, X.useCallback)(() => {
-		P.current.clear(), y(null), m();
+	}, []), N = (0, Y.useRef)(null), P = (0, Y.useRef)(/* @__PURE__ */ new Map()), F = (0, Y.useCallback)(() => {
+		P.current.clear(), x(null), m();
 	}, []);
-	(0, X.useLayoutEffect)(() => {
+	(0, Y.useLayoutEffect)(() => {
 		f.current = { refs: [] };
-		let e = [], t = X.Children.toArray(n), r = 0;
+		let e = [], t = Y.Children.toArray(n), r = 0;
 		t.forEach((n, i) => {
-			e.push((0, Z.jsx)(A, {
+			e.push((0, X.jsx)(j, {
 				sx: {
 					display: "flex",
 					flex: "0 0 auto"
@@ -2398,10 +2404,10 @@ var Q, Mt = {
 				children: n
 			}, i));
 		}), g(e);
-	}, [n, u]), (0, X.useLayoutEffect)(() => {
+	}, [n, u]), (0, Y.useLayoutEffect)(() => {
 		if (!h) return;
 		let e = f.current?.refs ?? [], t = e.length;
-		if (!s.current || t === 0) return void y(null);
+		if (!s.current || t === 0) return void x(null);
 		let n = s.current?.getBoundingClientRect(), r = [], i = [], a = () => {
 			let n = N.current;
 			n ? n.disconnect() : n = N.current = new ResizeObserver((e) => {
@@ -2427,10 +2433,10 @@ var Q, Mt = {
 			let i = t.current.getBoundingClientRect();
 			o += i?.width, o > n.width && (c = !0);
 		}
-		if (!c) return a(), E.current && k(), void y(Mt);
+		if (!c) return a(), E.current && k(), void x(Pt);
 		let l = d.current?.getBoundingClientRect();
-		l?.width && (x.current = l.width);
-		let u = n.width - x.current;
+		l?.width && (C.current = l.width);
+		let u = n.width - C.current;
 		o = 0;
 		for (let n = 0; n < t; n++) {
 			let t = e[n], a = !1;
@@ -2440,7 +2446,7 @@ var Q, Mt = {
 			}
 			a ? r.push(h[n]) : i.push(h[n]);
 		}
-		a(), y({
+		a(), x({
 			inline: r,
 			popup: i
 		});
@@ -2449,24 +2455,24 @@ var Q, Mt = {
 		h,
 		u,
 		p
-	]), (0, X.useLayoutEffect)(() => () => {
+	]), (0, Y.useLayoutEffect)(() => () => {
 		N.current?.disconnect(), N.current = null;
 	}, []);
-	let I = (0, X.useCallback)((e) => {
-		let t = [], n = b?.length ?? 0;
+	let I = (0, Y.useCallback)((e) => {
+		let t = [], n = S?.length ?? 0;
 		for (let e = 0; e < n; e++) {
-			let n = X.Children.toArray(b[e])[0];
-			X.Children.toArray(n.props.children?.props?.children ?? n.props.children).forEach((n, r) => {
+			let n = Y.Children.toArray(S[e])[0];
+			Y.Children.toArray(n.props.children?.props?.children ?? n.props.children).forEach((n, r) => {
 				let i = n, a = {
 					...i.props,
 					key: `overflow-${e}-${r}${i.key ?? ""}`
-				}, o = (0, X.cloneElement)(i, a);
+				}, o = (0, Y.cloneElement)(i, a);
 				t.push(o);
 			});
 		}
-		return ct({
+		return ut({
 			...e,
-			children: (0, Z.jsx)(A, {
+			children: (0, X.jsx)(j, {
 				className: "overflow-palette-popup-panel",
 				sx: {
 					display: "flex",
@@ -2482,12 +2488,12 @@ var Q, Mt = {
 				children: t
 			})
 		});
-	}, [b]), L = ae([
+	}, [S]), ee = ce([
 		s,
-		l,
+		c,
 		t
 	]);
-	return (0, Z.jsxs)(A, {
+	return (0, X.jsxs)(j, {
 		className: "overflow-palette",
 		sx: {
 			display: "flex",
@@ -2500,9 +2506,9 @@ var Q, Mt = {
 			overflow: "hidden",
 			...r
 		},
-		ref: L,
+		ref: ee,
 		...i,
-		children: [(0, Z.jsx)(A, {
+		children: [(0, X.jsx)(j, {
 			sx: {
 				flexDirection: "row",
 				display: "flex",
@@ -2513,40 +2519,40 @@ var Q, Mt = {
 				overflow: "hidden",
 				alignItems: "center"
 			},
-			children: v?.inline ?? h
-		}), (0, Z.jsx)(A, {
+			children: b?.inline ?? h
+		}), (0, X.jsx)(j, {
 			className: "overflow-palette-popup-button",
 			sx: {
-				display: S || b === null || b.length !== 0 ? "flex" : "none",
+				display: w || S === null || S.length !== 0 ? "flex" : "none",
 				flex: "0 0 auto",
 				alignItems: "center"
 			},
-			children: (0, Z.jsx)(wt, {
+			children: (0, X.jsx)(Et, {
 				createPopupPanel: I,
 				ref: d,
-				onPopupOpen: j,
+				onPopupOpen: A,
 				onPopupClose: M,
-				createTooltip: ({ children: e }, t) => (0, Z.jsx)(G, {
-					label: o("overflow.more"),
-					description: o("overflow.moreDescription"),
+				createTooltip: ({ children: e }, t) => (0, X.jsx)(U, {
+					label: a("overflow.more"),
+					description: a("overflow.moreDescription"),
 					disabled: t,
 					children: e
 				}),
-				icon: (0, Z.jsx)(a, { iconKey: "MoreHorizontal" })
+				icon: (0, X.jsx)(o, { iconKey: "MoreHorizontal" })
 			})
 		})]
 	});
 }));
-function $() {
-	return $ = Object.assign ? Object.assign.bind() : function(e) {
+function Q() {
+	return Q = Object.assign ? Object.assign.bind() : function(e) {
 		for (var t = 1; t < arguments.length; t++) {
 			var n = arguments[t];
 			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
 		}
 		return e;
-	}, $.apply(null, arguments);
+	}, Q.apply(null, arguments);
 }
-function Pt(e, t) {
+function It(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -2555,7 +2561,7 @@ function Pt(e, t) {
 	}
 	return n;
 }
-var Ft, It = {
+var $, Lt = {
 	state: {},
 	updateModal: function() {},
 	hideModal: function() {},
@@ -2569,72 +2575,72 @@ var Ft, It = {
 			update: function() {}
 		};
 	}
-}, Lt = (0, X.createContext)(void 0);
-(Ft = Q ||= {}).SHOW = "SHOW", Ft.HIDE = "HIDE", Ft.UPDATE = "UPDATE", Ft.DESTROY = "DESTROY", Ft.DESTROY_BY_ROOT_ID = "DESTROY_BY_ROOT_ID", Ft.UNKNOWN = "UNKNOWN";
-var Rt = {};
-function zt(e, t) {
+}, Rt = (0, Y.createContext)(void 0);
+($ = Z ||= {}).SHOW = "SHOW", $.HIDE = "HIDE", $.UPDATE = "UPDATE", $.DESTROY = "DESTROY", $.DESTROY_BY_ROOT_ID = "DESTROY_BY_ROOT_ID", $.UNKNOWN = "UNKNOWN";
+var zt = {};
+function Bt(e, t) {
 	switch (t.type) {
-		case Q.SHOW:
+		case Z.SHOW:
 			var n, r = t.payload, i = r.id, a = r.component, o = r.props, s = r.options;
-			return $({}, e, ((n = {})[i] = {
+			return Q({}, e, ((n = {})[i] = {
 				component: a,
-				props: $({}, o, { open: !0 }),
+				props: Q({}, o, { open: !0 }),
 				options: s
 			}, n));
-		case Q.HIDE:
+		case Z.HIDE:
 			var c, l = t.payload.id;
-			return e[l] ? $({}, e, ((c = {})[l] = $({}, e[l], { props: $({}, e[l].props, { open: !1 }) }), c)) : e;
-		case Q.UPDATE:
+			return e[l] ? Q({}, e, ((c = {})[l] = Q({}, e[l], { props: Q({}, e[l].props, { open: !1 }) }), c)) : e;
+		case Z.UPDATE:
 			var u, d = t.payload, f = d.id, p = d.props;
-			return e[f] ? $({}, e, ((u = {})[f] = $({}, e[f], { props: $({}, e[f].props, p) }), u)) : e;
-		case Q.DESTROY:
-			var m = t.payload.id, h = $({}, e);
+			return e[f] ? Q({}, e, ((u = {})[f] = Q({}, e[f], { props: Q({}, e[f].props, p) }), u)) : e;
+		case Z.DESTROY:
+			var m = t.payload.id, h = Q({}, e);
 			return delete h[m], h;
-		case Q.DESTROY_BY_ROOT_ID:
+		case Z.DESTROY_BY_ROOT_ID:
 			var g = t.payload.rootId;
 			return Object.keys(e).filter(function(e) {
 				return e.split(".")[0] !== g;
 			}).reduce(function(t, n) {
 				var r;
-				return $({}, t, ((r = {})[n] = e[n], r));
+				return Q({}, t, ((r = {})[n] = e[n], r));
 			}, {});
 		default: throw Error("Unexpected action");
 	}
 }
-var Bt = "[ERROR]: Modal ID is missing", Vt = function(e) {
+var Vt = "[ERROR]: Modal ID is missing", Ht = function(e) {
 	e === void 0 && (e = 8);
 	for (var t = [], n = 0; n < e; n++) t[n] = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".charAt(Math.floor(62 * Math.random()));
 	return t.join("");
-}, Ht = ["open"];
-function Ut(e) {
-	var t = e.children, n = e.legacy, r = n !== void 0 && n, i = e.suspense, a = i === void 0 || i, o = e.fallback, s = o === void 0 ? null : o, c = X.useReducer(zt, Rt), l = c[0], u = c[1], d = X.useCallback(function(e, t) {
-		var n = Pt(t, Ht);
+}, Ut = ["open"];
+function Wt(e) {
+	var t = e.children, n = e.legacy, r = n !== void 0 && n, i = e.suspense, a = i === void 0 || i, o = e.fallback, s = o === void 0 ? null : o, c = Y.useReducer(Bt, zt), l = c[0], u = c[1], d = Y.useCallback(function(e, t) {
+		var n = It(t, Ut);
 		e ? u({
-			type: Q.UPDATE,
+			type: Z.UPDATE,
 			payload: {
 				id: e,
 				props: n
 			}
-		}) : console.error(Bt);
-	}, [u]), f = X.useCallback(function(e) {
+		}) : console.error(Vt);
+	}, [u]), f = Y.useCallback(function(e) {
 		e ? u({
-			type: Q.HIDE,
+			type: Z.HIDE,
 			payload: { id: e }
-		}) : console.error(Bt);
-	}, [u]), p = X.useCallback(function(e) {
+		}) : console.error(Vt);
+	}, [u]), p = Y.useCallback(function(e) {
 		e ? u({
-			type: Q.DESTROY,
+			type: Z.DESTROY,
 			payload: { id: e }
-		}) : console.error(Bt);
-	}, [u]), m = X.useCallback(function(e) {
+		}) : console.error(Vt);
+	}, [u]), m = Y.useCallback(function(e) {
 		e ? u({
-			type: Q.DESTROY_BY_ROOT_ID,
+			type: Z.DESTROY_BY_ROOT_ID,
 			payload: { rootId: e }
 		}) : console.error("[ERROR]: Modal root ID is missing");
-	}, [u]), h = X.useCallback(function(e, t, n) {
-		var r = Vt(8);
+	}, [u]), h = Y.useCallback(function(e, t, n) {
+		var r = Ht(8);
 		return n && n.rootId && (r = n.rootId + "." + r), u({
-			type: Q.SHOW,
+			type: Z.SHOW,
 			payload: {
 				id: r,
 				component: e,
@@ -2658,20 +2664,20 @@ function Ut(e) {
 		f,
 		p,
 		d
-	]), g = a ? X.Suspense : X.Fragment;
-	return X.createElement(Lt.Provider, { value: {
+	]), g = a ? Y.Suspense : Y.Fragment;
+	return Y.createElement(Rt.Provider, { value: {
 		state: l,
 		updateModal: d,
 		hideModal: f,
 		destroyModal: p,
 		showModal: h,
 		destroyModalsByRootId: m
-	} }, t, X.createElement(g, Object.assign({}, a && { fallback: s }), Object.keys(l).map(function(e) {
+	} }, t, Y.createElement(g, Object.assign({}, a && { fallback: s }), Object.keys(l).map(function(e) {
 		var t, n = l[e], i = n.component, a = n.props, o = n.options, s = function() {
 			var t, n;
 			a != null && a.onExited && a.onExited.apply(a, arguments), a != null && (t = a.TransitionProps) != null && t.onExited && (n = a.TransitionProps).onExited.apply(n, arguments), p(e);
 		};
-		return t = r ? { onExited: s } : { TransitionProps: $({}, a?.TransitionProps, { onExited: s }) }, X.createElement(i, Object.assign({}, a, {
+		return t = r ? { onExited: s } : { TransitionProps: Q({}, a?.TransitionProps, { onExited: s }) }, Y.createElement(i, Object.assign({}, a, {
 			key: e,
 			onClose: function() {
 				o && o.hideOnClose && f(e), o && o.destroyOnClose && o.hideOnClose && p(e), a && a.onClose && a.onClose.apply(a, arguments);
@@ -2679,21 +2685,21 @@ function Ut(e) {
 		}, o && !o.destroyOnClose && t));
 	})));
 }
-var Wt = { enforceProvider: !1 }, Gt = ["showModal", "destroyModalsByRootId"], Kt = { disableAutoDestroy: !1 };
-function qt(e) {
-	e === void 0 && (e = Kt);
-	var t = $({}, Kt, e).disableAutoDestroy, n = function() {
-		var e = (0, X.useContext)(Lt);
-		if (Wt.enforceProvider && e === void 0) throw Error("useModalContext must be used within a ModalProvider");
-		return e || It;
-	}(), r = n.showModal, i = n.destroyModalsByRootId, a = Pt(n, Gt), o = (0, X.useRef)(Vt(6));
-	return (0, X.useEffect)(function() {
+var Gt = { enforceProvider: !1 }, Kt = ["showModal", "destroyModalsByRootId"], qt = { disableAutoDestroy: !1 };
+function Jt(e) {
+	e === void 0 && (e = qt);
+	var t = Q({}, qt, e).disableAutoDestroy, n = function() {
+		var e = (0, Y.useContext)(Rt);
+		if (Gt.enforceProvider && e === void 0) throw Error("useModalContext must be used within a ModalProvider");
+		return e || Lt;
+	}(), r = n.showModal, i = n.destroyModalsByRootId, a = It(n, Kt), o = (0, Y.useRef)(Ht(6));
+	return (0, Y.useEffect)(function() {
 		return function() {
 			!t && i && i(o.current);
 		};
-	}, [t, i]), $({
-		showModal: (0, X.useCallback)(function(e, t, n) {
-			return r(e, t, $({
+	}, [t, i]), Q({
+		showModal: (0, Y.useCallback)(function(e, t, n) {
+			return r(e, t, Q({
 				rootId: o.current,
 				hideOnClose: !0
 			}, n));
@@ -2701,29 +2707,29 @@ function qt(e) {
 		destroyModalsByRootId: i
 	}, a);
 }
-var Jt = (0, X.createContext)(void 0), Yt = ({ error: e }) => {
-	let t = (0, X.useContext)(Jt);
-	return (0, X.useEffect)(() => {
+var Yt = (0, Y.createContext)(void 0), Xt = ({ error: e }) => {
+	let t = (0, Y.useContext)(Yt);
+	return (0, Y.useEffect)(() => {
 		t?.(e);
 	}, [e]), null;
 };
-function Xt(e) {
-	let t = f(e, { renderError: (e) => (0, Z.jsx)(Yt, { error: e }) });
+function Zt(e) {
+	let t = f(e, { renderError: (e) => (0, X.jsx)(Xt, { error: e }) });
 	return (e) => {
 		let { onLoadError: n, ...r } = e;
-		return (0, Z.jsx)(Jt.Provider, {
+		return (0, X.jsx)(Yt.Provider, {
 			value: n,
-			children: (0, Z.jsx)(X.Suspense, {
+			children: (0, X.jsx)(Y.Suspense, {
 				fallback: null,
-				children: (0, Z.jsx)(t, { ...r })
+				children: (0, X.jsx)(t, { ...r })
 			})
 		});
 	};
 }
-function Zt(e) {
-	let [t, n] = (0, X.useState)(() => /* @__PURE__ */ new Map()), r = (0, X.useRef)(null);
+function Qt(e) {
+	let [t, n] = (0, Y.useState)(() => /* @__PURE__ */ new Map()), r = (0, Y.useRef)(null);
 	r.current === null && (r.current = /* @__PURE__ */ new Map());
-	let { showModal: i, updateModal: a, destroyModal: o, hideModal: s } = qt({ disableAutoDestroy: !0 });
+	let { showModal: i, updateModal: a, destroyModal: o, hideModal: s } = Jt({ disableAutoDestroy: !0 });
 	return (c, l, u, d) => new Promise((f, p) => {
 		let m = !1;
 		u?.disableAutoDestroy !== void 0 && (m = u.disableAutoDestroy, delete (u = { ...u }).disableAutoDestroy);
@@ -2777,7 +2783,7 @@ function Zt(e) {
 		}
 		if (!l) return void p(`Invalid function for window '${c}'`);
 		let v = r.current.get(c);
-		v || (v = Xt(l), r.current.set(c, v));
+		v || (v = Zt(l), r.current.set(c, v));
 		let y = i(v, g, { destroyOnClose: !m });
 		n((e) => (e.set(c, {
 			id: y.id,
@@ -2786,10 +2792,10 @@ function Zt(e) {
 		}), e)), h && f(null);
 	});
 }
-var Qt = (e) => {
-	let { showModal: t } = qt();
+var $t = (e) => {
+	let { showModal: t } = Jt();
 	return (n) => new Promise((r) => {
-		let i = t(W, {
+		let i = t(se, {
 			...e,
 			...n,
 			onOption(e, t, i) {
@@ -2800,12 +2806,12 @@ var Qt = (e) => {
 			}
 		});
 	});
-}, $t = Xt(i("utils-mui:inputDialog", () => import("./dn69mDhY7Xcc91kF.js")).load), en = (e) => {
-	let { showModal: t } = qt();
+}, en = Zt(r("utils-mui:inputDialog", () => import("./VtDou2czLTs_x_lJ.js")).load), tn = (e) => {
+	let { showModal: t } = Jt();
 	return (n) => {
 		let { defaultOption: r = n.options?.[0], cancelOption: i = "Cancel", ...a } = n;
 		return new Promise((n, o) => {
-			let s = t($t, {
+			let s = t(en, {
 				...e,
 				defaultOption: r,
 				cancelOption: i,
@@ -2831,9 +2837,9 @@ var Qt = (e) => {
 			});
 		});
 	};
-}, tn = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { commandKey: n, command: r, disabled: i, shortcut: a, children: o, ...s } = e, [c] = h(n ?? []), l = r ?? c, u = l?.getShortcut();
-	return (0, Z.jsx)(G, {
+}, nn = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { commandKey: n, command: r, disabled: i, shortcut: a, children: o, ...s } = e, [c] = S(n ?? []), l = r ?? c, u = l?.getShortcut();
+	return (0, X.jsx)(U, {
 		ref: t,
 		label: i === void 0 ? "" : l?.getLabel(),
 		shortcut: a === void 0 ? Array.isArray(u) ? u[0] : u : a,
@@ -2841,7 +2847,7 @@ var Qt = (e) => {
 		disabled: i,
 		componentDisabled: l?.disabled(),
 		...s,
-		children: (0, Z.jsx)("div", {
+		children: (0, X.jsx)("div", {
 			style: {
 				display: "flex",
 				flex: "1 1 0%"
@@ -2849,43 +2855,43 @@ var Qt = (e) => {
 			children: o
 		})
 	});
-})), nn = I;
-function rn() {
-	let e = (0, X.useRef)(null);
+})), rn = ee;
+function an() {
+	let e = (0, Y.useRef)(null);
 	return {
-		ripple: (0, X.useMemo)(() => (0, Z.jsx)(nn, {
+		ripple: (0, Y.useMemo)(() => (0, X.jsx)(rn, {
 			ref: e,
 			center: !1
 		}), []),
-		trigger: (0, X.useCallback)(() => {
+		trigger: (0, Y.useCallback)(() => {
 			e.current?.start(void 0, { center: !0 }), setTimeout(() => e.current?.stop(), 180);
 		}, [])
 	};
 }
-var an = (0, Z.jsx)(a, {}), on = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let n, { commandKey: r, command: i, groupKey: o, icon: s, label: c, showLabel: l = !1, disabled: u, variant: d = p.Toolbar, shortcut: f, commandState: m, propsTooltip: g, ..._ } = e, { ripple: v, trigger: b } = rn(), x = (0, X.useMemo)(() => ({ onExecute() {
-		b();
-	} }), [b]), [S] = h(r ?? [], x), C = i ?? S, w = (0, X.useCallback)((e) => {
+var on = (0, X.jsx)(o, {}), sn = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let n, { commandKey: r, command: i, groupKey: a, icon: c, label: l, showLabel: d = !1, disabled: f, variant: p = s.Toolbar, shortcut: m, commandState: h, propsTooltip: g, ..._ } = e, { ripple: v, trigger: y } = an(), b = (0, Y.useMemo)(() => ({ onExecute() {
+		y();
+	} }), [y]), [x] = S(r ?? [], b), C = i ?? x, w = (0, Y.useCallback)((e) => {
 		e.button === 0 && e.preventDefault();
-	}, []), T = (0, X.useCallback)(async (e) => {
-		e.button === 0 && C && await C.execute(m);
-	}, [C, m]), E = (0, X.useCallback)((e) => {
-		e.keyCode !== y.Enter && e.keyCode !== y.Space || C?.execute(m);
-	}, [C, m]), D = u ?? (!C || C.disabled()), O = C?.getState(), k = (0, X.useMemo)(() => {
-		if (s === null) return an;
+	}, []), T = (0, Y.useCallback)(async (e) => {
+		e.button === 0 && C && await C.execute(h);
+	}, [C, h]), E = (0, Y.useCallback)((e) => {
+		e.keyCode !== u.Enter && e.keyCode !== u.Space || C?.execute(h);
+	}, [C, h]), D = f ?? (!C || C.disabled()), O = C?.getState(), k = (0, Y.useMemo)(() => {
+		if (c === null) return on;
 		let e;
-		return e = typeof s == "function" ? C ? s(C) : void 0 : s, e ||= C?.getIcon(o), e ? (typeof e == "string" && (e = (0, Z.jsx)(a, { iconKey: e })), e) : d === p.Toolbar || O ? void 0 : an;
+		return e = typeof c == "function" ? C ? c(C) : void 0 : c, e ||= C?.getIcon(a), e ? (typeof e == "string" && (e = (0, X.jsx)(o, { iconKey: e })), e) : p === s.Toolbar || O ? void 0 : on;
 	}, [
 		C,
-		o,
-		s,
+		a,
+		c,
 		O,
-		d
+		p
 	]), A = {
 		tabIndex: 0,
 		ref: t,
 		selected: !!O,
-		icon: d === p.Toolbar ? l ? Ve(k, c ?? C?.getLabel(o)) : k : (0, Z.jsx)(jt, {
+		icon: p === s.Toolbar ? d ? He(k, l ?? C?.getLabel(a)) : k : (0, X.jsx)(Nt, {
 			selected: O ?? !1,
 			children: k
 		}),
@@ -2895,52 +2901,52 @@ var an = (0, Z.jsx)(a, {}), on = (0, X.memo)((0, X.forwardRef)((e, t) => {
 		onMouseUp: T,
 		onKeyDown: E
 	};
-	return n = d === p.Menuitem ? (0, Z.jsxs)(St, {
+	return n = p === s.Menuitem ? (0, X.jsxs)(wt, {
 		..._,
 		...A,
-		children: [c ?? C?.getLabel(o), v]
-	}) : (0, Z.jsx)(vt, {
+		children: [l ?? C?.getLabel(a), v]
+	}) : (0, X.jsx)(bt, {
 		..._,
 		...A,
 		children: v
-	}), (c || C?.getLabel()) && (D && (n = (0, Z.jsx)("div", { children: n })), n = (0, Z.jsx)(tn, {
+	}), (l || C?.getLabel()) && (D && (n = (0, X.jsx)("div", { children: n })), n = (0, X.jsx)(nn, {
 		commandKey: r,
 		command: i,
 		disabled: D,
-		placement: d === p.Toolbar ? "bottom-start" : "right-start",
-		shortcut: f,
+		placement: p === s.Toolbar ? "bottom-start" : "right-start",
+		shortcut: m,
 		...g,
 		children: n
 	})), n;
 }));
-on.displayName = "CommandButton";
-var sn = (0, Z.jsx)(a, {}), cn = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { commandKey: n, groupKey: r, icon: i, commandState: o, label: s, variant: c = p.Toolbar, disabled: l, parseInput: u, inputProps: d, inputRef: f, ...m } = e, { ripple: g, trigger: _ } = rn(), b = (0, X.useMemo)(() => ({ onExecute() {
+sn.displayName = "CommandButton";
+var cn = (0, X.jsx)(o, {}), ln = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { commandKey: n, groupKey: r, icon: i, commandState: a, label: c, variant: l = s.Toolbar, disabled: d, parseInput: f, inputProps: p, inputRef: m, ...h } = e, { ripple: g, trigger: _ } = an(), v = (0, Y.useMemo)(() => ({ onExecute() {
 		_();
-	} }), [_]), x = h(n ?? [], b)[0], S = () => x?.getState()?.toString() || "", [C, w] = (0, X.useState)(""), T = (0, X.useRef)(S()), E = v(() => {
-		let e = C;
-		if (u) try {
-			e = u(C);
+	} }), [_]), y = S(n ?? [], v)[0], b = () => y?.getState()?.toString() || "", [x, C] = (0, Y.useState)(""), w = (0, Y.useRef)(b()), E = T(() => {
+		let e = x;
+		if (f) try {
+			e = f(x);
 		} catch {
-			w(S());
+			C(b());
 			return;
 		}
-		T.current === C ? w(S()) : (T.current = C, x?.execute(e));
+		w.current === x ? C(b()) : (w.current = x, y?.execute(e));
 	}, [
-		S,
+		b,
+		y,
 		x,
-		C,
-		u
+		f
 	]);
-	(0, X.useEffect)(() => {
-		w(S());
-	}, [x?.getState()]);
-	let D, O = (0, X.useMemo)(() => {
-		if (i === null) return sn;
+	(0, Y.useEffect)(() => {
+		C(b());
+	}, [y?.getState()]);
+	let D, O = (0, Y.useMemo)(() => {
+		if (i === null) return cn;
 		let e;
-		return e = typeof i == "function" ? x ? i(x) : void 0 : i, e ||= x?.getIcon(), e ? (typeof e == "string" && (e = (0, Z.jsx)(a, { iconKey: e })), e) : c === p.Toolbar || x?.getState() ? void 0 : sn;
-	}, [x?.getIcon(), i]), k = (0, X.useMemo)(() => s === void 0 ? x?.getLabel(r) : typeof s == "function" ? s() : s, [s, x?.getLabel(r)]), A = l ?? (!x || x.disabled()), j = (0, X.useMemo)(() => (0, Z.jsx)(L, {
-		...m,
+		return e = typeof i == "function" ? y ? i(y) : void 0 : i, e ||= y?.getIcon(), e ? (typeof e == "string" && (e = (0, X.jsx)(o, { iconKey: e })), e) : l === s.Toolbar || y?.getState() ? void 0 : cn;
+	}, [y?.getIcon(), i]), k = (0, Y.useMemo)(() => c === void 0 ? y?.getLabel(r) : typeof c == "function" ? c() : c, [c, y?.getLabel(r)]), A = d ?? (!y || y.disabled()), j = (0, Y.useMemo)(() => (0, X.jsx)(L, {
+		...h,
 		sx: {
 			paddingTop: "0px",
 			paddingBottom: "0px"
@@ -2954,14 +2960,14 @@ var sn = (0, Z.jsx)(a, {}), cn = (0, X.memo)((0, X.forwardRef)((e, t) => {
 		onMouseUp: (e) => {
 			e.button === 0 && e.stopPropagation();
 		},
-		children: (0, Z.jsx)(de, {
+		children: (0, X.jsx)(pe, {
 			disabled: A,
-			inputRef: f,
+			inputRef: m,
 			inputProps: {
 				tabIndex: 0,
-				name: `input-${x?.getKey()}`,
+				name: `input-${y?.getKey()}`,
 				autoComplete: "off",
-				...d
+				...p
 			},
 			sx: {
 				paddingTop: "0px",
@@ -2981,18 +2987,18 @@ var sn = (0, Z.jsx)(a, {}), cn = (0, X.memo)((0, X.forwardRef)((e, t) => {
 				},
 				minHeight: "24px"
 			},
-			value: C,
+			value: x,
 			onFocus: (e) => {
 				e.target?.select();
 			},
 			onKeyDown: (e) => {
-				if (e.which === y.Enter) S() !== C && (e.stopPropagation(), e.preventDefault(), E());
-				else if (e.which === y.Escape) S() !== C && (w(S()), setTimeout(() => {
+				if (e.which === u.Enter) b() !== x && (e.stopPropagation(), e.preventDefault(), E());
+				else if (e.which === u.Escape) b() !== x && (C(b()), setTimeout(() => {
 					e.target?.select();
 				}, 0), e.stopPropagation(), e.preventDefault());
 				else {
-					if (e.key.match("[-]") || e.key.match("[0-9.]") && (C + e.key).length > 4) return e.stopPropagation(), void e.preventDefault();
-					if (e.which === y.Space) return void e.preventDefault();
+					if (e.key.match("[-]") || e.key.match("[0-9.]") && (x + e.key).length > 4) return e.stopPropagation(), void e.preventDefault();
+					if (e.which === u.Space) return void e.preventDefault();
 				}
 			},
 			onBlur: () => {
@@ -3000,20 +3006,20 @@ var sn = (0, Z.jsx)(a, {}), cn = (0, X.memo)((0, X.forwardRef)((e, t) => {
 			},
 			onChange: (e) => {
 				if (e.target.value.length > 4) return e.stopPropagation(), void e.preventDefault();
-				w(e.target.value);
+				C(e.target.value);
 			}
 		})
 	}), [
-		C,
+		x,
 		A,
-		d,
-		f
+		p,
+		m
 	]), M = {
 		tabIndex: 0,
 		ref: t,
 		icon: O,
 		disableRipple: !0,
-		disabled: l || !x || x.disabled(),
+		disabled: d || !y || y.disabled(),
 		onMouseDown: (e) => {
 			e.button === 0 && e.preventDefault();
 		},
@@ -3021,72 +3027,72 @@ var sn = (0, Z.jsx)(a, {}), cn = (0, X.memo)((0, X.forwardRef)((e, t) => {
 			e.button !== 0 || e.isPropagationStopped() || e.isDefaultPrevented() || e.isDefaultPrevented() || (e.preventDefault(), E());
 		},
 		onKeyDown: (e) => {
-			e.keyCode !== y.Enter && e.keyCode !== y.Tab || E();
+			e.keyCode !== u.Enter && e.keyCode !== u.Tab || E();
 		}
 	};
-	return D = c === p.Menuitem ? (0, Z.jsxs)(St, {
-		...m,
+	return D = l === s.Menuitem ? (0, X.jsxs)(wt, {
+		...h,
 		...M,
 		children: [
 			k,
 			j,
 			g
 		]
-	}) : (0, Z.jsx)(vt, {
-		...m,
+	}) : (0, X.jsx)(bt, {
+		...h,
 		...M,
 		children: g
-	}), x?.getLabel() && ((x.disabled() || l) && (D = (0, Z.jsx)("div", { children: D })), D = (0, Z.jsx)(tn, {
+	}), y?.getLabel() && ((y.disabled() || d) && (D = (0, X.jsx)("div", { children: D })), D = (0, X.jsx)(nn, {
 		commandKey: n,
-		placement: c === p.Toolbar ? "bottom-start" : "right-start",
+		placement: l === s.Toolbar ? "bottom-start" : "right-start",
 		children: D
 	})), D;
-})), ln = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { variant: n = p.Toolbar, quickCommand: r, onQuickClick: i, commandState: o, disabled: s, label: c, icon: l, createPopupPanel: u, tooltip: d, selected: f, groupKey: m, ...g } = e, { ripple: _, trigger: y } = rn(), b = (0, X.useMemo)(() => ({ onExecute() {
-		y();
-	} }), [y]), [x] = h(r ?? [], b), { label: S, icon: C } = (0, X.useMemo)(() => {
+})), un = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { variant: n = s.Toolbar, quickCommand: r, onQuickClick: i, commandState: a, disabled: c, label: l, icon: u, createPopupPanel: d, tooltip: f, selected: p, groupKey: m, ...h } = e, { ripple: g, trigger: _ } = an(), v = (0, Y.useMemo)(() => ({ onExecute() {
+		_();
+	} }), [_]), [y] = S(r ?? [], v), { label: b, icon: x } = (0, Y.useMemo)(() => {
 		let e = null;
-		c && (e = typeof c == "function" ? x ? c(x) : null : c), e ||= x?.getLabel?.(m);
-		let t = l;
-		return t ||= x?.getIcon?.(m), typeof t == "string" ? t = (0, Z.jsx)(a, { iconKey: t }) : typeof t == "function" && (t = x ? t(x) : void 0), {
+		l && (e = typeof l == "function" ? y ? l(y) : null : l), e ||= y?.getLabel?.(m);
+		let t = u;
+		return t ||= y?.getIcon?.(m), typeof t == "string" ? t = (0, X.jsx)(o, { iconKey: t }) : typeof t == "function" && (t = y ? t(y) : void 0), {
 			label: e,
 			icon: t
 		};
 	}, [
-		x,
-		c,
-		l
-	]), w = {
-		disabled: s || !(x || !r),
-		ripple: _,
+		y,
+		l,
+		u
+	]), C = {
+		disabled: c || !(y || !r),
+		ripple: g,
 		onQuickClick: i,
-		tooltip: d,
-		label: S,
-		icon: C
+		tooltip: f,
+		label: b,
+		icon: x
 	};
-	(S || d) && (w.createTooltip = ({ children: e }, t) => (0, Z.jsx)(G, {
-		label: S,
-		description: d,
+	(b || f) && (C.createTooltip = ({ children: e }, t) => (0, X.jsx)(U, {
+		label: b,
+		description: f,
 		disabled: t,
 		children: e
 	}));
-	let T = v((e) => u?.(e), [u]), E = v((e) => x?.execute(o), [x]);
-	return x ? (w.propsQuickButton = {}, w.propsQuickButton.createTooltip = ({ children: e, placement: t }, i) => (0, Z.jsx)(tn, {
+	let w = T((e) => d?.(e), [d]), E = T((e) => y?.execute(a), [y]);
+	return y ? (C.propsQuickButton = {}, C.propsQuickButton.createTooltip = ({ children: e, placement: t }, i) => (0, X.jsx)(nn, {
 		commandKey: r,
-		placement: t ?? n === p.Toolbar ? "bottom-start" : "right-start",
+		placement: t ?? n === s.Toolbar ? "bottom-start" : "right-start",
 		disabled: i,
 		children: e
-	}), w.disabled = w.disabled ?? x?.disabled(), i || (w.onQuickClick = E)) : r && (w.onQuickClick = () => {}), w.selected = f ?? x?.getState(), w.createPopupPanel = T, n === p.Toolbar ? (0, Z.jsx)(wt, {
-		...g,
-		...w,
+	}), C.disabled = C.disabled ?? y?.disabled(), i || (C.onQuickClick = E)) : r && (C.onQuickClick = () => {}), C.selected = p ?? y?.getState(), C.createPopupPanel = w, n === s.Toolbar ? (0, X.jsx)(Et, {
+		...h,
+		...C,
 		ref: t
-	}) : (0, Z.jsx)(Dt, {
-		...g,
-		...w,
+	}) : (0, X.jsx)(kt, {
+		...h,
+		...C,
 		ref: t
 	});
 }));
-function un(e, t = {}) {
+function dn(e, t = {}) {
 	let { variant: n, dividerOrientation: r = "vertical", groupKey: i, commandState: a, propsCommandButton: o, propsCommandPopup: s, registry: c } = t, l = { ...o };
 	n !== void 0 && (l.variant = n);
 	let u = { ...s };
@@ -3101,10 +3107,10 @@ function un(e, t = {}) {
 			icon: n?.getIcon?.(i),
 			showLabel: n?.showLabel
 		};
-		return (n?.render ? n.render(r, i) : (0, Z.jsx)(on, { ...r })) ?? null;
+		return (n?.render ? n.render(r, i) : (0, X.jsx)(sn, { ...r })) ?? null;
 	}, f = (e) => {
 		let t = typeof e == "string" ? e : e.key, n = typeof e == "string" ? void 0 : e;
-		if (!t) return ((e) => Array.isArray(e.members) ? e.render ? e.render({ ...u }, void 0) ?? null : (0, Z.jsx)(dn, {
+		if (!t) return ((e) => Array.isArray(e.members) ? e.render ? e.render({ ...u }, void 0) ?? null : (0, X.jsx)(fn, {
 			...u,
 			members: e.members,
 			icon: e.getIcon?.(),
@@ -3113,7 +3119,7 @@ function un(e, t = {}) {
 		}) : (e.render ? e.render({ ...u }, i) : null) ?? null)(e);
 		let r = c?.get(t) ?? null;
 		return r ? ((e, t, n) => {
-			if (Array.isArray(e.members)) return e.render ? e.render({ ...u }, t) ?? null : (0, Z.jsx)(dn, {
+			if (Array.isArray(e.members)) return e.render ? e.render({ ...u }, t) ?? null : (0, X.jsx)(fn, {
 				...u,
 				groupKey: t,
 				icon: n?.getIcon?.(t),
@@ -3135,87 +3141,87 @@ function un(e, t = {}) {
 			continue;
 		}
 		let n = f(t);
-		n && (h &&= (p.push((0, Z.jsx)(qe, { orientation: r }, "member-" + m++)), !1), p.push((0, X.cloneElement)(n, { key: "member-" + m++ })), g = !0);
+		n && (h &&= (p.push((0, X.jsx)(Je, { orientation: r }, "member-" + m++)), !1), p.push((0, Y.cloneElement)(n, { key: "member-" + m++ })), g = !0);
 	}
 	return p;
 }
-ln.displayName = "CommandPopupButton";
-var dn = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { groupKey: n, members: r, registry: i, quickCommand: a, icon: o, label: s, showLabel: c, tooltip: u, commandState: d, disabled: f, ...m } = e, g = l(), _ = i ?? g, v = !r && n ? _.get(n) : null, y = v && Array.isArray(v.members) ? v : null, b = (0, X.useMemo)(() => r ?? (n ? _.resolveMembers(n) : null) ?? null, [
+un.displayName = "CommandPopupButton";
+var fn = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { groupKey: n, members: r, registry: i, quickCommand: a, icon: o, label: c, showLabel: l, tooltip: u, commandState: f, disabled: p, ...m } = e, h = d(), g = i ?? h, _ = !r && n ? g.get(n) : null, v = _ && Array.isArray(_.members) ? _ : null, y = (0, Y.useMemo)(() => r ?? (n ? g.resolveMembers(n) : null) ?? null, [
 		r,
 		n,
-		_
-	]), x = n, S = a ?? y?.defaultKey, C = o ?? y?.getIcon?.(x), w = s ?? y?.getLabel?.(x), T = c ?? y?.showLabel, E = u ?? y?.getDescription?.(x), D = (0, X.useMemo)(() => {
-		let e = [], t = b ?? [];
+		g
+	]), b = n, x = a ?? v?.defaultKey, C = o ?? v?.getIcon?.(b), w = c ?? v?.getLabel?.(b), T = l ?? v?.showLabel, E = u ?? v?.getDescription?.(b), D = (0, Y.useMemo)(() => {
+		let e = [], t = y ?? [];
 		for (let n = 0; n < t.length; n++) {
 			let r = t[n];
 			r && r !== "-" && (typeof r == "string" ? e.push(r) : r.key && e.push(r.key));
 		}
 		return e;
-	}, [b]), O = h(S ? [S, ...D] : D), k = (0, X.useMemo)(() => {
+	}, [y]), O = S(x ? [x, ...D] : D), k = (0, Y.useMemo)(() => {
 		for (let e = 0; e < O.length; e++) {
 			let t = O[e];
 			if (t && !t.disabled()) return !1;
 		}
 		return !0;
-	}, [O]), A = (0, X.useCallback)((e) => {
+	}, [O]), A = (0, Y.useCallback)((e) => {
 		let t = {};
-		f !== void 0 && (t.disabled = f);
-		let n = un(b, {
-			variant: p.Menuitem,
+		p !== void 0 && (t.disabled = p);
+		let n = dn(y, {
+			variant: s.Menuitem,
 			dividerOrientation: "horizontal",
-			groupKey: x,
-			commandState: d,
+			groupKey: b,
+			commandState: f,
 			propsCommandButton: t,
 			propsCommandPopup: t,
-			registry: _
+			registry: g
 		});
-		return ct({
+		return ut({
 			...e,
 			children: n
 		});
 	}, [
+		y,
+		g,
 		b,
-		_,
-		x,
-		d,
-		f
+		f,
+		p
 	]);
-	return b ? (0, Z.jsx)(ln, {
+	return y ? (0, X.jsx)(un, {
 		ref: t,
-		quickCommand: S,
+		quickCommand: x,
 		icon: C,
 		label: w,
 		showLabel: T,
 		tooltip: E,
-		commandState: d,
-		disabled: f ?? k,
+		commandState: f,
+		disabled: p ?? k,
 		createPopupPanel: A,
 		...m
 	}) : null;
 }));
-dn.displayName = "CommandGroup";
-var fn = (0, Z.jsx)(a, { iconKey: "Check" }), pn = (e) => {
-	let { commandKey: t, label: n, groupKey: r, icon: i, sx: o, ...s } = e, [c] = h(t ?? []), l = (0, X.useMemo)(() => {
+fn.displayName = "CommandGroup";
+var pn = (0, X.jsx)(o, { iconKey: "Check" }), mn = (e) => {
+	let { commandKey: t, label: n, groupKey: r, icon: i, sx: a, ...s } = e, [c] = S(t ?? []), l = (0, Y.useMemo)(() => {
 		if (i !== void 0) return i;
 		let e = c?.getIcon(r);
-		return e ? (typeof e == "string" && (e = (0, Z.jsx)(a, { iconKey: e })), e) : fn;
+		return e ? (typeof e == "string" && (e = (0, X.jsx)(o, { iconKey: e })), e) : pn;
 	}, [
 		i,
 		r,
 		c
 	]);
-	return (0, Z.jsxs)(A, {
+	return (0, X.jsxs)(j, {
 		sx: {
 			display: "flex",
 			flexDirection: "row",
 			textTransform: "none",
 			alignItems: "center",
 			fontSize: (e) => e.typography.subtitle2.fontSize,
-			...o
+			...a
 		},
 		...s,
-		children: [l, (0, Z.jsx)(K, {
+		children: [l, (0, X.jsx)(W, {
 			component: "div",
 			sx: {
 				whiteSpace: "nowrap",
@@ -3227,33 +3233,33 @@ var fn = (0, Z.jsx)(a, { iconKey: "Check" }), pn = (e) => {
 			children: n ?? c?.getLabel(r)
 		})]
 	});
-}, mn = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { sx: n, propsCommandButton: r, parentFloat: i, groupKey: a, members: c, registry: u, renderToolbarPalette: d, children: f, ...p } = e, m = l(), h = u ?? m, g = (0, X.useMemo)(() => c ?? (a ? h.resolveMembers(a) : null) ?? null, [
-		c,
+}, hn = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { sx: n, propsCommandButton: r, parentFloat: i, groupKey: a, members: o, registry: s, renderToolbarPalette: c, children: f, ...m } = e, h = d(), g = s ?? h, _ = (0, Y.useMemo)(() => o ?? (a ? g.resolveMembers(a) : null) ?? null, [
+		o,
 		a,
-		h,
-		h.getVersion()
-	]), b = _(t, () => ({}), []), [x, C] = (0, X.useState)(null), { reference: w } = s({
+		g,
+		g.getVersion()
+	]), v = l(t, () => ({}), []), [y, x] = (0, Y.useState)(null), { reference: S } = b({
 		label: "toolbar",
-		anchor: b.current,
+		anchor: v.current,
 		parentFloat: i,
 		createPopupPanel: null
-	}), T = v(() => {
-		let e = x;
+	}), w = T(() => {
+		let e = y;
 		e && requestAnimationFrame(() => {
-			b.current?.contains(document.activeElement) && e.focus();
+			v.current?.contains(document.activeElement) && e.focus();
 		});
-	}, [x]), E = (0, X.useMemo)(() => ({
+	}, [y]), E = (0, Y.useMemo)(() => ({
 		dense: !0,
 		outlined: !1
-	}), []), D = (0, X.useMemo)(() => ({ ...r || {} }), [r]), O = (0, X.useMemo)(() => ({
+	}), []), D = (0, Y.useMemo)(() => ({ ...r || {} }), [r]), O = (0, Y.useMemo)(() => ({
 		...E,
 		...D
-	}), [E, D]), k = (0, X.useMemo)(() => ({ ...D }), [O, r]), A = 0;
+	}), [E, D]), k = (0, Y.useMemo)(() => ({ ...D }), [O, r]), A = 0;
 	E.dense || (A += 2), E.outlined && A++;
 	let j = 2;
 	E.dense || (j = 4);
-	let M = (0, X.useMemo)(() => {
+	let M = (0, Y.useMemo)(() => {
 		let e = {
 			propsCommandButton: O,
 			propsCommandPopup: {
@@ -3261,23 +3267,23 @@ var fn = (0, Z.jsx)(a, { iconKey: "Check" }), pn = (e) => {
 				...r
 			}
 		};
-		return d ? d(e) : g ? (0, Z.jsx)(Nt, { children: un(g, {
+		return c ? c(e) : _ ? (0, X.jsx)(Ft, { children: dn(_, {
 			dividerOrientation: "vertical",
 			groupKey: a,
 			propsCommandButton: e.propsCommandButton,
 			propsCommandPopup: e.propsCommandPopup,
-			registry: h
+			registry: g
 		}) }) : null;
 	}, [
 		O,
 		k,
 		r,
-		d,
-		g,
+		c,
+		_,
 		a,
-		h
+		g
 	]);
-	return (0, Z.jsx)(ze, {
+	return (0, X.jsx)(Be, {
 		variant: "dense",
 		sx: {
 			minHeight: "unset",
@@ -3294,19 +3300,19 @@ var fn = (0, Z.jsx)(a, { iconKey: "Check" }), pn = (e) => {
 			overflow: "hidden",
 			...n
 		},
-		ref: b,
+		ref: v,
 		onFocus: (e) => {
-			e.relatedTarget && !x && C(e.relatedTarget);
+			e.relatedTarget && !y && x(e.relatedTarget);
 		},
 		onBlur: (e) => {
-			x && !b?.current?.contains(e.relatedTarget) && C(null);
+			y && !v?.current?.contains(e.relatedTarget) && x(null);
 		},
 		onKeyDown: (e) => {
-			x && e.which === y.Escape && x.focus();
+			y && e.which === u.Escape && y.focus();
 		},
-		...p,
-		children: (0, Z.jsx)("div", {
-			ref: b,
+		...m,
+		children: (0, X.jsx)("div", {
+			ref: v,
 			style: {
 				flex: "1 1 100%",
 				display: "flex",
@@ -3316,49 +3322,49 @@ var fn = (0, Z.jsx)(a, { iconKey: "Check" }), pn = (e) => {
 				alignItems: "center",
 				maxWidth: "100%"
 			},
-			children: (0, Z.jsx)(S, {
-				value: w,
-				children: (0, Z.jsx)(o, {
-					value: T,
+			children: (0, X.jsx)(p, {
+				value: S,
+				children: (0, X.jsx)(C, {
+					value: w,
 					children: M
 				})
 			})
 		})
 	});
 }));
-mn.displayName = "CommandToolbar";
-var hn = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { groupKey: n, members: r, registry: i, projectAs: a = "quick", defaultIcon: o, ...s } = e, c = l(), u = i ?? c, d = (0, X.useMemo)(() => r ?? (n ? u.resolveMembers(n) : null) ?? null, [
+hn.displayName = "CommandToolbar";
+var gn = (0, Y.memo)((0, Y.forwardRef)((e, t) => {
+	let { groupKey: n, members: r, registry: i, projectAs: a = "quick", defaultIcon: o, ...s } = e, c = d(), l = i ?? c, u = (0, Y.useMemo)(() => r ?? (n ? l.resolveMembers(n) : null) ?? null, [
 		r,
 		n,
-		u
-	]), f = (0, X.useMemo)(() => {
-		let e = [], t = d ?? [];
+		l
+	]), f = (0, Y.useMemo)(() => {
+		let e = [], t = u ?? [];
 		for (let n = 0; n < t.length; n++) {
 			let r = t[n];
 			r && r !== "-" && (typeof r == "string" ? e.push(r) : r.key && e.push(r.key));
 		}
 		return e;
-	}, [d]), p = h(f), m = null, g = null;
+	}, [u]), p = S(f), m = null, h = null;
 	for (let e = 0; !m && e < p.length; e++) {
 		let t = p[e];
-		t && !t.disabled() && t.getState() && (m = f[e], g = t.getIcon());
+		t && !t.disabled() && t.getState() && (m = f[e], h = t.getIcon());
 	}
-	let _ = a === "icon" ? {
-		icon: g ?? o,
+	let g = a === "icon" ? {
+		icon: h ?? o,
 		quickCommand: void 0
 	} : {
 		quickCommand: m ?? f[0],
 		icon: void 0
 	};
-	return (0, Z.jsx)(dn, {
+	return (0, X.jsx)(fn, {
 		ref: t,
 		groupKey: n,
 		members: r,
-		registry: u,
+		registry: l,
 		...s,
-		..._
+		...g
 	});
 }));
-hn.displayName = "ToggleGroupButton";
-export { St as A, Ie as B, qe as C, dn as D, Ct as E, un as F, Dt as I, Be as L, tn as M, ft as N, mn as O, hn as P, Ot as R, wt as S, vt as T, Pe as V, ot as _, Ue as a, bt as b, rt as c, st as d, Ye as f, Qt as g, Qe as h, Ze as i, it as j, ht as k, en as l, Zt as m, cn as n, $e as o, jt as p, Ke as r, Xt as s, ct as t, Ut as u, on as v, Ge as w, ln as x, pn as y, qt as z };
+gn.displayName = "ToggleGroupButton";
+export { dn as A, kt as B, St as C, Je as D, mt as E, hn as F, Fe as H, _t as I, un as L, at as M, tn as N, Ke as O, fn as P, bt as R, ut as S, Tt as T, Le as V, ct as _, Nt as a, gn as b, et as c, Wt as d, sn as f, Qt as g, $e as h, Jt as i, mn as j, wt as k, nn as l, Zt as m, qe as n, We as o, Xe as p, Qe as r, $t as s, lt as t, it as u, st as v, Et as w, ln as x, At as y, Ve as z };