@pie-element/drag-in-the-blank 10.1.2-next.7 → 10.1.2-next.9

package/dist/browser/author/index.js

@@ -1,5 +1,5 @@
 import { i as e, r as t, t as n } from "../rolldown-runtime-CWhphoD1.js";
-import { $ as r, A as i, At as a, B as o, Bt as s, C as c, Ct as l, D as u, Dt as d, E as f, Et as p, F as m, Ft as h, G as g, H as _, I as v, It as y, J as b, K as x, L as S, Lt as C, Mt as w, N as ee, Nt as T, O as te, Ot as ne, P as re, Pt as ie, Q as ae, R as E, Rt as D, S as O, St as oe, Tt as k, U as se, V as A, Vt as ce, W as le, X as ue, Y as j, Z as de, _t as fe, at as pe, b as me, bt as he, c as ge, ct as _e, d as ve, dt as ye, et as be, f as xe, ft as Se, gt as Ce, ht as M, it as we, j as Te, jt as Ee, k as De, kt as Oe, l as ke, lt as Ae, mt as je, n as Me, nt as Ne, o as Pe, ot as Fe, q as Ie, rt as Le, s as Re, st as ze, t as Be, tt as Ve, u as He, ut as Ue, v as We, vt as Ge, w as Ke, wt as qe, x as Je, xt as Ye, y as Xe, yt as Ze, z as Qe, zt as $e } from "../drag-provider-BbQMM4wo.js";
+import { $ as r, A as i, At as a, B as o, Bt as s, C as c, Ct as l, D as u, Dt as d, E as f, Et as p, F as m, Ft as h, G as g, H as _, I as v, It as y, J as b, K as x, L as S, Lt as C, Mt as w, N as ee, Nt as T, O as te, Ot as E, P as ne, Pt as re, Q as ie, R as D, Rt as O, S as ae, St as oe, Tt as k, U as se, V as A, Vt as ce, W as le, X as ue, Y as j, Z as de, _t as fe, at as pe, b as me, bt as he, c as ge, ct as _e, d as ve, dt as ye, et as be, f as xe, ft as Se, gt as Ce, ht as M, it as we, j as Te, jt as Ee, k as De, kt as Oe, l as ke, lt as Ae, mt as je, n as Me, nt as Ne, o as Pe, ot as Fe, q as Ie, rt as Le, s as Re, st as ze, t as Be, tt as Ve, u as He, ut as Ue, v as We, vt as Ge, w as Ke, wt as qe, x as Je, xt as Ye, y as Xe, yt as Ze, z as Qe, zt as $e } from "../drag-provider-C--v2fW9.js";
 import { a as et, c as tt, d as nt, f as rt, g as it, h as at, i as ot, n as st, o as ct, p as lt, s as ut, t as dt, u as ft } from "../dist-CqufoV2m.js";
 import * as N from "react";
 import pt, { Component as mt, createContext as ht, createElement as gt, createRef as _t, forwardRef as vt, memo as yt, useCallback as bt, useContext as xt, useDebugValue as St, useEffect as Ct, useLayoutEffect as wt, useMemo as Tt, useRef as Et, useState as Dt, version as Ot } from "react";
