@pie-element/ebsr 14.2.2-next.7 → 14.2.2-next.9

package/dist/browser/author/index.js

@@ -1,4 +1,4 @@
-import { $ as e, A as t, At as n, B as r, Bt as i, C as a, Ct as o, D as s, Dt as c, Et as l, F as u, Ft as d, G as f, H as p, Ht as m, I as h, It as g, J as _, K as v, L as y, Lt as b, M as x, Mt as S, Nt as C, O as w, Ot as ee, P as T, Pt as te, Q as E, R as ne, Rt as D, S as O, St as k, T as re, Tt as ie, U as ae, Ut as oe, V as se, Vt as ce, W as A, X as le, Y as ue, Z as de, a 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 we, i as Te, it as Ee, j as De, jt as j, k as Oe, kt as ke, l as Ae, lt as je, m as Me, mt as Ne, nt as Pe, o as Fe, ot as Ie, p as Le, pt as Re, q as ze, r as Be, rt as Ve, s as He, st as Ue, t as We, tt as Ge, u as Ke, ut as qe, w as Je, wt as Ye, x as Xe, xt as M, y as Ze, z as Qe, zt as $e } from "../private-tags-oMTlCqvY.js";
+import { $ as e, A as t, At as n, B as r, Bt as i, C as a, Ct as o, D as s, Dt as c, Et as l, F as u, Ft as d, G as f, H as p, Ht as m, I as h, It as g, J as _, K as v, L as y, Lt as b, M as x, Mt as S, Nt as C, O as w, Ot as ee, P as T, Pt as te, Q as E, R as ne, Rt as D, S as O, St as k, T as re, Tt as ie, U as ae, Ut as oe, V as se, Vt as ce, W as A, X as le, Y as ue, Z as de, a 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 we, i as Te, it as Ee, j as De, jt as j, k as Oe, kt as ke, l as Ae, lt as je, m as Me, mt as Ne, nt as Pe, o as Fe, ot as Ie, p as Le, pt as Re, q as ze, r as Be, rt as Ve, s as He, st as Ue, t as We, tt as Ge, u as Ke, ut as qe, w as Je, wt as Ye, x as Xe, xt as M, y as Ze, z as Qe, zt as $e } from "../private-tags-DYR4StTM.js";
 import { a as et, c as tt, d as nt, f as rt, h as it, i as at, l as ot, m as st, n as ct, o as lt, p as ut, r as dt, s as ft, t as pt, u as mt } from "../dist-CHbLnyuX.js";
 import * as N from "react";
 import ht, { Component as gt, createContext as _t, createElement as vt, createRef as yt, forwardRef as bt, memo as xt, useCallback as St, useContext as Ct, useDebugValue as wt, useEffect as Tt, useLayoutEffect as Et, useMemo as Dt, useRef as Ot, useState as kt, version as At } from "react";
@@ -38868,8 +38868,8 @@ Ym.create({
 		})) ?? null };
 	}
 });
-var bq = "placeholder", xq = new ea("tiptap__placeholder"), Sq = 200;
-function Cq(e) {
+var bq = "placeholder", xq = new ea("tiptap__placeholder");
+function Sq(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(" "),
@@ -38881,156 +38881,198 @@ function Cq(e) {
 		}) : n
 	});
 }
