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

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

@@ -1,19 +1,19 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.5
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.7
 *
 * (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 "./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";
+import { r as e } from "./DyQEm0-NZ41L--1K.js";
+import { t } from "./2rpiEjMFb7cTkJWu.js";
+import { t as n } from "./OaIdw_jfk8n1tSOG.js";
+import { I as r, N as i, p as a } from "./DmxxEaNdjPB6nBgy2.js";
+import { r as o } from "./DLY3Gp_G16n4d85q.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 "./BvuxB7CzGAv0w7by.js";
+import { t as A } from "./VLBw3i20lk_Yly9G.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 "./SY3JTpsm5Bpu0tXj.js";
+import { T as fe, g as pe, m as me } from "./S2-ef6zfqD83qohl.js";
+import { t as he } from "./C0VNHurPIrPcmiu02.js";
 var X = e(t(), 1), Z = n();
 function ge(e) {
 	return C("MuiListItemButton", e);
@@ -44,7 +44,7 @@ E("MuiLinearProgress", [
 	"bar1",
 	"bar2"
 ]);
-var ye = {}, be = j`
+var ye = {}, be = M`
   0% {
     left: -35%;
     right: 100%;
@@ -59,9 +59,9 @@ var ye = {}, be = j`
     left: 100%;
     right: -90%;
   }
-`, xe = typeof be == "string" ? null : M`
+`, xe = typeof be == "string" ? null : N`
         animation: ${be} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-      `, Se = j`
+      `, Se = M`
   0% {
     left: -200%;
     right: 100%;
@@ -76,9 +76,9 @@ var ye = {}, be = j`
     left: 107%;
     right: -8%;
   }
-`, Ce = typeof Se == "string" ? null : M`
+`, Ce = typeof Se == "string" ? null : N`
         animation: ${Se} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
-      `, we = j`
+      `, we = M`
   0% {
     opacity: 1;
     background-position: 0 -23px;
@@ -93,7 +93,7 @@ var ye = {}, be = j`
     opacity: 1;
     background-position: -200px -23px;
   }
-`, Te = typeof we == "string" ? null : M`
+`, Te = typeof we == "string" ? null : N`
         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 = j`
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			t[`color${ce(n.color)}`],
+			t[`color${le(n.color)}`],
 			t[n.variant]
 		];
 	}
@@ -114,7 +114,7 @@ var ye = {}, be = j`
 	zIndex: 0,
 	"@media print": { colorAdjust: "exact" },
 	variants: [
-		...Object.entries(e.palette).filter(P()).map(([t]) => ({
+		...Object.entries(e.palette).filter(F()).map(([t]) => ({
 			props: { color: t },
 			style: { backgroundColor: Ee(e, t) }
 		})),
@@ -156,7 +156,7 @@ var ye = {}, be = j`
 			opacity: .3,
 			backgroundImage: "radial-gradient(currentColor 0%, currentColor 16%, transparent 42%)"
 		}
