@pie-element/inline-dropdown 11.0.3-next.20261007184841 → 11.0.3-next.20261007201108

package/dist/browser/delivery/index.js

@@ -1,12 +1,12 @@
 import { p as e } from "../speech-worker-CP5P4gRS-G4rtBs8u.js";
-import { E as t, F as n, Ht as r, M as i, P as a, V as o, Vt as s, a as c, b as l, c as u, g as d, gt as f, h as p, ht as m, i as h, j as g, m as _, mt as v, n as y, o as b, p as x, s as S, t as C, vt as w, w as T } from "../Close-BcbT5f44.js";
-import { c as E, n as ee } from "../dist-FMIRkZir.js";
-import D, { useRef as te } from "react";
-import { createRoot as ne } from "react-dom/client";
-import re from "react-dom";
-import { Fragment as ie, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { A as t, Bt as n, M as r, N as i, S as a, a as o, d as s, f as c, ft as l, gt as u, i as d, k as f, m as p, mt as m, n as h, o as g, p as _, pt as v, t as y, v as b, w as x, z as S, zt as C } from "../Close-K6dr4kTN.js";
+import { c as w, n as T } from "../dist-FMIRkZir.js";
+import E, { useRef as ee } from "react";
+import { createRoot as te } from "react-dom/client";
+import ne from "react-dom";
+import { Fragment as re, jsx as D, jsxs as O } from "react/jsx-runtime";
 //#region ../../shared/player-events/dist/index.js
-var ae = class e extends CustomEvent {
+var ie = class e extends CustomEvent {
 	static {
 		this.TYPE = "model-set";
 	}
@@ -21,7 +21,7 @@ var ae = class e extends CustomEvent {
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, oe = class e extends CustomEvent {
+}, ae = class e extends CustomEvent {
 	static {
 		this.TYPE = "session-changed";
 	}
@@ -35,7 +35,7 @@ var ae = class e extends CustomEvent {
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, A = /* @__PURE__ */ e(s(), 1), se = "height ease-in 300ms, opacity ease-in 300ms", ce = w("div")(() => ({
+}, k = /* @__PURE__ */ e(C(), 1), oe = "height ease-in 300ms, opacity ease-in 300ms", se = u("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -43,7 +43,7 @@ var ae = class e extends CustomEvent {
 	visibility: "hidden",
 	width: 0,
 	"&.enter": {
-		transition: se,
+		transition: oe,
 		opacity: 1,
 		height: "auto",
 		width: "auto",
@@ -57,7 +57,7 @@ var ae = class e extends CustomEvent {
 		minHeight: "25px"
 	},
 	"&.exit": {
-		transition: se,
+		transition: oe,
 		opacity: 0,
 		height: 0,
 		visibility: "visible",
@@ -69,9 +69,9 @@ var ae = class e extends CustomEvent {
 		height: 0,
 		width: 0
 	}
-})), le = (e) => {
-	let { show: t, children: n, className: r } = e, i = te(null);
-	return /* @__PURE__ */ O(f, {
+})), ce = (e) => {
+	let { show: t, children: n, className: r } = e, i = ee(null);
+	return /* @__PURE__ */ D(m, {
 		nodeRef: i,
 		in: t,
 		appear: !0,
@@ -83,21 +83,21 @@ var ae = class e extends CustomEvent {
 			exit: "exit",
 			exitDone: "exit-done"
 		},
-		children: /* @__PURE__ */ O(ce, {
+		children: /* @__PURE__ */ D(se, {
 			ref: i,
 			className: r,
 			children: n
 		})
 	});
 };
-le.propTypes = {
-	show: A.default.bool.isRequired,
-	className: A.default.string,
-	children: A.default.oneOfType([A.default.arrayOf(A.default.node), A.default.node]).isRequired
+ce.propTypes = {
+	show: k.default.bool.isRequired,
+	className: k.default.string,
+	children: k.default.oneOfType([k.default.arrayOf(k.default.node), k.default.node]).isRequired
 };
 //#endregion
 //#region ../../lib-react/icons/dist/correct-response-icon.js
-var ue = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ k("svg", {
+var le = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ O("svg", {
 	"aria-hidden": "true",
 	focusable: "false",
 	preserveAspectRatio: "xMinYMin meet",
@@ -105,27 +105,27 @@ var ue = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ k("svg", {
 	viewBox: "-283 359 34 35",
 	style: { enableBackground: "new -283 359 34 35" },
 	children: [
-		/* @__PURE__ */ O("circle", {
+		/* @__PURE__ */ D("circle", {
 			cx: "-266",
 			cy: "375.9",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ O("path", {
+		/* @__PURE__ */ D("path", {
 			d: "M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z\n         M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z",
 			fill: e
 		}),
-		/* @__PURE__ */ O("polygon", {
+		/* @__PURE__ */ D("polygon", {
 			points: "-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6",
 			fill: t
 		})
 	]
 });
-ue.propTypes = {
-	bgFill: A.default.string.isRequired,
-	fgFill: A.default.string.isRequired
+le.propTypes = {
+	bgFill: k.default.string.isRequired,
+	fgFill: k.default.string.isRequired
 };
-var de = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ k("svg", {
+var ue = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ O("svg", {
 	"aria-hidden": "true",
 	focusable: "false",
 	preserveAspectRatio: "xMinYMin meet",
@@ -133,7 +133,7 @@ var de = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ k("svg", {
 	viewBox: "-129.5 127 34 35",
 	style: { enableBackground: "new -129.5 127 34 35" },
 	children: [
-		/* @__PURE__ */ O("path", {
+		/* @__PURE__ */ D("path", {
 			style: {
 				fill: "#D0CAC5",
 				stroke: "#E6E3E0",
@@ -142,7 +142,7 @@ var de = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ k("svg", {
 			},
 			d: "M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5\n         C-97.4,153.5-104.3,160.4-112.9,160.4z"
 		}),
-		/* @__PURE__ */ O("path", {
+		/* @__PURE__ */ D("path", {
 			style: {
 				fill: "#B3ABA4",
 				stroke: "#CDC7C2",
@@ -151,64 +151,64 @@ var de = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ k("svg", {
 			},
 			d: "M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z"
 		}),
-		/* @__PURE__ */ O("circle", {
+		/* @__PURE__ */ D("circle", {
 			cx: "-114.2",
 			cy: "143.5",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ O("path", {
+		/* @__PURE__ */ D("path", {
 			d: "M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z\n         M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z",
 			fill: n
 		}),
-		/* @__PURE__ */ O("polygon", {
+		/* @__PURE__ */ D("polygon", {
 			points: "-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2",
 			fill: t
 		})
 	]
 });
-de.propTypes = {
-	bgFill: A.default.string.isRequired,
-	fgFill: A.default.string.isRequired,
-	borderFill: A.default.string.isRequired
+ue.propTypes = {
+	bgFill: k.default.string.isRequired,
+	fgFill: k.default.string.isRequired,
+	borderFill: k.default.string.isRequired
 };
-var fe = w("div")(({ size: e }) => ({
+var de = u("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
-})), j = ({ open: e, size: t }) => /* @__PURE__ */ O(fe, {
+})), A = ({ open: e, size: t }) => /* @__PURE__ */ D(de, {
 	size: t,
-	children: e ? /* @__PURE__ */ O(ue, {
+	children: e ? /* @__PURE__ */ D(le, {
 		bgFill: "#bce2ff",
 		fgFill: "#1a9cff"
-	}) : /* @__PURE__ */ O(de, {
+	}) : /* @__PURE__ */ D(ue, {
 		bgFill: "white",
 		fgFill: "#1a9cff",
 		borderFill: "#bce2ff"
 	})
 });
-j.propTypes = {
-	open: A.default.bool,
-	size: A.default.string
-}, j.defaultProps = { open: !1 };
+A.propTypes = {
+	open: k.default.bool,
+	size: k.default.string
+}, A.defaultProps = { open: !1 };
 //#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/index.js
-function M(e) {
+function j(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function pe(e, t) {
-	return !e || M(e) ? e : M(e.default) ? e.default : t && M(e[t]) ? e[t] : t && M(e[t]?.default) ? e[t].default : e;
+function fe(e, t) {
+	return !e || j(e) ? e : j(e.default) ? e.default : t && j(e[t]) ? e[t] : t && j(e[t]?.default) ? e[t].default : e;
 }
-var me = pe(p, "Readable") || pe(ge.Readable, "Readable"), he = c, N = he.default, ge = N && typeof N == "object" ? N : he, { translator: P } = i, _e = {
+var pe = fe(_, "Readable") || fe(he.Readable, "Readable"), me = o, M = me.default, he = M && typeof M == "object" ? M : me, { translator: N } = t, ge = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, ve = w("div")(() => ({
+}, _e = u("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), ye = w("button")(() => ({
+})), ve = u("button")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex",
@@ -221,18 +221,18 @@ var me = pe(p, "Readable") || pe(ge.Readable, "Readable"), he = c, N = he.defaul
 	font: "inherit",
 	cursor: "pointer",
 	"&:focus-visible": {
-		outline: `2px solid ${m.buttonFocusOutline()}`,
+		outline: `2px solid ${v.buttonFocusOutline()}`,
 		outlineOffset: "-2px"
 	}
-})), be = w("div")(() => ({
+})), ye = u("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${m.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${v.text()})`,
 	fontWeight: "normal",
-	..._e
-})), xe = w("div")(() => ({
+	...ge
+})), be = u("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -245,20 +245,20 @@ var me = pe(p, "Readable") || pe(ge.Readable, "Readable"), he = c, N = he.defaul
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), Se = w("div")(() => ({
+})), xe = u("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
 	alignItems: "center"
-})), Ce = class e extends D.Component {
+})), Se = class e extends E.Component {
 	static propTypes = {
-		onToggle: A.default.func,
-		toggled: A.default.bool,
-		show: A.default.bool,
-		hideMessage: A.default.string,
-		showMessage: A.default.string,
-		className: A.default.string,
-		language: A.default.string
+		onToggle: k.default.func,
+		toggled: k.default.bool,
+		show: k.default.bool,
+		hideMessage: k.default.string,
+		showMessage: k.default.string,
+		className: k.default.string,
+		language: k.default.string
 	};
 	static defaultProps = {
 		showMessage: "Show correct answer",
@@ -267,10 +267,10 @@ var me = pe(p, "Readable") || pe(ge.Readable, "Readable"), he = c, N = he.defaul
 		toggled: !1
 	};
 	constructor(t) {
-		super(t), this.state = { show: t.show }, this.openIconRef = D.createRef(), this.closedIconRef = D.createRef(), e.defaultProps = {
+		super(t), this.state = { show: t.show }, this.openIconRef = E.createRef(), this.closedIconRef = E.createRef(), e.defaultProps = {
 			...e.defaultProps,
-			showMessage: P.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: P.t("common:hideCorrectAnswer", { lng: t.language })
+			showMessage: N.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: N.t("common:hideCorrectAnswer", { lng: t.language })
 		};
 	}
 	onClick() {
@@ -282,22 +282,22 @@ var me = pe(p, "Readable") || pe(ge.Readable, "Readable"), he = c, N = he.defaul
 	UNSAFE_componentWillReceiveProps(t) {
 		this.setState({ show: t.show }), t.language !== this.props?.language && (e.defaultProps = {
 			...e.defaultProps,
-			showMessage: P.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: P.t("common:hideCorrectAnswer", { lng: t.language })
+			showMessage: N.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: N.t("common:hideCorrectAnswer", { lng: t.language })
 		});
 	}
 	render() {
 		let { className: e, toggled: t, hideMessage: n, showMessage: r } = this.props;
-		return /* @__PURE__ */ O(ve, {
+		return /* @__PURE__ */ D(_e, {
 			className: e,
-			children: /* @__PURE__ */ O(le, {
+			children: /* @__PURE__ */ D(ce, {
 				show: this.state.show,
-				children: /* @__PURE__ */ k(ye, {
+				children: /* @__PURE__ */ O(ve, {
 					type: "button",
 					"aria-pressed": !!t,
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ k(Se, { children: [/* @__PURE__ */ O(f, {
+					children: [/* @__PURE__ */ O(xe, { children: [/* @__PURE__ */ D(m, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -308,11 +308,11 @@ var me = pe(p, "Readable") || pe(ge.Readable, "Readable"), he = c, N = he.defaul
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ O(xe, {
+						children: /* @__PURE__ */ D(be, {
 							ref: this.openIconRef,
-							children: /* @__PURE__ */ O(j, { open: t }, "correct-open")
+							children: /* @__PURE__ */ D(A, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ O(f, {
+					}), /* @__PURE__ */ D(m, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -323,13 +323,13 @@ var me = pe(p, "Readable") || pe(ge.Readable, "Readable"), he = c, N = he.defaul
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ O(xe, {
+						children: /* @__PURE__ */ D(be, {
 							ref: this.closedIconRef,
-							children: /* @__PURE__ */ O(j, { open: t }, "correct-closed")
+							children: /* @__PURE__ */ D(A, { open: t }, "correct-closed")
 						})
-					})] }), /* @__PURE__ */ O(me, {
+					})] }), /* @__PURE__ */ D(pe, {
 						false: !0,
-						children: /* @__PURE__ */ O(be, {
+						children: /* @__PURE__ */ D(ye, {
 							"aria-hidden": !this.state.show,
 							children: t ? n : r
 						})
@@ -338,7 +338,7 @@ var me = pe(p, "Readable") || pe(ge.Readable, "Readable"), he = c, N = he.defaul
 			})
 		});
 	}
-}, we = /\{\{(\d+)\}\}/g, Te = (e, t) => e ? { markup: e.replace(we, (e, n) => `<span data-component="${t}" data-id="${n}"></span>`) } : { markup: "" }, F = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), I = /* @__PURE__ */ F(((e, t) => {
+}, Ce = /\{\{(\d+)\}\}/g, we = (e, t) => e ? { markup: e.replace(Ce, (e, n) => `<span data-component="${t}" data-id="${n}"></span>`) } : { markup: "" }, P = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), F = /* @__PURE__ */ P(((e, t) => {
 	t.exports = {
 		"border-radius": 1,
 		"border-top-left-radius": 1,
@@ -365,10 +365,10 @@ var me = pe(p, "Readable") || pe(ge.Readable, "Readable"), he = c, N = he.defaul
 		"box-pack": 1
 	};
 }));
-I();
+F();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssUnitless.js
-var L = /* @__PURE__ */ F(((e, t) => {
+var I = /* @__PURE__ */ P(((e, t) => {
 	t.exports = {
 		animation: 1,
 		"column-count": 1,
@@ -388,19 +388,19 @@ var L = /* @__PURE__ */ F(((e, t) => {
 		rowspan: 1
 	};
 }));
-L();
+I();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toUpperFirst.js
-var R = /* @__PURE__ */ F(((e, t) => {
+var L = /* @__PURE__ */ P(((e, t) => {
 	t.exports = function(e) {
 		return e.length ? e.charAt(0).toUpperCase() + e.substring(1) : e;
 	};
 }));
-R();
+L();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixInfo.js
-var z = /* @__PURE__ */ F(((e, t) => {
-	var n = R(), r = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/, i = typeof document > "u" ? {} : document.documentElement.style;
+var R = /* @__PURE__ */ P(((e, t) => {
+	var n = L(), r = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/, i = typeof document > "u" ? {} : document.documentElement.style;
 	t.exports = (function() {
 		var e = (function() {
 			for (var e in i) if (r.test(e)) return e.match(r)[0];
@@ -417,54 +417,54 @@ var z = /* @__PURE__ */ F(((e, t) => {
 		};
 	})();
 }));
-z();
+R();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenRe.js
-var Ee = /* @__PURE__ */ F(((e, t) => {
+var Te = /* @__PURE__ */ P(((e, t) => {
 	t.exports = /[-\s]+(.)?/g;
 }));
-Ee();
+Te();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/camelize.js
-var B = /* @__PURE__ */ F(((e, t) => {
+var z = /* @__PURE__ */ P(((e, t) => {
 	var n = function(e, t) {
 		return t ? t.toUpperCase() : "";
-	}, r = Ee();
+	}, r = Te();
 	t.exports = function(e) {
 		return e ? e.replace(r, n) : "";
 	};
 }));
-B();
+z();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/separate.js
-var De = /* @__PURE__ */ F(((e, t) => {
+var Ee = /* @__PURE__ */ P(((e, t) => {
 	var n = /::/g, r = /([A-Z]+)([A-Z][a-z])/g, i = /([a-z\d])([A-Z])/g, a = /_/g;
 	t.exports = function(e, t) {
 		return e ? e.replace(n, "/").replace(r, "$1_$2").replace(i, "$1_$2").replace(a, t || "-") : "";
 	};
 }));
-De();
+Ee();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenate.js
-var V = /* @__PURE__ */ F(((e, t) => {
-	var n = De();
+var B = /* @__PURE__ */ P(((e, t) => {
+	var n = Ee();
 	t.exports = function(e) {
 		return n(e).toLowerCase();
 	};
 }));
-V();
+B();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toLowerFirst.js
-var Oe = /* @__PURE__ */ F(((e, t) => {
+var De = /* @__PURE__ */ P(((e, t) => {
 	t.exports = function(e) {
 		return e.length ? e.charAt(0).toLowerCase() + e.substring(1) : e;
 	};
 }));
-Oe();
+De();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixer.js
-var ke = /* @__PURE__ */ F(((e, t) => {
-	var n = B(), r = V(), i = Oe(), a = R(), o = z(), s = I(), c = typeof document > "u" ? {} : document.documentElement.style;
+var Oe = /* @__PURE__ */ P(((e, t) => {
+	var n = z(), r = B(), i = De(), a = L(), o = R(), s = F(), c = typeof document > "u" ? {} : document.documentElement.style;
 	t.exports = function(e) {
 		return function(t, l) {
 			l ||= {};
@@ -481,45 +481,45 @@ var ke = /* @__PURE__ */ F(((e, t) => {
 		};
 	};
 }));
-ke();
+Oe();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssPrefix.js
-var Ae = /* @__PURE__ */ F(((e, t) => {
-	t.exports = ke()();
+var ke = /* @__PURE__ */ P(((e, t) => {
+	t.exports = Oe()();
 }));
-Ae();
+ke();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/hasOwn.js
-var H = /* @__PURE__ */ F(((e, t) => {
+var V = /* @__PURE__ */ P(((e, t) => {
 	var n = Object.prototype.hasOwnProperty;
 	t.exports = function(e, t) {
 		return n.call(e, t);
 	};
 }));
-H();
+V();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isObject.js
-var je = /* @__PURE__ */ F(((e, t) => {
+var Ae = /* @__PURE__ */ P(((e, t) => {
 	var n = Object.prototype.toString;
 	t.exports = function(e) {
 		return !!e && n.call(e) === "[object Object]";
 	};
 }));
-je();
+Ae();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isFunction.js
-var Me = /* @__PURE__ */ F(((e, t) => {
+var je = /* @__PURE__ */ P(((e, t) => {
 	var n = Object.prototype.toString;
 	t.exports = function(e) {
 		return n.apply(e) === "[object Function]";
 	};
 }));
-Me();
+je();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleObject.js
-var U = /* @__PURE__ */ F(((e, t) => {
-	z();
-	var n = Ae(), r = V(), i = B(), a = H(), o = je(), s = Me(), c = function(e, t, r, i) {
+var H = /* @__PURE__ */ P(((e, t) => {
+	R();
+	var n = ke(), r = B(), i = z(), a = V(), o = Ae(), s = je(), c = function(e, t, r, i) {
 		n(t).forEach(function(t) {
 			e[i ? i(t) : t] = r;
 		});
@@ -530,7 +530,7 @@ var U = /* @__PURE__ */ F(((e, t) => {
 			var n = e.split(":");
 			n.length == 2 && (t[n[0].trim()] = n[1].trim());
 		}), t;
-	}, u = { cssUnitless: L() }, d = function(e, t, n, f) {
+	}, u = { cssUnitless: I() }, d = function(e, t, n, f) {
 		typeof e == "string" && (e = l(e)), t ||= u, t.cssUnitless = t.cssUnitless || u.cssUnitless, f ||= {};
 		var p = t.scope || {}, m = t.addUnits == null ? p && p.addUnits != null ? p.addUnits : !0 : t.addUnits, h = (t.cssUnitless == null ? p ? p.cssUnitless : null : t.cssUnitless) || {}, g = (t.cssUnit || p ? p.cssUnit : null) || "px", _ = t.prefixProperties || (p ? p.prefixProperties : null) || {}, v = t.camelize ? i : r, y, b, x, S, C, w, T, E;
 		for (x in e) if (a(e, x)) {
@@ -559,11 +559,11 @@ var U = /* @__PURE__ */ F(((e, t) => {
 	};
 	t.exports = d;
 }));
-U();
+H();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleString.js
-var Ne = /* @__PURE__ */ F(((e, t) => {
-	var n = U(), r = H();
+var Me = /* @__PURE__ */ P(((e, t) => {
+	var n = H(), r = V();
 	t.exports = function(e, t) {
 		e = n(e, t);
 		var i = [], a;
@@ -571,25 +571,25 @@ var Ne = /* @__PURE__ */ F(((e, t) => {
 		return i.join("; ");
 	};
 }));
-Ne();
+Me();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/index.js
-var Pe = /* @__PURE__ */ F(((e, t) => {
+var Ne = /* @__PURE__ */ P(((e, t) => {
 	t.exports = {
-		prefixProperties: I(),
-		cssUnitless: L(),
-		object: U(),
-		string: Ne()
+		prefixProperties: F(),
+		cssUnitless: I(),
+		object: H(),
+		string: Me()
 	};
 }));
-Pe();
+Ne();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/serialization.js
-var Fe = /* @__PURE__ */ e(n(), 1), Ie = Pe(), Le = (0, Fe.default)("@pie-lib:mask-markup:serialization"), Re = ["span"], ze = [
+var Pe = /* @__PURE__ */ e(i(), 1), Fe = Ne(), Ie = (0, Pe.default)("@pie-lib:mask-markup:serialization"), Le = ["span"], Re = [
 	"em",
 	"strong",
 	"u"
-], Be = 3, Ve = 8, He = 1, Ue = (e) => {
+], ze = 3, Be = 8, Ve = 1, He = (e) => {
 	if (!e.attributes || e.attributes.length <= 0) return;
 	let t = {}, n;
 	for (n = 0; n < e.attributes.length; n++) {
@@ -597,44 +597,44 @@ var Fe = /* @__PURE__ */ e(n(), 1), Ie = Pe(), Le = (0, Fe.default)("@pie-lib:ma
 		t[r.name] = r.value;
 	}
 	return t;
-}, We = (e) => Re.includes(e) ? "inline" : ze.includes(e) ? "mark" : "block", Ge = (e) => {
+}, Ue = (e) => Le.includes(e) ? "inline" : Re.includes(e) ? "mark" : "block", We = (e) => {
 	let t = /([\w-]*)\s*:\s*([^;]*)/g, n, r = {};
 	for (; n = t.exec(e);) r[n[1]] = n[2].trim();
 	return r;
-}, Ke = (e) => (0, Ie.object)(e, {
+}, Ge = (e) => (0, Fe.object)(e, {
 	camelize: !0,
 	addUnits: !1
-}), qe = (e, t) => Ke(Ge(e.getAttribute(t))), Je = (e, t, n) => {
+}), Ke = (e, t) => Ge(We(e.getAttribute(t))), qe = (e, t, n) => {
 	let r = e.getAttribute(n);
 	return delete t.class, r;
-}, Ye = (e) => (t, n) => {
+}, Je = (e) => (t, n) => {
 	if (!e.getAttribute) return t;
 	if (e.getAttribute(n)) switch (n) {
 		case "style":
-			t.style = qe(e, n);
+			t.style = Ke(e, n);
 			break;
 		case "class":
-			t.className = Je(e, t, n);
+			t.className = qe(e, t, n);
 			break;
 		default:
 			t[n] = e.getAttribute(n);
 			break;
 	}
 	return t;
-}, Xe = [
+}, Ye = [
 	"border",
 	"class",
 	"style"
-], W = {
+], U = {
 	b: "bold",
 	em: "italic",
 	u: "underline",
 	s: "strikethrough",
 	code: "code",
 	strong: "strong"
-}, Ze = (e, t = []) => {
-	if (e.nodeType === Ve) return null;
-	if (e.nodeType === Be) {
+}, Xe = (e, t = []) => {
+	if (e.nodeType === Be) return null;
+	if (e.nodeType === ze) {
 		let n = { text: e.textContent };
 		return t.length > 0 && (n.marks = t.map((e) => ({
 			type: e,
@@ -644,19 +644,19 @@ var Fe = /* @__PURE__ */ e(n(), 1), Ie = Pe(), Le = (0, Fe.default)("@pie-lib:ma
 			leaves: [n]
 		};
 	}
-	if (e.nodeType === He) {
-		let n = e.tagName.toLowerCase(), r = W[n];
-		if (r) return Le("[deserialize] mark: ", r), {
+	if (e.nodeType === Ve) {
+		let n = e.tagName.toLowerCase(), r = U[n];
+		if (r) return Ie("[deserialize] mark: ", r), {
 			_flatten: !0,
-			nodes: G(e.childNodes, [...t, r])
+			nodes: W(e.childNodes, [...t, r])
 		};
 		if (n === "math") return {
 			isMath: !0,
 			nodes: [e]
 		};
-		let i = Ue(e) || {};
+		let i = He(e) || {};
 		n === "audio" && i.controls === "" && (i.controls = !0);
-		let a = Xe.reduce(Ye(e), { ...i }), o = We(n), s = G(e.childNodes, t);
+		let a = Ye.reduce(Je(e), { ...i }), o = Ue(n), s = W(e.childNodes, t);
 		return {
 			object: o,
 			type: n,
@@ -668,14 +668,14 @@ var Fe = /* @__PURE__ */ e(n(), 1), Ie = Pe(), Le = (0, Fe.default)("@pie-lib:ma
 		};
 	}
 	return null;
-}, G = (e, t = []) => {
+}, W = (e, t = []) => {
 	let n = [];
 	for (let r = 0; r < e.length; r++) {
-		let i = Ze(e[r], t);
+		let i = Xe(e[r], t);
 		i !== null && (i._flatten && i.nodes ? n.push(...i.nodes) : n.push(i));
 	}
 	return n;
-}, Qe = (e) => {
+}, Ze = (e) => {
 	if (!e || !e.trim()) return {
 		object: "value",
 		document: {
@@ -690,7 +690,7 @@ var Fe = /* @__PURE__ */ e(n(), 1), Ie = Pe(), Le = (0, Fe.default)("@pie-lib:ma
 			}]
 		}
 	};
-	let t = G(new DOMParser().parseFromString(e, "text/html").body.childNodes);
+	let t = W(new DOMParser().parseFromString(e, "text/html").body.childNodes);
 	return !t.some((e) => e.object === "block" || e.object === "inline") && t.length > 0 && (t = [{
 		object: "block",
 		type: "span",
@@ -711,75 +711,75 @@ var Fe = /* @__PURE__ */ e(n(), 1), Ie = Pe(), Le = (0, Fe.default)("@pie-lib:ma
 			nodes: t
 		}
 	};
-}, $e = w("div")(({ theme: e }) => ({
+}, Qe = u("div")(({ theme: e }) => ({
 	paddingTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5)
-})), et = w("span")(() => ({
+})), $e = u("span")(() => ({
 	display: "inline-block",
 	width: ".75em"
-})), tt = ["tbody", "tr"], nt = (e, t) => {
+})), et = ["tbody", "tr"], tt = (e, t) => {
 	let n = t.trim() === "", r = e && e.type;
-	if (!(n && tt.includes(r))) return t;
-}, rt = (e) => {
-	let t = e.leaves.find((e) => E(e, "marks", []).length);
+	if (!(n && et.includes(r))) return t;
+}, nt = (e) => {
+	let t = e.leaves.find((e) => w(e, "marks", []).length);
 	return t ? t.marks : null;
-}, it = (e, t, n, r, i, a) => {
+}, rt = (e, t, n, r, i, a) => {
 	if (!t) return null;
 	let o = [];
 	return (e.nodes || []).forEach((e, s) => {
 		let c = e.type ? `${e.type}-${s}` : `${s}`;
-		if (e.isMath) return o.push(/* @__PURE__ */ O("span", { dangerouslySetInnerHTML: { __html: v(`<math displaystyle="true">${e.nodes[0].innerHTML}</math>`) } })), o;
+		if (e.isMath) return o.push(/* @__PURE__ */ D("span", { dangerouslySetInnerHTML: { __html: l(`<math displaystyle="true">${e.nodes[0].innerHTML}</math>`) } })), o;
 		if (r) {
 			let a = r(e, t, n);
 			if (a) {
 				let t = e.data?.dataset?.component === "blank" && i?.type !== "td";
-				t && o.push(/* @__PURE__ */ O(et, {}, `spacer-${s}-before`)), o.push(a), t && o.push(/* @__PURE__ */ O(et, {}, `spacer-${s}-after`));
+				t && o.push(/* @__PURE__ */ D($e, {}, `spacer-${s}-before`)), o.push(a), t && o.push(/* @__PURE__ */ D($e, {}, `spacer-${s}-after`));
 				return;
 			}
 		}
 		if (e.object === "text") {
 			let t = e.leaves.reduce((e, t) => {
-				let n = t.text, r = nt(i, n);
+				let n = t.text, r = tt(i, n);
 				return r ? e + r : e;
-			}, ""), n = rt(e);
+			}, ""), n = nt(e);
 			if (n?.length > 0) {
-				let e = n.map((e) => Object.keys(W).find((t) => W[t] === e.type)).filter(Boolean);
-				e.length > 0 ? o.push(e.reduceRight((e, t, n) => /* @__PURE__ */ O(t, { children: e }, `${c}-${t}-${n}`), t)) : o.push(t);
+				let e = n.map((e) => Object.keys(U).find((t) => U[t] === e.type)).filter(Boolean);
+				e.length > 0 ? o.push(e.reduceRight((e, t, n) => /* @__PURE__ */ D(t, { children: e }, `${c}-${t}-${n}`), t)) : o.push(t);
 			} else t.length > 0 && o.push(t);
 		} else {
-			let i = it(e, t, n, r, e, a);
-			if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */ O($e, { children: i }, c));
+			let i = rt(e, t, n, r, e, a);
+			if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */ D(Qe, { children: i }, c));
 			else {
 				let t = e.type;
-				e.nodes && e.nodes.length > 0 ? o.push(/* @__PURE__ */ O(t, {
+				e.nodes && e.nodes.length > 0 ? o.push(/* @__PURE__ */ D(t, {
 					...e.data.attributes,
 					children: i
-				}, c)) : o.push(/* @__PURE__ */ O(t, { ...e.data.attributes }, c));
+				}, c)) : o.push(/* @__PURE__ */ D(t, { ...e.data.attributes }, c));
 			}
 		}
 	}), o;
-}, at = w("div")(() => ({
+}, it = u("div")(() => ({
 	display: "initial",
 	"&:not(.MathJax) table": { borderCollapse: "collapse" },
 	"&:not(.MathJax) table td, &:not(.MathJax) table th": {
 		padding: "8px 12px",
 		textAlign: "left"
 	}
-})), ot = class extends D.Component {
+})), at = class extends E.Component {
 	constructor(e) {
-		super(e), this.internalContainerRef = D.createRef();
+		super(e), this.internalContainerRef = E.createRef();
 	}
 	static propTypes = {
-		renderChildren: A.default.func,
-		layout: A.default.object,
-		value: A.default.object,
-		onChange: A.default.func,
-		elementType: A.default.string,
-		containerRef: A.default.oneOfType([A.default.func, A.default.shape({ current: A.default.instanceOf(Element) })])
+		renderChildren: k.default.func,
+		layout: k.default.object,
+		value: k.default.object,
+		onChange: k.default.func,
+		elementType: k.default.string,
+		containerRef: k.default.oneOfType([k.default.func, k.default.shape({ current: k.default.instanceOf(Element) })])
 	};
 	componentDidMount() {
 		let e = this.props.containerRef || this.internalContainerRef;
-		e.current && typeof r == "function" && r(e.current);
+		e.current && typeof n == "function" && n(e.current);
 	}
 	handleChange = (e, t) => {
 		let n = {
@@ -789,26 +789,26 @@ var Fe = /* @__PURE__ */ e(n(), 1), Ie = Pe(), Le = (0, Fe.default)("@pie-lib:ma
 		this.props.onChange(n);
 	};
 	render() {
-		let { value: e, layout: t, elementType: n, containerRef: r } = this.props, i = it(t, e, this.handleChange, this.props.renderChildren, null, n);
-		return /* @__PURE__ */ O(at, {
+		let { value: e, layout: t, elementType: n, containerRef: r } = this.props, i = rt(t, e, this.handleChange, this.props.renderChildren, null, n);
+		return /* @__PURE__ */ D(it, {
 			ref: r || this.internalContainerRef,
 			children: i
 		});
 	}
-}, st = (e, t) => {
-	let { markup: n } = Te(e, t);
-	return Qe(v(n)).document;
-}, ct = (e, t) => class extends D.Component {
+}, ot = (e, t) => {
+	let { markup: n } = we(e, t);
+	return Ze(l(n)).document;
+}, st = (e, t) => class extends E.Component {
 	static propTypes = {
-		markup: A.default.string,
-		layout: A.default.object,
-		value: A.default.object,
-		onChange: A.default.func,
-		customMarkMarkupComponent: A.default.func,
-		elementType: A.default.string
+		markup: k.default.string,
+		layout: k.default.object,
+		value: k.default.object,
+		onChange: k.default.func,
+		customMarkMarkupComponent: k.default.func,
+		elementType: k.default.string
 	};
 	constructor(e) {
-		super(e), this.containerRef = D.createRef();
+		super(e), this.containerRef = E.createRef();
 	}
 	componentDidUpdate(e) {
 		if (this.props.markup !== e.markup) {
@@ -820,8 +820,8 @@ var Fe = /* @__PURE__ */ e(n(), 1), Ie = Pe(), Le = (0, Fe.default)("@pie-lib:ma
 		}
 	}
 	render() {
-		let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || st(n, e);
-		return /* @__PURE__ */ O(ot, {
+		let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || ot(n, e);
+		return /* @__PURE__ */ D(at, {
 			containerRef: this.containerRef,
 			elementType: o,
 			layout: s,
@@ -830,21 +830,21 @@ var Fe = /* @__PURE__ */ e(n(), 1), Ie = Pe(), Le = (0, Fe.default)("@pie-lib:ma
 			renderChildren: t(this.props)
 		});
 	}
-}, lt = o(/*#__PURE__*/ O("path", { d: "m7 10 5 5 5-5z" }), "ArrowDropDown"), ut = o(/*#__PURE__*/ O("path", { d: "m7 14 5-5 5 5z" }), "ArrowDropUp");
+}, ct = S(/*#__PURE__*/ D("path", { d: "m7 10 5 5 5-5z" }), "ArrowDropDown"), lt = S(/*#__PURE__*/ D("path", { d: "m7 14 5-5 5 5z" }), "ArrowDropUp");
 //#endregion
 //#region ../../lib-react/mask-markup/dist/components/dropdown.js
-function K(e) {
+function G(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function dt(e, t) {
-	return !e || K(e) ? e : K(e.default) ? e.default : t && K(e[t]) ? e[t] : t && K(e[t]?.default) ? e[t].default : e;
+function ut(e, t) {
+	return !e || G(e) ? e : G(e.default) ? e.default : t && G(e[t]) ? e[t] : t && G(e[t]?.default) ? e[t].default : e;
 }
-var ft = dt(u, "InlineMenu") || dt(mt.InlineMenu, "InlineMenu"), pt = c, q = pt.default, mt = q && typeof q == "object" ? q : pt, { translator: ht } = i, gt = m.v("pie"), _t = w(t)(() => ({
-	color: m.text(),
-	border: `1px solid ${m.borderGray()}`,
+var dt = ut(g, "InlineMenu") || ut(pt.InlineMenu, "InlineMenu"), ft = o, K = ft.default, pt = K && typeof K == "object" ? K : ft, { translator: mt } = t, ht = v.v("pie"), gt = u(x)(() => ({
+	color: v.text(),
+	border: `1px solid ${v.borderGray()}`,
 	borderRadius: "4px",
 	justifyContent: "space-between",
-	backgroundColor: m.background(),
+	backgroundColor: v.background(),
 	position: "relative",
 	height: "45px",
 	width: "fit-content",
@@ -856,29 +856,29 @@ var ft = dt(u, "InlineMenu") || dt(mt.InlineMenu, "InlineMenu"), pt = c, q = pt.
 		right: "4px",
 		top: "calc(50% - 12px)",
 		pointerEvents: "none",
-		color: m.text(),
+		color: v.text(),
 		marginLeft: "5px"
 	},
 	"&.Mui-focusVisible": {
-		outline: `3px solid ${m.tertiary()}`,
+		outline: `3px solid ${v.tertiary()}`,
 		outlineOffset: "2px",
 		borderWidth: "3px"
 	},
-	"&.Mui-disabled": { color: m.disabledText() },
+	"&.Mui-disabled": { color: v.disabledText() },
 	"&.disabledCorrect": {
 		borderWidth: "2px",
-		borderColor: m.correct(),
-		color: `${m.text()} !important`
+		borderColor: v.correct(),
+		color: `${v.text()} !important`
 	},
 	"&.disabledIncorrect": {
 		borderWidth: "2px",
-		borderColor: m.incorrectWithIcon(),
-		color: `${m.text()} !important`
+		borderColor: v.incorrectWithIcon(),
+		color: `${v.text()} !important`
 	}
-})), vt = w(ft)(() => ({
-	"& .MuiPaper-root": { backgroundColor: gt("background", m.defaults.WHITE) },
+})), _t = u(dt)(() => ({
+	"& .MuiPaper-root": { backgroundColor: ht("background", v.defaults.WHITE) },
 	"& .MuiList-root": { padding: 0 }
-})), yt = w(y)(() => ({
+})), vt = u(h)(() => ({
 	height: 24,
 	overflow: "hidden",
 	fontSize: "1rem",
@@ -886,42 +886,42 @@ var ft = dt(u, "InlineMenu") || dt(mt.InlineMenu, "InlineMenu"), pt = c, q = pt.
 	fontFamily: "inherit",
 	lineHeight: "1.5em",
 	whiteSpace: "nowrap",
-	color: m.text(),
-	backgroundColor: m.background(),
+	color: v.text(),
+	backgroundColor: v.background(),
 	"&.Mui-focusVisible": {
-		outline: `3px solid ${m.tertiary()}`,
+		outline: `3px solid ${v.tertiary()}`,
 		outlineOffset: "-1px",
-		color: m.text(),
-		backgroundColor: m.background()
+		color: v.text(),
+		backgroundColor: v.background()
 	},
 	"&:hover": {
-		color: m.text(),
-		backgroundColor: m.dropdownBackground()
+		color: v.text(),
+		backgroundColor: v.dropdownBackground()
 	},
 	boxSizing: "border-box",
 	padding: "16px 8px",
 	borderRadius: "4px",
 	"&.selected": {
-		color: `${m.text()} !important`,
-		backgroundColor: `${m.background()} !important`,
+		color: `${v.text()} !important`,
+		backgroundColor: `${v.background()} !important`,
 		"&:hover": {
-			color: m.text(),
-			backgroundColor: `${m.dropdownBackground()} !important`
+			color: v.text(),
+			backgroundColor: `${v.dropdownBackground()} !important`
 		}
 	}
-})), J = w("span")(() => ({ fontSize: "max(1rem, 14px)" })), bt = w("span")(() => ({
+})), q = u("span")(() => ({ fontSize: "max(1rem, 14px)" })), yt = u("span")(() => ({
 	fontSize: "max(1rem, 14px)",
 	flexShrink: 0,
 	paddingLeft: "8px"
-})), xt = w(l)(() => ({
+})), bt = u(b)(() => ({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-})), St = w(h)(() => ({
-	color: `${m.white()} !important`,
+})), xt = u(d)(() => ({
+	color: `${v.white()} !important`,
 	position: "absolute",
 	top: "-8px !important",
 	left: "-8px",
@@ -929,10 +929,10 @@ var ft = dt(u, "InlineMenu") || dt(mt.InlineMenu, "InlineMenu"), pt = c, q = pt.
 	borderRadius: "50%",
 	fontSize: "16px",
 	padding: "2px",
-	"&.correct": { backgroundColor: m.correct() },
-	"&.incorrect": { backgroundColor: m.incorrectWithIcon() }
-})), Ct = w(C)(() => ({
-	color: `${m.white()} !important`,
+	"&.correct": { backgroundColor: v.correct() },
+	"&.incorrect": { backgroundColor: v.incorrectWithIcon() }
+})), St = u(y)(() => ({
+	color: `${v.white()} !important`,
 	position: "absolute",
 	top: "-8px !important",
 	left: "-8px",
@@ -940,36 +940,23 @@ var ft = dt(u, "InlineMenu") || dt(mt.InlineMenu, "InlineMenu"), pt = c, q = pt.
 	borderRadius: "50%",
 	fontSize: "16px",
 	padding: "2px",
-	"&.correct": { backgroundColor: m.correct() },
-	"&.incorrect": { backgroundColor: m.incorrectWithIcon() }
-})), wt = ({ label: e, selected: t, labelRef: n, ...r }) => {
-	let i = te(null), a = b(i);
-	return /* @__PURE__ */ k(yt, {
-		...r,
-		selected: t,
-		"aria-label": a,
-		children: [/* @__PURE__ */ O(J, {
-			ref: (e) => {
-				i.current = e, n(e);
-			},
-			dangerouslySetInnerHTML: { __html: v(e) }
-		}), /* @__PURE__ */ O(bt, { dangerouslySetInnerHTML: { __html: t ? " &check;" : "" } })]
-	});
-}, Tt = class extends D.Component {
+	"&.correct": { backgroundColor: v.correct() },
+	"&.incorrect": { backgroundColor: v.incorrectWithIcon() }
+})), Ct = class extends E.Component {
 	static propTypes = {
-		id: A.default.string,
-		value: A.default.string,
-		disabled: A.default.bool,
-		onChange: A.default.func,
-		correct: A.default.bool,
-		choices: A.default.arrayOf(A.default.shape({
-			value: A.default.string,
-			label: A.default.string
+		id: k.default.string,
+		value: k.default.string,
+		disabled: k.default.bool,
+		onChange: k.default.func,
+		correct: k.default.bool,
+		choices: k.default.arrayOf(k.default.shape({
+			value: k.default.string,
+			label: k.default.string
 		})),
-		showCorrectAnswer: A.default.bool,
-		singleQuery: A.default.bool,
-		correctValue: A.default.string,
-		language: A.default.string
+		showCorrectAnswer: k.default.bool,
+		singleQuery: k.default.bool,
+		correctValue: k.default.string,
+		language: k.default.string
 	};
 	constructor(e) {
 		super(e), this.state = {
@@ -977,23 +964,23 @@ var ft = dt(u, "InlineMenu") || dt(mt.InlineMenu, "InlineMenu"), pt = c, q = pt.
 			highlightedOptionId: null,
 			menuWidth: null,
 			previewValue: null
-		}, this.hiddenRef = D.createRef(), this.buttonRef = D.createRef(), this.previewRef = D.createRef(), this.elementRefs = [], this.idPrefix = a(`dropdown-${e.id}`);
+		}, this.hiddenRef = E.createRef(), this.buttonRef = E.createRef(), this.previewRef = E.createRef(), this.elementRefs = [], this.idPrefix = r(`dropdown-${e.id}`);
 	}
 	optionId = (e) => `${this.idPrefix}-option-${e}`;
 	componentDidMount() {
 		this.hiddenRef.current && this.state.menuWidth === null && this.setState({ menuWidth: this.hiddenRef.current.clientWidth });
 	}
 	componentDidUpdate(e, t) {
-		let n = this.hiddenRef.current;
+		let r = this.hiddenRef.current;
 		if (!t.anchorEl && this.state.anchorEl && this.elementRefs.forEach((e) => {
 			if (!e) return;
-			let t = e.querySelector("[data-latex], [data-raw]"), n = e.querySelector("mjx-container"), i = e.querySelector("[data-math-handled=\"true\"]");
-			t && (!i || !n) && r(e);
-		}), n) {
-			let e = n.clientWidth;
+			let t = e.querySelector("[data-latex], [data-raw]"), r = e.querySelector("mjx-container"), i = e.querySelector("[data-math-handled=\"true\"]");
+			t && (!i || !r) && n(e);
+		}), r) {
+			let e = r.clientWidth;
 			e !== this.state.menuWidth && (this.elementRefs.forEach((e) => {
-				e && r(e);
-			}), r(n), this.setState({ menuWidth: e }));
+				e && n(e);
+			}), n(r), this.setState({ menuWidth: e }));
 		}
 	}
 	handleClick = (e) => {
@@ -1038,14 +1025,14 @@ var ft = dt(u, "InlineMenu") || dt(mt.InlineMenu, "InlineMenu"), pt = c, q = pt.
 		return n ? n.label.trim() : void 0;
 	}
 	render() {
-		let { id: e, correct: t, disabled: n, value: r, choices: i, showCorrectAnswer: a, singleQuery: o, correctValue: s, language: c } = this.props, { anchorEl: l } = this.state, u = !!l, d = `${this.idPrefix}-button`, f = `${this.idPrefix}-menu`, p = `${this.idPrefix}-listbox`, m = `${this.idPrefix}-value`, h = `${this.idPrefix}-value-name`, g;
+		let { id: e, correct: t, disabled: n, value: r, choices: i, showCorrectAnswer: a, singleQuery: o, correctValue: s, language: c } = this.props, { anchorEl: u } = this.state, d = !!u, f = `${this.idPrefix}-button`, p = `${this.idPrefix}-menu`, m = `${this.idPrefix}-listbox`, h = `${this.idPrefix}-value`, g;
 		this.elementRefs = [], n && t !== void 0 && (g = t || a ? "disabledCorrect" : "disabledIncorrect");
-		let _ = parseInt(e, 10) + 1, y = `${this.idPrefix}-query-label`, b = o ? ht.t("inlineDropdown.query", { lng: c }) : ht.t("inlineDropdown.queryNumber", {
+		let _ = parseInt(e, 10) + 1, v = `${this.idPrefix}-query-label`, y = o ? mt.t("inlineDropdown.query", { lng: c }) : mt.t("inlineDropdown.queryNumber", {
 			lng: c,
 			index: _
-		}), x = null;
-		return n && t !== void 0 && (x = t || a ? /* @__PURE__ */ O(St, { className: "correct" }) : /* @__PURE__ */ O(Ct, { className: "incorrect" })), /* @__PURE__ */ k(ie, { children: [
-			/* @__PURE__ */ O("div", {
+		}), b = null;
+		return n && t !== void 0 && (b = t || a ? /* @__PURE__ */ D(xt, { className: "correct" }) : /* @__PURE__ */ D(St, { className: "incorrect" })), /* @__PURE__ */ O(re, { children: [
+			/* @__PURE__ */ D("div", {
 				ref: this.hiddenRef,
 				style: {
 					position: "absolute",
@@ -1055,56 +1042,50 @@ var ft = dt(u, "InlineMenu") || dt(mt.InlineMenu, "InlineMenu"), pt = c, q = pt.
 				},
 				tabIndex: -1,
 				"aria-hidden": "true",
-				children: (i || []).map((e, t) => /* @__PURE__ */ O(yt, {
+				children: (i || []).map((e, t) => /* @__PURE__ */ D(vt, {
 					tabIndex: -1,
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ O(J, { dangerouslySetInnerHTML: { __html: v(e.label) } })
+					children: /* @__PURE__ */ D(q, { dangerouslySetInnerHTML: { __html: l(e.label) } })
 				}, t))
 			}),
-			/* @__PURE__ */ O(xt, {
-				id: y,
+			/* @__PURE__ */ D(bt, {
+				id: v,
 				tabIndex: -1,
 				"aria-hidden": "true",
-				children: b
+				children: y
 			}),
-			/* @__PURE__ */ O(S, { children: (e, t) => /* @__PURE__ */ k(ie, { children: [/* @__PURE__ */ k(_t, {
+			/* @__PURE__ */ O(gt, {
 				ref: this.buttonRef,
 				style: {
 					...this.state.menuWidth && { minWidth: `calc(${this.state.menuWidth}px + 8px)` },
-					borderWidth: u ? "2px" : "1px",
+					borderWidth: d ? "2px" : "1px",
 					transition: "border-width 0.2s ease-in-out"
 				},
-				"aria-controls": u ? p : void 0,
+				"aria-controls": d ? m : void 0,
 				"aria-haspopup": "listbox",
-				"aria-expanded": u ? "true" : "false",
+				"aria-expanded": d ? "true" : "false",
 				"aria-activedescendant": this.state.highlightedOptionId,
 				onClick: this.handleClick,
 				className: g,
 				disabled: n,
-				id: d,
+				id: f,
 				role: "combobox",
-				"aria-labelledby": `${y} ${e ? h : m}`,
+				"aria-labelledby": `${v} ${h}`,
 				children: [
-					x,
-					/* @__PURE__ */ O(J, {
-						id: m,
-						ref: (e) => {
-							this.previewRef.current = e, t.current = e;
-						},
-						dangerouslySetInnerHTML: { __html: v(s || (u && this.state.previewValue ? this.getLabel(i, this.state.previewValue) : this.getLabel(i, r) || "")) }
+					b,
+					/* @__PURE__ */ D(q, {
+						id: h,
+						ref: this.previewRef,
+						dangerouslySetInnerHTML: { __html: l(s || (d && this.state.previewValue ? this.getLabel(i, this.state.previewValue) : this.getLabel(i, r) || "")) }
 					}),
-					O(u ? ut : lt, {})
+					D(d ? lt : ct, {})
 				]
-			}), e ? /* @__PURE__ */ O("span", {
-				id: h,
-				hidden: !0,
-				children: e
-			}) : null] }) }),
-			/* @__PURE__ */ O(vt, {
-				id: f,
-				anchorEl: l,
+			}),
+			/* @__PURE__ */ D(_t, {
+				id: p,
+				anchorEl: u,
 				keepMounted: !0,
-				open: u,
+				open: d,
 				onClose: this.handleClose,
 				getContentAnchorEl: null,
 				anchorOrigin: {
@@ -1125,15 +1106,15 @@ var ft = dt(u, "InlineMenu") || dt(mt.InlineMenu, "InlineMenu"), pt = c, q = pt.
 						padding: "4px"
 					} } : void 0,
 					list: {
-						id: p,
-						"aria-labelledby": y,
+						id: m,
+						"aria-labelledby": v,
 						role: "listbox",
 						disablePadding: !0
 					}
 				},
 				children: (i || []).map((e, t) => {
 					let n = this.optionId(t);
-					return /* @__PURE__ */ O(wt, {
+					return /* @__PURE__ */ O(vt, {
 						id: n,
 						className: e.value === r ? "selected" : "",
 						selected: e.value === r,
@@ -1142,18 +1123,20 @@ var ft = dt(u, "InlineMenu") || dt(mt.InlineMenu, "InlineMenu"), pt = c, q = pt.
 						role: "option",
 						"aria-selected": this.state.highlightedOptionId === n ? "true" : void 0,
 						onMouseOver: () => this.handleHover(t),
-						label: e.label,
-						labelRef: (e) => this.elementRefs[t] = e
+						children: [/* @__PURE__ */ D(q, {
+							ref: (e) => this.elementRefs[t] = e,
+							dangerouslySetInnerHTML: { __html: l(e.label) }
+						}), /* @__PURE__ */ D(yt, { dangerouslySetInnerHTML: { __html: e.value === r ? " &check;" : "" } })]
 					}, `${e.label}-${t}`);
 				})
 			})
 		] });
 	}
-}, Et = ct("dropdown", (e) => (t, n, r) => {
+}, wt = st("dropdown", (e) => (t, n, r) => {
 	let i = t.data && t.data.dataset || {};
 	if (i.component === "dropdown") {
 		let { choices: a, disabled: o, feedback: s, showCorrectAnswer: c, language: l } = e, u = a && a[i.id] && a[i.id].find((e) => e.correct), d = c ? u && u.value : n[i.id];
-		return /* @__PURE__ */ O(Tt, {
+		return /* @__PURE__ */ D(Ct, {
 			correct: s && s[i.id] && s[i.id] === "correct",
 			disabled: o || c,
 			value: d,
@@ -1169,106 +1152,106 @@ var ft = dt(u, "InlineMenu") || dt(mt.InlineMenu, "InlineMenu"), pt = c, q = pt.
 });
 //#endregion
 //#region src/delivery/inline-dropdown.tsx
-function Y(e) {
+function J(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function X(e, t) {
-	return !e || Y(e) ? e : Y(e.default) ? e.default : t && Y(e[t]) ? e[t] : t && Y(e[t]?.default) ? e[t].default : e;
+function Y(e, t) {
+	return !e || J(e) ? e : J(e.default) ? e.default : t && J(e[t]) ? e[t] : t && J(e[t]?.default) ? e[t].default : e;
 }
-var Dt = X(T, "UiLayout") || X(At.UiLayout, "UiLayout"), Z = X(d, "PreviewPrompt") || X(At.PreviewPrompt, "PreviewPrompt"), Ot = X(g, "Collapsible") || X(At.Collapsible, "Collapsible"), kt = c, Q = kt.default, At = Q && typeof Q == "object" ? Q : kt, { translator: $ } = i, jt = w(Dt)({
-	color: m.text(),
-	backgroundColor: m.background()
-}), Mt = w(Ot)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Nt = w("div")(({ theme: e }) => ({ "&:not(:last-child)": { marginBottom: e.spacing(2) } })), Pt = w("div")({
+var Tt = Y(a, "UiLayout") || Y(Q.UiLayout, "UiLayout"), X = Y(p, "PreviewPrompt") || Y(Q.PreviewPrompt, "PreviewPrompt"), Et = Y(f, "Collapsible") || Y(Q.Collapsible, "Collapsible"), Dt = o, Z = Dt.default, Q = Z && typeof Z == "object" ? Z : Dt, { translator: $ } = t, Ot = u(Tt)({
+	color: v.text(),
+	backgroundColor: v.background()
+}), kt = u(Et)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), At = u("div")(({ theme: e }) => ({ "&:not(:last-child)": { marginBottom: e.spacing(2) } })), jt = u("div")({
 	display: "flex",
 	whiteSpace: "break-spaces"
-}), Ft = w("div")(({ correct: e }) => ({
+}), Mt = u("div")(({ correct: e }) => ({
 	display: "flex",
-	...e ? { color: m.correct() } : { color: m.incorrectWithIcon() }
-})), It = w("h2")({
+	...e ? { color: v.correct() } : { color: v.incorrectWithIcon() }
+})), Nt = u("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), Lt = class extends D.Component {
+}), Pt = class extends E.Component {
 	static propTypes = {
-		prompt: A.default.string,
-		disabled: A.default.bool,
-		markup: A.default.string,
-		mode: A.default.string,
-		displayType: A.default.string,
-		rationale: A.default.string,
-		teacherInstructions: A.default.string,
-		model: A.default.object.isRequired,
-		choices: A.default.object,
-		value: A.default.object,
-		feedback: A.default.object,
-		onChange: A.default.func,
-		language: A.default.string
+		prompt: k.default.string,
+		disabled: k.default.bool,
+		markup: k.default.string,
+		mode: k.default.string,
+		displayType: k.default.string,
+		rationale: k.default.string,
+		teacherInstructions: k.default.string,
+		model: k.default.object.isRequired,
+		choices: k.default.object,
+		value: k.default.object,
+		feedback: k.default.object,
+		onChange: k.default.func,
+		language: k.default.string
 	};
 	static defaultProps = { value: {} };
 	state = { showCorrectAnswer: !1 };
 	UNSAFE_componentWillReceiveProps(e) {
-		ee(e.feedback) && this.setState({ showCorrectAnswer: !1 });
+		T(e.feedback) && this.setState({ showCorrectAnswer: !1 });
 	}
 	componentDidUpdate() {
-		r(re.findDOMNode(this));
+		n(ne.findDOMNode(this));
 	}
 	toggleShowCorrect = () => {
 		this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });
 	};
 	render() {
-		let { showCorrectAnswer: e } = this.state, { prompt: t, mode: n, model: r, rationale: i, teacherInstructions: a, choices: o, displayType: s, language: c } = this.props, { extraCSSRules: l } = r || {}, u = n === "evaluate", d = !1, f = i && (_(i) || x(i)), p = a && (_(a) || x(a)), m = (Object.keys(o) || []).map((e) => (o[e] || []).reduce((e, t) => (t.rationale && _(t.rationale) && (d = !0, e.push(t)), e), []));
-		return /* @__PURE__ */ k(jt, {
-			extraCSSRules: l,
-			style: { display: `${s}` },
+		let { showCorrectAnswer: e } = this.state, { prompt: t, mode: n, model: r, rationale: i, teacherInstructions: a, choices: o, displayType: u, language: d } = this.props, { extraCSSRules: f } = r || {}, p = n === "evaluate", m = !1, h = i && (c(i) || s(i)), g = a && (c(a) || s(a)), _ = (Object.keys(o) || []).map((e) => (o[e] || []).reduce((e, t) => (t.rationale && c(t.rationale) && (m = !0, e.push(t)), e), []));
+		return /* @__PURE__ */ O(Ot, {
+			extraCSSRules: f,
+			style: { display: `${u}` },
 			children: [
-				n === "gather" && /* @__PURE__ */ O(It, { children: $.t("inlineDropdown.inlineDropdownQuestion", { lng: c }) }),
-				p && /* @__PURE__ */ O(Mt, {
+				n === "gather" && /* @__PURE__ */ D(Nt, { children: $.t("inlineDropdown.inlineDropdownQuestion", { lng: d }) }),
+				g && /* @__PURE__ */ D(kt, {
 					labels: {
-						hidden: $.t("common:showTeacherInstructions", { lng: c }),
-						visible: $.t("common:hideTeacherInstructions", { lng: c })
+						hidden: $.t("common:showTeacherInstructions", { lng: d }),
+						visible: $.t("common:hideTeacherInstructions", { lng: d })
 					},
-					children: /* @__PURE__ */ O(Z, { prompt: a })
+					children: /* @__PURE__ */ D(X, { prompt: a })
 				}),
-				t && /* @__PURE__ */ O(Z, { prompt: t }),
-				/* @__PURE__ */ O(Ce, {
-					show: u,
+				t && /* @__PURE__ */ D(X, { prompt: t }),
+				/* @__PURE__ */ D(Se, {
+					show: p,
 					toggled: e,
 					onToggle: this.toggleShowCorrect,
-					language: c
+					language: d
 				}),
-				/* @__PURE__ */ O(Et, {
+				/* @__PURE__ */ D(wt, {
 					...this.props,
 					showCorrectAnswer: e
 				}),
-				d && /* @__PURE__ */ O(Mt, {
+				m && /* @__PURE__ */ D(kt, {
 					labels: {
-						hidden: $.t("inlineDropdown.showRationaleForChoices", { lng: c }),
-						visible: $.t("inlineDropdown.hideRationaleForChoices", { lng: c })
+						hidden: $.t("inlineDropdown.showRationaleForChoices", { lng: d }),
+						visible: $.t("inlineDropdown.hideRationaleForChoices", { lng: d })
 					},
-					children: m.map((e, t) => /* @__PURE__ */ O(Nt, { children: e?.length > 0 && e.map((e) => /* @__PURE__ */ k(Pt, { children: [/* @__PURE__ */ O(Ft, {
+					children: _.map((e, t) => /* @__PURE__ */ D(At, { children: e?.length > 0 && e.map((e) => /* @__PURE__ */ O(jt, { children: [/* @__PURE__ */ D(Mt, {
 						correct: e.correct,
-						dangerouslySetInnerHTML: { __html: `${v(e.label)}: ` }
-					}), /* @__PURE__ */ O(Z, { prompt: e.rationale })] }, e.label)) }, t))
+						dangerouslySetInnerHTML: { __html: `${l(e.label)}: ` }
+					}), /* @__PURE__ */ D(X, { prompt: e.rationale })] }, e.label)) }, t))
 				}),
-				f && /* @__PURE__ */ O(Ot, {
+				h && /* @__PURE__ */ D(Et, {
 					labels: {
-						hidden: $.t("common:showRationale", { lng: c }),
-						visible: $.t("common:hideRationale", { lng: c })
+						hidden: $.t("common:showRationale", { lng: d }),
+						visible: $.t("common:hideRationale", { lng: d })
 					},
-					children: /* @__PURE__ */ O(Z, { prompt: i })
+					children: /* @__PURE__ */ D(X, { prompt: i })
 				})
 			]
 		});
 	}
-}, { translator: Rt } = i, zt = class extends HTMLElement {
+}, { translator: Ft } = t, It = class extends HTMLElement {
 	constructor() {
 		super(), this._model = null, this._session = null, this._root = null;
 	}
 	set model(e) {
-		this._model = e, this.dispatchEvent(new ae(this.tagName.toLowerCase(), this.session && !!this.session.value, !!this._model)), this._render();
+		this._model = e, this.dispatchEvent(new ie(this.tagName.toLowerCase(), this.session && !!this.session.value, !!this._model)), this._render();
 	}
 	set session(e) {
 		this._session = e, this._render();
@@ -1277,7 +1260,7 @@ var Dt = X(T, "UiLayout") || X(At.UiLayout, "UiLayout"), Z = X(d, "PreviewPrompt
 		return this._session;
 	}
 	setRegionLabel() {
-		this.setAttribute("aria-label", Rt.t("inlineDropdown.inlineDropdownQuestion", { lng: this._model?.language }));
+		this.setAttribute("aria-label", Ft.t("inlineDropdown.inlineDropdownQuestion", { lng: this._model?.language }));
 	}
 	setLangAttribute() {
 		let e = this._model && typeof this._model.language ? this._model.language : "", t = e ? e.slice(0, 2) : "en";
@@ -1285,7 +1268,7 @@ var Dt = X(T, "UiLayout") || X(At.UiLayout, "UiLayout"), Z = X(d, "PreviewPrompt
 	}
 	_render = () => {
 		if (this._model && this._session) {
-			let e = D.createElement(Lt, {
+			let e = E.createElement(Pt, {
 				model: this._model,
 				prompt: this._model.prompt,
 				rationale: this._model.rationale,
@@ -1300,13 +1283,13 @@ var Dt = X(T, "UiLayout") || X(At.UiLayout, "UiLayout"), Z = X(d, "PreviewPrompt
 				language: this._model.language,
 				onChange: this.changeSession
 			});
-			this.setLangAttribute(), this.setRegionLabel(), this._root ||= ne(this), this._root.render(e), queueMicrotask(() => {
-				r(this);
+			this.setLangAttribute(), this.setRegionLabel(), this._root ||= te(this), this._root.render(e), queueMicrotask(() => {
+				n(this);
 			});
 		}
 	};
 	dispatchChangedEvent = () => {
-		this.dispatchEvent(new oe(this.tagName.toLowerCase(), this.session && !!this.session.value));
+		this.dispatchEvent(new ae(this.tagName.toLowerCase(), this.session && !!this.session.value));
 	};
 	changeSession = (e) => {
 		this.session.value = e, this.dispatchChangedEvent(), this._render();
@@ -1319,6 +1302,6 @@ var Dt = X(T, "UiLayout") || X(At.UiLayout, "UiLayout"), Z = X(d, "PreviewPrompt
 	}
 };
 //#endregion
-export { zt as default };
+export { It as default };
 
 //# sourceMappingURL=index.js.map