@pie-element/math-templated 7.1.1-next.16 → 7.1.1-next.18

package/dist/browser/author/index.js

@@ -33586,8 +33586,8 @@ eg.create({
 		})) ?? null };
 	}
 });
-var uB = "placeholder", dB = new q("tiptap__placeholder"), fB = 200;
-function pB(e) {
+var uB = "placeholder", dB = new q("tiptap__placeholder");
+function fB(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), nf.node(i, i + a.nodeSize, {
 		class: u.join(" "),
@@ -33599,156 +33599,198 @@ function pB(e) {
 		}) : n
 	});
 }
-function mB({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
+function pB(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function mB({ 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 && ch(r);
+		return r.type.isTextblock && (a || !t.showOnlyCurrent) && o && c.push(fB({
+			editor: e,
+			isEmptyDoc: l,
+			dataAttribute: n,
+			hasAnchor: a,
+			placeholder: t.placeholder,
+			classes: {
+				emptyEditor: t.emptyEditorClass,
+				emptyNode: pB(t.emptyNodeClass, {
+					editor: e,
+					node: r,
+					pos: i,
+					hasAnchor: a
+				})
+			},
+			node: r,
+			pos: i
+		})), t.includeChildren;
+	}), c;
+}
+function hB({ 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 && ch(l)) {
-			let r = a >= u && a <= u + l.nodeSize;
-			o.push(pB({
+		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 && ch(c)) {
+			let r = a >= l && a <= l + c.nodeSize;
+			o.push(fB({
 				editor: e,
 				isEmptyDoc: s,
 				dataAttribute: n,
 				hasAnchor: r,
 				placeholder: t.placeholder,
-				classes: c,
-				node: l,
-				pos: u
+				classes: {
+					emptyEditor: t.emptyEditorClass,
+					emptyNode: pB(t.emptyNodeClass, {
+						editor: e,
+						node: c,
+						pos: l,
+						hasAnchor: r
+					})
+				},
+				node: c,
+				pos: l
 			}));
 		}
-	} else {
-		let i = dB.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 && ch(r);
-			return r.type.isTextblock && (l || !t.showOnlyCurrent) && u && o.push(pB({
-				editor: e,
-				isEmptyDoc: s,
-				dataAttribute: n,
-				hasAnchor: l,
-				placeholder: t.placeholder,
-				classes: c,
-				node: r,
-				pos: i
-			})), t.includeChildren;
-		});
-	}
+	} else o.push(...mB({
+		editor: e,
+		options: t,
+		dataAttribute: n,
+		doc: r,
+		selection: i,
+		from: 0,
+		to: r.content.size
+	}));
 	return of.create(r, o);
 }
-function hB(e) {
-	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+function gB(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 gB(e) {
-	let t = getComputedStyle(e), n = `${t.overflow} ${t.overflowY} ${t.overflowX}`;
-	return /auto|scroll|overlay/.test(n);
+function _B(e, t) {
+	return {
+		from: Math.max(0, t.from - 1),
+		to: Math.min(e.content.size, t.to - 1)
+	};
 }
-function _B(e) {
-	let t = e;
-	for (; t;) {
-		if (gB(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 vB(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 yB(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 vB(e) {
-	return e === window ? {
-		top: 0,
-		bottom: window.innerHeight
-	} : e.getBoundingClientRect();
+function bB(e, t) {
+	let n = vB(e, t.from, t.to);
+	return n.push(_B(e, gB(e, t.from))), t.to > t.from ? n.push(_B(e, gB(e, Math.min(t.to, e.content.size + 1) - 1))) : t.from < e.content.size + 1 && n.push(_B(e, gB(e, Math.min(t.from + 1, e.content.size)))), n;
 }
-function yB({ doc: e, view: t, scrollContainer: n }) {
-	let r = t.dom.getBoundingClientRect(), i = n ? vB(n) : {
-		top: 0,
-		bottom: window.innerHeight
-	}, a = Math.max(r.top, i.top) - fB, o = Math.min(r.bottom, i.bottom) + fB;
-	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 xB(e, t, n) {
+	let r = [];
+	if (e.docChanged) {
+		let t = Zm(e);
+		for (let e of t) r.push(...bB(n.doc, e.newRange));
+	}
+	return e.selectionSet && (r.push(_B(n.doc, gB(n.doc, e.mapping.map(t.selection.anchor)))), r.push(_B(n.doc, gB(n.doc, n.selection.anchor)))), yB(r);
 }
-var bB = {
-	init() {
-		return {
-			topPos: null,
-			bottomPos: null
-		};
-	},
-	apply(e, t) {
-		let n = e.getMeta(dB);
-		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 SB(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 CB({ 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 } = SB(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 = mB({
+			editor: n,
+			options: r,
+			dataAttribute: i,
+			doc: a,
+			selection: o,
+			from: t,
+			to: c
+		});
+		u.length && (s = s.add(a, u));
 	}
-};
-function xB(e) {
-	let t = _B(e.dom), n = () => {
-		let n = yB({
-			view: e,
-			doc: e.state.doc,
-			scrollContainer: t
-		}), r = dB.getState(e.state);
-		if (r?.topPos === n.top && r?.bottomPos === n.bottom) return;
-		let i = e.state.tr.setMeta(dB, { 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 wB({ editor: e, options: t, dataAttribute: n }) {
+	return {
+		init(r, i) {
+			return hB({
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: i.doc,
+				selection: i.selection
+			}) ?? of.empty;
 		},
-		destroy: () => {
-			r !== null && cancelAnimationFrame(r), t.removeEventListener("scroll", a);
+		apply(r, i, a, o) {
+			return !r.docChanged && !r.selectionSet ? i : CB({
+				decorations: i.map(r.mapping, r.doc),
+				ranges: xB(r, a, o),
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: o.doc,
+				selection: o.selection
+			});
 		}
 	};
 }
-function SB({ editor: e, options: t }) {
-	let n = t.dataAttribute ? `data-${hB(t.dataAttribute)}` : `data-${uB}`;
+function TB(e) {
+	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+}
+function EB({ editor: e, options: t }) {
+	let n = t.dataAttribute ? `data-${TB(t.dataAttribute)}` : `data-${uB}`, r = t.showOnlyCurrent && !t.includeChildren;
 	return new K({
 		key: dB,
-		state: bB,
-		view: xB,
-		props: { decorations: ({ doc: r, selection: i }) => mB({
+		...r ? {} : { state: wB({
+			editor: e,
+			options: t,
+			dataAttribute: n
+		}) },
+		props: { decorations: r ? ({ doc: r, selection: i }) => hB({
 			editor: e,
 			options: t,
 			dataAttribute: n,
 			doc: r,
 			selection: i
-		}) }
+		}) : (n) => t.showOnlyWhenEditable && !e.isEditable ? of.empty : dB.getState(n) ?? of.empty }
 	});
 }
-var CB = eg.create({
+var DB = eg.create({
 	name: "placeholder",
 	addOptions() {
 		return {
@@ -33762,12 +33804,25 @@ var CB = eg.create({
 		};
 	},
 	addProseMirrorPlugins() {
-		return [SB({
+		return [EB({
 			editor: this.editor,
 			options: this.options
 		})];
 	}
 });
+function OB(e, t) {
+	return !e.selection.empty && !lh(e.selection) && t.isEditable;
+}
+function kB(e, t) {
+	return OB(e, t) && !t.isFocused && !t.view.dragging;
+}
+function AB() {
+	var e;
+	(e = window.getSelection()) == null || e.removeAllRanges();
+}
+function jB(e) {
+	e.focus();
+}
 eg.create({
 	name: "selection",
 	addOptions() {
@@ -33777,13 +33832,25 @@ eg.create({
 		let { editor: e, options: t } = this;
 		return [new K({
 			key: new q("selection"),
-			props: { decorations(n) {
-				return n.selection.empty || e.isFocused || !e.isEditable || lh(n.selection) || e.view.dragging ? null : of.create(n.doc, [nf.inline(n.selection.from, n.selection.to, { class: t.className })]);
-			} }
+			props: {
+				decorations(n) {
+					return kB(n, e) ? of.create(n.doc, [nf.inline(n.selection.from, n.selection.to, { class: t.className })]) : null;
+				},
+				handleDOMEvents: {
+					blur(t) {
+						return OB(t.state, e) && AB(), !1;
+					},
+					focus(t) {
+						return OB(t.state, e) && requestAnimationFrame(() => {
+							!e.isDestroyed && t.hasFocus() && jB(t);
+						}), !1;
+					}
+				}
+			}
 		})];
 	}
 });
-function wB({ types: e, node: t }) {
+function MB({ types: e, node: t }) {
 	return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
 }
 eg.create({
@@ -33805,7 +33872,7 @@ eg.create({
 			state: {
 				init: (e, t) => {
 					let r = t.tr.doc.lastChild;
-					return !wB({
+					return !MB({
 						node: r,
 						types: n
 					});
@@ -33813,7 +33880,7 @@ eg.create({
 				apply: (e, t) => {
 					if (!e.docChanged || e.getMeta("__uniqueIDTransaction")) return t;
 					let r = e.doc.lastChild;
-					return !wB({
+					return !MB({
 						node: r,
 						types: n
 					});
@@ -33848,7 +33915,7 @@ eg.create({
 		};
 	}
 });
-var TB = Kh.create({
+var NB = Kh.create({
 	name: "superscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -33878,7 +33945,7 @@ var TB = Kh.create({
 	addKeyboardShortcuts() {
 		return { "Mod-.": () => this.editor.commands.toggleSuperscript() };
 	}
-}), EB = Kh.create({
+}), PB = Kh.create({
 	name: "subscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -33908,7 +33975,7 @@ var TB = Kh.create({
 	addKeyboardShortcuts() {
 		return { "Mod-,": () => this.editor.commands.toggleSubscript() };
 	}
-}), DB = eg.create({
+}), FB = eg.create({
 	name: "textAlign",
 	addOptions() {
 		return {
@@ -33950,7 +34017,7 @@ var TB = Kh.create({
 			"Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
 		};
 	}
-}), OB = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, kB = Ag.create({
+}), IB = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, LB = Ag.create({
 	name: "image",
 	addOptions() {
 		return {
@@ -34043,7 +34110,7 @@ var TB = Kh.create({
 	},
 	addInputRules() {
 		return [gg({
-			find: OB,
+			find: IB,
 			type: this.type,
 			getAttributes: (e) => {
 				let [, , t, n, r] = e;
@@ -34055,17 +34122,17 @@ var TB = Kh.create({
 			}
 		})];
 	}
-}), AB = CB, jB = {
+}), RB = DB, zB = {
 	position: "bottom",
 	alignment: "left",
 	alwaysVisible: !1,
 	showDone: !0,
 	doneOn: "blur"
-}, MB = {
+}, BB = {
 	options: {},
 	respAreaToolbar: () => {},
 	onHandleAreaChange: () => {}
-}, NB = [
+}, VB = [
 	"bold",
 	"italic",
 	"underline",
@@ -34087,7 +34154,7 @@ var TB = Kh.create({
 	"h3",
 	"undo",
 	"redo"
-], PB = {
+], HB = {
 	"--white": "#fff",
 	"--black": "#2e2b29",
 	"--black-contrast": "#110f0e",
@@ -34106,14 +34173,18 @@ var TB = Kh.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)"
-}, FB = (e) => {
+}, UB = (e) => ({
+	spellcheck: e ? "true" : "false",
+	autocorrect: e ? "on" : "off",
+	autocapitalize: e ? "on" : "off"
+}), WB = (e) => {
 	let { showParagraphs: t, separateParagraphs: n } = e.pluginProps || {}, [r, i] = _t([]), [a, o] = _t(!1), { toolbarOpts: s } = e, c = dt((e) => {
 		i((t) => {
 			let n = t.filter((t) => t.pos !== e);
 			return n.length === 0 && o(!1), n;
 		});
 	}, [i]), l = {
-		...jB,
+		...zB,
 		...s
 	}, u = dt((t) => {
 		let n = t.getHTML();
@@ -34124,13 +34195,13 @@ var TB = Kh.create({
 		e.onDone,
 		l.doneOn
 	]), d = ht(() => ({
-		...MB,
+		...BB,
 		...e.responseAreaProps,
 		onInlineDropdownToolbarClose: u
 	}), [e.responseAreaProps, u]), f = ht(() => {
 		let { customPlugins: t, ...n } = e.pluginProps || {};
 		t ||= [];
-		let r = (e.activePlugins || NB)?.filter((e) => {
+		let r = (e.activePlugins || VB)?.filter((e) => {
 			let t = Qn[e] || e, r = n[t] || {};
 			return !r || !r.disabled;
 		});
@@ -34148,103 +34219,112 @@ var TB = Kh.create({
 			setKeypadInteraction: {},
 			media: {}
 		});
-	}, [e, d.type]), p = Iw({
-		extensions: [
-			DB.configure({
-				types: [
-					"heading",
-					"paragraph",
-					"div",
-					"headingParagraph",
-					"h1",
-					"h2",
-					"h3",
-					"h4",
-					"h5",
-					"h6",
-					"td",
-					"th"
-				],
-				alignments: [
-					"left",
-					"right",
-					"center",
-					"justify"
-				]
-			}),
-			cB,
-			lB.configure({ limit: e.charactersLimit || 1e6 }),
-			Qz.configure({ trailingNode: {
+	}, [e, d.type]), p = [
+		FB.configure({
+			types: [
+				"heading",
+				"paragraph",
+				"div",
+				"headingParagraph",
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"h6",
+				"td",
+				"th"
+			],
+			alignments: [
+				"left",
+				"right",
+				"center",
+				"justify"
+			]
+		}),
+		cB,
+		lB.configure({ limit: e.charactersLimit || 1e6 }),
+		Qz.configure({
+			trailingNode: {
 				node: "paragraph",
 				notAfter: ["paragraph", "div"]
-			} }),
-			rj,
-			cC,
-			ij,
-			lC,
-			uC,
-			AB.configure({
-				placeholder: e.placeholder,
-				showOnlyWhenEditable: !0,
-				showOnlyCurrent: !1,
-				includeChildren: !0
-			}),
-			iC,
-			HS,
-			sC,
-			oC,
-			TT.configure(d),
-			ET.configure(d),
-			OT.configure(d),
-			kT.configure(d),
-			DT.configure(d),
-			WD.configure({
-				toolbarOpts: l,
-				math: e.pluginProps?.math || {}
-			}),
-			EB,
-			TB,
-			kB,
-			nk.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 = m(() => {
-								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
-			}),
-			aA.configure({ uploadSoundSupport: e.uploadSoundSupport }),
-			SA.configure({ extraCSSRules: e.extraCSSRules })
-		],
+			},
+			link: {
+				autolink: !1,
+				linkOnPaste: !1
+			}
+		}),
+		rj,
+		cC,
+		ij,
+		lC,
+		uC,
+		RB.configure({
+			placeholder: e.placeholder,
+			showOnlyWhenEditable: !0,
+			showOnlyCurrent: !1,
+			includeChildren: !0
+		}),
+		iC,
+		HS,
+		sC,
+		oC,
+		TT.configure(d),
+		ET.configure(d),
+		OT.configure(d),
+		kT.configure(d),
+		DT.configure(d),
+		WD.configure({
+			toolbarOpts: l,
+			math: e.pluginProps?.math || {}
+		}),
+		PB,
+		NB,
+		LB,
+		nk.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 = m(() => {
+							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
+		}),
+		aA.configure({ uploadSoundSupport: e.uploadSoundSupport }),
+		SA.configure({ extraCSSRules: e.extraCSSRules })
+	], h = e.spellCheck !== !1, g = Iw({
+		extensions: p,
 		immediatelyRender: !1,
-		editorProps: { handleKeyDown(t, n) {
-			return e.onKeyDown ? e.onKeyDown(n) : !1;
-		} },
+		editorProps: {
+			attributes: UB(h),
+			handleKeyDown(t, n) {
+				return e.onKeyDown ? e.onKeyDown(n) : !1;
+			}
+		},
 		editable: !e.disabled,
 		content: rr(e.markup),
 		onUpdate: ({ editor: t, transaction: n }) => {
@@ -34255,22 +34335,29 @@ var TB = Kh.create({
 		}
 	}, [e.charactersLimit]);
 	R(() => {
-		e.editorRef && e.editorRef(p);
-	}, [e.editorRef, p]), R(() => {
-		p?.setEditable(!e.disabled);
-	}, [e.disabled, p]), R(() => {
-		if (!p) return;
+		e.editorRef && e.editorRef(g);
+	}, [e.editorRef, g]), R(() => {
+		g?.setEditable(!e.disabled);
+	}, [e.disabled, g]), R(() => {
+		if (!g) return;
+		let e = g.options?.editorProps, t = UB(h);
+		e?.attributes?.spellcheck !== t.spellcheck && g.setOptions({ editorProps: {
+			...e,
+			attributes: t
+		} });
+	}, [h, g]), R(() => {
+		if (!g) return;
 		let t = rr(e.markup);
-		t !== p.getHTML() && p.commands.setContent(t, { emitUpdate: !1 });
-	}, [e.markup, p]), R(() => {
-		Object.entries(PB).forEach(([e, t]) => {
+		t !== g.getHTML() && g.commands.setContent(t, { emitUpdate: !1 });
+	}, [e.markup, g]), R(() => {
+		Object.entries(HB).forEach(([e, t]) => {
 			document.documentElement.style.setProperty(e, t);
 		});
 	}, []);
-	let h = Mw({
-		editor: p,
+	let _ = Mw({
+		editor: g,
 		selector: (e) => ({ isFocused: e.editor?.isFocused })
-	}), g = ht(() => {
+	}), v = ht(() => {
 		let { minWidth: t, width: n, maxWidth: r, minHeight: i, height: a, maxHeight: o } = e;
 		return {
 			width: aj(n),
@@ -34285,20 +34372,20 @@ var TB = Kh.create({
 		...e,
 		activePlugins: f,
 		toolbarOpts: l,
-		editorState: h,
-		editor: p,
-		children: p && /* @__PURE__ */ z(IB, {
+		editorState: _,
+		editor: g,
+		children: g && /* @__PURE__ */ z(GB, {
 			style: {
-				minHeight: g.minHeight,
-				height: g.height,
-				maxHeight: g.maxHeight
+				minHeight: v.minHeight,
+				height: v.height,
+				maxHeight: v.maxHeight
 			},
 			showParagraph: t && !t.disabled,
 			separateParagraph: n && !n.disabled,
-			editor: p
+			editor: g
 		})
 	});
-}, IB = F(kw, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
+}, GB = F(kw, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
 	display: "flex",
 	outline: "none !important",
 	"& .ProseMirror": {
@@ -34326,7 +34413,7 @@ var TB = Kh.create({
 		} },
 		...t && { "& > p:has(+ p)": { marginBottom: "1em" } }
 	}
-})), LB = FB, RB = class e extends CustomEvent {
+})), KB = WB, qB = class e extends CustomEvent {
 	static {
 		this.TYPE = "model.updated";
 	}
@@ -34339,7 +34426,7 @@ var TB = Kh.create({
 			}
 		}), this.update = t, this.reset = n;
 	}
-}, zB = class e extends CustomEvent {
+}, JB = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.image";
 	}
@@ -34352,7 +34439,7 @@ var TB = Kh.create({
 			}
 		}), this.src = t, this.done = n;
 	}
-}, BB = class e extends CustomEvent {
+}, YB = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.image";
 	}
@@ -34362,7 +34449,7 @@ var TB = Kh.create({
 			detail: t
 		}), this.handler = t;
 	}
-}, VB = class e extends CustomEvent {
+}, XB = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.sound";
 	}
@@ -34375,7 +34462,7 @@ var TB = Kh.create({
 			}
 		}), this.src = t, this.done = n;
 	}
-}, HB = class e extends CustomEvent {
+}, ZB = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.sound";
 	}
@@ -34385,22 +34472,22 @@ var TB = Kh.create({
 			detail: t
 		}), this.handler = t;
 	}
-}, UB = E(/*#__PURE__*/ z("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");
+}, QB = E(/*#__PURE__*/ z("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");
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Card/cardClasses.js
-function WB(e) {
+function $B(e) {
 	return k("MuiCard", e);
 }
 I("MuiCard", ["root"]);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Card/Card.js
-var GB = (e) => {
+var eV = (e) => {
 	let { classes: t } = e;
-	return j({ root: ["root"] }, WB, t);
-}, KB = F(x, {
+	return j({ root: ["root"] }, $B, t);
+}, tV = F(x, {
 	name: "MuiCard",
 	slot: "Root"
-})({ overflow: "hidden" }), qB = /*#__PURE__*/ L.forwardRef(function(e, t) {
+})({ overflow: "hidden" }), nV = /*#__PURE__*/ L.forwardRef(function(e, t) {
 	let n = He({
 		props: e,
 		name: "MuiCard"
@@ -34408,8 +34495,8 @@ var GB = (e) => {
 		...n,
 		raised: i
 	};
-	return /*#__PURE__*/ z(KB, {
-		className: S(GB(o).root, r),
+	return /*#__PURE__*/ z(tV, {
+		className: S(eV(o).root, r),
 		elevation: i ? 8 : void 0,
 		ref: t,
 		ownerState: o,
@@ -34418,22 +34505,22 @@ var GB = (e) => {
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/CardContent/cardContentClasses.js
-function JB(e) {
+function rV(e) {
 	return k("MuiCardContent", e);
 }
 I("MuiCardContent", ["root"]);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/CardContent/CardContent.js
-var YB = (e) => {
+var iV = (e) => {
 	let { classes: t } = e;
-	return j({ root: ["root"] }, JB, t);
-}, XB = F("div", {
+	return j({ root: ["root"] }, rV, t);
+}, aV = F("div", {
 	name: "MuiCardContent",
 	slot: "Root"
 })({
 	padding: 16,
 	"&:last-child": { paddingBottom: 24 }
-}), ZB = /*#__PURE__*/ L.forwardRef(function(e, t) {
+}), oV = /*#__PURE__*/ L.forwardRef(function(e, t) {
 	let n = He({
 		props: e,
 		name: "MuiCardContent"
@@ -34441,9 +34528,9 @@ var YB = (e) => {
 		...n,
 		component: i
 	};
-	return /*#__PURE__*/ z(XB, {
+	return /*#__PURE__*/ z(aV, {
 		as: i,
-		className: S(YB(o).root, r),
+		className: S(iV(o).root, r),
 		ownerState: o,
 		ref: t,
 		...a
@@ -34451,7 +34538,7 @@ var YB = (e) => {
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/internal/switchBaseClasses.js
-function QB(e) {
+function sV(e) {
 	return k("PrivateSwitchBase", e);
 }
 I("PrivateSwitchBase", [
@@ -34464,7 +34551,7 @@ I("PrivateSwitchBase", [
 ]);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/internal/SwitchBase.js
-var $B = (e) => {
+var cV = (e) => {
 	let { classes: t, checked: n, disabled: r, edge: i } = e;
 	return j({
 		root: [
@@ -34474,8 +34561,8 @@ var $B = (e) => {
 			i && `edge${M(i)}`
 		],
 		input: ["input"]
-	}, QB, t);
-}, eV = F(oe, { name: "MuiSwitchBase" })({
+	}, sV, t);
+}, lV = F(oe, { name: "MuiSwitchBase" })({
 	padding: 9,
 	borderRadius: "50%",
 	variants: [
@@ -34502,7 +34589,7 @@ var $B = (e) => {
 			style: { marginRight: -12 }
 		}
 	]
-}), tV = F("input", {
+}), uV = F("input", {
 	name: "MuiSwitchBase",
 	shouldForwardProp: Te
 })({
@@ -34516,7 +34603,7 @@ var $B = (e) => {
 	margin: 0,
 	padding: 0,
 	zIndex: 1
-}), nV = /*#__PURE__*/ L.forwardRef(function(e, t) {
+}), dV = /*#__PURE__*/ L.forwardRef(function(e, t) {
 	let { autoFocus: n, checked: r, checkedIcon: i, defaultChecked: a, disabled: o, disableFocusRipple: s = !1, edge: c = !1, icon: l, id: u, inputProps: d, inputRef: f, name: p, onBlur: m, onChange: h, onFocus: g, readOnly: _, required: v = !1, tabIndex: y, type: b, value: x, slots: S = {}, slotProps: C = {}, ...w } = e, [ee, T] = ve({
 		controlled: r,
 		default: !!a,
@@ -34538,7 +34625,7 @@ var $B = (e) => {
 		disabled: ie,
 		disableFocusRipple: s,
 		edge: c
-	}, oe = $B(ae), se = {
+	}, oe = cV(ae), se = {
 		slots: S,
 		slotProps: {
 			input: d,
@@ -34546,7 +34633,7 @@ var $B = (e) => {
 		}
 	}, [ce, le] = A("root", {
 		ref: t,
-		elementType: eV,
+		elementType: lV,
 		className: oe.root,
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
@@ -34572,7 +34659,7 @@ var $B = (e) => {
 		}
 	}), [O, ue] = A("input", {
 		ref: f,
-		elementType: tV,
+		elementType: uV,
 		className: oe.input,
 		externalForwardedProps: se,
 		getSlotProps: (e) => ({
@@ -34600,13 +34687,13 @@ var $B = (e) => {
 		...le,
 		children: [/*#__PURE__*/ z(O, { ...ue }), ee ? i : l]
 	});
-}), rV = E(/*#__PURE__*/ z("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }), "CheckBoxOutlineBlank"), iV = E(/*#__PURE__*/ z("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }), "CheckBox"), aV = E(/*#__PURE__*/ z("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z" }), "IndeterminateCheckBox");
+}), fV = E(/*#__PURE__*/ z("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }), "CheckBoxOutlineBlank"), pV = E(/*#__PURE__*/ z("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }), "CheckBox"), mV = E(/*#__PURE__*/ z("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z" }), "IndeterminateCheckBox");
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Checkbox/checkboxClasses.js
-function oV(e) {
+function hV(e) {
 	return k("MuiCheckbox", e);
 }
-var sV = I("MuiCheckbox", [
+var gV = I("MuiCheckbox", [
 	"root",
 	"checked",
 	"disabled",
@@ -34615,18 +34702,18 @@ var sV = I("MuiCheckbox", [
 	"colorSecondary",
 	"sizeSmall",
 	"sizeMedium"
-]), cV = (e) => {
+]), _V = (e) => {
 	let { classes: t, indeterminate: n, color: r, size: i } = e, a = j({ root: [
 		"root",
 		n && "indeterminate",
 		`color${M(r)}`,
 		`size${M(i)}`
-	] }, oV, t);
+	] }, hV, t);
 	return {
 		...t,
 		...a
 	};
-}, lV = F(nV, {
+}, vV = F(dV, {
 	shouldForwardProp: (e) => Te(e) || e === "classes",
 	name: "MuiCheckbox",
 	slot: "Root",
@@ -34659,8 +34746,8 @@ var sV = I("MuiCheckbox", [
 		...Object.entries(e.palette).filter(D()).map(([t]) => ({
 			props: { color: t },
 			style: {
-				[`&.${sV.checked}, &.${sV.indeterminate}`]: { color: (e.vars || e).palette[t].main },
-				[`&.${sV.disabled}`]: { color: (e.vars || e).palette.action.disabled }
+				[`&.${gV.checked}, &.${gV.indeterminate}`]: { color: (e.vars || e).palette[t].main },
+				[`&.${gV.disabled}`]: { color: (e.vars || e).palette.action.disabled }
 			}
 		})),
 		{
@@ -34668,19 +34755,19 @@ var sV = I("MuiCheckbox", [
 			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
 		}
 	]
-}))), uV = /*#__PURE__*/ z(iV, {}), dV = /*#__PURE__*/ z(rV, {}), fV = /*#__PURE__*/ z(aV, {}), pV = /*#__PURE__*/ L.forwardRef(function(e, t) {
+}))), yV = /*#__PURE__*/ z(pV, {}), bV = /*#__PURE__*/ z(fV, {}), xV = /*#__PURE__*/ z(mV, {}), SV = /*#__PURE__*/ L.forwardRef(function(e, t) {
 	let n = He({
 		props: e,
 		name: "MuiCheckbox"
-	}), { checkedIcon: r = uV, color: i = "primary", icon: a = dV, indeterminate: o = !1, indeterminateIcon: s = fV, inputProps: c, size: l = "medium", disableRipple: u = !1, className: d, slots: f = {}, slotProps: p = {}, ...m } = n, h = o ? s : a, g = o ? s : r, _ = {
+	}), { checkedIcon: r = yV, color: i = "primary", icon: a = bV, indeterminate: o = !1, indeterminateIcon: s = xV, inputProps: c, size: l = "medium", disableRipple: u = !1, className: d, slots: f = {}, slotProps: p = {}, ...m } = n, h = o ? s : a, g = o ? s : r, _ = {
 		...n,
 		disableRipple: u,
 		color: i,
 		indeterminate: o,
 		size: l
-	}, v = cV(_), y = p.input ?? c, [b, x] = A("root", {
+	}, v = _V(_), y = p.input ?? c, [b, x] = A("root", {
 		ref: t,
-		elementType: lV,
+		elementType: vV,
 		className: S(v.root, d),
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
@@ -34708,10 +34795,10 @@ var sV = I("MuiCheckbox", [
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormControlLabel/formControlLabelClasses.js
-function mV(e) {
+function CV(e) {
 	return k("MuiFormControlLabel", e);
 }
-var hV = I("MuiFormControlLabel", [
+var wV = I("MuiFormControlLabel", [
 	"root",
 	"labelPlacementStart",
 	"labelPlacementTop",
@@ -34721,7 +34808,7 @@ var hV = I("MuiFormControlLabel", [
 	"error",
 	"required",
 	"asterisk"
-]), gV = (e) => {
+]), TV = (e) => {
 	let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e;
 	return j({
 		root: [
@@ -34733,14 +34820,14 @@ var hV = I("MuiFormControlLabel", [
 		],
 		label: ["label", n && "disabled"],
 		asterisk: ["asterisk", i && "error"]
-	}, mV, t);
-}, _V = F("label", {
+	}, CV, t);
+}, EV = F("label", {
 	name: "MuiFormControlLabel",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
-			{ [`& .${hV.label}`]: t.label },
+			{ [`& .${wV.label}`]: t.label },
 			t.root,
 			t[`labelPlacement${M(n.labelPlacement)}`]
 		];
@@ -34753,8 +34840,8 @@ var hV = I("MuiFormControlLabel", [
 	WebkitTapHighlightColor: "transparent",
 	marginLeft: -11,
 	marginRight: 16,
-	[`&.${hV.disabled}`]: { cursor: "default" },
-	[`& .${hV.label}`]: { [`&.${hV.disabled}`]: { color: (e.vars || e).palette.text.disabled } },
+	[`&.${wV.disabled}`]: { cursor: "default" },
+	[`& .${wV.label}`]: { [`&.${wV.disabled}`]: { color: (e.vars || e).palette.text.disabled } },
 	variants: [
 		{
 			props: { labelPlacement: "start" },
@@ -34776,10 +34863,10 @@ var hV = I("MuiFormControlLabel", [
 			style: { marginLeft: 16 }
 		}
 	]
-}))), vV = F("span", {
+}))), DV = F("span", {
 	name: "MuiFormControlLabel",
 	slot: "Asterisk"
-})(P(({ theme: e }) => ({ [`&.${hV.error}`]: { color: (e.vars || e).palette.error.main } }))), yV = /*#__PURE__*/ L.forwardRef(function(e, t) {
+})(P(({ theme: e }) => ({ [`&.${wV.error}`]: { color: (e.vars || e).palette.error.main } }))), OV = /*#__PURE__*/ L.forwardRef(function(e, t) {
 	let n = He({
 		props: e,
 		name: "MuiFormControlLabel"
@@ -34806,7 +34893,7 @@ var hV = I("MuiFormControlLabel", [
 		labelPlacement: d,
 		required: x,
 		error: w.error
-	}, T = gV(ee), [te, E] = A("typography", {
+	}, T = TV(ee), [te, E] = A("typography", {
 		elementType: zT,
 		externalForwardedProps: {
 			slots: h,
@@ -34822,12 +34909,12 @@ var hV = I("MuiFormControlLabel", [
 		...E,
 		className: S(T.label, E?.className),
 		children: ne
-	})), /*#__PURE__*/ B(_V, {
+	})), /*#__PURE__*/ B(EV, {
 		className: S(T.root, i),
 		ownerState: ee,
 		ref: t,
 		...v,
-		children: [/*#__PURE__*/ L.cloneElement(o, C), x ? /*#__PURE__*/ B("div", { children: [ne, /*#__PURE__*/ B(vV, {
+		children: [/*#__PURE__*/ L.cloneElement(o, C), x ? /*#__PURE__*/ B("div", { children: [ne, /*#__PURE__*/ B(DV, {
 			ownerState: ee,
 			"aria-hidden": !0,
 			className: T.asterisk,
@@ -34837,10 +34924,10 @@ var hV = I("MuiFormControlLabel", [
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/InputAdornment/inputAdornmentClasses.js
-function bV(e) {
+function kV(e) {
 	return k("MuiInputAdornment", e);
 }
-var xV = I("MuiInputAdornment", [
+var AV = I("MuiInputAdornment", [
 	"root",
 	"filled",
 	"standard",
@@ -34850,7 +34937,7 @@ var xV = I("MuiInputAdornment", [
 	"disablePointerEvents",
 	"hiddenLabel",
 	"sizeSmall"
-]), SV, CV = (e, t) => {
+]), jV, MV = (e, t) => {
 	let { ownerState: n } = e;
 	return [
 		t.root,
@@ -34858,7 +34945,7 @@ var xV = I("MuiInputAdornment", [
 		n.disablePointerEvents === !0 && t.disablePointerEvents,
 		t[n.variant]
 	];
-}, wV = (e) => {
+}, NV = (e) => {
 	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
 	return j({ root: [
 		"root",
@@ -34867,11 +34954,11 @@ var xV = I("MuiInputAdornment", [
 		o,
 		r && "hiddenLabel",
 		a && `size${M(a)}`
-	] }, bV, t);
-}, TV = F("div", {
+	] }, kV, t);
+}, PV = F("div", {
 	name: "MuiInputAdornment",
 	slot: "Root",
-	overridesResolver: CV
+	overridesResolver: MV
 })(P(({ theme: e }) => ({
 	display: "flex",
 	maxHeight: "2em",
@@ -34881,7 +34968,7 @@ var xV = I("MuiInputAdornment", [
 	variants: [
 		{
 			props: { variant: "filled" },
-			style: { [`&.${xV.positionStart}&:not(.${xV.hiddenLabel})`]: { marginTop: 16 } }
+			style: { [`&.${AV.positionStart}&:not(.${AV.hiddenLabel})`]: { marginTop: 16 } }
 		},
 		{
 			props: { position: "start" },
@@ -34896,7 +34983,7 @@ var xV = I("MuiInputAdornment", [
 			style: { pointerEvents: "none" }
 		}
 	]
-}))), EV = /*#__PURE__*/ L.forwardRef(function(e, t) {
+}))), FV = /*#__PURE__*/ L.forwardRef(function(e, t) {
 	let n = He({
 		props: e,
 		name: "MuiInputAdornment"
@@ -34909,10 +34996,10 @@ var xV = I("MuiInputAdornment", [
 		disablePointerEvents: o,
 		position: c,
 		variant: f
-	}, m = wV(p);
+	}, m = NV(p);
 	return /*#__PURE__*/ z(je.Provider, {
 		value: null,
-		children: /*#__PURE__*/ z(TV, {
+		children: /*#__PURE__*/ z(PV, {
 			as: a,
 			ownerState: p,
 			className: S(m.root, i),
@@ -34921,20 +35008,20 @@ var xV = I("MuiInputAdornment", [
 			children: typeof r == "string" && !s ? /*#__PURE__*/ z(zT, {
 				color: "textSecondary",
 				children: r
-			}) : /*#__PURE__*/ B(L.Fragment, { children: [c === "start" ? SV ||= /*#__PURE__*/ z("span", {
+			}) : /*#__PURE__*/ B(L.Fragment, { children: [c === "start" ? jV ||= /*#__PURE__*/ z("span", {
 				className: "notranslate",
 				"aria-hidden": !0,
 				children: "​"
 			}) : null, r] })
 		})
 	});
-}), DV = E(/*#__PURE__*/ z("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "RadioButtonUnchecked"), OV = E(/*#__PURE__*/ z("path", { d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z" }), "RadioButtonChecked"), kV = F("span", {
+}), IV = E(/*#__PURE__*/ z("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "RadioButtonUnchecked"), LV = E(/*#__PURE__*/ z("path", { d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z" }), "RadioButtonChecked"), RV = F("span", {
 	name: "MuiRadioButtonIcon",
 	shouldForwardProp: Te
 })({
 	position: "relative",
 	display: "flex"
-}), AV = F(DV, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), jV = F(OV, { name: "MuiRadioButtonIcon" })(P(({ theme: e }) => ({
+}), zV = F(IV, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), BV = F(LV, { name: "MuiRadioButtonIcon" })(P(({ theme: e }) => ({
 	left: 0,
 	position: "absolute",
 	transform: "scale(0)",
@@ -34953,19 +35040,19 @@ var xV = I("MuiInputAdornment", [
 		}
 	}]
 })));
-function MV(e) {
+function VV(e) {
 	let { checked: t = !1, classes: n = {}, fontSize: r } = e, i = {
 		...e,
 		checked: t
 	};
-	return /*#__PURE__*/ B(kV, {
+	return /*#__PURE__*/ B(RV, {
 		className: n.root,
 		ownerState: i,
-		children: [/*#__PURE__*/ z(AV, {
+		children: [/*#__PURE__*/ z(zV, {
 			fontSize: r,
 			className: n.background,
 			ownerState: i
-		}), /*#__PURE__*/ z(jV, {
+		}), /*#__PURE__*/ z(BV, {
 			fontSize: r,
 			className: n.dot,
 			ownerState: i
@@ -34974,25 +35061,25 @@ function MV(e) {
 }
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/RadioGroupContext.js
-var NV = /*#__PURE__*/ L.createContext(void 0);
+var HV = /*#__PURE__*/ L.createContext(void 0);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/useRadioGroup.js
-function PV() {
-	return L.useContext(NV);
+function UV() {
+	return L.useContext(HV);
 }
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Radio/radioClasses.js
-function FV(e) {
+function WV(e) {
 	return k("MuiRadio", e);
 }
-var IV = I("MuiRadio", [
+var GV = I("MuiRadio", [
 	"root",
 	"checked",
 	"disabled",
 	"colorPrimary",
 	"colorSecondary",
 	"sizeSmall"
-]), LV = (e) => {
+]), KV = (e) => {
 	let { classes: t, color: n, size: r } = e, i = { root: [
 		"root",
 		`color${M(n)}`,
@@ -35000,9 +35087,9 @@ var IV = I("MuiRadio", [
 	] };
 	return {
 		...t,
-		...j(i, FV, t)
+		...j(i, WV, t)
 	};
-}, RV = F(nV, {
+}, qV = F(dV, {
 	shouldForwardProp: (e) => Te(e) || e === "classes",
 	name: "MuiRadio",
 	slot: "Root",
@@ -35016,7 +35103,7 @@ var IV = I("MuiRadio", [
 	}
 })(P(({ theme: e }) => ({
 	color: (e.vars || e).palette.text.secondary,
-	[`&.${IV.disabled}`]: { color: (e.vars || e).palette.action.disabled },
+	[`&.${GV.disabled}`]: { color: (e.vars || e).palette.action.disabled },
 	variants: [
 		{
 			props: {
@@ -35039,7 +35126,7 @@ var IV = I("MuiRadio", [
 				color: t,
 				disabled: !1
 			},
-			style: { [`&.${IV.checked}`]: { color: (e.vars || e).palette[t].main } }
+			style: { [`&.${GV.checked}`]: { color: (e.vars || e).palette[t].main } }
 		})),
 		{
 			props: { disableRipple: !1 },
@@ -35047,14 +35134,14 @@ var IV = I("MuiRadio", [
 		}
 	]
 })));
-function zV(e, t) {
+function JV(e, t) {
 	return typeof t == "object" && t ? e === t : String(e) === String(t);
 }
-var BV = /*#__PURE__*/ z(MV, { checked: !0 }), VV = /*#__PURE__*/ z(MV, {}), HV = /*#__PURE__*/ L.forwardRef(function(e, t) {
+var YV = /*#__PURE__*/ z(VV, { checked: !0 }), XV = /*#__PURE__*/ z(VV, {}), ZV = /*#__PURE__*/ L.forwardRef(function(e, t) {
 	let n = He({
 		props: e,
 		name: "MuiRadio"
-	}), { checked: r, checkedIcon: i = BV, color: a = "primary", icon: o = VV, name: s, onChange: c, size: l = "medium", className: u, disabled: d, disableRipple: f = !1, slots: p = {}, slotProps: m = {}, inputProps: h, ...g } = n, _ = Re(), v = d;
+	}), { checked: r, checkedIcon: i = YV, color: a = "primary", icon: o = XV, name: s, onChange: c, size: l = "medium", className: u, disabled: d, disableRipple: f = !1, slots: p = {}, slotProps: m = {}, inputProps: h, ...g } = n, _ = Re(), v = d;
 	_ && v === void 0 && (v = _.disabled), v ??= !1;
 	let y = {
 		...n,
@@ -35062,11 +35149,11 @@ var BV = /*#__PURE__*/ z(MV, { checked: !0 }), VV = /*#__PURE__*/ z(MV, {}), HV
 		disableRipple: f,
 		color: a,
 		size: l
-	}, b = LV(y), x = PV(), C = r, w = Ot(c, x && x.onChange), ee = s;
-	x && (C === void 0 && (C = zV(x.value, n.value)), ee === void 0 && (ee = x.name));
+	}, b = KV(y), x = UV(), C = r, w = Ot(c, x && x.onChange), ee = s;
+	x && (C === void 0 && (C = JV(x.value, n.value)), ee === void 0 && (ee = x.name));
 	let T = m.input ?? h, [te, E] = A("root", {
 		ref: t,
-		elementType: RV,
+		elementType: qV,
 		className: S(b.root, u),
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
@@ -35099,10 +35186,10 @@ var BV = /*#__PURE__*/ z(MV, { checked: !0 }), VV = /*#__PURE__*/ z(MV, {}), HV
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Switch/switchClasses.js
-function UV(e) {
+function QV(e) {
 	return k("MuiSwitch", e);
 }
-var WV = I("MuiSwitch", [
+var $V = I("MuiSwitch", [
 	"root",
 	"edgeStart",
 	"edgeEnd",
@@ -35116,7 +35203,7 @@ var WV = I("MuiSwitch", [
 	"input",
 	"thumb",
 	"track"
-]), GV = (e) => {
+]), eH = (e) => {
 	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = j({
 		root: [
 			"root",
@@ -35132,12 +35219,12 @@ var WV = I("MuiSwitch", [
 		thumb: ["thumb"],
 		track: ["track"],
 		input: ["input"]
-	}, UV, t);
+	}, QV, t);
 	return {
 		...t,
 		...s
 	};
-}, KV = F("span", {
+}, tH = F("span", {
 	name: "MuiSwitch",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -35175,25 +35262,25 @@ var WV = I("MuiSwitch", [
 				width: 40,
 				height: 24,
 				padding: 7,
-				[`& .${WV.thumb}`]: {
+				[`& .${$V.thumb}`]: {
 					width: 16,
 					height: 16
 				},
-				[`& .${WV.switchBase}`]: {
+				[`& .${$V.switchBase}`]: {
 					padding: 4,
-					[`&.${WV.checked}`]: { transform: "translateX(16px)" }
+					[`&.${$V.checked}`]: { transform: "translateX(16px)" }
 				}
 			}
 		}
 	]
-}), qV = F(nV, {
+}), nH = F(dV, {
 	name: "MuiSwitch",
 	slot: "SwitchBase",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.switchBase,
-			{ [`& .${WV.input}`]: t.input },
+			{ [`& .${$V.input}`]: t.input },
 			n.color !== "default" && t[`color${M(n.color)}`]
 		];
 	}
@@ -35204,11 +35291,11 @@ var WV = I("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 }),
-	[`&.${WV.checked}`]: { transform: "translateX(20px)" },
-	[`&.${WV.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
-	[`&.${WV.checked} + .${WV.track}`]: { opacity: .5 },
-	[`&.${WV.disabled} + .${WV.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
-	[`& .${WV.input}`]: {
+	[`&.${$V.checked}`]: { transform: "translateX(20px)" },
+	[`&.${$V.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
+	[`&.${$V.checked} + .${$V.track}`]: { opacity: .5 },
+	[`&.${$V.disabled} + .${$V.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
+	[`& .${$V.input}`]: {
 		left: "-100%",
 		width: "300%"
 	}
@@ -35220,18 +35307,18 @@ var WV = I("MuiSwitch", [
 	variants: [...Object.entries(e.palette).filter(D(["light"])).map(([t]) => ({
 		props: { color: t },
 		style: {
-			[`&.${WV.checked}`]: {
+			[`&.${$V.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" }
 				},
-				[`&.${WV.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)}` }
+				[`&.${$V.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)}` }
 			},
-			[`&.${WV.checked} + .${WV.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
+			[`&.${$V.checked} + .${$V.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
 		}
 	}))]
-}))), JV = F("span", {
+}))), rH = F("span", {
 	name: "MuiSwitch",
 	slot: "Track"
 })(P(({ theme: e }) => ({
@@ -35244,7 +35331,7 @@ var WV = I("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}`
-}))), YV = F("span", {
+}))), iH = F("span", {
 	name: "MuiSwitch",
 	slot: "Thumb"
 })(P(({ theme: e }) => ({
@@ -35255,7 +35342,7 @@ var WV = I("MuiSwitch", [
 	width: 20,
 	height: 20,
 	borderRadius: "50%"
-}))), XV = /*#__PURE__*/ L.forwardRef(function(e, t) {
+}))), aH = /*#__PURE__*/ L.forwardRef(function(e, t) {
 	let n = He({
 		props: e,
 		name: "MuiSwitch"
@@ -35264,29 +35351,29 @@ var WV = I("MuiSwitch", [
 		color: i,
 		edge: a,
 		size: o
-	}, f = GV(d), p = l.input, m = {
+	}, f = eH(d), p = l.input, m = {
 		slots: c,
 		slotProps: l
 	}, [h, g] = A("root", {
 		className: S(f.root, r),
-		elementType: KV,
+		elementType: tH,
 		externalForwardedProps: m,
 		ownerState: d,
 		additionalProps: { sx: s }
 	}), [_, v] = A("thumb", {
 		className: f.thumb,
-		elementType: YV,
+		elementType: iH,
 		externalForwardedProps: m,
 		ownerState: d
 	}), y = /*#__PURE__*/ z(_, { ...v }), [b, x] = A("track", {
 		className: f.track,
-		elementType: JV,
+		elementType: rH,
 		externalForwardedProps: m,
 		ownerState: d
 	});
 	return /*#__PURE__*/ B(h, {
 		...g,
-		children: [/*#__PURE__*/ z(qV, {
+		children: [/*#__PURE__*/ z(nH, {
 			type: "checkbox",
 			icon: y,
 			checkedIcon: y,
@@ -35307,18 +35394,18 @@ var WV = I("MuiSwitch", [
 			}
 		}), /*#__PURE__*/ z(b, { ...x })]
 	});
-}), ZV = F(yV)(() => ({ "& .MuiFormControlLabel-label": {
+}), oH = F(OV)(() => ({ "& .MuiFormControlLabel-label": {
 	left: "-5px",
 	position: "relative"
-} })), QV = F(HV)(() => ({ color: `${N.tertiary()} !important` })), $V = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ z(ZV, {
+} })), sH = F(ZV)(() => ({ color: `${N.tertiary()} !important` })), cH = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ z(oH, {
 	value: t,
-	control: /* @__PURE__ */ z(QV, {
+	control: /* @__PURE__ */ z(sH, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-$V.propTypes = {
+cH.propTypes = {
 	label: X.default.string,
 	value: X.default.string,
 	checked: X.default.bool,
@@ -35326,7 +35413,7 @@ $V.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/tabs/index.js
-var eH = F(jk)(() => ({})), tH = class extends it.Component {
+var lH = F(jk)(() => ({})), uH = class extends it.Component {
 	static propTypes = {
 		className: X.default.string,
 		contentClassName: X.default.string,
@@ -35347,7 +35434,7 @@ var eH = F(jk)(() => ({})), tH = class extends it.Component {
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
-				children: it.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ z(eH, { label: e.props.title }, t) : null)
+				children: it.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ z(lH, { label: e.props.title }, t) : null)
 			}), /* @__PURE__ */ z("div", {
 				className: r,
 				style: i,
@@ -35355,7 +35442,7 @@ var eH = F(jk)(() => ({})), tH = class extends it.Component {
 			})]
 		});
 	}
-}, nH = F(yV)(({ theme: e, mini: t }) => ({
+}, dH = F(OV)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -35369,7 +35456,7 @@ var eH = F(jk)(() => ({})), tH = class extends it.Component {
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), rH = F(pV)(({ theme: e, mini: t, error: n }) => ({
+})), fH = F(SV)(({ theme: e, mini: t, error: n }) => ({
 	color: `${N.tertiary()} !important`,
 	...t && {
 		margin: 0,
@@ -35378,9 +35465,9 @@ var eH = F(jk)(() => ({})), tH = class extends it.Component {
 		height: e.spacing(3)
 	},
 	...n && { color: `${e.palette.error.main} !important` }
-})), iH = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ z(nH, {
+})), pH = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ z(dH, {
 	mini: e,
-	control: /* @__PURE__ */ z(rH, {
+	control: /* @__PURE__ */ z(fH, {
 		checked: t,
 		onChange: n,
 		value: r,
@@ -35389,21 +35476,21 @@ var eH = F(jk)(() => ({})), tH = class extends it.Component {
 	}),
 	label: i
 });
-iH.propTypes = {
+pH.propTypes = {
 	mini: X.default.bool,
 	checked: X.default.bool.isRequired,
 	onChange: X.default.func.isRequired,
 	value: X.default.string,
 	label: X.default.string.isRequired,
 	error: X.default.bool
-}, iH.defaultProps = {
+}, pH.defaultProps = {
 	value: "",
 	mini: !1,
 	error: !1
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var aH = (0, kt.default)("@pie-lib:config-ui:number-text-field"), oH = F(dO)(({ theme: e }) => ({
+var mH = (0, kt.default)("@pie-lib:config-ui:number-text-field"), hH = F(dO)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -35425,11 +35512,11 @@ var aH = (0, kt.default)("@pie-lib:config-ui:number-text-field"), oH = F(dO)(({
 		minHeight: "auto",
 		padding: "6px 0 7px"
 	}
-})), sH = (e, n) => {
+})), gH = (e, n) => {
 	if (!t(e) && !t(n)) return 0;
 	if (!t(e) && t(n)) return n;
 	if (t(e)) return e;
-}, cH = class extends it.Component {
+}, _H = class extends it.Component {
 	static propTypes = {
 		disabled: X.default.bool,
 		className: X.default.string,
@@ -35455,13 +35542,13 @@ var aH = (0, kt.default)("@pie-lib:config-ui:number-text-field"), oH = F(dO)(({
 		this.setState({ value: t });
 	}
 	clamp(e, n = this.props.min, r = this.props.max) {
-		return t(e) ? (t(r) && (e = Math.min(e, r)), t(n) && (e = Math.max(e, n)), e) : sH(n, r);
+		return t(e) ? (t(r) && (e = Math.min(e, r)), t(n) && (e = Math.max(e, n)), e) : gH(n, r);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
-		aH("rawNumber: ", n);
+		mH("rawNumber: ", n);
 		let r = this.clamp(n);
-		aH("number: ", r), r !== this.state.value && (aH("trigger update..."), this.setState({ value: r.toString() }, () => {
+		mH("number: ", r), r !== this.state.value && (mH("trigger update..."), this.setState({ value: r.toString() }, () => {
 			this.props.onChange(e, r);
 		}));
 	};
@@ -35481,7 +35568,7 @@ var aH = (0, kt.default)("@pie-lib:config-ui:number-text-field"), oH = F(dO)(({
 	};
 	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__ */ z(oH, {
+		return /* @__PURE__ */ z(hH, {
 			variant: s ? "filled" : l || "standard",
 			inputRef: (e) => {
 				this.inputRef = e;
@@ -35500,7 +35587,7 @@ var aH = (0, kt.default)("@pie-lib:config-ui:number-text-field"), oH = F(dO)(({
 			type: "number",
 			className: e,
 			slotProps: { input: {
-				endAdornment: r && /* @__PURE__ */ z(EV, {
+				endAdornment: r && /* @__PURE__ */ z(FV, {
 					position: "end",
 					children: r
 				}),
@@ -35516,19 +35603,19 @@ var aH = (0, kt.default)("@pie-lib:config-ui:number-text-field"), oH = F(dO)(({
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/two-choice.js
-function lH(e) {
+function vH(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function uH(e, t) {
-	return !e || lH(e) ? e : lH(e.default) ? e.default : t && lH(e[t]) ? e[t] : t && lH(e[t]?.default) ? e[t].default : e;
+function yH(e, t) {
+	return !e || vH(e) ? e : vH(e.default) ? e.default : t && vH(e[t]) ? e[t] : t && vH(e[t]?.default) ? e[t].default : e;
 }
-var dH = uH(Xe, "InputContainer") || uH(mH.InputContainer, "InputContainer"), fH = Be, pH = fH.default, mH = pH && typeof pH == "object" ? pH : fH, hH = F("div")(({ theme: e, direction: t }) => ({
+var bH = yH(Xe, "InputContainer") || yH(CH.InputContainer, "InputContainer"), xH = Be, SH = xH.default, CH = SH && typeof SH == "object" ? SH : xH, wH = F("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
 	marginTop: e.spacing(1),
 	...t === "vertical" && { flexDirection: "column" }
-})), gH = class extends it.Component {
+})), TH = class extends it.Component {
 	static propTypes = {
 		header: X.default.string.isRequired,
 		className: X.default.string,
@@ -35545,11 +35632,11 @@ var dH = uH(Xe, "InputContainer") || uH(mH.InputContainer, "InputContainer"), fH
 		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 || $V;
-		return /* @__PURE__ */ z(dH, {
+		} : e), s = n || cH;
+		return /* @__PURE__ */ z(bH, {
 			label: e,
 			className: t,
-			children: /* @__PURE__ */ z(hH, {
+			children: /* @__PURE__ */ z(wH, {
 				direction: a,
 				children: o.map((e, t) => /* @__PURE__ */ z(s, {
 					value: e.value,
@@ -35560,7 +35647,7 @@ var dH = uH(Xe, "InputContainer") || uH(mH.InputContainer, "InputContainer"), fH
 			})
 		});
 	}
-}, _H = X.default.shape({
+}, EH = X.default.shape({
 	label: X.default.string,
 	value: X.default.string
 });
@@ -35569,14 +35656,14 @@ var dH = uH(Xe, "InputContainer") || uH(mH.InputContainer, "InputContainer"), fH
 		header: X.default.string.isRequired,
 		value: X.default.string.isRequired,
 		onChange: X.default.func.isRequired,
-		one: X.default.oneOfType([_H, X.default.string]),
-		two: X.default.oneOfType([_H, X.default.string]),
+		one: X.default.oneOfType([EH, X.default.string]),
+		two: X.default.oneOfType([EH, X.default.string]),
 		className: X.default.string,
 		customLabel: X.default.func
 	};
 	render() {
 		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
-		return /* @__PURE__ */ z(gH, {
+		return /* @__PURE__ */ z(TH, {
 			customLabel: i,
 			header: n,
 			className: r,
@@ -35588,21 +35675,21 @@ var dH = uH(Xe, "InputContainer") || uH(mH.InputContainer, "InputContainer"), fH
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
-var vH = Object.defineProperty, yH = (e, t) => {
+var DH = Object.defineProperty, OH = (e, t) => {
 	let n = {};
-	for (var r in e) vH(n, r, {
+	for (var r in e) DH(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || vH(n, Symbol.toStringTag, { value: "Module" }), n;
-}, bH = F("div")(() => ({
+	return t || DH(n, Symbol.toStringTag, { value: "Module" }), n;
+}, kH = F("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), xH = F("div")(() => ({
+})), AH = F("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), SH = F("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), CH = F("div")(() => ({ flex: "1" })), wH = F("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), TH = class extends it.Component {
+})), jH = F("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), MH = F("div")(() => ({ flex: "1" })), NH = F("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), PH = class extends it.Component {
 	static propTypes = {
 		mode: X.default.oneOf(["tabbed", "inline"]),
 		secondary: X.default.oneOfType([X.default.arrayOf(X.default.node), X.default.node]),
@@ -35620,7 +35707,7 @@ var vH = Object.defineProperty, yH = (e, t) => {
 		} catch (e) {
 			console.log(e.toString());
 		}
-		return /* @__PURE__ */ B(bH, {
+		return /* @__PURE__ */ B(kH, {
 			style: {
 				minHeight: i,
 				minWidth: a,
@@ -35628,28 +35715,28 @@ var vH = Object.defineProperty, yH = (e, t) => {
 				maxWidth: s
 			},
 			children: [
-				e === "inline" && /* @__PURE__ */ B(xH, { children: [/* @__PURE__ */ z(CH, {
+				e === "inline" && /* @__PURE__ */ B(AH, { children: [/* @__PURE__ */ z(MH, {
 					className: "design-container",
 					children: n
-				}), l && /* @__PURE__ */ z(wH, {
+				}), l && /* @__PURE__ */ z(NH, {
 					className: "settings-container",
 					children: t
 				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ B(tH, {
+				e === "tabbed" && l && /* @__PURE__ */ B(uH, {
 					onChange: this.onTabsChange,
 					contentClassName: "content-container",
 					indicatorColor: "primary",
-					children: [/* @__PURE__ */ z(SH, {
+					children: [/* @__PURE__ */ z(jH, {
 						title: "Design",
 						className: "design-container",
 						children: n
-					}), /* @__PURE__ */ z(SH, {
+					}), /* @__PURE__ */ z(jH, {
 						title: "Settings",
 						className: "settings-container",
 						children: t
 					})]
 				}),
-				e === "tabbed" && !l && /* @__PURE__ */ z(SH, {
+				e === "tabbed" && !l && /* @__PURE__ */ z(jH, {
 					className: "design-container",
 					children: n
 				})
@@ -35659,18 +35746,18 @@ var vH = Object.defineProperty, yH = (e, t) => {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/extends.js
-function EH() {
-	return EH = Object.assign ? Object.assign.bind() : function(e) {
+function FH() {
+	return FH = 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;
-	}, EH.apply(null, arguments);
+	}, FH.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 DH(e, t) {
+function IH(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -35681,19 +35768,19 @@ function DH(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 OH(e, t) {
-	return OH = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+function LH(e, t) {
+	return LH = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
-	}, OH(e, t);
+	}, LH(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 kH(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, OH(e, t);
+function RH(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, LH(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 AH = (function() {
+var zH = (function() {
 	if (typeof Map < "u") return Map;
 	function e(e, t) {
 		var n = -1;
@@ -35732,34 +35819,34 @@ var AH = (function() {
 			}
 		}, t;
 	}();
-})(), jH = typeof window < "u" && typeof document < "u" && window.document === document, MH = (function() {
+})(), BH = typeof window < "u" && typeof document < "u" && window.document === document, VH = (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")();
-})(), NH = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(MH) : function(e) {
+})(), HH = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(VH) : function(e) {
 		return setTimeout(function() {
 			return e(Date.now());
 		}, 1e3 / 60);
 	};
-})(), PH = 2;
-function FH(e, t) {
+})(), UH = 2;
+function WH(e, t) {
 	var n = !1, r = !1, i = 0;
 	function a() {
 		n && (n = !1, e()), r && s();
 	}
 	function o() {
-		NH(a);
+		HH(a);
 	}
 	function s() {
 		var e = Date.now();
 		if (n) {
-			if (e - i < PH) return;
+			if (e - i < UH) return;
 			r = !0;
 		} else n = !0, r = !1, setTimeout(o, t);
 		i = e;
 	}
 	return s;
 }
-var IH = 20, LH = [
+var GH = 20, KH = [
 	"top",
 	"right",
 	"bottom",
@@ -35768,9 +35855,9 @@ var IH = 20, LH = [
 	"height",
 	"size",
 	"weight"
-], RH = typeof MutationObserver < "u", zH = function() {
+], qH = typeof MutationObserver < "u", JH = function() {
 	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = FH(this.refresh.bind(this), IH);
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = WH(this.refresh.bind(this), GH);
 	}
 	return e.prototype.addObserver = function(e) {
 		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -35787,23 +35874,23 @@ var IH = 20, LH = [
 			return e.broadcastActive();
 		}), e.length > 0;
 	}, e.prototype.connect_ = function() {
-		!jH || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), RH ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+		!BH || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), qH ? (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() {
-		!jH || !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);
+		!BH || !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;
-		LH.some(function(e) {
+		KH.some(function(e) {
 			return !!~n.indexOf(e);
 		}) && this.refresh();
 	}, e.getInstance = function() {
 		return this.instance_ ||= new e(), this.instance_;
 	}, e.instance_ = null, e;
-}(), BH = (function(e, t) {
+}(), YH = (function(e, t) {
 	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
 		var i = r[n];
 		Object.defineProperty(e, i, {
@@ -35814,19 +35901,19 @@ var IH = 20, LH = [
 		});
 	}
 	return e;
-}), VH = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || MH;
-}), HH = QH(0, 0, 0, 0);
-function UH(e) {
+}), XH = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || VH;
+}), ZH = sU(0, 0, 0, 0);
+function QH(e) {
 	return parseFloat(e) || 0;
 }
-function WH(e) {
+function $H(e) {
 	return [...arguments].slice(1).reduce(function(t, n) {
 		var r = e["border-" + n + "-width"];
-		return t + UH(r);
+		return t + QH(r);
 	}, 0);
 }
-function GH(e) {
+function eU(e) {
 	for (var t = [
 		"top",
 		"right",
@@ -35834,40 +35921,40 @@ function GH(e) {
 		"left"
 	], n = {}, r = 0, i = t; r < i.length; r++) {
 		var a = i[r], o = e["padding-" + a];
-		n[a] = UH(o);
+		n[a] = QH(o);
 	}
 	return n;
 }
-function KH(e) {
+function tU(e) {
 	var t = e.getBBox();
-	return QH(0, 0, t.width, t.height);
+	return sU(0, 0, t.width, t.height);
 }
-function qH(e) {
+function nU(e) {
 	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return HH;
-	var r = VH(e).getComputedStyle(e), i = GH(r), a = i.left + i.right, o = i.top + i.bottom, s = UH(r.width), c = UH(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= WH(r, "left", "right") + a), Math.round(c + o) !== n && (c -= WH(r, "top", "bottom") + o)), !YH(e)) {
+	if (!t && !n) return ZH;
+	var r = XH(e).getComputedStyle(e), i = eU(r), a = i.left + i.right, o = i.top + i.bottom, s = QH(r.width), c = QH(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= $H(r, "left", "right") + a), Math.round(c + o) !== n && (c -= $H(r, "top", "bottom") + o)), !iU(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 QH(i.left, i.top, s, c);
+	return sU(i.left, i.top, s, c);
 }
-var JH = (function() {
+var rU = (function() {
 	return typeof SVGGraphicsElement < "u" ? function(e) {
-		return e instanceof VH(e).SVGGraphicsElement;
+		return e instanceof XH(e).SVGGraphicsElement;
 	} : function(e) {
-		return e instanceof VH(e).SVGElement && typeof e.getBBox == "function";
+		return e instanceof XH(e).SVGElement && typeof e.getBBox == "function";
 	};
 })();
-function YH(e) {
-	return e === VH(e).document.documentElement;
+function iU(e) {
+	return e === XH(e).document.documentElement;
 }
-function XH(e) {
-	return jH ? JH(e) ? KH(e) : qH(e) : HH;
+function aU(e) {
+	return BH ? rU(e) ? tU(e) : nU(e) : ZH;
 }
-function ZH(e) {
+function oU(e) {
 	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return BH(a, {
+	return YH(a, {
 		x: t,
 		y: n,
 		width: r,
@@ -35878,7 +35965,7 @@ function ZH(e) {
 		left: t
 	}), a;
 }
-function QH(e, t, n, r) {
+function sU(e, t, n, r) {
 	return {
 		x: e,
 		y: t,
@@ -35886,42 +35973,42 @@ function QH(e, t, n, r) {
 		height: r
 	};
 }
-var $H = function() {
+var cU = function() {
 	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = QH(0, 0, 0, 0), this.target = e;
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = sU(0, 0, 0, 0), this.target = e;
 	}
 	return e.prototype.isActive = function() {
-		var e = XH(this.target);
+		var e = aU(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;
-}(), eU = function() {
+}(), lU = function() {
 	function e(e, t) {
-		var n = ZH(t);
-		BH(this, {
+		var n = oU(t);
+		YH(this, {
 			target: e,
 			contentRect: n
 		});
 	}
 	return e;
-}(), tU = function() {
+}(), uU = function() {
 	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new AH(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		if (this.activeObservations_ = [], this.observations_ = new zH(), 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 VH(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof XH(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
-			t.has(e) || (t.set(e, new $H(e)), this.controller_.addObserver(this), this.controller_.refresh());
+			t.has(e) || (t.set(e, new cU(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 VH(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof XH(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));
 		}
@@ -35935,7 +36022,7 @@ var $H = function() {
 	}, e.prototype.broadcastActive = function() {
 		if (this.hasActive()) {
 			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
-				return new eU(e.target, e.broadcastRect());
+				return new lU(e.target, e.broadcastRect());
 			});
 			this.callback_.call(e, t, e), this.clearActive();
 		}
@@ -35944,12 +36031,12 @@ var $H = function() {
 	}, e.prototype.hasActive = function() {
 		return this.activeObservations_.length > 0;
 	}, e;
-}(), nU = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new AH(), rU = function() {
+}(), dU = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new zH(), fU = 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 tU(t, zH.getInstance(), this);
-		nU.set(this, n);
+		var n = new uU(t, JH.getInstance(), this);
+		dU.set(this, n);
 	}
 	return e;
 }();
@@ -35958,27 +36045,27 @@ var $H = function() {
 	"unobserve",
 	"disconnect"
 ].forEach(function(e) {
-	rU.prototype[e] = function() {
+	fU.prototype[e] = function() {
 		var t;
-		return (t = nU.get(this))[e].apply(t, arguments);
+		return (t = dU.get(this))[e].apply(t, arguments);
 	};
 });
-var iU = (function() {
-	return MH.ResizeObserver === void 0 ? rU : MH.ResizeObserver;
-})(), aU = [
+var pU = (function() {
+	return VH.ResizeObserver === void 0 ? fU : VH.ResizeObserver;
+})(), mU = [
 	"client",
 	"offset",
 	"scroll",
 	"bounds",
 	"margin"
 ];
-function oU(e) {
+function hU(e) {
 	var t = [];
-	return aU.forEach(function(n) {
+	return mU.forEach(function(n) {
 		e[n] && t.push(n);
 	}), t;
 }
-function sU(e, t) {
+function gU(e, t) {
 	var n = {};
 	if (t.indexOf("client") > -1 && (n.client = {
 		top: e.clientTop,
@@ -36017,14 +36104,14 @@ function sU(e, t) {
 	}
 	return n;
 }
-function cU(e) {
+function _U(e) {
 	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
 }
-function lU(e) {
+function vU(e) {
 	return function(t) {
 		var n, r;
 		return r = n = /*#__PURE__*/ function(n) {
-			kH(r, n);
+			RH(r, n);
 			function r() {
 				var t, r = [...arguments];
 				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
@@ -36035,24 +36122,24 @@ function lU(e) {
 					bounds: {},
 					margin: {}
 				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
-					var r = sU(t._node, e || oU(t.props));
+					var r = gU(t._node, e || hU(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 = cU(t._node);
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = _U(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 iU(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(sU(this._node, e || oU(this.props))));
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new pU(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(gU(this._node, e || hU(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, st(t, EH({}, DH(e, ["innerRef", "onResize"]), {
+				return e.innerRef, e.onResize, st(t, FH({}, IH(e, ["innerRef", "onResize"]), {
 					measureRef: this._handleRef,
 					measure: this.measure,
 					contentRect: this.state.contentRect
@@ -36069,7 +36156,7 @@ function lU(e) {
 		}, r;
 	};
 }
-var uU = lU()(function(e) {
+var yU = vU()(function(e) {
 	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
 	return i({
 		measure: t,
@@ -36077,10 +36164,10 @@ var uU = lU()(function(e) {
 		contentRect: r
 	});
 });
-uU.displayName = "Measure", uU.propTypes.children = X.default.func;
+yU.displayName = "Measure", yU.propTypes.children = X.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var dU = F("div")(() => ({
+var bU = F("div")(() => ({
 	backgroundColor: N.white(),
 	border: `2px solid ${N.border()}`,
 	display: "flex",
@@ -36090,7 +36177,7 @@ var dU = F("div")(() => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), fU = class extends it.Component {
+})), xU = class extends it.Component {
 	static propTypes = {
 		className: X.default.string,
 		children: X.default.oneOfType([X.default.arrayOf(X.default.node), X.default.node]).isRequired
@@ -36098,19 +36185,19 @@ var dU = F("div")(() => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ z(dU, {
+		return /* @__PURE__ */ z(bU, {
 			className: e,
 			children: t
 		});
 	}
-}, pU = Me({
+}, SU = Me({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
 		color: "#000000",
 		"&:hover": { backgroundColor: "#bdbdbd" }
 	} } } }
-}), mU = class extends it.Component {
+}), CU = class extends it.Component {
 	static propTypes = {
 		children: X.default.oneOfType([
 			X.default.string,
@@ -36143,19 +36230,19 @@ var dU = F("div")(() => ({
 		return /* @__PURE__ */ z(le, {
 			injectFirst: !0,
 			children: /* @__PURE__ */ z(Le, {
-				theme: pU,
-				children: /* @__PURE__ */ z(uU, {
+				theme: SU,
+				children: /* @__PURE__ */ z(yU, {
 					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__ */ z(fU, {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ z(xU, {
 							className: "settings-box",
 							children: n
 						}) : n;
 						return /* @__PURE__ */ B("div", {
 							ref: e,
 							className: "main-container extraCSSRules",
-							children: [a?.rules ? /* @__PURE__ */ z("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ z(TH, {
+							children: [a?.rules ? /* @__PURE__ */ z("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ z(PH, {
 								mode: o,
 								secondary: s,
 								dimensions: i,
@@ -36167,27 +36254,27 @@ var dU = F("div")(() => ({
 			})
 		});
 	}
-}, hU = lU("bounds")(mU), gU = /* @__PURE__ */ yH({
-	ConfigLayout: () => hU,
-	LayoutContents: () => TH
-}), _U = F("div")(() => ({
+}, wU = vU("bounds")(CU), TU = /* @__PURE__ */ OH({
+	ConfigLayout: () => wU,
+	LayoutContents: () => PH
+}), EU = F("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), vU = F(Ue)(({ theme: e }) => ({
+})), DU = F(Ue)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), yU = F(XV)(({ checked: e }) => ({
+})), OU = F(aH)(({ checked: e }) => ({
 	"&.Mui-checked .MuiSwitch-thumb": { color: `${N.tertiary()} !important` },
 	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${N.tertiaryLight()} !important` },
 	"& .MuiSwitch-track": { backgroundColor: e ? `${N.tertiaryLight()} !important` : void 0 }
-})), bU = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ B(_U, { children: [/* @__PURE__ */ z(vU, { children: n }), /* @__PURE__ */ z(yU, {
+})), kU = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ B(EU, { children: [/* @__PURE__ */ z(DU, { children: n }), /* @__PURE__ */ z(OU, {
 	checked: e,
 	disabled: t,
 	onChange: (e) => r(e.target.checked)
 })] });
-bU.propTypes = {
+kU.propTypes = {
 	checked: X.default.bool,
 	disabled: X.default.bool,
 	label: X.default.string.isRequired,
@@ -36195,20 +36282,20 @@ bU.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var xU = F(yV)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var AU = F(OV)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), SU = F(HV)(() => ({ color: `${N.tertiary()} !important` })), CU = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ z(xU, {
+} })), jU = F(ZV)(() => ({ color: `${N.tertiary()} !important` })), MU = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ z(AU, {
 	value: t,
-	control: /* @__PURE__ */ z(SU, {
+	control: /* @__PURE__ */ z(jU, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-CU.propTypes = {
+MU.propTypes = {
 	label: X.default.string,
 	value: X.default.string,
 	checked: X.default.bool,
@@ -36216,26 +36303,26 @@ CU.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/panel.js
-var wU = (0, kt.default)("pie-lib:config-ui:settings:panel"), TU = {
+var NU = (0, kt.default)("pie-lib:config-ui:settings:panel"), PU = {
 	label: X.default.string,
 	value: X.default.string
-}, EU = {
+}, FU = {
 	label: X.default.string,
 	value: X.default.string,
 	onChange: X.default.func
-}, DU = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ z(iH, {
+}, IU = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ z(pH, {
 	checked: t,
 	label: e,
 	onChange: (e) => {
 		n(e.target.checked);
 	}
 });
-DU.propTypes = {
+IU.propTypes = {
 	label: X.default.string,
 	value: X.default.bool,
 	onChange: X.default.func
 };
-var OU = F(gH)(({ theme: e }) => ({
+var LU = F(TH)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -36246,29 +36333,29 @@ var OU = F(gH)(({ theme: e }) => ({
 		marginTop: e.spacing(2.5)
 	},
 	"& > div": { marginTop: e.spacing(2.5) }
-})), kU = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ z(OU, {
+})), RU = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ z(LU, {
 	direction: "horizontal",
-	customLabel: CU,
+	customLabel: MU,
 	value: t,
 	header: e,
 	opts: r,
 	onChange: n
 });
-kU.propTypes = {
-	...EU,
-	choices: X.default.arrayOf(X.default.shape(TU))
+RU.propTypes = {
+	...FU,
+	choices: X.default.arrayOf(X.default.shape(PU))
 };
-var AU = kU, jU = F("p")(({ theme: e }) => ({
+var zU = RU, BU = F("p")(({ theme: e }) => ({
 	margin: 0,
 	fontSize: e.typography.fontSize
-})), MU = F(rD)(({ theme: e }) => ({
+})), VU = F(rD)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	border: "2px solid lightgrey",
 	padding: `0 ${e.spacing(1)}`,
 	borderRadius: "4px"
-})), NU = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
+})), HU = ({ 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__ */ B("div", { children: [e && /* @__PURE__ */ z(jU, { children: e }), /* @__PURE__ */ z(MU, {
+	return /* @__PURE__ */ B("div", { children: [e && /* @__PURE__ */ z(BU, { children: e }), /* @__PURE__ */ z(VU, {
 		value: t || r && r[0],
 		onChange: ({ target: e }) => n(e.value),
 		input: /* @__PURE__ */ z(PE, { id: `dropdown-${e}` }),
@@ -36283,14 +36370,14 @@ var AU = kU, jU = F("p")(({ theme: e }) => ({
 		}, t))
 	})] });
 };
-NU.propTypes = {
-	...EU,
+HU.propTypes = {
+	...FU,
 	choices: X.default.arrayOf(X.default.string)
 };
-var PU = F(zT)(({ theme: e }) => ({
+var UU = F(zT)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), FU = ({ label: e }) => /* @__PURE__ */ z(PU, { children: e }), IU = F(cH)(({ theme: e }) => ({
+})), WU = ({ label: e }) => /* @__PURE__ */ z(UU, { children: e }), GU = F(_H)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -36301,7 +36388,7 @@ var PU = F(zT)(({ theme: e }) => ({
 		padding: `0 ${e.spacing(1)}`,
 		backgroundColor: "transparent"
 	}
-})), LU = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ z(IU, {
+})), KU = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ z(GU, {
 	variant: "standard",
 	label: e || "Label",
 	value: t,
@@ -36312,45 +36399,45 @@ var PU = F(zT)(({ theme: e }) => ({
 	showErrorWhenOutsideRange: !0,
 	disableUnderline: !0
 });
-LU.propTypes = {
-	...EU,
+KU.propTypes = {
+	...FU,
 	suffix: X.default.string,
 	min: X.default.number,
 	max: X.default.number,
 	value: X.default.number
-}, FU.propTypes = { ...EU };
-var RU = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ z(bU, {
+}, WU.propTypes = { ...FU };
+var qU = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ z(kU, {
 	label: t,
 	checked: !!n,
 	disabled: !!e,
 	toggle: r
 });
-RU.propTypes = {
-	...EU,
+qU.propTypes = {
+	...FU,
 	value: X.default.bool
 };
-var zU = {
-	toggle: RU,
-	radio: AU,
-	dropdown: NU,
-	numberField: LU,
-	checkbox: DU,
-	textField: FU
-}, BU = F("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), VU = F("div")(({ theme: e }) => ({
+var JU = {
+	toggle: qU,
+	radio: zU,
+	dropdown: HU,
+	numberField: KU,
+	checkbox: IU,
+	textField: WU
+}, YU = F("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), XU = F("div")(({ theme: e }) => ({
 	color: "#495B8F",
 	fontSize: e.typography.fontSize + 2,
 	fontWeight: 600,
 	marginBottom: e.spacing(1)
-})), HU = F("p")(({ theme: e }) => ({
+})), ZU = F("p")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
-})), UU = (e) => {
+})), QU = (e) => {
 	let { model: t, label: n, group: r, configuration: a, onChange: o } = e, s = (e, n, r) => {
 		let { isConfigProperty: s, ...c } = i(e, r || n), l = i(s ? a : t, n), u = {
 			...c,
 			key: n,
 			value: l
-		}, d = zU[u.type];
+		}, d = JU[u.type];
 		return /* @__PURE__ */ z(d, {
 			...u,
 			onChange: (e) => o(n, e, s)
@@ -36359,18 +36446,18 @@ var zU = {
 		let n = e[t];
 		if (!n) return null;
 		let { type: r, label: i, fields: a, choices: o } = n;
-		return r === "numberFields" ? /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z(HU, { children: i }), Object.keys(a).map((n) => s(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("p", { children: i }), Object.keys(o).map((n) => s(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : s(e, t);
+		return r === "numberFields" ? /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z(ZU, { children: i }), Object.keys(a).map((n) => s(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("p", { children: i }), Object.keys(o).map((n) => s(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : s(e, t);
 	};
-	return /* @__PURE__ */ B(BU, { children: [/* @__PURE__ */ z(VU, { children: n }), Object.keys(r).map((e) => c(r, e))] });
+	return /* @__PURE__ */ B(YU, { children: [/* @__PURE__ */ z(XU, { children: n }), Object.keys(r).map((e) => c(r, e))] });
 };
-UU.propTypes = {
+QU.propTypes = {
 	model: X.default.object,
 	label: X.default.string,
 	group: X.default.object,
 	configuration: X.default.object,
 	onChange: X.default.func
 };
-var WU = class extends it.Component {
+var $U = class extends it.Component {
 	static propTypes = {
 		model: X.default.object,
 		configuration: X.default.object,
@@ -36384,13 +36471,13 @@ var WU = class extends it.Component {
 		onChangeConfiguration: () => {}
 	};
 	change = (e, t, n = !1) => {
-		wU("[changeModel]", e, t);
+		NU("[changeModel]", e, t);
 		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, s = { ...this.props.configuration };
 		n ? (o(s, e, t), i(s, e)) : (o(a, e, t), r(a, e));
 	};
 	render() {
 		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return wU("render:", t), /* @__PURE__ */ B("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ z(UU, {
+		return NU("render:", t), /* @__PURE__ */ B("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ z(QU, {
 			label: r,
 			model: t,
 			configuration: n,
@@ -36398,59 +36485,59 @@ var WU = class extends it.Component {
 			onChange: this.change
 		}, r) : null), r] });
 	}
-}, GU = /* @__PURE__ */ yH({
-	Panel: () => WU,
-	checkbox: () => $U,
-	checkboxes: () => eW,
-	dropdown: () => XU,
-	numberField: () => ZU,
-	numberFields: () => QU,
-	radio: () => YU,
-	textField: () => KU,
-	toggle: () => qU
-}), KU = (e, t = !0) => ({
+}, eW = /* @__PURE__ */ OH({
+	Panel: () => $U,
+	checkbox: () => cW,
+	checkboxes: () => lW,
+	dropdown: () => aW,
+	numberField: () => oW,
+	numberFields: () => sW,
+	radio: () => iW,
+	textField: () => tW,
+	toggle: () => nW
+}), tW = (e, t = !0) => ({
 	label: e,
 	type: "textField",
 	isConfigProperty: t
-}), qU = (e, t = !1, n = !1) => ({
+}), nW = (e, t = !1, n = !1) => ({
 	type: "toggle",
 	label: e,
 	isConfigProperty: t,
 	disabled: n
-}), JU = (e) => typeof e == "string" ? {
+}), rW = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, YU = function() {
+} : e, iW = function() {
 	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
 	return {
 		type: "radio",
 		label: e,
-		choices: t && t.map((e) => JU(e)),
+		choices: t && t.map((e) => rW(e)),
 		isConfigProperty: n
 	};
-}, XU = (e, t, n = !1) => ({
+}, aW = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
 	isConfigProperty: n
-}), ZU = (e, t, n = !1) => ({
+}), oW = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "numberField",
 	isConfigProperty: n
-}), QU = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = ZU(t[e].label, t[e], n);
+}), sW = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = oW(t[e].label, t[e], n);
 }), {
 	type: "numberFields",
 	label: e,
 	fields: t
-}), $U = (e, t, n = !1) => ({
+}), cW = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "checkbox",
 	isConfigProperty: n
-}), eW = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = $U(t[e].label, t[e], n);
+}), lW = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = cW(t[e].label, t[e], n);
 }), {
 	type: "checkboxes",
 	label: e,
@@ -36458,13 +36545,13 @@ var WU = class extends it.Component {
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/index.js
-function tW(e) {
+function uW(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function nW(e, t) {
-	return !e || tW(e) ? e : tW(e.default) ? e.default : t && tW(e[t]) ? e[t] : t && tW(e[t]?.default) ? e[t].default : e;
+function dW(e, t) {
+	return !e || uW(e) ? e : uW(e.default) ? e.default : t && uW(e[t]) ? e[t] : t && uW(e[t]?.default) ? e[t].default : e;
 }
-var rW = nW(Xe, "InputContainer") || nW(oW.InputContainer, "InputContainer"), iW = Be, aW = iW.default, oW = aW && typeof aW == "object" ? aW : iW, sW = F(qB)(({ theme: e }) => ({
+var fW = dW(Xe, "InputContainer") || dW(hW.InputContainer, "InputContainer"), pW = Be, mW = pW.default, hW = mW && typeof mW == "object" ? mW : pW, gW = F(nV)(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	width: "100%",
 	minWidth: "548px",
@@ -36472,36 +36559,36 @@ var rW = nW(Xe, "InputContainer") || nW(oW.InputContainer, "InputContainer"), iW
 	display: "flex",
 	flexDirection: "column",
 	justifyContent: "space-between"
-})), cW = F(ZB)(({ theme: e }) => ({ paddingBottom: `${e.spacing(2)} !important` })), lW = F(zT)({
+})), _W = F(oV)(({ theme: e }) => ({ paddingBottom: `${e.spacing(2)} !important` })), vW = F(zT)({
 	fontWeight: 700,
 	fontSize: "1.2rem",
 	flex: 3
-}), uW = F(rW)(({ theme: e }) => ({
+}), yW = F(fW)(({ theme: e }) => ({
 	flex: 2,
 	"& > *:not(label)": { marginTop: e.spacing(1) }
-})), dW = F("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), fW = F("div")({
+})), bW = F("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), xW = F("div")({
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "space-between"
-}), pW = F("div")({ display: "flex" }), mW = F(Pe)(() => ({
+}), SW = F("div")({ display: "flex" }), CW = F(Pe)(() => ({
 	border: `1px solid ${N.border()}`,
 	color: N.text()
-})), hW = F(v)(({ theme: e }) => ({ marginLeft: e.spacing(1) })), gW = F("div")(({ theme: e }) => ({
+})), wW = F(v)(({ theme: e }) => ({ marginLeft: e.spacing(1) })), TW = F("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), _W = F("div")(() => ({
+})), EW = F("div")(() => ({
 	background: N.backgroundDark(),
 	color: N.text(),
 	display: "inline",
 	minWidth: "50px",
 	padding: "8px",
 	border: `1px solid ${N.border()}`
-})), vW = F("div")({
+})), DW = F("div")({
 	display: "flex",
 	justifyContent: "space-between",
 	alignItems: "center"
-}), yW = F(pV)({ color: `${N.tertiary()} !important` });
+}), OW = F(SV)({ color: `${N.tertiary()} !important` });
 if (typeof document < "u") {
 	let e = "math-templated-response-styles";
 	if (!document.getElementById(e)) {
@@ -36509,7 +36596,7 @@ if (typeof document < "u") {
 		t.id = e, t.textContent = "\n      .response-editor {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        min-width: 500px;\n        max-width: 900px;\n        height: auto;\n        min-height: 40px;\n      }\n      .math-toolbar {\n        width: 100%;\n      }\n    ", document.head.appendChild(t);
 	}
 }
-var bW = class extends L.Component {
+var kW = class extends L.Component {
 	static propTypes = {
 		defaultResponse: X.default.bool,
 		error: X.default.object,
@@ -36601,13 +36688,13 @@ var bW = class extends L.Component {
 			editor: "response-editor",
 			mathToolbar: "math-toolbar"
 		};
-		return /* @__PURE__ */ z(sW, {
+		return /* @__PURE__ */ z(gW, {
 			style: { minHeight: `${o.openCount > 0 ? 430 : 230}px` },
-			children: /* @__PURE__ */ B(cW, { children: [
-				/* @__PURE__ */ B(fW, { children: [/* @__PURE__ */ B(lW, {
+			children: /* @__PURE__ */ B(_W, { children: [
+				/* @__PURE__ */ B(xW, { children: [/* @__PURE__ */ B(vW, {
 					component: "div",
-					children: ["Response for ", /* @__PURE__ */ z(_W, { children: `R ${parseInt(t) + 1}` })]
-				}), /* @__PURE__ */ z(uW, {
+					children: ["Response for ", /* @__PURE__ */ z(EW, { children: `R ${parseInt(t) + 1}` })]
+				}), /* @__PURE__ */ z(yW, {
 					label: "Validation",
 					children: /* @__PURE__ */ B(rD, {
 						onChange: this.onChange("validation"),
@@ -36625,20 +36712,20 @@ var bW = class extends L.Component {
 						})]
 					})
 				})] }),
-				s === "literal" && /* @__PURE__ */ B(pW, { children: [r.enabled && /* @__PURE__ */ z(yV, {
+				s === "literal" && /* @__PURE__ */ B(SW, { children: [r.enabled && /* @__PURE__ */ z(OV, {
 					label: r.label,
-					control: /* @__PURE__ */ z(yW, {
+					control: /* @__PURE__ */ z(OW, {
 						checked: d,
 						onChange: this.onLiteralOptionsChange("allowTrailingZeros")
 					})
-				}), i.enabled && /* @__PURE__ */ z(yV, {
+				}), i.enabled && /* @__PURE__ */ z(OV, {
 					label: i.label,
-					control: /* @__PURE__ */ z(yW, {
+					control: /* @__PURE__ */ z(OW, {
 						checked: u,
 						onChange: this.onLiteralOptionsChange("ignoreOrder")
 					})
 				})] }),
-				/* @__PURE__ */ B(dW, { children: [
+				/* @__PURE__ */ B(bW, { children: [
 					/* @__PURE__ */ z(Ue, { children: "Correct Answer" }),
 					/* @__PURE__ */ z(LD, {
 						keypadMode: e,
@@ -36651,11 +36738,11 @@ var bW = class extends L.Component {
 						onDone: this.onDone,
 						error: a && a.answer
 					}),
-					a && a.answer ? /* @__PURE__ */ z(gW, { children: a.answer }) : null
+					a && a.answer ? /* @__PURE__ */ z(TW, { children: a.answer }) : null
 				] }),
-				f && Object.keys(l).map((t, n) => /* @__PURE__ */ B(dW, { children: [
+				f && Object.keys(l).map((t, n) => /* @__PURE__ */ B(bW, { children: [
 					/* @__PURE__ */ B(Ue, { children: ["Alternate", Object.keys(l).length > 1 ? ` ${n + 1}` : ""] }),
-					/* @__PURE__ */ B(vW, { children: [/* @__PURE__ */ z(LD, {
+					/* @__PURE__ */ B(DW, { children: [/* @__PURE__ */ z(LD, {
 						classNames: p,
 						controlledKeypad: !0,
 						keypadMode: e,
@@ -36665,14 +36752,14 @@ var bW = class extends L.Component {
 						onFocus: this.onAlternateFocus(t),
 						onDone: this.onAlternateDone(t),
 						error: a && a[t]
-					}), /* @__PURE__ */ z(hW, {
+					}), /* @__PURE__ */ z(wW, {
 						onClick: this.onRemoveAlternate(t),
 						size: "large",
 						children: /* @__PURE__ */ z(gC, {})
 					})] }),
-					a && a[t] ? /* @__PURE__ */ z(gW, { children: a[t] }) : null
+					a && a[t] ? /* @__PURE__ */ z(TW, { children: a[t] }) : null
 				] }, t)),
-				/* @__PURE__ */ z(mW, {
+				/* @__PURE__ */ z(CW, {
 					type: "primary",
 					onClick: this.onAddAlternate,
 					children: "ADD ALTERNATE"
@@ -36680,51 +36767,51 @@ var bW = class extends L.Component {
 			] })
 		});
 	}
-}, xW = "imes|riangle|an|heta|herefore", SW = "throot|parallel|cong|approx|eq|e|sim", CW = RegExp(`(\\t(?!${xW}))|(\\n(?!${SW}))|(\\\\t(?!${xW}))|(\\\\n(?!${SW}))`, "g"), wW = (e) => e.replace(CW, "").replace(/\\"/g, "\"").replace(/\\\//g, "/"), TW = (e = "") => {
+}, AW = "imes|riangle|an|heta|herefore", jW = "throot|parallel|cong|approx|eq|e|sim", MW = RegExp(`(\\t(?!${AW}))|(\\n(?!${jW}))|(\\\\t(?!${AW}))|(\\\\n(?!${jW}))`, "g"), NW = (e) => e.replace(MW, "").replace(/\\"/g, "\"").replace(/\\\//g, "/"), PW = (e = "") => {
 	let t = document.createElement("div");
 	return t.innerHTML = e.trim(), t;
-}, EW = (e) => {
-	let t = TW(wW(e || "") || "");
+}, FW = (e) => {
+	let t = PW(NW(e || "") || "");
 	return t.querySelectorAll("[data-type=\"math_templated\"]").forEach((e) => e.replaceWith(`{{${e.dataset.index}}}`)), t.innerHTML;
-}, DW = /\{\{(\d+)\}\}/g, OW = (e, t) => e ? wW(e).replace(DW, (e, n) => `<span data-type="math_templated" data-index="${n}" data-value="${t[n]?.answer || ""}"></span>`) : "", kW = (e) => {
+}, IW = /\{\{(\d+)\}\}/g, LW = (e, t) => e ? NW(e).replace(IW, (e, n) => `<span data-type="math_templated" data-index="${n}" data-value="${t[n]?.answer || ""}"></span>`) : "", RW = (e) => {
 	let { maxResponseAreas: t } = e;
 	return "Validation requirements:" + ("\nCorrect answers should not be blank.\nEach answer defined for a response area should be unique.\nThere should be at least 1 " + (t ? `and at most ${t} ` : "") + "response area" + (t ? "s" : "") + " defined.");
-}, { dropdown: AW } = GU, { Panel: jW, toggle: MW } = GU, NW = F(rW)(({ theme: e }) => ({
+}, { dropdown: zW } = eW, { Panel: BW, toggle: VW } = eW, HW = F(fW)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), PW = F(LB)({ width: "100%" }), FW = F("div")(({ theme: e }) => ({
+})), UW = F(KB)({ width: "100%" }), WW = F("div")(({ theme: e }) => ({
 	color: e.palette.error.main,
 	fontSize: "0.75rem",
 	marginTop: e.spacing(1)
-})), IW = F("div")(({ theme: e }) => ({
+})), GW = F("div")(({ theme: e }) => ({
 	color: e.palette.error.main,
 	fontSize: "0.75rem",
 	marginBottom: e.spacing(1)
-})), LW = F(LB)(({ theme: e }) => ({
+})), KW = F(KB)(({ theme: e }) => ({
 	width: "100%",
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(3)
-})), RW = F(rW)(({ theme: e }) => ({
+})), qW = F(fW)(({ theme: e }) => ({
 	width: "100%",
 	marginTop: e.spacing(2),
 	"& > *:not(label)": { marginTop: e.spacing(1) },
 	marginBottom: e.spacing(2)
-})), zW = F(rD)({ width: "100%" }), BW = F(zT)(({ theme: e }) => ({
+})), JW = F(rD)({ width: "100%" }), YW = F(zT)(({ theme: e }) => ({
 	fontSize: e.typography.fontSize * 1.25,
 	fontWeight: "bold"
-})), VW = F("div")({
+})), XW = F("div")({
 	display: "flex",
 	alignItems: "center",
 	gap: "8px"
-}), HW = F(re)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+}), ZW = F(re)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
 	fontSize: e.typography.fontSize - 2,
 	whiteSpace: "pre",
 	maxWidth: "500px"
-} })), UW = (e) => {
+} })), QW = (e) => {
 	let t = document.createElement("div");
 	return t.innerHTML = e.trim(), t;
-}, WW = class extends it.Component {
+}, $W = class extends it.Component {
 	static propTypes = {
 		model: X.default.object.isRequired,
 		configuration: X.default.object.isRequired,
@@ -36753,7 +36840,7 @@ var bW = class extends L.Component {
 		let { model: e, onModelChanged: t } = this.props;
 		t({
 			...e,
-			slateMarkup: OW(e.markup, e.responses)
+			slateMarkup: LW(e.markup, e.responses)
 		});
 	};
 	onChangeResponse = (e, t) => {
@@ -36774,7 +36861,7 @@ var bW = class extends L.Component {
 		});
 	};
 	onChange = (e) => {
-		let { model: { responses: t, validationDefault: n, allowTrailingZerosDefault: r, ignoreOrderDefault: i }, onModelChanged: a } = this.props, o = {}, s = UW(e);
+		let { model: { responses: t, validationDefault: n, allowTrailingZerosDefault: r, ignoreOrderDefault: i }, onModelChanged: a } = this.props, o = {}, s = QW(e);
 		s.querySelectorAll("[data-type=\"math_templated\"]").forEach((e, a) => {
 			let { value: s, index: c } = e.dataset;
 			s || (e.dataset.value = ""), o[a] = t[c] || {
@@ -36786,7 +36873,7 @@ var bW = class extends L.Component {
 				alternates: {}
 			}, e.dataset.index = a.toString();
 		});
-		let c = EW(e);
+		let c = FW(e);
 		this.setState({ cachedResponses: void 0 }, () => a({
 			...this.props.model,
 			slateMarkup: s.innerHTML,
@@ -36825,26 +36912,26 @@ var bW = class extends L.Component {
 		(!t || !n || !o?.attributes["data-keypad"]) && this.setState({ activeAnswerBlock: "" });
 	};
 	render() {
-		let { configuration: e, imageSupport: t, model: n, onConfigurationChanged: r, onModelChanged: i, uploadSoundSupport: a } = this.props, { baseInputConfiguration: o = {}, contentDimensions: s = {}, prompt: c = {}, rationale: l = {}, settingsPanelDisabled: u, teacherInstructions: d = {}, language: f = {}, languageChoices: p = {}, spellCheck: m = {}, playerSpellCheck: h = {}, maxImageWidth: g = {}, maxImageHeight: _ = {}, mathMlOptions: v = {}, template: y = {}, editSource: b = {}, ignoreOrder: x = {}, allowTrailingZeros: S = {}, partialScoring: C = {}, maxResponseAreas: w } = e || {}, { errors: ee, extraCSSRules: T, promptEnabled: te, rationaleEnabled: E, spellCheckEnabled: ne, teacherInstructionsEnabled: re, toolbarEditorPosition: ie, responses: D, equationEditor: ae } = n || {}, { prompt: oe, rationale: se, responseAreas: ce, teacherInstructions: le, responses: O = {} } = ee || {}, ue = kW(e), de = {
-			"language.enabled": f.settings && MW(f.label, !0),
-			language: f.settings && f.enabled && AW(p.label, p.options)
+		let { configuration: e, imageSupport: t, model: n, onConfigurationChanged: r, onModelChanged: i, uploadSoundSupport: a } = this.props, { baseInputConfiguration: o = {}, contentDimensions: s = {}, prompt: c = {}, rationale: l = {}, settingsPanelDisabled: u, teacherInstructions: d = {}, language: f = {}, languageChoices: p = {}, spellCheck: m = {}, playerSpellCheck: h = {}, maxImageWidth: g = {}, maxImageHeight: _ = {}, mathMlOptions: v = {}, template: y = {}, editSource: b = {}, ignoreOrder: x = {}, allowTrailingZeros: S = {}, partialScoring: C = {}, maxResponseAreas: w } = e || {}, { errors: ee, extraCSSRules: T, promptEnabled: te, rationaleEnabled: E, spellCheckEnabled: ne, teacherInstructionsEnabled: re, toolbarEditorPosition: ie, responses: D, equationEditor: ae } = n || {}, { prompt: oe, rationale: se, responseAreas: ce, teacherInstructions: le, responses: O = {} } = ee || {}, ue = RW(e), de = {
+			"language.enabled": f.settings && VW(f.label, !0),
+			language: f.settings && f.enabled && zW(p.label, p.options)
 		}, fe = {
-			teacherInstructionsEnabled: d.settings && MW(d.label),
-			rationaleEnabled: l.settings && MW(l.label),
-			promptEnabled: c.settings && MW(c.label),
-			spellCheckEnabled: m.settings && MW(m.label),
-			playerSpellCheckEnabled: h.settings && MW(h.label),
-			"editSource.enabled": b?.settings && MW(b.label, !0),
-			partialScoring: C.settings && MW(C.label)
+			teacherInstructionsEnabled: d.settings && VW(d.label),
+			rationaleEnabled: l.settings && VW(l.label),
+			promptEnabled: c.settings && VW(c.label),
+			spellCheckEnabled: m.settings && VW(m.label),
+			playerSpellCheckEnabled: h.settings && VW(h.label),
+			"editSource.enabled": b?.settings && VW(b.label, !0),
+			partialScoring: C.settings && VW(C.label)
 		}, k = g && g.prompt, pe = _ && _.prompt, me = { position: ie === "top" ? "top" : "bottom" }, he = (e = {}, t = {}) => ({
 			...t,
 			...e
 		});
-		return /* @__PURE__ */ B(gU.ConfigLayout, {
+		return /* @__PURE__ */ B(TU.ConfigLayout, {
 			extraCSSRules: T,
 			dimensions: s,
 			hideSettings: u,
-			settings: /* @__PURE__ */ z(jW, {
+			settings: /* @__PURE__ */ z(BW, {
 				model: n,
 				configuration: e,
 				onChangeModel: (e) => i(e),
@@ -36855,9 +36942,9 @@ var bW = class extends L.Component {
 				}
 			}),
 			children: [
-				re && /* @__PURE__ */ B(NW, {
+				re && /* @__PURE__ */ B(HW, {
 					label: d.label,
-					children: [/* @__PURE__ */ z(PW, {
+					children: [/* @__PURE__ */ z(UW, {
 						markup: n.teacherInstructions || "",
 						onChange: (e) => this.handleChange("teacherInstructions", e),
 						imageSupport: t,
@@ -36871,11 +36958,11 @@ var bW = class extends L.Component {
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: v
-					}), le && /* @__PURE__ */ z(FW, { children: le })]
+					}), le && /* @__PURE__ */ z(WW, { children: le })]
 				}),
-				te && /* @__PURE__ */ B(NW, {
+				te && /* @__PURE__ */ B(HW, {
 					label: c.label,
-					children: [/* @__PURE__ */ z(PW, {
+					children: [/* @__PURE__ */ z(UW, {
 						markup: n.prompt,
 						onChange: (e) => this.handleChange("prompt", e),
 						imageSupport: t,
@@ -36890,22 +36977,22 @@ var bW = class extends L.Component {
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: v
-					}), oe && /* @__PURE__ */ z(FW, { children: oe })]
+					}), oe && /* @__PURE__ */ z(WW, { children: oe })]
 				}),
-				/* @__PURE__ */ B(VW, { children: [/* @__PURE__ */ z(BW, {
+				/* @__PURE__ */ B(XW, { children: [/* @__PURE__ */ z(YW, {
 					component: "div",
 					children: "Response Template"
-				}), /* @__PURE__ */ z(HW, {
+				}), /* @__PURE__ */ z(ZW, {
 					disableFocusListener: !0,
 					disableTouchListener: !0,
 					placement: "right",
 					title: ue,
-					children: /* @__PURE__ */ z(UB, {
+					children: /* @__PURE__ */ z(QB, {
 						fontSize: "small",
 						color: "primary"
 					})
 				})] }),
-				/* @__PURE__ */ z(LW, {
+				/* @__PURE__ */ z(KW, {
 					activePlugins: Zn,
 					toolbarOpts: { position: "top" },
 					spellCheck: ne,
@@ -36929,11 +37016,11 @@ var bW = class extends L.Component {
 					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 					mathMlOptions: v
 				}),
-				ce && /* @__PURE__ */ z(IW, { children: ce }),
-				/* @__PURE__ */ z(BW, { children: "Define Response" }),
-				/* @__PURE__ */ z(RW, {
+				ce && /* @__PURE__ */ z(GW, { children: ce }),
+				/* @__PURE__ */ z(YW, { children: "Define Response" }),
+				/* @__PURE__ */ z(qW, {
 					label: "Response Template Equation Editor",
-					children: /* @__PURE__ */ B(zW, {
+					children: /* @__PURE__ */ B(JW, {
 						MenuProps: { transitionDuration: {
 							enter: 225,
 							exit: 195
@@ -36994,7 +37081,7 @@ var bW = class extends L.Component {
 				}),
 				Object.keys(D || {}).map((e, t) => {
 					let n = D[t];
-					return n ? /* @__PURE__ */ z(bW, {
+					return n ? /* @__PURE__ */ z(kW, {
 						responseKey: t,
 						mode: ae,
 						response: n,
@@ -37006,9 +37093,9 @@ var bW = class extends L.Component {
 						error: O && O[t]
 					}, t) : null;
 				}),
-				E && /* @__PURE__ */ B(NW, {
+				E && /* @__PURE__ */ B(HW, {
 					label: l.label,
-					children: [/* @__PURE__ */ z(PW, {
+					children: [/* @__PURE__ */ z(UW, {
 						markup: n.rationale || "",
 						onChange: (e) => this.handleChange("rationale", e),
 						imageSupport: t,
@@ -37025,12 +37112,12 @@ var bW = class extends L.Component {
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: v
-					}), se && /* @__PURE__ */ z(FW, { children: se })]
+					}), se && /* @__PURE__ */ z(WW, { children: se })]
 				})
 			]
 		});
 	}
-}, GW = {
+}, eG = {
 	model: {
 		allowTrailingZerosDefault: !1,
 		equationEditor: "8",
@@ -37149,7 +37236,7 @@ var bW = class extends L.Component {
 		},
 		maxResponseAreas: 10
 	}
-}, KW = (0, kt.default)("math-templated:configure"), qW = class e extends HTMLElement {
+}, tG = (0, kt.default)("math-templated:configure"), nG = class e extends HTMLElement {
 	static prepareModel = (e = {}) => {
 		let { validationDefault: t, allowTrailingZerosDefault: n, ignoreOrderDefault: r, responses: i = {} } = e, a = Object.keys(i).reduce((e, a) => {
 			let o = i[a];
@@ -37160,12 +37247,12 @@ var bW = class extends L.Component {
 				ignoreOrder: o.ignoreOrder || r
 			}, e;
 		}, {}), o = {
-			...GW.model,
+			...eG.model,
 			...e,
 			responses: a
-		}, s = o.slateMarkup || OW(o.markup, o.responses), c = EW(s);
+		}, s = o.slateMarkup || LW(o.markup, o.responses), c = FW(s);
 		return o.responses && Object.keys(o.responses).forEach((e) => {
-			d(o.responses[e]) && (o.responses[e] = (o.responses[e] || []).map((e, t) => e.answer ? e : (KW("Choice does not contain \"answer\" property, which is required.", e), {
+			d(o.responses[e]) && (o.responses[e] = (o.responses[e] || []).map((e, t) => e.answer ? e : (tG("Choice does not contain \"answer\" property, which is required.", e), {
 				answer: `${t}`,
 				...e
 			})));
@@ -37176,13 +37263,13 @@ var bW = class extends L.Component {
 		};
 	};
 	constructor() {
-		super(), this._root = null, this._model = e.prepareModel(), this._configuration = GW.configuration, this.onModelChanged = this.onModelChanged.bind(this), this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+		super(), this._root = null, this._model = e.prepareModel(), this._configuration = eG.configuration, this.onModelChanged = this.onModelChanged.bind(this), this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
 	}
 	set model(t) {
 		this._model = e.prepareModel(t), this._render();
 	}
 	set configuration(e) {
-		this._configuration = c(e, GW.configuration), e.language?.enabled ? e.languageChoices?.options?.length && (this._model.language = e.languageChoices.options[0].value) : e.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({
+		this._configuration = c(e, eG.configuration), e.language?.enabled ? e.languageChoices?.options?.length && (this._model.language = e.languageChoices.options[0].value) : e.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
 			value: this._model.language,
 			label: this._model.language
 		})) : delete this._model.language, this._render();
@@ -37192,7 +37279,7 @@ var bW = class extends L.Component {
 	}
 	dispatchModelUpdated(e) {
 		let t = !!e;
-		this.dispatchEvent(new RB(this._model, t));
+		this.dispatchEvent(new qB(this._model, t));
 	}
 	onModelChanged(t, n) {
 		this._model = e.prepareModel(t), this._render(), this.dispatchModelUpdated(n);
@@ -37201,20 +37288,20 @@ var bW = class extends L.Component {
 		this._configuration = e, this._render();
 	}
 	insertImage(e) {
-		this.dispatchEvent(new BB(e));
+		this.dispatchEvent(new YB(e));
 	}
 	onDeleteImage(e, t) {
-		this.dispatchEvent(new zB(e, t));
+		this.dispatchEvent(new JB(e, t));
 	}
 	insertSound(e) {
-		this.dispatchEvent(new HB(e));
+		this.dispatchEvent(new ZB(e));
 	}
 	onDeleteSound(e, t) {
-		this.dispatchEvent(new VB(e, t));
+		this.dispatchEvent(new XB(e, t));
 	}
 	_render() {
-		KW("_render");
-		let e = it.createElement(WW, {
+		tG("_render");
+		let e = it.createElement($W, {
 			model: this._model,
 			configuration: this._configuration,
 			onModelChanged: this.onModelChanged,
@@ -37239,6 +37326,6 @@ var bW = class extends L.Component {
 	}
 };
 //#endregion
-export { qW as default };
+export { nG as default };
 
 //# sourceMappingURL=index.js.map