@@ -35,7 +35,7 @@ function Pt(e) {
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/GlobalStyles/GlobalStyles.js
 function Ft(e) {
-	return /*#__PURE__*/ P(ne, {
+	return /*#__PURE__*/ P(E, {
 		...e,
 		defaultTheme: Ze,
 		themeId: h
@@ -67,7 +67,7 @@ function zt(e) {
 }
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/utils/useControlled.js
-var Bt = zt, Vt = /* @__PURE__ */ e(re(), 1), Ht = (0, Vt.default)("@pie-lib:editable-html:plugins"), Ut = [
+var Bt = zt, Vt = /* @__PURE__ */ e(ne(), 1), Ht = (0, Vt.default)("@pie-lib:editable-html:plugins"), Ut = [
 	"bold",
 	"html",
 	"extraCSSRules",
@@ -18531,7 +18531,7 @@ function lw({ n: e, children: t, isDragging: n, isOver: r, dragItem: i, value: a
 			});
 		} else !r && c && l(null);
 	}, [r, c]);
-	let f = i && r ? i.value.value : a.value || "\xA0", p = n ? "\xA0" : f, m = p !== "\xA0", h = i && r, g = o ? `2px solid ${D.primaryDark()}` : h ? `1px solid ${D.defaults.BORDER_DARK}` : `1px solid ${D.defaults.BORDER_LIGHT}`;
+	let f = i && r ? i.value.value : a.value || "\xA0", p = n ? "\xA0" : f, m = p !== "\xA0", h = i && r, g = o ? `2px solid ${O.primaryDark()}` : h ? `1px solid ${O.defaults.BORDER_DARK}` : `1px solid ${O.defaults.BORDER_LIGHT}`;
 	return /* @__PURE__ */ F("div", {
 		ref: u,
 		className: o ? "selected" : void 0,
@@ -18539,7 +18539,7 @@ function lw({ n: e, children: t, isDragging: n, isOver: r, dragItem: i, value: a
 			display: "inline-flex",
 			minWidth: "178px",
 			minHeight: "36px",
-			background: h ? `${D.defaults.BORDER_LIGHT}` : `${D.defaults.WHITE}`,
+			background: h ? `${O.defaults.BORDER_LIGHT}` : `${O.defaults.WHITE}`,
 			border: g,
 			boxSizing: "border-box",
 			borderRadius: "3px",
@@ -22621,10 +22621,10 @@ var WO = class extends pt.Component {
 	let t = {
 		pointerEvents: "none",
 		textTransform: "none !important",
-		color: D.text(),
+		color: O.text(),
 		"& .mq-scaled.mq-sqrt-prefix": { transform: "scale(1, 0.9) !important" },
 		"& .mq-sup-only .mq-sup": { marginBottom: "0.9px !important" },
-		"& .mq-empty": { backgroundColor: `${D.keypadEmptyPlaceholder()} !important` },
+		"& .mq-empty": { backgroundColor: `${O.keypadEmptyPlaceholder()} !important` },
 		"& .mq-overline .mq-overline-inner": { borderTop: "2px solid black" },
 		"& .mq-non-leaf.mq-overline": { borderTop: "none !important" },
 		"& .mq-overarrow": {
@@ -22741,9 +22741,9 @@ var ek = (e) => e ? {
 	textTransform: "none",
 	fontSize: n || r ? "200% !important" : "140% !important",
 	lineHeight: n || r ? "100%" : "normal",
-	color: D.text(),
-	backgroundColor: e === "operators" ? D.keypadButtonOperator() : D.keypadButton(),
-	"&:hover": { backgroundColor: e === "operators" ? D.keypadButtonOperatorHover() : D.keypadButtonHover() },
+	color: O.text(),
+	backgroundColor: e === "operators" ? O.keypadButtonOperator() : O.keypadButton(),
+	"&:hover": { backgroundColor: e === "operators" ? O.keypadButtonOperatorHover() : O.keypadButtonHover() },
 	borderRadius: 0,
 	...t && { fontFamily: "Roboto, Helvetica, Arial, sans-serif !important" }
 })), rk = M(u)(({ category: e }) => ({
@@ -22753,12 +22753,12 @@ var ek = (e) => e ? {
 	fontSize: "110% !important",
 	minWidth: "auto",
 	borderRadius: 0,
-	backgroundColor: e === "operators" ? D.keypadButtonOperator() : D.keypadButton(),
-	"&:hover": { backgroundColor: e === "operators" ? D.keypadButtonOperatorHover() : D.keypadButtonHover() }
+	backgroundColor: e === "operators" ? O.keypadButtonOperator() : O.keypadButton(),
+	"&:hover": { backgroundColor: e === "operators" ? O.keypadButtonOperatorHover() : O.keypadButtonHover() }
 })), ik = M(fS)(({ category: e }) => ({
 	minWidth: "auto",
-	backgroundColor: e === "operators" ? D.keypadButtonOperator() : D.keypadButton(),
-	"&:hover": { backgroundColor: e === "operators" ? D.keypadButtonOperatorHover() : D.keypadButtonHover() },
+	backgroundColor: e === "operators" ? O.keypadButtonOperator() : O.keypadButton(),
+	"&:hover": { backgroundColor: e === "operators" ? O.keypadButtonOperatorHover() : O.keypadButtonHover() },
 	borderRadius: 0,
 	"& .icon": { height: "30px" }
 })), ak = class extends pt.Component {
@@ -22924,7 +22924,7 @@ var ek = (e) => e ? {
 	}
 }, ck = M("span")(() => ({
 	display: "inline-flex",
-	border: `1px solid ${D.border()}`,
+	border: `1px solid ${O.border()}`,
 	margin: "1px 5px",
 	cursor: "pointer",
 	alignItems: "center",
@@ -22933,10 +22933,10 @@ var ek = (e) => e ? {
 	minHeight: "36px",
 	height: "fit-content"
 })), lk = M("div")(() => ({
-	background: D.backgroundDark(),
-	color: D.text(),
+	background: O.backgroundDark(),
+	color: O.text(),
 	display: "inline-flex",
-	borderRight: `2px solid ${D.border()}`,
+	borderRight: `2px solid ${O.border()}`,
 	boxSizing: "border-box",
 	overflow: "hidden",
 	fontSize: "12px",
@@ -23683,15 +23683,15 @@ var Qk = Xk.Provider, $k, eA = M(Bk, {
 		nativeInput: ["nativeInput"]
 	}, Gk, t);
 }, iA = /*#__PURE__*/ N.forwardRef(function(e, t) {
-	let { "aria-describedby": n, "aria-label": r, autoFocus: i, autoWidth: a, children: o, className: s, defaultOpen: c, defaultValue: l, disabled: u, displayEmpty: f, error: p = !1, IconComponent: m, inputRef: h, labelId: g, MenuProps: _ = {}, multiple: v, name: b, onBlur: x, onChange: S, onClose: C, onFocus: w, onKeyDown: ee, onMouseDown: T, onOpen: te, open: ne, readOnly: re, renderValue: ie, required: ae, SelectDisplayProps: E = {}, tabIndex: D, type: O, value: k, variant: se = "standard", ...A } = e, [ce, le] = Bt({
+	let { "aria-describedby": n, "aria-label": r, autoFocus: i, autoWidth: a, children: o, className: s, defaultOpen: c, defaultValue: l, disabled: u, displayEmpty: f, error: p = !1, IconComponent: m, inputRef: h, labelId: g, MenuProps: _ = {}, multiple: v, name: b, onBlur: x, onChange: S, onClose: C, onFocus: w, onKeyDown: ee, onMouseDown: T, onOpen: te, open: E, readOnly: ne, renderValue: re, required: ie, SelectDisplayProps: D = {}, tabIndex: O, type: ae, value: k, variant: se = "standard", ...A } = e, [ce, le] = Bt({
 		controlled: k,
 		default: l,
 		name: "Select"
 	}), [ue, j] = Bt({
-		controlled: ne,
+		controlled: E,
 		default: c,
 		name: "Select"
-	}), de = N.useRef(null), fe = N.useRef(null), [pe, he] = N.useState(null), { current: ge } = N.useRef(ne != null), [_e, ve] = N.useState(), [ye, xe] = N.useState(null), Se = be(t, h), Ce = N.useCallback((e) => {
+	}), de = N.useRef(null), fe = N.useRef(null), [pe, he] = N.useState(null), { current: ge } = N.useRef(E != null), [_e, ve] = N.useState(), [ye, xe] = N.useState(null), Se = be(t, h), Ce = N.useCallback((e) => {
 		fe.current = e, e && he(e);
 	}, []), M = pe?.parentNode;
 	N.useImperativeHandle(Se, () => ({
@@ -23760,7 +23760,7 @@ var Qk = Xk.Provider, $k, eA = M(Bk, {
 			v || Te(!1, t);
 		}
 	}, Me = (e) => {
-		re || ([
+		ne || ([
 			" ",
 			"ArrowUp",
 			"ArrowDown",
@@ -23777,7 +23777,7 @@ var Qk = Xk.Provider, $k, eA = M(Bk, {
 	};
 	delete A["aria-invalid"];
 	let Pe, Fe, Ie = [], Le = !1;
-	(me({ value: ce }) || f) && (ie ? Pe = ie(ce) : Le = !0);
+	(me({ value: ce }) || f) && (re ? Pe = re(ce) : Le = !0);
 	let Re = Oe.map((e) => {
 		if (!/*#__PURE__*/ N.isValidElement(e)) return null;
 		let t;
@@ -23801,8 +23801,8 @@ var Qk = Xk.Provider, $k, eA = M(Bk, {
 	let Be = _e;
 	!a && ge && pe && (Be = M.clientWidth);
 	let Ve;
-	Ve = D === void 0 ? u ? null : 0 : D;
-	let He = E.id || (b ? `mui-component-select-${b}` : void 0), Ue = {
+	Ve = O === void 0 ? u ? null : 0 : O;
+	let He = D.id || (b ? `mui-component-select-${b}` : void 0), Ue = {
 		...e,
 		variant: se,
 		value: ce,
@@ -23828,15 +23828,15 @@ var Qk = Xk.Provider, $k, eA = M(Bk, {
 			"aria-label": r,
 			"aria-labelledby": [g, He].filter(Boolean).join(" ") || void 0,
 			"aria-describedby": n,
-			"aria-required": ae ? "true" : void 0,
+			"aria-required": ie ? "true" : void 0,
 			"aria-invalid": p ? "true" : void 0,
 			onKeyDown: Me,
-			onMouseDown: u || re ? null : Ee,
+			onMouseDown: u || ne ? null : Ee,
 			onBlur: Ne,
 			onFocus: w,
-			...E,
+			...D,
 			ownerState: Ue,
-			className: d(E.className, We.select, s),
+			className: d(D.className, We.select, s),
 			id: He,
 			children: Jk(Pe) ? $k ||= /*#__PURE__*/ P("span", {
 				className: "notranslate",
@@ -23855,7 +23855,7 @@ var Qk = Xk.Provider, $k, eA = M(Bk, {
 			disabled: u,
 			className: We.nativeInput,
 			autoFocus: i,
-			required: ae,
+			required: ie,
 			...A,
 			ownerState: Ue
 		}),
@@ -24192,7 +24192,7 @@ var fA = k("MuiInputBase", [
 	let n = ye({
 		props: e,
 		name: "MuiInputBase"
-	}), { "aria-describedby": r, autoComplete: i, autoFocus: a, className: o, color: s, components: l = {}, componentsProps: u = {}, defaultValue: f, disabled: p, disableInjectingGlobalStyles: m, endAdornment: h, error: g, fullWidth: _ = !1, id: v, inputComponent: b = "input", inputProps: x = {}, inputRef: S, margin: C, maxRows: w, minRows: ee, multiline: T = !1, name: te, onBlur: ne, onChange: re, onClick: ie, onFocus: D, onKeyDown: oe, onKeyUp: k, placeholder: se, readOnly: A, renderSuffix: ce, rows: le, size: ue, slotProps: j = {}, slots: de = {}, startAdornment: fe, type: pe = "text", value: he, ...ge } = n, _e = x.value == null ? he : x.value, { current: ve } = N.useRef(_e != null), xe = N.useRef(), Ce = N.useCallback((e) => {}, []), M = be(xe, S, x.ref, Ce), [we, Te] = N.useState(!1), Ee = O(), De = Ke({
+	}), { "aria-describedby": r, autoComplete: i, autoFocus: a, className: o, color: s, components: l = {}, componentsProps: u = {}, defaultValue: f, disabled: p, disableInjectingGlobalStyles: m, endAdornment: h, error: g, fullWidth: _ = !1, id: v, inputComponent: b = "input", inputProps: x = {}, inputRef: S, margin: C, maxRows: w, minRows: ee, multiline: T = !1, name: te, onBlur: E, onChange: ne, onClick: re, onFocus: O, onKeyDown: oe, onKeyUp: k, placeholder: se, readOnly: A, renderSuffix: ce, rows: le, size: ue, slotProps: j = {}, slots: de = {}, startAdornment: fe, type: pe = "text", value: he, ...ge } = n, _e = x.value == null ? he : x.value, { current: ve } = N.useRef(_e != null), xe = N.useRef(), Ce = N.useCallback((e) => {}, []), M = be(xe, S, x.ref, Ce), [we, Te] = N.useState(!1), Ee = ae(), De = Ke({
 		props: n,
 		muiFormControl: Ee,
 		states: [
@@ -24206,46 +24206,46 @@ var fA = k("MuiInputBase", [
 		]
 	});
 	De.focused = Ee ? Ee.focused : we, N.useEffect(() => {
-		!Ee && p && we && (Te(!1), ne && ne());
+		!Ee && p && we && (Te(!1), E && E());
 	}, [
 		Ee,
 		p,
 		we,
-		ne
+		E
 	]);
 	let Oe = Ee && Ee.onFilled, ke = Ee && Ee.onEmpty, Ae = N.useCallback((e) => {
 		me(e) ? Oe && Oe() : ke && ke();
 	}, [Oe, ke]);
-	E(() => {
+	D(() => {
 		ve && Ae({ value: _e });
 	}, [
 		_e,
 		Ae,
 		ve
-	]), E(() => {
+	]), D(() => {
 		if (!a) return;
 		let e = xe.current;
 		if (!e) return;
-		let t = ze(e), n = ae(t), r = n == null || n === t.body || n === t.documentElement;
+		let t = ze(e), n = ie(t), r = n == null || n === t.body || n === t.documentElement;
 		e === n ? Ee && Ee.onFocus ? Ee.onFocus() : Te(!0) : r && e.focus();
 	}, [a]);
 	let je = (e) => {
-		D && D(e), x.onFocus && x.onFocus(e), Ee && Ee.onFocus ? Ee.onFocus(e) : Te(!0);
+		O && O(e), x.onFocus && x.onFocus(e), Ee && Ee.onFocus ? Ee.onFocus(e) : Te(!0);
 	}, Me = (e) => {
-		ne && ne(e), x.onBlur && x.onBlur(e), Ee && Ee.onBlur ? Ee.onBlur(e) : Te(!1);
+		E && E(e), x.onBlur && x.onBlur(e), Ee && Ee.onBlur ? Ee.onBlur(e) : Te(!1);
 	}, Ne = (e, ...t) => {
 		if (!ve) {
 			let t = e.target || xe.current;
 			if (t == null) throw Error(y(1));
 			Ae({ value: t.value });
 		}
-		x.onChange && x.onChange(e, ...t), re && re(e, ...t);
+		x.onChange && x.onChange(e, ...t), ne && ne(e, ...t);
 	};
 	N.useEffect(() => {
 		Ae(xe.current);
 	}, []);
 	let Pe = (e) => {
-		xe.current && e.currentTarget === e.target && xe.current.focus(), ie && ie(e);
+		xe.current && e.currentTarget === e.target && xe.current.focus(), re && re(e);
 	}, Fe = b, Ie = x;
 	T && Fe === "input" && (Ie = le ? {
 		type: void 0,
@@ -24885,7 +24885,7 @@ var BA = {
 	let n = ye({
 		props: e,
 		name: "MuiOutlinedInput"
-	}), { components: r = {}, fullWidth: i = !1, inputComponent: a = "input", label: o, multiline: s = !1, notched: c, slots: l = {}, slotProps: u = {}, type: d = "text", ...f } = n, p = VA(n), m = O(), h = Ke({
+	}), { components: r = {}, fullWidth: i = !1, inputComponent: a = "input", label: o, multiline: s = !1, notched: c, slots: l = {}, slotProps: u = {}, type: d = "text", ...f } = n, p = VA(n), m = ae(), h = Ke({
 		props: n,
 		muiFormControl: m,
 		states: [
@@ -24963,29 +24963,29 @@ var KA = (e) => {
 	let n = ye({
 		name: "MuiSelect",
 		props: e
-	}), { autoWidth: r = !1, children: i, classes: o = {}, className: s, defaultOpen: c = !1, displayEmpty: l = !1, IconComponent: u = aA, id: f, input: p, inputProps: m, label: h, labelId: g, MenuProps: _, multiple: v = !1, native: y = !1, onClose: b, onOpen: x, open: S, renderValue: C, SelectDisplayProps: w, variant: ee = "outlined", ...T } = n, te = y ? Wk : iA, ne = Ke({
+	}), { autoWidth: r = !1, children: i, classes: o = {}, className: s, defaultOpen: c = !1, displayEmpty: l = !1, IconComponent: u = aA, id: f, input: p, inputProps: m, label: h, labelId: g, MenuProps: _, multiple: v = !1, native: y = !1, onClose: b, onOpen: x, open: S, renderValue: C, SelectDisplayProps: w, variant: ee = "outlined", ...T } = n, te = y ? Wk : iA, E = Ke({
 		props: n,
-		muiFormControl: O(),
+		muiFormControl: ae(),
 		states: ["variant", "error"]
-	}), re = ne.variant || ee, ie = {
+	}), ne = E.variant || ee, re = {
 		...n,
-		variant: re,
+		variant: ne,
 		classes: o
-	}, ae = KA(ie), { root: E, ...D } = ae, oe = p || {
-		standard: /*#__PURE__*/ P(JA, { ownerState: ie }),
+	}, ie = KA(re), { root: D, ...O } = ie, oe = p || {
+		standard: /*#__PURE__*/ P(JA, { ownerState: re }),
 		outlined: /*#__PURE__*/ P(YA, {
 			label: h,
-			ownerState: ie
+			ownerState: re
 		}),
-		filled: /*#__PURE__*/ P(XA, { ownerState: ie })
-	}[re], k = be(t, Ne(oe));
+		filled: /*#__PURE__*/ P(XA, { ownerState: re })
+	}[ne], k = be(t, Ne(oe));
 	return /*#__PURE__*/ P(N.Fragment, { children: /*#__PURE__*/ N.cloneElement(oe, {
 		inputComponent: te,
 		inputProps: {
 			children: i,
-			error: ne.error,
+			error: E.error,
 			IconComponent: u,
-			variant: re,
+			variant: ne,
 			type: void 0,
 			multiple: v,
 			...y ? { id: f } : {
@@ -25004,13 +25004,13 @@ var KA = (e) => {
 				}
 			},
 			...m,
-			classes: m ? a(D, m.classes) : D,
+			classes: m ? a(O, m.classes) : O,
 			...p ? p.props.inputProps : {}
 		},
-		...(v && y || l) && re === "outlined" ? { notched: !0 } : {},
+		...(v && y || l) && ne === "outlined" ? { notched: !0 } : {},
 		ref: k,
-		className: d(oe.props.className, s, ae.root),
-		...!p && { variant: re },
+		className: d(oe.props.className, s, ie.root),
+		...!p && { variant: ne },
 		...T
 	}) });
 });
@@ -25134,7 +25134,7 @@ var $A = (e, t) => {
 		a,
 		s
 	]), _ = N.useRef(null);
-	E(() => {
+	D(() => {
 		r && _.current && QA(_.current, m);
 	}, [r]);
 	let v = {
@@ -25271,14 +25271,14 @@ var $A = (e, t) => {
 	"& .mq-sqrt-prefix .mq-scaled": { verticalAlign: "middle !important" }
 })), mj = M(XO.Input)(({ controlledKeypadMode: e }) => ({
 	maxWidth: e ? "400px" : "500px",
-	color: D.text(),
-	backgroundColor: D.background(),
+	color: O.text(),
+	backgroundColor: O.background(),
 	padding: "2px"
 })), hj = M(u)({
 	position: "absolute",
 	right: "12px",
 	border: "1px solid lightgrey",
-	color: D.text()
+	color: O.text()
 }), gj = M("hr")(({ theme: e }) => ({
 	padding: 0,
 	margin: 0,
@@ -25497,8 +25497,8 @@ var $A = (e, t) => {
 	height: "28px",
 	color: "#00bb00",
 	...e && {
-		backgroundColor: D.white(),
-		"&:hover": { backgroundColor: D.backgroundDark() }
+		backgroundColor: O.white(),
+		"&:hover": { backgroundColor: O.backgroundDark() }
 	},
 	"& .MuiIconButton-label": {
 		position: "absolute",
@@ -26142,7 +26142,7 @@ var Xj = k("MuiFormHelperText", [
 		name: "MuiFormHelperText"
 	}), { children: r, className: i, component: a = "p", disabled: o, error: s, filled: c, focused: l, margin: u, required: f, variant: p, ...m } = n, h = Ke({
 		props: n,
-		muiFormControl: O(),
+		muiFormControl: ae(),
 		states: [
 			"variant",
 			"size",
@@ -26199,7 +26199,7 @@ var nM = {
 	let n = ye({
 		props: e,
 		name: "MuiTextField"
-	}), { autoComplete: r, autoFocus: i = !1, children: a, className: o, color: s = "primary", defaultValue: c, disabled: l = !1, error: u = !1, FormHelperTextProps: f, fullWidth: p = !1, helperText: m, id: h, InputLabelProps: g, inputProps: _, InputProps: v, inputRef: y, label: x, maxRows: S, minRows: C, multiline: w = !1, name: ee, onBlur: T, onChange: te, onFocus: ne, placeholder: re, required: ie = !1, rows: ae, select: E = !1, SelectProps: D, slots: O = {}, slotProps: k = {}, type: se, value: A, variant: ce = "outlined", ...le } = n, ue = {
+	}), { autoComplete: r, autoFocus: i = !1, children: a, className: o, color: s = "primary", defaultValue: c, disabled: l = !1, error: u = !1, FormHelperTextProps: f, fullWidth: p = !1, helperText: m, id: h, InputLabelProps: g, inputProps: _, InputProps: v, inputRef: y, label: x, maxRows: S, minRows: C, multiline: w = !1, name: ee, onBlur: T, onChange: te, onFocus: E, placeholder: ne, required: re = !1, rows: ie, select: D = !1, SelectProps: O, slots: ae = {}, slotProps: k = {}, type: se, value: A, variant: ce = "outlined", ...le } = n, ue = {
 		...n,
 		autoFocus: i,
 		color: s,
@@ -26207,21 +26207,21 @@ var nM = {
 		error: u,
 		fullWidth: p,
 		multiline: w,
-		required: ie,
-		select: E,
+		required: re,
+		select: D,
 		variant: ce
 	}, j = rM(ue), de = oe(h), fe = m && de ? `${de}-helper-text` : void 0, pe = x && de ? `${de}-label` : void 0, me = nM[ce], he = {
-		slots: O,
+		slots: ae,
 		slotProps: {
 			input: v,
 			inputLabel: g,
 			htmlInput: _,
 			formHelperText: f,
-			select: D,
+			select: O,
 			...k
 		}
 	}, ge = {}, _e = he.slotProps.inputLabel;
-	ce === "outlined" && (_e && _e.shrink !== void 0 && (ge.notched = _e.shrink), ge.label = x), E && ((!D || !D.native) && (ge.id = void 0), ge["aria-describedby"] = void 0);
+	ce === "outlined" && (_e && _e.shrink !== void 0 && (ge.notched = _e.shrink), ge.label = x), D && ((!O || !O.native) && (ge.id = void 0), ge["aria-describedby"] = void 0);
 	let [ve, be] = b("root", {
 		elementType: iM,
 		shouldForwardComponentProp: !0,
@@ -26236,7 +26236,7 @@ var nM = {
 			disabled: l,
 			error: u,
 			fullWidth: p,
-			required: ie,
+			required: re,
 			color: s,
 			variant: ce
 		}
@@ -26269,7 +26269,7 @@ var nM = {
 		fullWidth: p,
 		multiline: w,
 		name: ee,
-		rows: ae,
+		rows: ie,
 		maxRows: S,
 		minRows: C,
 		type: se,
@@ -26278,10 +26278,10 @@ var nM = {
 		inputRef: y,
 		onBlur: T,
 		onChange: te,
-		onFocus: ne,
-		placeholder: re,
+		onFocus: E,
+		placeholder: ne,
 		inputProps: Te,
-		slots: { input: O.htmlInput ? we : void 0 },
+		slots: { input: ae.htmlInput ? we : void 0 },
 		...Se
 	});
 	return /*#__PURE__*/ F(ve, {
@@ -26293,7 +26293,7 @@ var nM = {
 				...M,
 				children: x
 			}),
-			E ? /*#__PURE__*/ P(Oe, {
+			D ? /*#__PURE__*/ P(Oe, {
 				"aria-describedby": fe,
 				id: de,
 				labelId: pe,
@@ -26511,24 +26511,24 @@ var dM = k("MuiDialog", [
 	}), r = Ge(), i = {
 		enter: r.transitions.duration.enteringScreen,
 		exit: r.transitions.duration.leavingScreen
-	}, { "aria-describedby": a, "aria-labelledby": o, "aria-modal": s = !0, BackdropComponent: c, BackdropProps: l, children: u, className: f, disableEscapeKeyDown: p = !1, fullScreen: m = !1, fullWidth: h = !1, maxWidth: g = "sm", onClick: v, onClose: y, open: x, PaperComponent: S = _, PaperProps: C = {}, role: w = "dialog", scroll: ee = "paper", slots: T = {}, slotProps: te = {}, TransitionComponent: ne = Ie, transitionDuration: re = i, TransitionProps: ie, ...ae } = n, E = {
+	}, { "aria-describedby": a, "aria-labelledby": o, "aria-modal": s = !0, BackdropComponent: c, BackdropProps: l, children: u, className: f, disableEscapeKeyDown: p = !1, fullScreen: m = !1, fullWidth: h = !1, maxWidth: g = "sm", onClick: v, onClose: y, open: x, PaperComponent: S = _, PaperProps: C = {}, role: w = "dialog", scroll: ee = "paper", slots: T = {}, slotProps: te = {}, TransitionComponent: E = Ie, transitionDuration: ne = i, TransitionProps: re, ...ie } = n, D = {
 		...n,
 		disableEscapeKeyDown: p,
 		fullScreen: m,
 		fullWidth: h,
 		maxWidth: g,
 		scroll: ee
-	}, D = mM(E), O = N.useRef(), k = (e) => {
-		O.current = e.target === e.currentTarget;
+	}, O = mM(D), ae = N.useRef(), k = (e) => {
+		ae.current = e.target === e.currentTarget;
 	}, se = (e) => {
-		v && v(e), O.current && (O.current = null, y && y(e, "backdropClick"));
+		v && v(e), ae.current && (ae.current = null, y && y(e, "backdropClick"));
 	}, A = oe(o), ce = N.useMemo(() => ({ titleId: A }), [A]), le = {
 		slots: {
-			transition: ne,
+			transition: E,
 			...T
 		},
 		slotProps: {
-			transition: ie,
+			transition: re,
 			paper: C,
 			backdrop: l,
 			...te
@@ -26537,21 +26537,21 @@ var dM = k("MuiDialog", [
 		elementType: hM,
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: le,
-		ownerState: E,
-		className: d(D.root, f),
+		ownerState: D,
+		className: d(O.root, f),
 		ref: t
 	}), [fe, pe] = b("backdrop", {
 		elementType: pM,
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: le,
-		ownerState: E,
-		className: D.backdrop
+		ownerState: D,
+		className: O.backdrop
 	}), [me, he] = b("paper", {
 		elementType: _M,
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: le,
-		ownerState: E,
-		className: D.paper,
+		ownerState: D,
+		className: O.paper,
 		additionalProps: {
 			elevation: 24,
 			role: w,
@@ -26564,16 +26564,16 @@ var dM = k("MuiDialog", [
 	}), [ge, _e] = b("container", {
 		elementType: gM,
 		externalForwardedProps: le,
-		ownerState: E,
-		className: D.container
+		ownerState: D,
+		className: O.container
 	}), [ve, be] = b("transition", {
 		elementType: Ie,
 		externalForwardedProps: le,
-		ownerState: E,
+		ownerState: D,
 		additionalProps: {
 			appear: !0,
 			in: x,
-			timeout: re,
+			timeout: ne,
 			role: "presentation"
 		}
 	});
@@ -26581,7 +26581,7 @@ var dM = k("MuiDialog", [
 		closeAfterTransition: !0,
 		slots: { backdrop: fe },
 		slotProps: { backdrop: {
-			transitionDuration: re,
+			transitionDuration: ne,
 			as: c,
 			...pe
 		} },
@@ -26590,7 +26590,7 @@ var dM = k("MuiDialog", [
 		open: x,
 		onClick: se,
 		...j,
-		...ae,
+		...ie,
 		children: /*#__PURE__*/ P(ve, {
 			...be,
 			children: /*#__PURE__*/ P(ge, {
@@ -26660,7 +26660,7 @@ var dM = k("MuiDialog", [
 	"disabled",
 	"extraStyles"
 ].includes(e) })(({ active: e, disabled: t }) => ({
-	color: e ? D.text() : D.disabled(),
+	color: e ? O.text() : O.disabled(),
 	display: "inline-flex",
 	padding: "2px",
 	background: "none",
@@ -26670,8 +26670,8 @@ var dM = k("MuiDialog", [
 		width: "24px",
 		height: "24px"
 	},
-	"&:hover": { color: t ? D.disabled() : D.text() },
-	"&:focus": { outline: `2px solid ${D.buttonFocusOutline()}` },
+	"&:hover": { color: t ? O.disabled() : O.text() },
+	"&:focus": { outline: `2px solid ${O.buttonFocusOutline()}` },
 	...t && { opacity: .7 }
 })), xM = (0, Vt.default)("pie-elements:editable-html:raw-button");
 (class extends pt.Component {
@@ -26839,7 +26839,7 @@ k("MuiLinearProgress", [
 ]);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/LinearProgress/LinearProgress.js
-var kM = 4, AM = ie`
+var kM = 4, AM = re`
   0% {
     left: -35%;
     right: 100%;
@@ -26856,7 +26856,7 @@ var kM = 4, AM = ie`
   }
 `, jM = typeof AM == "string" ? null : T`
         animation: ${AM} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-      `, MM = ie`
+      `, MM = re`
   0% {
     left: -200%;
     right: 100%;
@@ -26873,7 +26873,7 @@ var kM = 4, AM = ie`
   }
 `, NM = typeof MM == "string" ? null : T`
         animation: ${MM} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
-      `, PM = ie`
+      `, PM = re`
   0% {
     opacity: 1;
     background-position: 0 -23px;
@@ -27224,8 +27224,8 @@ function YM(e) {
 	]), Ct(() => {
 		w();
 		let e = y?.current;
-		return e && n.isEditable && e.addEventListener("mousedown", ie, !1), () => {
-			e && e.removeEventListener("mousedown", ie, !1);
+		return e && n.isEditable && e.addEventListener("mousedown", re, !1), () => {
+			e && e.removeEventListener("mousedown", re, !1);
 		};
 	}, []), Ct(() => {
 		w();
@@ -27276,17 +27276,17 @@ function YM(e) {
 			width: i.width,
 			height: i.height
 		}));
-	}, [n, C]), ne = bt((e) => {
+	}, [n, C]), E = bt((e) => {
 		C(e);
-	}, [n, C]), re = bt(() => {
-		window.removeEventListener("mousemove", te), window.removeEventListener("mouseup", re);
-	}, [te]), ie = bt(() => {
-		window.addEventListener("mousemove", te), window.addEventListener("mouseup", re);
-	}, [te, re]), ae = {
+	}, [n, C]), ne = bt(() => {
+		window.removeEventListener("mousemove", te), window.removeEventListener("mouseup", ne);
+	}, [te]), re = bt(() => {
+		window.addEventListener("mousemove", te), window.addEventListener("mouseup", ne);
+	}, [te, ne]), ie = {
 		width: JM(t.attrs.width),
 		height: JM(t.attrs.height),
 		objectFit: "contain"
-	}, E = {
+	}, D = {
 		left: "flex-start",
 		center: "center",
 		right: "flex-end"
@@ -27295,7 +27295,7 @@ function YM(e) {
 		onFocus: i,
 		loading: !t.attrs.loaded,
 		pendingDelete: t.attrs.deleteStatus === "pending",
-		style: { justifyContent: E },
+		style: { justifyContent: D },
 		children: [/* @__PURE__ */ P(UM, {
 			mode: "determinate",
 			value: t.attrs.percent || 0,
@@ -27308,7 +27308,7 @@ function YM(e) {
 				draggable: !1,
 				ref: v,
 				src: t.attrs.src,
-				style: ae,
+				style: ie,
 				onLoad: ee,
 				alt: t.attrs.alt
 			}), /* @__PURE__ */ P(qM, {
@@ -27341,7 +27341,7 @@ function YM(e) {
 				alt: t.attrs.alt,
 				imageLoaded: t.attrs.loaded,
 				alignment: t.attrs.alignment || "left",
-				onChange: ne
+				onChange: E
 			})
 		})
 	}), n._tiptapContainerEl)] });
@@ -27453,7 +27453,7 @@ function eN(e) {
 	let { onChange: t, ...n } = e, r = N.useRef(), i = N.useRef(null), a = () => {
 		r.current = i.current.offsetHeight - i.current.clientHeight;
 	};
-	return E(() => {
+	return D(() => {
 		let e = Ae(() => {
 			let e = r.current;
 			a(), e !== r.current && t(r.current);
@@ -27728,22 +27728,22 @@ var lN = k("MuiTabs", [
 	let n = ye({
 		props: e,
 		name: "MuiTabs"
-	}), r = Ge(), i = l(), { "aria-label": a, "aria-labelledby": o, action: s, centered: c = !1, children: u, className: f, component: p = "div", allowScrollButtonsMobile: m = !1, indicatorColor: h = "primary", onChange: g, orientation: _ = "horizontal", ScrollButtonComponent: y, scrollButtons: x = "auto", selectionFollowsFocus: S, slots: C = {}, slotProps: w = {}, TabIndicatorProps: ee = {}, TabScrollButtonProps: T = {}, textColor: te = "primary", value: ne, variant: re = "standard", visibleScrollbar: ie = !1, ...E } = n, D = re === "scrollable", O = _ === "vertical", oe = O ? "scrollTop" : "scrollLeft", k = O ? "top" : "left", se = O ? "bottom" : "right", A = O ? "clientHeight" : "clientWidth", ce = O ? "height" : "width", le = {
+	}), r = Ge(), i = l(), { "aria-label": a, "aria-labelledby": o, action: s, centered: c = !1, children: u, className: f, component: p = "div", allowScrollButtonsMobile: m = !1, indicatorColor: h = "primary", onChange: g, orientation: _ = "horizontal", ScrollButtonComponent: y, scrollButtons: x = "auto", selectionFollowsFocus: S, slots: C = {}, slotProps: w = {}, TabIndicatorProps: ee = {}, TabScrollButtonProps: T = {}, textColor: te = "primary", value: E, variant: ne = "standard", visibleScrollbar: re = !1, ...D } = n, O = ne === "scrollable", ae = _ === "vertical", oe = ae ? "scrollTop" : "scrollLeft", k = ae ? "top" : "left", se = ae ? "bottom" : "right", A = ae ? "clientHeight" : "clientWidth", ce = ae ? "height" : "width", le = {
 		...n,
 		component: p,
 		allowScrollButtonsMobile: m,
 		indicatorColor: h,
 		orientation: _,
-		vertical: O,
+		vertical: ae,
 		scrollButtons: x,
 		textColor: te,
-		variant: re,
-		visibleScrollbar: ie,
-		fixed: !D,
-		hideScrollbar: D && !ie,
-		scrollableX: D && !O,
-		scrollableY: D && O,
-		centered: c && !D,
+		variant: ne,
+		visibleScrollbar: re,
+		fixed: !O,
+		hideScrollbar: O && !re,
+		scrollableX: O && !ae,
+		scrollableY: O && ae,
+		centered: c && !O,
 		scrollButtonsHideMobile: !m
 	}, ue = pN(le), j = xe({
 		elementType: C.StartScrollButtonIcon,
@@ -27779,10 +27779,10 @@ var lN = k("MuiTabs", [
 			};
 		}
 		let n;
-		if (e && ne !== !1) {
+		if (e && E !== !1) {
 			let e = Oe.current.children;
 			if (e.length > 0) {
-				let t = e[Ee.get(ne)];
+				let t = e[Ee.get(E)];
 				n = t ? t.getBoundingClientRect() : null;
 			}
 		}
@@ -27792,7 +27792,7 @@ var lN = k("MuiTabs", [
 		};
 	}, Me = v(() => {
 		let { tabsMeta: e, tabMeta: t } = je(), n = 0, r;
-		O ? (r = "top", t && e && (n = t.top - e.top + e.scrollTop)) : (r = i ? "right" : "left", t && e && (n = (i ? -1 : 1) * (t[r] - e[r] + e.scrollLeft)));
+		ae ? (r = "top", t && e && (n = t.top - e.top + e.scrollTop)) : (r = i ? "right" : "left", t && e && (n = (i ? -1 : 1) * (t[r] - e[r] + e.scrollLeft)));
 		let a = {
 			[r]: n,
 			[ce]: t ? t[ce] : 0
@@ -27806,7 +27806,7 @@ var lN = k("MuiTabs", [
 		t ? QM(oe, De.current, e, { duration: r.transitions.duration.standard }) : De.current[oe] = e;
 	}, Pe = (e) => {
 		let t = De.current[oe];
-		O ? t += e : t += e * (i ? -1 : 1), Ne(t);
+		ae ? t += e : t += e * (i ? -1 : 1), Ne(t);
 	}, Fe = () => {
 		let e = De.current[A], t = 0, n = Array.from(Oe.current.children);
 		for (let r = 0; r < n.length; r += 1) {
@@ -27851,11 +27851,11 @@ var lN = k("MuiTabs", [
 		}
 	}), Ke = () => {
 		let e = {};
-		e.scrollbarSizeListener = D ? /*#__PURE__*/ P(Re, {
+		e.scrollbarSizeListener = O ? /*#__PURE__*/ P(Re, {
 			...Ve,
 			onChange: He
 		}) : null;
-		let t = D && (x === "auto" && (_e || be) || x === !0);
+		let t = O && (x === "auto" && (_e || be) || x === !0);
 		return e.scrollButtonStart = t ? /*#__PURE__*/ P(Ue, {
 			direction: i ? "right" : "left",
 			onClick: Ie,
@@ -27879,7 +27879,7 @@ var lN = k("MuiTabs", [
 			}
 		}
 	}), Je = v(() => {
-		D && x !== !1 && M(!Ce);
+		O && x !== !1 && M(!Ce);
 	});
 	N.useEffect(() => {
 		let e = Ae(() => {
@@ -27902,7 +27902,7 @@ var lN = k("MuiTabs", [
 		};
 	}, [Me, Je]), N.useEffect(() => {
 		let e = Array.from(Oe.current.children), t = e.length;
-		if (typeof IntersectionObserver < "u" && t > 0 && D && x !== !1) {
+		if (typeof IntersectionObserver < "u" && t > 0 && O && x !== !1) {
 			let n = e[0], r = e[t - 1], i = {
 				root: De.current,
 				threshold: .99
@@ -27918,7 +27918,7 @@ var lN = k("MuiTabs", [
 			};
 		}
 	}, [
-		D,
+		O,
 		x,
 		Ce,
 		u?.length
@@ -27942,20 +27942,20 @@ var lN = k("MuiTabs", [
 		if (!/*#__PURE__*/ N.isValidElement(e)) return null;
 		let t = e.props.value === void 0 ? Qe : e.props.value;
 		Ee.set(t, Qe);
-		let n = t === ne;
+		let n = t === E;
 		return Qe += 1, /*#__PURE__*/ N.cloneElement(e, {
-			fullWidth: re === "fullWidth",
+			fullWidth: ne === "fullWidth",
 			indicator: n && !fe && Ze,
 			selected: n,
 			selectionFollowsFocus: S,
 			onChange: g,
 			textColor: te,
 			value: t,
-			...Qe === 1 && ne === !1 && !e.props.tabIndex ? { tabIndex: 0 } : {}
+			...Qe === 1 && E === !1 && !e.props.tabIndex ? { tabIndex: 0 } : {}
 		});
 	}), et = (e) => {
 		if (e.altKey || e.shiftKey || e.ctrlKey || e.metaKey) return;
-		let t = Oe.current, n = ae(ze(t));
+		let t = Oe.current, n = ie(ze(t));
 		if (n?.getAttribute("role") !== "tab") return;
 		let r = _ === "horizontal" ? "ArrowLeft" : "ArrowUp", a = _ === "horizontal" ? "ArrowRight" : "ArrowDown";
 		switch (_ === "horizontal" && i && (r = "ArrowRight", a = "ArrowLeft"), e.key) {
@@ -27979,7 +27979,7 @@ var lN = k("MuiTabs", [
 		elementType: mN,
 		externalForwardedProps: {
 			...ke,
-			...E,
+			...D,
 			component: p
 		},
 		ownerState: le
@@ -27991,7 +27991,7 @@ var lN = k("MuiTabs", [
 		ownerState: le,
 		additionalProps: { style: {
 			overflow: we.overflow,
-			[O ? `margin${i ? "Left" : "Right"}` : "marginBottom"]: ie ? void 0 : -we.scrollbarWidth
+			[ae ? `margin${i ? "Left" : "Right"}` : "marginBottom"]: re ? void 0 : -we.scrollbarWidth
 		} }
 	}), [ot, st] = b("list", {
 		ref: Oe,
@@ -28979,52 +28979,52 @@ var lP = (e, t) => {
 		disablePadding: h,
 		divider: g,
 		hasSecondaryAction: T
-	}, ne = uP(te), re = be(w, t), [ie, ae] = b("secondaryAction", {
+	}, E = uP(te), ne = be(w, t), [re, ie] = b("secondaryAction", {
 		elementType: cP,
 		externalForwardedProps: {
 			slots: y,
 			slotProps: v
 		},
 		ownerState: te,
-		className: ne.secondaryAction
-	}), E = y.root || s.Root || dP, D = v.root || c.root || {}, O = {
-		className: d(ne.root, D.className, a),
+		className: E.secondaryAction
+	}), D = y.root || s.Root || dP, O = v.root || c.root || {}, ae = {
+		className: d(E.root, O.className, a),
 		...x
 	}, oe = o || "li";
-	return T ? (oe = !O.component && !o ? "div" : oe, l === "li" && (oe === "li" ? oe = "div" : O.component === "li" && (O.component = "div")), /*#__PURE__*/ P(ve.Provider, {
+	return T ? (oe = !ae.component && !o ? "div" : oe, l === "li" && (oe === "li" ? oe = "div" : ae.component === "li" && (ae.component = "div")), /*#__PURE__*/ P(ve.Provider, {
 		value: C,
 		children: /*#__PURE__*/ F(fP, {
 			as: l,
-			className: d(ne.container, u),
-			ref: re,
+			className: d(E.container, u),
+			ref: ne,
 			ownerState: te,
 			...f,
-			children: [/*#__PURE__*/ P(E, {
-				...D,
-				...!Se(E) && {
+			children: [/*#__PURE__*/ P(D, {
+				...O,
+				...!Se(D) && {
 					as: oe,
 					ownerState: {
 						...te,
-						...D.ownerState
+						...O.ownerState
 					}
 				},
-				...O,
+				...ae,
 				children: ee
 			}), ee.pop()]
 		})
 	})) : /*#__PURE__*/ P(ve.Provider, {
 		value: C,
-		children: /*#__PURE__*/ F(E, {
-			...D,
+		children: /*#__PURE__*/ F(D, {
+			...O,
 			as: oe,
-			ref: re,
-			...!Se(E) && { ownerState: {
+			ref: ne,
+			...!Se(D) && { ownerState: {
 				...te,
-				...D.ownerState
+				...O.ownerState
 			} },
-			...O,
-			children: [ee, _ && /*#__PURE__*/ P(ie, {
-				...ae,
+			...ae,
+			children: [ee, _ && /*#__PURE__*/ P(re, {
+				...ie,
 				children: _
 			})]
 		})
@@ -30792,16 +30792,16 @@ function mI(e) {
 			p -= T - r.width, p *= c ? 1 : -1;
 		}
 	}
-	var te = Object.assign({ position: s }, l && fI), ne = u === !0 ? pI({
+	var te = Object.assign({ position: s }, l && fI), E = u === !0 ? pI({
 		x: p,
 		y: h
 	}, MF(n)) : {
 		x: p,
 		y: h
 	};
-	if (p = ne.x, h = ne.y, c) {
-		var re;
-		return Object.assign({}, te, (re = {}, re[b] = v ? "0" : "", re[y] = _ ? "0" : "", re.transform = (x.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + h + "px)" : "translate3d(" + p + "px, " + h + "px, 0)", re));
+	if (p = E.x, h = E.y, c) {
+		var ne;
+		return Object.assign({}, te, (ne = {}, ne[b] = v ? "0" : "", ne[y] = _ ? "0" : "", ne.transform = (x.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + h + "px)" : "translate3d(" + p + "px, " + h + "px, 0)", ne));
 	}
 	return Object.assign({}, te, (t = {}, t[b] = v ? h + "px" : "", t[y] = _ ? p + "px" : "", t.transform = "", t));
 }
@@ -31032,10 +31032,10 @@ function LI(e, t) {
 		right: ee.right - x.right + _.right
 	}, te = e.modifiersData.offset;
 	if (f === "popper" && te) {
-		var ne = te[i];
+		var E = te[i];
 		Object.keys(T).forEach(function(e) {
 			var t = ["right", "bottom"].indexOf(e) >= 0 ? 1 : -1, n = ["top", "bottom"].indexOf(e) >= 0 ? "y" : "x";
-			T[e] += ne[n] * t;
+			T[e] += E[n] * t;
 		});
 	}
 	return T;
@@ -31086,22 +31086,22 @@ function BI(e) {
 				allowedAutoPlacements: h
 			}) : n);
 		}, []), b = t.rects.reference, x = t.rects.popper, S = /* @__PURE__ */ new Map(), C = !0, w = y[0], ee = 0; ee < y.length; ee++) {
-			var T = y[ee], te = zF(T), ne = dI(T) === CF, re = ["top", vF].indexOf(te) >= 0, ie = re ? "width" : "height", ae = LI(t, {
+			var T = y[ee], te = zF(T), E = dI(T) === CF, ne = ["top", vF].indexOf(te) >= 0, re = ne ? "width" : "height", ie = LI(t, {
 				placement: T,
 				boundary: u,
 				rootBoundary: d,
 				altBoundary: f,
 				padding: l
-			}), E = re ? ne ? yF : bF : ne ? vF : "top";
-			b[ie] > x[ie] && (E = xI(E));
-			var D = xI(E), O = [];
-			if (a && O.push(ae[te] <= 0), s && O.push(ae[E] <= 0, ae[D] <= 0), O.every(function(e) {
+			}), D = ne ? E ? yF : bF : E ? vF : "top";
+			b[re] > x[re] && (D = xI(D));
+			var O = xI(D), ae = [];
+			if (a && ae.push(ie[te] <= 0), s && ae.push(ie[D] <= 0, ie[O] <= 0), ae.every(function(e) {
 				return e;
 			})) {
 				w = T, C = !1;
 				break;
 			}
-			S.set(T, O);
+			S.set(T, ae);
 		}
 		if (C) for (var oe = m ? 3 : 1, k = function(e) {
 			var t = y.find(function(t) {
@@ -31227,23 +31227,23 @@ function QI(e) {
 	} : Object.assign({
 		mainAxis: 0,
 		altAxis: 0
-	}, ee), te = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, ne = {
+	}, ee), te = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, E = {
 		x: 0,
 		y: 0
 	};
 	if (S) {
 		if (a) {
-			var re = b === "y" ? "top" : bF, ie = b === "y" ? vF : yF, ae = b === "y" ? "height" : "width", E = S[b], D = E + g[re], O = E - g[ie], oe = p ? -w[ae] / 2 : 0, k = v === "start" ? C[ae] : w[ae], se = v === "start" ? -w[ae] : -C[ae], A = t.elements.arrow, ce = p && A ? KF(A) : {
+			var ne = b === "y" ? "top" : bF, re = b === "y" ? vF : yF, ie = b === "y" ? "height" : "width", D = S[b], O = D + g[ne], ae = D - g[re], oe = p ? -w[ie] / 2 : 0, k = v === "start" ? C[ie] : w[ie], se = v === "start" ? -w[ie] : -C[ie], A = t.elements.arrow, ce = p && A ? KF(A) : {
 				width: 0,
 				height: 0
-			}, le = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : iI(), ue = le[re], j = le[ie], de = nI(0, C[ae], ce[ae]), fe = y ? C[ae] / 2 - oe - de - ue - T.mainAxis : k - de - ue - T.mainAxis, pe = y ? -C[ae] / 2 + oe + de + j + T.mainAxis : se + de + j + T.mainAxis, me = t.elements.arrow && eI(t.elements.arrow), he = me ? b === "y" ? me.clientTop || 0 : me.clientLeft || 0 : 0, ge = te?.[b] ?? 0, _e = E + fe - ge - he, ve = E + pe - ge, ye = nI(p ? VF(D, _e) : D, E, p ? BF(O, ve) : O);
-			S[b] = ye, ne[b] = ye - E;
+			}, le = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : iI(), ue = le[ne], j = le[re], de = nI(0, C[ie], ce[ie]), fe = y ? C[ie] / 2 - oe - de - ue - T.mainAxis : k - de - ue - T.mainAxis, pe = y ? -C[ie] / 2 + oe + de + j + T.mainAxis : se + de + j + T.mainAxis, me = t.elements.arrow && eI(t.elements.arrow), he = me ? b === "y" ? me.clientTop || 0 : me.clientLeft || 0 : 0, ge = te?.[b] ?? 0, _e = D + fe - ge - he, ve = D + pe - ge, ye = nI(p ? VF(O, _e) : O, D, p ? BF(ae, ve) : ae);
+			S[b] = ye, E[b] = ye - D;
 		}
 		if (s) {
 			var be = b === "x" ? "top" : bF, xe = b === "x" ? vF : yF, Se = S[x], Ce = x === "y" ? "height" : "width", M = Se + g[be], we = Se - g[xe], Te = ["top", bF].indexOf(_) !== -1, Ee = te?.[x] ?? 0, De = Te ? M : Se - C[Ce] - w[Ce] - Ee + T.altAxis, Oe = Te ? Se + C[Ce] + w[Ce] - Ee - T.altAxis : we, ke = p && Te ? rI(De, Se, Oe) : nI(p ? De : M, Se, p ? Oe : we);
-			S[x] = ke, ne[x] = ke - Se;
+			S[x] = ke, E[x] = ke - Se;
 		}
-		t.modifiersData[r] = ne;
+		t.modifiersData[r] = E;
 	}
 }
 var $I = {
@@ -31538,10 +31538,10 @@ var gL = (e) => {
 	]);
 	let T = { placement: S };
 	p !== null && (T.TransitionProps = p);
-	let te = gL(e), ne = f.root ?? "div";
-	return /*#__PURE__*/ P(ne, {
+	let te = gL(e), E = f.root ?? "div";
+	return /*#__PURE__*/ P(E, {
 		...xe({
-			elementType: ne,
+			elementType: E,
 			externalSlotProps: d.root,
 			externalForwardedProps: h,
 			additionalProps: {
@@ -32221,14 +32221,14 @@ var GL = (e) => {
 			width: "24px",
 			height: "24px"
 		},
-		"&:hover": { color: D.text() },
-		"&:focus": { outline: `2px solid ${D.buttonFocusOutline()}` }
+		"&:hover": { color: O.text() },
+		"&:focus": { outline: `2px solid ${O.buttonFocusOutline()}` }
 	},
-	"& .active": { color: D.text() },
+	"& .active": { color: O.text() },
 	"& .disabled": {
 		opacity: .7,
 		cursor: "not-allowed",
-		"& :hover": { color: D.disabled() }
+		"& :hover": { color: O.disabled() }
 	},
 	"& .isActive": {
 		background: "var(--purple)",
@@ -32333,22 +32333,22 @@ var GL = (e) => {
 		tableLayout: "fixed",
 		width: "100%",
 		borderCollapse: "collapse",
-		color: D.text(),
-		backgroundColor: D.background()
+		color: O.text(),
+		backgroundColor: O.background()
 	},
-	"& table:not([border=\"1\"]) tr": { borderTop: `1px solid ${D.tableGridLight()}` },
+	"& table:not([border=\"1\"]) tr": { borderTop: `1px solid ${O.tableGridLight()}` },
 	"& td, th": {
 		padding: ".6em 1em",
 		textAlign: "center"
 	},
-	"& table:not([border=\"1\"]) td, th": { border: `1px solid ${D.tableGridLight()}` },
+	"& table:not([border=\"1\"]) td, th": { border: `1px solid ${O.tableGridLight()}` },
 	...n && { border: `2px solid ${e.palette.error.main} !important` }
 })), JL = M("div", { shouldForwardProp: (e) => !["disableScrollbar", "highlightShape"].includes(e) })(({ theme: e, disableScrollbar: t, highlightShape: n }) => ({
 	position: "relative",
 	padding: "0px",
 	overflowY: "auto",
-	color: D.text(),
-	backgroundColor: n ? e.palette.action.selected : D.background(),
+	color: O.text(),
+	backgroundColor: n ? e.palette.action.selected : O.background(),
 	...t && {
 		"&::-webkit-scrollbar": { display: "none" },
 		scrollbarWidth: "none",
@@ -33685,9 +33685,9 @@ var yB = (e, t, n, r = {}) => ({ editor: i, tr: a, state: o, dispatch: s, chain:
 		node: w,
 		pos: 0,
 		depth: 0
-	} : null, T = x ?? ee, te = !!x && y.depth >= 1 && y.depth - x.depth <= 1, ne = !!ee;
-	if ((te || ne) && T) {
-		if (T.node.type === p) return S && ne ? c().command(({ tr: e, dispatch: t }) => {
+	} : null, T = x ?? ee, te = !!x && y.depth >= 1 && y.depth - x.depth <= 1, E = !!ee;
+	if ((te || E) && T) {
+		if (T.node.type === p) return S && E ? c().command(({ tr: e, dispatch: t }) => {
 			let n = vB(e);
 			return n ? (e.setSelection(n), t && t(e), !0) : !1;
 		}).liftListItem(m).run() : l.liftListItem(m);
@@ -38313,8 +38313,8 @@ Ym.create({
 		})) ?? null };
 	}
 });
-var cK = "placeholder", lK = new ea("tiptap__placeholder"), uK = 200;
-function dK(e) {
+var cK = "placeholder", lK = new ea("tiptap__placeholder");
+function uK(e) {
 	let { editor: t, placeholder: n, dataAttribute: r, pos: i, node: a, isEmptyDoc: o, hasAnchor: s, classes: { emptyNode: c, emptyEditor: l } } = e, u = [c];
 	return o && u.push(l), Zu.node(i, i + a.nodeSize, {
 		class: u.join(" "),
@@ -38326,156 +38326,198 @@ function dK(e) {
 		}) : n
 	});
 }
-function fK({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
+function dK(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function fK({ editor: e, options: t, dataAttribute: n, doc: r, selection: i, from: a, to: o }) {
+	let { anchor: s } = i, c = [], l = e.isEmpty;
+	return r.nodesBetween(a, o, (r, i) => {
+		let a = s >= i && s <= i + r.nodeSize, o = !r.isLeaf && rm(r);
+		return r.type.isTextblock && (a || !t.showOnlyCurrent) && o && c.push(uK({
+			editor: e,
+			isEmptyDoc: l,
+			dataAttribute: n,
+			hasAnchor: a,
+			placeholder: t.placeholder,
+			classes: {
+				emptyEditor: t.emptyEditorClass,
+				emptyNode: dK(t.emptyNodeClass, {
+					editor: e,
+					node: r,
+					pos: i,
+					hasAnchor: a
+				})
+			},
+			node: r,
+			pos: i
+		})), t.includeChildren;
+	}), c;
+}
+function pK({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
 	if (!(e.isEditable || !t.showOnlyWhenEditable)) return null;
-	let { anchor: a } = i, o = [], s = e.isEmpty, c = {
-		emptyEditor: t.emptyEditorClass,
-		emptyNode: t.emptyNodeClass
-	};
+	let { anchor: a } = i, o = [], s = e.isEmpty;
 	if (t.showOnlyCurrent && !t.includeChildren) {
-		let i = r.resolve(a), l = i.depth > 0 ? i.node(1) : i.nodeAfter, u = i.depth > 0 ? i.before(1) : a;
-		if (l && l.type.isTextblock && rm(l)) {
-			let r = a >= u && a <= u + l.nodeSize;
-			o.push(dK({
+		let i = r.resolve(a), c = i.depth > 0 ? i.node(1) : i.nodeAfter, l = i.depth > 0 ? i.before(1) : a;
+		if (c && c.type.isTextblock && rm(c)) {
+			let r = a >= l && a <= l + c.nodeSize;
+			o.push(uK({
 				editor: e,
 				isEmptyDoc: s,
 				dataAttribute: n,
 				hasAnchor: r,
 				placeholder: t.placeholder,
-				classes: c,
-				node: l,
-				pos: u
+				classes: {
+					emptyEditor: t.emptyEditorClass,
+					emptyNode: dK(t.emptyNodeClass, {
+						editor: e,
+						node: c,
+						pos: l,
+						hasAnchor: r
+					})
+				},
+				node: c,
+				pos: l
 			}));
 		}
-	} else {
-		let i = lK.getState(e.state), l = i?.topPos ?? 0, u = i?.bottomPos ?? r.content.size;
-		r.nodesBetween(l, u, (r, i) => {
-			let l = a >= i && a <= i + r.nodeSize, u = !r.isLeaf && rm(r);
-			return r.type.isTextblock && (l || !t.showOnlyCurrent) && u && o.push(dK({
-				editor: e,
-				isEmptyDoc: s,
-				dataAttribute: n,
-				hasAnchor: l,
-				placeholder: t.placeholder,
-				classes: c,
-				node: r,
-				pos: i
-			})), t.includeChildren;
-		});
-	}
+	} else o.push(...fK({
+		editor: e,
+		options: t,
+		dataAttribute: n,
+		doc: r,
+		selection: i,
+		from: 0,
+		to: r.content.size
+	}));
 	return ed.create(r, o);
 }
-function pK(e) {
-	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+function mK(e, t) {
+	let n = e.resolve(t);
+	if (n.depth === 0) {
+		let e = n.nodeAfter ?? n.nodeBefore;
+		if (!e) return {
+			from: t,
+			to: t
+		};
+		let r = n.nodeAfter ? t : t - e.nodeSize;
+		return {
+			from: r,
+			to: r + e.nodeSize
+		};
+	}
+	let r = n.before(1);
+	return {
+		from: r,
+		to: r + n.node(1).nodeSize
+	};
 }
-function mK(e) {
-	let t = getComputedStyle(e), n = `${t.overflow} ${t.overflowY} ${t.overflowX}`;
-	return /auto|scroll|overlay/.test(n);
+function hK(e, t) {
+	return {
+		from: Math.max(0, t.from - 1),
+		to: Math.min(e.content.size, t.to - 1)
+	};
 }
-function hK(e) {
-	let t = e;
-	for (; t;) {
-		if (mK(t)) return t;
-		let e = t.parentElement;
-		if (!e) {
-			let e = t.getRootNode();
-			if (e instanceof ShadowRoot) {
-				t = e.host;
-				continue;
-			}
-			return window;
-		}
-		t = e;
+function gK(e, t, n) {
+	let r = [];
+	return e.forEach((e, i) => {
+		let a = i, o = a + e.nodeSize, s = a + 1, c = o + 1;
+		s < n && c > t && r.push({
+			from: a,
+			to: o
+		});
+	}), r;
+}
+function _K(e) {
+	if (e.length === 0) return [];
+	let t = [...e].sort((e, t) => e.from - t.from), n = [{ ...t[0] }];
+	for (let e = 1; e < t.length; e += 1) {
+		let r = n[n.length - 1], i = t[e];
+		i.from <= r.to ? r.to = Math.max(r.to, i.to) : n.push({ ...i });
 	}
-	return window;
+	return n;
 }
-function gK(e) {
-	return e === window ? {
-		top: 0,
-		bottom: window.innerHeight
-	} : e.getBoundingClientRect();
+function vK(e, t) {
+	let n = gK(e, t.from, t.to);
+	return n.push(hK(e, mK(e, t.from))), t.to > t.from ? n.push(hK(e, mK(e, Math.min(t.to, e.content.size + 1) - 1))) : t.from < e.content.size + 1 && n.push(hK(e, mK(e, Math.min(t.from + 1, e.content.size)))), n;
 }
-function _K({ doc: e, view: t, scrollContainer: n }) {
-	let r = t.dom.getBoundingClientRect(), i = n ? gK(n) : {
-		top: 0,
-		bottom: window.innerHeight
-	}, a = Math.max(r.top, i.top) - uK, o = Math.min(r.bottom, i.bottom) + uK;
-	if (a >= o) return {
-		top: 0,
-		bottom: e.content.size
-	};
-	let s = getComputedStyle(t.dom).direction === "rtl" ? Math.max(r.right - 2, r.left + 2) : r.left + 2, c = t.posAtCoords({
-		left: s,
-		top: a + 2
-	}), l = t.posAtCoords({
-		left: s,
-		top: o - 2
-	});
-	return {
-		top: c ? c.pos : 0,
-		bottom: l ? l.pos : e.content.size
-	};
+function yK(e, t, n) {
+	let r = [];
+	if (e.docChanged) {
+		let t = Kp(e);
+		for (let e of t) r.push(...vK(n.doc, e.newRange));
+	}
+	return e.selectionSet && (r.push(hK(n.doc, mK(n.doc, e.mapping.map(t.selection.anchor)))), r.push(hK(n.doc, mK(n.doc, n.selection.anchor)))), _K(r);
 }
-var vK = {
-	init() {
-		return {
-			topPos: null,
-			bottomPos: null
-		};
-	},
-	apply(e, t) {
-		let n = e.getMeta(lK);
-		return n?.positions ? {
-			topPos: n.positions.top,
-			bottomPos: n.positions.bottom
-		} : e.docChanged ? {
-			topPos: t.topPos === null ? null : e.mapping.map(t.topPos),
-			bottomPos: t.bottomPos === null ? null : e.mapping.map(t.bottomPos)
-		} : t;
+function bK(e, t, n) {
+	let r = Math.max(0, Math.min(e, n.content.size));
+	return {
+		from: r,
+		to: Math.max(r, Math.min(t, n.content.size))
+	};
+}
+function xK({ decorations: e, ranges: t, editor: n, options: r, dataAttribute: i, doc: a, selection: o }) {
+	let s = e;
+	for (let e of t) {
+		let { from: t, to: c } = bK(e.from, e.to, a), l = s.find(t, c).filter((e) => e.from >= t && e.to <= c);
+		l.length && (s = s.remove(l));
+		let u = fK({
+			editor: n,
+			options: r,
+			dataAttribute: i,
+			doc: a,
+			selection: o,
+			from: t,
+			to: c
+		});
+		u.length && (s = s.add(a, u));
 	}
-};
-function yK(e) {
-	let t = hK(e.dom), n = () => {
-		let n = _K({
-			view: e,
-			doc: e.state.doc,
-			scrollContainer: t
-		}), r = lK.getState(e.state);
-		if (r?.topPos === n.top && r?.bottomPos === n.bottom) return;
-		let i = e.state.tr.setMeta(lK, { positions: n });
-		e.dispatch(i);
-	}, r = null, i = 0, a = () => {
-		r === null && (r = requestAnimationFrame(() => {
-			r = null;
-			let e = performance.now();
-			e - i >= 150 ? (i = e, n()) : a();
-		}));
-	};
-	return t.addEventListener("scroll", a, { passive: !0 }), n(), {
-		update(t, n) {
-			e.state.doc.content.size !== n.doc.content.size && a();
+	return s;
+}
+function SK({ editor: e, options: t, dataAttribute: n }) {
+	return {
+		init(r, i) {
+			return pK({
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: i.doc,
+				selection: i.selection
+			}) ?? ed.empty;
 		},
-		destroy: () => {
-			r !== null && cancelAnimationFrame(r), t.removeEventListener("scroll", a);
+		apply(r, i, a, o) {
+			return !r.docChanged && !r.selectionSet ? i : xK({
+				decorations: i.map(r.mapping, r.doc),
+				ranges: yK(r, a, o),
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: o.doc,
+				selection: o.selection
+			});
 		}
 	};
 }
-function bK({ editor: e, options: t }) {
-	let n = t.dataAttribute ? `data-${pK(t.dataAttribute)}` : `data-${cK}`;
+function CK(e) {
+	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+}
+function wK({ editor: e, options: t }) {
+	let n = t.dataAttribute ? `data-${CK(t.dataAttribute)}` : `data-${cK}`, r = t.showOnlyCurrent && !t.includeChildren;
 	return new V({
 		key: lK,
-		state: vK,
-		view: yK,
-		props: { decorations: ({ doc: r, selection: i }) => fK({
+		...r ? {} : { state: SK({
+			editor: e,
+			options: t,
+			dataAttribute: n
+		}) },
+		props: { decorations: r ? ({ doc: r, selection: i }) => pK({
 			editor: e,
 			options: t,
 			dataAttribute: n,
 			doc: r,
 			selection: i
-		}) }
+		}) : (n) => t.showOnlyWhenEditable && !e.isEditable ? ed.empty : lK.getState(n) ?? ed.empty }
 	});
 }
-var xK = Ym.create({
+var TK = Ym.create({
 	name: "placeholder",
 	addOptions() {
 		return {
@@ -38489,12 +38531,25 @@ var xK = Ym.create({
 		};
 	},
 	addProseMirrorPlugins() {
-		return [bK({
+		return [wK({
 			editor: this.editor,
 			options: this.options
 		})];
 	}
 });
+function EK(e, t) {
+	return !e.selection.empty && !im(e.selection) && t.isEditable;
+}
+function DK(e, t) {
+	return EK(e, t) && !t.isFocused && !t.view.dragging;
+}
+function OK() {
+	var e;
+	(e = window.getSelection()) == null || e.removeAllRanges();
+}
+function kK(e) {
+	e.focus();
+}
 Ym.create({
 	name: "selection",
 	addOptions() {
@@ -38504,13 +38559,25 @@ Ym.create({
 		let { editor: e, options: t } = this;
 		return [new V({
 			key: new ea("selection"),
-			props: { decorations(n) {
-				return n.selection.empty || e.isFocused || !e.isEditable || im(n.selection) || e.view.dragging ? null : ed.create(n.doc, [Zu.inline(n.selection.from, n.selection.to, { class: t.className })]);
-			} }
+			props: {
+				decorations(n) {
+					return DK(n, e) ? ed.create(n.doc, [Zu.inline(n.selection.from, n.selection.to, { class: t.className })]) : null;
+				},
+				handleDOMEvents: {
+					blur(t) {
+						return EK(t.state, e) && OK(), !1;
+					},
+					focus(t) {
+						return EK(t.state, e) && requestAnimationFrame(() => {
+							!e.isDestroyed && t.hasFocus() && kK(t);
+						}), !1;
+					}
+				}
+			}
 		})];
 	}
 });
-function SK({ types: e, node: t }) {
+function AK({ types: e, node: t }) {
 	return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
 }
 Ym.create({
@@ -38532,7 +38599,7 @@ Ym.create({
 			state: {
 				init: (e, t) => {
 					let r = t.tr.doc.lastChild;
-					return !SK({
+					return !AK({
 						node: r,
 						types: n
 					});
@@ -38540,7 +38607,7 @@ Ym.create({
 				apply: (e, t) => {
 					if (!e.docChanged || e.getMeta("__uniqueIDTransaction")) return t;
 					let r = e.doc.lastChild;
-					return !SK({
+					return !AK({
 						node: r,
 						types: n
 					});
@@ -38575,7 +38642,7 @@ Ym.create({
 		};
 	}
 });
-var CK = Vm.create({
+var jK = Vm.create({
 	name: "superscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -38605,7 +38672,7 @@ var CK = Vm.create({
 	addKeyboardShortcuts() {
 		return { "Mod-.": () => this.editor.commands.toggleSuperscript() };
 	}
-}), wK = Vm.create({
+}), MK = Vm.create({
 	name: "subscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -38635,7 +38702,7 @@ var CK = Vm.create({
 	addKeyboardShortcuts() {
 		return { "Mod-,": () => this.editor.commands.toggleSubscript() };
 	}
-}), TK = Ym.create({
+}), NK = Ym.create({
 	name: "textAlign",
 	addOptions() {
 		return {
@@ -38677,7 +38744,7 @@ var CK = Vm.create({
 			"Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
 		};
 	}
-}), EK = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, DK = Th.create({
+}), PK = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, FK = Th.create({
 	name: "image",
 	addOptions() {
 		return {
@@ -38720,34 +38787,55 @@ var CK = Vm.create({
 	},
 	addNodeView() {
 		if (!this.options.resize || !this.options.resize.enabled || typeof document > "u") return null;
-		let { directions: e, minWidth: t, minHeight: n, alwaysPreserveAspectRatio: r } = this.options.resize;
-		return ({ node: i, getPos: a, HTMLAttributes: o, editor: s }) => {
-			let c = document.createElement("img");
-			Object.entries(o).forEach(([e, t]) => {
+		let { directions: e, minWidth: t, minHeight: n, alwaysPreserveAspectRatio: r } = this.options.resize, i = /* @__PURE__ */ new Set([
+			"src",
+			"width",
+			"height"
+		]);
+		return ({ node: a, getPos: o, HTMLAttributes: s, editor: c }) => {
+			let l = document.createElement("img");
+			l.draggable = !1;
+			let u = kp(this.options.HTMLAttributes, s);
+			Object.entries(u).forEach(([e, t]) => {
 				if (t != null) switch (e) {
+					case "src":
 					case "width":
 					case "height": break;
-					default:
-						c.setAttribute(e, t);
-						break;
+					default: l.setAttribute(e, t);
 				}
-			}), c.src = o.src;
-			let l = new mh({
-				element: c,
-				editor: s,
-				node: i,
-				getPos: a,
+			}), u.src !== null && (l.src = u.src);
+			let d = { ...s }, f = (e) => {
+				if (typeof e == "string" && e !== "") {
+					l.getAttribute("src") !== e && (l.src = e);
+					return;
+				}
+				l.hasAttribute("src") && l.removeAttribute("src"), l.src !== "" && (l.src = "");
+			};
+			f(s.src);
+			let p = new mh({
+				element: l,
+				editor: c,
+				node: a,
+				getPos: o,
 				onResize: (e, t) => {
-					c.style.width = `${e}px`, c.style.height = `${t}px`;
+					l.style.width = `${e}px`, l.style.height = `${t}px`;
 				},
 				onCommit: (e, t) => {
-					let n = a();
+					let n = o();
 					n !== void 0 && this.editor.chain().setNodeSelection(n).updateAttributes(this.name, {
 						width: e,
 						height: t
 					}).run();
 				},
-				onUpdate: (e, t, n) => e.type === i.type,
+				onUpdate: (e) => {
+					if (e.type !== a.type) return !1;
+					let t = Ap(e, c.extensionManager.attributes.filter((t) => t.type === e.type.name));
+					return Object.keys(d).forEach((e) => {
+						!i.has(e) && !(e in t) && l.removeAttribute(e);
+					}), Object.entries(t).forEach(([e, t]) => {
+						i.has(e) || (t == null ? l.removeAttribute(e) : l.setAttribute(e, t));
+					}), f(t.src), d = t, !0;
+				},
 				options: {
 					directions: e,
 					min: {
@@ -38756,10 +38844,10 @@ var CK = Vm.create({
 					},
 					preserveAspectRatio: r === !0
 				}
-			}), u = l.dom;
-			return u.style.visibility = "hidden", u.style.pointerEvents = "none", c.onload = () => {
-				u.style.visibility = "", u.style.pointerEvents = "";
-			}, l;
+			}), m = p.dom, h = () => {
+				m.style.visibility = "", m.style.pointerEvents = "";
+			};
+			return m.style.visibility = "hidden", m.style.pointerEvents = "none", l.complete && l.naturalWidth > 0 ? h() : (l.onload = h, l.onerror = h), p;
 		};
 	},
 	addCommands() {
@@ -38770,7 +38858,7 @@ var CK = Vm.create({
 	},
 	addInputRules() {
 		return [dh({
-			find: EK,
+			find: PK,
 			type: this.type,
 			getAttributes: (e) => {
 				let [, , t, n, r] = e;
@@ -38782,17 +38870,17 @@ var CK = Vm.create({
 			}
 		})];
 	}
-}), OK = xK, kK = {
+}), IK = TK, LK = {
 	position: "bottom",
 	alignment: "left",
 	alwaysVisible: !1,
 	showDone: !0,
 	doneOn: "blur"
-}, AK = {
+}, RK = {
 	options: {},
 	respAreaToolbar: () => {},
 	onHandleAreaChange: () => {}
-}, jK = [
+}, zK = [
 	"bold",
 	"italic",
 	"underline",
@@ -38814,7 +38902,7 @@ var CK = Vm.create({
 	"h3",
 	"undo",
 	"redo"
-], MK = {
+], BK = {
 	"--white": "#fff",
 	"--black": "#2e2b29",
 	"--black-contrast": "#110f0e",
@@ -38833,14 +38921,18 @@ var CK = Vm.create({
 	"--red": "#ff5c33",
 	"--red-light": "#ffebe5",
 	"--shadow": "0px 12px 33px 0px rgba(0, 0, 0, .06),\n               0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)"
-}, NK = (e) => {
+}, VK = (e) => ({
+	spellcheck: e ? "true" : "false",
+	autocorrect: e ? "on" : "off",
+	autocapitalize: e ? "on" : "off"
+}), HK = (e) => {
 	let { showParagraphs: t, separateParagraphs: n } = e.pluginProps || {}, [r, i] = Dt([]), [a, o] = Dt(!1), { toolbarOpts: s } = e, c = bt((e) => {
 		i((t) => {
 			let n = t.filter((t) => t.pos !== e);
 			return n.length === 0 && o(!1), n;
 		});
 	}, [i]), l = {
-		...kK,
+		...LK,
 		...s
 	}, u = bt((t) => {
 		let n = t.getHTML();
@@ -38851,13 +38943,13 @@ var CK = Vm.create({
 		e.onDone,
 		l.doneOn
 	]), d = Tt(() => ({
-		...AK,
+		...RK,
 		...e.responseAreaProps,
 		onInlineDropdownToolbarClose: u
 	}), [e.responseAreaProps, u]), f = Tt(() => {
 		let { customPlugins: t, ...n } = e.pluginProps || {};
 		t ||= [];
-		let r = (e.activePlugins || jK)?.filter((e) => {
+		let r = (e.activePlugins || zK)?.filter((e) => {
 			let t = Wt[e] || e, r = n[t] || {};
 			return !r || !r.disabled;
 		});
@@ -38875,103 +38967,112 @@ var CK = Vm.create({
 			setKeypadInteraction: {},
 			media: {}
 		});
-	}, [e, d.type]), p = LC({
-		extensions: [
-			TK.configure({
-				types: [
-					"heading",
-					"paragraph",
-					"div",
-					"headingParagraph",
-					"h1",
-					"h2",
-					"h3",
-					"h4",
-					"h5",
-					"h6",
-					"td",
-					"th"
-				],
-				alignments: [
-					"left",
-					"right",
-					"center",
-					"justify"
-				]
-			}),
-			oK,
-			sK.configure({ limit: e.charactersLimit || 1e6 }),
-			XG.configure({ trailingNode: {
+	}, [e, d.type]), p = [
+		NK.configure({
+			types: [
+				"heading",
+				"paragraph",
+				"div",
+				"headingParagraph",
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"h6",
+				"td",
+				"th"
+			],
+			alignments: [
+				"left",
+				"right",
+				"center",
+				"justify"
+			]
+		}),
+		oK,
+		sK.configure({ limit: e.charactersLimit || 1e6 }),
+		XG.configure({
+			trailingNode: {
 				node: "paragraph",
 				notAfter: ["paragraph", "div"]
-			} }),
-			ZP,
-			rS,
-			QP,
-			iS,
-			aS,
-			OK.configure({
-				placeholder: e.placeholder,
-				showOnlyWhenEditable: !0,
-				showOnlyCurrent: !1,
-				includeChildren: !0
-			}),
-			$x,
-			Lx,
-			nS,
-			tS,
-			yk.configure(d),
-			bk.configure(d),
-			Sk.configure(d),
-			Ck.configure(d),
-			xk.configure(d),
-			Rj.configure({
-				toolbarOpts: l,
-				math: e.pluginProps?.math || {}
-			}),
-			wK,
-			CK,
-			DK,
-			XM.configure({
-				toolbarOpts: l,
-				imageHandling: {
-					disableImageAlignmentButtons: e.disableImageAlignmentButtons,
-					onDone: (t) => e.onDone?.(t.getHTML()),
-					onDelete: e.imageSupport && e.imageSupport.delete && ((t) => {
-						let { src: n } = t.attrs;
-						e.imageSupport.delete(n, (e) => {
-							c(t.pos);
-						});
-					}),
-					insertImageRequested: e.imageSupport && ((t, n, r) => {
-						let [o, s] = n, l = (n) => {
-							let r;
-							a && n && (r = e.onChange), c(s), r?.(t.getHTML());
-						};
-						t._insertingImage = !0, i((e) => [...e, o]), (() => {
-							let n = r(l), i = tt(() => {
-								let e = () => window.removeEventListener("focus", i);
-								if (!t._insertingImage) {
-									e();
-									return;
-								}
-								c(s), t._insertingImage = !1, e();
-							}, 500);
-							window.addEventListener("focus", i), e.imageSupport.add(n);
-						})();
-					}),
-					maxImageWidth: e.maxImageWidth,
-					maxImageHeight: e.maxImageHeight
-				},
-				limit: 3
-			}),
-			$N.configure({ uploadSoundSupport: e.uploadSoundSupport }),
-			gP.configure({ extraCSSRules: e.extraCSSRules })
-		],
+			},
+			link: {
+				autolink: !1,
+				linkOnPaste: !1
+			}
+		}),
+		ZP,
+		rS,
+		QP,
+		iS,
+		aS,
+		IK.configure({
+			placeholder: e.placeholder,
+			showOnlyWhenEditable: !0,
+			showOnlyCurrent: !1,
+			includeChildren: !0
+		}),
+		$x,
+		Lx,
+		nS,
+		tS,
+		yk.configure(d),
+		bk.configure(d),
+		Sk.configure(d),
+		Ck.configure(d),
+		xk.configure(d),
+		Rj.configure({
+			toolbarOpts: l,
+			math: e.pluginProps?.math || {}
+		}),
+		MK,
+		jK,
+		FK,
+		XM.configure({
+			toolbarOpts: l,
+			imageHandling: {
+				disableImageAlignmentButtons: e.disableImageAlignmentButtons,
+				onDone: (t) => e.onDone?.(t.getHTML()),
+				onDelete: e.imageSupport && e.imageSupport.delete && ((t) => {
+					let { src: n } = t.attrs;
+					e.imageSupport.delete(n, (e) => {
+						c(t.pos);
+					});
+				}),
+				insertImageRequested: e.imageSupport && ((t, n, r) => {
+					let [o, s] = n, l = (n) => {
+						let r;
+						a && n && (r = e.onChange), c(s), r?.(t.getHTML());
+					};
+					t._insertingImage = !0, i((e) => [...e, o]), (() => {
+						let n = r(l), i = tt(() => {
+							let e = () => window.removeEventListener("focus", i);
+							if (!t._insertingImage) {
+								e();
+								return;
+							}
+							c(s), t._insertingImage = !1, e();
+						}, 500);
+						window.addEventListener("focus", i), e.imageSupport.add(n);
+					})();
+				}),
+				maxImageWidth: e.maxImageWidth,
+				maxImageHeight: e.maxImageHeight
+			},
+			limit: 3
+		}),
+		$N.configure({ uploadSoundSupport: e.uploadSoundSupport }),
+		gP.configure({ extraCSSRules: e.extraCSSRules })
+	], m = e.spellCheck !== !1, h = LC({
+		extensions: p,
 		immediatelyRender: !1,
-		editorProps: { handleKeyDown(t, n) {
-			return e.onKeyDown ? e.onKeyDown(n) : !1;
-		} },
+		editorProps: {
+			attributes: VK(m),
+			handleKeyDown(t, n) {
+				return e.onKeyDown ? e.onKeyDown(n) : !1;
+			}
+		},
 		editable: !e.disabled,
 		content: Yt(e.markup),
 		onUpdate: ({ editor: t, transaction: n }) => {
@@ -38982,22 +39083,29 @@ var CK = Vm.create({
 		}
 	}, [e.charactersLimit]);
 	Ct(() => {
-		e.editorRef && e.editorRef(p);
-	}, [e.editorRef, p]), Ct(() => {
-		p?.setEditable(!e.disabled);
-	}, [e.disabled, p]), Ct(() => {
-		if (!p) return;
+		e.editorRef && e.editorRef(h);
+	}, [e.editorRef, h]), Ct(() => {
+		h?.setEditable(!e.disabled);
+	}, [e.disabled, h]), Ct(() => {
+		if (!h) return;
+		let e = h.options?.editorProps, t = VK(m);
+		e?.attributes?.spellcheck !== t.spellcheck && h.setOptions({ editorProps: {
+			...e,
+			attributes: t
+		} });
+	}, [m, h]), Ct(() => {
+		if (!h) return;
 		let t = Yt(e.markup);
-		t !== p.getHTML() && p.commands.setContent(t, { emitUpdate: !1 });
-	}, [e.markup, p]), Ct(() => {
-		Object.entries(MK).forEach(([e, t]) => {
+		t !== h.getHTML() && h.commands.setContent(t, { emitUpdate: !1 });
+	}, [e.markup, h]), Ct(() => {
+		Object.entries(BK).forEach(([e, t]) => {
 			document.documentElement.style.setProperty(e, t);
 		});
 	}, []);
-	let m = NC({
-		editor: p,
+	let g = NC({
+		editor: h,
 		selector: (e) => ({ isFocused: e.editor?.isFocused })
-	}), h = Tt(() => {
+	}), _ = Tt(() => {
 		let { minWidth: t, width: n, maxWidth: r, minHeight: i, height: a, maxHeight: o } = e;
 		return {
 			width: $P(n),
@@ -39012,20 +39120,20 @@ var CK = Vm.create({
 		...e,
 		activePlugins: f,
 		toolbarOpts: l,
-		editorState: m,
-		editor: p,
-		children: p && /* @__PURE__ */ P(PK, {
+		editorState: g,
+		editor: h,
+		children: h && /* @__PURE__ */ P(UK, {
 			style: {
-				minHeight: h.minHeight,
-				height: h.height,
-				maxHeight: h.maxHeight
+				minHeight: _.minHeight,
+				height: _.height,
+				maxHeight: _.maxHeight
 			},
 			showParagraph: t && !t.disabled,
 			separateParagraph: n && !n.disabled,
-			editor: p
+			editor: h
 		})
 	});
-}, PK = M(AC, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
+}, UK = M(AC, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
 	display: "flex",
 	outline: "none !important",
 	"& .ProseMirror": {
@@ -39053,7 +39161,7 @@ var CK = Vm.create({
 		} },
 		...t && { "& > p:has(+ p)": { marginBottom: "1em" } }
 	}
-})), FK = NK, IK = class e extends CustomEvent {
+})), WK = HK, GK = class e extends CustomEvent {
 	static {
 		this.TYPE = "model.updated";
 	}
@@ -39066,7 +39174,7 @@ var CK = Vm.create({
 			}
 		}), this.update = t, this.reset = n;
 	}
-}, LK = class e extends CustomEvent {
+}, KK = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.image";
 	}
@@ -39079,7 +39187,7 @@ var CK = Vm.create({
 			}
 		}), this.src = t, this.done = n;
 	}
-}, RK = class e extends CustomEvent {
+}, qK = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.image";
 	}
@@ -39089,7 +39197,7 @@ var CK = Vm.create({
 			detail: t
 		}), this.handler = t;
 	}
-}, zK = class e extends CustomEvent {
+}, JK = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.sound";
 	}
@@ -39102,7 +39210,7 @@ var CK = Vm.create({
 			}
 		}), this.src = t, this.done = n;
 	}
-}, BK = class e extends CustomEvent {
+}, YK = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.sound";
 	}
@@ -39115,7 +39223,7 @@ var CK = Vm.create({
 };
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/internal/switchBaseClasses.js
-function VK(e) {
+function XK(e) {
 	return p("PrivateSwitchBase", e);
 }
 k("PrivateSwitchBase", [
@@ -39128,7 +39236,7 @@ k("PrivateSwitchBase", [
 ]);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/internal/SwitchBase.js
-var HK = (e) => {
+var ZK = (e) => {
 	let { classes: t, checked: n, disabled: r, edge: i } = e;
 	return Ye({
 		root: [
@@ -39138,8 +39246,8 @@ var HK = (e) => {
 			i && `edge${A(i)}`
 		],
 		input: ["input"]
-	}, VK, t);
-}, UK = M(i, { name: "MuiSwitchBase" })({
+	}, XK, t);
+}, QK = M(i, { name: "MuiSwitchBase" })({
 	padding: 9,
 	borderRadius: "50%",
 	variants: [
@@ -39166,7 +39274,7 @@ var HK = (e) => {
 			style: { marginRight: -12 }
 		}
 	]
-}), WK = M("input", {
+}), $K = M("input", {
 	name: "MuiSwitchBase",
 	shouldForwardProp: Ce
 })({
@@ -39180,29 +39288,29 @@ var HK = (e) => {
 	margin: 0,
 	padding: 0,
 	zIndex: 1
-}), GK = /*#__PURE__*/ N.forwardRef(function(e, t) {
+}), eq = /*#__PURE__*/ N.forwardRef(function(e, t) {
 	let { autoFocus: n, checked: r, checkedIcon: i, defaultChecked: a, disabled: o, disableFocusRipple: s = !1, edge: c = !1, icon: l, id: u, inputProps: d, inputRef: f, name: p, onBlur: m, onChange: h, onFocus: g, readOnly: _, required: v = !1, tabIndex: y, type: x, value: S, slots: C = {}, slotProps: w = {}, ...ee } = e, [T, te] = Bt({
 		controlled: r,
 		default: !!a,
 		name: "SwitchBase",
 		state: "checked"
-	}), ne = O(), re = (e) => {
-		g && g(e), ne && ne.onFocus && ne.onFocus(e);
+	}), E = ae(), ne = (e) => {
+		g && g(e), E && E.onFocus && E.onFocus(e);
+	}, re = (e) => {
+		m && m(e), E && E.onBlur && E.onBlur(e);
 	}, ie = (e) => {
-		m && m(e), ne && ne.onBlur && ne.onBlur(e);
-	}, ae = (e) => {
 		if (e.nativeEvent.defaultPrevented || _) return;
 		let t = e.target.checked;
 		te(t), h && h(e, t);
-	}, E = o;
-	ne && E === void 0 && (E = ne.disabled);
-	let D = x === "checkbox" || x === "radio", oe = {
+	}, D = o;
+	E && D === void 0 && (D = E.disabled);
+	let O = x === "checkbox" || x === "radio", oe = {
 		...e,
 		checked: T,
-		disabled: E,
+		disabled: D,
 		disableFocusRipple: s,
 		edge: c
-	}, k = HK(oe), se = {
+	}, k = ZK(oe), se = {
 		slots: C,
 		slotProps: {
 			input: d,
@@ -39210,7 +39318,7 @@ var HK = (e) => {
 		}
 	}, [A, ce] = b("root", {
 		ref: t,
-		elementType: UK,
+		elementType: QK,
 		className: k.root,
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
@@ -39221,10 +39329,10 @@ var HK = (e) => {
 		getSlotProps: (e) => ({
 			...e,
 			onFocus: (t) => {
-				e.onFocus?.(t), re(t);
+				e.onFocus?.(t), ne(t);
 			},
 			onBlur: (t) => {
-				e.onBlur?.(t), ie(t);
+				e.onBlur?.(t), re(t);
 			}
 		}),
 		ownerState: oe,
@@ -39236,13 +39344,13 @@ var HK = (e) => {
 		}
 	}), [le, ue] = b("input", {
 		ref: f,
-		elementType: WK,
+		elementType: $K,
 		className: k.input,
 		externalForwardedProps: se,
 		getSlotProps: (e) => ({
 			...e,
 			onChange: (t) => {
-				e.onChange?.(t), ae(t);
+				e.onChange?.(t), ie(t);
 			}
 		}),
 		ownerState: oe,
@@ -39250,8 +39358,8 @@ var HK = (e) => {
 			autoFocus: n,
 			checked: r,
 			defaultChecked: a,
-			disabled: E,
-			id: D ? u : void 0,
+			disabled: D,
+			id: O ? u : void 0,
 			name: p,
 			readOnly: _,
 			required: v,
@@ -39264,13 +39372,13 @@ var HK = (e) => {
 		...ce,
 		children: [/*#__PURE__*/ P(le, { ...ue }), T ? i : l]
 	});
-}), KK = o(/*#__PURE__*/ P("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }), "CheckBoxOutlineBlank"), qK = o(/*#__PURE__*/ P("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }), "CheckBox"), JK = o(/*#__PURE__*/ P("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z" }), "IndeterminateCheckBox");
+}), tq = o(/*#__PURE__*/ P("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }), "CheckBoxOutlineBlank"), nq = o(/*#__PURE__*/ P("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }), "CheckBox"), rq = o(/*#__PURE__*/ P("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z" }), "IndeterminateCheckBox");
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Checkbox/checkboxClasses.js
-function YK(e) {
+function iq(e) {
 	return p("MuiCheckbox", e);
 }
-var XK = k("MuiCheckbox", [
+var aq = k("MuiCheckbox", [
 	"root",
 	"checked",
 	"disabled",
@@ -39279,18 +39387,18 @@ var XK = k("MuiCheckbox", [
 	"colorSecondary",
 	"sizeSmall",
 	"sizeMedium"
-]), ZK = (e) => {
+]), oq = (e) => {
 	let { classes: t, indeterminate: n, color: r, size: i } = e, a = Ye({ root: [
 		"root",
 		n && "indeterminate",
 		`color${A(r)}`,
 		`size${A(i)}`
-	] }, YK, t);
+	] }, iq, t);
 	return {
 		...t,
 		...a
 	};
-}, QK = M(GK, {
+}, sq = M(eq, {
 	shouldForwardProp: (e) => Ce(e) || e === "classes",
 	name: "MuiCheckbox",
 	slot: "Root",
@@ -39323,8 +39431,8 @@ var XK = k("MuiCheckbox", [
 		...Object.entries(e.palette).filter(De()).map(([t]) => ({
 			props: { color: t },
 			style: {
-				[`&.${XK.checked}, &.${XK.indeterminate}`]: { color: (e.vars || e).palette[t].main },
-				[`&.${XK.disabled}`]: { color: (e.vars || e).palette.action.disabled }
+				[`&.${aq.checked}, &.${aq.indeterminate}`]: { color: (e.vars || e).palette[t].main },
+				[`&.${aq.disabled}`]: { color: (e.vars || e).palette.action.disabled }
 			}
 		})),
 		{
@@ -39332,19 +39440,19 @@ var XK = k("MuiCheckbox", [
 			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
 		}
 	]
-}))), $K = /*#__PURE__*/ P(qK, {}), eq = /*#__PURE__*/ P(KK, {}), tq = /*#__PURE__*/ P(JK, {}), nq = /*#__PURE__*/ N.forwardRef(function(e, t) {
+}))), cq = /*#__PURE__*/ P(nq, {}), lq = /*#__PURE__*/ P(tq, {}), uq = /*#__PURE__*/ P(rq, {}), dq = /*#__PURE__*/ N.forwardRef(function(e, t) {
 	let n = ye({
 		props: e,
 		name: "MuiCheckbox"
-	}), { checkedIcon: r = $K, color: i = "primary", icon: a = eq, indeterminate: o = !1, indeterminateIcon: s = tq, inputProps: c, size: l = "medium", disableRipple: u = !1, className: f, slots: p = {}, slotProps: h = {}, ...g } = n, _ = o ? s : a, v = o ? s : r, y = {
+	}), { checkedIcon: r = cq, color: i = "primary", icon: a = lq, indeterminate: o = !1, indeterminateIcon: s = uq, inputProps: c, size: l = "medium", disableRipple: u = !1, className: f, slots: p = {}, slotProps: h = {}, ...g } = n, _ = o ? s : a, v = o ? s : r, y = {
 		...n,
 		disableRipple: u,
 		color: i,
 		indeterminate: o,
 		size: l
-	}, x = ZK(y), S = h.input ?? c, [C, w] = b("root", {
+	}, x = oq(y), S = h.input ?? c, [C, w] = b("root", {
 		ref: t,
-		elementType: QK,
+		elementType: sq,
 		className: d(x.root, f),
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
@@ -39372,10 +39480,10 @@ var XK = k("MuiCheckbox", [
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormControlLabel/formControlLabelClasses.js
-function rq(e) {
+function fq(e) {
 	return p("MuiFormControlLabel", e);
 }
-var iq = k("MuiFormControlLabel", [
+var pq = k("MuiFormControlLabel", [
 	"root",
 	"labelPlacementStart",
 	"labelPlacementTop",
@@ -39385,7 +39493,7 @@ var iq = k("MuiFormControlLabel", [
 	"error",
 	"required",
 	"asterisk"
-]), aq = (e) => {
+]), mq = (e) => {
 	let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e;
 	return Ye({
 		root: [
@@ -39397,14 +39505,14 @@ var iq = k("MuiFormControlLabel", [
 		],
 		label: ["label", n && "disabled"],
 		asterisk: ["asterisk", i && "error"]
-	}, rq, t);
-}, oq = M("label", {
+	}, fq, t);
+}, hq = M("label", {
 	name: "MuiFormControlLabel",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
-			{ [`& .${iq.label}`]: t.label },
+			{ [`& .${pq.label}`]: t.label },
 			t.root,
 			t[`labelPlacement${A(n.labelPlacement)}`]
 		];
@@ -39417,8 +39525,8 @@ var iq = k("MuiFormControlLabel", [
 	WebkitTapHighlightColor: "transparent",
 	marginLeft: -11,
 	marginRight: 16,
-	[`&.${iq.disabled}`]: { cursor: "default" },
-	[`& .${iq.label}`]: { [`&.${iq.disabled}`]: { color: (e.vars || e).palette.text.disabled } },
+	[`&.${pq.disabled}`]: { cursor: "default" },
+	[`& .${pq.label}`]: { [`&.${pq.disabled}`]: { color: (e.vars || e).palette.text.disabled } },
 	variants: [
 		{
 			props: { labelPlacement: "start" },
@@ -39440,14 +39548,14 @@ var iq = k("MuiFormControlLabel", [
 			style: { marginLeft: 16 }
 		}
 	]
-}))), sq = M("span", {
+}))), gq = M("span", {
 	name: "MuiFormControlLabel",
 	slot: "Asterisk"
-})(j(({ theme: e }) => ({ [`&.${iq.error}`]: { color: (e.vars || e).palette.error.main } }))), cq = /*#__PURE__*/ N.forwardRef(function(e, t) {
+})(j(({ theme: e }) => ({ [`&.${pq.error}`]: { color: (e.vars || e).palette.error.main } }))), _q = /*#__PURE__*/ N.forwardRef(function(e, t) {
 	let n = ye({
 		props: e,
 		name: "MuiFormControlLabel"
-	}), { checked: r, className: i, componentsProps: a = {}, control: o, disabled: s, disableTypography: c, inputRef: l, label: u, labelPlacement: f = "end", name: p, onChange: m, required: h, slots: g = {}, slotProps: _ = {}, value: v, ...y } = n, x = O(), S = s ?? o.props.disabled ?? x?.disabled, C = h ?? o.props.required, w = {
+	}), { checked: r, className: i, componentsProps: a = {}, control: o, disabled: s, disableTypography: c, inputRef: l, label: u, labelPlacement: f = "end", name: p, onChange: m, required: h, slots: g = {}, slotProps: _ = {}, value: v, ...y } = n, x = ae(), S = s ?? o.props.disabled ?? x?.disabled, C = h ?? o.props.required, w = {
 		disabled: S,
 		required: C
 	};
@@ -39470,7 +39578,7 @@ var iq = k("MuiFormControlLabel", [
 		labelPlacement: f,
 		required: C,
 		error: ee.error
-	}, te = aq(T), [ne, re] = b("typography", {
+	}, te = mq(T), [E, ne] = b("typography", {
 		elementType: Nk,
 		externalForwardedProps: {
 			slots: g,
@@ -39480,31 +39588,31 @@ var iq = k("MuiFormControlLabel", [
 			}
 		},
 		ownerState: T
-	}), ie = u;
-	return ie != null && ie.type !== Nk && !c && (ie = /*#__PURE__*/ P(ne, {
+	}), re = u;
+	return re != null && re.type !== Nk && !c && (re = /*#__PURE__*/ P(E, {
 		component: "span",
-		...re,
-		className: d(te.label, re?.className),
-		children: ie
-	})), /*#__PURE__*/ F(oq, {
+		...ne,
+		className: d(te.label, ne?.className),
+		children: re
+	})), /*#__PURE__*/ F(hq, {
 		className: d(te.root, i),
 		ownerState: T,
 		ref: t,
 		...y,
-		children: [/*#__PURE__*/ N.cloneElement(o, w), C ? /*#__PURE__*/ F("div", { children: [ie, /*#__PURE__*/ F(sq, {
+		children: [/*#__PURE__*/ N.cloneElement(o, w), C ? /*#__PURE__*/ F("div", { children: [re, /*#__PURE__*/ F(gq, {
 			ownerState: T,
 			"aria-hidden": !0,
 			className: te.asterisk,
 			children: [" ", "*"]
-		})] }) : ie]
+		})] }) : re]
 	});
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/InputAdornment/inputAdornmentClasses.js
-function lq(e) {
+function vq(e) {
 	return p("MuiInputAdornment", e);
 }
-var uq = k("MuiInputAdornment", [
+var yq = k("MuiInputAdornment", [
 	"root",
 	"filled",
 	"standard",
@@ -39514,7 +39622,7 @@ var uq = k("MuiInputAdornment", [
 	"disablePointerEvents",
 	"hiddenLabel",
 	"sizeSmall"
-]), dq, fq = (e, t) => {
+]), bq, xq = (e, t) => {
 	let { ownerState: n } = e;
 	return [
 		t.root,
@@ -39522,7 +39630,7 @@ var uq = k("MuiInputAdornment", [
 		n.disablePointerEvents === !0 && t.disablePointerEvents,
 		t[n.variant]
 	];
-}, pq = (e) => {
+}, Sq = (e) => {
 	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
 	return Ye({ root: [
 		"root",
@@ -39531,11 +39639,11 @@ var uq = k("MuiInputAdornment", [
 		o,
 		r && "hiddenLabel",
 		a && `size${A(a)}`
-	] }, lq, t);
-}, mq = M("div", {
+	] }, vq, t);
+}, Cq = M("div", {
 	name: "MuiInputAdornment",
 	slot: "Root",
-	overridesResolver: fq
+	overridesResolver: xq
 })(j(({ theme: e }) => ({
 	display: "flex",
 	maxHeight: "2em",
@@ -39545,7 +39653,7 @@ var uq = k("MuiInputAdornment", [
 	variants: [
 		{
 			props: { variant: "filled" },
-			style: { [`&.${uq.positionStart}&:not(.${uq.hiddenLabel})`]: { marginTop: 16 } }
+			style: { [`&.${yq.positionStart}&:not(.${yq.hiddenLabel})`]: { marginTop: 16 } }
 		},
 		{
 			props: { position: "start" },
@@ -39560,11 +39668,11 @@ var uq = k("MuiInputAdornment", [
 			style: { pointerEvents: "none" }
 		}
 	]
-}))), hq = /*#__PURE__*/ N.forwardRef(function(e, t) {
+}))), wq = /*#__PURE__*/ N.forwardRef(function(e, t) {
 	let n = ye({
 		props: e,
 		name: "MuiInputAdornment"
-	}), { children: r, className: i, component: a = "div", disablePointerEvents: o = !1, disableTypography: s = !1, position: l, variant: u, ...f } = n, p = O() || {}, m = u;
+	}), { children: r, className: i, component: a = "div", disablePointerEvents: o = !1, disableTypography: s = !1, position: l, variant: u, ...f } = n, p = ae() || {}, m = u;
 	u && p.variant, p && !m && (m = p.variant);
 	let h = {
 		...n,
@@ -39573,10 +39681,10 @@ var uq = k("MuiInputAdornment", [
 		disablePointerEvents: o,
 		position: l,
 		variant: m
-	}, g = pq(h);
+	}, g = Sq(h);
 	return /*#__PURE__*/ P(c.Provider, {
 		value: null,
-		children: /*#__PURE__*/ P(mq, {
+		children: /*#__PURE__*/ P(Cq, {
 			as: a,
 			ownerState: h,
 			className: d(g.root, i),
@@ -39585,20 +39693,20 @@ var uq = k("MuiInputAdornment", [
 			children: typeof r == "string" && !s ? /*#__PURE__*/ P(Nk, {
 				color: "textSecondary",
 				children: r
-			}) : /*#__PURE__*/ F(N.Fragment, { children: [l === "start" ? dq ||= /*#__PURE__*/ P("span", {
+			}) : /*#__PURE__*/ F(N.Fragment, { children: [l === "start" ? bq ||= /*#__PURE__*/ P("span", {
 				className: "notranslate",
 				"aria-hidden": !0,
 				children: "​"
 			}) : null, r] })
 		})
 	});
-}), gq = o(/*#__PURE__*/ P("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "RadioButtonUnchecked"), _q = o(/*#__PURE__*/ P("path", { d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z" }), "RadioButtonChecked"), vq = M("span", {
+}), Tq = o(/*#__PURE__*/ P("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "RadioButtonUnchecked"), Eq = o(/*#__PURE__*/ P("path", { d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z" }), "RadioButtonChecked"), Dq = M("span", {
 	name: "MuiRadioButtonIcon",
 	shouldForwardProp: Ce
 })({
 	position: "relative",
 	display: "flex"
-}), yq = M(gq, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), bq = M(_q, { name: "MuiRadioButtonIcon" })(j(({ theme: e }) => ({
+}), Oq = M(Tq, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), kq = M(Eq, { name: "MuiRadioButtonIcon" })(j(({ theme: e }) => ({
 	left: 0,
 	position: "absolute",
 	transform: "scale(0)",
@@ -39617,19 +39725,19 @@ var uq = k("MuiInputAdornment", [
 		}
 	}]
 })));
-function xq(e) {
+function Aq(e) {
 	let { checked: t = !1, classes: n = {}, fontSize: r } = e, i = {
 		...e,
 		checked: t
 	};
-	return /*#__PURE__*/ F(vq, {
+	return /*#__PURE__*/ F(Dq, {
 		className: n.root,
 		ownerState: i,
-		children: [/*#__PURE__*/ P(yq, {
+		children: [/*#__PURE__*/ P(Oq, {
 			fontSize: r,
 			className: n.background,
 			ownerState: i
-		}), /*#__PURE__*/ P(bq, {
+		}), /*#__PURE__*/ P(kq, {
 			fontSize: r,
 			className: n.dot,
 			ownerState: i
@@ -39638,25 +39746,25 @@ function xq(e) {
 }
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/RadioGroupContext.js
-var Sq = /*#__PURE__*/ N.createContext(void 0);
+var jq = /*#__PURE__*/ N.createContext(void 0);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/useRadioGroup.js
-function Cq() {
-	return N.useContext(Sq);
+function Mq() {
+	return N.useContext(jq);
 }
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Radio/radioClasses.js
-function wq(e) {
+function Nq(e) {
 	return p("MuiRadio", e);
 }
-var Tq = k("MuiRadio", [
+var Pq = k("MuiRadio", [
 	"root",
 	"checked",
 	"disabled",
 	"colorPrimary",
 	"colorSecondary",
 	"sizeSmall"
-]), Eq = (e) => {
+]), Fq = (e) => {
 	let { classes: t, color: n, size: r } = e, i = { root: [
 		"root",
 		`color${A(n)}`,
@@ -39664,9 +39772,9 @@ var Tq = k("MuiRadio", [
 	] };
 	return {
 		...t,
-		...Ye(i, wq, t)
+		...Ye(i, Nq, t)
 	};
-}, Dq = M(GK, {
+}, Iq = M(eq, {
 	shouldForwardProp: (e) => Ce(e) || e === "classes",
 	name: "MuiRadio",
 	slot: "Root",
@@ -39680,7 +39788,7 @@ var Tq = k("MuiRadio", [
 	}
 })(j(({ theme: e }) => ({
 	color: (e.vars || e).palette.text.secondary,
-	[`&.${Tq.disabled}`]: { color: (e.vars || e).palette.action.disabled },
+	[`&.${Pq.disabled}`]: { color: (e.vars || e).palette.action.disabled },
 	variants: [
 		{
 			props: {
@@ -39703,7 +39811,7 @@ var Tq = k("MuiRadio", [
 				color: t,
 				disabled: !1
 			},
-			style: { [`&.${Tq.checked}`]: { color: (e.vars || e).palette[t].main } }
+			style: { [`&.${Pq.checked}`]: { color: (e.vars || e).palette[t].main } }
 		})),
 		{
 			props: { disableRipple: !1 },
@@ -39711,14 +39819,14 @@ var Tq = k("MuiRadio", [
 		}
 	]
 })));
-function Oq(e, t) {
+function Lq(e, t) {
 	return typeof t == "object" && t ? e === t : String(e) === String(t);
 }
-var kq = /*#__PURE__*/ P(xq, { checked: !0 }), Aq = /*#__PURE__*/ P(xq, {}), jq = /*#__PURE__*/ N.forwardRef(function(e, t) {
+var Rq = /*#__PURE__*/ P(Aq, { checked: !0 }), zq = /*#__PURE__*/ P(Aq, {}), Bq = /*#__PURE__*/ N.forwardRef(function(e, t) {
 	let n = ye({
 		props: e,
 		name: "MuiRadio"
-	}), { checked: r, checkedIcon: i = kq, color: a = "primary", icon: o = Aq, name: s, onChange: c, size: l = "medium", className: u, disabled: f, disableRipple: p = !1, slots: m = {}, slotProps: h = {}, inputProps: g, ..._ } = n, v = O(), y = f;
+	}), { checked: r, checkedIcon: i = Rq, color: a = "primary", icon: o = zq, name: s, onChange: c, size: l = "medium", className: u, disabled: f, disableRipple: p = !1, slots: m = {}, slotProps: h = {}, inputProps: g, ..._ } = n, v = ae(), y = f;
 	v && y === void 0 && (y = v.disabled), y ??= !1;
 	let x = {
 		...n,
@@ -39726,11 +39834,11 @@ var kq = /*#__PURE__*/ P(xq, { checked: !0 }), Aq = /*#__PURE__*/ P(xq, {}), jq
 		disableRipple: p,
 		color: a,
 		size: l
-	}, S = Eq(x), C = Cq(), w = r, ee = Rt(c, C && C.onChange), T = s;
-	C && (w === void 0 && (w = Oq(C.value, n.value)), T === void 0 && (T = C.name));
-	let te = h.input ?? g, [ne, re] = b("root", {
+	}, S = Fq(x), C = Mq(), w = r, ee = Rt(c, C && C.onChange), T = s;
+	C && (w === void 0 && (w = Lq(C.value, n.value)), T === void 0 && (T = C.name));
+	let te = h.input ?? g, [E, ne] = b("root", {
 		ref: t,
-		elementType: Dq,
+		elementType: Iq,
 		className: d(S.root, u),
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
@@ -39756,17 +39864,17 @@ var kq = /*#__PURE__*/ P(xq, { checked: !0 }), Aq = /*#__PURE__*/ P(xq, {}), jq
 			slotProps: { input: typeof te == "function" ? te(x) : te }
 		}
 	});
-	return /*#__PURE__*/ P(ne, {
-		...re,
+	return /*#__PURE__*/ P(E, {
+		...ne,
 		classes: S
 	});
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Tooltip/tooltipClasses.js
-function Mq(e) {
+function Vq(e) {
 	return p("MuiTooltip", e);
 }
-var Nq = k("MuiTooltip", [
+var Hq = k("MuiTooltip", [
 	"popper",
 	"popperInteractive",
 	"popperArrow",
@@ -39782,10 +39890,10 @@ var Nq = k("MuiTooltip", [
 ]);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Tooltip/Tooltip.js
-function Pq(e) {
+function Uq(e) {
 	return Math.round(e * 1e5) / 1e5;
 }
-var Fq = (e) => {
+var Wq = (e) => {
 	let { classes: t, disableInteractive: n, arrow: r, touch: i, placement: a } = e;
 	return Ye({
 		popper: [
@@ -39800,8 +39908,8 @@ var Fq = (e) => {
 			`tooltipPlacement${A(a.split("-")[0])}`
 		],
 		arrow: ["arrow"]
-	}, Mq, t);
-}, Iq = M(bL, {
+	}, Vq, t);
+}, Gq = M(bL, {
 	name: "MuiTooltip",
 	slot: "Popper",
 	overridesResolver: (e, t) => {
@@ -39828,22 +39936,22 @@ var Fq = (e) => {
 		{
 			props: ({ ownerState: e }) => e.arrow,
 			style: {
-				[`&[data-popper-placement*="bottom"] .${Nq.arrow}`]: {
+				[`&[data-popper-placement*="bottom"] .${Hq.arrow}`]: {
 					top: 0,
 					marginTop: "-0.71em",
 					"&::before": { transformOrigin: "0 100%" }
 				},
-				[`&[data-popper-placement*="top"] .${Nq.arrow}`]: {
+				[`&[data-popper-placement*="top"] .${Hq.arrow}`]: {
 					bottom: 0,
 					marginBottom: "-0.71em",
 					"&::before": { transformOrigin: "100% 0" }
 				},
-				[`&[data-popper-placement*="right"] .${Nq.arrow}`]: {
+				[`&[data-popper-placement*="right"] .${Hq.arrow}`]: {
 					height: "1em",
 					width: "0.71em",
 					"&::before": { transformOrigin: "100% 100%" }
 				},
-				[`&[data-popper-placement*="left"] .${Nq.arrow}`]: {
+				[`&[data-popper-placement*="left"] .${Hq.arrow}`]: {
 					height: "1em",
 					width: "0.71em",
 					"&::before": { transformOrigin: "0 0" }
@@ -39852,34 +39960,34 @@ var Fq = (e) => {
 		},
 		{
 			props: ({ ownerState: e }) => e.arrow && !e.isRtl,
-			style: { [`&[data-popper-placement*="right"] .${Nq.arrow}`]: {
+			style: { [`&[data-popper-placement*="right"] .${Hq.arrow}`]: {
 				left: 0,
 				marginLeft: "-0.71em"
 			} }
 		},
 		{
 			props: ({ ownerState: e }) => e.arrow && !!e.isRtl,
-			style: { [`&[data-popper-placement*="right"] .${Nq.arrow}`]: {
+			style: { [`&[data-popper-placement*="right"] .${Hq.arrow}`]: {
 				right: 0,
 				marginRight: "-0.71em"
 			} }
 		},
 		{
 			props: ({ ownerState: e }) => e.arrow && !e.isRtl,
-			style: { [`&[data-popper-placement*="left"] .${Nq.arrow}`]: {
+			style: { [`&[data-popper-placement*="left"] .${Hq.arrow}`]: {
 				right: 0,
 				marginRight: "-0.71em"
 			} }
 		},
 		{
 			props: ({ ownerState: e }) => e.arrow && !!e.isRtl,
-			style: { [`&[data-popper-placement*="left"] .${Nq.arrow}`]: {
+			style: { [`&[data-popper-placement*="left"] .${Hq.arrow}`]: {
 				left: 0,
 				marginLeft: "-0.71em"
 			} }
 		}
 	]
-}))), Lq = M("div", {
+}))), Kq = M("div", {
 	name: "MuiTooltip",
 	slot: "Tooltip",
 	overridesResolver: (e, t) => {
@@ -39902,13 +40010,13 @@ var Fq = (e) => {
 	margin: 2,
 	wordWrap: "break-word",
 	fontWeight: e.typography.fontWeightMedium,
-	[`.${Nq.popper}[data-popper-placement*="left"] &`]: { transformOrigin: "right center" },
-	[`.${Nq.popper}[data-popper-placement*="right"] &`]: { transformOrigin: "left center" },
-	[`.${Nq.popper}[data-popper-placement*="top"] &`]: {
+	[`.${Hq.popper}[data-popper-placement*="left"] &`]: { transformOrigin: "right center" },
+	[`.${Hq.popper}[data-popper-placement*="right"] &`]: { transformOrigin: "left center" },
+	[`.${Hq.popper}[data-popper-placement*="top"] &`]: {
 		transformOrigin: "center bottom",
 		marginBottom: "14px"
 	},
-	[`.${Nq.popper}[data-popper-placement*="bottom"] &`]: {
+	[`.${Hq.popper}[data-popper-placement*="bottom"] &`]: {
 		transformOrigin: "center top",
 		marginTop: "14px"
 	},
@@ -39925,48 +40033,48 @@ var Fq = (e) => {
 			style: {
 				padding: "8px 16px",
 				fontSize: e.typography.pxToRem(14),
-				lineHeight: `${Pq(16 / 14)}em`,
+				lineHeight: `${Uq(16 / 14)}em`,
 				fontWeight: e.typography.fontWeightRegular
 			}
 		},
 		{
 			props: ({ ownerState: e }) => !e.isRtl,
 			style: {
-				[`.${Nq.popper}[data-popper-placement*="left"] &`]: { marginRight: "14px" },
-				[`.${Nq.popper}[data-popper-placement*="right"] &`]: { marginLeft: "14px" }
+				[`.${Hq.popper}[data-popper-placement*="left"] &`]: { marginRight: "14px" },
+				[`.${Hq.popper}[data-popper-placement*="right"] &`]: { marginLeft: "14px" }
 			}
 		},
 		{
 			props: ({ ownerState: e }) => !e.isRtl && e.touch,
 			style: {
-				[`.${Nq.popper}[data-popper-placement*="left"] &`]: { marginRight: "24px" },
-				[`.${Nq.popper}[data-popper-placement*="right"] &`]: { marginLeft: "24px" }
+				[`.${Hq.popper}[data-popper-placement*="left"] &`]: { marginRight: "24px" },
+				[`.${Hq.popper}[data-popper-placement*="right"] &`]: { marginLeft: "24px" }
 			}
 		},
 		{
 			props: ({ ownerState: e }) => !!e.isRtl,
 			style: {
-				[`.${Nq.popper}[data-popper-placement*="left"] &`]: { marginLeft: "14px" },
-				[`.${Nq.popper}[data-popper-placement*="right"] &`]: { marginRight: "14px" }
+				[`.${Hq.popper}[data-popper-placement*="left"] &`]: { marginLeft: "14px" },
+				[`.${Hq.popper}[data-popper-placement*="right"] &`]: { marginRight: "14px" }
 			}
 		},
 		{
 			props: ({ ownerState: e }) => !!e.isRtl && e.touch,
 			style: {
-				[`.${Nq.popper}[data-popper-placement*="left"] &`]: { marginLeft: "24px" },
-				[`.${Nq.popper}[data-popper-placement*="right"] &`]: { marginRight: "24px" }
+				[`.${Hq.popper}[data-popper-placement*="left"] &`]: { marginLeft: "24px" },
+				[`.${Hq.popper}[data-popper-placement*="right"] &`]: { marginRight: "24px" }
 			}
 		},
 		{
 			props: ({ ownerState: e }) => e.touch,
-			style: { [`.${Nq.popper}[data-popper-placement*="top"] &`]: { marginBottom: "24px" } }
+			style: { [`.${Hq.popper}[data-popper-placement*="top"] &`]: { marginBottom: "24px" } }
 		},
 		{
 			props: ({ ownerState: e }) => e.touch,
-			style: { [`.${Nq.popper}[data-popper-placement*="bottom"] &`]: { marginTop: "24px" } }
+			style: { [`.${Hq.popper}[data-popper-placement*="bottom"] &`]: { marginTop: "24px" } }
 		}
 	]
-}))), Rq = M("span", {
+}))), qq = M("span", {
 	name: "MuiTooltip",
 	slot: "Arrow"
 })(j(({ theme: e }) => ({
@@ -39985,21 +40093,21 @@ var Fq = (e) => {
 		backgroundColor: "currentColor",
 		transform: "rotate(45deg)"
 	}
-}))), zq = !1, Bq = new Le(), Vq = {
+}))), Jq = !1, Yq = new Le(), Xq = {
 	x: 0,
 	y: 0
 };
-function Hq(e, t) {
+function Zq(e, t) {
 	return (n, ...r) => {
 		t && t(n, ...r), e(n, ...r);
 	};
 }
-var Uq = /*#__PURE__*/ N.forwardRef(function(e, t) {
+var Qq = /*#__PURE__*/ N.forwardRef(function(e, t) {
 	let n = ye({
 		props: e,
 		name: "MuiTooltip"
-	}), { arrow: i = !1, children: a, classes: o, components: s = {}, componentsProps: c = {}, describeChild: u = !1, disableFocusListener: f = !1, disableHoverListener: p = !1, disableInteractive: m = !1, disableTouchListener: h = !1, enterDelay: g = 100, enterNextDelay: _ = 0, enterTouchDelay: y = 700, followCursor: x = !1, id: C, leaveDelay: w = 0, leaveTouchDelay: ee = 1500, onClose: T, onOpen: te, open: ne, placement: re = "bottom", PopperComponent: ie, PopperProps: ae = {}, slotProps: E = {}, slots: D = {}, title: O, TransitionComponent: oe, TransitionProps: k, ...se } = n, A = /*#__PURE__*/ N.isValidElement(a) ? a : /*#__PURE__*/ P("span", { children: a }), ce = Ge(), le = l(), [ue, j] = N.useState(), [de, fe] = N.useState(null), pe = N.useRef(!1), me = m || x, he = we(), ge = we(), _e = we(), ve = we(), [xe, Se] = Bt({
-		controlled: ne,
+	}), { arrow: i = !1, children: a, classes: o, components: s = {}, componentsProps: c = {}, describeChild: u = !1, disableFocusListener: f = !1, disableHoverListener: p = !1, disableInteractive: m = !1, disableTouchListener: h = !1, enterDelay: g = 100, enterNextDelay: _ = 0, enterTouchDelay: y = 700, followCursor: x = !1, id: C, leaveDelay: w = 0, leaveTouchDelay: ee = 1500, onClose: T, onOpen: te, open: E, placement: ne = "bottom", PopperComponent: re, PopperProps: ie = {}, slotProps: D = {}, slots: O = {}, title: ae, TransitionComponent: oe, TransitionProps: k, ...se } = n, A = /*#__PURE__*/ N.isValidElement(a) ? a : /*#__PURE__*/ P("span", { children: a }), ce = Ge(), le = l(), [ue, j] = N.useState(), [de, fe] = N.useState(null), pe = N.useRef(!1), me = m || x, he = we(), ge = we(), _e = we(), ve = we(), [xe, Se] = Bt({
+		controlled: E,
 		default: !1,
 		name: "Tooltip",
 		state: "open"
@@ -40008,15 +40116,15 @@ var Uq = /*#__PURE__*/ N.forwardRef(function(e, t) {
 	});
 	N.useEffect(() => De, [De]);
 	let Oe = (e) => {
-		Bq.clear(), zq = !0, Se(!0), te && !Ce && te(e);
+		Yq.clear(), Jq = !0, Se(!0), te && !Ce && te(e);
 	}, ke = v((e) => {
-		Bq.start(800 + w, () => {
-			zq = !1;
+		Yq.start(800 + w, () => {
+			Jq = !1;
 		}), Se(!1), T && Ce && T(e), he.start(ce.transitions.duration.shortest, () => {
 			pe.current = !1;
 		});
 	}), Ae = (e) => {
-		pe.current && e.type !== "touchstart" || (ue && ue.removeAttribute("title"), ge.clear(), _e.clear(), g || zq && _ ? ge.start(zq ? _ : g, () => {
+		pe.current && e.type !== "touchstart" || (ue && ue.removeAttribute("title"), ge.clear(), _e.clear(), g || Jq && _ ? ge.start(Jq ? _ : g, () => {
 			Oe(e);
 		}) : Oe(e));
 	}, je = (e) => {
@@ -40055,15 +40163,15 @@ var Uq = /*#__PURE__*/ N.forwardRef(function(e, t) {
 		};
 	}, [ke, Ce]);
 	let ze = be(Ne(A), j, t);
-	!O && O !== 0 && (Ce = !1);
+	!ae && ae !== 0 && (Ce = !1);
 	let Be = N.useRef(), Ve = (e) => {
 		let t = A.props;
-		t.onMouseMove && t.onMouseMove(e), Vq = {
+		t.onMouseMove && t.onMouseMove(e), Xq = {
 			x: e.clientX,
 			y: e.clientY
 		}, Be.current && Be.current.update();
-	}, He = {}, Ue = typeof O == "string";
-	u ? (He.title = !Ce && Ue && !p ? O : null, He["aria-describedby"] = Ce ? M : null) : (He["aria-label"] = Ue ? O : null, He["aria-labelledby"] = Ce && !Ue ? M : null);
+	}, He = {}, Ue = typeof ae == "string";
+	u ? (He.title = !Ce && Ue && !p ? ae : null, He["aria-describedby"] = Ce ? M : null) : (He["aria-label"] = Ue ? ae : null, He["aria-labelledby"] = Ce && !Ue ? M : null);
 	let We = {
 		...He,
 		...se,
@@ -40073,16 +40181,16 @@ var Uq = /*#__PURE__*/ N.forwardRef(function(e, t) {
 		ref: ze,
 		...x ? { onMouseMove: Ve } : {}
 	}, Ke = {};
-	h || (We.onTouchStart = Le, We.onTouchEnd = Re), p || (We.onMouseOver = Hq(Ae, We.onMouseOver), We.onMouseLeave = Hq(je, We.onMouseLeave), me || (Ke.onMouseOver = Ae, Ke.onMouseLeave = je)), f || (We.onFocus = Hq(Fe, We.onFocus), We.onBlur = Hq(Pe, We.onBlur), me || (Ke.onFocus = Fe, Ke.onBlur = Pe));
+	h || (We.onTouchStart = Le, We.onTouchEnd = Re), p || (We.onMouseOver = Zq(Ae, We.onMouseOver), We.onMouseLeave = Zq(je, We.onMouseLeave), me || (Ke.onMouseOver = Ae, Ke.onMouseLeave = je)), f || (We.onFocus = Zq(Fe, We.onFocus), We.onBlur = Zq(Pe, We.onBlur), me || (Ke.onFocus = Fe, Ke.onBlur = Pe));
 	let qe = {
 		...n,
 		isRtl: le,
 		arrow: i,
 		disableInteractive: me,
-		placement: re,
-		PopperComponentProp: ie,
+		placement: ne,
+		PopperComponentProp: re,
 		touch: pe.current
-	}, Je = typeof E.popper == "function" ? E.popper(qe) : E.popper, Ye = N.useMemo(() => {
+	}, Je = typeof D.popper == "function" ? D.popper(qe) : D.popper, Ye = N.useMemo(() => {
 		let e = [{
 			name: "arrow",
 			enabled: !!de,
@@ -40091,64 +40199,64 @@ var Uq = /*#__PURE__*/ N.forwardRef(function(e, t) {
 				padding: 4
 			}
 		}];
-		return ae.popperOptions?.modifiers && (e = e.concat(ae.popperOptions.modifiers)), Je?.popperOptions?.modifiers && (e = e.concat(Je.popperOptions.modifiers)), {
-			...ae.popperOptions,
+		return ie.popperOptions?.modifiers && (e = e.concat(ie.popperOptions.modifiers)), Je?.popperOptions?.modifiers && (e = e.concat(Je.popperOptions.modifiers)), {
+			...ie.popperOptions,
 			...Je?.popperOptions,
 			modifiers: e
 		};
 	}, [
 		de,
-		ae.popperOptions,
+		ie.popperOptions,
 		Je?.popperOptions
-	]), Xe = Fq(qe), Ze = typeof E.transition == "function" ? E.transition(qe) : E.transition, Qe = {
+	]), Xe = Wq(qe), Ze = typeof D.transition == "function" ? D.transition(qe) : D.transition, Qe = {
 		slots: {
 			popper: s.Popper,
 			transition: s.Transition ?? oe,
 			tooltip: s.Tooltip,
 			arrow: s.Arrow,
-			...D
+			...O
 		},
 		slotProps: {
-			arrow: E.arrow ?? c.arrow,
+			arrow: D.arrow ?? c.arrow,
 			popper: {
-				...ae,
+				...ie,
 				...Je ?? c.popper
 			},
-			tooltip: E.tooltip ?? c.tooltip,
+			tooltip: D.tooltip ?? c.tooltip,
 			transition: {
 				...k,
 				...Ze ?? c.transition
 			}
 		}
 	}, [$e, et] = b("popper", {
-		elementType: Iq,
+		elementType: Gq,
 		externalForwardedProps: Qe,
 		ownerState: qe,
-		className: d(Xe.popper, ae?.className)
+		className: d(Xe.popper, ie?.className)
 	}), [tt, nt] = b("transition", {
 		elementType: r,
 		externalForwardedProps: Qe,
 		ownerState: qe
 	}), [rt, it] = b("tooltip", {
-		elementType: Lq,
+		elementType: Kq,
 		className: Xe.tooltip,
 		externalForwardedProps: Qe,
 		ownerState: qe
 	}), [at, ot] = b("arrow", {
-		elementType: Rq,
+		elementType: qq,
 		className: Xe.arrow,
 		externalForwardedProps: Qe,
 		ownerState: qe,
 		ref: fe
 	});
 	return /*#__PURE__*/ F(N.Fragment, { children: [/*#__PURE__*/ N.cloneElement(A, We), /*#__PURE__*/ P($e, {
-		as: ie ?? bL,
-		placement: re,
+		as: re ?? bL,
+		placement: ne,
 		anchorEl: x ? { getBoundingClientRect: () => ({
-			top: Vq.y,
-			left: Vq.x,
-			right: Vq.x,
-			bottom: Vq.y,
+			top: Xq.y,
+			left: Xq.x,
+			right: Xq.x,
+			bottom: Xq.y,
 			width: 0,
 			height: 0
 		}) } : ue,
@@ -40165,17 +40273,17 @@ var Uq = /*#__PURE__*/ N.forwardRef(function(e, t) {
 			...nt,
 			children: /*#__PURE__*/ F(rt, {
 				...it,
-				children: [O, i ? /*#__PURE__*/ P(at, { ...ot }) : null]
+				children: [ae, i ? /*#__PURE__*/ P(at, { ...ot }) : null]
 			})
 		})
 	})] });
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Switch/switchClasses.js
-function Wq(e) {
+function $q(e) {
 	return p("MuiSwitch", e);
 }
-var Gq = k("MuiSwitch", [
+var eJ = k("MuiSwitch", [
 	"root",
 	"edgeStart",
 	"edgeEnd",
@@ -40189,7 +40297,7 @@ var Gq = k("MuiSwitch", [
 	"input",
 	"thumb",
 	"track"
-]), Kq = (e) => {
+]), tJ = (e) => {
 	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = Ye({
 		root: [
 			"root",
@@ -40205,12 +40313,12 @@ var Gq = k("MuiSwitch", [
 		thumb: ["thumb"],
 		track: ["track"],
 		input: ["input"]
-	}, Wq, t);
+	}, $q, t);
 	return {
 		...t,
 		...s
 	};
-}, qq = M("span", {
+}, nJ = M("span", {
 	name: "MuiSwitch",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -40248,25 +40356,25 @@ var Gq = k("MuiSwitch", [
 				width: 40,
 				height: 24,
 				padding: 7,
-				[`& .${Gq.thumb}`]: {
+				[`& .${eJ.thumb}`]: {
 					width: 16,
 					height: 16
 				},
-				[`& .${Gq.switchBase}`]: {
+				[`& .${eJ.switchBase}`]: {
 					padding: 4,
-					[`&.${Gq.checked}`]: { transform: "translateX(16px)" }
+					[`&.${eJ.checked}`]: { transform: "translateX(16px)" }
 				}
 			}
 		}
 	]
-}), Jq = M(GK, {
+}), rJ = M(eq, {
 	name: "MuiSwitch",
 	slot: "SwitchBase",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.switchBase,
-			{ [`& .${Gq.input}`]: t.input },
+			{ [`& .${eJ.input}`]: t.input },
 			n.color !== "default" && t[`color${A(n.color)}`]
 		];
 	}
@@ -40277,11 +40385,11 @@ var Gq = k("MuiSwitch", [
 	zIndex: 1,
 	color: e.vars ? e.vars.palette.Switch.defaultColor : `${e.palette.mode === "light" ? e.palette.common.white : e.palette.grey[300]}`,
 	transition: e.transitions.create(["left", "transform"], { duration: e.transitions.duration.shortest }),
-	[`&.${Gq.checked}`]: { transform: "translateX(20px)" },
-	[`&.${Gq.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
-	[`&.${Gq.checked} + .${Gq.track}`]: { opacity: .5 },
-	[`&.${Gq.disabled} + .${Gq.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
-	[`& .${Gq.input}`]: {
+	[`&.${eJ.checked}`]: { transform: "translateX(20px)" },
+	[`&.${eJ.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
+	[`&.${eJ.checked} + .${eJ.track}`]: { opacity: .5 },
+	[`&.${eJ.disabled} + .${eJ.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
+	[`& .${eJ.input}`]: {
 		left: "-100%",
 		width: "300%"
 	}
@@ -40293,18 +40401,18 @@ var Gq = k("MuiSwitch", [
 	variants: [...Object.entries(e.palette).filter(De(["light"])).map(([t]) => ({
 		props: { color: t },
 		style: {
-			[`&.${Gq.checked}`]: {
+			[`&.${eJ.checked}`]: {
 				color: (e.vars || e).palette[t].main,
 				"&:hover": {
 					backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity),
 					"@media (hover: none)": { backgroundColor: "transparent" }
 				},
-				[`&.${Gq.disabled}`]: { color: e.vars ? e.vars.palette.Switch[`${t}DisabledColor`] : `${e.palette.mode === "light" ? e.lighten(e.palette[t].main, .62) : e.darken(e.palette[t].main, .55)}` }
+				[`&.${eJ.disabled}`]: { color: e.vars ? e.vars.palette.Switch[`${t}DisabledColor`] : `${e.palette.mode === "light" ? e.lighten(e.palette[t].main, .62) : e.darken(e.palette[t].main, .55)}` }
 			},
-			[`&.${Gq.checked} + .${Gq.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
+			[`&.${eJ.checked} + .${eJ.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
 		}
 	}))]
-}))), Yq = M("span", {
+}))), iJ = M("span", {
 	name: "MuiSwitch",
 	slot: "Track"
 })(j(({ theme: e }) => ({
@@ -40317,7 +40425,7 @@ var Gq = k("MuiSwitch", [
 	transition: e.transitions.create(["opacity", "background-color"], { duration: e.transitions.duration.shortest }),
 	backgroundColor: e.vars ? e.vars.palette.common.onBackground : `${e.palette.mode === "light" ? e.palette.common.black : e.palette.common.white}`,
 	opacity: e.vars ? e.vars.opacity.switchTrack : `${e.palette.mode === "light" ? .38 : .3}`
-}))), Xq = M("span", {
+}))), aJ = M("span", {
 	name: "MuiSwitch",
 	slot: "Thumb"
 })(j(({ theme: e }) => ({
@@ -40328,7 +40436,7 @@ var Gq = k("MuiSwitch", [
 	width: 20,
 	height: 20,
 	borderRadius: "50%"
-}))), Zq = /*#__PURE__*/ N.forwardRef(function(e, t) {
+}))), oJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
 	let n = ye({
 		props: e,
 		name: "MuiSwitch"
@@ -40337,29 +40445,29 @@ var Gq = k("MuiSwitch", [
 		color: i,
 		edge: a,
 		size: o
-	}, p = Kq(f), h = l.input, g = {
+	}, p = tJ(f), h = l.input, g = {
 		slots: c,
 		slotProps: l
 	}, [_, v] = b("root", {
 		className: d(p.root, r),
-		elementType: qq,
+		elementType: nJ,
 		externalForwardedProps: g,
 		ownerState: f,
 		additionalProps: { sx: s }
 	}), [y, x] = b("thumb", {
 		className: p.thumb,
-		elementType: Xq,
+		elementType: aJ,
 		externalForwardedProps: g,
 		ownerState: f
 	}), S = /*#__PURE__*/ P(y, { ...x }), [C, w] = b("track", {
 		className: p.track,
-		elementType: Yq,
+		elementType: iJ,
 		externalForwardedProps: g,
 		ownerState: f
 	});
 	return /*#__PURE__*/ F(_, {
 		...v,
-		children: [/*#__PURE__*/ P(Jq, {
+		children: [/*#__PURE__*/ P(rJ, {
 			type: "checkbox",
 			icon: S,
 			checkedIcon: S,
@@ -40380,15 +40488,15 @@ var Gq = k("MuiSwitch", [
 			}
 		}), /*#__PURE__*/ P(C, { ...w })]
 	});
-}), Qq = M(ON)(() => ({ fontSize: "max(1.25rem, 18px)" })), $q = M(MN)(() => ({ fontSize: "max(1rem, 14px)" })), eJ = ({ text: e, title: t, onClose: n, onConfirm: r, open: i, onCloseText: a, onConfirmText: o, disableAutoFocus: s, disableEnforceFocus: c, disableRestoreFocus: l }) => /* @__PURE__ */ F(vM, {
+}), sJ = M(ON)(() => ({ fontSize: "max(1.25rem, 18px)" })), cJ = M(MN)(() => ({ fontSize: "max(1rem, 14px)" })), lJ = ({ text: e, title: t, onClose: n, onConfirm: r, open: i, onCloseText: a, onConfirmText: o, disableAutoFocus: s, disableEnforceFocus: c, disableRestoreFocus: l }) => /* @__PURE__ */ F(vM, {
 	open: i,
 	disableAutoFocus: s,
 	disableEnforceFocus: c,
 	disableRestoreFocus: l,
 	onClose: n,
 	children: [
-		t && /* @__PURE__ */ P(Qq, { children: t }),
-		e && /* @__PURE__ */ P(qj, { children: /* @__PURE__ */ P($q, { children: e }) }),
+		t && /* @__PURE__ */ P(sJ, { children: t }),
+		e && /* @__PURE__ */ P(qj, { children: /* @__PURE__ */ P(cJ, { children: e }) }),
 		/* @__PURE__ */ F(lM, { children: [n && /* @__PURE__ */ P(u, {
 			onClick: n,
 			color: "primary",
@@ -40401,13 +40509,13 @@ var Gq = k("MuiSwitch", [
 		})] })
 	]
 });
-eJ.defaultProps = {
+lJ.defaultProps = {
 	onCloseText: "CANCEL",
 	onConfirmText: "OK",
 	disableAutoFocus: !1,
 	disableEnforceFocus: !1,
 	disableRestoreFocus: !1
-}, eJ.propTypes = {
+}, lJ.propTypes = {
 	text: U.default.oneOfType([U.default.string, U.default.object]),
 	title: U.default.string,
 	onClose: U.default.func,
@@ -40421,18 +40529,18 @@ eJ.defaultProps = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/radio-with-label.js
-var tJ = M(cq)(() => ({ "& .MuiFormControlLabel-label": {
+var uJ = M(_q)(() => ({ "& .MuiFormControlLabel-label": {
 	left: "-5px",
 	position: "relative"
-} })), nJ = M(jq)(() => ({ color: `${D.tertiary()} !important` })), rJ = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ P(tJ, {
+} })), dJ = M(Bq)(() => ({ color: `${O.tertiary()} !important` })), fJ = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ P(uJ, {
 	value: t,
-	control: /* @__PURE__ */ P(nJ, {
+	control: /* @__PURE__ */ P(dJ, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-rJ.propTypes = {
+fJ.propTypes = {
 	label: U.default.string,
 	value: U.default.string,
 	checked: U.default.bool,
@@ -40440,7 +40548,7 @@ rJ.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/tabs/index.js
-var iJ = M(TN)(() => ({})), aJ = class extends pt.Component {
+var pJ = M(TN)(() => ({})), mJ = class extends pt.Component {
 	static propTypes = {
 		className: U.default.string,
 		contentClassName: U.default.string,
@@ -40461,7 +40569,7 @@ var iJ = M(TN)(() => ({})), aJ = class extends pt.Component {
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
-				children: pt.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ P(iJ, { label: e.props.title }, t) : null)
+				children: pt.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ P(pJ, { label: e.props.title }, t) : null)
 			}), /* @__PURE__ */ P("div", {
 				className: r,
 				style: i,
@@ -40469,7 +40577,7 @@ var iJ = M(TN)(() => ({})), aJ = class extends pt.Component {
 			})]
 		});
 	}
-}, oJ = M(cq)(({ theme: e, mini: t }) => ({
+}, hJ = M(_q)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -40483,8 +40591,8 @@ var iJ = M(TN)(() => ({})), aJ = class extends pt.Component {
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), sJ = M(nq)(({ theme: e, mini: t, error: n }) => ({
-	color: `${D.tertiary()} !important`,
+})), gJ = M(dq)(({ theme: e, mini: t, error: n }) => ({
+	color: `${O.tertiary()} !important`,
 	...t && {
 		margin: 0,
 		padding: 0,
@@ -40492,9 +40600,9 @@ var iJ = M(TN)(() => ({})), aJ = class extends pt.Component {
 		height: e.spacing(3)
 	},
 	...n && { color: `${e.palette.error.main} !important` }
-})), cJ = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ P(oJ, {
+})), _J = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ P(hJ, {
 	mini: e,
-	control: /* @__PURE__ */ P(sJ, {
+	control: /* @__PURE__ */ P(gJ, {
 		checked: t,
 		onChange: n,
 		value: r,
@@ -40503,21 +40611,21 @@ var iJ = M(TN)(() => ({})), aJ = class extends pt.Component {
 	}),
 	label: i
 });
-cJ.propTypes = {
+_J.propTypes = {
 	mini: U.default.bool,
 	checked: U.default.bool.isRequired,
 	onChange: U.default.func.isRequired,
 	value: U.default.string,
 	label: U.default.string.isRequired,
 	error: U.default.bool
-}, cJ.defaultProps = {
+}, _J.defaultProps = {
 	value: "",
 	mini: !1,
 	error: !1
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var lJ = (0, Vt.default)("@pie-lib:config-ui:number-text-field"), uJ = M(aM)(({ theme: e }) => ({
+var vJ = (0, Vt.default)("@pie-lib:config-ui:number-text-field"), yJ = M(aM)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -40539,11 +40647,11 @@ var lJ = (0, Vt.default)("@pie-lib:config-ui:number-text-field"), uJ = M(aM)(({
 		minHeight: "auto",
 		padding: "6px 0 7px"
 	}
-})), dJ = (e, t) => {
+})), bJ = (e, t) => {
 	if (!ot(e) && !ot(t)) return 0;
 	if (!ot(e) && ot(t)) return t;
 	if (ot(e)) return e;
-}, fJ = class extends pt.Component {
+}, xJ = class extends pt.Component {
 	static propTypes = {
 		disabled: U.default.bool,
 		className: U.default.string,
@@ -40569,13 +40677,13 @@ var lJ = (0, Vt.default)("@pie-lib:config-ui:number-text-field"), uJ = M(aM)(({
 		this.setState({ value: t });
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
-		return ot(e) ? (ot(n) && (e = Math.min(e, n)), ot(t) && (e = Math.max(e, t)), e) : dJ(t, n);
+		return ot(e) ? (ot(n) && (e = Math.min(e, n)), ot(t) && (e = Math.max(e, t)), e) : bJ(t, n);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
-		lJ("rawNumber: ", n);
+		vJ("rawNumber: ", n);
 		let r = this.clamp(n);
-		lJ("number: ", r), r !== this.state.value && (lJ("trigger update..."), this.setState({ value: r.toString() }, () => {
+		vJ("number: ", r), r !== this.state.value && (vJ("trigger update..."), this.setState({ value: r.toString() }, () => {
 			this.props.onChange(e, r);
 		}));
 	};
@@ -40595,7 +40703,7 @@ var lJ = (0, Vt.default)("@pie-lib:config-ui:number-text-field"), uJ = M(aM)(({
 	};
 	render() {
 		let { className: e, label: t, disabled: n, suffix: r, min: i, max: a, inputClassName: o, disableUnderline: s, showErrorWhenOutsideRange: c, variant: l } = this.props, u = c && this.getError();
-		return /* @__PURE__ */ P(uJ, {
+		return /* @__PURE__ */ P(yJ, {
 			variant: s ? "filled" : l || "standard",
 			inputRef: (e) => {
 				this.inputRef = e;
@@ -40614,7 +40722,7 @@ var lJ = (0, Vt.default)("@pie-lib:config-ui:number-text-field"), uJ = M(aM)(({
 			type: "number",
 			className: e,
 			slotProps: { input: {
-				endAdornment: r && /* @__PURE__ */ P(hq, {
+				endAdornment: r && /* @__PURE__ */ P(wq, {
 					position: "end",
 					children: r
 				}),
@@ -40630,19 +40738,19 @@ var lJ = (0, Vt.default)("@pie-lib:config-ui:number-text-field"), uJ = M(aM)(({
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/two-choice.js
-function pJ(e) {
+function SJ(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function mJ(e, t) {
-	return !e || pJ(e) ? e : pJ(e.default) ? e.default : t && pJ(e[t]) ? e[t] : t && pJ(e[t]?.default) ? e[t].default : e;
+function CJ(e, t) {
+	return !e || SJ(e) ? e : SJ(e.default) ? e.default : t && SJ(e[t]) ? e[t] : t && SJ(e[t]?.default) ? e[t].default : e;
 }
-var hJ = mJ(We, "InputContainer") || mJ(vJ.InputContainer, "InputContainer"), gJ = ge, _J = gJ.default, vJ = _J && typeof _J == "object" ? _J : gJ, yJ = M("div")(({ theme: e, direction: t }) => ({
+var wJ = CJ(We, "InputContainer") || CJ(DJ.InputContainer, "InputContainer"), TJ = ge, EJ = TJ.default, DJ = EJ && typeof EJ == "object" ? EJ : TJ, OJ = M("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
 	marginTop: e.spacing(1),
 	...t === "vertical" && { flexDirection: "column" }
-})), bJ = class extends pt.Component {
+})), kJ = class extends pt.Component {
 	static propTypes = {
 		header: U.default.string.isRequired,
 		className: U.default.string,
@@ -40659,11 +40767,11 @@ var hJ = mJ(We, "InputContainer") || mJ(vJ.InputContainer, "InputContainer"), gJ
 		let { header: e, className: t, customLabel: n, opts: r, value: i, direction: a } = this.props, o = r.map((e) => typeof e == "string" ? {
 			label: e,
 			value: e
-		} : e), s = n || rJ;
-		return /* @__PURE__ */ P(hJ, {
+		} : e), s = n || fJ;
+		return /* @__PURE__ */ P(wJ, {
 			label: e,
 			className: t,
-			children: /* @__PURE__ */ P(yJ, {
+			children: /* @__PURE__ */ P(OJ, {
 				direction: a,
 				children: o.map((e, t) => /* @__PURE__ */ P(s, {
 					value: e.value,
@@ -40674,7 +40782,7 @@ var hJ = mJ(We, "InputContainer") || mJ(vJ.InputContainer, "InputContainer"), gJ
 			})
 		});
 	}
-}, xJ = U.default.shape({
+}, AJ = U.default.shape({
 	label: U.default.string,
 	value: U.default.string
 });
@@ -40683,14 +40791,14 @@ var hJ = mJ(We, "InputContainer") || mJ(vJ.InputContainer, "InputContainer"), gJ
 		header: U.default.string.isRequired,
 		value: U.default.string.isRequired,
 		onChange: U.default.func.isRequired,
-		one: U.default.oneOfType([xJ, U.default.string]),
-		two: U.default.oneOfType([xJ, U.default.string]),
+		one: U.default.oneOfType([AJ, U.default.string]),
+		two: U.default.oneOfType([AJ, U.default.string]),
 		className: U.default.string,
 		customLabel: U.default.func
 	};
 	render() {
 		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
-		return /* @__PURE__ */ P(bJ, {
+		return /* @__PURE__ */ P(kJ, {
 			customLabel: i,
 			header: n,
 			className: r,
@@ -40702,21 +40810,21 @@ var hJ = mJ(We, "InputContainer") || mJ(vJ.InputContainer, "InputContainer"), gJ
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
-var SJ = Object.defineProperty, CJ = (e, t) => {
+var jJ = Object.defineProperty, MJ = (e, t) => {
 	let n = {};
-	for (var r in e) SJ(n, r, {
+	for (var r in e) jJ(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || SJ(n, Symbol.toStringTag, { value: "Module" }), n;
-}, wJ = M("div")(() => ({
+	return t || jJ(n, Symbol.toStringTag, { value: "Module" }), n;
+}, NJ = M("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), TJ = M("div")(() => ({
+})), PJ = M("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), EJ = M("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), DJ = M("div")(() => ({ flex: "1" })), OJ = M("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), kJ = class extends pt.Component {
+})), FJ = M("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), IJ = M("div")(() => ({ flex: "1" })), LJ = M("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), RJ = class extends pt.Component {
 	static propTypes = {
 		mode: U.default.oneOf(["tabbed", "inline"]),
 		secondary: U.default.oneOfType([U.default.arrayOf(U.default.node), U.default.node]),
@@ -40734,7 +40842,7 @@ var SJ = Object.defineProperty, CJ = (e, t) => {
 		} catch (e) {
 			console.log(e.toString());
 		}
-		return /* @__PURE__ */ F(wJ, {
+		return /* @__PURE__ */ F(NJ, {
 			style: {
 				minHeight: i,
 				minWidth: a,
@@ -40742,28 +40850,28 @@ var SJ = Object.defineProperty, CJ = (e, t) => {
 				maxWidth: s
 			},
 			children: [
-				e === "inline" && /* @__PURE__ */ F(TJ, { children: [/* @__PURE__ */ P(DJ, {
+				e === "inline" && /* @__PURE__ */ F(PJ, { children: [/* @__PURE__ */ P(IJ, {
 					className: "design-container",
 					children: n
-				}), l && /* @__PURE__ */ P(OJ, {
+				}), l && /* @__PURE__ */ P(LJ, {
 					className: "settings-container",
 					children: t
 				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ F(aJ, {
+				e === "tabbed" && l && /* @__PURE__ */ F(mJ, {
 					onChange: this.onTabsChange,
 					contentClassName: "content-container",
 					indicatorColor: "primary",
-					children: [/* @__PURE__ */ P(EJ, {
+					children: [/* @__PURE__ */ P(FJ, {
 						title: "Design",
 						className: "design-container",
 						children: n
-					}), /* @__PURE__ */ P(EJ, {
+					}), /* @__PURE__ */ P(FJ, {
 						title: "Settings",
 						className: "settings-container",
 						children: t
 					})]
 				}),
-				e === "tabbed" && !l && /* @__PURE__ */ P(EJ, {
+				e === "tabbed" && !l && /* @__PURE__ */ P(FJ, {
 					className: "design-container",
 					children: n
 				})
@@ -40773,18 +40881,18 @@ var SJ = Object.defineProperty, CJ = (e, t) => {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/extends.js
-function AJ() {
-	return AJ = Object.assign ? Object.assign.bind() : function(e) {
+function zJ() {
+	return zJ = Object.assign ? Object.assign.bind() : function(e) {
 		for (var t = 1; t < arguments.length; t++) {
 			var n = arguments[t];
 			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
 		}
 		return e;
-	}, AJ.apply(null, arguments);
+	}, zJ.apply(null, arguments);
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
-function jJ(e, t) {
+function BJ(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -40795,19 +40903,19 @@ function jJ(e, t) {
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
-function MJ(e, t) {
-	return MJ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+function VJ(e, t) {
+	return VJ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
-	}, MJ(e, t);
+	}, VJ(e, t);
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
-function NJ(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, MJ(e, t);
+function HJ(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, VJ(e, t);
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
-var PJ = (function() {
+var UJ = (function() {
 	if (typeof Map < "u") return Map;
 	function e(e, t) {
 		var n = -1;
@@ -40846,34 +40954,34 @@ var PJ = (function() {
 			}
 		}, t;
 	}();
-})(), FJ = typeof window < "u" && typeof document < "u" && window.document === document, IJ = (function() {
+})(), WJ = typeof window < "u" && typeof document < "u" && window.document === document, GJ = (function() {
 	return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
-})(), LJ = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(IJ) : function(e) {
+})(), KJ = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(GJ) : function(e) {
 		return setTimeout(function() {
 			return e(Date.now());
 		}, 1e3 / 60);
 	};
-})(), RJ = 2;
-function zJ(e, t) {
+})(), qJ = 2;
+function JJ(e, t) {
 	var n = !1, r = !1, i = 0;
 	function a() {
 		n && (n = !1, e()), r && s();
 	}
 	function o() {
-		LJ(a);
+		KJ(a);
 	}
 	function s() {
 		var e = Date.now();
 		if (n) {
-			if (e - i < RJ) return;
+			if (e - i < qJ) return;
 			r = !0;
 		} else n = !0, r = !1, setTimeout(o, t);
 		i = e;
 	}
 	return s;
 }
-var BJ = 20, VJ = [
+var YJ = 20, XJ = [
 	"top",
 	"right",
 	"bottom",
@@ -40882,9 +40990,9 @@ var BJ = 20, VJ = [
 	"height",
 	"size",
 	"weight"
-], HJ = typeof MutationObserver < "u", UJ = function() {
+], ZJ = typeof MutationObserver < "u", QJ = function() {
 	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = zJ(this.refresh.bind(this), BJ);
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = JJ(this.refresh.bind(this), YJ);
 	}
 	return e.prototype.addObserver = function(e) {
 		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -40901,23 +41009,23 @@ var BJ = 20, VJ = [
 			return e.broadcastActive();
 		}), e.length > 0;
 	}, e.prototype.connect_ = function() {
-		!FJ || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), HJ ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+		!WJ || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), ZJ ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
 			attributes: !0,
 			childList: !0,
 			characterData: !0,
 			subtree: !0
 		})) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
 	}, e.prototype.disconnect_ = function() {
-		!FJ || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+		!WJ || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
 	}, e.prototype.onTransitionEnd_ = function(e) {
 		var t = e.propertyName, n = t === void 0 ? "" : t;
-		VJ.some(function(e) {
+		XJ.some(function(e) {
 			return !!~n.indexOf(e);
 		}) && this.refresh();
 	}, e.getInstance = function() {
 		return this.instance_ ||= new e(), this.instance_;
 	}, e.instance_ = null, e;
-}(), WJ = (function(e, t) {
+}(), $J = (function(e, t) {
 	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
 		var i = r[n];
 		Object.defineProperty(e, i, {
@@ -40928,19 +41036,19 @@ var BJ = 20, VJ = [
 		});
 	}
 	return e;
-}), GJ = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || IJ;
-}), KJ = nY(0, 0, 0, 0);
-function qJ(e) {
+}), eY = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || GJ;
+}), tY = dY(0, 0, 0, 0);
+function nY(e) {
 	return parseFloat(e) || 0;
 }
-function JJ(e) {
+function rY(e) {
 	return [...arguments].slice(1).reduce(function(t, n) {
 		var r = e["border-" + n + "-width"];
-		return t + qJ(r);
+		return t + nY(r);
 	}, 0);
 }
-function YJ(e) {
+function iY(e) {
 	for (var t = [
 		"top",
 		"right",
@@ -40948,40 +41056,40 @@ function YJ(e) {
 		"left"
 	], n = {}, r = 0, i = t; r < i.length; r++) {
 		var a = i[r], o = e["padding-" + a];
-		n[a] = qJ(o);
+		n[a] = nY(o);
 	}
 	return n;
 }
-function XJ(e) {
+function aY(e) {
 	var t = e.getBBox();
-	return nY(0, 0, t.width, t.height);
+	return dY(0, 0, t.width, t.height);
 }
-function ZJ(e) {
+function oY(e) {
 	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return KJ;
-	var r = GJ(e).getComputedStyle(e), i = YJ(r), a = i.left + i.right, o = i.top + i.bottom, s = qJ(r.width), c = qJ(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= JJ(r, "left", "right") + a), Math.round(c + o) !== n && (c -= JJ(r, "top", "bottom") + o)), !$J(e)) {
+	if (!t && !n) return tY;
+	var r = eY(e).getComputedStyle(e), i = iY(r), a = i.left + i.right, o = i.top + i.bottom, s = nY(r.width), c = nY(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= rY(r, "left", "right") + a), Math.round(c + o) !== n && (c -= rY(r, "top", "bottom") + o)), !cY(e)) {
 		var l = Math.round(s + a) - t, u = Math.round(c + o) - n;
 		Math.abs(l) !== 1 && (s -= l), Math.abs(u) !== 1 && (c -= u);
 	}
-	return nY(i.left, i.top, s, c);
+	return dY(i.left, i.top, s, c);
 }
-var QJ = (function() {
+var sY = (function() {
 	return typeof SVGGraphicsElement < "u" ? function(e) {
-		return e instanceof GJ(e).SVGGraphicsElement;
+		return e instanceof eY(e).SVGGraphicsElement;
 	} : function(e) {
-		return e instanceof GJ(e).SVGElement && typeof e.getBBox == "function";
+		return e instanceof eY(e).SVGElement && typeof e.getBBox == "function";
 	};
 })();
-function $J(e) {
-	return e === GJ(e).document.documentElement;
+function cY(e) {
+	return e === eY(e).document.documentElement;
 }
-function eY(e) {
-	return FJ ? QJ(e) ? XJ(e) : ZJ(e) : KJ;
+function lY(e) {
+	return WJ ? sY(e) ? aY(e) : oY(e) : tY;
 }
-function tY(e) {
+function uY(e) {
 	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return WJ(a, {
+	return $J(a, {
 		x: t,
 		y: n,
 		width: r,
@@ -40992,7 +41100,7 @@ function tY(e) {
 		left: t
 	}), a;
 }
-function nY(e, t, n, r) {
+function dY(e, t, n, r) {
 	return {
 		x: e,
 		y: t,
@@ -41000,42 +41108,42 @@ function nY(e, t, n, r) {
 		height: r
 	};
 }
-var rY = function() {
+var fY = function() {
 	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = nY(0, 0, 0, 0), this.target = e;
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = dY(0, 0, 0, 0), this.target = e;
 	}
 	return e.prototype.isActive = function() {
-		var e = eY(this.target);
+		var e = lY(this.target);
 		return this.contentRect_ = e, e.width !== this.broadcastWidth || e.height !== this.broadcastHeight;
 	}, e.prototype.broadcastRect = function() {
 		var e = this.contentRect_;
 		return this.broadcastWidth = e.width, this.broadcastHeight = e.height, e;
 	}, e;
-}(), iY = function() {
+}(), pY = function() {
 	function e(e, t) {
-		var n = tY(t);
-		WJ(this, {
+		var n = uY(t);
+		$J(this, {
 			target: e,
 			contentRect: n
 		});
 	}
 	return e;
-}(), aY = function() {
+}(), mY = function() {
 	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new PJ(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		if (this.activeObservations_ = [], this.observations_ = new UJ(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
 		this.callback_ = e, this.controller_ = t, this.callbackCtx_ = n;
 	}
 	return e.prototype.observe = function(e) {
 		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
 		if (!(typeof Element > "u" || !(Element instanceof Object))) {
-			if (!(e instanceof GJ(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof eY(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
-			t.has(e) || (t.set(e, new rY(e)), this.controller_.addObserver(this), this.controller_.refresh());
+			t.has(e) || (t.set(e, new fY(e)), this.controller_.addObserver(this), this.controller_.refresh());
 		}
 	}, e.prototype.unobserve = function(e) {
 		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
 		if (!(typeof Element > "u" || !(Element instanceof Object))) {
-			if (!(e instanceof GJ(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof eY(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
 			t.has(e) && (t.delete(e), t.size || this.controller_.removeObserver(this));
 		}
@@ -41049,7 +41157,7 @@ var rY = function() {
 	}, e.prototype.broadcastActive = function() {
 		if (this.hasActive()) {
 			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
-				return new iY(e.target, e.broadcastRect());
+				return new pY(e.target, e.broadcastRect());
 			});
 			this.callback_.call(e, t, e), this.clearActive();
 		}
@@ -41058,12 +41166,12 @@ var rY = function() {
 	}, e.prototype.hasActive = function() {
 		return this.activeObservations_.length > 0;
 	}, e;
-}(), oY = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new PJ(), sY = function() {
+}(), hY = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new UJ(), gY = function() {
 	function e(t) {
 		if (!(this instanceof e)) throw TypeError("Cannot call a class as a function.");
 		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
-		var n = new aY(t, UJ.getInstance(), this);
-		oY.set(this, n);
+		var n = new mY(t, QJ.getInstance(), this);
+		hY.set(this, n);
 	}
 	return e;
 }();
@@ -41072,27 +41180,27 @@ var rY = function() {
 	"unobserve",
 	"disconnect"
 ].forEach(function(e) {
-	sY.prototype[e] = function() {
+	gY.prototype[e] = function() {
 		var t;
-		return (t = oY.get(this))[e].apply(t, arguments);
+		return (t = hY.get(this))[e].apply(t, arguments);
 	};
 });
-var cY = (function() {
-	return IJ.ResizeObserver === void 0 ? sY : IJ.ResizeObserver;
-})(), lY = [
+var _Y = (function() {
+	return GJ.ResizeObserver === void 0 ? gY : GJ.ResizeObserver;
+})(), vY = [
 	"client",
 	"offset",
 	"scroll",
 	"bounds",
 	"margin"
 ];
-function uY(e) {
+function yY(e) {
 	var t = [];
-	return lY.forEach(function(n) {
+	return vY.forEach(function(n) {
 		e[n] && t.push(n);
 	}), t;
 }
-function dY(e, t) {
+function bY(e, t) {
 	var n = {};
 	if (t.indexOf("client") > -1 && (n.client = {
 		top: e.clientTop,
@@ -41131,14 +41239,14 @@ function dY(e, t) {
 	}
 	return n;
 }
-function fY(e) {
+function xY(e) {
 	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
 }
-function pY(e) {
+function SY(e) {
 	return function(t) {
 		var n, r;
 		return r = n = /*#__PURE__*/ function(n) {
-			NJ(r, n);
+			HJ(r, n);
 			function r() {
 				var t, r = [...arguments];
 				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
@@ -41149,24 +41257,24 @@ function pY(e) {
 					bounds: {},
 					margin: {}
 				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
-					var r = dY(t._node, e || uY(t.props));
+					var r = bY(t._node, e || yY(t.props));
 					n && (r.entry = n[0].contentRect), t._animationFrameID = t._window.requestAnimationFrame(function() {
 						t._resizeObserver !== null && (t.setState({ contentRect: r }), typeof t.props.onResize == "function" && t.props.onResize(r));
 					});
 				}, t._handleRef = function(e) {
-					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = fY(t._node);
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = xY(t._node);
 					var n = t.props.innerRef;
 					n && (typeof n == "function" ? n(t._node) : n.current = t._node), t._resizeObserver !== null && t._node !== null && t._resizeObserver.observe(t._node);
 				}, t;
 			}
 			var i = r.prototype;
 			return i.componentDidMount = function() {
-				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new cY(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(dY(this._node, e || uY(this.props))));
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new _Y(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(bY(this._node, e || yY(this.props))));
 			}, i.componentWillUnmount = function() {
 				this._window !== null && this._window.cancelAnimationFrame(this._animationFrameID), this._resizeObserver !== null && (this._resizeObserver.disconnect(), this._resizeObserver = null);
 			}, i.render = function() {
 				var e = this.props;
-				return e.innerRef, e.onResize, gt(t, AJ({}, jJ(e, ["innerRef", "onResize"]), {
+				return e.innerRef, e.onResize, gt(t, zJ({}, BJ(e, ["innerRef", "onResize"]), {
 					measureRef: this._handleRef,
 					measure: this.measure,
 					contentRect: this.state.contentRect
@@ -41183,7 +41291,7 @@ function pY(e) {
 		}, r;
 	};
 }
-var mY = pY()(function(e) {
+var CY = SY()(function(e) {
 	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
 	return i({
 		measure: t,
@@ -41191,12 +41299,12 @@ var mY = pY()(function(e) {
 		contentRect: r
 	});
 });
-mY.displayName = "Measure", mY.propTypes.children = U.default.func;
+CY.displayName = "Measure", CY.propTypes.children = U.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var hY = M("div")(() => ({
-	backgroundColor: D.white(),
-	border: `2px solid ${D.border()}`,
+var wY = M("div")(() => ({
+	backgroundColor: O.white(),
+	border: `2px solid ${O.border()}`,
 	display: "flex",
 	flexDirection: "column",
 	justifyContent: "flex-start",
@@ -41204,7 +41312,7 @@ var hY = M("div")(() => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), gY = class extends pt.Component {
+})), TY = class extends pt.Component {
 	static propTypes = {
 		className: U.default.string,
 		children: U.default.oneOfType([U.default.arrayOf(U.default.node), U.default.node]).isRequired
@@ -41212,19 +41320,19 @@ var hY = M("div")(() => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ P(hY, {
+		return /* @__PURE__ */ P(wY, {
 			className: e,
 			children: t
 		});
 	}
-}, _Y = he({
+}, EY = he({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
 		color: "#000000",
 		"&:hover": { backgroundColor: "#bdbdbd" }
 	} } } }
-}), vY = class extends pt.Component {
+}), DY = class extends pt.Component {
 	static propTypes = {
 		children: U.default.oneOfType([
 			U.default.string,
@@ -41257,19 +41365,19 @@ var hY = M("div")(() => ({
 		return /* @__PURE__ */ P(w, {
 			injectFirst: !0,
 			children: /* @__PURE__ */ P(je, {
-				theme: _Y,
-				children: /* @__PURE__ */ P(mY, {
+				theme: EY,
+				children: /* @__PURE__ */ P(CY, {
 					bounds: !0,
 					onResize: this.onResize,
 					children: ({ measureRef: e }) => {
-						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ P(gY, {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ P(TY, {
 							className: "settings-box",
 							children: n
 						}) : n;
 						return /* @__PURE__ */ F("div", {
 							ref: e,
 							className: "main-container extraCSSRules",
-							children: [a?.rules ? /* @__PURE__ */ P("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ P(kJ, {
+							children: [a?.rules ? /* @__PURE__ */ P("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ P(RJ, {
 								mode: o,
 								secondary: s,
 								dimensions: i,
@@ -41281,27 +41389,27 @@ var hY = M("div")(() => ({
 			})
 		});
 	}
-}, yY = pY("bounds")(vY), bY = /* @__PURE__ */ CJ({
-	ConfigLayout: () => yY,
-	LayoutContents: () => kJ
-}), xY = M("div")(() => ({
+}, OY = SY("bounds")(DY), kY = /* @__PURE__ */ MJ({
+	ConfigLayout: () => OY,
+	LayoutContents: () => RJ
+}), AY = M("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), SY = M(Je)(({ theme: e }) => ({
+})), jY = M(Je)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), CY = M(Zq)(({ checked: e }) => ({
-	"&.Mui-checked .MuiSwitch-thumb": { color: `${D.tertiary()} !important` },
-	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${D.tertiaryLight()} !important` },
-	"& .MuiSwitch-track": { backgroundColor: e ? `${D.tertiaryLight()} !important` : void 0 }
-})), wY = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ F(xY, { children: [/* @__PURE__ */ P(SY, { children: n }), /* @__PURE__ */ P(CY, {
+})), MY = M(oJ)(({ checked: e }) => ({
+	"&.Mui-checked .MuiSwitch-thumb": { color: `${O.tertiary()} !important` },
+	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${O.tertiaryLight()} !important` },
+	"& .MuiSwitch-track": { backgroundColor: e ? `${O.tertiaryLight()} !important` : void 0 }
+})), NY = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ F(AY, { children: [/* @__PURE__ */ P(jY, { children: n }), /* @__PURE__ */ P(MY, {
 	checked: e,
 	disabled: t,
 	onChange: (e) => r(e.target.checked)
 })] });
-wY.propTypes = {
+NY.propTypes = {
 	checked: U.default.bool,
 	disabled: U.default.bool,
 	label: U.default.string.isRequired,
@@ -41309,20 +41417,20 @@ wY.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var TY = M(cq)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var PY = M(_q)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), EY = M(jq)(() => ({ color: `${D.tertiary()} !important` })), DY = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ P(TY, {
+} })), FY = M(Bq)(() => ({ color: `${O.tertiary()} !important` })), IY = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ P(PY, {
 	value: t,
-	control: /* @__PURE__ */ P(EY, {
+	control: /* @__PURE__ */ P(FY, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-DY.propTypes = {
+IY.propTypes = {
 	label: U.default.string,
 	value: U.default.string,
 	checked: U.default.bool,
@@ -41330,26 +41438,26 @@ DY.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/panel.js
-var OY = (0, Vt.default)("pie-lib:config-ui:settings:panel"), kY = {
+var LY = (0, Vt.default)("pie-lib:config-ui:settings:panel"), RY = {
 	label: U.default.string,
 	value: U.default.string
-}, AY = {
+}, zY = {
 	label: U.default.string,
 	value: U.default.string,
 	onChange: U.default.func
-}, jY = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ P(cJ, {
+}, BY = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ P(_J, {
 	checked: t,
 	label: e,
 	onChange: (e) => {
 		n(e.target.checked);
 	}
 });
-jY.propTypes = {
+BY.propTypes = {
 	label: U.default.string,
 	value: U.default.bool,
 	onChange: U.default.func
 };
-var MY = M(bJ)(({ theme: e }) => ({
+var VY = M(kJ)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -41360,29 +41468,29 @@ var MY = M(bJ)(({ theme: e }) => ({
 		marginTop: e.spacing(2.5)
 	},
 	"& > div": { marginTop: e.spacing(2.5) }
-})), NY = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ P(MY, {
+})), HY = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ P(VY, {
 	direction: "horizontal",
-	customLabel: DY,
+	customLabel: IY,
 	value: t,
 	header: e,
 	opts: r,
 	onChange: n
 });
-NY.propTypes = {
-	...AY,
-	choices: U.default.arrayOf(U.default.shape(kY))
+HY.propTypes = {
+	...zY,
+	choices: U.default.arrayOf(U.default.shape(RY))
 };
-var PY = NY, FY = M("p")(({ theme: e }) => ({
+var UY = HY, WY = M("p")(({ theme: e }) => ({
 	margin: 0,
 	fontSize: e.typography.fontSize
-})), IY = M(ZA)(({ theme: e }) => ({
+})), GY = M(ZA)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	border: "2px solid lightgrey",
 	padding: `0 ${e.spacing(1)}`,
 	borderRadius: "4px"
-})), LY = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
+})), KY = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
 	let i = (e) => typeof e == "string" ? e : e.label, a = (e) => typeof e == "string" ? e : e.value;
-	return /* @__PURE__ */ F("div", { children: [e && /* @__PURE__ */ P(FY, { children: e }), /* @__PURE__ */ P(IY, {
+	return /* @__PURE__ */ F("div", { children: [e && /* @__PURE__ */ P(WY, { children: e }), /* @__PURE__ */ P(GY, {
 		value: t || r && r[0],
 		onChange: ({ target: e }) => n(e.value),
 		input: /* @__PURE__ */ P(OA, { id: `dropdown-${e}` }),
@@ -41397,14 +41505,14 @@ var PY = NY, FY = M("p")(({ theme: e }) => ({
 		}, t))
 	})] });
 };
-LY.propTypes = {
-	...AY,
+KY.propTypes = {
+	...zY,
 	choices: U.default.arrayOf(U.default.string)
 };
-var RY = M(Nk)(({ theme: e }) => ({
+var qY = M(Nk)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), zY = ({ label: e }) => /* @__PURE__ */ P(RY, { children: e }), BY = M(fJ)(({ theme: e }) => ({
+})), JY = ({ label: e }) => /* @__PURE__ */ P(qY, { children: e }), YY = M(xJ)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -41415,7 +41523,7 @@ var RY = M(Nk)(({ theme: e }) => ({
 		padding: `0 ${e.spacing(1)}`,
 		backgroundColor: "transparent"
 	}
-})), VY = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ P(BY, {
+})), XY = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ P(YY, {
 	variant: "standard",
 	label: e || "Label",
 	value: t,
@@ -41426,45 +41534,45 @@ var RY = M(Nk)(({ theme: e }) => ({
 	showErrorWhenOutsideRange: !0,
 	disableUnderline: !0
 });
-VY.propTypes = {
-	...AY,
+XY.propTypes = {
+	...zY,
 	suffix: U.default.string,
 	min: U.default.number,
 	max: U.default.number,
 	value: U.default.number
-}, zY.propTypes = { ...AY };
-var HY = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ P(wY, {
+}, JY.propTypes = { ...zY };
+var ZY = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ P(NY, {
 	label: t,
 	checked: !!n,
 	disabled: !!e,
 	toggle: r
 });
-HY.propTypes = {
-	...AY,
+ZY.propTypes = {
+	...zY,
 	value: U.default.bool
 };
-var UY = {
-	toggle: HY,
-	radio: PY,
-	dropdown: LY,
-	numberField: VY,
-	checkbox: jY,
-	textField: zY
-}, WY = M("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), GY = M("div")(({ theme: e }) => ({
+var QY = {
+	toggle: ZY,
+	radio: UY,
+	dropdown: KY,
+	numberField: XY,
+	checkbox: BY,
+	textField: JY
+}, $Y = M("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), eX = M("div")(({ theme: e }) => ({
 	color: "#495B8F",
 	fontSize: e.typography.fontSize + 2,
 	fontWeight: 600,
 	marginBottom: e.spacing(1)
-})), KY = M("p")(({ theme: e }) => ({
+})), tX = M("p")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
-})), qY = (e) => {
+})), nX = (e) => {
 	let { model: t, label: n, group: r, configuration: i, onChange: a } = e, o = (e, n, r) => {
 		let { isConfigProperty: o, ...s } = at(e, r || n), c = at(o ? i : t, n), l = {
 			...s,
 			key: n,
 			value: c
-		}, u = UY[l.type];
+		}, u = QY[l.type];
 		return /* @__PURE__ */ P(u, {
 			...l,
 			onChange: (e) => a(n, e, o)
@@ -41473,18 +41581,18 @@ var UY = {
 		let n = e[t];
 		if (!n) return null;
 		let { type: r, label: i, fields: a, choices: s } = n;
-		return r === "numberFields" ? /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(KY, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
+		return r === "numberFields" ? /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(tX, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
 	};
-	return /* @__PURE__ */ F(WY, { children: [/* @__PURE__ */ P(GY, { children: n }), Object.keys(r).map((e) => s(r, e))] });
+	return /* @__PURE__ */ F($Y, { children: [/* @__PURE__ */ P(eX, { children: n }), Object.keys(r).map((e) => s(r, e))] });
 };
-qY.propTypes = {
+nX.propTypes = {
 	model: U.default.object,
 	label: U.default.string,
 	group: U.default.object,
 	configuration: U.default.object,
 	onChange: U.default.func
 };
-var JY = class extends pt.Component {
+var rX = class extends pt.Component {
 	static propTypes = {
 		model: U.default.object,
 		configuration: U.default.object,
@@ -41498,13 +41606,13 @@ var JY = class extends pt.Component {
 		onChangeConfiguration: () => {}
 	};
 	change = (e, t, n = !1) => {
-		OY("[changeModel]", e, t);
+		LY("[changeModel]", e, t);
 		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
 		n ? (st(o, e, t), i(o, e)) : (st(a, e, t), r(a, e));
 	};
 	render() {
 		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return OY("render:", t), /* @__PURE__ */ F("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ P(qY, {
+		return LY("render:", t), /* @__PURE__ */ F("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ P(nX, {
 			label: r,
 			model: t,
 			configuration: n,
@@ -41512,68 +41620,68 @@ var JY = class extends pt.Component {
 			onChange: this.change
 		}, r) : null), r] });
 	}
-}, YY = /* @__PURE__ */ CJ({
-	Panel: () => JY,
-	checkbox: () => rX,
-	checkboxes: () => iX,
-	dropdown: () => eX,
-	numberField: () => tX,
-	numberFields: () => nX,
-	radio: () => $Y,
-	textField: () => XY,
-	toggle: () => ZY
-}), XY = (e, t = !0) => ({
+}, iX = /* @__PURE__ */ MJ({
+	Panel: () => rX,
+	checkbox: () => fX,
+	checkboxes: () => pX,
+	dropdown: () => lX,
+	numberField: () => uX,
+	numberFields: () => dX,
+	radio: () => cX,
+	textField: () => aX,
+	toggle: () => oX
+}), aX = (e, t = !0) => ({
 	label: e,
 	type: "textField",
 	isConfigProperty: t
-}), ZY = (e, t = !1, n = !1) => ({
+}), oX = (e, t = !1, n = !1) => ({
 	type: "toggle",
 	label: e,
 	isConfigProperty: t,
 	disabled: n
-}), QY = (e) => typeof e == "string" ? {
+}), sX = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, $Y = function() {
+} : e, cX = function() {
 	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
 	return {
 		type: "radio",
 		label: e,
-		choices: t && t.map((e) => QY(e)),
+		choices: t && t.map((e) => sX(e)),
 		isConfigProperty: n
 	};
-}, eX = (e, t, n = !1) => ({
+}, lX = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
 	isConfigProperty: n
-}), tX = (e, t, n = !1) => ({
+}), uX = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "numberField",
 	isConfigProperty: n
-}), nX = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = tX(t[e].label, t[e], n);
+}), dX = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = uX(t[e].label, t[e], n);
 }), {
 	type: "numberFields",
 	label: e,
 	fields: t
-}), rX = (e, t, n = !1) => ({
+}), fX = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "checkbox",
 	isConfigProperty: n
-}), iX = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = rX(t[e].label, t[e], n);
+}), pX = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = fX(t[e].label, t[e], n);
 }), {
 	type: "checkboxes",
 	label: e,
 	choices: t
-}), aX = o(/*#__PURE__*/ P("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" }), "Info"), oX = (e) => {
+}), mX = o(/*#__PURE__*/ P("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" }), "Info"), hX = (e) => {
 	let t = document.createElement("div");
 	return t.innerHTML = e.trim(), t;
-}, sX = "imes|riangle|an|heta|herefore", cX = "throot|parallel|cong|approx|eq|e|sim", lX = RegExp(`(\\t(?!${sX}))|(\\n(?!${cX}))|(\\\\t(?!${sX}))|(\\\\n(?!${cX}))`, "g"), uX = (e) => e.replace(lX, "").replace(/\\"/g, "\"").replace(/\\\//g, "/"), dX = (e) => {
-	let t = oX(uX(e)), n = [], r = 0;
+}, gX = "imes|riangle|an|heta|herefore", _X = "throot|parallel|cong|approx|eq|e|sim", vX = RegExp(`(\\t(?!${gX}))|(\\n(?!${_X}))|(\\\\t(?!${gX}))|(\\\\n(?!${_X}))`, "g"), yX = (e) => e.replace(vX, "").replace(/\\"/g, "\"").replace(/\\\//g, "/"), bX = (e) => {
+	let t = hX(yX(e)), n = [], r = 0;
 	return t.querySelectorAll("[data-type=\"drag_in_the_blank\"]").forEach((e) => {
 		let t = e.dataset.value && e.dataset.value.replace(/&nbsp;/g, " ").trim();
 		t ||= "", n.push({
@@ -41585,29 +41693,29 @@ var JY = class extends pt.Component {
 		choices: n,
 		correctResponse: n.reduce((e, t, n) => (e[n] = t.id !== void 0 && t.id || "", e), {})
 	};
-}, fX = /\{\{(\d+)\}\}/g, pX = (e, t, n) => {
-	let r = uX(e), i = 0;
-	return r.replace(fX, (e, r) => {
+}, xX = /\{\{(\d+)\}\}/g, SX = (e, t, n) => {
+	let r = yX(e), i = 0;
+	return r.replace(xX, (e, r) => {
 		let a = n[r], o = t.find((e) => e.id === a);
 		return (!o || !o.value) && (o = {
 			id: "",
 			value: ""
 		}), `<span data-type="drag_in_the_blank" data-index="${i++}" data-id="${o.id}" data-value="${ut(o.value)}"></span>`;
 	});
-}, mX = (e) => {
+}, CX = (e) => {
 	if (e) {
-		let { value: t = "" } = e, n = oX(t);
+		let { value: t = "" } = e, n = hX(t);
 		return Array.from(n.querySelectorAll("*")).forEach((e) => {
 			e.tagName !== "IMG" && e.childNodes.length === 0 && e.remove();
 		}), n.innerHTML.trim() === "";
 	}
 	return !1;
-}, hX = ({ style: e }) => /* @__PURE__ */ F("span", {
+}, wX = ({ style: e }) => /* @__PURE__ */ F("span", {
 	style: e,
 	children: [/* @__PURE__ */ P(iw, { style: { margin: "0 -16px" } }), /* @__PURE__ */ P(iw, {})]
 });
-hX.propTypes = { style: U.default.object };
-var gX = M("div", { shouldForwardProp: (e) => !["error", "isDragging"].includes(e) })(({ theme: e, error: t }) => ({
+wX.propTypes = { style: U.default.object };
+var TX = M("div", { shouldForwardProp: (e) => !["error", "isDragging"].includes(e) })(({ theme: e, error: t }) => ({
 	display: "inline-flex",
 	minWidth: "178px",
 	minHeight: "36px",
@@ -41618,21 +41726,21 @@ var gX = M("div", { shouldForwardProp: (e) => !["error", "isDragging"].includes(
 	position: "relative",
 	padding: "8px 35px 8px 35px",
 	cursor: "grab",
-	border: `1px solid ${t ? "#f44336" : D.border()}`,
+	border: `1px solid ${t ? "#f44336" : O.border()}`,
 	"& img": { display: "flex" },
 	"& p": { margin: 0 },
 	"& mjx-frac": { fontSize: "120% !important" }
-})), _X = M(_S)(({ theme: e }) => ({
+})), EX = M(_S)(({ theme: e }) => ({
 	position: "absolute",
 	top: "6px",
 	right: "0",
-	color: D.text(),
+	color: O.text(),
 	zIndex: 2,
 	"&:hover": {
 		cursor: "pointer",
 		color: e.palette.common.black
 	}
-})), vX = (e) => {
+})), DX = (e) => {
 	let { choice: t, onClick: n, onRemoveChoice: r, error: i, instanceId: a, disabled: o } = e, { attributes: s, listeners: c, setNodeRef: l, isDragging: u } = Pe({
 		id: `choice-${t.id}-${a || "default"}`,
 		data: {
@@ -41641,14 +41749,14 @@ var gX = M("div", { shouldForwardProp: (e) => !["error", "isDragging"].includes(
 			value: t,
 			instanceId: a
 		},
-		disabled: o || mX(t)
+		disabled: o || CX(t)
 	}), d = (e) => {
-		if (mX(t)) {
+		if (CX(t)) {
 			e.preventDefault(), alert("You need to define a value for an answer choice before it can be associated with a response area.");
 			return;
 		}
 	};
-	return /* @__PURE__ */ F(gX, {
+	return /* @__PURE__ */ F(TX, {
 		ref: l,
 		error: i,
 		isDragging: u,
@@ -41657,21 +41765,21 @@ var gX = M("div", { shouldForwardProp: (e) => !["error", "isDragging"].includes(
 		...c,
 		onDragStart: d,
 		children: [
-			/* @__PURE__ */ P(hX, { style: {
+			/* @__PURE__ */ P(wX, { style: {
 				position: "absolute",
 				top: "6px",
 				left: "15px",
-				color: D.borderGray(),
+				color: O.borderGray(),
 				zIndex: 2
 			} }),
 			/* @__PURE__ */ P("span", { dangerouslySetInnerHTML: { __html: t.value } }),
-			/* @__PURE__ */ P(_X, { onClick: (e) => {
+			/* @__PURE__ */ P(EX, { onClick: (e) => {
 				e.preventDefault(), e.stopPropagation(), r(e);
 			} })
 		]
 	});
 };
-vX.propTypes = {
+DX.propTypes = {
 	choice: U.default.object.isRequired,
 	onClick: U.default.func,
 	onRemoveChoice: U.default.func.isRequired,
@@ -41681,22 +41789,22 @@ vX.propTypes = {
 };
 //#endregion
 //#region src/author/choices.tsx
-var yX = M("div")(({ theme: e }) => ({
+var OX = M("div")(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	marginBottom: e.spacing(1.5)
-})), bX = M(u)({ marginLeft: "auto" }), xX = M("div")(({ theme: e }) => ({
+})), kX = M(u)({ marginLeft: "auto" }), AX = M("div")(({ theme: e }) => ({
 	alignItems: "flex-start",
 	display: "flex",
 	flexWrap: "wrap",
 	justifyContent: "space-evenly",
 	marginTop: e.spacing(1),
 	"& > *": { margin: e.spacing(1) }
-})), SX = M("div")(({ theme: e }) => ({
+})), jX = M("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingBottom: e.spacing(2)
-})), CX = class extends pt.Component {
+})), MX = class extends pt.Component {
 	static propTypes = {
 		duplicates: U.default.bool,
 		error: U.default.string,
@@ -41718,7 +41826,7 @@ var yX = M("div")(({ theme: e }) => ({
 	}
 	onChoiceChanged = (e, t, n) => {
 		let { onChange: r, model: i } = this.props, { choices: a, correctResponse: o, alternateResponses: s } = i;
-		if (mX({ value: e }) && mX({ value: t })) return;
+		if (CX({ value: e }) && CX({ value: t })) return;
 		if ((a || []).find((e) => e.value === t && e.id !== n)) {
 			e === "" && r((a || []).filter((e) => e.id !== n)), this.setState({ warning: {
 				open: !0,
@@ -41730,7 +41838,7 @@ var yX = M("div")(({ theme: e }) => ({
 			...e,
 			value: t
 		} : e) || [];
-		if (!mX({ value: t })) {
+		if (!CX({ value: t })) {
 			r(c);
 			return;
 		}
@@ -41750,7 +41858,7 @@ var yX = M("div")(({ theme: e }) => ({
 	};
 	onChoiceDone = (e, t) => {
 		let { onChange: n, model: r } = this.props, { choices: i } = r, a = (i || []).find((t) => t.id === e), o = t === void 0 ? a && a.value : t;
-		if (!a || !mX({ value: o })) {
+		if (!a || !CX({ value: o })) {
 			a && a.value !== o && n((i || []).map((t) => t.id === e ? {
 				...t,
 				value: o
@@ -41785,22 +41893,22 @@ var yX = M("div")(({ theme: e }) => ({
 	};
 	render() {
 		let { focusedEl: e, warning: t } = this.state, { duplicates: n, error: r, mathMlOptions: i = {}, maxChoices: a, model: { choices: o }, toolbarOpts: s, uploadSoundSupport: c, imageSupport: l = {}, pluginProps: u = {}, maxImageWidth: d, maxImageHeight: f, maxLength: p } = this.props, m = this.getVisibleChoices() || [];
-		return /* @__PURE__ */ F(yX, {
+		return /* @__PURE__ */ F(OX, {
 			ref: this.wrapperRef,
 			children: [
-				/* @__PURE__ */ P(bX, {
+				/* @__PURE__ */ P(kX, {
 					variant: "contained",
 					color: "primary",
 					onClick: this.onAddChoice,
 					disabled: a && o && a === o.length,
 					children: "Add Choice"
 				}),
-				/* @__PURE__ */ P(xX, { children: m.map((t, a) => !t || !t.id ? null : e === t.id ? /* @__PURE__ */ P("div", {
+				/* @__PURE__ */ P(AX, { children: m.map((t, a) => !t || !t.id ? null : e === t.id ? /* @__PURE__ */ P("div", {
 					style: {
 						minWidth: "100%",
 						zIndex: "100"
 					},
-					children: /* @__PURE__ */ P(FK, {
+					children: /* @__PURE__ */ P(WK, {
 						ref: (e) => this.focusedNodeRef = e,
 						autoFocus: !0,
 						imageSupport: l,
@@ -41825,15 +41933,15 @@ var yX = M("div")(({ theme: e }) => ({
 						maxImageWidth: d,
 						charactersLimit: p
 					})
-				}, a) : /* @__PURE__ */ P(vX, {
+				}, a) : /* @__PURE__ */ P(DX, {
 					duplicates: n,
 					choice: t,
 					error: r,
 					onClick: () => this.onChoiceFocus(t.id),
 					onRemoveChoice: () => this.onChoiceRemove(t.id)
 				}, a)) }),
-				r && /* @__PURE__ */ P(SX, { children: r }),
-				/* @__PURE__ */ P(eJ, {
+				r && /* @__PURE__ */ P(jX, { children: r }),
+				/* @__PURE__ */ P(lJ, {
 					open: t.open,
 					title: "Warning",
 					text: t.text,
@@ -41842,19 +41950,19 @@ var yX = M("div")(({ theme: e }) => ({
 			]
 		});
 	}
-}, wX = (e) => {
+}, NX = (e) => {
 	let { maxResponseAreas: t, minChoices: n, maxChoices: r } = e;
 	return n ||= 2, "Validation requirements:" + ("\nThe tokens should not be empty and should be unique.\nThere should be at least 1 " + (t ? `and at most ${t} ` : "") + "response area" + (t ? "s" : "") + ` defined.\nThere should be at least ${n} ` + (r ? `and at most ${r} ` : "") + "tokens defined.");
 };
 //#endregion
 //#region src/author/main.tsx
-function TX(e) {
+function PX(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function EX(e, t) {
-	return !e || TX(e) ? e : TX(e.default) ? e.default : t && TX(e[t]) ? e[t] : t && TX(e[t]?.default) ? e[t].default : e;
+function FX(e, t) {
+	return !e || PX(e) ? e : PX(e.default) ? e.default : t && PX(e[t]) ? e[t] : t && PX(e[t]?.default) ? e[t].default : e;
 }
-var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX = ge, kX = OX.default, AX = kX && typeof kX == "object" ? kX : OX, jX = class extends pt.Component {
+var IX = FX(We, "InputContainer") || FX(zX.InputContainer, "InputContainer"), LX = ge, RX = LX.default, zX = RX && typeof RX == "object" ? RX : LX, BX = class extends pt.Component {
 	containerRef = pt.createRef();
 	componentDidMount() {
 		setTimeout(() => {
@@ -41872,28 +41980,28 @@ var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX
 			children: this.props.children
 		});
 	}
-}, { dropdown: MX, toggle: NX, Panel: PX } = YY, FX = M(DX)(({ theme: e }) => ({
+}, { dropdown: VX, toggle: HX, Panel: UX } = iX, WX = M(IX)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), IX = M("div")(({ theme: e }) => ({
+})), GX = M("div")(({ theme: e }) => ({
 	minHeight: "235px",
 	paddingTop: e.spacing(1),
 	paddingBottom: e.spacing(2),
 	width: "100%",
 	"& [data-slate-editor=\"true\"]": { minHeight: "235px" }
-})), LX = M(Nk)(({ theme: e }) => ({ fontSize: e.typography.fontSize + 2 })), RX = M(Uq)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+})), KX = M(Nk)(({ theme: e }) => ({ fontSize: e.typography.fontSize + 2 })), qX = M(Qq)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
 	fontSize: e.typography.fontSize - 2,
 	whiteSpace: "pre",
 	maxWidth: "500px"
-} })), zX = M("div")(({ theme: e }) => ({
+} })), JX = M("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), BX = M("div")({
+})), YX = M("div")({
 	display: "flex",
 	alignItems: "center"
-}), VX = class extends pt.Component {
+}), XX = class extends pt.Component {
 	static propTypes = {
 		configuration: U.default.object.isRequired,
 		model: U.default.object.isRequired,
@@ -41941,7 +42049,7 @@ var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX
 		});
 	};
 	onResponsesChanged = (e) => {
-		let { model: { correctResponse: t, markup: n } } = this.props, r = pX(n, e, t);
+		let { model: { correctResponse: t, markup: n } } = this.props, r = SX(n, e, t);
 		this.props.onModelChanged({
 			...this.props.model,
 			slateMarkup: r,
@@ -41949,24 +42057,24 @@ var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX
 		});
 	};
 	render() {
-		let { model: e, configuration: t, onConfigurationChanged: n, imageSupport: r, uploadSoundSupport: i } = this.props, { addChoice: a = {}, baseInputConfiguration: o = {}, contentDimensions: s = {}, duplicates: c = {}, prompt: l = {}, partialScoring: u = {}, lockChoiceOrder: d = {}, rationale: f = {}, teacherInstructions: p = {}, choicesPosition: m = {}, spellCheck: h = {}, settingsPanelDisabled: g, maxChoices: _, maxResponseAreas: v, maxImageWidth: y = {}, maxImageHeight: b = {}, withRubric: x = {}, mathMlOptions: S = {}, language: C = {}, languageChoices: w = {}, maxLength: ee = {} } = t || {}, { rationaleEnabled: T, promptEnabled: te, teacherInstructionsEnabled: ne, spellCheckEnabled: re, toolbarEditorPosition: ie, errors: ae, extraCSSRules: E } = e || {}, { choicesError: D, correctResponseError: O, prompt: oe, rationale: k, responseAreasError: se, teacherInstructions: A } = ae || {}, ce = wX(t), le = y && y.prompt, ue = b && b.prompt, j = { position: ie === "top" ? "top" : "bottom" }, de = {
-			partialScoring: u.settings && NX(u.label),
-			duplicates: c.settings && NX(c.label),
-			lockChoiceOrder: d.settings && NX(d.label),
-			choicesPosition: m.settings && MX(m.label, [
+		let { model: e, configuration: t, onConfigurationChanged: n, imageSupport: r, uploadSoundSupport: i } = this.props, { addChoice: a = {}, baseInputConfiguration: o = {}, contentDimensions: s = {}, duplicates: c = {}, prompt: l = {}, partialScoring: u = {}, lockChoiceOrder: d = {}, rationale: f = {}, teacherInstructions: p = {}, choicesPosition: m = {}, spellCheck: h = {}, settingsPanelDisabled: g, maxChoices: _, maxResponseAreas: v, maxImageWidth: y = {}, maxImageHeight: b = {}, withRubric: x = {}, mathMlOptions: S = {}, language: C = {}, languageChoices: w = {}, maxLength: ee = {} } = t || {}, { rationaleEnabled: T, promptEnabled: te, teacherInstructionsEnabled: E, spellCheckEnabled: ne, toolbarEditorPosition: re, errors: ie, extraCSSRules: D } = e || {}, { choicesError: O, correctResponseError: ae, prompt: oe, rationale: k, responseAreasError: se, teacherInstructions: A } = ie || {}, ce = NX(t), le = y && y.prompt, ue = b && b.prompt, j = { position: re === "top" ? "top" : "bottom" }, de = {
+			partialScoring: u.settings && HX(u.label),
+			duplicates: c.settings && HX(c.label),
+			lockChoiceOrder: d.settings && HX(d.label),
+			choicesPosition: m.settings && VX(m.label, [
 				"above",
 				"below",
 				"left",
 				"right"
 			]),
-			"language.enabled": C.settings && NX(C.label, !0),
-			language: C.settings && C.enabled && MX(w.label, w.options)
+			"language.enabled": C.settings && HX(C.label, !0),
+			language: C.settings && C.enabled && VX(w.label, w.options)
 		}, fe = {
-			teacherInstructionsEnabled: p.settings && NX(p.label),
-			rationaleEnabled: f.settings && NX(f.label),
-			spellCheckEnabled: h.settings && NX(h.label),
-			promptEnabled: l.settings && NX(l.label),
-			rubricEnabled: x?.settings && NX(x?.label)
+			teacherInstructionsEnabled: p.settings && HX(p.label),
+			rationaleEnabled: f.settings && HX(f.label),
+			spellCheckEnabled: h.settings && HX(h.label),
+			promptEnabled: l.settings && HX(l.label),
+			rubricEnabled: x?.settings && HX(x?.label)
 		}, pe = (e) => Object.assign({ ...o }, e || {});
 		return /* @__PURE__ */ F(Be, {
 			onDragEnd: ({ active: e, over: t }) => {
@@ -41992,11 +42100,11 @@ var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX
 				let { active: t } = e;
 				t?.data?.current && this.setState({ activeDragItem: t.data.current });
 			},
-			children: [/* @__PURE__ */ F(bY.ConfigLayout, {
-				extraCSSRules: E,
+			children: [/* @__PURE__ */ F(kY.ConfigLayout, {
+				extraCSSRules: D,
 				dimensions: s,
 				hideSettings: g,
-				settings: /* @__PURE__ */ P(PX, {
+				settings: /* @__PURE__ */ P(UX, {
 					model: e,
 					configuration: t,
 					onChangeModel: (e) => this.onModelChange(e),
@@ -42007,9 +42115,9 @@ var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX
 					}
 				}),
 				children: [
-					ne && /* @__PURE__ */ F(FX, {
+					E && /* @__PURE__ */ F(WX, {
 						label: p.label,
-						children: [/* @__PURE__ */ P(FK, {
+						children: [/* @__PURE__ */ P(WK, {
 							markup: e.teacherInstructions || "",
 							onChange: this.onTeacherInstructionsChanged,
 							imageSupport: r,
@@ -42017,17 +42125,17 @@ var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX
 							error: A,
 							toolbarOpts: j,
 							pluginProps: pe(p?.inputConfiguration),
-							spellCheck: re,
+							spellCheck: ne,
 							maxImageWidth: y && y.teacherInstructions || le,
 							maxImageHeight: b && b.teacherInstructions || ue,
 							uploadSoundSupport: i,
 							languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 							mathMlOptions: S
-						}), A && /* @__PURE__ */ P(zX, { children: A })]
+						}), A && /* @__PURE__ */ P(JX, { children: A })]
 					}),
-					te && /* @__PURE__ */ F(FX, {
+					te && /* @__PURE__ */ F(WX, {
 						label: l.label,
-						children: [/* @__PURE__ */ P(FK, {
+						children: [/* @__PURE__ */ P(WK, {
 							markup: e.prompt,
 							onChange: this.onPromptChanged,
 							imageSupport: r,
@@ -42036,31 +42144,31 @@ var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX
 							error: oe,
 							toolbarOpts: j,
 							pluginProps: pe(l?.inputConfiguration),
-							spellCheck: re,
+							spellCheck: ne,
 							maxImageWidth: le,
 							maxImageHeight: ue,
 							uploadSoundSupport: i,
 							languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 							mathMlOptions: S
-						}), oe && /* @__PURE__ */ P(zX, { children: oe })]
+						}), oe && /* @__PURE__ */ P(JX, { children: oe })]
 					}),
-					/* @__PURE__ */ F(BX, { children: [/* @__PURE__ */ P(LX, {
+					/* @__PURE__ */ F(YX, { children: [/* @__PURE__ */ P(KX, {
 						component: "div",
 						children: "Define Template, Choices, and Correct Responses"
-					}), /* @__PURE__ */ P(RX, {
+					}), /* @__PURE__ */ P(qX, {
 						disableFocusListener: !0,
 						disableTouchListener: !0,
 						placement: "right",
 						title: ce,
-						children: /* @__PURE__ */ P(aX, {
+						children: /* @__PURE__ */ P(mX, {
 							fontSize: "small",
 							color: "primary",
 							style: { marginLeft: "5px" }
 						})
 					})] }),
-					/* @__PURE__ */ P(IX, {
+					/* @__PURE__ */ P(GX, {
 						ref: this.markupRef,
-						children: /* @__PURE__ */ P(FK, {
+						children: /* @__PURE__ */ P(WK, {
 							activePlugins: Ut,
 							responseAreaProps: {
 								type: "drag-in-the-blank",
@@ -42074,21 +42182,21 @@ var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX
 							disableImageAlignmentButtons: !0,
 							nonEmpty: !1,
 							disableUnderline: !0,
-							error: se || O,
+							error: se || ae,
 							toolbarOpts: j,
-							spellCheck: re,
+							spellCheck: ne,
 							uploadSoundSupport: i,
 							languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 							mathMlOptions: S
 						})
 					}),
-					se && /* @__PURE__ */ P(zX, { children: se }),
-					O && /* @__PURE__ */ P(zX, { children: O }),
-					/* @__PURE__ */ P(CX, {
+					se && /* @__PURE__ */ P(JX, { children: se }),
+					ae && /* @__PURE__ */ P(JX, { children: ae }),
+					/* @__PURE__ */ P(MX, {
 						model: e,
 						imageSupport: r,
 						duplicates: e.duplicates,
-						error: D,
+						error: O,
 						onChange: this.onResponsesChanged,
 						toolbarOpts: j,
 						maxChoices: _,
@@ -42099,35 +42207,35 @@ var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX
 						maxImageHeight: b && b.choice || ue,
 						maxLength: ee
 					}),
-					T && /* @__PURE__ */ F(FX, {
+					T && /* @__PURE__ */ F(WX, {
 						label: f.label,
-						children: [/* @__PURE__ */ P(FK, {
+						children: [/* @__PURE__ */ P(WK, {
 							markup: e.rationale || "",
 							onChange: this.onRationaleChanged,
 							imageSupport: r,
 							error: k,
 							toolbarOpts: j,
 							pluginProps: pe(f?.inputConfiguration),
-							spellCheck: re,
+							spellCheck: ne,
 							maxImageWidth: y && y.rationale || le,
 							maxImageHeight: b && b.rationale || ue,
 							uploadSoundSupport: i,
 							languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 							mathMlOptions: S
-						}), k && /* @__PURE__ */ P(zX, { children: k })]
+						}), k && /* @__PURE__ */ P(JX, { children: k })]
 					})
 				]
-			}), /* @__PURE__ */ P(Me, { children: /* @__PURE__ */ P(jX, { children: (() => {
+			}), /* @__PURE__ */ P(Me, { children: /* @__PURE__ */ P(BX, { children: (() => {
 				let { activeDragItem: e } = this.state, { model: t } = this.props;
 				if (!e) return null;
 				if ((e.type === "drag-in-the-blank-choice" || e.type === "drag-in-the-blank-placed-choice") && e.value) {
 					let n = t.choices?.find((t) => t.id === e.value.id);
-					return n ? /* @__PURE__ */ P(vX, { choice: n }) : null;
+					return n ? /* @__PURE__ */ P(DX, { choice: n }) : null;
 				}
 			})() }) })]
 		});
 	}
-}, HX = {
+}, ZX = {
 	model: {
 		choices: [],
 		choicesPosition: "below",
@@ -42246,12 +42354,12 @@ var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX
 		},
 		maxLength: 200
 	}
-}, UX = (0, Vt.default)("multiple-choice:configure"), WX = class e extends HTMLElement {
+}, QX = (0, Vt.default)("multiple-choice:configure"), $X = class e extends HTMLElement {
 	static prepareModel = (e = {}) => {
 		let t = {
-			...HX.model,
+			...ZX.model,
 			...e
-		}, n = e.slateMarkup || pX(t.markup, t.choices, t.correctResponse), r = dX(n);
+		}, n = e.slateMarkup || SX(t.markup, t.choices, t.correctResponse), r = bX(n);
 		return {
 			...t,
 			slateMarkup: n,
@@ -42260,17 +42368,17 @@ var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX
 		};
 	};
 	constructor() {
-		super(), this._root = null, this._model = e.prepareModel(), this._configuration = HX.configuration, this.onModelChanged = this.onModelChanged.bind(this), this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+		super(), this._root = null, this._model = e.prepareModel(), this._configuration = ZX.configuration, this.onModelChanged = this.onModelChanged.bind(this), this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
 	}
 	set model(t) {
 		let n = {
 			...t,
-			markup: `<div>${t.markup || HX.model.markup}</div>`
+			markup: `<div>${t.markup || ZX.model.markup}</div>`
 		};
 		this._model = e.prepareModel(n), this._render();
 	}
 	set configuration(e) {
-		let t = rt(e, HX.configuration);
+		let t = rt(e, ZX.configuration);
 		this._configuration = t, t?.language?.enabled ? t?.languageChoices?.options?.length && (this._model.language = t?.languageChoices.options[0].value) : t.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
 			value: this._model.language,
 			label: this._model.language
@@ -42281,7 +42389,7 @@ var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX
 	}
 	dispatchModelUpdated(e) {
 		let t = !!e;
-		this.dispatchEvent(new IK(this._model, t));
+		this.dispatchEvent(new GK(this._model, t));
 	}
 	onModelChanged(t, n) {
 		this._model = e.prepareModel(t), this._render(), this.dispatchModelUpdated(n);
@@ -42290,20 +42398,20 @@ var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX
 		this._configuration = e, this._render();
 	}
 	insertImage(e) {
-		this.dispatchEvent(new RK(e));
+		this.dispatchEvent(new qK(e));
 	}
 	onDeleteImage(e, t) {
-		this.dispatchEvent(new LK(e, t));
+		this.dispatchEvent(new KK(e, t));
 	}
 	insertSound(e) {
-		this.dispatchEvent(new BK(e));
+		this.dispatchEvent(new YK(e));
 	}
 	onDeleteSound(e, t) {
-		this.dispatchEvent(new zK(e, t));
+		this.dispatchEvent(new JK(e, t));
 	}
 	_render() {
-		UX("_render");
-		let e = pt.createElement(VX, {
+		QX("_render");
+		let e = pt.createElement(XX, {
 			model: this._model,
 			configuration: this._configuration,
 			onModelChanged: this.onModelChanged,
@@ -42330,6 +42438,6 @@ var DX = EX(We, "InputContainer") || EX(AX.InputContainer, "InputContainer"), OX
 	}
 };
 //#endregion
-export { WX as default };
+export { $X as default };
 
 //# sourceMappingURL=index.js.map