@sheetxl/studio-vanilla 0.8.0-beta.3 → 0.8.0-beta.5

package/cdn/assets/{mI8tvfP8ed2Zerre.js → Bp_LNXqn6oIX3Fid.js}

@@ -1,24 +1,24 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.3
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.5
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { r as e } from "./CVbPAnmNN3TxMkq4.js";
-import { t } from "./CYFmWcVbnUCDPJ8m.js";
-import { t as n } from "./BUeKY15yUtNX2nYg.js";
-import { _ as r, c as i, z as a } from "./DB_I2ygTnDxYiYyc2.js";
-import { r as o } from "./CwGEi_5ErUTrkWRj.js";
-import { $t as s, Ct as c, Et as l, J as u, Mt as d, Wt as f, Y as p, an as m, bt as h, c as g, en as _, ft as v, h as y, m as b, n as x, nn as S, ot as C, p as w, t as T, tn as E, tt as D, xt as O, z as k } from "./DW3_Jr-4VdZZqNEg.js";
-import { t as A } from "./CmRLwDXiK3woZrVI.js";
-import { D as j, Dt as M, Et as N, F as P, I as F, L as I, N as L, R as ee, V as R, _ as z, _t as B, a as V, c as te, ct as H, dt as ne, et as U, f as re, h as W, lt as G, m as K, n as ie, nt as q, o as ae, ot as oe, p as se, r as ce, s as J, st as le, ut as Y, v as ue, xt as de } from "./CcXDdl0SsmyEFtmU.js";
-import { h as fe, p as pe, w as me } from "./PLFw1pLjdLQLrlB0.js";
-import { t as he } from "./BLpNuslYLGia3h9t2.js";
+import { r as e } from "./CYsJALdAfHsvSsfO.js";
+import { t } from "./CxYIPOzcP70mE8ty.js";
+import { t as n } from "./BtC1CaZjkCNKOB_x.js";
+import { I as r, N as i, p as a } from "./I6hoqlf8ReojOl6S2.js";
+import { r as o } from "./DeBFiQAoGIJi-RTE.js";
+import { B as s, G as c, Jt as l, R as u, Tt as d, U as f, V as p, X as m, Yt as h, _t as g, c as _, ct as v, ft as y, h as b, jt as x, kt as S, m as C, n as w, ot as T, p as E, t as D, wt as O, yt as k } from "./QZtjqpJrLQtNbNwq.js";
+import { D as A, Dt as j, Et as M, F as N, I as P, L as F, N as I, R as L, V as R, _ as z, _t as B, a as ee, c as V, ct as H, dt as te, et as U, f as ne, h as W, lt as G, m as re, n as K, nt as q, o as ie, ot as ae, p as oe, r as se, s as J, st as ce, ut as Y, v as le, xt as ue } from "./DJXeHGaPVXVYlPh4.js";
+import { h as de, p as fe, w as pe } from "./D9LRNXQqJCBaGu0Z.js";
+import { t as me } from "./BmDHD3gIBb1ZRHAi2.js";
+import { Et as he } from "./DMPnZEIYOsBo9meY2.js";
 var X = e(t(), 1), Z = n();
 function ge(e) {
-	return b("MuiListItemButton", e);
+	return C("MuiListItemButton", e);
 }
