@pie-element/inline-dropdown 10.1.2-next.7 → 10.1.2-next.9

package/dist/browser/delivery/index.js

@@ -1,5 +1,5 @@
 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-_y0oVYUk.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";
@@ -1796,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];
@@ -1822,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 ||= {};
@@ -1886,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;
 		});
@@ -1964,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;
@@ -1976,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__ */ e(u(), 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++) {
@@ -2002,44 +2002,44 @@ var At = /* @__PURE__ */ e(u(), 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,
@@ -2049,19 +2049,19 @@ var At = /* @__PURE__ */ e(u(), 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,
@@ -2073,14 +2073,14 @@ var At = /* @__PURE__ */ e(u(), 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: {
@@ -2095,7 +2095,7 @@ var At = /* @__PURE__ */ e(u(), 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",
@@ -2116,19 +2116,19 @@ var At = /* @__PURE__ */ e(u(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:ma
 			nodes: t
 		}
 	};
-}, Xt = g("div")(({ theme: e }) => ({
+}, Yt = g("div")(({ theme: e }) => ({
 	paddingTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5)
-})), Zt = g("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 : null;
-}, tn = (e, t, n, r, i, a) => {
+}, en = (e, t, n, r, i, a) => {
 	if (!t) return null;
 	let o = [];
 	return (e.nodes || []).forEach((e, s) => {
@@ -2138,22 +2138,22 @@ var At = /* @__PURE__ */ e(u(), 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);
+			}, ""), n = $t(e);
 			if (n?.length > 0) {
-				let e = n.map((e) => Object.keys(Kt).find((t) => Kt[t] === e.type)).filter(Boolean);
+				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, {
@@ -2163,14 +2163,14 @@ var At = /* @__PURE__ */ e(u(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:ma
 			}
 		}
 	}), o;
-}, nn = g("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();
 	}
@@ -2194,16 +2194,16 @@ var At = /* @__PURE__ */ e(u(), 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,
@@ -2225,8 +2225,8 @@ var At = /* @__PURE__ */ e(u(), 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,
@@ -2235,16 +2235,16 @@ var At = /* @__PURE__ */ e(u(), 1), jt = kt(), Mt = (0, At.default)("@pie-lib:ma
 			renderChildren: t(this.props)
 		});
 	}
-}, sn = n(/*#__PURE__*/ D("path", { d: "m7 10 5 5 5-5z" }), "ArrowDropDown"), cn = n(/*#__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(m, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.default, fn = Y && typeof Y == "object" ? Y : dn, pn = g(b)(() => ({
+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",
@@ -2279,10 +2279,10 @@ var un = ln(m, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.
 		borderColor: v.incorrectWithIcon(),
 		color: `${v.text()} !important`
 	}
-})), mn = g(un)(() => ({
-	"& .MuiPaper-root": { backgroundColor: v.background() },
+})), hn = g(ln)(() => ({
+	"& .MuiPaper-root": { backgroundColor: pn("background", v.defaults.WHITE) },
 	"& .MuiList-root": { padding: 0 }
-})), hn = g(p)(() => ({
+})), gn = g(p)(() => ({
 	height: 24,
 	overflow: "hidden",
 	fontSize: "1rem",
@@ -2313,18 +2313,18 @@ var un = ln(m, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.
 			backgroundColor: `${v.dropdownBackground()} !important`
 		}
 	}
-})), gn = g("span")(() => ({ fontSize: "max(1rem, 14px)" })), _n = g("span")(() => ({
+})), _n = g("span")(() => ({ fontSize: "max(1rem, 14px)" })), vn = g("span")(() => ({
 	fontSize: "max(1rem, 14px)",
 	flexShrink: 0,
 	paddingLeft: "8px"
-})), vn = g(y)(() => ({
+})), yn = g(y)(() => ({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-})), yn = g(l)(() => ({
+})), bn = g(l)(() => ({
 	color: `${v.white()} !important`,
 	position: "absolute",
 	top: "-8px !important",
@@ -2335,7 +2335,7 @@ var un = ln(m, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.
 	padding: "2px",
 	"&.correct": { backgroundColor: v.correct() },
 	"&.incorrect": { backgroundColor: v.incorrectWithIcon() }
-})), bn = g(_)(() => ({
+})), xn = g(_)(() => ({
 	color: `${v.white()} !important`,
 	position: "absolute",
 	top: "-8px !important",
@@ -2346,7 +2346,7 @@ var un = ln(m, "InlineMenu") || ln(fn.InlineMenu, "InlineMenu"), dn = a, Y = dn.
 	padding: "2px",
 	"&.correct": { backgroundColor: v.correct() },
 	"&.incorrect": { backgroundColor: v.incorrectWithIcon() }
-})), xn = class extends C.Component {
+})), Sn = class extends C.Component {
 	static propTypes = {
 		id: k.default.string,
 		value: k.default.string,
@@ -2430,7 +2430,7 @@ var un = ln(m, "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: {
@@ -2441,19 +2441,19 @@ var un = ln(m, "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)` },
@@ -2473,15 +2473,15 @@ var un = ln(m, "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,
@@ -2513,7 +2513,7 @@ var un = ln(m, "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,
@@ -2522,20 +2522,20 @@ var un = ln(m, "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,
@@ -2556,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(f, "PreviewPrompt") || Z($.PreviewPrompt, "PreviewPrompt"), wn = Z(d, "Collapsible") || Z($.Collapsible, "Collapsible"), Tn = a, En = Tn.default, $ = En && typeof En == "object" ? En : Tn, Dn = g(Cn)({
+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()
-}), On = g(wn)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), kn = g("div")(({ theme: e }) => ({ "&:not(:last-child)": { marginBottom: e.spacing(2) } })), An = g("div")({
+}), 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 = g("div")(({ correct: e }) => ({
+}), Mn = g("div")(({ correct: e }) => ({
 	display: "flex",
 	...e ? { color: v.correct() } : { color: v.incorrectWithIcon() }
-})), Mn = g("h2")({
+})), 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,
@@ -2601,12 +2601,12 @@ var Cn = Z(i, "UiLayout") || Z($.UiLayout, "UiLayout"), Q = Z(f, "PreviewPrompt"
 	};
 	render() {
 		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(Dn, {
+		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"
@@ -2620,21 +2620,21 @@ var Cn = Z(i, "UiLayout") || Z($.UiLayout, "UiLayout"), Q = Z(f, "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"
@@ -2644,7 +2644,7 @@ var Cn = Z(i, "UiLayout") || Z($.UiLayout, "UiLayout"), Q = Z(f, "PreviewPrompt"
 			]
 		});
 	}
-}, Pn = class extends HTMLElement {
+}, Fn = class extends HTMLElement {
 	constructor() {
 		super(), this._model = null, this._session = null, this._root = null;
 	}
@@ -2663,7 +2663,7 @@ var Cn = Z(i, "UiLayout") || Z($.UiLayout, "UiLayout"), Q = Z(f, "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,
@@ -2697,6 +2697,6 @@ var Cn = Z(i, "UiLayout") || Z($.UiLayout, "UiLayout"), Q = Z(f, "PreviewPrompt"
 	}
 };
 //#endregion
-export { Pn as default };
+export { Fn as default };
 
 //# sourceMappingURL=index.js.map