@pie-element/inline-dropdown 10.1.2-next.1 → 10.1.2-next.10

package/dist/browser/delivery/index.js

@@ -1,5 +1,6 @@
-import { L as e, Nt as t, Pt as n, Rt as r, S as i, a, d as o, f as s, ft as c, ht as l, i as u, j as d, k as f, m as p, n as m, o as h, p as g, pt as _, t as v, v as y, w as b } from "../Close-CMvmRhfL.js";
-import { _ as x, o as S } from "../dist-CAsDMEWi.js";
+import { i as e } from "../rolldown-runtime-CWhphoD1.js";
+import { It as t, L as n, Lt as r, S as i, a, d as o, dt as s, f as c, i as l, j as u, k as d, m as f, n as p, o as m, p as h, pt as g, t as _, ut as v, v as y, w as b } from "../Close-DvuMD5vl.js";
+import { _ as x, o as S } from "../dist-BJd6t-uW.js";
 import C, { useRef as w } from "react";
 import { createRoot as T } from "react-dom/client";
 import E from "react-dom";
@@ -34,7 +35,7 @@ var te = class e extends CustomEvent {
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, k = /* @__PURE__ */ r(t(), 1), re = "height ease-in 300ms, opacity ease-in 300ms", ie = l("div")(() => ({
+}, k = /* @__PURE__ */ e(t(), 1), re = "height ease-in 300ms, opacity ease-in 300ms", ie = g("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -70,7 +71,7 @@ var te = class e extends CustomEvent {
 	}
 })), ae = (e) => {
 	let { show: t, children: n, className: r } = e, i = w(null);
-	return /* @__PURE__ */ D(_, {
+	return /* @__PURE__ */ D(s, {
 		nodeRef: i,
 		in: t,
 		appear: !0,
@@ -167,7 +168,7 @@ se.propTypes = {
 	fgFill: k.default.string.isRequired,
 	borderFill: k.default.string.isRequired
 };
-var ce = l("div")(({ size: e }) => ({
+var ce = g("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
 })), A = ({ open: e, size: t }) => /* @__PURE__ */ D(ce, {
@@ -977,7 +978,7 @@ var je = {}, V = (e) => !j(e) && typeof e != "boolean" && typeof e != "number",
 	init(e = {}) {
 		e.interpolation ||= { escapeValue: !0 };
 		let { escape: t, escapeValue: n, useRawValueToEscape: r, prefix: i, prefixEscaped: a, suffix: o, suffixEscaped: s, formatSeparator: c, unescapeSuffix: l, unescapePrefix: u, nestingPrefix: d, nestingPrefixEscaped: f, nestingSuffix: p, nestingSuffixEscaped: m, nestingOptionsSeparator: h, maxReplaces: g, alwaysFormat: _ } = e.interpolation;
-		this.escape = t === void 0 ? xe : t, this.escapeValue = n === void 0 ? !0 : n, this.useRawValueToEscape = r === void 0 ? !1 : r, this.prefix = i ? F(i) : a || "{{", this.suffix = o ? F(o) : s || "}}", this.formatSeparator = c || ",", this.unescapePrefix = l ? "" : u || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = d ? F(d) : f || F("$t("), this.nestingSuffix = p ? F(p) : m || F(")"), this.nestingOptionsSeparator = h || ",", this.maxReplaces = g || 1e3, this.alwaysFormat = _ === void 0 ? !1 : _, this.resetRegExp();
+		this.escape = t === void 0 ? xe : t, this.escapeValue = n === void 0 || n, this.useRawValueToEscape = r !== void 0 && r, this.prefix = i ? F(i) : a || "{{", this.suffix = o ? F(o) : s || "}}", this.formatSeparator = c || ",", this.unescapePrefix = l ? "" : u || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = d ? F(d) : f || F("$t("), this.nestingSuffix = p ? F(p) : m || F(")"), this.nestingOptionsSeparator = h || ",", this.maxReplaces = g || 1e3, this.alwaysFormat = _ !== void 0 && _, this.resetRegExp();
 	}
 	reset() {
 		this.options && this.init(this.options);
@@ -1616,29 +1617,29 @@ function G(e) {
 function $e(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 et = $e(g, "Readable") || $e(rt.Readable, "Readable"), tt = a, nt = tt.default, rt = nt && typeof nt == "object" ? nt : tt, { translator: K } = Qe, it = {
+var et = $e(h, "Readable") || $e(rt.Readable, "Readable"), tt = a, nt = tt.default, rt = nt && typeof nt == "object" ? nt : tt, { translator: K } = Qe, it = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, at = l("div")(() => ({
+}, at = g("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), ot = l("div")(() => ({
+})), ot = g("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), st = l("div")(() => ({
+})), st = g("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${c.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${v.text()})`,
 	fontWeight: "normal",
 	...it
-})), ct = l("div")(() => ({
+})), ct = g("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -1651,7 +1652,7 @@ var et = $e(g, "Readable") || $e(rt.Readable, "Readable"), tt = a, nt = tt.defau
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), lt = l("div")(() => ({
+})), lt = g("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
@@ -1701,7 +1702,7 @@ var et = $e(g, "Readable") || $e(rt.Readable, "Readable"), tt = a, nt = tt.defau
 				children: /* @__PURE__ */ O(ot, {
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ O(lt, { children: [/* @__PURE__ */ D(_, {
+					children: [/* @__PURE__ */ O(lt, { children: [/* @__PURE__ */ D(s, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -1716,7 +1717,7 @@ var et = $e(g, "Readable") || $e(rt.Readable, "Readable"), tt = a, nt = tt.defau
 							ref: this.openIconRef,
 							children: /* @__PURE__ */ D(A, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ D(_, {
+					}), /* @__PURE__ */ D(s, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -1795,16 +1796,16 @@ var mt = /* @__PURE__ */ q(((e, t) => {
 mt();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toUpperFirst.js
-var ht = /* @__PURE__ */ q(((e, t) => {
+var J = /* @__PURE__ */ q(((e, t) => {
 	t.exports = function(e) {
 		return e.length ? e.charAt(0).toUpperCase() + e.substring(1) : e;
 	};
 }));
-ht();
+J();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixInfo.js
-var gt = /* @__PURE__ */ q(((e, t) => {
-	var n = ht(), r = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/, i = typeof document > "u" ? {} : document.documentElement.style;
+var ht = /* @__PURE__ */ q(((e, t) => {
+	var n = J(), 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];
@@ -1821,54 +1822,54 @@ var gt = /* @__PURE__ */ q(((e, t) => {
 		};
 	})();
 }));
-gt();
+ht();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenRe.js
-var _t = /* @__PURE__ */ q(((e, t) => {
+var gt = /* @__PURE__ */ q(((e, t) => {
 	t.exports = /[-\s]+(.)?/g;
 }));
-_t();
+gt();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/camelize.js
-var vt = /* @__PURE__ */ q(((e, t) => {
+var _t = /* @__PURE__ */ q(((e, t) => {
 	var n = function(e, t) {
 		return t ? t.toUpperCase() : "";
-	}, r = _t();
+	}, r = gt();
 	t.exports = function(e) {
 		return e ? e.replace(r, n) : "";
 	};
 }));
-vt();
+_t();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/separate.js
-var yt = /* @__PURE__ */ q(((e, t) => {
+var vt = /* @__PURE__ */ q(((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 || "-") : "";
 	};
 }));
-yt();
+vt();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenate.js
-var bt = /* @__PURE__ */ q(((e, t) => {
-	var n = yt();
+var yt = /* @__PURE__ */ q(((e, t) => {
+	var n = vt();
 	t.exports = function(e) {
 		return n(e).toLowerCase();
 	};
 }));
-bt();
+yt();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toLowerFirst.js
-var xt = /* @__PURE__ */ q(((e, t) => {
+var bt = /* @__PURE__ */ q(((e, t) => {
 	t.exports = function(e) {
 		return e.length ? e.charAt(0).toLowerCase() + e.substring(1) : e;
 	};
 }));
-xt();
+bt();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixer.js
-var St = /* @__PURE__ */ q(((e, t) => {
-	var n = vt(), r = bt(), i = xt(), a = ht(), o = gt(), s = pt(), c = typeof document > "u" ? {} : document.documentElement.style;
+var xt = /* @__PURE__ */ q(((e, t) => {
+	var n = _t(), r = yt(), i = bt(), a = J(), o = ht(), s = pt(), c = typeof document > "u" ? {} : document.documentElement.style;
 	t.exports = function(e) {
 		return function(t, l) {
 			l ||= {};
@@ -1885,45 +1886,45 @@ var St = /* @__PURE__ */ q(((e, t) => {
 		};
 	};
 }));
-St();
+xt();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssPrefix.js
-var Ct = /* @__PURE__ */ q(((e, t) => {
-	t.exports = St()();
+var St = /* @__PURE__ */ q(((e, t) => {
+	t.exports = xt()();
 }));
-Ct();
+St();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/hasOwn.js
-var wt = /* @__PURE__ */ q(((e, t) => {
+var Ct = /* @__PURE__ */ q(((e, t) => {
 	var n = Object.prototype.hasOwnProperty;
 	t.exports = function(e, t) {
 		return n.call(e, t);
 	};
 }));
-wt();
+Ct();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isObject.js
-var Tt = /* @__PURE__ */ q(((e, t) => {
+var wt = /* @__PURE__ */ q(((e, t) => {
 	var n = Object.prototype.toString;
 	t.exports = function(e) {
 		return !!e && n.call(e) === "[object Object]";
 	};
 }));
-Tt();
+wt();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isFunction.js
-var Et = /* @__PURE__ */ q(((e, t) => {
+var Tt = /* @__PURE__ */ q(((e, t) => {
 	var n = Object.prototype.toString;
 	t.exports = function(e) {
 		return n.apply(e) === "[object Function]";
 	};
 }));
-Et();
+Tt();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleObject.js
-var Dt = /* @__PURE__ */ q(((e, t) => {
-	gt();
-	var n = Ct(), r = bt(), i = vt(), a = wt(), o = Tt(), s = Et(), c = function(e, t, r, i) {
+var Et = /* @__PURE__ */ q(((e, t) => {
+	ht();
+	var n = St(), r = yt(), i = _t(), a = Ct(), o = wt(), s = Tt(), c = function(e, t, r, i) {
 		n(t).forEach(function(t) {
 			e[i ? i(t) : t] = r;
 		});
@@ -1963,11 +1964,11 @@ var Dt = /* @__PURE__ */ q(((e, t) => {
 	};
 	t.exports = d;
 }));
-Dt();
+Et();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleString.js
-var Ot = /* @__PURE__ */ q(((e, t) => {
-	var n = Dt(), r = wt();
+var Dt = /* @__PURE__ */ q(((e, t) => {
+	var n = Et(), r = Ct();
 	t.exports = function(e, t) {
 		e = n(e, t);
 		var i = [], a;
@@ -1975,25 +1976,25 @@ var Ot = /* @__PURE__ */ q(((e, t) => {
 		return i.join("; ");
 	};
 }));
-Ot();
+Dt();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/index.js
-var kt = /* @__PURE__ */ q(((e, t) => {
+var Ot = /* @__PURE__ */ q(((e, t) => {
 	t.exports = {
 		prefixProperties: pt(),
 		cssUnitless: mt(),
-		object: Dt(),
-		string: Ot()
+		object: Et(),
+		string: Dt()
 	};
 }));
-kt();
+Ot();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/serialization.js
-var At = /* @__PURE__ */ r(d(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:mask-markup:serialization"), Nt = ["span"], Pt = [
+var kt = /* @__PURE__ */ e(u(), 1), At = Ot(), jt = (0, kt.default)("@pie-lib:mask-markup:serialization"), Mt = ["span"], Nt = [
 	"em",
 	"strong",
 	"u"
-], Ft = 3, It = 8, Lt = 1, Rt = (e) => {
+], Pt = 3, Ft = 8, It = 1, Lt = (e) => {
 	if (!e.attributes || e.attributes.length <= 0) return;
 	let t = {}, n;
 	for (n = 0; n < e.attributes.length; n++) {
@@ -2001,44 +2002,44 @@ var At = /* @__PURE__ */ r(d(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:ma
 		t[r.name] = r.value;
 	}
 	return t;
-}, zt = (e) => Nt.includes(e) ? "inline" : Pt.includes(e) ? "mark" : "block", Bt = (e) => {
+}, Rt = (e) => Mt.includes(e) ? "inline" : Nt.includes(e) ? "mark" : "block", zt = (e) => {
 	let t = /([\w-]*)\s*:\s*([^;]*)/g, n, r = {};
 	for (; n = t.exec(e);) r[n[1]] = n[2].trim();
 	return r;
-}, Vt = (e) => (0, jt.object)(e, {
+}, Bt = (e) => (0, At.object)(e, {
 	camelize: !0,
 	addUnits: !1
-}), Ht = (e, t) => Vt(Bt(e.getAttribute(t))), Ut = (e, t, n) => {
+}), Vt = (e, t) => Bt(zt(e.getAttribute(t))), Ht = (e, t, n) => {
 	let r = e.getAttribute(n);
 	return delete t.class, r;
-}, Wt = (e) => (t, n) => {
+}, Ut = (e) => (t, n) => {
 	if (!e.getAttribute) return t;
 	if (e.getAttribute(n)) switch (n) {
 		case "style":
-			t.style = Ht(e, n);
+			t.style = Vt(e, n);
 			break;
 		case "class":
-			t.className = Ut(e, t, n);
+			t.className = Ht(e, t, n);
 			break;
 		default:
 			t[n] = e.getAttribute(n);
 			break;
 	}
 	return t;
-}, Gt = [
+}, Wt = [
 	"border",
 	"class",
 	"style"
-], Kt = {
+], Gt = {
 	b: "bold",
 	em: "italic",
 	u: "underline",
 	s: "strikethrough",
 	code: "code",
 	strong: "strong"
-}, qt = (e, t = []) => {
-	if (e.nodeType === It) return null;
-	if (e.nodeType === Ft) {
+}, Kt = (e, t = []) => {
+	if (e.nodeType === Ft) return null;
+	if (e.nodeType === Pt) {
 		let n = { text: e.textContent };
 		return t.length > 0 && (n.marks = t.map((e) => ({
 			type: e,
@@ -2048,19 +2049,19 @@ var At = /* @__PURE__ */ r(d(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:ma
 			leaves: [n]
 		};
 	}
-	if (e.nodeType === Lt) {
-		let n = e.tagName.toLowerCase(), r = Kt[n];
-		if (r) return Mt("[deserialize] mark: ", r), {
+	if (e.nodeType === It) {
+		let n = e.tagName.toLowerCase(), r = Gt[n];
+		if (r) return jt("[deserialize] mark: ", r), {
 			_flatten: !0,
-			nodes: Jt(e.childNodes, [...t, r])
+			nodes: qt(e.childNodes, [...t, r])
 		};
 		if (n === "math") return {
 			isMath: !0,
 			nodes: [e]
 		};
-		let i = Rt(e) || {};
+		let i = Lt(e) || {};
 		n === "audio" && i.controls === "" && (i.controls = !0);
-		let a = Gt.reduce(Wt(e), { ...i }), o = zt(n), s = Jt(e.childNodes, t);
+		let a = Wt.reduce(Ut(e), { ...i }), o = Rt(n), s = qt(e.childNodes, t);
 		return {
 			object: o,
 			type: n,
@@ -2072,14 +2073,14 @@ var At = /* @__PURE__ */ r(d(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:ma
 		};
 	}
 	return null;
-}, Jt = (e, t = []) => {
+}, qt = (e, t = []) => {
 	let n = [];
 	for (let r = 0; r < e.length; r++) {
-		let i = qt(e[r], t);
+		let i = Kt(e[r], t);
 		i !== null && (i._flatten && i.nodes ? n.push(...i.nodes) : n.push(i));
 	}
 	return n;
-}, Yt = (e) => {
+}, Jt = (e) => {
 	if (!e || !e.trim()) return {
 		object: "value",
 		document: {
@@ -2094,7 +2095,7 @@ var At = /* @__PURE__ */ r(d(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:ma
 			}]
 		}
 	};
-	let t = Jt(new DOMParser().parseFromString(e, "text/html").body.childNodes);
+	let t = qt(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",
@@ -2115,19 +2116,19 @@ var At = /* @__PURE__ */ r(d(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:ma
 			nodes: t
 		}
 	};
-}, Xt = l("div")(({ theme: e }) => ({
+}, Yt = g("div")(({ theme: e }) => ({
 	paddingTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5)
-})), Zt = l("span")(() => ({
+})), Xt = g("span")(() => ({
 	display: "inline-block",
 	width: ".75em"
-})), Qt = ["tbody", "tr"], $t = (e, t) => {
+})), Zt = ["tbody", "tr"], Qt = (e, t) => {
 	let n = t.trim() === "", r = e && e.type;
-	if (!(n && Qt.includes(r))) return t;
-}, en = (e) => {
+	if (!(n && Zt.includes(r))) return t;
+}, $t = (e) => {
 	let t = e.leaves.find((e) => x(e, "marks", []).length);
-	return t ? t.marks[0] : null;
-}, tn = (e, t, n, r, i, a) => {
+	return t ? t.marks : null;
+}, en = (e, t, n, r, i, a) => {
 	if (!t) return null;
 	let o = [];
 	return (e.nodes || []).forEach((e, s) => {
@@ -2137,26 +2138,22 @@ var At = /* @__PURE__ */ r(d(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:ma
 			let i = r(e, t, n);
 			if (i) {
 				let t = e.data?.dataset?.component === "blank";
-				t && o.push(/* @__PURE__ */ D(Zt, {}, `spacer-${s}`)), o.push(i), t && o.push(/* @__PURE__ */ D(Zt, {}, `spacer-${s}`));
+				t && o.push(/* @__PURE__ */ D(Xt, {}, `spacer-${s}-before`)), o.push(i), t && o.push(/* @__PURE__ */ D(Xt, {}, `spacer-${s}-after`));
 				return;
 			}
 		}
 		if (e.object === "text") {
 			let t = e.leaves.reduce((e, t) => {
-				let n = t.text, r = $t(i, n);
+				let n = t.text, r = Qt(i, n);
 				return r ? e + r : e;
-			}, ""), n = en(e);
-			if (n) {
-				let e;
-				for (e in Kt) if (Kt[e] === n.type) {
-					let n = e;
-					o.push(/* @__PURE__ */ D(n, { children: t }, c));
-					break;
-				}
+			}, ""), n = $t(e);
+			if (n?.length > 0) {
+				let e = n.map((e) => Object.keys(Gt).find((t) => Gt[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 = tn(e, t, n, r, e, a);
-			if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */ D(Xt, { children: i }, c));
+			let i = en(e, t, n, r, e, a);
+			if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */ D(Yt, { children: i }, c));
 			else {
 				let t = e.type;
 				e.nodes && e.nodes.length > 0 ? o.push(/* @__PURE__ */ D(t, {
@@ -2166,14 +2163,14 @@ var At = /* @__PURE__ */ r(d(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:ma
 			}
 		}
 	}), o;
-}, nn = l("div")(() => ({
+}, tn = g("div")(() => ({
 	display: "initial",
 	"&:not(.MathJax) table": { borderCollapse: "collapse" },
 	"&:not(.MathJax) table td, &:not(.MathJax) table th": {
 		padding: "8px 12px",
 		textAlign: "left"
 	}
-})), rn = class extends C.Component {
+})), nn = class extends C.Component {
 	constructor(e) {
 		super(e), this.internalContainerRef = C.createRef();
 	}
@@ -2187,7 +2184,7 @@ var At = /* @__PURE__ */ r(d(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:ma
 	};
 	componentDidMount() {
 		let e = this.props.containerRef || this.internalContainerRef;
-		e.current && typeof n == "function" && n(e.current);
+		e.current && typeof r == "function" && r(e.current);
 	}
 	handleChange = (e, t) => {
 		let n = {
@@ -2197,16 +2194,16 @@ var At = /* @__PURE__ */ r(d(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:ma
 		this.props.onChange(n);
 	};
 	render() {
-		let { value: e, layout: t, elementType: n, containerRef: r } = this.props, i = tn(t, e, this.handleChange, this.props.renderChildren, null, n);
-		return /* @__PURE__ */ D(nn, {
+		let { value: e, layout: t, elementType: n, containerRef: r } = this.props, i = en(t, e, this.handleChange, this.props.renderChildren, null, n);
+		return /* @__PURE__ */ D(tn, {
 			ref: r || this.internalContainerRef,
 			children: i
 		});
 	}
-}, an = (e, t) => {
+}, rn = (e, t) => {
 	let { markup: n } = ft(e, t);
-	return Yt(n).document;
-}, on = (e, t) => class extends C.Component {
+	return Jt(n).document;
+}, an = (e, t) => class extends C.Component {
 	static propTypes = {
 		markup: k.default.string,
 		layout: k.default.object,
@@ -2228,8 +2225,8 @@ var At = /* @__PURE__ */ r(d(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:ma
 		}
 	}
 	render() {
-		let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || an(n, e);
-		return /* @__PURE__ */ D(rn, {
+		let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || rn(n, e);
+		return /* @__PURE__ */ D(nn, {
 			containerRef: this.containerRef,
 			elementType: o,
 			layout: s,
@@ -2238,21 +2235,21 @@ var At = /* @__PURE__ */ r(d(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:ma
 			renderChildren: t(this.props)
 		});
 	}
-}, sn = e(/*#__PURE__*/ D("path", { d: "m7 10 5 5 5-5z" }), "ArrowDropDown"), cn = e(/*#__PURE__*/ D("path", { d: "m7 14 5-5 5 5z" }), "ArrowDropUp");
+}, on = n(/*#__PURE__*/ D("path", { d: "m7 10 5 5 5-5z" }), "ArrowDropDown"), sn = n(/*#__PURE__*/ D("path", { d: "m7 14 5-5 5 5z" }), "ArrowDropUp");
 //#endregion
 //#region ../../lib-react/mask-markup/dist/components/dropdown.js
-function J(e) {
+function Y(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function ln(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;
+function cn(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;
 }
-var un = ln(h, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.default, fn = Y && typeof Y == "object" ? Y : dn, pn = l(b)(() => ({
-	color: c.text(),
-	border: `1px solid ${c.borderGray()}`,
+var ln = cn(m, "InlineMenu") || cn(fn.InlineMenu, "InlineMenu"), un = a, dn = un.default, fn = dn && typeof dn == "object" ? dn : un, pn = v.v("pie"), mn = g(b)(() => ({
+	color: v.text(),
+	border: `1px solid ${v.borderGray()}`,
 	borderRadius: "4px",
 	justifyContent: "space-between",
-	backgroundColor: c.background(),
+	backgroundColor: v.background(),
 	position: "relative",
 	height: "45px",
 	width: "fit-content",
@@ -2264,37 +2261,28 @@ var un = ln(h, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.
 		right: "4px",
 		top: "calc(50% - 12px)",
 		pointerEvents: "none",
-		color: c.text(),
+		color: v.text(),
 		marginLeft: "5px"
 	},
 	"&.Mui-focused": {
-		outline: `3px solid ${c.tertiary()}`,
+		outline: `3px solid ${v.tertiary()}`,
 		outlineOffset: "2px",
 		borderWidth: "3px"
 	},
 	"&.disabledCorrect": {
 		borderWidth: "2px",
-		borderColor: c.correct(),
-		color: `${c.text()} !important`
+		borderColor: v.correct(),
+		color: `${v.text()} !important`
 	},
 	"&.disabledIncorrect": {
 		borderWidth: "2px",
-		borderColor: c.incorrectWithIcon(),
-		color: `${c.text()} !important`
+		borderColor: v.incorrectWithIcon(),
+		color: `${v.text()} !important`
 	}
-})), mn = l(un)(() => ({
-	backgroundColor: c.background(),
-	border: `1px solid ${c.correct()} !important`,
-	"&:hover": {
-		border: `1px solid ${c.text()} `,
-		borderColor: "initial"
-	},
-	"&:focus": {
-		border: `1px solid ${c.text()}`,
-		borderColor: "initial"
-	},
+})), hn = g(ln)(() => ({
+	"& .MuiPaper-root": { backgroundColor: pn("background", v.defaults.WHITE) },
 	"& .MuiList-root": { padding: 0 }
-})), hn = l(m)(() => ({
+})), gn = g(p)(() => ({
 	height: 24,
 	overflow: "hidden",
 	fontSize: "1rem",
@@ -2302,42 +2290,42 @@ var un = ln(h, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.
 	fontFamily: "inherit",
 	lineHeight: "1.5em",
 	whiteSpace: "nowrap",
-	color: c.text(),
-	backgroundColor: c.background(),
+	color: v.text(),
+	backgroundColor: v.background(),
 	"&.Mui-focusVisible": {
-		outline: `3px solid ${c.tertiary()}`,
+		outline: `3px solid ${v.tertiary()}`,
 		outlineOffset: "-1px",
-		color: c.text(),
-		backgroundColor: c.background()
+		color: v.text(),
+		backgroundColor: v.background()
 	},
 	"&:hover": {
-		color: c.text(),
-		backgroundColor: c.dropdownBackground()
+		color: v.text(),
+		backgroundColor: v.dropdownBackground()
 	},
 	boxSizing: "border-box",
 	padding: "16px 8px",
 	borderRadius: "4px",
 	"&.selected": {
-		color: `${c.text()} !important`,
-		backgroundColor: `${c.background()} !important`,
+		color: `${v.text()} !important`,
+		backgroundColor: `${v.background()} !important`,
 		"&:hover": {
-			color: c.text(),
-			backgroundColor: `${c.dropdownBackground()} !important`
+			color: v.text(),
+			backgroundColor: `${v.dropdownBackground()} !important`
 		}
 	}
-})), gn = l("span")(() => ({ fontSize: "max(1rem, 14px)" })), _n = l("span")(() => ({
+})), _n = g("span")(() => ({ fontSize: "max(1rem, 14px)" })), vn = g("span")(() => ({
 	fontSize: "max(1rem, 14px)",
 	flexShrink: 0,
 	paddingLeft: "8px"
-})), vn = l(y)(() => ({
+})), yn = g(y)(() => ({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-})), yn = l(u)(() => ({
-	color: `${c.white()} !important`,
+})), bn = g(l)(() => ({
+	color: `${v.white()} !important`,
 	position: "absolute",
 	top: "-8px !important",
 	left: "-8px",
@@ -2345,10 +2333,10 @@ var un = ln(h, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.
 	borderRadius: "50%",
 	fontSize: "16px",
 	padding: "2px",
-	"&.correct": { backgroundColor: c.correct() },
-	"&.incorrect": { backgroundColor: c.incorrectWithIcon() }
-})), bn = l(v)(() => ({
-	color: `${c.white()} !important`,
+	"&.correct": { backgroundColor: v.correct() },
+	"&.incorrect": { backgroundColor: v.incorrectWithIcon() }
+})), xn = g(_)(() => ({
+	color: `${v.white()} !important`,
 	position: "absolute",
 	top: "-8px !important",
 	left: "-8px",
@@ -2356,9 +2344,9 @@ var un = ln(h, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.
 	borderRadius: "50%",
 	fontSize: "16px",
 	padding: "2px",
-	"&.correct": { backgroundColor: c.correct() },
-	"&.incorrect": { backgroundColor: c.incorrectWithIcon() }
-})), xn = class extends C.Component {
+	"&.correct": { backgroundColor: v.correct() },
+	"&.incorrect": { backgroundColor: v.incorrectWithIcon() }
+})), Sn = class extends C.Component {
 	static propTypes = {
 		id: k.default.string,
 		value: k.default.string,
@@ -2385,16 +2373,16 @@ var un = ln(h, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.
 		this.hiddenRef.current && this.state.menuWidth === null && this.setState({ menuWidth: this.hiddenRef.current.clientWidth });
 	}
 	componentDidUpdate(e, t) {
-		let r = this.hiddenRef.current;
+		let n = this.hiddenRef.current;
 		if (!t.anchorEl && this.state.anchorEl && this.elementRefs.forEach((e) => {
 			if (!e) return;
-			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;
+			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;
 			e !== this.state.menuWidth && (this.elementRefs.forEach((e) => {
-				e && n(e);
-			}), n(r), this.setState({ menuWidth: e }));
+				e && r(e);
+			}), r(n), this.setState({ menuWidth: e }));
 		}
 	}
 	handleClick = (e) => {
@@ -2442,7 +2430,7 @@ var un = ln(h, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.
 		let { id: e, correct: t, disabled: n, value: r, choices: i, showCorrectAnswer: a, singleQuery: o, correctValue: s } = this.props, { anchorEl: c } = this.state, l = !!c, u = `dropdown-button-${e}`, d = `dropdown-menu-${e}`, f = `dropdown-value-${e}`, p;
 		this.elementRefs = [], n && t !== void 0 && (p = t || a ? "disabledCorrect" : "disabledIncorrect");
 		let m = parseInt(e, 10) + 1, h = o ? "Query-label" : `Query-label-${m}`, g = o ? "Query" : `Query ${m}`, _ = null;
-		return n && t !== void 0 && (_ = t || a ? /* @__PURE__ */ D(yn, { className: "correct" }) : /* @__PURE__ */ D(bn, { className: "incorrect" })), /* @__PURE__ */ O(ee, { children: [
+		return n && t !== void 0 && (_ = t || a ? /* @__PURE__ */ D(bn, { className: "correct" }) : /* @__PURE__ */ D(xn, { className: "incorrect" })), /* @__PURE__ */ O(ee, { children: [
 			/* @__PURE__ */ D("div", {
 				ref: this.hiddenRef,
 				style: {
@@ -2453,19 +2441,19 @@ var un = ln(h, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.
 				},
 				tabIndex: -1,
 				"aria-hidden": "true",
-				children: (i || []).map((e, t) => /* @__PURE__ */ D(hn, {
+				children: (i || []).map((e, t) => /* @__PURE__ */ D(gn, {
 					tabIndex: -1,
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ D(gn, { dangerouslySetInnerHTML: { __html: e.label } })
+					children: /* @__PURE__ */ D(_n, { dangerouslySetInnerHTML: { __html: e.label } })
 				}, t))
 			}),
-			/* @__PURE__ */ D(vn, {
+			/* @__PURE__ */ D(yn, {
 				id: h,
 				tabIndex: -1,
 				"aria-hidden": "true",
 				children: g
 			}),
-			/* @__PURE__ */ O(pn, {
+			/* @__PURE__ */ O(mn, {
 				ref: this.buttonRef,
 				style: {
 					...this.state.menuWidth && { minWidth: `calc(${this.state.menuWidth}px + 8px)` },
@@ -2485,15 +2473,15 @@ var un = ln(h, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.
 				"aria-labelledby": f,
 				children: [
 					_,
-					/* @__PURE__ */ D(gn, {
+					/* @__PURE__ */ D(_n, {
 						id: f,
 						ref: this.previewRef,
 						dangerouslySetInnerHTML: { __html: s || (l && this.state.previewValue ? this.getLabel(i, this.state.previewValue) : this.getLabel(i, r) || "") }
 					}),
-					D(l ? cn : sn, {})
+					D(l ? sn : on, {})
 				]
 			}),
-			/* @__PURE__ */ D(mn, {
+			/* @__PURE__ */ D(hn, {
 				id: d,
 				anchorEl: c,
 				keepMounted: !0,
@@ -2525,7 +2513,7 @@ var un = ln(h, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.
 				},
 				children: (i || []).map((t, n) => {
 					let i = `dropdown-option-${e}-${n}`;
-					return /* @__PURE__ */ O(hn, {
+					return /* @__PURE__ */ O(gn, {
 						id: i,
 						className: t.value === r ? "selected" : "",
 						selected: t.value === r,
@@ -2534,20 +2522,20 @@ var un = ln(h, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.
 						role: "option",
 						"aria-selected": this.state.highlightedOptionId === i ? "true" : void 0,
 						onMouseOver: () => this.handleHover(n),
-						children: [/* @__PURE__ */ D(gn, {
+						children: [/* @__PURE__ */ D(_n, {
 							ref: (e) => this.elementRefs[n] = e,
 							dangerouslySetInnerHTML: { __html: t.label }
-						}), /* @__PURE__ */ D(_n, { dangerouslySetInnerHTML: { __html: t.value === r ? " &check;" : "" } })]
+						}), /* @__PURE__ */ D(vn, { dangerouslySetInnerHTML: { __html: t.value === r ? " &check;" : "" } })]
 					}, `${t.label}-${n}`);
 				})
 			})
 		] });
 	}
-}, Sn = on("dropdown", (e) => (t, n, r) => {
+}, Cn = an("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 } = e, l = a && a[i.id] && a[i.id].find((e) => e.correct), u = c ? l && l.value : n[i.id];
-		return /* @__PURE__ */ D(xn, {
+		return /* @__PURE__ */ D(Sn, {
 			correct: s && s[i.id] && s[i.id] === "correct",
 			disabled: o || c,
 			value: u,
@@ -2568,23 +2556,23 @@ function X(e) {
 function Z(e, t) {
 	return !e || X(e) ? e : X(e.default) ? e.default : t && X(e[t]) ? e[t] : t && X(e[t]?.default) ? e[t].default : e;
 }
-var Cn = Z(i, "UiLayout") || Z($.UiLayout, "UiLayout"), Q = Z(p, "PreviewPrompt") || Z($.PreviewPrompt, "PreviewPrompt"), wn = Z(f, "Collapsible") || Z($.Collapsible, "Collapsible"), Tn = a, En = Tn.default, $ = En && typeof En == "object" ? En : Tn, Dn = l(Cn)({
-	color: c.text(),
-	backgroundColor: c.background()
-}), On = l(wn)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), kn = l("div")(({ theme: e }) => ({ "&:not(:last-child)": { marginBottom: e.spacing(2) } })), An = l("div")({
+var wn = Z(i, "UiLayout") || Z($.UiLayout, "UiLayout"), Q = Z(f, "PreviewPrompt") || Z($.PreviewPrompt, "PreviewPrompt"), Tn = Z(d, "Collapsible") || Z($.Collapsible, "Collapsible"), En = a, Dn = En.default, $ = Dn && typeof Dn == "object" ? Dn : En, On = g(wn)({
+	color: v.text(),
+	backgroundColor: v.background()
+}), kn = g(Tn)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), An = g("div")(({ theme: e }) => ({ "&:not(:last-child)": { marginBottom: e.spacing(2) } })), jn = g("div")({
 	display: "flex",
 	whiteSpace: "break-spaces"
-}), jn = l("div")(({ correct: e }) => ({
+}), Mn = g("div")(({ correct: e }) => ({
 	display: "flex",
-	...e ? { color: c.correct() } : { color: c.incorrectWithIcon() }
-})), Mn = l("h2")({
+	...e ? { color: v.correct() } : { color: v.incorrectWithIcon() }
+})), Nn = g("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), Nn = class extends C.Component {
+}), Pn = class extends C.Component {
 	static propTypes = {
 		prompt: k.default.string,
 		disabled: k.default.bool,
@@ -2606,19 +2594,19 @@ var Cn = Z(i, "UiLayout") || Z($.UiLayout, "UiLayout"), Q = Z(p, "PreviewPrompt"
 		S(e.feedback) && this.setState({ showCorrectAnswer: !1 });
 	}
 	componentDidUpdate() {
-		n(E.findDOMNode(this));
+		r(E.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: c, displayType: l, language: u } = this.props, { extraCSSRules: d } = r || {}, f = n === "evaluate", p = !1, m = i && (s(i) || o(i)), h = a && (s(a) || o(a)), g = (Object.keys(c) || []).map((e) => (c[e] || []).reduce((e, t) => (t.rationale && s(t.rationale) && (p = !0, e.push(t)), e), []));
-		return /* @__PURE__ */ O(Dn, {
+		let { showCorrectAnswer: e } = this.state, { prompt: t, mode: n, model: r, rationale: i, teacherInstructions: a, choices: s, displayType: l, language: u } = this.props, { extraCSSRules: d } = r || {}, f = n === "evaluate", p = !1, m = i && (c(i) || o(i)), h = a && (c(a) || o(a)), g = (Object.keys(s) || []).map((e) => (s[e] || []).reduce((e, t) => (t.rationale && c(t.rationale) && (p = !0, e.push(t)), e), []));
+		return /* @__PURE__ */ O(On, {
 			extraCSSRules: d,
 			style: { display: `${l}` },
 			children: [
-				n === "gather" && /* @__PURE__ */ D(Mn, { children: "Inline Dropdown Question" }),
-				h && /* @__PURE__ */ D(On, {
+				n === "gather" && /* @__PURE__ */ D(Nn, { children: "Inline Dropdown Question" }),
+				h && /* @__PURE__ */ D(kn, {
 					labels: {
 						hidden: "Show Teacher Instructions",
 						visible: "Hide Teacher Instructions"
@@ -2632,21 +2620,21 @@ var Cn = Z(i, "UiLayout") || Z($.UiLayout, "UiLayout"), Q = Z(p, "PreviewPrompt"
 					onToggle: this.toggleShowCorrect,
 					language: u
 				}),
-				/* @__PURE__ */ D(Sn, {
+				/* @__PURE__ */ D(Cn, {
 					...this.props,
 					showCorrectAnswer: e
 				}),
-				p && /* @__PURE__ */ D(On, {
+				p && /* @__PURE__ */ D(kn, {
 					labels: {
 						hidden: "Show Rationale for choices",
 						visible: "Hide Rationale for choices"
 					},
-					children: g.map((e, t) => /* @__PURE__ */ D(kn, { children: e?.length > 0 && e.map((e) => /* @__PURE__ */ O(An, { children: [/* @__PURE__ */ D(jn, {
+					children: g.map((e, t) => /* @__PURE__ */ D(An, { children: e?.length > 0 && e.map((e) => /* @__PURE__ */ O(jn, { children: [/* @__PURE__ */ D(Mn, {
 						correct: e.correct,
 						dangerouslySetInnerHTML: { __html: `${e.label}: ` }
 					}), /* @__PURE__ */ D(Q, { prompt: e.rationale })] }, e.label)) }, t))
 				}),
-				m && /* @__PURE__ */ D(wn, {
+				m && /* @__PURE__ */ D(Tn, {
 					labels: {
 						hidden: "Show Rationale",
 						visible: "Hide Rationale"
@@ -2656,7 +2644,7 @@ var Cn = Z(i, "UiLayout") || Z($.UiLayout, "UiLayout"), Q = Z(p, "PreviewPrompt"
 			]
 		});
 	}
-}, Pn = class extends HTMLElement {
+}, Fn = class extends HTMLElement {
 	constructor() {
 		super(), this._model = null, this._session = null, this._root = null;
 	}
@@ -2675,7 +2663,7 @@ var Cn = Z(i, "UiLayout") || Z($.UiLayout, "UiLayout"), Q = Z(p, "PreviewPrompt"
 	}
 	_render = () => {
 		if (this._model && this._session) {
-			let e = C.createElement(Nn, {
+			let e = C.createElement(Pn, {
 				model: this._model,
 				prompt: this._model.prompt,
 				rationale: this._model.rationale,
@@ -2691,7 +2679,7 @@ var Cn = Z(i, "UiLayout") || Z($.UiLayout, "UiLayout"), Q = Z(p, "PreviewPrompt"
 				onChange: this.changeSession
 			});
 			this.setLangAttribute(), this._root ||= T(this), this._root.render(e), queueMicrotask(() => {
-				n(this);
+				r(this);
 			});
 		}
 	};
@@ -2705,10 +2693,10 @@ var Cn = Z(i, "UiLayout") || Z($.UiLayout, "UiLayout"), Q = Z(p, "PreviewPrompt"
 		this.setAttribute("aria-label", "Inline Dropdown Question"), this.setAttribute("role", "region"), this._render();
 	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion
-export { Pn as default };
+export { Fn as default };
 
 //# sourceMappingURL=index.js.map