-	}, ...Object.entries(e.palette).filter(P()).map(([t]) => {
+	}, ...Object.entries(e.palette).filter(F()).map(([t]) => {
 		let n = Ee(e, t);
 		return {
 			props: { color: t },
@@ -190,7 +190,7 @@ var ye = {}, be = j`
 				props: { color: "inherit" },
 				style: { backgroundColor: "currentColor" }
 			},
-			...Object.entries(e.palette).filter(P()).map(([t]) => ({
+			...Object.entries(e.palette).filter(F()).map(([t]) => ({
 				props: { color: t },
 				style: { backgroundColor: (e.vars || e).palette[t].main }
 			})),
@@ -246,7 +246,7 @@ var ye = {}, be = j`
 		}),
 		transformOrigin: "left",
 		variants: [
-			...Object.entries(e.palette).filter(P()).map(([t]) => ({
+			...Object.entries(e.palette).filter(F()).map(([t]) => ({
 				props: { color: t },
 				style: { "--LinearProgressBar2-barColor": (e.vars || e).palette[t].main }
 			})),
@@ -262,7 +262,7 @@ var ye = {}, be = j`
 				props: { color: "inherit" },
 				style: { opacity: .3 }
 			},
-			...Object.entries(e.palette).filter(P()).map(([t]) => ({
+			...Object.entries(e.palette).filter(F()).map(([t]) => ({
 				props: {
 					color: t,
 					variant: "buffer"
@@ -302,7 +302,7 @@ var ye = {}, be = j`
 		return B({
 			root: [
 				"root",
-				`color${ce(r)}`,
+				`color${le(r)}`,
 				n
 			],
 			dashed: ["dashed"],
@@ -310,10 +310,10 @@ var ye = {}, be = j`
 			bar2: [
 				"bar",
 				"bar2",
-				n === "buffer" && `color${ce(r)}`
+				n === "buffer" && `color${le(r)}`
 			]
 		}, ve, t);
-	})(d), h = ue(), g = {}, _ = {
+	})(d), h = de(), g = {}, _ = {
 		bar1: {},
 		bar2: {}
 	};
@@ -349,8 +349,8 @@ var ye = {}, be = j`
 			})
 		]
 	});
-}), Me = Y(F, {
-	shouldForwardProp: (e) => te(e) || e === "classes",
+}), Me = Y(I, {
+	shouldForwardProp: (e) => ne(e) || e === "classes",
 	name: "MuiListItemButton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -422,7 +422,7 @@ var ye = {}, be = j`
 	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(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 = X.useContext(me), h = X.useMemo(() => ({
 		dense: s || m.dense || !1,
 		alignItems: r,
 		disableGutters: c
@@ -432,7 +432,7 @@ var ye = {}, be = j`
 		s,
 		c
 	]), g = X.useRef(null);
-	pe(() => {
+	fe(() => {
 		i && g.current && g.current.focus();
 	}, [i]);
 	let _ = {
@@ -456,8 +456,8 @@ var ye = {}, be = j`
 			...n,
 			...c
 		};
-	})(_), { root: y, ...x } = v, S = ae(g, t);
-	return (0, Z.jsx)(fe.Provider, {
+	})(_), { root: y, ...x } = v, S = oe(g, t);
+	return (0, Z.jsx)(me.Provider, {
 		value: h,
 		children: (0, Z.jsx)(Me, {
 			ref: S,
@@ -492,12 +492,12 @@ var ye = {}, be = j`
 	let n = H({
 		props: e,
 		name: "MuiListItemIcon"
-	}), { className: r, ...i } = n, a = X.useContext(fe), o = {
+	}), { className: r, ...i } = n, a = X.useContext(me), o = {
 		...n,
 		alignItems: a.alignItems
 	}, s = ((e) => {
 		let { alignItems: t, classes: n } = e;
-		return B({ root: ["root", t === "flex-start" && "alignItemsFlexStart"] }, me, n);
+		return B({ root: ["root", t === "flex-start" && "alignItemsFlexStart"] }, he, n);
 	})(o);
 	return (0, Z.jsx)(Pe, {
 		className: b(s.root, r),
@@ -595,7 +595,7 @@ var ze = {
 	paddingRight: (e) => e.spacing(.25)
 };
 function Be(e, t) {
-	let n = t != null && !1 !== t && t !== "" ? (0, Z.jsx)(I, {
+	let n = t != null && !1 !== t && t !== "" ? (0, Z.jsx)(L, {
 		component: "div",
 		sx: ze,
 		children: t
@@ -616,7 +616,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 		style: { cursor: "pointer" },
 		...e
 	});
-	return e.isBefore !== void 0 && !e.disabled && (t = (0, Z.jsx)(ne, {
+	return e.isBefore !== void 0 && !e.disabled && (t = (0, Z.jsx)(re, {
 		title: (0, Z.jsx)(Ve, {
 			isHorizontal: e.orientation === k.Horizontal,
 			isBefore: e.isBefore
@@ -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)(N, {
+	let { style: i, ...a } = e, o = (0, Z.jsx)(P, {
 		component: "div",
 		...a,
 		style: {
@@ -642,7 +642,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 		size: "small",
 		children: t
 	});
-	return (0, Z.jsx)(ne, {
+	return (0, Z.jsx)(re, {
 		title: e.disabled ? n : r,
 		enterDelay: 800,
 		enterNextDelay: 1600,
@@ -665,7 +665,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 	size: "small"
 }), "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)(he, {
+	return (0, Z.jsx)(A, {
 		ref: t,
 		sx: {
 			marginLeft: a ? "2px" : void 0,
@@ -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)(I, {
+	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, {
 		"data-sxl-loading-label": "",
 		variant: "caption",
 		component: "div",
@@ -1072,7 +1072,7 @@ var Ve = ({ isHorizontal: e, isBefore: t }) => {
 			children: e
 		})), (0, Z.jsx)(D, {
 			...p,
-			ref: K([g, t]),
+			ref: ie([g, t]),
 			className: "animatable",
 			sx: {
 				cursor: "wait",
@@ -1197,7 +1197,7 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 				py: .5
 			},
 			children: [
-				(0, Z.jsx)(I, {
+				(0, Z.jsx)(L, {
 					variant: "caption",
 					component: "div",
 					sx: {
@@ -1207,7 +1207,7 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 					children: c.length > 1 ? r("stackTrace.headingFrames", { count: c.length }) : r("stackTrace.heading")
 				}),
 				(0, Z.jsx)(D, { sx: { flex: 1 } }),
-				a && (0, Z.jsx)(I, {
+				a && (0, Z.jsx)(L, {
 					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)(N, {
+				(0, Z.jsx)(P, {
 					size: "small",
 					onClick: async () => {
 						try {
@@ -1242,7 +1242,7 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 						style: { fontSize: "0.875rem" }
 					})
 				}),
-				(0, Z.jsx)(N, {
+				(0, Z.jsx)(P, {
 					size: "small",
 					onClick: () => {
 						s("Logged!"), setTimeout(() => s(null), 2e3), console.warn(e);
@@ -1278,7 +1278,7 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 					mb: .5,
 					borderTop: t > 0 ? "1px solid rgba(255, 255, 255, 0.1)" : "none"
 				},
-				children: (0, Z.jsx)(I, {
+				children: (0, Z.jsx)(L, {
 					variant: "caption",
 					component: "div",
 					sx: {
@@ -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)(I, {
+				children: [!n && (0, Z.jsx)(L, {
 					variant: "caption",
 					component: "div",
 					sx: {
@@ -1314,7 +1314,7 @@ var $e = /^\s*at\s+(?:(async|new|await)\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)$/, et
 						flex: 1,
 						overflow: "hidden"
 					},
-					children: [(0, Z.jsx)(I, {
+					children: [(0, Z.jsx)(L, {
 						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)(I, {
+					}), e.location && e.line !== e.location && (0, Z.jsx)(L, {
 						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}`)), f && (0, Z.jsx)(I, {
+			}, `stack-${t}`)), f && (0, Z.jsx)(L, {
 				variant: "caption",
 				component: "div",
 				sx: {
@@ -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)(I, {
+		(0, Z.jsx)(L, {
 			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)(I, {
+		e.cause ? (0, Z.jsx)(L, {
 			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)(I, {
+}) : (0, Z.jsx)(L, {
 	variant: "caption",
 	component: "div",
 	sx: {
@@ -1510,11 +1510,11 @@ var it = (e, t = !1, n = !1, r = !1, i = (e) => e) => (0, X.isValidElement)(e) ?
 				alignItems: "flex-start",
 				gap: 1
 			},
-			children: [(0, Z.jsx)(I, {
+			children: [(0, Z.jsx)(L, {
 				variant: "body2",
 				component: "div",
 				children: t instanceof Error ? t.message : String(t)
-			}), r ? (0, Z.jsx)(A, {
+			}), r ? (0, Z.jsx)(j, {
 				variant: "outlined",
 				size: "small",
 				onClick: r,
@@ -1544,7 +1544,7 @@ var ot = {
 	});
 }, ct = (e, t, n) => {
 	let r = "";
-	return n && (r = (r ? r + " " : "") + "rotate(180deg)"), (0, Z.jsx)(se, {
+	return n && (r = (r ? r + " " : "") + "rotate(180deg)"), (0, Z.jsx)(ce, {
 		style: {
 			marginLeft: e ? void 0 : t ? "-0.25rem" : "-3px",
 			marginRight: e ? void 0 : t ? "-0.25rem" : "-6px",
@@ -1572,7 +1572,7 @@ 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) => ee(e)
+				"&.MuiPaper-root": (e) => V(e)
 			},
 			tabIndex: 0,
 			children: t
@@ -1696,7 +1696,7 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(v, {
 	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)(N, {
+	}, [s, o]), w = (0, Z.jsxs)(P, {
 		component: "div",
 		ref: t,
 		className: z({
@@ -1720,7 +1720,7 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(v, {
 	});
 	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)(ne, {
+		w = (0, Z.jsx)(re, {
 			disableInteractive: !0,
 			title: e ?? "",
 			...u,
@@ -1810,7 +1810,7 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(v, {
 		children: [
 			w,
 			f,
-			h ? (0, Z.jsx)(V, { chips: h }) : null
+			h ? (0, Z.jsx)(te, { 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)(v, {
 	})), 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)(I, {
+	return (0, Z.jsx)(Z.Fragment, { children: (0, Z.jsx)(L, {
 		ref: t,
 		variant: a,
 		component: "div",
@@ -1837,7 +1837,7 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(v, {
 		children: n
 	}) });
 })), Ct = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	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 { 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, ...N } = 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);
@@ -1851,25 +1851,25 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(v, {
 			active: F.palette.mode === "dark" ? F.palette.text.secondary : F.palette.text.primary,
 			text: F.palette.text.icon ?? F.palette.action.active
 		};
-	}, [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,
+	}, [i, 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 = u({
+		anchor: H.current,
 		label: a,
 		createPopupPanel: d,
 		parentFloat: l,
 		propsPopper: f?.propsPopper,
 		onClose: () => {
-			R(!1), g?.();
+			ee(!1), g?.();
 		},
 		onOpen: () => {
-			R(!0), p?.();
+			ee(!0), p?.();
 		}
-	}), G = m((e) => {
-		c?.(e), W.reference.close(0);
-	}, [c, W]), re = m(() => {
-		L ? W.reference.close(0) : W.reference.open(0);
+	}), W = m((e) => {
+		c?.(e), U.reference.close(0);
+	}, [c, U]), G = m(() => {
+		L ? U.reference.close(0) : U.reference.open(0);
 	}, [
 		L,
-		W,
+		U,
 		l,
 		a
 	]), K = (0, X.useMemo)(() => {
@@ -1936,49 +1936,49 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(v, {
 			compoundStyling: s,
 			openCompoundStyling: r.mergeContentful(s, t)
 		};
-	}, [I, E]), q = m((e) => {
+	}, [I, E]), ie = m((e) => {
 		let { children: t, ref: n, ...r } = e;
-		return (0, Z.jsx)(ne, {
+		return (0, Z.jsx)(re, {
 			ref: n,
 			...r,
 			disableInteractive: !0,
 			children: t
 		});
-	}, []), 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, {
+	}, []), q = c || y, ae = q && (v?.tooltip || v?.createTooltip), oe = (e) => {
+		let { tooltip: t, createTooltip: n, sx: r, ...i } = e, a = (0, Z.jsx)(P, {
 			sx: { ...r },
 			component: "div",
 			...i
 		});
-		return ae && (a = (n ?? q)({
+		return ae && (a = (n ?? ie)({
 			title: L ? "" : t ?? b,
 			children: (0, Z.jsx)("div", { children: a })
 		}, L)), a;
 	}, se = { onKeyDown: (e) => {
-		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), [
+		e.keyCode === h.Space ? G() : e.keyCode === h.F4 || e.keyCode === h.Down ? U.reference.open(0) : e.keyCode === h.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 ? a : null), [
 		S,
 		a,
 		o,
-		ie
+		q
 	]);
-	if (ie) {
+	if (q) {
 		let e = L ? K.openQuickButtonStyling : K.quickButtonStyling, t = (y || oe)({
 			tabIndex: -1,
 			disabled: C,
 			size: "small",
 			edge: "end",
 			onMouseEnter: () => {
-				W.reference.parent?.closeChild();
+				U.reference.parent?.closeChild();
 			},
 			onMouseDown: (e) => {
-				e.button === 0 && (e.preventDefault(), G(e));
+				e.button === 0 && (e.preventDefault(), W(e));
 			},
 			disableRipple: !!O,
-			children: (0, Z.jsxs)(Z.Fragment, { children: [ce, O] }),
+			children: (0, Z.jsxs)(Z.Fragment, { children: [J, O] }),
 			...v,
 			className: z({
-				"Mui-focusVisible": B || L,
+				"Mui-focusVisible": R || L,
 				"Mui-selected": s,
 				"Mui-hovered": V || L,
 				"Mui-disabled": C,
@@ -1992,17 +1992,17 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(v, {
 				...v?.sx
 			}
 		}), r = ct(!0, n, L);
-		ae && (r = (x ?? q)({
+		ae && (r = (x ?? ie)({
 			title: L ? "" : b,
 			children: r
-		}, L)), J = (0, Z.jsxs)(Z.Fragment, { children: [t, (0, Z.jsx)(N, {
-			ref: U,
+		}, L)), ce = (0, Z.jsxs)(Z.Fragment, { children: [t, (0, Z.jsx)(P, {
+			ref: ne,
 			component: "div",
 			className: z({
 				"Mui-selected": L,
 				"Mui-hovered": V || L,
 				"Mui-disabled": C,
-				"Mui-focusVisible": B || L,
+				"Mui-focusVisible": R || L,
 				bordered: !0,
 				right: !0,
 				divider: !0
@@ -2020,23 +2020,23 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(v, {
 			size: "small",
 			edge: "end",
 			onMouseDown: (e) => {
-				e.button === 0 && (e.preventDefault(), re());
+				e.button === 0 && (e.preventDefault(), G());
 			},
 			children: r
 		})] });
 	} else {
 		let e = L ? K.openCompoundStyling : K.compoundStyling;
-		J = (0, Z.jsx)(_t, {
-			ref: U,
+		ce = (0, Z.jsx)(_t, {
+			ref: ne,
 			tabIndex: -1,
 			disabled: C,
 			size: "small",
-			icon: ce,
+			icon: J,
 			className: z({
 				"Mui-selected": L || s,
 				"Mui-hovered": V,
 				"Mui-disabled": C,
-				"Mui-focusVisible": B || L,
+				"Mui-focusVisible": R || L,
 				bordered: !0,
 				left: !0,
 				right: !0
@@ -2047,22 +2047,22 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(v, {
 				...e
 			},
 			onMouseDown: (e) => {
-				e.button === 0 && (e.preventDefault(), re());
+				e.button === 0 && (e.preventDefault(), G());
 			},
 			children: ct(!1, n, L)
 		});
 	}
-	let { className: Y, sx: le, ...ue } = T, de = (0, Z.jsx)(D, {
-		onFocus: () => ee(!0),
-		onBlur: () => ee(!1),
-		onMouseOver: () => H(!0),
-		onMouseOut: () => H(!1),
+	let { className: le, sx: Y, ...ue } = T, de = (0, Z.jsx)(D, {
+		onFocus: () => B(!0),
+		onBlur: () => B(!1),
+		onMouseOver: () => te(!0),
+		onMouseOut: () => te(!1),
 		...se,
 		"aria-label": "split button",
-		ref: te,
+		ref: H,
 		tabIndex: C ? void 0 : 0,
-		className: z(Y, "split-button-root", {
-			"Mui-focusVisible": B || L,
+		className: z(le, "split-button-root", {
+			"Mui-focusVisible": R || L,
 			"Mui-selected": L || s,
 			"Mui-hovered": V,
 			"Mui-disabled": C
@@ -2080,30 +2080,30 @@ var ut = (e) => (0, Z.jsx)(lt, { ...e }), dt = (e) => (0, Z.jsx)(v, {
 				outline: (e) => `solid ${e.palette.primary.main} 1px`,
 				zIndex: 2
 			},
-			...le
+			...Y
 		},
 		...ue,
-		children: J
+		children: ce
 	});
-	return ae || (de = (x ?? q)({
+	return ae || (de = (x ?? ie)({
 		title: L ? "" : b,
 		children: de
 	}, L)), (0, Z.jsxs)(D, {
 		className: z(M, "popupIconButton"),
 		ref: t,
-		...P,
+		...N,
 		sx: {
-			zIndex: B || L ? 2 : void 0,
+			zIndex: R || L ? 2 : void 0,
 			display: "flex",
 			alignItems: "center",
 			...j
 		},
-		children: [de, W.component]
+		children: [de, U.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: 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)(() => {
+	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, 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)(() => {
 		if (!c) return;
 		let { propsPopper: e } = c;
 		return {
@@ -2111,32 +2111,32 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 			offsets: [-4, -2],
 			...e
 		};
-	}, [c]), I = u({
-		anchor: N.current,
+	}, [c]), L = u({
+		anchor: P.current,
 		label: r,
 		createPopupPanel: s,
 		parentFloat: o,
-		propsPopper: F,
+		propsPopper: I,
 		onClose: () => {
 			T(!1), d?.();
 		},
 		onOpen: () => {
 			T(!0), l?.();
 		}
-	}), L = m((e) => {
-		e.button === 0 && (a?.(e), I.reference.close(0));
-	}, [a]), R = (0, Z.jsx)(ie, {}), B = { "&.Mui-selected": {
+	}), ee = m((e) => {
+		e.button === 0 && (a?.(e), L.reference.close(0));
+	}, [a]), R = (0, Z.jsx)(ae, {}), B = { "&.Mui-selected": {
 		color: (e) => e.palette.text.primary,
 		"& svg * ": { color: (e) => e.palette.text.primary }
-	} }, ee = (0, X.useCallback)((e) => {
+	} }, V = (0, X.useCallback)((e) => {
 		let { children: t, ref: n, ...r } = e;
-		return (0, Z.jsx)(ne, {
+		return (0, Z.jsx)(re, {
 			ref: n,
 			...r,
 			disableInteractive: !0,
 			children: t
 		});
-	}, []), V = a || p, H = (e) => {
+	}, []), te = a || p, H = (e) => {
 		let { tooltip: t, createTooltip: n, ...i } = e;
 		return (0, Z.jsxs)(xt, {
 			icon: _,
@@ -2149,40 +2149,40 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 			...i,
 			children: [r, y]
 		});
-	}, te = {
+	}, ne = {
 		onFocus: () => {
 			O(!0);
 		},
 		onBlur: () => O(!1),
 		onMouseOver: () => {
-			A(!0);
+			j(!0);
 		},
 		onMouseLeave: () => {
-			A(!1);
+			j(!1);
 		},
 		onMouseEnter: (e) => {
-			e.preventDefault(), I.reference.open();
+			e.preventDefault(), L.reference.open();
 		},
 		onMouseDown: (e) => {
 			e.button === 0 && e.preventDefault();
 		}
 	}, U = (0, Z.jsx)(Z.Fragment, {});
-	if (V) {
+	if (te) {
 		let e = {
 			tabIndex: -1,
 			disabled: v,
 			onMouseEnter: () => {
-				I.reference.parent?.closeChild();
+				L.reference.parent?.closeChild();
 			},
 			onMouseDown: (e) => {
-				e.button === 0 && (e.preventDefault(), L(e));
+				e.button === 0 && (e.preventDefault(), ee(e));
 			},
 			className: z("quick-left", {}, f?.className),
 			...f
 		};
 		U = (0, Z.jsxs)(Z.Fragment, { children: [
 			(p || H)(e),
-			(0, Z.jsx)(he, {
+			(0, Z.jsx)(A, {
 				sx: {
 					ml: "0px",
 					mr: "0px"
@@ -2192,7 +2192,7 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 				flexItem: !0
 			}),
 			(0, Z.jsx)(Ne, {
-				ref: P,
+				ref: F,
 				className: z({
 					"Mui-selected": w,
 					"Mui-hovered": k
@@ -2213,7 +2213,7 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 				},
 				tabIndex: -1,
 				disabled: v,
-				...te,
+				...ne,
 				children: (0, Z.jsx)(D, {
 					className: "expand-icon",
 					sx: {
@@ -2225,20 +2225,20 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 						color: (e) => b ? void 0 : e.palette.text.icon ?? e.palette.action.active
 					},
 					onMouseOver: (e) => {
-						e.preventDefault(), M(!0);
+						e.preventDefault(), N(!0);
 					},
 					onMouseLeave: () => {
-						M(!1);
+						N(!1);
 					},
 					onClick: (e) => {
-						e.preventDefault(), w ? I.reference.close() : I.reference.open();
+						e.preventDefault(), w ? L.reference.close() : L.reference.open();
 					},
 					children: R
 				})
 			})
 		] });
 	} else U = (0, Z.jsxs)(xt, {
-		ref: P,
+		ref: F,
 		tabIndex: -1,
 		disabled: v,
 		icon: _,
@@ -2252,9 +2252,9 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 			...B
 		},
 		onClick: (e) => {
-			e.preventDefault(), w ? I.reference.close() : I.reference.open();
+			e.preventDefault(), w ? L.reference.close() : L.reference.open();
 		},
-		...te,
+		...ne,
 		children: [(0, Z.jsx)("div", {
 			style: { flex: "1 1 100%" },
 			children: r
@@ -2270,7 +2270,7 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 	});
 	let W = (0, Z.jsx)(D, {
 		"aria-label": "split button",
-		ref: N,
+		ref: P,
 		tabIndex: v ? void 0 : 0,
 		className: z({
 			"Mui-disabled": v,
@@ -2294,7 +2294,7 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 		...C,
 		children: U
 	});
-	return V && !j && (f?.tooltip || f?.createTooltip) && (W = (f?.createTooltip ?? ee)({
+	return te && !M && (f?.tooltip || f?.createTooltip) && (W = (f?.createTooltip ?? V)({
 		title: w ? "" : W ?? f?.tooltip,
 		children: W
 	}, w)), (0, Z.jsxs)(D, {
@@ -2307,7 +2307,7 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 				flex: "1 1 100%"
 			}
 		},
-		children: [W, I.component]
+		children: [W, L.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;
@@ -2345,12 +2345,12 @@ var wt = (0, Z.jsx)(o, { iconKey: "Check" }), Tt = {}, Et = (0, X.memo)((0, X.fo
 		children: c
 	});
 }));
-oe();
+se();
 var Q, jt = {
 	inline: null,
 	popup: []
 }, Mt = (0, X.memo)((0, X.forwardRef)((e, t) => {
-	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);
+	let { children: n, sx: r, ...i } = e, a = d(), s = T(t, () => ({}), []), [c, l] = K(), 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);
@@ -2476,7 +2476,7 @@ var Q, jt = {
 			overflow: "hidden",
 			...r
 		},
-		ref: K([
+		ref: ie([
 			s,
 			c,
 			t
@@ -2769,7 +2769,7 @@ function Xt(e) {
 var Zt = (e) => {
 	let { showModal: t } = Kt();
 	return (n) => new Promise((r) => {
-		let i = t(le, {
+		let i = t(ue, {
 			...e,
 			...n,
 			onOption(e, t, i) {
@@ -2780,7 +2780,7 @@ var Zt = (e) => {
 			}
 		});
 	});
-}, Qt = Yt(a("utils-mui:inputDialog", () => import("./CQ6dwRf0tKhftmHo.js"), { tier: "common" }).load), $t = (e) => {
+}, Qt = Yt(a("utils-mui:inputDialog", () => import("./BfmYSaC7YF8lHawu.js"), { tier: "common" }).load), $t = (e) => {
 	let { showModal: t } = Kt();
 	return (n) => {
 		let { defaultOption: r = n.options?.[0], cancelOption: i = "Cancel", ...a } = n;
@@ -2829,7 +2829,7 @@ var Zt = (e) => {
 			children: o
 		})
 	});
-})), tn = L;
+})), tn = ee;
 function nn() {
 	let e = (0, X.useRef)(null);
 	return {
@@ -2919,7 +2919,7 @@ var on = (0, Z.jsx)(o, {}), sn = (0, X.memo)((0, X.forwardRef)((e, t) => {
 		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 === 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, {
+	}, [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)(P, {
 		...g,
 		sx: {
 			paddingTop: "0px",
@@ -2934,7 +2934,7 @@ 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)(de, {
+		children: (0, Z.jsx)(pe, {
 			disabled: A,
 			inputRef: p,
 			inputProps: {
@@ -3195,7 +3195,7 @@ var dn = (0, Z.jsx)(o, { iconKey: "Check" }), fn = (e) => {
 			...a
 		},
 		...s,
-		children: [u, (0, Z.jsx)(I, {
+		children: [u, (0, Z.jsx)(L, {
 			component: "div",
 			sx: {
 				whiteSpace: "nowrap",