-var _e = w("MuiListItemButton", [
+var _e = E("MuiListItemButton", [
 	"root",
 	"focusVisible",
 	"dense",
@@ -29,9 +29,9 @@ var _e = w("MuiListItemButton", [
 	"selected"
 ]);
 function ve(e) {
-	return b("MuiLinearProgress", e);
+	return C("MuiLinearProgress", e);
 }
-w("MuiLinearProgress", [
+E("MuiLinearProgress", [
 	"root",
 	"colorPrimary",
 	"colorSecondary",
@@ -44,7 +44,7 @@ w("MuiLinearProgress", [
 	"bar1",
 	"bar2"
 ]);
-var ye = {}, be = M`
+var ye = {}, be = j`
   0% {
     left: -35%;
     right: 100%;
@@ -59,9 +59,9 @@ var ye = {}, be = M`
     left: 100%;
     right: -90%;
   }
-`, xe = typeof be == "string" ? null : N`
+`, xe = typeof be == "string" ? null : M`
         animation: ${be} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-      `, Se = M`
+      `, Se = j`
   0% {
     left: -200%;
     right: 100%;
@@ -76,9 +76,9 @@ var ye = {}, be = M`
     left: 107%;
     right: -8%;
   }
-`, Ce = typeof Se == "string" ? null : N`
+`, Ce = typeof Se == "string" ? null : M`
         animation: ${Se} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
-      `, we = M`
+      `, we = j`
   0% {
     opacity: 1;
     background-position: 0 -23px;
@@ -93,7 +93,7 @@ var ye = {}, be = M`
     opacity: 1;
     background-position: -200px -23px;
   }
-`, Te = typeof we == "string" ? null : N`
+`, Te = typeof we == "string" ? null : M`
         animation: ${we} 3s infinite linear;
       `, Ee = (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), De = Y("span", {
 	name: "MuiLinearProgress",
@@ -102,7 +102,7 @@ var ye = {}, be = M`
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			t[`color${le(n.color)}`],
+			t[`color${ce(n.color)}`],
 			t[n.variant]
 		];
 	}
@@ -114,7 +114,7 @@ var ye = {}, be = M`
 	zIndex: 0,
 	"@media print": { colorAdjust: "exact" },
 	variants: [
-		...Object.entries(e.palette).filter(F()).map(([t]) => ({
+		...Object.entries(e.palette).filter(P()).map(([t]) => ({
 			props: { color: t },
 			style: { backgroundColor: Ee(e, t) }
 		})),
@@ -156,7 +156,7 @@ var ye = {}, be = M`
 			opacity: .3,
 			backgroundImage: "radial-gradient(currentColor 0%, currentColor 16%, transparent 42%)"
 		}
-	}, ...Object.entries(e.palette).filter(F()).map(([t]) => {
+	}, ...Object.entries(e.palette).filter(P()).map(([t]) => {
 		let n = Ee(e, t);
 		return {
 			props: { color: t },
@@ -190,7 +190,7 @@ var ye = {}, be = M`
 				props: { color: "inherit" },
 				style: { backgroundColor: "currentColor" }
 			},
-			...Object.entries(e.palette).filter(F()).map(([t]) => ({
+			...Object.entries(e.palette).filter(P()).map(([t]) => ({
 				props: { color: t },
 				style: { backgroundColor: (e.vars || e).palette[t].main }
 			})),
@@ -246,7 +246,7 @@ var ye = {}, be = M`
 		}),
 		transformOrigin: "left",
 		variants: [
-			...Object.entries(e.palette).filter(F()).map(([t]) => ({
+			...Object.entries(e.palette).filter(P()).map(([t]) => ({
 				props: { color: t },
 				style: { "--LinearProgressBar2-barColor": (e.vars || e).palette[t].main }
 			})),
@@ -262,7 +262,7 @@ var ye = {}, be = M`
 				props: { color: "inherit" },
 				style: { opacity: .3 }
 			},
-			...Object.entries(e.palette).filter(F()).map(([t]) => ({
+			...Object.entries(e.palette).filter(P()).map(([t]) => ({
 				props: {
 					color: t,
 					variant: "buffer"
@@ -302,7 +302,7 @@ var ye = {}, be = M`
 		return B({
 			root: [
 				"root",
-				`color${le(r)}`,
+				`color${ce(r)}`,
 				n
 			],
 			dashed: ["dashed"],
@@ -310,10 +310,10 @@ var ye = {}, be = M`
 			bar2: [
 				"bar",
 				"bar2",
-				n === "buffer" && `color${le(r)}`
+				n === "buffer" && `color${ce(r)}`
 			]
 		}, ve, t);
-	})(d), h = de(), g = {}, _ = {
+	})(d), h = ue(), g = {}, _ = {
 		bar1: {},
 		bar2: {}
 	};
@@ -326,7 +326,7 @@ var ye = {}, be = M`
 		h && (t = -t), _.bar2.transform = e > 0 ? `translateX(${t}%)` : "translateX(-100%)";
 	}
 	return (0, Z.jsxs)(De, {
-		className: y(m.root, r),
+		className: b(m.root, r),
 		ownerState: d,
 		role: "progressbar",
 		...g,
@@ -349,8 +349,8 @@ var ye = {}, be = M`
 			})
 		]
 	});
-}), Me = Y(I, {
-	shouldForwardProp: (e) => ne(e) || e === "classes",
+}), Me = Y(F, {
+	shouldForwardProp: (e) => te(e) || e === "classes",
 	name: "MuiListItemButton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -422,7 +422,7 @@ var ye = {}, be = M`
 	let n = H({
 		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(pe), 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 = X.useContext(fe), h = X.useMemo(() => ({
 		dense: s || m.dense || !1,
 		alignItems: r,
 		disableGutters: c
@@ -432,7 +432,7 @@ var ye = {}, be = M`
 		s,
 		c
 	]), g = X.useRef(null);
-	me(() => {
+	pe(() => {
 		i && g.current && g.current.focus();
 	}, [i]);
 	let _ = {
@@ -456,17 +456,17 @@ var ye = {}, be = M`
 			...n,
 			...c
 		};
-	})(_), { root: b, ...x } = v, S = oe(g, t);
-	return (0, Z.jsx)(pe.Provider, {
+	})(_), { root: y, ...x } = v, S = ae(g, t);
+	return (0, Z.jsx)(fe.Provider, {
 		value: h,
 		children: (0, Z.jsx)(Me, {
 			ref: S,
 			href: p.href || p.to,
 			component: (p.href || p.to) && a === "div" ? "button" : a,
 			internalNativeButton: !1,
-			focusVisibleClassName: y(v.focusVisible, u),
+			focusVisibleClassName: b(v.focusVisible, u),
 			ownerState: _,
-			className: y(v.root, f),
+			className: b(v.root, f),
 			...p,
 			classes: x,
 			children: o
@@ -492,24 +492,24 @@ var ye = {}, be = M`
 	let n = H({
 		props: e,
 		name: "MuiListItemIcon"
-	}), { className: r, ...i } = n, a = X.useContext(pe), o = {
+	}), { className: r, ...i } = n, a = X.useContext(fe), o = {
 		...n,
 		alignItems: a.alignItems
 	}, s = ((e) => {
 		let { alignItems: t, classes: n } = e;
-		return B({ root: ["root", t === "flex-start" && "alignItemsFlexStart"] }, he, n);
+		return B({ root: ["root", t === "flex-start" && "alignItemsFlexStart"] }, me, n);
 	})(o);
 	return (0, Z.jsx)(Pe, {
-		className: y(s.root, r),
+		className: b(s.root, r),
 		ownerState: o,
 		ref: t,
 		...i
 	});
 });
 function Ie(e) {
-	return b("MuiToolbar", e);
+	return C("MuiToolbar", e);
 }
-w("MuiToolbar", [
+E("MuiToolbar", [
 	"root",
 	"gutters",
 	"regular",
@@ -570,7 +570,7 @@ var Le = Y("div", {
 	})(c);
 	return (0, Z.jsx)(Le, {
 		as: i,
-		className: y(l.root, r),
+		className: b(l.root, r),
 		ref: t,
 		ownerState: c,
 		...s
@@ -595,12 +595,12 @@ var ze = {
 	paddingRight: (e) => e.spacing(.25)
 };
 function Be(e, t) {
-	let n = t != null && !1 !== t && t !== "" ? (0, Z.jsx)(L, {
+	let n = t != null && !1 !== t && t !== "" ? (0, Z.jsx)(I, {
 		component: "div",
 		sx: ze,
 		children: t
 	}) : null;
-	return e && n ? (0, Z.jsxs)(T, {
+	return e && n ? (0, Z.jsxs)(D, {
 		sx: {
 			display: "flex",
 			alignItems: "center"
@@ -609,16 +609,16 @@ function Be(e, t) {
 	}) : e ?? n ?? void 0;
 }
 var Ve = ({ isHorizontal: e, isBefore: t }) => {
-	let n = _();
+	let n = d();
 	return (0, Z.jsx)(Z.Fragment, t ? { children: n(e ? "scroll.edgeLeft" : "scroll.edgeTop") } : { children: n(e ? "scroll.edgeRight" : "scroll.edgeBottom") });
 }, He = (e) => {
-	let t = S({
+	let t = p({
 		style: { cursor: "pointer" },
 		...e
 	});
-	return e.isBefore !== void 0 && !e.disabled && (t = (0, Z.jsx)(re, {
+	return e.isBefore !== void 0 && !e.disabled && (t = (0, Z.jsx)(ne, {
 		title: (0, Z.jsx)(Ve, {
-			isHorizontal: e.orientation === c.Horizontal,
+			isHorizontal: e.orientation === k.Horizontal,
 			isBefore: e.isBefore
 		}),
 		enterDelay: 800,
@@ -629,7 +629,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 		}) : t
 	})), t;
 }, Ue = (e, t, n, r) => {
-	let { style: i, ...a } = e, o = (0, Z.jsx)(P, {
+	let { style: i, ...a } = e, o = (0, Z.jsx)(N, {
 		component: "div",
 		...a,
 		style: {
@@ -642,7 +642,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 		size: "small",
 		children: t
 	});
-	return (0, Z.jsx)(re, {
+	return (0, Z.jsx)(ne, {
 		title: e.disabled ? n : r,
 		enterDelay: 800,
 		enterNextDelay: 1600,
@@ -651,21 +651,21 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 			children: o
 		}) : o
 	});
-}, We = (e) => Ue(e, c.Horizontal ? (0, Z.jsx)(o, {
+}, We = (e) => Ue(e, k.Horizontal ? (0, Z.jsx)(o, {
 	iconKey: "ArrowLeft",
 	size: "small"
 }) : (0, Z.jsx)(o, {
 	iconKey: "ArrowUpward",
 	size: "small"
-}), "Scroll " + (e.orientation === c.Horizontal ? "Left" : "Up"), `Scroll ${e.orientation === c.Horizontal ? "left" : "up"}, 'Ctrl+Click' to scroll to the beginning`), Ge = (e) => Ue(e, c.Horizontal ? (0, Z.jsx)(o, {
+}), "Scroll " + (e.orientation === k.Horizontal ? "Left" : "Up"), `Scroll ${e.orientation === k.Horizontal ? "left" : "up"}, 'Ctrl+Click' to scroll to the beginning`), Ge = (e) => Ue(e, k.Horizontal ? (0, Z.jsx)(o, {
 	iconKey: "ArrowRight",
 	size: "small"
 }) : (0, Z.jsx)(o, {
 	iconKey: "ArrowDownward",
 	size: "small"
-}), "Scroll " + (e.orientation === c.Horizontal ? "Right" : "Down"), `Scroll ${e.orientation === c.Horizontal ? "right" : "down"}, 'Ctrl+Click' to scroll to the end`), Ke = (0, X.memo)((0, X.forwardRef)((e, t) => {
+}), "Scroll " + (e.orientation === k.Horizontal ? "Right" : "Down"), `Scroll ${e.orientation === k.Horizontal ? "right" : "down"}, 'Ctrl+Click' to scroll to the end`), Ke = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	let { orientation: n = "vertical", sx: r, ...i } = e, a = n === "vertical";
-	return (0, Z.jsx)(A, {
+	return (0, Z.jsx)(he, {
 		ref: t,
 		sx: {
 			marginLeft: a ? "2px" : void 0,
@@ -683,7 +683,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 	});
 })), qe = ((0, X.memo)((e) => {
 	let { sx: t, speed: n = 2, size: r = 70, ...i } = e;
-	return (0, Z.jsx)(T, {
+	return (0, Z.jsx)(D, {
 		sx: {
 			width: `${r}px`,
 			height: `${r}px`,
@@ -746,7 +746,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 	});
 }), (0, X.memo)((e) => {
 	let { sx: t, speed: n = 1.5, size: r = 70, ...i } = e;
-	return (0, Z.jsx)(T, {
+	return (0, Z.jsx)(D, {
 		sx: {
 			width: `${r}px`,
 			height: `${r}px`,
@@ -786,7 +786,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 	});
 })), Je = ((0, X.memo)((e) => {
 	let { sx: t, speed: n = 1, size: r = 70, ...i } = e;
-	return (0, Z.jsx)(T, {
+	return (0, Z.jsx)(D, {
 		sx: {
 			width: `${r}px`,
 			height: `${r}px`,
@@ -843,7 +843,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 	});
 }), (0, X.memo)((e) => {
 	let { sx: t, speed: n = 1, size: r = 70, ...i } = e;
-	return (0, Z.jsx)(T, {
+	return (0, Z.jsx)(D, {
 		sx: {
 			width: `${r}px`,
 			height: `${r}px`,
@@ -907,7 +907,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 	});
 }), (0, X.memo)((e) => {
 	let { sx: t, speed: n = 2, size: r = 70, ...i } = e;
-	return (0, Z.jsx)(T, {
+	return (0, Z.jsx)(D, {
 		sx: {
 			width: `${r}px`,
 			height: `${r}px`,
@@ -954,7 +954,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 	});
 }), (0, X.memo)((e) => {
 	let { sx: t, speed: n = 1, size: r = 13, width: i = 64, height: a = 17, ...o } = e;
-	return (0, Z.jsxs)(T, {
+	return (0, Z.jsxs)(D, {
 		sx: {
 			width: `${i}px`,
 			height: `${a}px`,
@@ -993,7 +993,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 }, Ze = (e) => {
 	e && e.classList.contains("animating") && (e.classList.add("animating-idle"), e.classList.remove("animating"));
 }, Qe = (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 = Ye, label: d, progress: f = null, ...p } = e, m = (0, X.useMemo)(() => typeof d == "string" || !c && d == null ? (0, Z.jsx)(L, {
+	let { sx: n, style: r, onMount: i, onUnmount: a, transitionDelay: o = "1200ms", panel: s = !1, autoStart: c = !0, transparentBackground: l = !0, icon: u = Ye, label: d, progress: f = null, ...p } = e, m = (0, X.useMemo)(() => typeof d == "string" || !c && d == null ? (0, Z.jsx)(I, {
 		"data-sxl-loading-label": "",
 		variant: "caption",
 		component: "div",
@@ -1006,7 +1006,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 	}) : d, [d, c]), h = (0, X.useMemo)(() => {
 		if (typeof f != "number") return u;
 		let e = Math.max(0, Math.min(100, Math.round(100 * f)));
-		return (0, Z.jsx)(T, {
+		return (0, Z.jsx)(D, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -1033,8 +1033,8 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 				}
 			})
 		});
-	}, [f, u]), _ = (0, X.useRef)(null), v = (0, X.useMemo)(() => {
-		let e = (0, Z.jsxs)(T, {
+	}, [f, u]), g = (0, X.useRef)(null), v = (0, X.useMemo)(() => {
+		let e = (0, Z.jsxs)(D, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -1062,7 +1062,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 				borderRadius: (e) => `${e.shape.borderRadius}px`,
 				boxShadow: (e) => e.shadows[2],
 				"& .primary": {
-					background: (e) => `${g(e.palette.info.contrastText, .9)} !important`,
+					background: (e) => `${_(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"
@@ -1070,9 +1070,9 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 				zIndex: 1
 			},
 			children: e
-		})), (0, Z.jsx)(T, {
+		})), (0, Z.jsx)(D, {
 			...p,
-			ref: ie([_, t]),
+			ref: K([g, t]),
 			className: "animatable",
 			sx: {
 				cursor: "wait",
@@ -1104,7 +1104,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 				...n,
 				...r
 			},
-			children: (0, Z.jsxs)(T, {
+			children: (0, Z.jsxs)(D, {
 				className: "center",
 				sx: {
 					display: "flex",
@@ -1116,7 +1116,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 					boxSizing: "border-box",
 					position: "relative"
 				},
-				children: [(0, Z.jsx)(T, {
+				children: [(0, Z.jsx)(D, {
 					className: "backdrop",
 					sx: {
 						opacity: (e) => l ? 1.5 * e.palette.action.disabledOpacity : void 0,
@@ -1140,10 +1140,10 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 	]), y = (0, X.useRef)(!1);
 	return W(() => {
 		if (!1 === c) return;
-		let e = _.current;
+		let e = g.current;
 		e && !y.current && (y.current = !0, e.classList.contains("animatable") && !e.classList.contains("animating") && (e.offsetHeight, e.classList.add("animating")), i?.());
-	}, [_.current, c]), (0, X.useEffect)(() => () => {
-		y.current && (_.current?.classList.remove("animating"), y.current = !1, a?.());
+	}, [g.current, c]), (0, X.useEffect)(() => () => {
+		y.current && (g.current?.classList.remove("animating"), y.current = !1, a?.());
 	}, []), v;
 }));
 Qe.displayName = "AnimatedLoadingPanel";
@@ -1154,9 +1154,9 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 	} catch {}
 	return (e = e.replace(/^\/+/, "")).replace(/^@?fs[\\/]/, "");
 }, nt = (0, X.memo)(({ error: e, maxLines: t = 2 ** 53 - 1, hideLineNumbers: n = !1 }) => {
-	let i = _(), [a, s] = (0, X.useState)(null);
+	let r = d(), [a, s] = (0, X.useState)(null);
 	if (!e?.stack) return null;
-	let c = r.collectErrorChain(e).reverse(), l = [];
+	let c = i.collectErrorChain(e).reverse(), l = [];
 	c.forEach(({ error: e }, t) => {
 		let n = (e.stack || "").split("\n").filter(Boolean).map((e) => {
 			let t = e.match($e);
@@ -1181,13 +1181,13 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 			isBoundary: !0
 		}), l.push(...n.slice(1)));
 	});
-	let u = t ? l.slice(0, t) : l, d = t && l.length > t;
-	return (0, Z.jsxs)(T, {
+	let u = t ? l.slice(0, t) : l, f = t && l.length > t;
+	return (0, Z.jsxs)(D, {
 		sx: {
 			width: "100%",
 			mt: 1
 		},
-		children: [(0, Z.jsxs)(T, {
+		children: [(0, Z.jsxs)(D, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -1197,17 +1197,17 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 				py: .5
 			},
 			children: [
-				(0, Z.jsx)(L, {
+				(0, Z.jsx)(I, {
 					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)(T, { sx: { flex: 1 } }),
-				a && (0, Z.jsx)(L, {
+				(0, Z.jsx)(D, { sx: { flex: 1 } }),
+				a && (0, Z.jsx)(I, {
 					variant: "caption",
 					component: "div",
 					sx: {
@@ -1216,7 +1216,7 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 					},
 					children: a
 				}),
-				(0, Z.jsx)(P, {
+				(0, Z.jsx)(N, {
 					size: "small",
 					onClick: async () => {
 						try {
@@ -1236,13 +1236,13 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 						opacity: .7,
 						"&:hover": { opacity: 1 }
 					},
-					title: i("stackTrace.copy"),
+					title: r("stackTrace.copy"),
 					children: (0, Z.jsx)(o, {
 						iconKey: "ContentCopy",
 						style: { fontSize: "0.875rem" }
 					})
 				}),
-				(0, Z.jsx)(P, {
+				(0, Z.jsx)(N, {
 					size: "small",
 					onClick: () => {
 						s("Logged!"), setTimeout(() => s(null), 2e3), console.warn(e);
@@ -1252,14 +1252,14 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 						opacity: .7,
 						"&:hover": { opacity: 1 }
 					},
-					title: i("stackTrace.log"),
+					title: r("stackTrace.log"),
 					children: (0, Z.jsx)(o, {
 						iconKey: "BugReport",
 						style: { fontSize: "0.875rem" }
 					})
 				})
 			]
-		}), (0, Z.jsxs)(T, {
+		}), (0, Z.jsxs)(D, {
 			sx: {
 				mt: 1,
 				backgroundColor: "rgba(0, 0, 0, 0.2)",
@@ -1271,14 +1271,14 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 				fontSize: "0.75rem",
 				lineHeight: 1.4
 			},
-			children: [u.map((e, t) => e.isBoundary ? (0, Z.jsx)(T, {
+			children: [u.map((e, t) => e.isBoundary ? (0, Z.jsx)(D, {
 				sx: {
 					py: 1,
 					mt: +(t > 0),
 					mb: .5,
 					borderTop: t > 0 ? "1px solid rgba(255, 255, 255, 0.1)" : "none"
 				},
-				children: (0, Z.jsx)(L, {
+				children: (0, Z.jsx)(I, {
 					variant: "caption",
 					component: "div",
 					sx: {
@@ -1289,7 +1289,7 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 					},
 					children: e.line
 				})
-			}, `error-${t}`) : (0, Z.jsxs)(T, {
+			}, `error-${t}`) : (0, Z.jsxs)(D, {
 				sx: {
 					display: "flex",
 					alignItems: "flex-start",
@@ -1298,7 +1298,7 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 					pl: 1,
 					"&:hover": { backgroundColor: "rgba(255, 255, 255, 0.05)" }
 				},
-				children: [!n && (0, Z.jsx)(L, {
+				children: [!n && (0, Z.jsx)(I, {
 					variant: "caption",
 					component: "div",
 					sx: {
@@ -1309,12 +1309,12 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 						userSelect: "none"
 					},
 					children: t + 1
-				}), (0, Z.jsxs)(T, {
+				}), (0, Z.jsxs)(D, {
 					sx: {
 						flex: 1,
 						overflow: "hidden"
 					},
-					children: [(0, Z.jsx)(L, {
+					children: [(0, Z.jsx)(I, {
 						variant: "caption",
 						component: "div",
 						sx: {
@@ -1325,7 +1325,7 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 							color: "inherit"
 						},
 						children: e.line
-					}), e.location && e.line !== e.location && (0, Z.jsx)(L, {
+					}), e.location && e.line !== e.location && (0, Z.jsx)(I, {
 						variant: "caption",
 						component: "div",
 						sx: {
@@ -1336,7 +1336,7 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 						children: e.location
 					})]
 				})]
-			}, `stack-${t}`)), d && (0, Z.jsx)(L, {
+			}, `stack-${t}`)), f && (0, Z.jsx)(I, {
 				variant: "caption",
 				component: "div",
 				sx: {
@@ -1347,7 +1347,7 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 					display: "block",
 					mt: 1
 				},
-				children: i("stackTrace.moreFrames", { count: l.length - t })
+				children: r("stackTrace.moreFrames", { count: l.length - t })
 			})]
 		})]
 	});
@@ -1357,14 +1357,14 @@ var rt = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	let { sx: n, icon: r = (0, Z.jsx)(o, {
 		iconKey: "Error",
 		style: { fontSize: 48 }
-	}), error: i, hideStackTrace: a = !1, stackTraceExpanded: s = !1, fullscreen: c = !1, ...l } = e, u = _(), d = (0, X.useMemo)(() => it(i, a, s, c, u), [
+	}), error: i, hideStackTrace: a = !1, stackTraceExpanded: s = !1, fullscreen: c = !1, ...l } = e, u = d(), f = (0, X.useMemo)(() => it(i, a, s, c, u), [
 		i,
 		a,
 		s,
 		c,
 		u
 	]);
-	return (0, X.useMemo)(() => (0, Z.jsx)(T, {
+	return (0, X.useMemo)(() => (0, Z.jsx)(D, {
 		ref: t,
 		sx: {
 			boxSizing: "border-box",
@@ -1378,7 +1378,7 @@ var rt = (0, X.memo)((0, X.forwardRef)((e, t) => {
 			...n
 		},
 		...l,
-		children: (0, Z.jsxs)(T, {
+		children: (0, Z.jsxs)(D, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -1388,7 +1388,7 @@ var rt = (0, X.memo)((0, X.forwardRef)((e, t) => {
 				boxSizing: "border-box",
 				position: "relative"
 			},
-			children: [(0, Z.jsx)(T, {
+			children: [(0, Z.jsx)(D, {
 				className: "backdrop",
 				sx: {
 					backdropFilter: "blur(4px)",
@@ -1417,7 +1417,7 @@ var rt = (0, X.memo)((0, X.forwardRef)((e, t) => {
 					boxShadow: (e) => e.shadows[3],
 					zIndex: 1
 				},
-				children: (0, Z.jsx)(T, {
+				children: (0, Z.jsx)(D, {
 					sx: {
 						display: "flex",
 						flexDirection: "column",
@@ -1426,14 +1426,14 @@ var rt = (0, X.memo)((0, X.forwardRef)((e, t) => {
 						width: "100%",
 						maxWidth: c ? void 0 : "600px"
 					},
-					children: (0, Z.jsxs)(T, {
+					children: (0, Z.jsxs)(D, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
 							alignItems: "flex-start",
 							gap: (e) => e.spacing(2)
 						},
-						children: [(0, Z.jsx)(T, {
+						children: [(0, Z.jsx)(D, {
 							sx: {
 								display: "flex",
 								color: (e) => e.palette.error.main
@@ -1442,7 +1442,7 @@ var rt = (0, X.memo)((0, X.forwardRef)((e, t) => {
 								iconKey: r,
 								style: { fontSize: 48 }
 							}) : r
-						}), d]
+						}), f]
 					})
 				})
 			})]
@@ -1450,11 +1450,11 @@ var rt = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	}), [
 		n,
 		r,
-		d
+		f
 	]);
 }));
 rt.displayName = "StackTraceErrorPanel";
-var it = (e, t = !1, n = !1, r = !1, i = (e) => e) => (0, X.isValidElement)(e) ? e : e instanceof Error ? (0, Z.jsxs)(T, {
+var it = (e, t = !1, n = !1, r = !1, i = (e) => e) => (0, X.isValidElement)(e) ? e : e instanceof Error ? (0, Z.jsxs)(D, {
 	sx: {
 		display: "flex",
 		flexDirection: "column",
@@ -1463,7 +1463,7 @@ var it = (e, t = !1, n = !1, r = !1, i = (e) => e) => (0, X.isValidElement)(e) ?
 		width: "100%"
 	},
 	children: [
-		(0, Z.jsx)(L, {
+		(0, Z.jsx)(I, {
 			variant: "caption",
 			component: "div",
 			sx: {
@@ -1473,7 +1473,7 @@ var it = (e, t = !1, n = !1, r = !1, i = (e) => e) => (0, X.isValidElement)(e) ?
 			},
 			children: e.message
 		}),
-		e.cause ? (0, Z.jsx)(L, {
+		e.cause ? (0, Z.jsx)(I, {
 			variant: "caption",
 			component: "div",
 			sx: {
@@ -1490,7 +1490,7 @@ var it = (e, t = !1, n = !1, r = !1, i = (e) => e) => (0, X.isValidElement)(e) ?
 			hideLineNumbers: !0
 		})
 	]
-}) : (0, Z.jsx)(L, {
+}) : (0, Z.jsx)(I, {
 	variant: "caption",
 	component: "div",
 	sx: {
@@ -1500,21 +1500,21 @@ var it = (e, t = !1, n = !1, r = !1, i = (e) => e) => (0, X.isValidElement)(e) ?
 	},
 	children: e === "string" ? e : `Unknown Error: ${String(e)}`
 }), at = (0, X.memo)((e) => {
-	let { error: t, ...n } = e, r = E(), i = _();
+	let { error: t, ...n } = e, r = c(), i = d();
 	return (0, Z.jsx)(rt, {
 		hideStackTrace: !0,
-		error: (0, Z.jsxs)(T, {
+		error: (0, Z.jsxs)(D, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Z.jsx)(L, {
+			children: [(0, Z.jsx)(I, {
 				variant: "body2",
 				component: "div",
 				children: t instanceof Error ? t.message : String(t)
-			}), r ? (0, Z.jsx)(j, {
+			}), r ? (0, Z.jsx)(A, {
 				variant: "outlined",
 				size: "small",
 				onClick: r,
@@ -1530,7 +1530,7 @@ var ot = {
 	Menuitem: "menuitem"
 }, st = (e) => {
 	let { closeFloat: t, closeFloatAll: n, floatReference: r, popupContainer: i, children: a, className: o, sx: s, ...c } = e;
-	return (0, Z.jsx)(T, {
+	return (0, Z.jsx)(D, {
 		className: z("menu", o),
 		sx: {
 			display: "flex",
@@ -1544,7 +1544,7 @@ var ot = {
 	});
 }, ct = (e, t, n) => {
 	let r = "";
-	return n && (r = (r ? r + " " : "") + "rotate(180deg)"), (0, Z.jsx)(ce, {
+	return n && (r = (r ? r + " " : "") + "rotate(180deg)"), (0, Z.jsx)(se, {
 		style: {
 			marginLeft: e ? void 0 : t ? "-0.25rem" : "-3px",
 			marginRight: e ? void 0 : t ? "-0.25rem" : "-6px",
@@ -1553,14 +1553,14 @@ var ot = {
 		color: "inherit"
 	});
 }, lt = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { open: n, anchorEl: r, anchorPosition: i, label: a, floatReference: o, createPopupPanel: s = st, propsPopper: c, onMount: l, onClosing: u, onClose: d, onOpening: f, onOpen: p, children: g, sx: _, ...v } = e, y = h(u ?? (() => {}), [u]), b = h(d ?? (() => {}), [d]), x = h(f ?? (() => {}), [f]), S = h(p ?? (() => {}), [p]), [C, w] = (0, X.useState)(), T = (0, X.useRef)(null), E = h((e, t) => {
+	let { open: n, anchorEl: r, anchorPosition: i, label: a, floatReference: o, createPopupPanel: s = st, propsPopper: c, onMount: l, onClosing: u, onClose: d, onOpening: f, onOpen: p, children: h, sx: g, ..._ } = e, v = m(u ?? (() => {}), [u]), b = m(d ?? (() => {}), [d]), x = m(f ?? (() => {}), [f]), S = m(p ?? (() => {}), [p]), [C, w] = (0, X.useState)(), T = (0, X.useRef)(null), E = m((e, t) => {
 		w(e), l?.(T.current, t);
 	}, [l]), D = (0, X.useMemo)(() => {
 		let e = {
 			popupContainer: C,
 			floatReference: o,
-			children: g,
-			...v
+			children: h,
+			..._
 		}, t = s(e);
 		return (0, Z.jsx)(R, {
 			elevation: 8,
@@ -1572,18 +1572,18 @@ var ot = {
 				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) => V(e)
+				"&.MuiPaper-root": (e) => ee(e)
 			},
 			tabIndex: 0,
 			children: t
 		});
 	}, [
 		s,
-		g,
+		h,
 		C,
 		o
 	]);
-	return (0, Z.jsx)(m, {
+	return (0, Z.jsx)(y, {
 		ref: t,
 		anchorEl: r,
 		anchorPosition: i,
@@ -1592,21 +1592,21 @@ var ot = {
 		onMount: E,
 		onOpening: x,
 		onOpen: S,
-		onClosing: y,
+		onClosing: v,
 		onClose: b,
 		...c,
 		children: D
 	});
 }));
 lt.displayName = "ExhibitFloatPanel";
-var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
+var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(v, {
 	renderFloatPanel: ut,
 	createPopupPanel: st,
 	...e
 }), ft = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	let { nestedChildren: n, variant: r, disabled: i, createPopupPanel: a, ...o } = e, s = {
 		disabled: i,
-		createPopupPanel: h((e) => {
+		createPopupPanel: m((e) => {
 			if (!n || n.length === 0) return (0, Z.jsx)(Z.Fragment, {});
 			let { popupContainer: r, floatReference: i, ref: a, ...o } = e, s = [];
 			for (let e = 0; e < n.length; e++) {
@@ -1616,7 +1616,7 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 					...t
 				}, e));
 			}
-			return (0, Z.jsxs)(T, {
+			return (0, Z.jsxs)(D, {
 				ref: t,
 				sx: {
 					display: "flex",
@@ -1639,36 +1639,36 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 	(function(e) {
 		if (!e) throw Error("Invariant failed");
 	})((0, X.isValidElement)(n));
-	let l = n, u = (0, X.useMemo)(() => ({
+	let l = n, d = (0, X.useMemo)(() => ({
 		...l?.props,
 		...c,
 		onContextMenu: (e) => {
-			l?.props?.onContextMenu?.(e), e.isDefaultPrevented() || (c?.onContextMenu?.(e), e.isDefaultPrevented() || (p(e), e.preventDefault()));
+			l?.props?.onContextMenu?.(e), e.isDefaultPrevented() || (c?.onContextMenu?.(e), e.isDefaultPrevented() || (h(e), e.preventDefault()));
 		}
-	}), [c, l?.props]), d = h(a ?? (() => {}), [a]), [f, p] = (0, X.useState)(null), { reference: m, component: g } = O({
+	}), [c, l?.props]), f = m(a ?? (() => {}), [a]), [p, h] = (0, X.useState)(null), { reference: g, component: _ } = u({
 		label: s ?? "contextMenu",
 		propsPopper: o,
 		parentFloat: i,
-		anchor: { getBoundingClientRect: () => new DOMRect(f?.clientX || 0, f?.clientY || 0) },
-		onClose: () => p(null),
-		createPopupPanel: d
+		anchor: { getBoundingClientRect: () => new DOMRect(p?.clientX || 0, p?.clientY || 0) },
+		onClose: () => h(null),
+		createPopupPanel: f
 	});
 	return (0, X.useEffect)(() => {
-		f ? m.open(0) : m.close(0);
-	}, [f]), (0, Z.jsxs)(Z.Fragment, { children: [(0, X.cloneElement)(n, u), g] });
+		p ? g.open(0) : g.close(0);
+	}, [p]), (0, Z.jsxs)(Z.Fragment, { children: [(0, X.cloneElement)(n, d), _] });
 })), ht = (0, Z.jsx)(o, {}), gt = (0, Z.jsx)(o, { iconKey: "Check" }), _t = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { dense: n = !0, outlined: r = !1, disableHover: i = !1, selected: o, icon: s, propsTooltip: c, children: l, primary: u, sx: d, disabled: f, className: p, onFocus: m, onBlur: h, ..._ } = e, [v, y] = (0, X.useState)(!1), b = {
+	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, y] = (0, X.useState)(!1), b = {
 		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 ${r ? e.palette.divider : "transparent"} 1px`,
+		border: (e) => `solid ${i ? e.palette.divider : "transparent"} 1px`,
 		"& .MuiTouchRipple-child": { borderRadius: (e) => `${e.shape.borderRadius}px !important` },
 		"&.Mui-selected": {
-			backgroundColor: (e) => g(e.palette.text.primary, e.palette.action.selectedOpacity),
-			border: (e) => `solid ${r ? e.palette.text?.primary : e.palette.divider} 1px`
+			backgroundColor: (e) => _(e.palette.text.primary, e.palette.action.selectedOpacity),
+			border: (e) => `solid ${i ? e.palette.text?.primary : e.palette.divider} 1px`
 		},
-		"&.Mui-disabled": { border: (e) => `solid ${r ? e.palette.divider : "transparent"} 1px` },
+		"&.Mui-disabled": { border: (e) => `solid ${i ? e.palette.divider : "transparent"} 1px` },
 		"&.Mui-disabled > .icon path": {
 			filter: "grayscale(65%)",
 			opacity: ".8"
@@ -1681,9 +1681,9 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 	}, x = {
 		"&:hover:not(.Mui-disabled, [disabled])": {
 			color: (e) => e.palette.text.primary,
-			border: (e) => `solid ${r ? e.palette.text?.primary : e.palette.divider} 1px`,
-			"&.Mui-selected": { backgroundColor: (e) => g(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` },
+			border: (e) => `solid ${i ? e.palette.text?.primary : e.palette.divider} 1px`,
+			"&.Mui-selected": { backgroundColor: (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: null
 		},
 		"&.Mui-focusVisible": {
@@ -1692,11 +1692,11 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 			zIndex: 1
 		}
 	}, S = b;
-	i || (S = a.mergeContentful(b, x));
+	a || (S = r.mergeContentful(b, x));
 	let C = (0, X.useMemo)(() => {
 		let e = typeof s == "function" ? s() : s;
 		return e === null ? e : e || (o === void 0 ? ht : gt);
-	}, [s, o]), w = (0, Z.jsxs)(P, {
+	}, [s, o]), w = (0, Z.jsxs)(N, {
 		component: "div",
 		ref: t,
 		className: z({
@@ -1714,17 +1714,17 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 		TouchRippleProps: { center: !1 },
 		sx: S,
 		edge: "end",
-		..._,
+		...g,
 		disabled: f || !1,
 		children: [C, l]
 	});
 	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;
-		w = (0, Z.jsx)(re, {
+		w = (0, Z.jsx)(ne, {
 			disableInteractive: !0,
 			title: e ?? "",
 			...u,
-			children: (0, Z.jsx)(T, {
+			children: (0, Z.jsx)(D, {
 				sx: { display: "flex" },
 				children: w
 			})
@@ -1740,7 +1740,7 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 	paddingLeft: "6px",
 	paddingRight: "18px"
 }, bt = (e) => e.icon, xt = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { icon: n = vt, renderIcon: r = bt, 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, v = C(), [y, b] = (0, X.useState)(!1), [x, S] = (0, X.useState)(!1), w = (0, X.useMemo)(() => {
+	let { icon: n = vt, renderIcon: r = bt, 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, v = S(), [y, b] = (0, X.useState)(!1), [x, C] = (0, X.useState)(!1), w = (0, X.useMemo)(() => {
 		let e = r?.({
 			icon: n,
 			disabled: d,
@@ -1770,10 +1770,10 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 		role: "menuitem",
 		disabled: d,
 		onMouseOver: (e) => {
-			c?.(e), e.isDefaultPrevented() || S(!0);
+			c?.(e), e.isDefaultPrevented() || C(!0);
 		},
 		onMouseOut: (e) => {
-			l?.(e), e.isDefaultPrevented() || S(!1);
+			l?.(e), e.isDefaultPrevented() || C(!1);
 		},
 		onMouseEnter: (e) => {
 			u?.(e), e.isDefaultPrevented() || v?.closeChild();
@@ -1810,7 +1810,7 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 		children: [
 			w,
 			f,
-			h ? (0, Z.jsx)(te, { chips: h }) : null
+			h ? (0, Z.jsx)(V, { chips: h }) : null
 		]
 	});
 	return m && (T = (0, Z.jsx)(J, {
@@ -1820,7 +1820,7 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 	})), T;
 })), St = (0, X.memo)((0, X.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)(L, {
+	return (0, Z.jsx)(Z.Fragment, { children: (0, Z.jsx)(I, {
 		ref: t,
 		variant: a,
 		component: "div",
@@ -1837,10 +1837,10 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 		children: n
 	}) });
 })), Ct = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { dense: n = !0, outlined: r = !1, label: i, showLabel: o = !1, selected: s = !1, onQuickClick: c, parentFloat: l, createPopupPanel: u, propsPopup: d, onPopupOpen: p, onPopupClose: m, propsQuickButton: _, renderQuickButton: v, tooltip: y = "", createTooltip: b, icon: S, disabled: C, propsButton: w = a.EmptyObject, disableHover: E, ripple: D, primary: k, children: A, sx: j, className: M, ...N } = e, F = x(), I = (0, X.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);
+	let { dense: n = !0, outlined: i = !1, label: a, showLabel: o = !1, selected: s = !1, onQuickClick: c, parentFloat: l, createPopupPanel: d, propsPopup: f, onPopupOpen: p, onPopupClose: g, propsQuickButton: v, renderQuickButton: y, tooltip: b = "", createTooltip: x, icon: S, disabled: C, propsButton: T = r.EmptyObject, disableHover: E, ripple: O, primary: k, children: A, sx: j, className: M, ...P } = e, F = w(), I = (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);
 		};
 		return {
 			outline: {
@@ -1851,27 +1851,27 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 			active: F.palette.mode === "dark" ? F.palette.text.secondary : F.palette.text.primary,
 			text: F.palette.text.icon ?? F.palette.action.active
 		};
-	}, [r, F]), [L, ee] = (0, X.useState)(!1), [R, B] = (0, X.useState)(!1), [V, te] = (0, X.useState)(!1), H = (0, X.useRef)(null), ne = (0, X.useRef)(null), U = O({
-		anchor: H.current,
-		label: i,
-		createPopupPanel: u,
+	}, [i, F]), [L, R] = (0, X.useState)(!1), [B, ee] = (0, X.useState)(!1), [V, H] = (0, X.useState)(!1), te = (0, X.useRef)(null), U = (0, X.useRef)(null), W = u({
+		anchor: te.current,
+		label: a,
+		createPopupPanel: d,
 		parentFloat: l,
-		propsPopper: d?.propsPopper,
+		propsPopper: f?.propsPopper,
 		onClose: () => {
-			ee(!1), m?.();
+			R(!1), g?.();
 		},
 		onOpen: () => {
-			ee(!0), p?.();
+			R(!0), p?.();
 		}
-	}), W = h((e) => {
-		c?.(e), U.reference.close(0);
-	}, [c, U]), G = h(() => {
-		L ? U.reference.close(0) : U.reference.open(0);
+	}), G = m((e) => {
+		c?.(e), W.reference.close(0);
+	}, [c, W]), re = m(() => {
+		L ? W.reference.close(0) : W.reference.open(0);
 	}, [
 		L,
-		U,
+		W,
 		l,
-		i
+		a
 	]), K = (0, X.useMemo)(() => {
 		let e = {
 			"&.bordered": {
@@ -1906,18 +1906,18 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 			},
 			"& .MuiTouchRipple-child": { borderRadius: (e) => `${e.shape.borderRadius}px !important` }
 		}, t = { "&.Mui-selected": {
-			backgroundColor: (e) => g(e.palette.primary.main, e.palette.action.selectedOpacity),
+			backgroundColor: (e) => _(e.palette.primary.main, e.palette.action.selectedOpacity),
 			"&:hover:not(.Mui-disabled)": {
-				backgroundColor: (e) => g(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
-				"@media (hover: none)": { backgroundColor: (e) => g(e.palette.primary.main, e.palette.action.selectedOpacity) }
+				backgroundColor: (e) => _(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+				"@media (hover: none)": { backgroundColor: (e) => _(e.palette.primary.main, e.palette.action.selectedOpacity) }
 			}
-		} }, r = {
+		} }, i = {
 			maxHeight: "100%",
 			"&.Mui-selected": {
-				backgroundColor: (e) => g(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity),
+				backgroundColor: (e) => _(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity),
 				"&:hover:not(.Mui-disabled)": {
-					backgroundColor: (e) => g(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
-					"@media (hover: none)": { backgroundColor: (e) => g(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity) }
+					backgroundColor: (e) => _(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+					"@media (hover: none)": { backgroundColor: (e) => _(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity) }
 				}
 			},
 			"&:hover:not(.Mui-disabled, [disabled])": { color: (e) => e.palette.text.primary },
@@ -1929,80 +1929,80 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 			},
 			padding: () => n ? "2px 3px" : "7px",
 			marginRight: "0"
-		}, i = a.mergeContentful(r, e), o = a.mergeContentful(i, t), s = a.mergeContentful(r, e);
+		}, a = r.mergeContentful(i, e), o = r.mergeContentful(a, t), s = r.mergeContentful(i, e);
 		return {
-			quickButtonStyling: i,
+			quickButtonStyling: a,
 			openQuickButtonStyling: o,
 			compoundStyling: s,
-			openCompoundStyling: a.mergeContentful(s, t)
+			openCompoundStyling: r.mergeContentful(s, t)
 		};
-	}, [I, E]), ie = h((e) => {
+	}, [I, E]), q = m((e) => {
 		let { children: t, ref: n, ...r } = e;
-		return (0, Z.jsx)(re, {
+		return (0, Z.jsx)(ne, {
 			ref: n,
 			...r,
 			disableInteractive: !0,
 			children: t
 		});
-	}, []), q = c || v, ae = q && (_?.tooltip || _?.createTooltip), oe = (e) => {
-		let { tooltip: t, createTooltip: n, sx: r, ...i } = e, a = (0, Z.jsx)(P, {
+	}, []), ie = c || y, ae = ie && (v?.tooltip || v?.createTooltip), oe = (e) => {
+		let { tooltip: t, createTooltip: n, sx: r, ...i } = e, a = (0, Z.jsx)(N, {
 			sx: { ...r },
 			component: "div",
 			...i
 		});
-		return ae && (a = (n ?? ie)({
-			title: L ? "" : t ?? y,
+		return ae && (a = (n ?? q)({
+			title: L ? "" : t ?? b,
 			children: (0, Z.jsx)("div", { children: a })
 		}, L)), a;
 	}, se = { onKeyDown: (e) => {
-		e.keyCode === f.Space ? G() : e.keyCode === f.F4 || e.keyCode === f.Down ? U.reference.open(0) : e.keyCode === f.Up && U.reference.close(0);
-	} }, ce = (0, Z.jsx)(Z.Fragment, {}), J = (0, X.useMemo)(() => Be((typeof S == "function" ? S() : S) ?? (q ? wt : null), o ? i : null), [
+		e.keyCode === h.Space ? re() : e.keyCode === h.F4 || e.keyCode === h.Down ? W.reference.open(0) : e.keyCode === h.Up && W.reference.close(0);
+	} }, J = (0, Z.jsx)(Z.Fragment, {}), ce = (0, X.useMemo)(() => Be((typeof S == "function" ? S() : S) ?? (ie ? wt : null), o ? a : null), [
 		S,
-		i,
+		a,
 		o,
-		q
+		ie
 	]);
-	if (q) {
-		let e = L ? K.openQuickButtonStyling : K.quickButtonStyling, t = (v || oe)({
+	if (ie) {
+		let e = L ? K.openQuickButtonStyling : K.quickButtonStyling, t = (y || oe)({
 			tabIndex: -1,
 			disabled: C,
 			size: "small",
 			edge: "end",
 			onMouseEnter: () => {
-				U.reference.parent?.closeChild();
+				W.reference.parent?.closeChild();
 			},
 			onMouseDown: (e) => {
-				e.button === 0 && (e.preventDefault(), W(e));
+				e.button === 0 && (e.preventDefault(), G(e));
 			},
-			disableRipple: !!D,
-			children: (0, Z.jsxs)(Z.Fragment, { children: [J, D] }),
-			..._,
+			disableRipple: !!O,
+			children: (0, Z.jsxs)(Z.Fragment, { children: [ce, O] }),
+			...v,
 			className: z({
-				"Mui-focusVisible": R || L,
+				"Mui-focusVisible": B || L,
 				"Mui-selected": s,
 				"Mui-hovered": V || L,
 				"Mui-disabled": C,
 				bordered: !0,
 				left: !0,
 				"hard-right": !0
-			}, _?.className),
+			}, v?.className),
 			sx: {
 				...K.quickButtonStyling,
 				height: "100%",
-				..._?.sx
+				...v?.sx
 			}
 		}), r = ct(!0, n, L);
-		ae && (r = (b ?? ie)({
-			title: L ? "" : y,
+		ae && (r = (x ?? q)({
+			title: L ? "" : b,
 			children: r
-		}, L)), ce = (0, Z.jsxs)(Z.Fragment, { children: [t, (0, Z.jsx)(P, {
-			ref: ne,
+		}, L)), J = (0, Z.jsxs)(Z.Fragment, { children: [t, (0, Z.jsx)(N, {
+			ref: U,
 			component: "div",
 			className: z({
 				"Mui-selected": L,
 				"Mui-hovered": V || L,
 				"Mui-disabled": C,
-				"Mui-focusVisible": R || L,
+				"Mui-focusVisible": B || L,
 				bordered: !0,
 				right: !0,
 				divider: !0
@@ -2020,23 +2020,23 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 			size: "small",
 			edge: "end",
 			onMouseDown: (e) => {
-				e.button === 0 && (e.preventDefault(), G());
+				e.button === 0 && (e.preventDefault(), re());
 			},
 			children: r
 		})] });
 	} else {
 		let e = L ? K.openCompoundStyling : K.compoundStyling;
-		ce = (0, Z.jsx)(_t, {
-			ref: ne,
+		J = (0, Z.jsx)(_t, {
+			ref: U,
 			tabIndex: -1,
 			disabled: C,
 			size: "small",
-			icon: J,
+			icon: ce,
 			className: z({
 				"Mui-selected": L || s,
 				"Mui-hovered": V,
 				"Mui-disabled": C,
-				"Mui-focusVisible": R || L,
+				"Mui-focusVisible": B || L,
 				bordered: !0,
 				left: !0,
 				right: !0
@@ -2047,22 +2047,22 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 				...e
 			},
 			onMouseDown: (e) => {
-				e.button === 0 && (e.preventDefault(), G());
+				e.button === 0 && (e.preventDefault(), re());
 			},
 			children: ct(!1, n, L)
 		});
 	}
-	let { className: le, sx: Y, ...ue } = w, de = (0, Z.jsx)(T, {
-		onFocus: () => B(!0),
-		onBlur: () => B(!1),
-		onMouseOver: () => te(!0),
-		onMouseOut: () => te(!1),
+	let { className: Y, sx: le, ...ue } = T, de = (0, Z.jsx)(D, {
+		onFocus: () => ee(!0),
+		onBlur: () => ee(!1),
+		onMouseOver: () => H(!0),
+		onMouseOut: () => H(!1),
 		...se,
 		"aria-label": "split button",
-		ref: H,
+		ref: te,
 		tabIndex: C ? void 0 : 0,
-		className: z(le, "split-button-root", {
-			"Mui-focusVisible": R || L,
+		className: z(Y, "split-button-root", {
+			"Mui-focusVisible": B || L,
 			"Mui-selected": L || s,
 			"Mui-hovered": V,
 			"Mui-disabled": C
@@ -2073,37 +2073,37 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(u, {
 			alignItems: "stretch",
 			width: "fit-content",
 			"&:not(.Mui-disabled)": { cursor: "pointer" },
-			marginLeft: r ? "1px" : "0px",
-			marginRight: r ? "1px" : "0px",
+			marginLeft: i ? "1px" : "0px",
+			marginRight: i ? "1px" : "0px",
 			borderRadius: (e) => `${e.shape.borderRadius}px`,
 			"&.Mui-focusVisible": {
 				outline: (e) => `solid ${e.palette.primary.main} 1px`,
 				zIndex: 2
 			},
-			...Y
+			...le
 		},
 		...ue,
-		children: ce
+		children: J
 	});
-	return ae || (de = (b ?? ie)({
-		title: L ? "" : y,
+	return ae || (de = (x ?? q)({
+		title: L ? "" : b,
 		children: de
-	}, L)), (0, Z.jsxs)(T, {
+	}, L)), (0, Z.jsxs)(D, {
 		className: z(M, "popupIconButton"),
 		ref: t,
-		...N,
+		...P,
 		sx: {
-			zIndex: R || L ? 2 : void 0,
+			zIndex: B || L ? 2 : void 0,
 			display: "flex",
 			alignItems: "center",
 			...j
 		},
-		children: [de, U.component]
+		children: [de, W.component]
 	});
 }));
 Ct.displayName = "ExhibitPopupIconButton";
 var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { selected: n = !1, label: r, showLabel: i, onQuickClick: a, parentFloat: o, createPopupPanel: s, propsPopup: c = Tt, onPopupOpen: l, onPopupClose: u, propsQuickButton: d, renderQuickButton: f, tooltip: p = "", createTooltip: m, icon: g, disabled: _, ripple: v, primary: y, children: b, sx: x, ...S } = e, [C, w] = (0, X.useState)(!1), [E, D] = (0, X.useState)(!1), [k, j] = (0, X.useState)(!1), [M, N] = (0, X.useState)(!1), P = (0, X.useRef)(null), F = (0, X.useRef)(null), I = (0, X.useMemo)(() => {
+	let { selected: n = !1, label: r, showLabel: i, onQuickClick: a, parentFloat: o, createPopupPanel: s, propsPopup: c = Tt, onPopupOpen: l, onPopupClose: d, propsQuickButton: f, renderQuickButton: p, tooltip: h = "", createTooltip: g, icon: _, disabled: v, ripple: y, primary: b, children: x, sx: S, ...C } = e, [w, T] = (0, X.useState)(!1), [E, O] = (0, X.useState)(!1), [k, A] = (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 (!c) return;
 		let { propsPopper: e } = c;
 		return {
@@ -2111,78 +2111,78 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 			offsets: [-4, -2],
 			...e
 		};
-	}, [c]), L = O({
-		anchor: P.current,
+	}, [c]), I = u({
+		anchor: N.current,
 		label: r,
 		createPopupPanel: s,
 		parentFloat: o,
-		propsPopper: I,
+		propsPopper: F,
 		onClose: () => {
-			w(!1), u?.();
+			T(!1), d?.();
 		},
 		onOpen: () => {
-			w(!0), l?.();
+			T(!0), l?.();
 		}
-	}), ee = h((e) => {
-		e.button === 0 && (a?.(e), L.reference.close(0));
-	}, [a]), R = (0, Z.jsx)(ae, {}), B = { "&.Mui-selected": {
+	}), L = m((e) => {
+		e.button === 0 && (a?.(e), I.reference.close(0));
+	}, [a]), R = (0, Z.jsx)(ie, {}), B = { "&.Mui-selected": {
 		color: (e) => e.palette.text.primary,
 		"& svg * ": { color: (e) => e.palette.text.primary }
-	} }, V = (0, X.useCallback)((e) => {
+	} }, ee = (0, X.useCallback)((e) => {
 		let { children: t, ref: n, ...r } = e;
-		return (0, Z.jsx)(re, {
+		return (0, Z.jsx)(ne, {
 			ref: n,
 			...r,
 			disableInteractive: !0,
 			children: t
 		});
-	}, []), te = a || f, H = (e) => {
+	}, []), V = a || p, H = (e) => {
 		let { tooltip: t, createTooltip: n, ...i } = e;
 		return (0, Z.jsxs)(xt, {
-			icon: g,
-			disableRipple: !!v,
+			icon: _,
+			disableRipple: !!y,
 			className: z({ "Mui-hovered": k }),
 			sx: {
 				flex: "1 1 100%",
 				...B
 			},
 			...i,
-			children: [r, v]
+			children: [r, y]
 		});
-	}, ne = {
+	}, te = {
 		onFocus: () => {
-			D(!0);
+			O(!0);
 		},
-		onBlur: () => D(!1),
+		onBlur: () => O(!1),
 		onMouseOver: () => {
-			j(!0);
+			A(!0);
 		},
 		onMouseLeave: () => {
-			j(!1);
+			A(!1);
 		},
 		onMouseEnter: (e) => {
-			e.preventDefault(), L.reference.open();
+			e.preventDefault(), I.reference.open();
 		},
 		onMouseDown: (e) => {
 			e.button === 0 && e.preventDefault();
 		}
 	}, U = (0, Z.jsx)(Z.Fragment, {});
-	if (te) {
+	if (V) {
 		let e = {
 			tabIndex: -1,
-			disabled: _,
+			disabled: v,
 			onMouseEnter: () => {
-				L.reference.parent?.closeChild();
+				I.reference.parent?.closeChild();
 			},
 			onMouseDown: (e) => {
-				e.button === 0 && (e.preventDefault(), ee(e));
+				e.button === 0 && (e.preventDefault(), L(e));
 			},
-			className: z("quick-left", {}, d?.className),
-			...d
+			className: z("quick-left", {}, f?.className),
+			...f
 		};
 		U = (0, Z.jsxs)(Z.Fragment, { children: [
-			(f || H)(e),
-			(0, Z.jsx)(A, {
+			(p || H)(e),
+			(0, Z.jsx)(he, {
 				sx: {
 					ml: "0px",
 					mr: "0px"
@@ -2192,9 +2192,9 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 				flexItem: !0
 			}),
 			(0, Z.jsx)(Ne, {
-				ref: F,
+				ref: P,
 				className: z({
-					"Mui-selected": C,
+					"Mui-selected": w,
 					"Mui-hovered": k
 				}),
 				sx: {
@@ -2207,14 +2207,14 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 					paddingBottom: "2px",
 					marginLeft: "0px",
 					marginRight: "6px",
-					color: (e) => y ? void 0 : e.palette.text.secondary,
+					color: (e) => b ? void 0 : e.palette.text.secondary,
 					"&.Mui-hovered:not(.Mui-disabled, [disabled])": { color: (e) => e.palette.text.primary },
 					...B
 				},
 				tabIndex: -1,
-				disabled: _,
-				...ne,
-				children: (0, Z.jsx)(T, {
+				disabled: v,
+				...te,
+				children: (0, Z.jsx)(D, {
 					className: "expand-icon",
 					sx: {
 						flex: "none",
@@ -2222,28 +2222,28 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 						border: "1px solid transparent",
 						paddingTop: "1px",
 						paddingBottom: "1px",
-						color: (e) => y ? void 0 : e.palette.text.icon ?? e.palette.action.active
+						color: (e) => b ? void 0 : e.palette.text.icon ?? e.palette.action.active
 					},
 					onMouseOver: (e) => {
-						e.preventDefault(), N(!0);
+						e.preventDefault(), M(!0);
 					},
 					onMouseLeave: () => {
-						N(!1);
+						M(!1);
 					},
 					onClick: (e) => {
-						e.preventDefault(), C ? L.reference.close() : L.reference.open();
+						e.preventDefault(), w ? I.reference.close() : I.reference.open();
 					},
 					children: R
 				})
 			})
 		] });
 	} else U = (0, Z.jsxs)(xt, {
-		ref: F,
+		ref: P,
 		tabIndex: -1,
-		disabled: _,
-		icon: g,
+		disabled: v,
+		icon: _,
 		className: z({
-			"Mui-selected": C || n,
+			"Mui-selected": w || n,
 			"Mui-hovered": k
 		}),
 		sx: {
@@ -2252,30 +2252,30 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 			...B
 		},
 		onClick: (e) => {
-			e.preventDefault(), C ? L.reference.close() : L.reference.open();
+			e.preventDefault(), w ? I.reference.close() : I.reference.open();
 		},
-		...ne,
+		...te,
 		children: [(0, Z.jsx)("div", {
 			style: { flex: "1 1 100%" },
 			children: r
-		}), (0, Z.jsx)(T, {
+		}), (0, Z.jsx)(D, {
 			className: "expand-icon",
 			sx: {
 				flex: "none",
 				display: "flex",
-				color: (e) => y ? void 0 : e.palette.text.icon ?? e.palette.action.active
+				color: (e) => b ? void 0 : e.palette.text.icon ?? e.palette.action.active
 			},
 			children: R
 		})]
 	});
-	let W = (0, Z.jsx)(T, {
+	let W = (0, Z.jsx)(D, {
 		"aria-label": "split button",
-		ref: P,
-		tabIndex: _ ? void 0 : 0,
+		ref: N,
+		tabIndex: v ? void 0 : 0,
 		className: z({
-			"Mui-disabled": _,
-			"Mui-selected": C,
-			"Mui-focusVisible": E || C,
+			"Mui-disabled": v,
+			"Mui-selected": w,
+			"Mui-focusVisible": E || w,
 			"Mui-hovered": k
 		}),
 		sx: {
@@ -2289,25 +2289,25 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 				marginRight: "-1px"
 			},
 			"&.Mui-disabled > .icon path": { filter: "grayscale(65%)" },
-			...x
+			...S
 		},
-		...S,
+		...C,
 		children: U
 	});
-	return te && !M && (d?.tooltip || d?.createTooltip) && (W = (d?.createTooltip ?? V)({
-		title: C ? "" : W ?? d?.tooltip,
+	return V && !j && (f?.tooltip || f?.createTooltip) && (W = (f?.createTooltip ?? ee)({
+		title: w ? "" : W ?? f?.tooltip,
 		children: W
-	}, C)), (0, Z.jsxs)(T, {
+	}, w)), (0, Z.jsxs)(D, {
 		ref: t,
 		sx: {
-			zIndex: E || C ? 2 : void 0,
+			zIndex: E || w ? 2 : void 0,
 			display: "flex",
 			" .tooltip-wrapper": {
 				display: "flex",
 				flex: "1 1 100%"
 			}
 		},
-		children: [W, L.component]
+		children: [W, I.component]
 	});
 })), Dt = (0, X.memo)((0, X.forwardRef)((e, t) => {
 	let { onSelectToggle: n, selected: r = !1, label: i, shortcut: a, tabIndex: o = 0, preventFocus: s = !1, ...c } = e;
@@ -2334,53 +2334,53 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 		border: (e) => r ? `solid ${i ? e.palette.divider : "transparent"} 1px` : "solid transparent 1px",
 		borderRadius: (e) => `${e.shape.borderRadius}px`,
 		backgroundColor: (e) => {
-			if (r) return g(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity);
+			if (r) return _(e.palette.text.icon ?? e.palette.action.active, e.palette.action.selectedOpacity);
 		},
 		...a
 	}), [a]), c = n;
-	return c === null && (c = Ot), c ||= kt, (0, Z.jsx)(T, {
+	return c === null && (c = Ot), c ||= kt, (0, Z.jsx)(D, {
 		ref: t,
 		sx: s,
 		...o,
 		children: c
 	});
 }));
-se();
+oe();
 var Q, jt = {
 	inline: null,
 	popup: []
 }, Mt = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { children: n, sx: r, ...i } = e, a = _(), s = D(t, () => ({}), []), [c, l] = K(), u = (0, X.useRef)(null), d = (0, X.useRef)(null), [f, p] = (0, X.useReducer)((e) => e + 1, 0), [m, h] = (0, X.useState)(null), [g, v] = (0, X.useState)(null), y = g?.popup ?? null, b = (0, X.useRef)(0), [x, S] = (0, X.useState)(!1), w = (0, X.useRef)(!1), E = C(), O = (0, X.useRef)(E);
+	let { children: n, sx: r, ...i } = e, a = d(), s = T(t, () => ({}), []), [c, l] = re(), u = (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] = (0, X.useState)(null), y = _?.popup ?? null, b = (0, X.useRef)(0), [x, C] = (0, X.useState)(!1), w = (0, X.useRef)(!1), E = S(), O = (0, X.useRef)(E);
 	O.current = E;
 	let k = (0, X.useCallback)(() => {
 		O.current?.closeChild(0);
 	}, []), A = (0, X.useCallback)(() => {
-		w.current = !0, S(!0);
+		w.current = !0, C(!0);
 	}, []), j = (0, X.useCallback)(() => {
-		w.current = !1, S(!1);
+		w.current = !1, C(!1);
 	}, []), M = (0, X.useRef)(null), N = (0, X.useRef)(/* @__PURE__ */ new Map()), P = (0, X.useCallback)(() => {
-		N.current.clear(), v(null), p();
+		N.current.clear(), v(null), m();
 	}, []);
 	(0, X.useLayoutEffect)(() => {
-		d.current = { refs: [] };
+		f.current = { refs: [] };
 		let e = [], t = X.Children.toArray(n), r = 0;
 		t.forEach((n, i) => {
-			e.push((0, Z.jsx)(T, {
+			e.push((0, Z.jsx)(D, {
 				sx: {
 					display: "flex",
 					flex: "0 0 auto"
 				},
 				ref: (e) => {
-					r++, r === t.length && p();
+					r++, r === t.length && m();
 					let n = { current: null };
-					n.current = e, d.current.refs[i] = n;
+					n.current = e, f.current.refs[i] = n;
 				},
 				children: n
 			}, i));
-		}), h(e);
+		}), g(e);
 	}, [n, l]), (0, X.useLayoutEffect)(() => {
-		if (!m) return;
-		let e = d.current?.refs ?? [], t = e.length;
+		if (!h) return;
+		let e = f.current?.refs ?? [], t = e.length;
 		if (!s.current || t === 0) return void v(null);
 		let n = s.current?.getBoundingClientRect(), r = [], i = [], a = () => {
 			let n = M.current;
@@ -2410,15 +2410,15 @@ var Q, jt = {
 		if (!c) return a(), w.current && k(), void v(jt);
 		let l = u.current?.getBoundingClientRect();
 		l?.width && (b.current = l.width);
-		let f = n.width - b.current;
+		let d = n.width - b.current;
 		o = 0;
 		for (let n = 0; n < t; n++) {
 			let t = e[n], a = !1;
 			if (t.current) {
 				let e = t.current.getBoundingClientRect();
-				o += e?.width, o <= f && (a = !0);
+				o += e?.width, o <= d && (a = !0);
 			}
-			a ? r.push(m[n]) : i.push(m[n]);
+			a ? r.push(h[n]) : i.push(h[n]);
 		}
 		a(), v({
 			inline: r,
@@ -2426,9 +2426,9 @@ var Q, jt = {
 		});
 	}, [
 		n,
-		m,
+		h,
 		l,
-		f
+		p
 	]), (0, X.useLayoutEffect)(() => () => {
 		M.current?.disconnect(), M.current = null;
 	}, []);
@@ -2446,7 +2446,7 @@ var Q, jt = {
 		}
 		return st({
 			...e,
-			children: (0, Z.jsx)(T, {
+			children: (0, Z.jsx)(D, {
 				className: "overflow-palette-popup-panel",
 				sx: {
 					display: "flex",
@@ -2463,7 +2463,7 @@ var Q, jt = {
 			})
 		});
 	}, [y]);
-	return (0, Z.jsxs)(T, {
+	return (0, Z.jsxs)(D, {
 		className: "overflow-palette",
 		sx: {
 			display: "flex",
@@ -2476,13 +2476,13 @@ var Q, jt = {
 			overflow: "hidden",
 			...r
 		},
-		ref: ie([
+		ref: K([
 			s,
 			c,
 			t
 		]),
 		...i,
-		children: [(0, Z.jsx)(T, {
+		children: [(0, Z.jsx)(D, {
 			sx: {
 				flexDirection: "row",
 				display: "flex",
@@ -2493,8 +2493,8 @@ var Q, jt = {
 				overflow: "hidden",
 				alignItems: "center"
 			},
-			children: g?.inline ?? m
-		}), (0, Z.jsx)(T, {
+			children: _?.inline ?? h
+		}), (0, Z.jsx)(D, {
 			className: "overflow-palette-popup-button",
 			sx: {
 				display: x || y === null || y.length !== 0 ? "flex" : "none",
@@ -2688,7 +2688,7 @@ var qt = (0, X.createContext)(void 0), Jt = ({ error: e }) => {
 	}, [e]), null;
 };
 function Yt(e) {
-	let t = v(e, { renderError: (e) => (0, Z.jsx)(Jt, { error: e }) });
+	let t = f(e, { renderError: (e) => (0, Z.jsx)(Jt, { error: e }) });
 	return (e) => {
 		let { onLoadError: n, ...r } = e;
 		return (0, Z.jsx)(qt.Provider, {
@@ -2769,7 +2769,7 @@ function Xt(e) {
 var Zt = (e) => {
 	let { showModal: t } = Kt();
 	return (n) => new Promise((r) => {
-		let i = t(ue, {
+		let i = t(le, {
 			...e,
 			...n,
 			onOption(e, t, i) {
@@ -2780,7 +2780,7 @@ var Zt = (e) => {
 			}
 		});
 	});
-}, Qt = Yt(i("utils-mui:inputDialog", () => import("./BZDRat2zTkUEg9cR.js"), { tier: "common" }).load), $t = (e) => {
+}, Qt = Yt(a("utils-mui:inputDialog", () => import("./CQ6dwRf0tKhftmHo.js"), { tier: "common" }).load), $t = (e) => {
 	let { showModal: t } = Kt();
 	return (n) => {
 		let { defaultOption: r = n.options?.[0], cancelOption: i = "Cancel", ...a } = n;
@@ -2812,14 +2812,14 @@ var Zt = (e) => {
 		});
 	};
 }, en = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { commandKey: n, command: r, disabled: i, shortcut: a, children: o, ...s } = e, [c] = k(n ?? []), l = r ?? c, u = l?.getShortcut();
+	let { commandKey: n, command: r, disabled: i, shortcut: a, children: o, ...s } = e, [c] = l(n ?? []), u = r ?? c, d = u?.getShortcut();
 	return (0, Z.jsx)(J, {
 		ref: t,
-		label: i === void 0 ? "" : l?.getLabel(),
-		shortcut: a === void 0 ? Array.isArray(u) ? u[0] : u : a,
-		description: l?.getDescription(),
+		label: i === void 0 ? "" : u?.getLabel(),
+		shortcut: a === void 0 ? Array.isArray(d) ? d[0] : d : a,
+		description: u?.getDescription(),
 		disabled: i,
-		componentDisabled: l?.disabled(),
+		componentDisabled: u?.disabled(),
 		...s,
 		children: (0, Z.jsx)("div", {
 			style: {
@@ -2829,7 +2829,7 @@ var Zt = (e) => {
 			children: o
 		})
 	});
-})), tn = ee;
+})), tn = L;
 function nn() {
 	let e = (0, X.useRef)(null);
 	return {
@@ -2843,83 +2843,83 @@ function nn() {
 	};
 }
 var rn = (0, Z.jsx)(o, {}), an = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let n, { commandKey: r, command: i, groupKey: a, icon: s, label: c, showLabel: l = !1, disabled: u, variant: p = d.Toolbar, shortcut: m, commandState: h, propsTooltip: g, ..._ } = e, { ripple: v, trigger: y } = nn(), b = (0, X.useMemo)(() => ({ onExecute() {
+	let n, { commandKey: r, command: i, groupKey: a, icon: s, label: c, showLabel: u = !1, disabled: d, variant: f = x.Toolbar, shortcut: p, commandState: m, propsTooltip: g, ..._ } = e, { ripple: v, trigger: y } = nn(), b = (0, X.useMemo)(() => ({ onExecute() {
 		y();
-	} }), [y]), [x] = k(r ?? [], b), S = i ?? x, C = (0, X.useCallback)((e) => {
+	} }), [y]), [S] = l(r ?? [], b), C = i ?? S, w = (0, X.useCallback)((e) => {
 		e.button === 0 && e.preventDefault();
-	}, []), w = (0, X.useCallback)(async (e) => {
-		e.button === 0 && S && await S.execute(h);
-	}, [S, h]), T = (0, X.useCallback)((e) => {
-		e.keyCode !== f.Enter && e.keyCode !== f.Space || S?.execute(h);
-	}, [S, h]), E = u ?? (!S || S.disabled()), D = S?.getState(), O = (0, X.useMemo)(() => {
+	}, []), T = (0, X.useCallback)(async (e) => {
+		e.button === 0 && C && await C.execute(m);
+	}, [C, m]), E = (0, X.useCallback)((e) => {
+		e.keyCode !== h.Enter && e.keyCode !== h.Space || C?.execute(m);
+	}, [C, m]), D = d ?? (!C || C.disabled()), O = C?.getState(), k = (0, X.useMemo)(() => {
 		if (s === null) return rn;
 		let e;
-		return e = typeof s == "function" ? S ? s(S) : void 0 : s, e ||= S?.getIcon(a), e ? (typeof e == "string" && (e = (0, Z.jsx)(o, { iconKey: e })), e) : p === d.Toolbar || D ? void 0 : rn;
+		return e = typeof s == "function" ? C ? s(C) : void 0 : s, e ||= C?.getIcon(a), e ? (typeof e == "string" && (e = (0, Z.jsx)(o, { iconKey: e })), e) : f === x.Toolbar || O ? void 0 : rn;
 	}, [
-		S,
+		C,
 		a,
 		s,
-		D,
-		p
+		O,
+		f
 	]), A = {
 		tabIndex: 0,
 		ref: t,
-		selected: !!D,
-		icon: p === d.Toolbar ? l ? Be(O, c ?? S?.getLabel(a)) : O : (0, Z.jsx)(At, {
-			selected: D ?? !1,
-			children: O
+		selected: !!O,
+		icon: f === x.Toolbar ? u ? Be(k, c ?? C?.getLabel(a)) : k : (0, Z.jsx)(At, {
+			selected: O ?? !1,
+			children: k
 		}),
 		disableRipple: !0,
-		disabled: E,
-		onMouseDown: C,
-		onMouseUp: w,
-		onKeyDown: T
+		disabled: D,
+		onMouseDown: w,
+		onMouseUp: T,
+		onKeyDown: E
 	};
-	return n = p === d.Menuitem ? (0, Z.jsxs)(xt, {
+	return n = f === x.Menuitem ? (0, Z.jsxs)(xt, {
 		..._,
 		...A,
-		children: [c ?? S?.getLabel(a), v]
+		children: [c ?? C?.getLabel(a), v]
 	}) : (0, Z.jsx)(_t, {
 		..._,
 		...A,
 		children: v
-	}), c || S?.getLabel() ? (E && (n = (0, Z.jsx)("div", { children: n })), n = (0, Z.jsx)(en, {
+	}), c || C?.getLabel() ? (D && (n = (0, Z.jsx)("div", { children: n })), n = (0, Z.jsx)(en, {
 		commandKey: r,
 		command: i,
-		disabled: E,
-		placement: p === d.Toolbar ? "bottom-start" : "right-start",
-		shortcut: m,
+		disabled: D,
+		placement: f === x.Toolbar ? "bottom-start" : "right-start",
+		shortcut: p,
 		...g,
 		children: n
 	}), n) : n;
 }));
 an.displayName = "CommandButton";
 var on = (0, Z.jsx)(o, {}), sn = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { commandKey: n, groupKey: r, icon: i, commandState: a, label: s, variant: c = d.Toolbar, disabled: l, parseInput: u, inputProps: p, inputRef: m, ...g } = e, { ripple: _, trigger: v } = nn(), y = (0, X.useMemo)(() => ({ onExecute() {
+	let { commandKey: n, groupKey: r, icon: i, commandState: a, label: s, variant: c = x.Toolbar, disabled: u, parseInput: d, inputProps: f, inputRef: p, ...g } = e, { ripple: _, trigger: v } = nn(), y = (0, X.useMemo)(() => ({ onExecute() {
 		v();
-	} }), [v]), b = k(n ?? [], y)[0], x = () => b?.getState()?.toString() || "", [S, C] = (0, X.useState)(""), w = (0, X.useRef)(x()), T = h(() => {
-		let e = S;
-		if (u) try {
-			e = u(S);
+	} }), [v]), b = l(n ?? [], y)[0], S = () => b?.getState()?.toString() || "", [C, w] = (0, X.useState)(""), T = (0, X.useRef)(S()), E = m(() => {
+		let e = C;
+		if (d) try {
+			e = d(C);
 		} catch {
-			C(x());
+			w(S());
 			return;
 		}
-		w.current === S ? C(x()) : (w.current = S, b?.execute(e));
+		T.current === C ? w(S()) : (T.current = C, b?.execute(e));
 	}, [
-		x,
-		b,
 		S,
-		u
+		b,
+		C,
+		d
 	]);
 	(0, X.useEffect)(() => {
-		C(x());
+		w(S());
 	}, [b?.getState()]);
-	let E, D = (0, X.useMemo)(() => {
+	let D, O = (0, X.useMemo)(() => {
 		if (i === null) return on;
 		let e;
-		return e = typeof i == "function" ? b ? i(b) : void 0 : i, e ||= b?.getIcon(), e ? (typeof e == "string" && (e = (0, Z.jsx)(o, { iconKey: e })), e) : c === d.Toolbar || b?.getState() ? void 0 : on;
-	}, [b?.getIcon(), i]), O = (0, X.useMemo)(() => s === void 0 ? b?.getLabel(r) : typeof s == "function" ? s() : s, [s, b?.getLabel(r)]), A = l ?? (!b || b.disabled()), j = (0, X.useMemo)(() => (0, Z.jsx)(P, {
+		return e = typeof i == "function" ? b ? i(b) : void 0 : i, e ||= b?.getIcon(), e ? (typeof e == "string" && (e = (0, Z.jsx)(o, { iconKey: e })), e) : c === x.Toolbar || b?.getState() ? void 0 : on;
+	}, [b?.getIcon(), i]), k = (0, X.useMemo)(() => s === void 0 ? b?.getLabel(r) : typeof s == "function" ? s() : s, [s, b?.getLabel(r)]), A = u ?? (!b || b.disabled()), j = (0, X.useMemo)(() => (0, Z.jsx)(N, {
 		...g,
 		sx: {
 			paddingTop: "0px",
@@ -2934,14 +2934,14 @@ var on = (0, Z.jsx)(o, {}), sn = (0, X.memo)((0, X.forwardRef)((e, t) => {
 		onMouseUp: (e) => {
 			e.button === 0 && e.stopPropagation();
 		},
-		children: (0, Z.jsx)(fe, {
+		children: (0, Z.jsx)(de, {
 			disabled: A,
-			inputRef: m,
+			inputRef: p,
 			inputProps: {
 				tabIndex: 0,
 				name: `input-${b?.getKey()}`,
 				autoComplete: "off",
-				...p
+				...f
 			},
 			sx: {
 				paddingTop: "0px",
@@ -2961,54 +2961,54 @@ var on = (0, Z.jsx)(o, {}), sn = (0, X.memo)((0, X.forwardRef)((e, t) => {
 				},
 				minHeight: "24px"
 			},
-			value: S,
+			value: C,
 			onFocus: (e) => {
 				e.target?.select();
 			},
 			onKeyDown: (e) => {
-				if (e.which === f.Enter) x() !== S && (e.stopPropagation(), e.preventDefault(), T());
-				else if (e.which === f.Escape) x() !== S && (C(x()), setTimeout(() => {
+				if (e.which === h.Enter) S() !== C && (e.stopPropagation(), e.preventDefault(), E());
+				else if (e.which === h.Escape) S() !== C && (w(S()), setTimeout(() => {
 					e.target?.select();
 				}, 0), e.stopPropagation(), e.preventDefault());
 				else {
-					if (e.key.match("[-]") || e.key.match("[0-9.]") && (S + e.key).length > 4) return e.stopPropagation(), void e.preventDefault();
-					if (e.which === f.Space) return void e.preventDefault();
+					if (e.key.match("[-]") || e.key.match("[0-9.]") && (C + e.key).length > 4) return e.stopPropagation(), void e.preventDefault();
+					if (e.which === h.Space) return void e.preventDefault();
 				}
 			},
 			onBlur: () => {
-				T();
+				E();
 			},
 			onChange: (e) => {
 				if (e.target.value.length > 4) return e.stopPropagation(), void e.preventDefault();
-				C(e.target.value);
+				w(e.target.value);
 			}
 		})
 	}), [
-		S,
+		C,
 		A,
-		p,
-		m
+		f,
+		p
 	]), M = {
 		tabIndex: 0,
 		ref: t,
-		icon: D,
+		icon: O,
 		disableRipple: !0,
-		disabled: l || !b || b.disabled(),
+		disabled: u || !b || b.disabled(),
 		onMouseDown: (e) => {
 			e.button === 0 && e.preventDefault();
 		},
 		onMouseUp: (e) => {
-			e.button !== 0 || e.isPropagationStopped() || e.isDefaultPrevented() || e.isDefaultPrevented() || (e.preventDefault(), T());
+			e.button !== 0 || e.isPropagationStopped() || e.isDefaultPrevented() || e.isDefaultPrevented() || (e.preventDefault(), E());
 		},
 		onKeyDown: (e) => {
-			e.keyCode !== f.Enter && e.keyCode !== f.Tab || T();
+			e.keyCode !== h.Enter && e.keyCode !== h.Tab || E();
 		}
 	};
-	return E = c === d.Menuitem ? (0, Z.jsxs)(xt, {
+	return D = c === x.Menuitem ? (0, Z.jsxs)(xt, {
 		...g,
 		...M,
 		children: [
-			O,
+			k,
 			j,
 			_
 		]
@@ -3016,53 +3016,53 @@ var on = (0, Z.jsx)(o, {}), sn = (0, X.memo)((0, X.forwardRef)((e, t) => {
 		...g,
 		...M,
 		children: _
-	}), b?.getLabel() ? ((b.disabled() || l) && (E = (0, Z.jsx)("div", { children: E })), E = (0, Z.jsx)(en, {
+	}), b?.getLabel() ? ((b.disabled() || u) && (D = (0, Z.jsx)("div", { children: D })), D = (0, Z.jsx)(en, {
 		commandKey: n,
-		placement: c === d.Toolbar ? "bottom-start" : "right-start",
-		children: E
-	}), E) : E;
+		placement: c === x.Toolbar ? "bottom-start" : "right-start",
+		children: D
+	}), D) : D;
 })), cn = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { variant: n = d.Toolbar, quickCommand: r, onQuickClick: i, commandState: a, disabled: s, label: c, icon: l, createPopupPanel: u, tooltip: f, selected: p, groupKey: m, ...g } = e, { ripple: _, trigger: v } = nn(), y = (0, X.useMemo)(() => ({ onExecute() {
+	let { variant: n = x.Toolbar, quickCommand: r, onQuickClick: i, commandState: a, disabled: s, label: c, icon: u, createPopupPanel: d, tooltip: f, selected: p, groupKey: h, ...g } = e, { ripple: _, trigger: v } = nn(), y = (0, X.useMemo)(() => ({ onExecute() {
 		v();
-	} }), [v]), [b] = k(r ?? [], y), { label: x, icon: S } = (0, X.useMemo)(() => {
+	} }), [v]), [b] = l(r ?? [], y), { label: S, icon: C } = (0, X.useMemo)(() => {
 		let e = null;
-		c && (e = typeof c == "function" ? b ? c(b) : null : c), e ||= b?.getLabel?.(m);
-		let t = l;
-		return t ||= b?.getIcon?.(m), typeof t == "string" ? t = (0, Z.jsx)(o, { iconKey: t }) : typeof t == "function" && (t = b ? t(b) : void 0), {
+		c && (e = typeof c == "function" ? b ? c(b) : null : c), e ||= b?.getLabel?.(h);
+		let t = u;
+		return t ||= b?.getIcon?.(h), typeof t == "string" ? t = (0, Z.jsx)(o, { iconKey: t }) : typeof t == "function" && (t = b ? t(b) : void 0), {
 			label: e,
 			icon: t
 		};
 	}, [
 		b,
 		c,
-		l
-	]), C = {
+		u
+	]), w = {
 		disabled: s || !(b || !r),
 		ripple: _,
 		onQuickClick: i,
 		tooltip: f,
-		label: x,
-		icon: S
+		label: S,
+		icon: C
 	};
-	(x || f) && (C.createTooltip = ({ children: e }, t) => (0, Z.jsx)(J, {
-		label: x,
+	(S || f) && (w.createTooltip = ({ children: e }, t) => (0, Z.jsx)(J, {
+		label: S,
 		description: f,
 		disabled: t,
 		children: e
 	}));
-	let w = h((e) => u?.(e), [u]), T = h((e) => b?.execute(a), [b]);
-	return b ? (C.propsQuickButton = {}, C.propsQuickButton.createTooltip = ({ children: e, placement: t }, i) => (0, Z.jsx)(en, {
+	let T = m((e) => d?.(e), [d]), E = m((e) => b?.execute(a), [b]);
+	return b ? (w.propsQuickButton = {}, w.propsQuickButton.createTooltip = ({ children: e, placement: t }, i) => (0, Z.jsx)(en, {
 		commandKey: r,
-		placement: t ?? n === d.Toolbar ? "bottom-start" : "right-start",
+		placement: t ?? n === x.Toolbar ? "bottom-start" : "right-start",
 		disabled: i,
 		children: e
-	}), C.disabled = C.disabled ?? b?.disabled(), i || (C.onQuickClick = T)) : r && (C.onQuickClick = () => {}), C.selected = p ?? b?.getState(), C.createPopupPanel = w, n === d.Toolbar ? (0, Z.jsx)(Ct, {
+	}), w.disabled = w.disabled ?? b?.disabled(), i || (w.onQuickClick = E)) : r && (w.onQuickClick = () => {}), w.selected = p ?? b?.getState(), w.createPopupPanel = T, n === x.Toolbar ? (0, Z.jsx)(Ct, {
 		...g,
-		...C,
+		...w,
 		ref: t
 	}) : (0, Z.jsx)(Et, {
 		...g,
-		...C,
+		...w,
 		ref: t
 	});
 }));
@@ -3121,18 +3121,18 @@ function ln(e, t = {}) {
 }
 cn.displayName = "CommandPopupButton";
 var un = (0, X.memo)((0, X.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 = s(), g = i ?? h, _ = !r && n ? g.get(n) : null, v = _ && Array.isArray(_.members) ? _ : null, y = (0, X.useMemo)(() => r ?? (n ? g.resolveMembers(n) : null) ?? null, [
+	let { groupKey: n, members: r, registry: i, quickCommand: a, icon: o, label: s, showLabel: c, tooltip: u, commandState: d, disabled: f, ...p } = e, m = O(), h = i ?? m, g = !r && n ? h.get(n) : null, _ = g && Array.isArray(g.members) ? g : null, v = (0, X.useMemo)(() => r ?? (n ? h.resolveMembers(n) : null) ?? null, [
 		r,
 		n,
-		g
-	]), b = n, x = a ?? v?.defaultKey, S = o ?? v?.getIcon?.(b), C = c ?? v?.getLabel?.(b), w = l ?? v?.showLabel, T = u ?? v?.getDescription?.(b), E = (0, X.useMemo)(() => {
-		let e = [], t = y ?? [];
+		h
+	]), y = n, b = a ?? _?.defaultKey, S = o ?? _?.getIcon?.(y), C = s ?? _?.getLabel?.(y), w = c ?? _?.showLabel, T = u ?? _?.getDescription?.(y), E = (0, X.useMemo)(() => {
+		let e = [], t = v ?? [];
 		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;
-	}, [y]), D = k(x ? [x, ...E] : E), O = (0, X.useMemo)(() => {
+	}, [v]), D = l(b ? [b, ...E] : E), k = (0, X.useMemo)(() => {
 		for (let e = 0; e < D.length; e++) {
 			let t = D[e];
 			if (t && !t.disabled()) return !1;
@@ -3140,43 +3140,43 @@ var un = (0, X.memo)((0, X.forwardRef)((e, t) => {
 		return !0;
 	}, [D]), A = (0, X.useCallback)((e) => {
 		let t = {};
-		p !== void 0 && (t.disabled = p);
-		let n = ln(y, {
-			variant: d.Menuitem,
+		f !== void 0 && (t.disabled = f);
+		let n = ln(v, {
+			variant: x.Menuitem,
 			dividerOrientation: "horizontal",
-			groupKey: b,
-			commandState: f,
+			groupKey: y,
+			commandState: d,
 			propsCommandButton: t,
 			propsCommandPopup: t,
-			registry: g
+			registry: h
 		});
 		return st({
 			...e,
 			children: n
 		});
 	}, [
+		v,
+		h,
 		y,
-		g,
-		b,
-		f,
-		p
+		d,
+		f
 	]);
-	return y ? (0, Z.jsx)(cn, {
+	return v ? (0, Z.jsx)(cn, {
 		ref: t,
-		quickCommand: x,
+		quickCommand: b,
 		icon: S,
 		label: C,
 		showLabel: w,
 		tooltip: T,
-		commandState: f,
-		disabled: p ?? O,
+		commandState: d,
+		disabled: f ?? k,
 		createPopupPanel: A,
-		...m
+		...p
 	}) : null;
 }));
 un.displayName = "CommandGroup";
 var dn = (0, Z.jsx)(o, { iconKey: "Check" }), fn = (e) => {
-	let { commandKey: t, label: n, groupKey: r, icon: i, sx: a, ...s } = e, [c] = k(t ?? []), l = (0, X.useMemo)(() => {
+	let { commandKey: t, label: n, groupKey: r, icon: i, sx: a, ...s } = e, [c] = l(t ?? []), u = (0, X.useMemo)(() => {
 		if (i !== void 0) return i;
 		let e = c?.getIcon(r);
 		return e ? (typeof e == "string" && (e = (0, Z.jsx)(o, { iconKey: e })), e) : dn;
@@ -3185,7 +3185,7 @@ var dn = (0, Z.jsx)(o, { iconKey: "Check" }), fn = (e) => {
 		r,
 		c
 	]);
-	return (0, Z.jsxs)(T, {
+	return (0, Z.jsxs)(D, {
 		sx: {
 			display: "flex",
 			flexDirection: "row",
@@ -3195,7 +3195,7 @@ var dn = (0, Z.jsx)(o, { iconKey: "Check" }), fn = (e) => {
 			...a
 		},
 		...s,
-		children: [l, (0, Z.jsx)(L, {
+		children: [u, (0, Z.jsx)(I, {
 			component: "div",
 			sx: {
 				whiteSpace: "nowrap",
@@ -3208,17 +3208,17 @@ var dn = (0, Z.jsx)(o, { iconKey: "Check" }), fn = (e) => {
 		})]
 	});
 }, pn = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { sx: n, propsCommandButton: r, parentFloat: i, groupKey: a, members: o, registry: c, renderToolbarPalette: u, children: d, ...m } = e, g = s(), _ = c ?? g, v = (0, X.useMemo)(() => o ?? (a ? _.resolveMembers(a) : null) ?? null, [
+	let { sx: n, propsCommandButton: r, parentFloat: i, groupKey: a, members: o, registry: c, renderToolbarPalette: l, children: d, ...f } = e, p = O(), _ = c ?? p, v = (0, X.useMemo)(() => o ?? (a ? _.resolveMembers(a) : null) ?? null, [
 		o,
 		a,
 		_,
 		_.getVersion()
-	]), y = D(t, () => ({}), []), [b, x] = (0, X.useState)(null), { reference: S } = O({
+	]), y = T(t, () => ({}), []), [b, x] = (0, X.useState)(null), { reference: S } = u({
 		label: "toolbar",
 		anchor: y.current,
 		parentFloat: i,
 		createPopupPanel: null
-	}), C = h(() => {
+	}), C = m(() => {
 		let e = b;
 		e && requestAnimationFrame(() => {
 			y.current?.contains(document.activeElement) && e.focus();
@@ -3226,22 +3226,22 @@ var dn = (0, Z.jsx)(o, { iconKey: "Check" }), fn = (e) => {
 	}, [b]), w = (0, X.useMemo)(() => ({
 		dense: !0,
 		outlined: !1
-	}), []), T = (0, X.useMemo)(() => ({ ...r || {} }), [r]), E = (0, X.useMemo)(() => ({
+	}), []), E = (0, X.useMemo)(() => ({ ...r || {} }), [r]), D = (0, X.useMemo)(() => ({
 		...w,
-		...T
-	}), [w, T]), k = (0, X.useMemo)(() => ({ ...T }), [E, r]), A = 0;
+		...E
+	}), [w, E]), k = (0, X.useMemo)(() => ({ ...E }), [D, r]), A = 0;
 	w.dense || (A += 2), w.outlined && A++;
 	let j = 2;
 	w.dense || (j = 4);
 	let M = (0, X.useMemo)(() => {
 		let e = {
-			propsCommandButton: E,
+			propsCommandButton: D,
 			propsCommandPopup: {
 				...k,
 				...r
 			}
 		};
-		return u ? u(e) : v ? (0, Z.jsx)(Mt, { children: ln(v, {
+		return l ? l(e) : v ? (0, Z.jsx)(Mt, { children: ln(v, {
 			dividerOrientation: "vertical",
 			groupKey: a,
 			propsCommandButton: e.propsCommandButton,
@@ -3249,10 +3249,10 @@ var dn = (0, Z.jsx)(o, { iconKey: "Check" }), fn = (e) => {
 			registry: _
 		}) }) : null;
 	}, [
-		E,
+		D,
 		k,
 		r,
-		u,
+		l,
 		v,
 		a,
 		_
@@ -3282,9 +3282,9 @@ var dn = (0, Z.jsx)(o, { iconKey: "Check" }), fn = (e) => {
 			b && !y?.current?.contains(e.relatedTarget) && x(null);
 		},
 		onKeyDown: (e) => {
-			b && e.which === f.Escape && b.focus();
+			b && e.which === h.Escape && b.focus();
 		},
-		...m,
+		...f,
 		children: (0, Z.jsx)("div", {
 			ref: y,
 			style: {
@@ -3296,9 +3296,9 @@ var dn = (0, Z.jsx)(o, { iconKey: "Check" }), fn = (e) => {
 				alignItems: "center",
 				maxWidth: "100%"
 			},
-			children: (0, Z.jsx)(l, {
+			children: (0, Z.jsx)(s, {
 				value: S,
-				children: (0, Z.jsx)(p, {
+				children: (0, Z.jsx)(g, {
 					value: C,
 					children: M
 				})
@@ -3308,7 +3308,7 @@ var dn = (0, Z.jsx)(o, { iconKey: "Check" }), fn = (e) => {
 }));
 pn.displayName = "CommandToolbar";
 var mn = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	let { groupKey: n, members: r, registry: i, projectAs: a = "quick", defaultIcon: o, ...c } = e, l = s(), u = i ?? l, d = (0, X.useMemo)(() => r ?? (n ? u.resolveMembers(n) : null) ?? null, [
+	let { groupKey: n, members: r, registry: i, projectAs: a = "quick", defaultIcon: o, ...s } = e, c = O(), u = i ?? c, d = (0, X.useMemo)(() => r ?? (n ? u.resolveMembers(n) : null) ?? null, [
 		r,
 		n,
 		u
@@ -3319,7 +3319,7 @@ var mn = (0, X.memo)((0, X.forwardRef)((e, t) => {
 			r && r !== "-" && (typeof r == "string" ? e.push(r) : r.key && e.push(r.key));
 		}
 		return e;
-	}, [d]), p = k(f), m = null, h = null;
+	}, [d]), p = l(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], h = t.getIcon());
@@ -3336,7 +3336,7 @@ var mn = (0, X.memo)((0, X.forwardRef)((e, t) => {
 		groupKey: n,
 		members: r,
 		registry: u,
-		...c,
+		...s,
 		...g
 	});
 }));