-function wq({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
+function Cq(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function wq({ 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(Sq({
+			editor: e,
+			isEmptyDoc: l,
+			dataAttribute: n,
+			hasAnchor: a,
+			placeholder: t.placeholder,
+			classes: {
+				emptyEditor: t.emptyEditorClass,
+				emptyNode: Cq(t.emptyNodeClass, {
+					editor: e,
+					node: r,
+					pos: i,
+					hasAnchor: a
+				})
+			},
+			node: r,
+			pos: i
+		})), t.includeChildren;
+	}), c;
+}
+function Tq({ 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(Cq({
+		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(Sq({
 				editor: e,
 				isEmptyDoc: s,
 				dataAttribute: n,
 				hasAnchor: r,
 				placeholder: t.placeholder,
-				classes: c,
-				node: l,
-				pos: u
+				classes: {
+					emptyEditor: t.emptyEditorClass,
+					emptyNode: Cq(t.emptyNodeClass, {
+						editor: e,
+						node: c,
+						pos: l,
+						hasAnchor: r
+					})
+				},
+				node: c,
+				pos: l
 			}));
 		}
-	} else {
-		let i = xq.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(Cq({
-				editor: e,
-				isEmptyDoc: s,
-				dataAttribute: n,
-				hasAnchor: l,
-				placeholder: t.placeholder,
-				classes: c,
-				node: r,
-				pos: i
-			})), t.includeChildren;
-		});
-	}
+	} else o.push(...wq({
+		editor: e,
+		options: t,
+		dataAttribute: n,
+		doc: r,
+		selection: i,
+		from: 0,
+		to: r.content.size
+	}));
 	return ed.create(r, o);
 }
-function Tq(e) {
-	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+function Eq(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 Eq(e) {
-	let t = getComputedStyle(e), n = `${t.overflow} ${t.overflowY} ${t.overflowX}`;
-	return /auto|scroll|overlay/.test(n);
+function Dq(e, t) {
+	return {
+		from: Math.max(0, t.from - 1),
+		to: Math.min(e.content.size, t.to - 1)
+	};
 }
-function Dq(e) {
-	let t = e;
-	for (; t;) {
-		if (Eq(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 Oq(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 kq(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 Oq(e) {
-	return e === window ? {
-		top: 0,
-		bottom: window.innerHeight
-	} : e.getBoundingClientRect();
+function Aq(e, t) {
+	let n = Oq(e, t.from, t.to);
+	return n.push(Dq(e, Eq(e, t.from))), t.to > t.from ? n.push(Dq(e, Eq(e, Math.min(t.to, e.content.size + 1) - 1))) : t.from < e.content.size + 1 && n.push(Dq(e, Eq(e, Math.min(t.from + 1, e.content.size)))), n;
 }
-function kq({ doc: e, view: t, scrollContainer: n }) {
-	let r = t.dom.getBoundingClientRect(), i = n ? Oq(n) : {
-		top: 0,
-		bottom: window.innerHeight
-	}, a = Math.max(r.top, i.top) - Sq, o = Math.min(r.bottom, i.bottom) + Sq;
-	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 jq(e, t, n) {
+	let r = [];
+	if (e.docChanged) {
+		let t = Kp(e);
+		for (let e of t) r.push(...Aq(n.doc, e.newRange));
+	}
+	return e.selectionSet && (r.push(Dq(n.doc, Eq(n.doc, e.mapping.map(t.selection.anchor)))), r.push(Dq(n.doc, Eq(n.doc, n.selection.anchor)))), kq(r);
 }
-var Aq = {
-	init() {
-		return {
-			topPos: null,
-			bottomPos: null
-		};
-	},
-	apply(e, t) {
-		let n = e.getMeta(xq);
-		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 Mq(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 Nq({ 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 } = Mq(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 = wq({
+			editor: n,
+			options: r,
+			dataAttribute: i,
+			doc: a,
+			selection: o,
+			from: t,
+			to: c
+		});
+		u.length && (s = s.add(a, u));
 	}
-};
-function jq(e) {
-	let t = Dq(e.dom), n = () => {
-		let n = kq({
-			view: e,
-			doc: e.state.doc,
-			scrollContainer: t
-		}), r = xq.getState(e.state);
-		if (r?.topPos === n.top && r?.bottomPos === n.bottom) return;
-		let i = e.state.tr.setMeta(xq, { 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 Pq({ editor: e, options: t, dataAttribute: n }) {
+	return {
+		init(r, i) {
+			return Tq({
+				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 : Nq({
+				decorations: i.map(r.mapping, r.doc),
+				ranges: jq(r, a, o),
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: o.doc,
+				selection: o.selection
+			});
 		}
 	};
 }
-function Mq({ editor: e, options: t }) {
-	let n = t.dataAttribute ? `data-${Tq(t.dataAttribute)}` : `data-${bq}`;
+function Fq(e) {
+	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+}
+function Iq({ editor: e, options: t }) {
+	let n = t.dataAttribute ? `data-${Fq(t.dataAttribute)}` : `data-${bq}`, r = t.showOnlyCurrent && !t.includeChildren;
 	return new V({
 		key: xq,
-		state: Aq,
-		view: jq,
-		props: { decorations: ({ doc: r, selection: i }) => wq({
+		...r ? {} : { state: Pq({
+			editor: e,
+			options: t,
+			dataAttribute: n
+		}) },
+		props: { decorations: r ? ({ doc: r, selection: i }) => Tq({
 			editor: e,
 			options: t,
 			dataAttribute: n,
 			doc: r,
 			selection: i
-		}) }
+		}) : (n) => t.showOnlyWhenEditable && !e.isEditable ? ed.empty : xq.getState(n) ?? ed.empty }
 	});
 }
-var Nq = Ym.create({
+var Lq = Ym.create({
 	name: "placeholder",
 	addOptions() {
 		return {
@@ -39044,12 +39086,25 @@ var Nq = Ym.create({
 		};
 	},
 	addProseMirrorPlugins() {
-		return [Mq({
+		return [Iq({
 			editor: this.editor,
 			options: this.options
 		})];
 	}
 });
+function Rq(e, t) {
+	return !e.selection.empty && !im(e.selection) && t.isEditable;
+}
+function zq(e, t) {
+	return Rq(e, t) && !t.isFocused && !t.view.dragging;
+}
+function Bq() {
+	var e;
+	(e = window.getSelection()) == null || e.removeAllRanges();
+}
+function Vq(e) {
+	e.focus();
+}
 Ym.create({
 	name: "selection",
 	addOptions() {
@@ -39059,13 +39114,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 zq(n, e) ? ed.create(n.doc, [Zu.inline(n.selection.from, n.selection.to, { class: t.className })]) : null;
+				},
+				handleDOMEvents: {
+					blur(t) {
+						return Rq(t.state, e) && Bq(), !1;
+					},
+					focus(t) {
+						return Rq(t.state, e) && requestAnimationFrame(() => {
+							!e.isDestroyed && t.hasFocus() && Vq(t);
+						}), !1;
+					}
+				}
+			}
 		})];
 	}
 });
-function Pq({ types: e, node: t }) {
+function Hq({ types: e, node: t }) {
 	return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
 }
 Ym.create({
@@ -39087,7 +39154,7 @@ Ym.create({
 			state: {
 				init: (e, t) => {
 					let r = t.tr.doc.lastChild;
-					return !Pq({
+					return !Hq({
 						node: r,
 						types: n
 					});
@@ -39095,7 +39162,7 @@ Ym.create({
 				apply: (e, t) => {
 					if (!e.docChanged || e.getMeta("__uniqueIDTransaction")) return t;
 					let r = e.doc.lastChild;
-					return !Pq({
+					return !Hq({
 						node: r,
 						types: n
 					});
@@ -39130,7 +39197,7 @@ Ym.create({
 		};
 	}
 });
-var Fq = Vm.create({
+var Uq = Vm.create({
 	name: "superscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -39160,7 +39227,7 @@ var Fq = Vm.create({
 	addKeyboardShortcuts() {
 		return { "Mod-.": () => this.editor.commands.toggleSuperscript() };
 	}
-}), Iq = Vm.create({
+}), Wq = Vm.create({
 	name: "subscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -39190,7 +39257,7 @@ var Fq = Vm.create({
 	addKeyboardShortcuts() {
 		return { "Mod-,": () => this.editor.commands.toggleSubscript() };
 	}
-}), Lq = Ym.create({
+}), Gq = Ym.create({
 	name: "textAlign",
 	addOptions() {
 		return {
@@ -39232,7 +39299,7 @@ var Fq = Vm.create({
 			"Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
 		};
 	}
-}), Rq = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, zq = Th.create({
+}), Kq = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, qq = Th.create({
 	name: "image",
 	addOptions() {
 		return {
@@ -39275,34 +39342,55 @@ var Fq = 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: {
@@ -39311,10 +39399,10 @@ var Fq = 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() {
@@ -39325,7 +39413,7 @@ var Fq = Vm.create({
 	},
 	addInputRules() {
 		return [dh({
-			find: Rq,
+			find: Kq,
 			type: this.type,
 			getAttributes: (e) => {
 				let [, , t, n, r] = e;
@@ -39337,17 +39425,17 @@ var Fq = Vm.create({
 			}
 		})];
 	}
-}), Bq = Nq, Vq = {
+}), Jq = Lq, Yq = {
 	position: "bottom",
 	alignment: "left",
 	alwaysVisible: !1,
 	showDone: !0,
 	doneOn: "blur"
-}, Hq = {
+}, Xq = {
 	options: {},
 	respAreaToolbar: () => {},
 	onHandleAreaChange: () => {}
-}, Uq = [
+}, Zq = [
 	"bold",
 	"italic",
 	"underline",
@@ -39369,7 +39457,7 @@ var Fq = Vm.create({
 	"h3",
 	"undo",
 	"redo"
-], Wq = {
+], Qq = {
 	"--white": "#fff",
 	"--black": "#2e2b29",
 	"--black-contrast": "#110f0e",
@@ -39388,14 +39476,18 @@ var Fq = 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)"
-}, Gq = (e) => {
+}, $q = (e) => ({
+	spellcheck: e ? "true" : "false",
+	autocorrect: e ? "on" : "off",
+	autocapitalize: e ? "on" : "off"
+}), eJ = (e) => {
 	let { showParagraphs: t, separateParagraphs: n } = e.pluginProps || {}, [r, i] = kt([]), [a, o] = kt(!1), { toolbarOpts: s } = e, c = St((e) => {
 		i((t) => {
 			let n = t.filter((t) => t.pos !== e);
 			return n.length === 0 && o(!1), n;
 		});
 	}, [i]), l = {
-		...Vq,
+		...Yq,
 		...s
 	}, u = St((t) => {
 		let n = t.getHTML();
@@ -39406,13 +39498,13 @@ var Fq = Vm.create({
 		e.onDone,
 		l.doneOn
 	]), d = Dt(() => ({
-		...Hq,
+		...Xq,
 		...e.responseAreaProps,
 		onInlineDropdownToolbarClose: u
 	}), [e.responseAreaProps, u]), f = Dt(() => {
 		let { customPlugins: t, ...n } = e.pluginProps || {};
 		t ||= [];
-		let r = (e.activePlugins || Uq)?.filter((e) => {
+		let r = (e.activePlugins || Zq)?.filter((e) => {
 			let t = Wt[e] || e, r = n[t] || {};
 			return !r || !r.disabled;
 		});
@@ -39430,103 +39522,112 @@ var Fq = Vm.create({
 			setKeypadInteraction: {},
 			media: {}
 		});
-	}, [e, d.type]), p = LC({
-		extensions: [
-			Lq.configure({
-				types: [
-					"heading",
-					"paragraph",
-					"div",
-					"headingParagraph",
-					"h1",
-					"h2",
-					"h3",
-					"h4",
-					"h5",
-					"h6",
-					"td",
-					"th"
-				],
-				alignments: [
-					"left",
-					"right",
-					"center",
-					"justify"
-				]
-			}),
-			vq,
-			yq.configure({ limit: e.charactersLimit || 1e6 }),
-			cq.configure({ trailingNode: {
+	}, [e, d.type]), p = [
+		Gq.configure({
+			types: [
+				"heading",
+				"paragraph",
+				"div",
+				"headingParagraph",
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"h6",
+				"td",
+				"th"
+			],
+			alignments: [
+				"left",
+				"right",
+				"center",
+				"justify"
+			]
+		}),
+		vq,
+		yq.configure({ limit: e.charactersLimit || 1e6 }),
+		cq.configure({
+			trailingNode: {
 				node: "paragraph",
 				notAfter: ["paragraph", "div"]
-			} }),
-			lI,
-			rS,
-			uI,
-			iS,
-			aS,
-			Bq.configure({
-				placeholder: e.placeholder,
-				showOnlyWhenEditable: !0,
-				showOnlyCurrent: !1,
-				includeChildren: !0
-			}),
-			$x,
-			Lx,
-			nS,
-			tS,
-			RA.configure(d),
-			zA.configure(d),
-			VA.configure(d),
-			HA.configure(d),
-			BA.configure(d),
-			XM.configure({
-				toolbarOpts: l,
-				math: e.pluginProps?.math || {}
-			}),
-			Iq,
-			Fq,
-			zq,
-			cP.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
-			}),
-			dF.configure({ uploadSoundSupport: e.uploadSoundSupport }),
-			OF.configure({ extraCSSRules: e.extraCSSRules })
-		],
+			},
+			link: {
+				autolink: !1,
+				linkOnPaste: !1
+			}
+		}),
+		lI,
+		rS,
+		uI,
+		iS,
+		aS,
+		Jq.configure({
+			placeholder: e.placeholder,
+			showOnlyWhenEditable: !0,
+			showOnlyCurrent: !1,
+			includeChildren: !0
+		}),
+		$x,
+		Lx,
+		nS,
+		tS,
+		RA.configure(d),
+		zA.configure(d),
+		VA.configure(d),
+		HA.configure(d),
+		BA.configure(d),
+		XM.configure({
+			toolbarOpts: l,
+			math: e.pluginProps?.math || {}
+		}),
+		Wq,
+		Uq,
+		qq,
+		cP.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
+		}),
+		dF.configure({ uploadSoundSupport: e.uploadSoundSupport }),
+		OF.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: $q(m),
+			handleKeyDown(t, n) {
+				return e.onKeyDown ? e.onKeyDown(n) : !1;
+			}
+		},
 		editable: !e.disabled,
 		content: Yt(e.markup),
 		onUpdate: ({ editor: t, transaction: n }) => {
@@ -39537,22 +39638,29 @@ var Fq = Vm.create({
 		}
 	}, [e.charactersLimit]);
 	Tt(() => {
-		e.editorRef && e.editorRef(p);
-	}, [e.editorRef, p]), Tt(() => {
-		p?.setEditable(!e.disabled);
-	}, [e.disabled, p]), Tt(() => {
-		if (!p) return;
+		e.editorRef && e.editorRef(h);
+	}, [e.editorRef, h]), Tt(() => {
+		h?.setEditable(!e.disabled);
+	}, [e.disabled, h]), Tt(() => {
+		if (!h) return;
+		let e = h.options?.editorProps, t = $q(m);
+		e?.attributes?.spellcheck !== t.spellcheck && h.setOptions({ editorProps: {
+			...e,
+			attributes: t
+		} });
+	}, [m, h]), Tt(() => {
+		if (!h) return;
 		let t = Yt(e.markup);
-		t !== p.getHTML() && p.commands.setContent(t, { emitUpdate: !1 });
-	}, [e.markup, p]), Tt(() => {
-		Object.entries(Wq).forEach(([e, t]) => {
+		t !== h.getHTML() && h.commands.setContent(t, { emitUpdate: !1 });
+	}, [e.markup, h]), Tt(() => {
+		Object.entries(Qq).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 = Dt(() => {
+	}), _ = Dt(() => {
 		let { minWidth: t, width: n, maxWidth: r, minHeight: i, height: a, maxHeight: o } = e;
 		return {
 			width: dI(n),
@@ -39567,20 +39675,20 @@ var Fq = Vm.create({
 		...e,
 		activePlugins: f,
 		toolbarOpts: l,
-		editorState: m,
-		editor: p,
-		children: p && /* @__PURE__ */ P(Kq, {
+		editorState: g,
+		editor: h,
+		children: h && /* @__PURE__ */ P(tJ, {
 			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
 		})
 	});
-}, Kq = M(AC, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
+}, tJ = M(AC, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
 	display: "flex",
 	outline: "none !important",
 	"& .ProseMirror": {
@@ -39608,13 +39716,13 @@ var Fq = Vm.create({
 		} },
 		...t && { "& > p:has(+ p)": { marginBottom: "1em" } }
 	}
-})), qq = Gq;
+})), nJ = eJ;
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/InputAdornment/inputAdornmentClasses.js
-function Jq(e) {
+function rJ(e) {
 	return j("MuiInputAdornment", e);
 }
-var Yq = n("MuiInputAdornment", [
+var iJ = n("MuiInputAdornment", [
 	"root",
 	"filled",
 	"standard",
@@ -39624,7 +39732,7 @@ var Yq = n("MuiInputAdornment", [
 	"disablePointerEvents",
 	"hiddenLabel",
 	"sizeSmall"
-]), Xq, Zq = (e, t) => {
+]), aJ, oJ = (e, t) => {
 	let { ownerState: n } = e;
 	return [
 		t.root,
@@ -39632,7 +39740,7 @@ var Yq = n("MuiInputAdornment", [
 		n.disablePointerEvents === !0 && t.disablePointerEvents,
 		t[n.variant]
 	];
-}, Qq = (e) => {
+}, sJ = (e) => {
 	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
 	return l({ root: [
 		"root",
@@ -39641,11 +39749,11 @@ var Yq = n("MuiInputAdornment", [
 		o,
 		r && "hiddenLabel",
 		a && `size${f(a)}`
-	] }, Jq, t);
-}, $q = M("div", {
+	] }, rJ, t);
+}, cJ = M("div", {
 	name: "MuiInputAdornment",
 	slot: "Root",
-	overridesResolver: Zq
+	overridesResolver: oJ
 })(E(({ theme: e }) => ({
 	display: "flex",
 	maxHeight: "2em",
@@ -39655,7 +39763,7 @@ var Yq = n("MuiInputAdornment", [
 	variants: [
 		{
 			props: { variant: "filled" },
-			style: { [`&.${Yq.positionStart}&:not(.${Yq.hiddenLabel})`]: { marginTop: 16 } }
+			style: { [`&.${iJ.positionStart}&:not(.${iJ.hiddenLabel})`]: { marginTop: 16 } }
 		},
 		{
 			props: { position: "start" },
@@ -39670,7 +39778,7 @@ var Yq = n("MuiInputAdornment", [
 			style: { pointerEvents: "none" }
 		}
 	]
-}))), eJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
+}))), lJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
 	let n = Ne({
 		props: e,
 		name: "MuiInputAdornment"
@@ -39683,10 +39791,10 @@ var Yq = n("MuiInputAdornment", [
 		disablePointerEvents: s,
 		position: l,
 		variant: p
-	}, h = Qq(m);
+	}, h = sJ(m);
 	return /*#__PURE__*/ P(Je.Provider, {
 		value: null,
-		children: /*#__PURE__*/ P($q, {
+		children: /*#__PURE__*/ P(cJ, {
 			as: o,
 			ownerState: m,
 			className: S(h.root, i),
@@ -39695,7 +39803,7 @@ var Yq = n("MuiInputAdornment", [
 			children: typeof r == "string" && !c ? /*#__PURE__*/ P(He, {
 				color: "textSecondary",
 				children: r
-			}) : /*#__PURE__*/ F(N.Fragment, { children: [l === "start" ? Xq ||= /*#__PURE__*/ P("span", {
+			}) : /*#__PURE__*/ F(N.Fragment, { children: [l === "start" ? aJ ||= /*#__PURE__*/ P("span", {
 				className: "notranslate",
 				"aria-hidden": !0,
 				children: "​"
@@ -39705,10 +39813,10 @@ var Yq = n("MuiInputAdornment", [
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Tooltip/tooltipClasses.js
-function tJ(e) {
+function uJ(e) {
 	return j("MuiTooltip", e);
 }
-var nJ = n("MuiTooltip", [
+var dJ = n("MuiTooltip", [
 	"popper",
 	"popperInteractive",
 	"popperArrow",
@@ -39724,10 +39832,10 @@ var nJ = n("MuiTooltip", [
 ]);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Tooltip/Tooltip.js
-function rJ(e) {
+function fJ(e) {
 	return Math.round(e * 1e5) / 1e5;
 }
-var iJ = (e) => {
+var pJ = (e) => {
 	let { classes: t, disableInteractive: n, arrow: r, touch: i, placement: a } = e;
 	return l({
 		popper: [
@@ -39742,8 +39850,8 @@ var iJ = (e) => {
 			`tooltipPlacement${f(a.split("-")[0])}`
 		],
 		arrow: ["arrow"]
-	}, tJ, t);
-}, aJ = M(MR, {
+	}, uJ, t);
+}, mJ = M(MR, {
 	name: "MuiTooltip",
 	slot: "Popper",
 	overridesResolver: (e, t) => {
@@ -39770,22 +39878,22 @@ var iJ = (e) => {
 		{
 			props: ({ ownerState: e }) => e.arrow,
 			style: {
-				[`&[data-popper-placement*="bottom"] .${nJ.arrow}`]: {
+				[`&[data-popper-placement*="bottom"] .${dJ.arrow}`]: {
 					top: 0,
 					marginTop: "-0.71em",
 					"&::before": { transformOrigin: "0 100%" }
 				},
-				[`&[data-popper-placement*="top"] .${nJ.arrow}`]: {
+				[`&[data-popper-placement*="top"] .${dJ.arrow}`]: {
 					bottom: 0,
 					marginBottom: "-0.71em",
 					"&::before": { transformOrigin: "100% 0" }
 				},
-				[`&[data-popper-placement*="right"] .${nJ.arrow}`]: {
+				[`&[data-popper-placement*="right"] .${dJ.arrow}`]: {
 					height: "1em",
 					width: "0.71em",
 					"&::before": { transformOrigin: "100% 100%" }
 				},
-				[`&[data-popper-placement*="left"] .${nJ.arrow}`]: {
+				[`&[data-popper-placement*="left"] .${dJ.arrow}`]: {
 					height: "1em",
 					width: "0.71em",
 					"&::before": { transformOrigin: "0 0" }
@@ -39794,34 +39902,34 @@ var iJ = (e) => {
 		},
 		{
 			props: ({ ownerState: e }) => e.arrow && !e.isRtl,
-			style: { [`&[data-popper-placement*="right"] .${nJ.arrow}`]: {
+			style: { [`&[data-popper-placement*="right"] .${dJ.arrow}`]: {
 				left: 0,
 				marginLeft: "-0.71em"
 			} }
 		},
 		{
 			props: ({ ownerState: e }) => e.arrow && !!e.isRtl,
-			style: { [`&[data-popper-placement*="right"] .${nJ.arrow}`]: {
+			style: { [`&[data-popper-placement*="right"] .${dJ.arrow}`]: {
 				right: 0,
 				marginRight: "-0.71em"
 			} }
 		},
 		{
 			props: ({ ownerState: e }) => e.arrow && !e.isRtl,
-			style: { [`&[data-popper-placement*="left"] .${nJ.arrow}`]: {
+			style: { [`&[data-popper-placement*="left"] .${dJ.arrow}`]: {
 				right: 0,
 				marginRight: "-0.71em"
 			} }
 		},
 		{
 			props: ({ ownerState: e }) => e.arrow && !!e.isRtl,
-			style: { [`&[data-popper-placement*="left"] .${nJ.arrow}`]: {
+			style: { [`&[data-popper-placement*="left"] .${dJ.arrow}`]: {
 				left: 0,
 				marginLeft: "-0.71em"
 			} }
 		}
 	]
-}))), oJ = M("div", {
+}))), hJ = M("div", {
 	name: "MuiTooltip",
 	slot: "Tooltip",
 	overridesResolver: (e, t) => {
@@ -39844,13 +39952,13 @@ var iJ = (e) => {
 	margin: 2,
 	wordWrap: "break-word",
 	fontWeight: e.typography.fontWeightMedium,
-	[`.${nJ.popper}[data-popper-placement*="left"] &`]: { transformOrigin: "right center" },
-	[`.${nJ.popper}[data-popper-placement*="right"] &`]: { transformOrigin: "left center" },
-	[`.${nJ.popper}[data-popper-placement*="top"] &`]: {
+	[`.${dJ.popper}[data-popper-placement*="left"] &`]: { transformOrigin: "right center" },
+	[`.${dJ.popper}[data-popper-placement*="right"] &`]: { transformOrigin: "left center" },
+	[`.${dJ.popper}[data-popper-placement*="top"] &`]: {
 		transformOrigin: "center bottom",
 		marginBottom: "14px"
 	},
-	[`.${nJ.popper}[data-popper-placement*="bottom"] &`]: {
+	[`.${dJ.popper}[data-popper-placement*="bottom"] &`]: {
 		transformOrigin: "center top",
 		marginTop: "14px"
 	},
@@ -39867,48 +39975,48 @@ var iJ = (e) => {
 			style: {
 				padding: "8px 16px",
 				fontSize: e.typography.pxToRem(14),
-				lineHeight: `${rJ(16 / 14)}em`,
+				lineHeight: `${fJ(16 / 14)}em`,
 				fontWeight: e.typography.fontWeightRegular
 			}
 		},
 		{
 			props: ({ ownerState: e }) => !e.isRtl,
 			style: {
-				[`.${nJ.popper}[data-popper-placement*="left"] &`]: { marginRight: "14px" },
-				[`.${nJ.popper}[data-popper-placement*="right"] &`]: { marginLeft: "14px" }
+				[`.${dJ.popper}[data-popper-placement*="left"] &`]: { marginRight: "14px" },
+				[`.${dJ.popper}[data-popper-placement*="right"] &`]: { marginLeft: "14px" }
 			}
 		},
 		{
 			props: ({ ownerState: e }) => !e.isRtl && e.touch,
 			style: {
-				[`.${nJ.popper}[data-popper-placement*="left"] &`]: { marginRight: "24px" },
-				[`.${nJ.popper}[data-popper-placement*="right"] &`]: { marginLeft: "24px" }
+				[`.${dJ.popper}[data-popper-placement*="left"] &`]: { marginRight: "24px" },
+				[`.${dJ.popper}[data-popper-placement*="right"] &`]: { marginLeft: "24px" }
 			}
 		},
 		{
 			props: ({ ownerState: e }) => !!e.isRtl,
 			style: {
-				[`.${nJ.popper}[data-popper-placement*="left"] &`]: { marginLeft: "14px" },
-				[`.${nJ.popper}[data-popper-placement*="right"] &`]: { marginRight: "14px" }
+				[`.${dJ.popper}[data-popper-placement*="left"] &`]: { marginLeft: "14px" },
+				[`.${dJ.popper}[data-popper-placement*="right"] &`]: { marginRight: "14px" }
 			}
 		},
 		{
 			props: ({ ownerState: e }) => !!e.isRtl && e.touch,
 			style: {
-				[`.${nJ.popper}[data-popper-placement*="left"] &`]: { marginLeft: "24px" },
-				[`.${nJ.popper}[data-popper-placement*="right"] &`]: { marginRight: "24px" }
+				[`.${dJ.popper}[data-popper-placement*="left"] &`]: { marginLeft: "24px" },
+				[`.${dJ.popper}[data-popper-placement*="right"] &`]: { marginRight: "24px" }
 			}
 		},
 		{
 			props: ({ ownerState: e }) => e.touch,
-			style: { [`.${nJ.popper}[data-popper-placement*="top"] &`]: { marginBottom: "24px" } }
+			style: { [`.${dJ.popper}[data-popper-placement*="top"] &`]: { marginBottom: "24px" } }
 		},
 		{
 			props: ({ ownerState: e }) => e.touch,
-			style: { [`.${nJ.popper}[data-popper-placement*="bottom"] &`]: { marginTop: "24px" } }
+			style: { [`.${dJ.popper}[data-popper-placement*="bottom"] &`]: { marginTop: "24px" } }
 		}
 	]
-}))), sJ = M("span", {
+}))), gJ = M("span", {
 	name: "MuiTooltip",
 	slot: "Arrow"
 })(E(({ theme: e }) => ({
@@ -39927,16 +40035,16 @@ var iJ = (e) => {
 		backgroundColor: "currentColor",
 		transform: "rotate(45deg)"
 	}
-}))), cJ = !1, lJ = new Ie(), uJ = {
+}))), _J = !1, vJ = new Ie(), yJ = {
 	x: 0,
 	y: 0
 };
-function dJ(e, t) {
+function bJ(e, t) {
 	return (n, ...r) => {
 		t && t(n, ...r), e(n, ...r);
 	};
 }
-var fJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
+var xJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
 	let n = Ne({
 		props: e,
 		name: "MuiTooltip"
@@ -39950,15 +40058,15 @@ var fJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
 	});
 	N.useEffect(() => Ee, [Ee]);
 	let De = (e) => {
-		lJ.clear(), cJ = !0, Se(!0), w && !Ce && w(e);
+		vJ.clear(), _J = !0, Se(!0), w && !Ce && w(e);
 	}, j = Qe((e) => {
-		lJ.start(800 + y, () => {
-			cJ = !1;
+		vJ.start(800 + y, () => {
+			_J = !1;
 		}), Se(!1), C && Ce && C(e), _e.start(ce.transitions.duration.shortest, () => {
 			he.current = !1;
 		});
 	}), Oe = (e) => {
-		he.current && e.type !== "touchstart" || (le && le.removeAttribute("title"), ve.clear(), ye.clear(), m || cJ && h ? ve.start(cJ ? h : m, () => {
+		he.current && e.type !== "touchstart" || (le && le.removeAttribute("title"), ve.clear(), ye.clear(), m || _J && h ? ve.start(_J ? h : m, () => {
 			De(e);
 		}) : De(e));
 	}, ke = (e) => {
@@ -40000,7 +40108,7 @@ var fJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
 	!k && k !== 0 && (Ce = !1);
 	let ze = N.useRef(), Be = (e) => {
 		let t = oe.props;
-		t.onMouseMove && t.onMouseMove(e), uJ = {
+		t.onMouseMove && t.onMouseMove(e), yJ = {
 			x: e.clientX,
 			y: e.clientY
 		}, ze.current && ze.current.update();
@@ -40015,7 +40123,7 @@ var fJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
 		ref: Re,
 		..._ ? { onMouseMove: Be } : {}
 	}, Ke = {};
-	p || (Ge.onTouchStart = Ie, Ge.onTouchEnd = Le), d || (Ge.onMouseOver = dJ(Oe, Ge.onMouseOver), Ge.onMouseLeave = dJ(ke, Ge.onMouseLeave), ge || (Ke.onMouseOver = Oe, Ke.onMouseLeave = ke)), u || (Ge.onFocus = dJ(Me, Ge.onFocus), Ge.onBlur = dJ(je, Ge.onBlur), ge || (Ke.onFocus = Me, Ke.onBlur = je));
+	p || (Ge.onTouchStart = Ie, Ge.onTouchEnd = Le), d || (Ge.onMouseOver = bJ(Oe, Ge.onMouseOver), Ge.onMouseLeave = bJ(ke, Ge.onMouseLeave), ge || (Ke.onMouseOver = Oe, Ke.onMouseLeave = ke)), u || (Ge.onFocus = bJ(Me, Ge.onFocus), Ge.onBlur = bJ(je, Ge.onBlur), ge || (Ke.onFocus = Me, Ke.onBlur = je));
 	let qe = {
 		...n,
 		isRtl: A,
@@ -40042,7 +40150,7 @@ var fJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
 		fe,
 		ne.popperOptions,
 		Je?.popperOptions
-	]), M = iJ(qe), Ze = typeof D.transition == "function" ? D.transition(qe) : D.transition, $e = {
+	]), M = pJ(qe), Ze = typeof D.transition == "function" ? D.transition(qe) : D.transition, $e = {
 		slots: {
 			popper: s.Popper,
 			transition: s.Transition ?? re,
@@ -40063,7 +40171,7 @@ var fJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
 			}
 		}
 	}, [et, tt] = de("popper", {
-		elementType: aJ,
+		elementType: mJ,
 		externalForwardedProps: $e,
 		ownerState: qe,
 		className: S(M.popper, ne?.className)
@@ -40072,12 +40180,12 @@ var fJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
 		externalForwardedProps: $e,
 		ownerState: qe
 	}), [it, at] = de("tooltip", {
-		elementType: oJ,
+		elementType: hJ,
 		className: M.tooltip,
 		externalForwardedProps: $e,
 		ownerState: qe
 	}), [ot, st] = de("arrow", {
-		elementType: sJ,
+		elementType: gJ,
 		className: M.arrow,
 		externalForwardedProps: $e,
 		ownerState: qe,
@@ -40087,10 +40195,10 @@ var fJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
 		as: E ?? MR,
 		placement: te,
 		anchorEl: _ ? { getBoundingClientRect: () => ({
-			top: uJ.y,
-			left: uJ.x,
-			right: uJ.x,
-			bottom: uJ.y,
+			top: yJ.y,
+			left: yJ.x,
+			right: yJ.x,
+			bottom: yJ.y,
 			width: 0,
 			height: 0
 		}) } : le,
@@ -40114,10 +40222,10 @@ var fJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Switch/switchClasses.js
-function pJ(e) {
+function SJ(e) {
 	return j("MuiSwitch", e);
 }
-var mJ = n("MuiSwitch", [
+var CJ = n("MuiSwitch", [
 	"root",
 	"edgeStart",
 	"edgeEnd",
@@ -40131,7 +40239,7 @@ var mJ = n("MuiSwitch", [
 	"input",
 	"thumb",
 	"track"
-]), hJ = (e) => {
+]), wJ = (e) => {
 	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = l({
 		root: [
 			"root",
@@ -40147,12 +40255,12 @@ var mJ = n("MuiSwitch", [
 		thumb: ["thumb"],
 		track: ["track"],
 		input: ["input"]
-	}, pJ, t);
+	}, SJ, t);
 	return {
 		...t,
 		...s
 	};
-}, gJ = M("span", {
+}, TJ = M("span", {
 	name: "MuiSwitch",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -40190,25 +40298,25 @@ var mJ = n("MuiSwitch", [
 				width: 40,
 				height: 24,
 				padding: 7,
-				[`& .${mJ.thumb}`]: {
+				[`& .${CJ.thumb}`]: {
 					width: 16,
 					height: 16
 				},
-				[`& .${mJ.switchBase}`]: {
+				[`& .${CJ.switchBase}`]: {
 					padding: 4,
-					[`&.${mJ.checked}`]: { transform: "translateX(16px)" }
+					[`&.${CJ.checked}`]: { transform: "translateX(16px)" }
 				}
 			}
 		}
 	]
-}), _J = M(fe, {
+}), EJ = M(fe, {
 	name: "MuiSwitch",
 	slot: "SwitchBase",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.switchBase,
-			{ [`& .${mJ.input}`]: t.input },
+			{ [`& .${CJ.input}`]: t.input },
 			n.color !== "default" && t[`color${f(n.color)}`]
 		];
 	}
@@ -40219,11 +40327,11 @@ var mJ = n("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 }),
-	[`&.${mJ.checked}`]: { transform: "translateX(20px)" },
-	[`&.${mJ.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
-	[`&.${mJ.checked} + .${mJ.track}`]: { opacity: .5 },
-	[`&.${mJ.disabled} + .${mJ.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
-	[`& .${mJ.input}`]: {
+	[`&.${CJ.checked}`]: { transform: "translateX(20px)" },
+	[`&.${CJ.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
+	[`&.${CJ.checked} + .${CJ.track}`]: { opacity: .5 },
+	[`&.${CJ.disabled} + .${CJ.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
+	[`& .${CJ.input}`]: {
 		left: "-100%",
 		width: "300%"
 	}
@@ -40235,18 +40343,18 @@ var mJ = n("MuiSwitch", [
 	variants: [...Object.entries(e.palette).filter(t(["light"])).map(([t]) => ({
 		props: { color: t },
 		style: {
-			[`&.${mJ.checked}`]: {
+			[`&.${CJ.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" }
 				},
-				[`&.${mJ.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)}` }
+				[`&.${CJ.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)}` }
 			},
-			[`&.${mJ.checked} + .${mJ.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
+			[`&.${CJ.checked} + .${CJ.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
 		}
 	}))]
-}))), vJ = M("span", {
+}))), DJ = M("span", {
 	name: "MuiSwitch",
 	slot: "Track"
 })(E(({ theme: e }) => ({
@@ -40259,7 +40367,7 @@ var mJ = n("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}`
-}))), yJ = M("span", {
+}))), OJ = M("span", {
 	name: "MuiSwitch",
 	slot: "Thumb"
 })(E(({ theme: e }) => ({
@@ -40270,7 +40378,7 @@ var mJ = n("MuiSwitch", [
 	width: 20,
 	height: 20,
 	borderRadius: "50%"
-}))), bJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
+}))), kJ = /*#__PURE__*/ N.forwardRef(function(e, t) {
 	let n = Ne({
 		props: e,
 		name: "MuiSwitch"
@@ -40279,29 +40387,29 @@ var mJ = n("MuiSwitch", [
 		color: i,
 		edge: a,
 		size: o
-	}, f = hJ(d), p = l.input, m = {
+	}, f = wJ(d), p = l.input, m = {
 		slots: c,
 		slotProps: l
 	}, [h, g] = de("root", {
 		className: S(f.root, r),
-		elementType: gJ,
+		elementType: TJ,
 		externalForwardedProps: m,
 		ownerState: d,
 		additionalProps: { sx: s }
 	}), [_, v] = de("thumb", {
 		className: f.thumb,
-		elementType: yJ,
+		elementType: OJ,
 		externalForwardedProps: m,
 		ownerState: d
 	}), y = /*#__PURE__*/ P(_, { ...v }), [b, x] = de("track", {
 		className: f.track,
-		elementType: vJ,
+		elementType: DJ,
 		externalForwardedProps: m,
 		ownerState: d
 	});
 	return /*#__PURE__*/ F(h, {
 		...g,
-		children: [/*#__PURE__*/ P(_J, {
+		children: [/*#__PURE__*/ P(EJ, {
 			type: "checkbox",
 			icon: y,
 			checkedIcon: y,
@@ -40322,15 +40430,15 @@ var mJ = n("MuiSwitch", [
 			}
 		}), /*#__PURE__*/ P(b, { ...x })]
 	});
-}), xJ = M(BP)(() => ({ fontSize: "max(1.25rem, 18px)" })), SJ = M(WP)(() => ({ fontSize: "max(1rem, 14px)" })), CJ = ({ text: e, title: t, onClose: n, onConfirm: r, open: i, onCloseText: a, onConfirmText: o, disableAutoFocus: s, disableEnforceFocus: c, disableRestoreFocus: l }) => /* @__PURE__ */ F(AN, {
+}), AJ = M(BP)(() => ({ fontSize: "max(1.25rem, 18px)" })), jJ = M(WP)(() => ({ fontSize: "max(1rem, 14px)" })), MJ = ({ text: e, title: t, onClose: n, onConfirm: r, open: i, onCloseText: a, onConfirmText: o, disableAutoFocus: s, disableEnforceFocus: c, disableRestoreFocus: l }) => /* @__PURE__ */ F(AN, {
 	open: i,
 	disableAutoFocus: s,
 	disableEnforceFocus: c,
 	disableRestoreFocus: l,
 	onClose: n,
 	children: [
-		t && /* @__PURE__ */ P(xJ, { children: t }),
-		e && /* @__PURE__ */ P(aN, { children: /* @__PURE__ */ P(SJ, { children: e }) }),
+		t && /* @__PURE__ */ P(AJ, { children: t }),
+		e && /* @__PURE__ */ P(aN, { children: /* @__PURE__ */ P(jJ, { children: e }) }),
 		/* @__PURE__ */ F(xN, { children: [n && /* @__PURE__ */ P(w, {
 			onClick: n,
 			color: "primary",
@@ -40343,13 +40451,13 @@ var mJ = n("MuiSwitch", [
 		})] })
 	]
 });
-CJ.defaultProps = {
+MJ.defaultProps = {
 	onCloseText: "CANCEL",
 	onConfirmText: "OK",
 	disableAutoFocus: !1,
 	disableEnforceFocus: !1,
 	disableRestoreFocus: !1
-}, CJ.propTypes = {
+}, MJ.propTypes = {
 	text: U.default.oneOfType([U.default.string, U.default.object]),
 	title: U.default.string,
 	onClose: U.default.func,
@@ -40363,18 +40471,18 @@ CJ.defaultProps = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/radio-with-label.js
-var wJ = M(Fe)(() => ({ "& .MuiFormControlLabel-label": {
+var NJ = M(Fe)(() => ({ "& .MuiFormControlLabel-label": {
 	left: "-5px",
 	position: "relative"
-} })), TJ = M(Be)(() => ({ color: `${D.tertiary()} !important` })), EJ = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ P(wJ, {
+} })), PJ = M(Be)(() => ({ color: `${D.tertiary()} !important` })), FJ = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ P(NJ, {
 	value: t,
-	control: /* @__PURE__ */ P(TJ, {
+	control: /* @__PURE__ */ P(PJ, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-EJ.propTypes = {
+FJ.propTypes = {
 	label: U.default.string,
 	value: U.default.string,
 	checked: U.default.bool,
@@ -40382,40 +40490,40 @@ EJ.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/inputs.js
-function DJ(e) {
+function IJ(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function OJ(e, t) {
-	return !e || DJ(e) ? e : DJ(e.default) ? e.default : t && DJ(e[t]) ? e[t] : t && DJ(e[t]?.default) ? e[t].default : e;
+function LJ(e, t) {
+	return !e || IJ(e) ? e : IJ(e.default) ? e.default : t && IJ(e[t]) ? e[t] : t && IJ(e[t]?.default) ? e[t].default : e;
 }
-var kJ = OJ(Ze, "InputContainer") || OJ(MJ.InputContainer, "InputContainer"), AJ = Ae, jJ = AJ.default, MJ = jJ && typeof jJ == "object" ? jJ : AJ, NJ = {
+var RJ = LJ(Ze, "InputContainer") || LJ(VJ.InputContainer, "InputContainer"), zJ = Ae, BJ = zJ.default, VJ = BJ && typeof BJ == "object" ? BJ : zJ, HJ = {
 	className: U.default.string,
 	label: U.default.string,
 	checked: U.default.bool,
 	onChange: U.default.func,
 	disabled: U.default.bool,
 	error: U.default.string
-}, PJ = M(bJ)(() => ({
+}, UJ = M(kJ)(() => ({
 	justifyContent: "inherit",
 	transform: "translate(-20%, 20%)"
-})), FJ = ({ className: e, label: t, checked: n, onChange: r }) => /* @__PURE__ */ P(kJ, {
+})), WJ = ({ className: e, label: t, checked: n, onChange: r }) => /* @__PURE__ */ P(RJ, {
 	className: e,
 	label: t,
-	children: /* @__PURE__ */ P(PJ, {
+	children: /* @__PURE__ */ P(UJ, {
 		checked: n,
 		onChange: r,
 		"aria-label": t
 	})
 });
-FJ.propTypes = { ...NJ };
-var IJ = M(Te)(({ theme: e, error: t }) => ({
+WJ.propTypes = { ...HJ };
+var GJ = M(Te)(({ theme: e, error: t }) => ({
 	transform: "translate(-25%, 20%)",
 	color: `${D.tertiary()} !important`,
 	...t && { color: `${e.palette.error.main} !important` }
-})), LJ = ({ className: e, label: t, checked: n, onChange: r, disabled: i, error: a }) => /* @__PURE__ */ P(kJ, {
+})), KJ = ({ className: e, label: t, checked: n, onChange: r, disabled: i, error: a }) => /* @__PURE__ */ P(RJ, {
 	className: e,
 	label: t,
-	children: /* @__PURE__ */ P(IJ, {
+	children: /* @__PURE__ */ P(GJ, {
 		disabled: i,
 		checked: n,
 		onChange: r,
@@ -40423,15 +40531,15 @@ var IJ = M(Te)(({ theme: e, error: t }) => ({
 		error: a
 	})
 });
-LJ.propTypes = { ...NJ };
-var RJ = M(Be)(({ theme: e, error: t }) => ({
+KJ.propTypes = { ...HJ };
+var qJ = M(Be)(({ theme: e, error: t }) => ({
 	transform: "translate(-20%, 20%)",
 	color: `${D.tertiary()} !important`,
 	...t && { color: `${e.palette.error.main} !important` }
-})), zJ = ({ className: e, label: t, checked: n, onChange: r, disabled: i, error: a }) => /* @__PURE__ */ P(kJ, {
+})), JJ = ({ className: e, label: t, checked: n, onChange: r, disabled: i, error: a }) => /* @__PURE__ */ P(RJ, {
 	className: e,
 	label: t,
-	children: /* @__PURE__ */ P(RJ, {
+	children: /* @__PURE__ */ P(qJ, {
 		disabled: i,
 		checked: n,
 		onChange: r,
@@ -40439,10 +40547,10 @@ var RJ = M(Be)(({ theme: e, error: t }) => ({
 		error: a
 	})
 });
-zJ.propTypes = { ...NJ };
+JJ.propTypes = { ...HJ };
 //#endregion
 //#region ../../lib-react/config-ui/dist/tabs/index.js
-var BJ = M(LP)(() => ({})), VJ = class extends ht.Component {
+var YJ = M(LP)(() => ({})), XJ = class extends ht.Component {
 	static propTypes = {
 		className: U.default.string,
 		contentClassName: U.default.string,
@@ -40463,7 +40571,7 @@ var BJ = M(LP)(() => ({})), VJ = class extends ht.Component {
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
-				children: ht.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ P(BJ, { label: e.props.title }, t) : null)
+				children: ht.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ P(YJ, { label: e.props.title }, t) : null)
 			}), /* @__PURE__ */ P("div", {
 				className: r,
 				style: i,
@@ -40471,7 +40579,7 @@ var BJ = M(LP)(() => ({})), VJ = class extends ht.Component {
 			})]
 		});
 	}
-}, HJ = M(Fe)(({ theme: e, mini: t }) => ({
+}, ZJ = M(Fe)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -40485,7 +40593,7 @@ var BJ = M(LP)(() => ({})), VJ = class extends ht.Component {
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), UJ = M(Te)(({ theme: e, mini: t, error: n }) => ({
+})), QJ = M(Te)(({ theme: e, mini: t, error: n }) => ({
 	color: `${D.tertiary()} !important`,
 	...t && {
 		margin: 0,
@@ -40494,9 +40602,9 @@ var BJ = M(LP)(() => ({})), VJ = class extends ht.Component {
 		height: e.spacing(3)
 	},
 	...n && { color: `${e.palette.error.main} !important` }
-})), WJ = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ P(HJ, {
+})), $J = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ P(ZJ, {
 	mini: e,
-	control: /* @__PURE__ */ P(UJ, {
+	control: /* @__PURE__ */ P(QJ, {
 		checked: t,
 		onChange: n,
 		value: r,
@@ -40505,21 +40613,21 @@ var BJ = M(LP)(() => ({})), VJ = class extends ht.Component {
 	}),
 	label: i
 });
-WJ.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
-}, WJ.defaultProps = {
+}, $J.defaultProps = {
 	value: "",
 	mini: !1,
 	error: !1
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var GJ = (0, Vt.default)("@pie-lib:config-ui:number-text-field"), KJ = M(_N)(({ theme: e }) => ({
+var eY = (0, Vt.default)("@pie-lib:config-ui:number-text-field"), tY = M(_N)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -40541,11 +40649,11 @@ var GJ = (0, Vt.default)("@pie-lib:config-ui:number-text-field"), KJ = M(_N)(({
 		minHeight: "auto",
 		padding: "6px 0 7px"
 	}
-})), qJ = (e, t) => {
+})), nY = (e, t) => {
 	if (!at(e) && !at(t)) return 0;
 	if (!at(e) && at(t)) return t;
 	if (at(e)) return e;
-}, JJ = class extends ht.Component {
+}, rY = class extends ht.Component {
 	static propTypes = {
 		disabled: U.default.bool,
 		className: U.default.string,
@@ -40571,13 +40679,13 @@ var GJ = (0, Vt.default)("@pie-lib:config-ui:number-text-field"), KJ = M(_N)(({
 		this.setState({ value: t });
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
-		return at(e) ? (at(n) && (e = Math.min(e, n)), at(t) && (e = Math.max(e, t)), e) : qJ(t, n);
+		return at(e) ? (at(n) && (e = Math.min(e, n)), at(t) && (e = Math.max(e, t)), e) : nY(t, n);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
-		GJ("rawNumber: ", n);
+		eY("rawNumber: ", n);
 		let r = this.clamp(n);
-		GJ("number: ", r), r !== this.state.value && (GJ("trigger update..."), this.setState({ value: r.toString() }, () => {
+		eY("number: ", r), r !== this.state.value && (eY("trigger update..."), this.setState({ value: r.toString() }, () => {
 			this.props.onChange(e, r);
 		}));
 	};
@@ -40597,7 +40705,7 @@ var GJ = (0, Vt.default)("@pie-lib:config-ui:number-text-field"), KJ = M(_N)(({
 	};
 	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(KJ, {
+		return /* @__PURE__ */ P(tY, {
 			variant: s ? "filled" : l || "standard",
 			inputRef: (e) => {
 				this.inputRef = e;
@@ -40616,7 +40724,7 @@ var GJ = (0, Vt.default)("@pie-lib:config-ui:number-text-field"), KJ = M(_N)(({
 			type: "number",
 			className: e,
 			slotProps: { input: {
-				endAdornment: r && /* @__PURE__ */ P(eJ, {
+				endAdornment: r && /* @__PURE__ */ P(lJ, {
 					position: "end",
 					children: r
 				}),
@@ -40632,19 +40740,19 @@ var GJ = (0, Vt.default)("@pie-lib:config-ui:number-text-field"), KJ = M(_N)(({
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/two-choice.js
-function YJ(e) {
+function iY(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function XJ(e, t) {
-	return !e || YJ(e) ? e : YJ(e.default) ? e.default : t && YJ(e[t]) ? e[t] : t && YJ(e[t]?.default) ? e[t].default : e;
+function aY(e, t) {
+	return !e || iY(e) ? e : iY(e.default) ? e.default : t && iY(e[t]) ? e[t] : t && iY(e[t]?.default) ? e[t].default : e;
 }
-var ZJ = XJ(Ze, "InputContainer") || XJ(eY.InputContainer, "InputContainer"), QJ = Ae, $J = QJ.default, eY = $J && typeof $J == "object" ? $J : QJ, tY = M("div")(({ theme: e, direction: t }) => ({
+var oY = aY(Ze, "InputContainer") || aY(lY.InputContainer, "InputContainer"), sY = Ae, cY = sY.default, lY = cY && typeof cY == "object" ? cY : sY, uY = M("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
 	marginTop: e.spacing(1),
 	...t === "vertical" && { flexDirection: "column" }
-})), nY = class extends ht.Component {
+})), dY = class extends ht.Component {
 	static propTypes = {
 		header: U.default.string.isRequired,
 		className: U.default.string,
@@ -40661,11 +40769,11 @@ var ZJ = XJ(Ze, "InputContainer") || XJ(eY.InputContainer, "InputContainer"), QJ
 		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 || EJ;
-		return /* @__PURE__ */ P(ZJ, {
+		} : e), s = n || FJ;
+		return /* @__PURE__ */ P(oY, {
 			label: e,
 			className: t,
-			children: /* @__PURE__ */ P(tY, {
+			children: /* @__PURE__ */ P(uY, {
 				direction: a,
 				children: o.map((e, t) => /* @__PURE__ */ P(s, {
 					value: e.value,
@@ -40676,7 +40784,7 @@ var ZJ = XJ(Ze, "InputContainer") || XJ(eY.InputContainer, "InputContainer"), QJ
 			})
 		});
 	}
-}, rY = U.default.shape({
+}, fY = U.default.shape({
 	label: U.default.string,
 	value: U.default.string
 });
@@ -40685,14 +40793,14 @@ var ZJ = XJ(Ze, "InputContainer") || XJ(eY.InputContainer, "InputContainer"), QJ
 		header: U.default.string.isRequired,
 		value: U.default.string.isRequired,
 		onChange: U.default.func.isRequired,
-		one: U.default.oneOfType([rY, U.default.string]),
-		two: U.default.oneOfType([rY, U.default.string]),
+		one: U.default.oneOfType([fY, U.default.string]),
+		two: U.default.oneOfType([fY, 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(nY, {
+		return /* @__PURE__ */ P(dY, {
 			customLabel: i,
 			header: n,
 			className: r,
@@ -40704,16 +40812,16 @@ var ZJ = XJ(Ze, "InputContainer") || XJ(eY.InputContainer, "InputContainer"), QJ
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+icons-material@7.3.11+44ccb211c00abd9d/node_modules/@mui/icons-material/esm/Feedback.js
-var iY = A(/*#__PURE__*/ P("path", { d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m-7 12h-2v-2h2zm0-4h-2V6h2z" }), "Feedback");
+var pY = A(/*#__PURE__*/ P("path", { d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m-7 12h-2v-2h2zm0-4h-2V6h2z" }), "Feedback");
 //#endregion
 //#region ../../lib-react/config-ui/dist/choice-configuration/feedback-menu.js
-function aY(e) {
+function mY(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function oY(e, t) {
-	return !e || aY(e) ? e : aY(e.default) ? e.default : t && aY(e[t]) ? e[t] : t && aY(e[t]?.default) ? e[t].default : e;
+function hY(e, t) {
+	return !e || mY(e) ? e : mY(e.default) ? e.default : t && mY(e[t]) ? e[t] : t && mY(e[t]?.default) ? e[t].default : e;
 }
-var sY = oY(Ke, "InlineMenu") || oY(uY.InlineMenu, "InlineMenu"), cY = Ae, lY = cY.default, uY = lY && typeof lY == "object" ? lY : cY, dY = class extends ht.Component {
+var gY = hY(Ke, "InlineMenu") || hY(yY.InlineMenu, "InlineMenu"), _Y = Ae, vY = _Y.default, yY = vY && typeof vY == "object" ? vY : _Y, bY = class extends ht.Component {
 	static propTypes = {
 		opts: U.default.object,
 		onClick: U.default.func.isRequired,
@@ -40741,7 +40849,7 @@ var sY = oY(Ke, "InlineMenu") || oY(uY.InlineMenu, "InlineMenu"), cY = Ae, lY =
 		return /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("div", {
 			onClick: this.handleClick,
 			children: this.props.iconButtonElement
-		}), /* @__PURE__ */ P(sY, {
+		}), /* @__PURE__ */ P(gY, {
 			id: "simple-menu",
 			anchorEl: this.state.anchorEl,
 			open: this.state.open,
@@ -40756,7 +40864,7 @@ var sY = oY(Ke, "InlineMenu") || oY(uY.InlineMenu, "InlineMenu"), cY = Ae, lY =
 			}, n))
 		})] });
 	}
-}, fY = class extends ht.Component {
+}, xY = class extends ht.Component {
 	static propTypes = {
 		value: U.default.object,
 		onChange: U.default.func.isRequired,
@@ -40765,12 +40873,12 @@ var sY = oY(Ke, "InlineMenu") || oY(uY.InlineMenu, "InlineMenu"), cY = Ae, lY =
 	static defaultProps = { classes: {} };
 	render() {
 		let { value: e, onChange: t, classes: n } = this.props, r = e && e.type, i = r === "custom" || r === "default" ? "primary" : "disabled", a = r === "custom" ? "Custom Feedback" : r === "default" ? "Default Feedback" : "Feedback disabled";
-		return /* @__PURE__ */ P(dY, {
+		return /* @__PURE__ */ P(bY, {
 			iconButtonElement: /* @__PURE__ */ P(fS, {
 				className: n.icon,
 				"aria-label": a,
 				size: "large",
-				children: /* @__PURE__ */ P(iY, { color: i })
+				children: /* @__PURE__ */ P(pY, { color: i })
 			}),
 			onClick: (e) => t(e),
 			opts: {
@@ -40780,19 +40888,19 @@ var sY = oY(Ke, "InlineMenu") || oY(uY.InlineMenu, "InlineMenu"), cY = Ae, lY =
 			}
 		});
 	}
-}, pY = A(/*#__PURE__*/ P("path", { d: "m19 15-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9z" }), "SubdirectoryArrowRight");
+}, SY = A(/*#__PURE__*/ P("path", { d: "m19 15-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9z" }), "SubdirectoryArrowRight");
 //#endregion
 //#region ../../lib-react/config-ui/dist/choice-configuration/index.js
-function mY(e) {
+function CY(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function hY(e, t) {
-	return !e || mY(e) ? e : mY(e.default) ? e.default : t && mY(e[t]) ? e[t] : t && mY(e[t]?.default) ? e[t].default : e;
+function wY(e, t) {
+	return !e || CY(e) ? e : CY(e.default) ? e.default : t && CY(e[t]) ? e[t] : t && CY(e[t]?.default) ? e[t].default : e;
 }
-var gY = hY(Ze, "InputContainer") || hY(yY.InputContainer, "InputContainer"), _Y = Ae, vY = _Y.default, yY = vY && typeof vY == "object" ? vY : _Y, bY = M("div")(({ theme: e }) => ({ marginTop: e.spacing(2) })), xY = ({ label: e, onChange: t, value: n, className: r, imageSupport: i, disableImageAlignmentButtons: a, disabled: o, spellCheck: s, nonEmpty: c, pluginOpts: l, toolbarOpts: u, error: d, maxImageWidth: f, maxImageHeight: p, uploadSoundSupport: m, mathMlOptions: h = {} }) => /* @__PURE__ */ P(gY, {
+var TY = wY(Ze, "InputContainer") || wY(OY.InputContainer, "InputContainer"), EY = Ae, DY = EY.default, OY = DY && typeof DY == "object" ? DY : EY, kY = M("div")(({ theme: e }) => ({ marginTop: e.spacing(2) })), AY = ({ label: e, onChange: t, value: n, className: r, imageSupport: i, disableImageAlignmentButtons: a, disabled: o, spellCheck: s, nonEmpty: c, pluginOpts: l, toolbarOpts: u, error: d, maxImageWidth: f, maxImageHeight: p, uploadSoundSupport: m, mathMlOptions: h = {} }) => /* @__PURE__ */ P(TY, {
 	label: e,
 	className: r,
-	children: /* @__PURE__ */ P(bY, { children: /* @__PURE__ */ P(qq, {
+	children: /* @__PURE__ */ P(kY, { children: /* @__PURE__ */ P(nJ, {
 		markup: n || "",
 		disabled: o,
 		spellCheck: s,
@@ -40809,65 +40917,65 @@ var gY = hY(Ze, "InputContainer") || hY(yY.InputContainer, "InputContainer"), _Y
 		languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 		mathMlOptions: h
 	}) })
-}), SY = M("div")(() => ({ position: "relative" })), CY = M(pY)(() => ({
+}), jY = M("div")(() => ({ position: "relative" })), MY = M(SY)(() => ({
 	fill: D.border(),
 	left: -56,
 	position: "absolute",
 	top: 40
-})), wY = M(_N)(({ theme: e }) => ({
+})), NY = M(_N)(({ theme: e }) => ({
 	width: "100%",
 	marginTop: e.spacing(2)
-})), TY = M(xY)(({ theme: e }) => ({
+})), PY = M(AY)(({ theme: e }) => ({
 	width: "100%",
 	marginTop: e.spacing(2)
-})), EY = ({ value: e, onChange: t, type: n, correct: r, defaults: i, toolbarOpts: a, mathMlOptions: o = {} }) => !n || n === "none" ? null : n === "default" ? /* @__PURE__ */ F(SY, { children: [/* @__PURE__ */ P(CY, {}), /* @__PURE__ */ P(wY, {
+})), FY = ({ value: e, onChange: t, type: n, correct: r, defaults: i, toolbarOpts: a, mathMlOptions: o = {} }) => !n || n === "none" ? null : n === "default" ? /* @__PURE__ */ F(jY, { children: [/* @__PURE__ */ P(MY, {}), /* @__PURE__ */ P(NY, {
 	label: "Feedback Text",
 	value: r ? i.correct : i.incorrect,
 	variant: "standard"
-})] }) : /* @__PURE__ */ F(SY, { children: [/* @__PURE__ */ P(CY, {}), /* @__PURE__ */ P(TY, {
+})] }) : /* @__PURE__ */ F(jY, { children: [/* @__PURE__ */ P(MY, {}), /* @__PURE__ */ P(PY, {
 	label: "Feedback Text",
 	value: e,
 	onChange: t,
 	toolbarOpts: a,
 	mathMlOptions: o
-})] }), DY = M("span")(({ theme: e }) => ({
+})] }), IY = M("span")(({ theme: e }) => ({
 	paddingRight: e.spacing(1),
 	paddingTop: e.spacing(3)
-})), OY = M("div")(() => ({
+})), LY = M("div")(() => ({
 	display: "flex",
 	alignItems: "center"
-})), kY = M("div")(({ theme: e }) => ({
+})), RY = M("div")(({ theme: e }) => ({
 	flex: "0 1 auto",
 	paddingTop: e.spacing(.5),
 	paddingBottom: 0,
 	marginRight: 0,
 	marginLeft: e.spacing(1)
-})), AY = M("div")(({ theme: e }) => ({
+})), zY = M("div")(({ theme: e }) => ({
 	flex: "0 1 auto",
 	paddingTop: e.spacing(2),
 	paddingLeft: 0,
 	marginLeft: 0,
 	marginRight: e.spacing(1)
-})), jY = M("div")(() => ({
+})), BY = M("div")(() => ({
 	margin: 0,
 	width: "inherit"
-})), MY = M("div")(() => ({
+})), VY = M("div")(() => ({
 	margin: 0,
 	width: "inherit"
-})), NY = M("div")(({ theme: e }) => ({
+})), HY = M("div")(({ theme: e }) => ({
 	flex: "0 1 auto",
 	paddingTop: e.spacing(2),
 	paddingLeft: 0,
 	marginLeft: 0
-})), PY = M("div")(({ theme: e }) => ({
+})), UY = M("div")(({ theme: e }) => ({
 	display: "flex",
 	flex: 1,
 	flexDirection: "column",
 	marginRight: e.spacing(1)
-})), FY = M("div")(({ theme: e }) => ({
+})), WY = M("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main
-})), IY = class extends ht.Component {
+})), GY = class extends ht.Component {
 	static propTypes = {
 		noLabels: U.default.bool,
 		useLetterOrdering: U.default.bool,
@@ -40949,20 +41057,20 @@ var gY = hY(Ze, "InputContainer") || hY(yY.InputContainer, "InputContainer"), _Y
 		});
 	};
 	render() {
-		let { data: e, mode: t, onDelete: n, defaultFeedback: r, index: i, className: a, noLabels: o, useLetterOrdering: s, imageSupport: c, disableImageAlignmentButtons: l, disabled: u, spellCheck: d, nonEmpty: f, allowFeedBack: p, allowDelete: m, pluginOpts: h, toolbarOpts: g, error: _, noCorrectAnswerError: v, uploadSoundSupport: y, maxImageWidth: b, maxImageHeight: x, mathMlOptions: S = {} } = this.props, C = t === "checkbox" ? LJ : zJ;
-		return /* @__PURE__ */ F(OY, { children: [
-			i > 0 && /* @__PURE__ */ P(DY, {
+		let { data: e, mode: t, onDelete: n, defaultFeedback: r, index: i, className: a, noLabels: o, useLetterOrdering: s, imageSupport: c, disableImageAlignmentButtons: l, disabled: u, spellCheck: d, nonEmpty: f, allowFeedBack: p, allowDelete: m, pluginOpts: h, toolbarOpts: g, error: _, noCorrectAnswerError: v, uploadSoundSupport: y, maxImageWidth: b, maxImageHeight: x, mathMlOptions: S = {} } = this.props, C = t === "checkbox" ? KJ : JJ;
+		return /* @__PURE__ */ F(LY, { children: [
+			i > 0 && /* @__PURE__ */ P(IY, {
 				type: "title",
 				children: s ? String.fromCharCode(96 + i).toUpperCase() : i
 			}),
-			/* @__PURE__ */ P(kY, { children: /* @__PURE__ */ P(C, {
+			/* @__PURE__ */ P(RY, { children: /* @__PURE__ */ P(C, {
 				onChange: this.onCheckedChange,
 				label: o ? "" : "Correct",
 				checked: !!e.correct,
 				error: v
 			}) }),
-			/* @__PURE__ */ F(PY, { children: [
-				/* @__PURE__ */ P(xY, {
+			/* @__PURE__ */ F(UY, { children: [
+				/* @__PURE__ */ P(AY, {
 					label: o ? "" : "Label",
 					value: e.label,
 					onChange: this.onLabelChange,
@@ -40979,8 +41087,8 @@ var gY = hY(Ze, "InputContainer") || hY(yY.InputContainer, "InputContainer"), _Y
 					maxImageWidth: b,
 					maxImageHeight: x
 				}),
-				_ && /* @__PURE__ */ P(FY, { children: _ }),
-				p && /* @__PURE__ */ P(EY, {
+				_ && /* @__PURE__ */ P(WY, { children: _ }),
+				p && /* @__PURE__ */ P(FY, {
 					...e.feedback,
 					correct: e.correct,
 					defaults: r,
@@ -40988,16 +41096,16 @@ var gY = hY(Ze, "InputContainer") || hY(yY.InputContainer, "InputContainer"), _Y
 					toolbarOpts: g
 				})
 			] }),
-			p && /* @__PURE__ */ P(AY, { children: /* @__PURE__ */ P(gY, {
+			p && /* @__PURE__ */ P(zY, { children: /* @__PURE__ */ P(TY, {
 				label: o ? "" : "Feedback",
-				children: /* @__PURE__ */ P(jY, { children: /* @__PURE__ */ P(fY, {
+				children: /* @__PURE__ */ P(BY, { children: /* @__PURE__ */ P(xY, {
 					onChange: this.onFeedbackTypeChange,
 					value: e.feedback
 				}) })
 			}) }),
-			m && /* @__PURE__ */ P(NY, { children: /* @__PURE__ */ P(gY, {
+			m && /* @__PURE__ */ P(HY, { children: /* @__PURE__ */ P(TY, {
 				label: o ? "" : "Delete",
-				children: /* @__PURE__ */ P(MY, { children: /* @__PURE__ */ P(fS, {
+				children: /* @__PURE__ */ P(VY, { children: /* @__PURE__ */ P(fS, {
 					"aria-label": "delete",
 					onClick: n,
 					size: "large",
@@ -41006,21 +41114,21 @@ var gY = hY(Ze, "InputContainer") || hY(yY.InputContainer, "InputContainer"), _Y
 			}) })
 		] });
 	}
-}, LY = Object.defineProperty, RY = (e, t) => {
+}, KY = Object.defineProperty, qY = (e, t) => {
 	let n = {};
-	for (var r in e) LY(n, r, {
+	for (var r in e) KY(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || LY(n, Symbol.toStringTag, { value: "Module" }), n;
-}, zY = M("div")(() => ({
+	return t || KY(n, Symbol.toStringTag, { value: "Module" }), n;
+}, JY = M("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), BY = M("div")(() => ({
+})), YY = M("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), VY = M("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), HY = M("div")(() => ({ flex: "1" })), UY = M("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), WY = class extends ht.Component {
+})), XY = M("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), ZY = M("div")(() => ({ flex: "1" })), QY = M("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), $Y = class extends ht.Component {
 	static propTypes = {
 		mode: U.default.oneOf(["tabbed", "inline"]),
 		secondary: U.default.oneOfType([U.default.arrayOf(U.default.node), U.default.node]),
@@ -41038,7 +41146,7 @@ var gY = hY(Ze, "InputContainer") || hY(yY.InputContainer, "InputContainer"), _Y
 		} catch (e) {
 			console.log(e.toString());
 		}
-		return /* @__PURE__ */ F(zY, {
+		return /* @__PURE__ */ F(JY, {
 			style: {
 				minHeight: i,
 				minWidth: a,
@@ -41046,28 +41154,28 @@ var gY = hY(Ze, "InputContainer") || hY(yY.InputContainer, "InputContainer"), _Y
 				maxWidth: s
 			},
 			children: [
-				e === "inline" && /* @__PURE__ */ F(BY, { children: [/* @__PURE__ */ P(HY, {
+				e === "inline" && /* @__PURE__ */ F(YY, { children: [/* @__PURE__ */ P(ZY, {
 					className: "design-container",
 					children: n
-				}), l && /* @__PURE__ */ P(UY, {
+				}), l && /* @__PURE__ */ P(QY, {
 					className: "settings-container",
 					children: t
 				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ F(VJ, {
+				e === "tabbed" && l && /* @__PURE__ */ F(XJ, {
 					onChange: this.onTabsChange,
 					contentClassName: "content-container",
 					indicatorColor: "primary",
-					children: [/* @__PURE__ */ P(VY, {
+					children: [/* @__PURE__ */ P(XY, {
 						title: "Design",
 						className: "design-container",
 						children: n
-					}), /* @__PURE__ */ P(VY, {
+					}), /* @__PURE__ */ P(XY, {
 						title: "Settings",
 						className: "settings-container",
 						children: t
 					})]
 				}),
-				e === "tabbed" && !l && /* @__PURE__ */ P(VY, {
+				e === "tabbed" && !l && /* @__PURE__ */ P(XY, {
 					className: "design-container",
 					children: n
 				})
@@ -41077,18 +41185,18 @@ var gY = hY(Ze, "InputContainer") || hY(yY.InputContainer, "InputContainer"), _Y
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/extends.js
-function GY() {
-	return GY = Object.assign ? Object.assign.bind() : function(e) {
+function eX() {
+	return eX = 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;
-	}, GY.apply(null, arguments);
+	}, eX.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 KY(e, t) {
+function tX(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -41099,19 +41207,19 @@ function KY(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 qY(e, t) {
-	return qY = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+function nX(e, t) {
+	return nX = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
-	}, qY(e, t);
+	}, nX(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 JY(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, qY(e, t);
+function rX(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, nX(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 YY = (function() {
+var iX = (function() {
 	if (typeof Map < "u") return Map;
 	function e(e, t) {
 		var n = -1;
@@ -41150,34 +41258,34 @@ var YY = (function() {
 			}
 		}, t;
 	}();
-})(), XY = typeof window < "u" && typeof document < "u" && window.document === document, ZY = (function() {
+})(), aX = typeof window < "u" && typeof document < "u" && window.document === document, oX = (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")();
-})(), QY = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(ZY) : function(e) {
+})(), sX = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(oX) : function(e) {
 		return setTimeout(function() {
 			return e(Date.now());
 		}, 1e3 / 60);
 	};
-})(), $Y = 2;
-function eX(e, t) {
+})(), cX = 2;
+function lX(e, t) {
 	var n = !1, r = !1, i = 0;
 	function a() {
 		n && (n = !1, e()), r && s();
 	}
 	function o() {
-		QY(a);
+		sX(a);
 	}
 	function s() {
 		var e = Date.now();
 		if (n) {
-			if (e - i < $Y) return;
+			if (e - i < cX) return;
 			r = !0;
 		} else n = !0, r = !1, setTimeout(o, t);
 		i = e;
 	}
 	return s;
 }
-var tX = 20, nX = [
+var uX = 20, dX = [
 	"top",
 	"right",
 	"bottom",
@@ -41186,9 +41294,9 @@ var tX = 20, nX = [
 	"height",
 	"size",
 	"weight"
-], rX = typeof MutationObserver < "u", iX = function() {
+], fX = typeof MutationObserver < "u", pX = function() {
 	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = eX(this.refresh.bind(this), tX);
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = lX(this.refresh.bind(this), uX);
 	}
 	return e.prototype.addObserver = function(e) {
 		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -41205,23 +41313,23 @@ var tX = 20, nX = [
 			return e.broadcastActive();
 		}), e.length > 0;
 	}, e.prototype.connect_ = function() {
-		!XY || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), rX ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+		!aX || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), fX ? (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() {
-		!XY || !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);
+		!aX || !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;
-		nX.some(function(e) {
+		dX.some(function(e) {
 			return !!~n.indexOf(e);
 		}) && this.refresh();
 	}, e.getInstance = function() {
 		return this.instance_ ||= new e(), this.instance_;
 	}, e.instance_ = null, e;
-}(), aX = (function(e, t) {
+}(), mX = (function(e, t) {
 	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
 		var i = r[n];
 		Object.defineProperty(e, i, {
@@ -41232,19 +41340,19 @@ var tX = 20, nX = [
 		});
 	}
 	return e;
-}), oX = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || ZY;
-}), sX = _X(0, 0, 0, 0);
-function cX(e) {
+}), hX = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || oX;
+}), gX = EX(0, 0, 0, 0);
+function _X(e) {
 	return parseFloat(e) || 0;
 }
-function lX(e) {
+function vX(e) {
 	return [...arguments].slice(1).reduce(function(t, n) {
 		var r = e["border-" + n + "-width"];
-		return t + cX(r);
+		return t + _X(r);
 	}, 0);
 }
-function uX(e) {
+function yX(e) {
 	for (var t = [
 		"top",
 		"right",
@@ -41252,40 +41360,40 @@ function uX(e) {
 		"left"
 	], n = {}, r = 0, i = t; r < i.length; r++) {
 		var a = i[r], o = e["padding-" + a];
-		n[a] = cX(o);
+		n[a] = _X(o);
 	}
 	return n;
 }
-function dX(e) {
+function bX(e) {
 	var t = e.getBBox();
-	return _X(0, 0, t.width, t.height);
+	return EX(0, 0, t.width, t.height);
 }
-function fX(e) {
+function xX(e) {
 	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return sX;
-	var r = oX(e).getComputedStyle(e), i = uX(r), a = i.left + i.right, o = i.top + i.bottom, s = cX(r.width), c = cX(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= lX(r, "left", "right") + a), Math.round(c + o) !== n && (c -= lX(r, "top", "bottom") + o)), !mX(e)) {
+	if (!t && !n) return gX;
+	var r = hX(e).getComputedStyle(e), i = yX(r), a = i.left + i.right, o = i.top + i.bottom, s = _X(r.width), c = _X(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= vX(r, "left", "right") + a), Math.round(c + o) !== n && (c -= vX(r, "top", "bottom") + o)), !CX(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 _X(i.left, i.top, s, c);
+	return EX(i.left, i.top, s, c);
 }
-var pX = (function() {
+var SX = (function() {
 	return typeof SVGGraphicsElement < "u" ? function(e) {
-		return e instanceof oX(e).SVGGraphicsElement;
+		return e instanceof hX(e).SVGGraphicsElement;
 	} : function(e) {
-		return e instanceof oX(e).SVGElement && typeof e.getBBox == "function";
+		return e instanceof hX(e).SVGElement && typeof e.getBBox == "function";
 	};
 })();
-function mX(e) {
-	return e === oX(e).document.documentElement;
+function CX(e) {
+	return e === hX(e).document.documentElement;
 }
-function hX(e) {
-	return XY ? pX(e) ? dX(e) : fX(e) : sX;
+function wX(e) {
+	return aX ? SX(e) ? bX(e) : xX(e) : gX;
 }
-function gX(e) {
+function TX(e) {
 	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return aX(a, {
+	return mX(a, {
 		x: t,
 		y: n,
 		width: r,
@@ -41296,7 +41404,7 @@ function gX(e) {
 		left: t
 	}), a;
 }
-function _X(e, t, n, r) {
+function EX(e, t, n, r) {
 	return {
 		x: e,
 		y: t,
@@ -41304,42 +41412,42 @@ function _X(e, t, n, r) {
 		height: r
 	};
 }
-var vX = function() {
+var DX = function() {
 	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = _X(0, 0, 0, 0), this.target = e;
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = EX(0, 0, 0, 0), this.target = e;
 	}
 	return e.prototype.isActive = function() {
-		var e = hX(this.target);
+		var e = wX(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;
-}(), yX = function() {
+}(), OX = function() {
 	function e(e, t) {
-		var n = gX(t);
-		aX(this, {
+		var n = TX(t);
+		mX(this, {
 			target: e,
 			contentRect: n
 		});
 	}
 	return e;
-}(), bX = function() {
+}(), kX = function() {
 	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new YY(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		if (this.activeObservations_ = [], this.observations_ = new iX(), 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 oX(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof hX(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
-			t.has(e) || (t.set(e, new vX(e)), this.controller_.addObserver(this), this.controller_.refresh());
+			t.has(e) || (t.set(e, new DX(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 oX(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof hX(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));
 		}
@@ -41353,7 +41461,7 @@ var vX = function() {
 	}, e.prototype.broadcastActive = function() {
 		if (this.hasActive()) {
 			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
-				return new yX(e.target, e.broadcastRect());
+				return new OX(e.target, e.broadcastRect());
 			});
 			this.callback_.call(e, t, e), this.clearActive();
 		}
@@ -41362,12 +41470,12 @@ var vX = function() {
 	}, e.prototype.hasActive = function() {
 		return this.activeObservations_.length > 0;
 	}, e;
-}(), xX = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new YY(), SX = function() {
+}(), AX = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new iX(), jX = 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 bX(t, iX.getInstance(), this);
-		xX.set(this, n);
+		var n = new kX(t, pX.getInstance(), this);
+		AX.set(this, n);
 	}
 	return e;
 }();
@@ -41376,27 +41484,27 @@ var vX = function() {
 	"unobserve",
 	"disconnect"
 ].forEach(function(e) {
-	SX.prototype[e] = function() {
+	jX.prototype[e] = function() {
 		var t;
-		return (t = xX.get(this))[e].apply(t, arguments);
+		return (t = AX.get(this))[e].apply(t, arguments);
 	};
 });
-var CX = (function() {
-	return ZY.ResizeObserver === void 0 ? SX : ZY.ResizeObserver;
-})(), wX = [
+var MX = (function() {
+	return oX.ResizeObserver === void 0 ? jX : oX.ResizeObserver;
+})(), NX = [
 	"client",
 	"offset",
 	"scroll",
 	"bounds",
 	"margin"
 ];
-function TX(e) {
+function PX(e) {
 	var t = [];
-	return wX.forEach(function(n) {
+	return NX.forEach(function(n) {
 		e[n] && t.push(n);
 	}), t;
 }
-function EX(e, t) {
+function FX(e, t) {
 	var n = {};
 	if (t.indexOf("client") > -1 && (n.client = {
 		top: e.clientTop,
@@ -41435,14 +41543,14 @@ function EX(e, t) {
 	}
 	return n;
 }
-function DX(e) {
+function IX(e) {
 	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
 }
-function OX(e) {
+function LX(e) {
 	return function(t) {
 		var n, r;
 		return r = n = /*#__PURE__*/ function(n) {
-			JY(r, n);
+			rX(r, n);
 			function r() {
 				var t, r = [...arguments];
 				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
@@ -41453,24 +41561,24 @@ function OX(e) {
 					bounds: {},
 					margin: {}
 				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
-					var r = EX(t._node, e || TX(t.props));
+					var r = FX(t._node, e || PX(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 = DX(t._node);
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = IX(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 CX(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(EX(this._node, e || TX(this.props))));
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new MX(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(FX(this._node, e || PX(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, vt(t, GY({}, KY(e, ["innerRef", "onResize"]), {
+				return e.innerRef, e.onResize, vt(t, eX({}, tX(e, ["innerRef", "onResize"]), {
 					measureRef: this._handleRef,
 					measure: this.measure,
 					contentRect: this.state.contentRect
@@ -41487,7 +41595,7 @@ function OX(e) {
 		}, r;
 	};
 }
-var kX = OX()(function(e) {
+var RX = LX()(function(e) {
 	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
 	return i({
 		measure: t,
@@ -41495,10 +41603,10 @@ var kX = OX()(function(e) {
 		contentRect: r
 	});
 });
-kX.displayName = "Measure", kX.propTypes.children = U.default.func;
+RX.displayName = "Measure", RX.propTypes.children = U.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var AX = M("div")(() => ({
+var zX = M("div")(() => ({
 	backgroundColor: D.white(),
 	border: `2px solid ${D.border()}`,
 	display: "flex",
@@ -41508,7 +41616,7 @@ var AX = M("div")(() => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), jX = class extends ht.Component {
+})), BX = class extends ht.Component {
 	static propTypes = {
 		className: U.default.string,
 		children: U.default.oneOfType([U.default.arrayOf(U.default.node), U.default.node]).isRequired
@@ -41516,19 +41624,19 @@ var AX = M("div")(() => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ P(AX, {
+		return /* @__PURE__ */ P(zX, {
 			className: e,
 			children: t
 		});
 	}
-}, MX = ie({
+}, VX = ie({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
 		color: "#000000",
 		"&:hover": { backgroundColor: "#bdbdbd" }
 	} } } }
-}), NX = class extends ht.Component {
+}), HX = class extends ht.Component {
 	static propTypes = {
 		children: U.default.oneOfType([
 			U.default.string,
@@ -41561,19 +41669,19 @@ var AX = M("div")(() => ({
 		return /* @__PURE__ */ P(te, {
 			injectFirst: !0,
 			children: /* @__PURE__ */ P(he, {
-				theme: MX,
-				children: /* @__PURE__ */ P(kX, {
+				theme: VX,
+				children: /* @__PURE__ */ P(RX, {
 					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(jX, {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ P(BX, {
 							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(WY, {
+							children: [a?.rules ? /* @__PURE__ */ P("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ P($Y, {
 								mode: o,
 								secondary: s,
 								dimensions: i,
@@ -41585,36 +41693,36 @@ var AX = M("div")(() => ({
 			})
 		});
 	}
-}, PX = OX("bounds")(NX), FX = /* @__PURE__ */ RY({
-	ConfigLayout: () => PX,
-	LayoutContents: () => WY
-}), IX = /* @__PURE__ */ RY({
-	firstAvailableIndex: () => RX,
-	normalizeChoices: () => LX
-}), LX = (e) => {
+}, UX = LX("bounds")(HX), WX = /* @__PURE__ */ qY({
+	ConfigLayout: () => UX,
+	LayoutContents: () => $Y
+}), GX = /* @__PURE__ */ qY({
+	firstAvailableIndex: () => qX,
+	normalizeChoices: () => KX
+}), KX = (e) => {
 	let t = e.choices.map((e, t) => (e.value ||= `${t}`, e));
 	return {
 		...e,
 		choices: t
 	};
-}, RX = (e, t) => lt(e, `${t}`) ? RX(e, t + 1) : `${t}`, zX = M("div")(() => ({
+}, qX = (e, t) => lt(e, `${t}`) ? qX(e, t + 1) : `${t}`, JX = M("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), BX = M(O)(({ theme: e }) => ({
+})), YX = M(O)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), VX = M(bJ)(({ checked: e }) => ({
+})), XX = M(kJ)(({ 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 }
-})), HX = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ F(zX, { children: [/* @__PURE__ */ P(BX, { children: n }), /* @__PURE__ */ P(VX, {
+})), ZX = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ F(JX, { children: [/* @__PURE__ */ P(YX, { children: n }), /* @__PURE__ */ P(XX, {
 	checked: e,
 	disabled: t,
 	onChange: (e) => r(e.target.checked)
 })] });
-HX.propTypes = {
+ZX.propTypes = {
 	checked: U.default.bool,
 	disabled: U.default.bool,
 	label: U.default.string.isRequired,
@@ -41622,20 +41730,20 @@ HX.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var UX = M(Fe)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var QX = M(Fe)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), WX = M(Be)(() => ({ color: `${D.tertiary()} !important` })), GX = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ P(UX, {
+} })), $X = M(Be)(() => ({ color: `${D.tertiary()} !important` })), eZ = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ P(QX, {
 	value: t,
-	control: /* @__PURE__ */ P(WX, {
+	control: /* @__PURE__ */ P($X, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-GX.propTypes = {
+eZ.propTypes = {
 	label: U.default.string,
 	value: U.default.string,
 	checked: U.default.bool,
@@ -41643,26 +41751,26 @@ GX.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/panel.js
-var KX = (0, Vt.default)("pie-lib:config-ui:settings:panel"), qX = {
+var tZ = (0, Vt.default)("pie-lib:config-ui:settings:panel"), nZ = {
 	label: U.default.string,
 	value: U.default.string
-}, JX = {
+}, rZ = {
 	label: U.default.string,
 	value: U.default.string,
 	onChange: U.default.func
-}, YX = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ P(WJ, {
+}, iZ = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ P($J, {
 	checked: t,
 	label: e,
 	onChange: (e) => {
 		n(e.target.checked);
 	}
 });
-YX.propTypes = {
+iZ.propTypes = {
 	label: U.default.string,
 	value: U.default.bool,
 	onChange: U.default.func
 };
-var XX = M(nY)(({ theme: e }) => ({
+var aZ = M(dY)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -41673,29 +41781,29 @@ var XX = M(nY)(({ theme: e }) => ({
 		marginTop: e.spacing(2.5)
 	},
 	"& > div": { marginTop: e.spacing(2.5) }
-})), ZX = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ P(XX, {
+})), oZ = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ P(aZ, {
 	direction: "horizontal",
-	customLabel: GX,
+	customLabel: eZ,
 	value: t,
 	header: e,
 	opts: r,
 	onChange: n
 });
-ZX.propTypes = {
-	...JX,
-	choices: U.default.arrayOf(U.default.shape(qX))
+oZ.propTypes = {
+	...rZ,
+	choices: U.default.arrayOf(U.default.shape(nZ))
 };
-var QX = ZX, $X = M("p")(({ theme: e }) => ({
+var sZ = oZ, cZ = M("p")(({ theme: e }) => ({
 	margin: 0,
 	fontSize: e.typography.fontSize
-})), eZ = M(lM)(({ theme: e }) => ({
+})), lZ = M(lM)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	border: "2px solid lightgrey",
 	padding: `0 ${e.spacing(1)}`,
 	borderRadius: "4px"
-})), tZ = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
+})), uZ = ({ 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($X, { children: e }), /* @__PURE__ */ P(eZ, {
+	return /* @__PURE__ */ F("div", { children: [e && /* @__PURE__ */ P(cZ, { children: e }), /* @__PURE__ */ P(lZ, {
 		value: t || r && r[0],
 		onChange: ({ target: e }) => n(e.value),
 		input: /* @__PURE__ */ P(Bj, { id: `dropdown-${e}` }),
@@ -41710,14 +41818,14 @@ var QX = ZX, $X = M("p")(({ theme: e }) => ({
 		}, t))
 	})] });
 };
-tZ.propTypes = {
-	...JX,
+uZ.propTypes = {
+	...rZ,
 	choices: U.default.arrayOf(U.default.string)
 };
-var nZ = M(He)(({ theme: e }) => ({
+var dZ = M(He)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), rZ = ({ label: e }) => /* @__PURE__ */ P(nZ, { children: e }), iZ = M(JJ)(({ theme: e }) => ({
+})), fZ = ({ label: e }) => /* @__PURE__ */ P(dZ, { children: e }), pZ = M(rY)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -41728,7 +41836,7 @@ var nZ = M(He)(({ theme: e }) => ({
 		padding: `0 ${e.spacing(1)}`,
 		backgroundColor: "transparent"
 	}
-})), aZ = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ P(iZ, {
+})), mZ = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ P(pZ, {
 	variant: "standard",
 	label: e || "Label",
 	value: t,
@@ -41739,45 +41847,45 @@ var nZ = M(He)(({ theme: e }) => ({
 	showErrorWhenOutsideRange: !0,
 	disableUnderline: !0
 });
-aZ.propTypes = {
-	...JX,
+mZ.propTypes = {
+	...rZ,
 	suffix: U.default.string,
 	min: U.default.number,
 	max: U.default.number,
 	value: U.default.number
-}, rZ.propTypes = { ...JX };
-var oZ = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ P(HX, {
+}, fZ.propTypes = { ...rZ };
+var hZ = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ P(ZX, {
 	label: t,
 	checked: !!n,
 	disabled: !!e,
 	toggle: r
 });
-oZ.propTypes = {
-	...JX,
+hZ.propTypes = {
+	...rZ,
 	value: U.default.bool
 };
-var sZ = {
-	toggle: oZ,
-	radio: QX,
-	dropdown: tZ,
-	numberField: aZ,
-	checkbox: YX,
-	textField: rZ
-}, cZ = M("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), lZ = M("div")(({ theme: e }) => ({
+var gZ = {
+	toggle: hZ,
+	radio: sZ,
+	dropdown: uZ,
+	numberField: mZ,
+	checkbox: iZ,
+	textField: fZ
+}, _Z = M("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), vZ = M("div")(({ theme: e }) => ({
 	color: "#495B8F",
 	fontSize: e.typography.fontSize + 2,
 	fontWeight: 600,
 	marginBottom: e.spacing(1)
-})), uZ = M("p")(({ theme: e }) => ({
+})), yZ = M("p")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
-})), dZ = (e) => {
+})), bZ = (e) => {
 	let { model: t, label: n, group: r, configuration: i, onChange: a } = e, o = (e, n, r) => {
 		let { isConfigProperty: o, ...s } = st(e, r || n), c = st(o ? i : t, n), l = {
 			...s,
 			key: n,
 			value: c
-		}, u = sZ[l.type];
+		}, u = gZ[l.type];
 		return /* @__PURE__ */ P(u, {
 			...l,
 			onChange: (e) => a(n, e, o)
@@ -41786,18 +41894,18 @@ var sZ = {
 		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(uZ, { 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(yZ, { 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(cZ, { children: [/* @__PURE__ */ P(lZ, { children: n }), Object.keys(r).map((e) => s(r, e))] });
+	return /* @__PURE__ */ F(_Z, { children: [/* @__PURE__ */ P(vZ, { children: n }), Object.keys(r).map((e) => s(r, e))] });
 };
-dZ.propTypes = {
+bZ.propTypes = {
 	model: U.default.object,
 	label: U.default.string,
 	group: U.default.object,
 	configuration: U.default.object,
 	onChange: U.default.func
 };
-var fZ = class extends ht.Component {
+var xZ = class extends ht.Component {
 	static propTypes = {
 		model: U.default.object,
 		configuration: U.default.object,
@@ -41811,13 +41919,13 @@ var fZ = class extends ht.Component {
 		onChangeConfiguration: () => {}
 	};
 	change = (e, t, n = !1) => {
-		KX("[changeModel]", e, t);
+		tZ("[changeModel]", e, t);
 		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
 		n ? (dt(o, e, t), i(o, e)) : (dt(a, e, t), r(a, e));
 	};
 	render() {
 		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return KX("render:", t), /* @__PURE__ */ F("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ P(dZ, {
+		return tZ("render:", t), /* @__PURE__ */ F("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ P(bZ, {
 			label: r,
 			model: t,
 			configuration: n,
@@ -41825,59 +41933,59 @@ var fZ = class extends ht.Component {
 			onChange: this.change
 		}, r) : null), r] });
 	}
-}, pZ = /* @__PURE__ */ RY({
-	Panel: () => fZ,
-	checkbox: () => xZ,
-	checkboxes: () => SZ,
-	dropdown: () => vZ,
-	numberField: () => yZ,
-	numberFields: () => bZ,
-	radio: () => _Z,
-	textField: () => mZ,
-	toggle: () => hZ
-}), mZ = (e, t = !0) => ({
+}, SZ = /* @__PURE__ */ qY({
+	Panel: () => xZ,
+	checkbox: () => AZ,
+	checkboxes: () => jZ,
+	dropdown: () => DZ,
+	numberField: () => OZ,
+	numberFields: () => kZ,
+	radio: () => EZ,
+	textField: () => CZ,
+	toggle: () => wZ
+}), CZ = (e, t = !0) => ({
 	label: e,
 	type: "textField",
 	isConfigProperty: t
-}), hZ = (e, t = !1, n = !1) => ({
+}), wZ = (e, t = !1, n = !1) => ({
 	type: "toggle",
 	label: e,
 	isConfigProperty: t,
 	disabled: n
-}), gZ = (e) => typeof e == "string" ? {
+}), TZ = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, _Z = function() {
+} : e, EZ = function() {
 	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
 	return {
 		type: "radio",
 		label: e,
-		choices: t && t.map((e) => gZ(e)),
+		choices: t && t.map((e) => TZ(e)),
 		isConfigProperty: n
 	};
-}, vZ = (e, t, n = !1) => ({
+}, DZ = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
 	isConfigProperty: n
-}), yZ = (e, t, n = !1) => ({
+}), OZ = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "numberField",
 	isConfigProperty: n
-}), bZ = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = yZ(t[e].label, t[e], n);
+}), kZ = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = OZ(t[e].label, t[e], n);
 }), {
 	type: "numberFields",
 	label: e,
 	fields: t
-}), xZ = (e, t, n = !1) => ({
+}), AZ = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "checkbox",
 	isConfigProperty: n
-}), SZ = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = xZ(t[e].label, t[e], n);
+}), jZ = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = AZ(t[e].label, t[e], n);
 }), {
 	type: "checkboxes",
 	label: e,
@@ -41885,85 +41993,85 @@ var fZ = class extends ht.Component {
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/index.js
-function CZ(e) {
+function MZ(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function wZ(e, t) {
-	return !e || CZ(e) ? e : CZ(e.default) ? e.default : t && CZ(e[t]) ? e[t] : t && CZ(e[t]?.default) ? e[t].default : e;
+function NZ(e, t) {
+	return !e || MZ(e) ? e : MZ(e.default) ? e.default : t && MZ(e[t]) ? e[t] : t && MZ(e[t]?.default) ? e[t].default : e;
 }
-var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ = Ae, DZ = EZ.default, OZ = DZ && typeof DZ == "object" ? DZ : EZ, kZ = A(/*#__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"), { Panel: AZ, toggle: jZ, radio: MZ, dropdown: NZ } = pZ, PZ = 9, FZ = M(TZ)(({ theme: e }) => ({
+var PZ = NZ(Ze, "InputContainer") || NZ(LZ.InputContainer, "InputContainer"), FZ = Ae, IZ = FZ.default, LZ = IZ && typeof IZ == "object" ? IZ : FZ, RZ = A(/*#__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"), { Panel: zZ, toggle: BZ, radio: VZ, dropdown: HZ } = SZ, UZ = 9, WZ = M(PZ)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), IZ = M(TZ)(({ theme: e }) => ({
+})), GZ = M(PZ)(({ theme: e }) => ({
 	flex: 1,
 	marginTop: e.spacing(1.5),
 	paddingTop: e.spacing(2),
 	marginLeft: e.spacing(3.5)
-})), LZ = M(TZ)(({ theme: e }) => ({
+})), KZ = M(PZ)(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	marginBottom: e.spacing(1),
 	width: "100%"
-})), RZ = M(w)(({ theme: e }) => ({
+})), qZ = M(w)(({ theme: e }) => ({
 	marginTop: e.spacing(1),
 	float: "right"
-})), zZ = M(RZ)({
+})), JZ = M(qZ)({
 	cursor: "not-allowed",
 	pointerEvents: "all",
 	backgroundColor: D.disabled(),
 	"&:hover": { backgroundColor: D.disabled() },
 	"&:focus": { backgroundColor: D.disabled() }
-}), BZ = M(ge)({
+}), YZ = M(ge)({
 	display: "flex",
 	alignItems: "center"
-}), VZ = M(He)(({ theme: e }) => ({
+}), XZ = M(He)(({ theme: e }) => ({
 	fontSize: e.typography.fontSize + 2,
 	marginRight: e.spacing(1)
-})), HZ = M(fJ)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+})), ZZ = M(xJ)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
 	fontSize: e.typography.fontSize - 2,
 	whiteSpace: "pre",
 	maxWidth: "500px"
-} })), UZ = M("div")(({ theme: e }) => ({
+} })), QZ = M("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), WZ = (e) => {
+})), $Z = (e) => {
 	let { model: t, configuration: n, onPromptChanged: r, onChoiceChanged: i, onRemoveChoice: a, onAddChoice: o, imageSupport: s, uploadSoundSupport: c, onChangeModel: l, onConfigurationChanged: u, onTeacherInstructionsChanged: d } = e, { addChoiceButton: f = {}, contentDimensions: p = {}, feedback: m = {}, deleteChoice: h = {}, choiceMode: g = {}, choicePrefix: _ = {}, partialScoring: v = {}, lockChoiceOrder: y = {}, teacherInstructions: b = {}, studentInstructions: x = {}, rationale: S = {}, scoringType: C = {}, sequentialChoiceLabels: w = {}, settingsPanelDisabled: ee, choicesLayout: T, spellCheck: te = {}, gridColumns: E, maxImageWidth: ne = {}, maxImageHeight: D = {}, prompt: O = {}, withRubric: k = {}, mathMlOptions: re = {}, language: ie = {}, languageChoices: ae = {} } = n || {}, { maxAnswerChoices: oe } = n || {}, { limitChoicesNumber: se, teacherInstructionsEnabled: ce, rationaleEnabled: A, feedbackEnabled: le, promptEnabled: ue, spellCheckEnabled: de, choices: fe, errors: pe, toolbarEditorPosition: me, extraCSSRules: he } = t || {}, { answerChoices: ge, choices: _e, correctResponse: ve, prompt: ye, rationale: be, teacherInstructions: xe } = pe || {}, Se = fe?.length ? Array.from({ length: fe.length }, (e, t) => `${t + 1}`) : [], { baseInputConfiguration: Ce = {} } = n, we = { position: me === "top" ? "top" : "bottom" };
-	se && (oe = PZ);
+	se && (oe = UZ);
 	let Te = (e = {}) => ({
 		...Ce,
 		...e
 	}), Ee = Bt(n), De = ne && ne.prompt, j = D && D.prompt, Oe = oe && fe?.length >= oe ? `Only ${oe} allowed maximum` : "", ke = {
-		choiceMode: g.settings && MZ(g.label, ["checkbox", "radio"]),
-		"sequentialChoiceLabels.enabled": w.settings && jZ(w.label, !0),
-		choicePrefix: _.settings && MZ(_.label, ["numbers", "letters"]),
-		partialScoring: v.settings && jZ(v.label),
-		lockChoiceOrder: y.settings && jZ(y.label),
-		feedbackEnabled: m.settings && jZ(m.label),
-		choicesLayout: T.settings && NZ(T.label, [
+		choiceMode: g.settings && VZ(g.label, ["checkbox", "radio"]),
+		"sequentialChoiceLabels.enabled": w.settings && BZ(w.label, !0),
+		choicePrefix: _.settings && VZ(_.label, ["numbers", "letters"]),
+		partialScoring: v.settings && BZ(v.label),
+		lockChoiceOrder: y.settings && BZ(y.label),
+		feedbackEnabled: m.settings && BZ(m.label),
+		choicesLayout: T.settings && HZ(T.label, [
 			"vertical",
 			"grid",
 			"horizontal"
 		]),
-		gridColumns: T.settings && t.choicesLayout === "grid" && Se.length > 0 && NZ(E.label, Se),
-		"language.enabled": ie.settings && jZ(ie.label, !0),
-		language: ie.settings && ie.enabled && NZ(ae.label, ae.options)
+		gridColumns: T.settings && t.choicesLayout === "grid" && Se.length > 0 && HZ(E.label, Se),
+		"language.enabled": ie.settings && BZ(ie.label, !0),
+		language: ie.settings && ie.enabled && HZ(ae.label, ae.options)
 	}, Ae = {
-		teacherInstructionsEnabled: b.settings && jZ(b.label),
-		studentInstructionsEnabled: x.settings && jZ(x.label),
-		promptEnabled: O.settings && jZ(O.label),
-		rationaleEnabled: S.settings && jZ(S.label),
-		spellCheckEnabled: te.settings && jZ(te.label),
-		scoringType: C.settings && MZ(C.label, ["auto", "rubric"]),
-		rubricEnabled: k?.settings && jZ(k?.label)
-	};
-	return /* @__PURE__ */ F(FX.ConfigLayout, {
+		teacherInstructionsEnabled: b.settings && BZ(b.label),
+		studentInstructionsEnabled: x.settings && BZ(x.label),
+		promptEnabled: O.settings && BZ(O.label),
+		rationaleEnabled: S.settings && BZ(S.label),
+		spellCheckEnabled: te.settings && BZ(te.label),
+		scoringType: C.settings && VZ(C.label, ["auto", "rubric"]),
+		rubricEnabled: k?.settings && BZ(k?.label)
+	};
+	return /* @__PURE__ */ F(WX.ConfigLayout, {
 		dimensions: p,
 		hideSettings: ee,
 		extraCSSRules: he,
 		classes: {},
-		settings: /* @__PURE__ */ P(AZ, {
+		settings: /* @__PURE__ */ P(zZ, {
 			model: t,
 			onChangeModel: l,
 			configuration: n,
@@ -41974,9 +42082,9 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 			}
 		}),
 		children: [
-			ce && /* @__PURE__ */ F(FZ, {
+			ce && /* @__PURE__ */ F(WZ, {
 				label: b.label,
-				children: [/* @__PURE__ */ P(qq, {
+				children: [/* @__PURE__ */ P(nJ, {
 					markup: t.teacherInstructions || "",
 					onChange: d,
 					imageSupport: s,
@@ -41991,11 +42099,11 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 					uploadSoundSupport: c,
 					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 					mathMlOptions: re
-				}), xe && /* @__PURE__ */ P(UZ, { children: xe })]
+				}), xe && /* @__PURE__ */ P(QZ, { children: xe })]
 			}),
-			ue && /* @__PURE__ */ F(FZ, {
+			ue && /* @__PURE__ */ F(WZ, {
 				label: O.label,
-				children: [/* @__PURE__ */ P(qq, {
+				children: [/* @__PURE__ */ P(nJ, {
 					markup: t.prompt,
 					onChange: r,
 					imageSupport: s,
@@ -42010,22 +42118,22 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 					uploadSoundSupport: c,
 					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 					mathMlOptions: re
-				}), ye && /* @__PURE__ */ P(UZ, { children: ye })]
+				}), ye && /* @__PURE__ */ P(QZ, { children: ye })]
 			}),
-			/* @__PURE__ */ F(BZ, { children: [/* @__PURE__ */ P(VZ, {
+			/* @__PURE__ */ F(YZ, { children: [/* @__PURE__ */ P(XZ, {
 				component: "div",
 				children: "Choices"
-			}), /* @__PURE__ */ P(HZ, {
+			}), /* @__PURE__ */ P(ZZ, {
 				disableFocusListener: !0,
 				disableTouchListener: !0,
 				placement: "right",
 				title: Ee,
-				children: /* @__PURE__ */ P(kZ, {
+				children: /* @__PURE__ */ P(RZ, {
 					fontSize: "small",
 					color: "primary"
 				})
 			})] }),
-			fe.map((e, r) => /* @__PURE__ */ F(LZ, { children: [/* @__PURE__ */ P(IY, {
+			fe.map((e, r) => /* @__PURE__ */ F(KZ, { children: [/* @__PURE__ */ P(GY, {
 				index: r + 1,
 				useLetterOrdering: t.choicePrefix === "letters",
 				mode: t.choiceMode,
@@ -42047,9 +42155,9 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 				maxImageHeight: D && D.choices || j,
 				uploadSoundSupport: c,
 				mathMlOptions: re
-			}, r), A && /* @__PURE__ */ F(IZ, {
+			}, r), A && /* @__PURE__ */ F(GZ, {
 				label: S.label,
-				children: [/* @__PURE__ */ P(qq, {
+				children: [/* @__PURE__ */ P(nJ, {
 					markup: e.rationale || "",
 					onChange: (t) => i(r, {
 						...e,
@@ -42065,19 +42173,19 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 					uploadSoundSupport: c,
 					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 					mathMlOptions: re
-				}), be?.[e.value] && /* @__PURE__ */ P(UZ, { children: be?.[e.value] })]
+				}), be?.[e.value] && /* @__PURE__ */ P(QZ, { children: be?.[e.value] })]
 			}, `rationale-${r}`)] }, `choice-${r}`)),
-			ve && /* @__PURE__ */ P(UZ, { children: ve }),
-			ge && /* @__PURE__ */ P(UZ, { children: ge }),
-			f.settings && /* @__PURE__ */ P(HZ, {
+			ve && /* @__PURE__ */ P(QZ, { children: ve }),
+			ge && /* @__PURE__ */ P(QZ, { children: ge }),
+			f.settings && /* @__PURE__ */ P(ZZ, {
 				title: Oe,
-				children: oe && fe?.length >= oe ? /* @__PURE__ */ P(zZ, {
+				children: oe && fe?.length >= oe ? /* @__PURE__ */ P(JZ, {
 					variant: "contained",
 					color: "primary",
 					onClick: o,
 					disabled: !0,
 					children: f.label
-				}) : /* @__PURE__ */ P(RZ, {
+				}) : /* @__PURE__ */ P(qZ, {
 					variant: "contained",
 					color: "primary",
 					onClick: o,
@@ -42086,7 +42194,7 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 			})
 		]
 	});
-}, GZ = class extends ht.Component {
+}, eQ = class extends ht.Component {
 	static propTypes = {
 		model: U.default.object.isRequired,
 		configuration: U.default.object.isRequired,
@@ -42109,9 +42217,9 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 	};
 	onAddChoice = () => {
 		let { model: e, configuration: t, onModelChanged: n } = this.props, { maxAnswerChoices: r } = t || {}, { limitChoicesNumber: i } = e || {};
-		i && (r = PZ), !(r && e.choices.length >= r) && (e.choices.push({
+		i && (r = UZ), !(r && e.choices.length >= r) && (e.choices.push({
 			label: "",
-			value: IX.firstAvailableIndex(e.choices.map((e) => e.value), 0),
+			value: GX.firstAvailableIndex(e.choices.map((e) => e.value), 0),
 			feedback: { type: "none" }
 		}), n({ choices: e.choices }));
 	};
@@ -42145,12 +42253,12 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 	};
 	render() {
 		let { configuration: { minAnswerChoices: e } = {} } = this.props, { showWarning: t } = this.state;
-		return /* @__PURE__ */ F(ht.Fragment, { children: [/* @__PURE__ */ P(CJ, {
+		return /* @__PURE__ */ F(ht.Fragment, { children: [/* @__PURE__ */ P(MJ, {
 			open: t,
 			title: "Warning",
 			text: `There can't be less than ${e || 0} choices.`,
 			onConfirm: () => this.setState({ showWarning: !1 })
-		}), /* @__PURE__ */ P(WZ, {
+		}), /* @__PURE__ */ P($Z, {
 			...this.props,
 			onChangeModel: this.onModelChanged,
 			onRemoveChoice: this.onRemoveChoice,
@@ -42160,7 +42268,7 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 			onTeacherInstructionsChanged: this.onTeacherInstructionsChanged
 		})] });
 	}
-}, KZ = {
+}, tQ = {
 	model: {
 		choiceMode: "checkbox",
 		choicePrefix: "letters",
@@ -42307,7 +42415,7 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 			options: []
 		}
 	}
-}, qZ = (0, Vt.default)("multiple-choice:configure"), JZ = (e, t = 0) => {
+}, nQ = (0, Vt.default)("multiple-choice:configure"), rQ = (e, t = 0) => {
 	if (!e || e.length === 0) {
 		let e = [];
 		for (let n = 0; n < t; n++) e.push({
@@ -42321,35 +42429,35 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 		return e;
 	}
 	return e;
-}, YZ = (e, t) => {
-	let n = rt(e, KZ.configuration);
+}, iQ = (e, t) => {
+	let n = rt(e, tQ.configuration);
 	return {
 		configuration: n,
 		model: {
 			...t,
-			choices: JZ(t && t.choices || [], n && n.answerChoiceCount)
+			choices: rQ(t && t.choices || [], n && n.answerChoiceCount)
 		}
 	};
-}, XZ = class e extends HTMLElement {
+}, aQ = class e extends HTMLElement {
 	static createDefaultModel = (e = {}) => {
-		let t = IX.normalizeChoices({
-			...KZ.model,
+		let t = GX.normalizeChoices({
+			...tQ.model,
 			...e,
-			choices: JZ(e && e.choices || [])
+			choices: rQ(e && e.choices || [])
 		});
-		return t.choicesLayout = e.choicesLayout || e.verticalMode === !1 && "horizontal" || KZ.model.choicesLayout, t;
+		return t.choicesLayout = e.choicesLayout || e.verticalMode === !1 && "horizontal" || tQ.model.choicesLayout, t;
 	};
 	constructor() {
-		super(), this._root = null, this._reactContainer = null, this._model = e.createDefaultModel(), this._configuration = KZ.configuration, this.onModelChanged = this.onModelChanged.bind(this), this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+		super(), this._root = null, this._reactContainer = null, this._model = e.createDefaultModel(), this._configuration = tQ.configuration, this.onModelChanged = this.onModelChanged.bind(this), this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
 	}
 	set model(t) {
 		this._model = e.createDefaultModel(t), this._render();
 	}
 	set configuration(e) {
-		let t = YZ(e, this._model);
+		let t = iQ(e, this._model);
 		this.onModelChanged(t.model);
 		let n = {
-			...KZ.configuration,
+			...tQ.configuration,
 			...t.configuration
 		};
 		this._configuration = n, n?.language?.enabled ? n?.languageChoices?.options?.length && (this._model.language = n?.languageChoices.options[0].value) : n.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({
@@ -42371,7 +42479,7 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 		}, this._render(), this.dispatchModelUpdated(t);
 	}
 	onConfigurationChanged(e) {
-		this._configuration = YZ(e, this._model).configuration, this._model && this.onModelChanged(this._model), this._render();
+		this._configuration = iQ(e, this._model).configuration, this._model && this.onModelChanged(this._model), this._render();
 	}
 	insertImage(e) {
 		this.dispatchEvent(new Lt(e));
@@ -42386,9 +42494,9 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 		this.dispatchEvent(new Rt(e, t));
 	}
 	_render() {
-		qZ("_render - Starting render"), qZ("_render - Model:", this._model ? "present" : "missing"), qZ("_render - Configuration:", this._configuration ? "present" : "missing"), qZ("_render - Root exists:", !!this._root);
+		nQ("_render - Starting render"), nQ("_render - Model:", this._model ? "present" : "missing"), nQ("_render - Configuration:", this._configuration ? "present" : "missing"), nQ("_render - Root exists:", !!this._root);
 		try {
-			let e = ht.createElement(GZ, {
+			let e = ht.createElement(eQ, {
 				model: this._model,
 				configuration: this._configuration,
 				onModelChanged: this.onModelChanged,
@@ -42403,21 +42511,21 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 					delete: this.onDeleteSound.bind(this)
 				}
 			});
-			this._root || (qZ("_render - Creating React container"), this._reactContainer = document.createElement("div"), this._reactContainer.className = "pie-configure-wrapper", this.appendChild(this._reactContainer), qZ("_render - Creating new React root"), this._root = Pt(this._reactContainer), qZ("_render - React root created successfully")), qZ("_render - Calling root.render()"), this._root.render(e), qZ("_render - Render completed successfully");
+			this._root || (nQ("_render - Creating React container"), this._reactContainer = document.createElement("div"), this._reactContainer.className = "pie-configure-wrapper", this.appendChild(this._reactContainer), nQ("_render - Creating new React root"), this._root = Pt(this._reactContainer), nQ("_render - React root created successfully")), nQ("_render - Calling root.render()"), this._root.render(e), nQ("_render - Render completed successfully");
 		} catch (e) {
 			throw console.error("❌ [multiple-choice-configure] Render error:", e), console.error("Error stack:", e.stack), e;
 		}
 	}
 	connectedCallback() {
-		qZ("connectedCallback - Component connected to DOM"), qZ("connectedCallback - Model:", this._model ? "present" : "missing"), qZ("connectedCallback - Configuration:", this._configuration ? "present" : "missing"), this._render();
+		nQ("connectedCallback - Component connected to DOM"), nQ("connectedCallback - Model:", this._model ? "present" : "missing"), nQ("connectedCallback - Configuration:", this._configuration ? "present" : "missing"), this._render();
 	}
 	disconnectedCallback() {
-		qZ("disconnectedCallback - Component disconnected from DOM"), this._root &&= (qZ("disconnectedCallback - Unmounting React root"), this._root.unmount(), null), this._reactContainer &&= null;
+		nQ("disconnectedCallback - Component disconnected from DOM"), this._root &&= (nQ("disconnectedCallback - Unmounting React root"), this._root.unmount(), null), this._reactContainer &&= null;
 	}
-}, { Panel: ZZ, toggle: QZ, radio: $Z, dropdown: eQ } = pZ, tQ = M("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), nQ = M("div")(({ theme: e }) => ({
+}, { Panel: oQ, toggle: sQ, radio: cQ, dropdown: lQ } = SZ, uQ = M("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), dQ = M("div")(({ theme: e }) => ({
 	flex: 1,
 	height: e.spacing(2.5)
-})), rQ = class extends ht.Component {
+})), fQ = class extends ht.Component {
 	static propTypes = {
 		configuration: U.default.object,
 		model: U.default.object,
@@ -42438,52 +42546,52 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 			partA: o.choices && o.choices.length ? Array.from({ length: o.choices.length }, (e, t) => `${t + 1}`) : [],
 			partB: s.choices && s.choices.length ? Array.from({ length: s.choices.length }, (e, t) => `${t + 1}`) : []
 		}, pe = {
-			partLabels: _.partLabels.settings && QZ(_.partLabels.label),
-			partLabelType: e.partLabels && eQ("", ["Numbers", "Letters"]),
-			partialScoring: f.settings && QZ(f.label),
-			scoringType: m.settings && $Z(m.label, ["auto", "rubric"]),
-			"language.enabled": h.settings && QZ(h.label, !0),
-			language: h.settings && h.enabled && eQ(g.label, g.options)
+			partLabels: _.partLabels.settings && sQ(_.partLabels.label),
+			partLabelType: e.partLabels && lQ("", ["Numbers", "Letters"]),
+			partialScoring: f.settings && sQ(f.label),
+			scoringType: m.settings && cQ(m.label, ["auto", "rubric"]),
+			"language.enabled": h.settings && sQ(h.label, !0),
+			language: h.settings && h.enabled && lQ(g.label, g.options)
 		}, me = {
-			"partA.choiceMode": y.settings && $Z(y.label, ["checkbox", "radio"]),
-			"partA.choicePrefix": b.settings && $Z(b.label, ["numbers", "letters"]),
-			"partA.lockChoiceOrder": x.settings && QZ(x.label),
-			"partA.choicesLayout": ee.settings && eQ(ee.label, [
+			"partA.choiceMode": y.settings && cQ(y.label, ["checkbox", "radio"]),
+			"partA.choicePrefix": b.settings && cQ(b.label, ["numbers", "letters"]),
+			"partA.lockChoiceOrder": x.settings && sQ(x.label),
+			"partA.choicesLayout": ee.settings && lQ(ee.label, [
 				"vertical",
 				"grid",
 				"horizontal"
 			]),
-			"partA.gridColumns": ee.settings && o.choicesLayout === "grid" && fe.partA.length > 0 && eQ(T.label, fe.partA)
+			"partA.gridColumns": ee.settings && o.choicesLayout === "grid" && fe.partA.length > 0 && lQ(T.label, fe.partA)
 		}, he = {
-			"partA.feedbackEnabled": v.settings && QZ(v.label),
-			"partA.promptEnabled": S.settings && QZ(S.label),
-			"partA.teacherInstructionsEnabled": C.settings && QZ(C.label),
-			"partA.studentInstructionsEnabled": w.settings && QZ(w.label),
-			"partA.rationaleEnabled": te.settings && QZ(te.label),
-			"partA.spellCheckEnabled": E.settings && QZ(E.label)
+			"partA.feedbackEnabled": v.settings && sQ(v.label),
+			"partA.promptEnabled": S.settings && sQ(S.label),
+			"partA.teacherInstructionsEnabled": C.settings && sQ(C.label),
+			"partA.studentInstructionsEnabled": w.settings && sQ(w.label),
+			"partA.rationaleEnabled": te.settings && sQ(te.label),
+			"partA.spellCheckEnabled": E.settings && sQ(E.label)
 		}, ge = {
-			"partB.choiceMode": D.settings && $Z(D.label, ["checkbox", "radio"]),
-			"partB.choicePrefix": O.settings && $Z(O.label, ["numbers", "letters"]),
-			"partB.lockChoiceOrder": k.settings && QZ(k.label),
-			"partB.choicesLayout": oe.settings && eQ(oe.label, [
+			"partB.choiceMode": D.settings && cQ(D.label, ["checkbox", "radio"]),
+			"partB.choicePrefix": O.settings && cQ(O.label, ["numbers", "letters"]),
+			"partB.lockChoiceOrder": k.settings && sQ(k.label),
+			"partB.choicesLayout": oe.settings && lQ(oe.label, [
 				"vertical",
 				"grid",
 				"horizontal"
 			]),
-			"partB.gridColumns": oe.settings && s.choicesLayout === "grid" && fe.partB.length > 0 && eQ(se.label, fe.partB)
+			"partB.gridColumns": oe.settings && s.choicesLayout === "grid" && fe.partB.length > 0 && lQ(se.label, fe.partB)
 		}, _e = {
-			"partB.feedbackEnabled": ne.settings && QZ(ne.label),
-			"partB.promptEnabled": re.settings && QZ(re.label),
-			"partB.teacherInstructionsEnabled": ie.settings && QZ(ie.label),
-			"partB.studentInstructionsEnabled": ae.settings && QZ(ae.label),
-			"partB.rationaleEnabled": ce.settings && QZ(ce.label),
-			"partB.spellCheckEnabled": A.settings && QZ(A.label)
-		};
-		return /* @__PURE__ */ F(FX.ConfigLayout, {
+			"partB.feedbackEnabled": ne.settings && sQ(ne.label),
+			"partB.promptEnabled": re.settings && sQ(re.label),
+			"partB.teacherInstructionsEnabled": ie.settings && sQ(ie.label),
+			"partB.studentInstructionsEnabled": ae.settings && sQ(ae.label),
+			"partB.rationaleEnabled": ce.settings && sQ(ce.label),
+			"partB.spellCheckEnabled": A.settings && sQ(A.label)
+		};
+		return /* @__PURE__ */ F(WX.ConfigLayout, {
 			extraCSSRules: c,
 			dimensions: l,
 			hideSettings: p,
-			settings: /* @__PURE__ */ P(ZZ, {
+			settings: /* @__PURE__ */ P(oQ, {
 				model: e,
 				onChangeModel: this.onModelChanged,
 				configuration: t,
@@ -42497,7 +42605,7 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 				}
 			}),
 			children: [
-				e.partLabels && /* @__PURE__ */ P(tQ, { children: ue }),
+				e.partLabels && /* @__PURE__ */ P(uQ, { children: ue }),
 				/* @__PURE__ */ P(i, {
 					id: "A",
 					ref: (e) => {
@@ -42510,8 +42618,8 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 						});
 					}
 				}, "partA"),
-				/* @__PURE__ */ P(nQ, {}),
-				e.partLabels && /* @__PURE__ */ P(tQ, { children: de }),
+				/* @__PURE__ */ P(dQ, {}),
+				e.partLabels && /* @__PURE__ */ P(uQ, { children: de }),
 				/* @__PURE__ */ P(i, {
 					id: "B",
 					ref: (e) => {
@@ -42527,7 +42635,7 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 			]
 		});
 	}
-}, iQ = {
+}, pQ = {
 	addChoiceButton: {
 		settings: !0,
 		label: "Add a Choice"
@@ -42624,7 +42732,7 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 		showParagraphs: { disabled: !1 },
 		separateParagraphs: { disabled: !0 }
 	}
-}, aQ = (e) => ({
+}, mQ = (e) => ({
 	choiceMode: "radio",
 	choicePrefix: "letters",
 	choices: [],
@@ -42641,12 +42749,12 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 	teacherInstructionsEnabled: !0,
 	toolbarEditorPosition: "bottom",
 	...e
-}), oQ = {
+}), hQ = {
 	model: {
 		partLabels: !1,
 		partLabelType: "Letters",
-		partA: aQ(),
-		partB: aQ()
+		partA: mQ(),
+		partB: mQ()
 	},
 	configuration: {
 		baseInputConfiguration: {
@@ -42666,8 +42774,8 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 			settings: !1,
 			label: "Scoring Type"
 		},
-		partA: ot(iQ),
-		partB: ot(iQ),
+		partA: ot(pQ),
+		partB: ot(pQ),
 		partLabels: {
 			settings: !0,
 			label: "Part Labels"
@@ -42683,13 +42791,13 @@ var TZ = wZ(Ze, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ
 			options: []
 		}
 	}
-}, sQ = Ft.TYPE, cQ = We, lQ = class extends XZ {};
-customElements.get(cQ) || customElements.define(cQ, lQ);
-var uQ = (e, t) => ({
-	configuration: rt(e, oQ.configuration),
+}, gQ = Ft.TYPE, _Q = We, vQ = class extends aQ {};
+customElements.get(_Q) || customElements.define(_Q, vQ);
+var yQ = (e, t) => ({
+	configuration: rt(e, hQ.configuration),
 	model: t
-}), { model: dQ } = oQ || {}, fQ = class e extends HTMLElement {
-	static createDefaultModel = ({ partA: e = {}, partB: t = {}, ...n } = {}, r = dQ) => ({
+}), { model: bQ } = hQ || {}, xQ = class e extends HTMLElement {
+	static createDefaultModel = ({ partA: e = {}, partB: t = {}, ...n } = {}, r = bQ) => ({
 		...r,
 		...n,
 		partA: {
@@ -42704,7 +42812,7 @@ var uQ = (e, t) => ({
 		}
 	});
 	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = oQ.configuration, this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = hQ.configuration, this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
 	}
 	set model(t) {
 		this._model = e.createDefaultModel(t, this._model), this._render();
@@ -42717,8 +42825,8 @@ var uQ = (e, t) => ({
 		this._model = e.createDefaultModel(t, this._model), this.dispatchModelUpdated(n), this._render();
 	};
 	set configuration(e) {
-		let t = uQ(e, this._model), n = {
-			...oQ.configuration,
+		let t = yQ(e, this._model), n = {
+			...hQ.configuration,
 			...t.configuration
 		};
 		this._configuration = n, n?.language?.enabled ? n?.languageChoices?.options?.length && (this._model.language = n?.languageChoices.options[0].value) : n.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({
@@ -42727,7 +42835,7 @@ var uQ = (e, t) => ({
 		})) : delete this._model.language, this._render();
 	}
 	onConfigurationChanged(e) {
-		this._configuration = uQ(e, this._model).configuration, this._model && this.onModelChanged(this._model), this._render();
+		this._configuration = yQ(e, this._model).configuration, this._model && this.onModelChanged(this._model), this._render();
 	}
 	onModelUpdated = (e) => {
 		if (e.target === this) return;
@@ -42736,23 +42844,23 @@ var uQ = (e, t) => ({
 		t && (e.update && (this._model[`part${t}`] = e.update), this.dispatchEvent(new Ft(this._model)));
 	};
 	connectedCallback() {
-		this.addEventListener(sQ, this.onModelUpdated), this._render();
+		this.addEventListener(gQ, this.onModelUpdated), this._render();
 	}
 	_render() {
-		let e = ht.createElement(rQ, {
+		let e = ht.createElement(fQ, {
 			model: this._model,
 			configuration: this._configuration,
-			multipleChoiceTagName: cQ,
+			multipleChoiceTagName: _Q,
 			onModelChanged: this.onModelChanged,
 			onConfigurationChanged: this.onConfigurationChanged
 		});
 		this._root ||= Pt(this), this._root.render(e);
 	}
 	disconnectedCallback() {
-		this.removeEventListener(sQ, this.onModelUpdated), this._root &&= (this._root.unmount(), null);
+		this.removeEventListener(gQ, this.onModelUpdated), this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion
-export { fQ as default };
+export { xQ as default };
 
 //# sourceMappingURL=index.js.map