mlform 0.1.8 → 0.1.9

package/dist/{primitives-Duag8Lj0.js → primitives-Di95y_ur.js}

@@ -1,5 +1,5 @@
-import { n as e } from "./builtins-ml-9qB2MOxt.js";
-import { f as t } from "./runtime-DMjDVo0H.js";
+import { c as e } from "./runtime-C5iTM3uu.js";
+import { n as t } from "./builtins-ml-pjab8_gu.js";
 //#region node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js
 var n = globalThis, r = n.ShadowRoot && (n.ShadyCSS === void 0 || n.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, i = Symbol(), a = /* @__PURE__ */ new WeakMap(), o = class {
 	constructor(e, t, n) {
@@ -31,11 +31,11 @@ var n = globalThis, r = n.ShadowRoot && (n.ShadyCSS === void 0 || n.ShadyCSS.nat
 	let t = "";
 	for (let n of e.cssRules) t += n.cssText;
 	return s(t);
-})(e) : e, { is: d, defineProperty: f, getOwnPropertyDescriptor: p, getOwnPropertyNames: m, getOwnPropertySymbols: ee, getPrototypeOf: te } = Object, ne = globalThis, re = ne.trustedTypes, ie = re ? re.emptyScript : "", ae = ne.reactiveElementPolyfillSupport, h = (e, t) => e, oe = {
+})(e) : e, { is: d, defineProperty: f, getOwnPropertyDescriptor: p, getOwnPropertyNames: m, getOwnPropertySymbols: h, getPrototypeOf: ee } = Object, te = globalThis, ne = te.trustedTypes, re = ne ? ne.emptyScript : "", ie = te.reactiveElementPolyfillSupport, g = (e, t) => e, ae = {
 	toAttribute(e, t) {
 		switch (t) {
 			case Boolean:
-				e = e ? ie : null;
+				e = e ? re : null;
 				break;
 			case Object:
 			case Array: e = e == null ? e : JSON.stringify(e);
@@ -60,23 +60,23 @@ var n = globalThis, r = n.ShadowRoot && (n.ShadyCSS === void 0 || n.ShadyCSS.nat
 		}
 		return n;
 	}
-}, se = (e, t) => !d(e, t), ce = {
+}, oe = (e, t) => !d(e, t), se = {
 	attribute: !0,
 	type: String,
-	converter: oe,
+	converter: ae,
 	reflect: !1,
 	useDefault: !1,
-	hasChanged: se
+	hasChanged: oe
 };
-Symbol.metadata ??= Symbol("metadata"), ne.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-var g = class extends HTMLElement {
+Symbol.metadata ??= Symbol("metadata"), te.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var _ = class extends HTMLElement {
 	static addInitializer(e) {
 		this._$Ei(), (this.l ??= []).push(e);
 	}
 	static get observedAttributes() {
 		return this.finalize(), this._$Eh && [...this._$Eh.keys()];
 	}
-	static createProperty(e, t = ce) {
+	static createProperty(e, t = se) {
 		if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
 			let n = Symbol(), r = this.getPropertyDescriptor(e, n, t);
 			r !== void 0 && f(this.prototype, e, r);
@@ -102,17 +102,17 @@ var g = class extends HTMLElement {
 		};
 	}
 	static getPropertyOptions(e) {
-		return this.elementProperties.get(e) ?? ce;
+		return this.elementProperties.get(e) ?? se;
 	}
 	static _$Ei() {
-		if (this.hasOwnProperty(h("elementProperties"))) return;
-		let e = te(this);
+		if (this.hasOwnProperty(g("elementProperties"))) return;
+		let e = ee(this);
 		e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
 	}
 	static finalize() {
-		if (this.hasOwnProperty(h("finalized"))) return;
-		if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(h("properties"))) {
-			let e = this.properties, t = [...m(e), ...ee(e)];
+		if (this.hasOwnProperty(g("finalized"))) return;
+		if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(g("properties"))) {
+			let e = this.properties, t = [...m(e), ...h(e)];
 			for (let n of t) this.createProperty(n, e[n]);
 		}
 		let e = this[Symbol.metadata];
@@ -173,14 +173,14 @@ var g = class extends HTMLElement {
 	_$ET(e, t) {
 		let n = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, n);
 		if (r !== void 0 && !0 === n.reflect) {
-			let i = (n.converter?.toAttribute === void 0 ? oe : n.converter).toAttribute(t, n.type);
+			let i = (n.converter?.toAttribute === void 0 ? ae : n.converter).toAttribute(t, n.type);
 			this._$Em = e, i == null ? this.removeAttribute(r) : this.setAttribute(r, i), this._$Em = null;
 		}
 	}
 	_$AK(e, t) {
 		let n = this.constructor, r = n._$Eh.get(e);
 		if (r !== void 0 && this._$Em !== r) {
-			let e = n.getPropertyOptions(r), i = typeof e.converter == "function" ? { fromAttribute: e.converter } : e.converter?.fromAttribute === void 0 ? oe : e.converter;
+			let e = n.getPropertyOptions(r), i = typeof e.converter == "function" ? { fromAttribute: e.converter } : e.converter?.fromAttribute === void 0 ? ae : e.converter;
 			this._$Em = r;
 			let a = i.fromAttribute(t, e.type);
 			this[r] = a ?? this._$Ej?.get(r) ?? a, this._$Em = null;
@@ -189,7 +189,7 @@ var g = class extends HTMLElement {
 	requestUpdate(e, t, n, r = !1, i) {
 		if (e !== void 0) {
 			let a = this.constructor;
-			if (!1 === r && (i = this[e]), n ??= a.getPropertyOptions(e), !((n.hasChanged ?? se)(i, t) || n.useDefault && n.reflect && i === this._$Ej?.get(e) && !this.hasAttribute(a._$Eu(e, n)))) return;
+			if (!1 === r && (i = this[e]), n ??= a.getPropertyOptions(e), !((n.hasChanged ?? oe)(i, t) || n.useDefault && n.reflect && i === this._$Ej?.get(e) && !this.hasAttribute(a._$Eu(e, n)))) return;
 			this.C(e, t, n);
 		}
 		!1 === this.isUpdatePending && (this._$ES = this._$EP());
@@ -253,87 +253,87 @@ var g = class extends HTMLElement {
 	updated(e) {}
 	firstUpdated(e) {}
 };
-g.elementStyles = [], g.shadowRootOptions = { mode: "open" }, g[h("elementProperties")] = /* @__PURE__ */ new Map(), g[h("finalized")] = /* @__PURE__ */ new Map(), ae?.({ ReactiveElement: g }), (ne.reactiveElementVersions ??= []).push("2.1.2");
+_.elementStyles = [], _.shadowRootOptions = { mode: "open" }, _[g("elementProperties")] = /* @__PURE__ */ new Map(), _[g("finalized")] = /* @__PURE__ */ new Map(), ie?.({ ReactiveElement: _ }), (te.reactiveElementVersions ??= []).push("2.1.2");
 //#endregion
 //#region node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js
-var le = globalThis, ue = (e) => e, de = le.trustedTypes, fe = de ? de.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pe = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, me = "?" + _, he = `<${me}>`, v = document, ge = () => v.createComment(""), _e = (e) => e === null || typeof e != "object" && typeof e != "function", ve = Array.isArray, ye = (e) => ve(e) || typeof e?.[Symbol.iterator] == "function", be = "[ 	\n\f\r]", xe = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Se = /-->/g, Ce = />/g, y = RegExp(`>|${be}(?:([^\\s"'>=/]+)(${be}*=${be}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), we = /'/g, Te = /"/g, Ee = /^(?:script|style|textarea|title)$/i, b = ((e) => (t, ...n) => ({
+var ce = globalThis, le = (e) => e, ue = ce.trustedTypes, de = ue ? ue.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, fe = "$lit$", v = `lit$${Math.random().toFixed(9).slice(2)}$`, pe = "?" + v, me = `<${pe}>`, y = document, b = () => y.createComment(""), he = (e) => e === null || typeof e != "object" && typeof e != "function", ge = Array.isArray, _e = (e) => ge(e) || typeof e?.[Symbol.iterator] == "function", ve = "[ 	\n\f\r]", ye = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, be = /-->/g, xe = />/g, x = RegExp(`>|${ve}(?:([^\\s"'>=/]+)(${ve}*=${ve}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), Se = /'/g, Ce = /"/g, we = /^(?:script|style|textarea|title)$/i, S = ((e) => (t, ...n) => ({
 	_$litType$: e,
 	strings: t,
 	values: n
-}))(1), x = Symbol.for("lit-noChange"), S = Symbol.for("lit-nothing"), De = /* @__PURE__ */ new WeakMap(), C = v.createTreeWalker(v, 129);
-function Oe(e, t) {
-	if (!ve(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-	return fe === void 0 ? t : fe.createHTML(t);
+}))(1), C = Symbol.for("lit-noChange"), w = Symbol.for("lit-nothing"), Te = /* @__PURE__ */ new WeakMap(), T = y.createTreeWalker(y, 129);
+function Ee(e, t) {
+	if (!ge(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
+	return de === void 0 ? t : de.createHTML(t);
 }
-var ke = (e, t) => {
-	let n = e.length - 1, r = [], i, a = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = xe;
+var De = (e, t) => {
+	let n = e.length - 1, r = [], i, a = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = ye;
 	for (let t = 0; t < n; t++) {
 		let n = e[t], s, c, l = -1, u = 0;
-		for (; u < n.length && (o.lastIndex = u, c = o.exec(n), c !== null);) u = o.lastIndex, o === xe ? c[1] === "!--" ? o = Se : c[1] === void 0 ? c[2] === void 0 ? c[3] !== void 0 && (o = y) : (Ee.test(c[2]) && (i = RegExp("</" + c[2], "g")), o = y) : o = Ce : o === y ? c[0] === ">" ? (o = i ?? xe, l = -1) : c[1] === void 0 ? l = -2 : (l = o.lastIndex - c[2].length, s = c[1], o = c[3] === void 0 ? y : c[3] === "\"" ? Te : we) : o === Te || o === we ? o = y : o === Se || o === Ce ? o = xe : (o = y, i = void 0);
-		let d = o === y && e[t + 1].startsWith("/>") ? " " : "";
-		a += o === xe ? n + he : l >= 0 ? (r.push(s), n.slice(0, l) + pe + n.slice(l) + _ + d) : n + _ + (l === -2 ? t : d);
+		for (; u < n.length && (o.lastIndex = u, c = o.exec(n), c !== null);) u = o.lastIndex, o === ye ? c[1] === "!--" ? o = be : c[1] === void 0 ? c[2] === void 0 ? c[3] !== void 0 && (o = x) : (we.test(c[2]) && (i = RegExp("</" + c[2], "g")), o = x) : o = xe : o === x ? c[0] === ">" ? (o = i ?? ye, l = -1) : c[1] === void 0 ? l = -2 : (l = o.lastIndex - c[2].length, s = c[1], o = c[3] === void 0 ? x : c[3] === "\"" ? Ce : Se) : o === Ce || o === Se ? o = x : o === be || o === xe ? o = ye : (o = x, i = void 0);
+		let d = o === x && e[t + 1].startsWith("/>") ? " " : "";
+		a += o === ye ? n + me : l >= 0 ? (r.push(s), n.slice(0, l) + fe + n.slice(l) + v + d) : n + v + (l === -2 ? t : d);
 	}
-	return [Oe(e, a + (e[n] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
-}, Ae = class e {
+	return [Ee(e, a + (e[n] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
+}, Oe = class e {
 	constructor({ strings: t, _$litType$: n }, r) {
 		let i;
 		this.parts = [];
-		let a = 0, o = 0, s = t.length - 1, c = this.parts, [l, u] = ke(t, n);
-		if (this.el = e.createElement(l, r), C.currentNode = this.el.content, n === 2 || n === 3) {
+		let a = 0, o = 0, s = t.length - 1, c = this.parts, [l, u] = De(t, n);
+		if (this.el = e.createElement(l, r), T.currentNode = this.el.content, n === 2 || n === 3) {
 			let e = this.el.content.firstChild;
 			e.replaceWith(...e.childNodes);
 		}
-		for (; (i = C.nextNode()) !== null && c.length < s;) {
+		for (; (i = T.nextNode()) !== null && c.length < s;) {
 			if (i.nodeType === 1) {
-				if (i.hasAttributes()) for (let e of i.getAttributeNames()) if (e.endsWith(pe)) {
-					let t = u[o++], n = i.getAttribute(e).split(_), r = /([.?@])?(.*)/.exec(t);
+				if (i.hasAttributes()) for (let e of i.getAttributeNames()) if (e.endsWith(fe)) {
+					let t = u[o++], n = i.getAttribute(e).split(v), r = /([.?@])?(.*)/.exec(t);
 					c.push({
 						type: 1,
 						index: a,
 						name: r[2],
 						strings: n,
-						ctor: r[1] === "." ? Ne : r[1] === "?" ? Pe : r[1] === "@" ? Fe : T
+						ctor: r[1] === "." ? je : r[1] === "?" ? Me : r[1] === "@" ? Ne : D
 					}), i.removeAttribute(e);
-				} else e.startsWith(_) && (c.push({
+				} else e.startsWith(v) && (c.push({
 					type: 6,
 					index: a
 				}), i.removeAttribute(e));
-				if (Ee.test(i.tagName)) {
-					let e = i.textContent.split(_), t = e.length - 1;
+				if (we.test(i.tagName)) {
+					let e = i.textContent.split(v), t = e.length - 1;
 					if (t > 0) {
-						i.textContent = de ? de.emptyScript : "";
-						for (let n = 0; n < t; n++) i.append(e[n], ge()), C.nextNode(), c.push({
+						i.textContent = ue ? ue.emptyScript : "";
+						for (let n = 0; n < t; n++) i.append(e[n], b()), T.nextNode(), c.push({
 							type: 2,
 							index: ++a
 						});
-						i.append(e[t], ge());
+						i.append(e[t], b());
 					}
 				}
-			} else if (i.nodeType === 8) if (i.data === me) c.push({
+			} else if (i.nodeType === 8) if (i.data === pe) c.push({
 				type: 2,
 				index: a
 			});
 			else {
 				let e = -1;
-				for (; (e = i.data.indexOf(_, e + 1)) !== -1;) c.push({
+				for (; (e = i.data.indexOf(v, e + 1)) !== -1;) c.push({
 					type: 7,
 					index: a
-				}), e += _.length - 1;
+				}), e += v.length - 1;
 			}
 			a++;
 		}
 	}
 	static createElement(e, t) {
-		let n = v.createElement("template");
+		let n = y.createElement("template");
 		return n.innerHTML = e, n;
 	}
 };
-function w(e, t, n = e, r) {
-	if (t === x) return t;
-	let i = r === void 0 ? n._$Cl : n._$Co?.[r], a = _e(t) ? void 0 : t._$litDirective$;
-	return i?.constructor !== a && (i?._$AO?.(!1), a === void 0 ? i = void 0 : (i = new a(e), i._$AT(e, n, r)), r === void 0 ? n._$Cl = i : (n._$Co ??= [])[r] = i), i !== void 0 && (t = w(e, i._$AS(e, t.values), i, r)), t;
+function E(e, t, n = e, r) {
+	if (t === C) return t;
+	let i = r === void 0 ? n._$Cl : n._$Co?.[r], a = he(t) ? void 0 : t._$litDirective$;
+	return i?.constructor !== a && (i?._$AO?.(!1), a === void 0 ? i = void 0 : (i = new a(e), i._$AT(e, n, r)), r === void 0 ? n._$Cl = i : (n._$Co ??= [])[r] = i), i !== void 0 && (t = E(e, i._$AS(e, t.values), i, r)), t;
 }
-var je = class {
+var ke = class {
 	constructor(e, t) {
 		this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
 	}
@@ -344,28 +344,28 @@ var je = class {
 		return this._$AM._$AU;
 	}
 	u(e) {
-		let { el: { content: t }, parts: n } = this._$AD, r = (e?.creationScope ?? v).importNode(t, !0);
-		C.currentNode = r;
-		let i = C.nextNode(), a = 0, o = 0, s = n[0];
+		let { el: { content: t }, parts: n } = this._$AD, r = (e?.creationScope ?? y).importNode(t, !0);
+		T.currentNode = r;
+		let i = T.nextNode(), a = 0, o = 0, s = n[0];
 		for (; s !== void 0;) {
 			if (a === s.index) {
 				let t;
-				s.type === 2 ? t = new Me(i, i.nextSibling, this, e) : s.type === 1 ? t = new s.ctor(i, s.name, s.strings, this, e) : s.type === 6 && (t = new Ie(i, this, e)), this._$AV.push(t), s = n[++o];
+				s.type === 2 ? t = new Ae(i, i.nextSibling, this, e) : s.type === 1 ? t = new s.ctor(i, s.name, s.strings, this, e) : s.type === 6 && (t = new Pe(i, this, e)), this._$AV.push(t), s = n[++o];
 			}
-			a !== s?.index && (i = C.nextNode(), a++);
+			a !== s?.index && (i = T.nextNode(), a++);
 		}
-		return C.currentNode = v, r;
+		return T.currentNode = y, r;
 	}
 	p(e) {
 		let t = 0;
 		for (let n of this._$AV) n !== void 0 && (n.strings === void 0 ? n._$AI(e[t]) : (n._$AI(e, n, t), t += n.strings.length - 2)), t++;
 	}
-}, Me = class e {
+}, Ae = class e {
 	get _$AU() {
 		return this._$AM?._$AU ?? this._$Cv;
 	}
 	constructor(e, t, n, r) {
-		this.type = 2, this._$AH = S, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = n, this.options = r, this._$Cv = r?.isConnected ?? !0;
+		this.type = 2, this._$AH = w, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = n, this.options = r, this._$Cv = r?.isConnected ?? !0;
 	}
 	get parentNode() {
 		let e = this._$AA.parentNode, t = this._$AM;
@@ -378,7 +378,7 @@ var je = class {
 		return this._$AB;
 	}
 	_$AI(e, t = this) {
-		e = w(this, e, t), _e(e) ? e === S || e == null || e === "" ? (this._$AH !== S && this._$AR(), this._$AH = S) : e !== this._$AH && e !== x && this._(e) : e._$litType$ === void 0 ? e.nodeType === void 0 ? ye(e) ? this.k(e) : this._(e) : this.T(e) : this.$(e);
+		e = E(this, e, t), he(e) ? e === w || e == null || e === "" ? (this._$AH !== w && this._$AR(), this._$AH = w) : e !== this._$AH && e !== C && this._(e) : e._$litType$ === void 0 ? e.nodeType === void 0 ? _e(e) ? this.k(e) : this._(e) : this.T(e) : this.$(e);
 	}
 	O(e) {
 		return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -387,36 +387,36 @@ var je = class {
 		this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
 	}
 	_(e) {
-		this._$AH !== S && _e(this._$AH) ? this._$AA.nextSibling.data = e : this.T(v.createTextNode(e)), this._$AH = e;
+		this._$AH !== w && he(this._$AH) ? this._$AA.nextSibling.data = e : this.T(y.createTextNode(e)), this._$AH = e;
 	}
 	$(e) {
-		let { values: t, _$litType$: n } = e, r = typeof n == "number" ? this._$AC(e) : (n.el === void 0 && (n.el = Ae.createElement(Oe(n.h, n.h[0]), this.options)), n);
+		let { values: t, _$litType$: n } = e, r = typeof n == "number" ? this._$AC(e) : (n.el === void 0 && (n.el = Oe.createElement(Ee(n.h, n.h[0]), this.options)), n);
 		if (this._$AH?._$AD === r) this._$AH.p(t);
 		else {
-			let e = new je(r, this), n = e.u(this.options);
+			let e = new ke(r, this), n = e.u(this.options);
 			e.p(t), this.T(n), this._$AH = e;
 		}
 	}
 	_$AC(e) {
-		let t = De.get(e.strings);
-		return t === void 0 && De.set(e.strings, t = new Ae(e)), t;
+		let t = Te.get(e.strings);
+		return t === void 0 && Te.set(e.strings, t = new Oe(e)), t;
 	}
 	k(t) {
-		ve(this._$AH) || (this._$AH = [], this._$AR());
+		ge(this._$AH) || (this._$AH = [], this._$AR());
 		let n = this._$AH, r, i = 0;
-		for (let a of t) i === n.length ? n.push(r = new e(this.O(ge()), this.O(ge()), this, this.options)) : r = n[i], r._$AI(a), i++;
+		for (let a of t) i === n.length ? n.push(r = new e(this.O(b()), this.O(b()), this, this.options)) : r = n[i], r._$AI(a), i++;
 		i < n.length && (this._$AR(r && r._$AB.nextSibling, i), n.length = i);
 	}
 	_$AR(e = this._$AA.nextSibling, t) {
 		for (this._$AP?.(!1, !0, t); e !== this._$AB;) {
-			let t = ue(e).nextSibling;
-			ue(e).remove(), e = t;
+			let t = le(e).nextSibling;
+			le(e).remove(), e = t;
 		}
 	}
 	setConnected(e) {
 		this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
 	}
-}, T = class {
+}, D = class {
 	get tagName() {
 		return this.element.tagName;
 	}
@@ -424,47 +424,47 @@ var je = class {
 		return this._$AM._$AU;
 	}
 	constructor(e, t, n, r, i) {
-		this.type = 1, this._$AH = S, this._$AN = void 0, this.element = e, this.name = t, this._$AM = r, this.options = i, n.length > 2 || n[0] !== "" || n[1] !== "" ? (this._$AH = Array(n.length - 1).fill(/* @__PURE__ */ new String()), this.strings = n) : this._$AH = S;
+		this.type = 1, this._$AH = w, this._$AN = void 0, this.element = e, this.name = t, this._$AM = r, this.options = i, n.length > 2 || n[0] !== "" || n[1] !== "" ? (this._$AH = Array(n.length - 1).fill(/* @__PURE__ */ new String()), this.strings = n) : this._$AH = w;
 	}
 	_$AI(e, t = this, n, r) {
 		let i = this.strings, a = !1;
-		if (i === void 0) e = w(this, e, t, 0), a = !_e(e) || e !== this._$AH && e !== x, a && (this._$AH = e);
+		if (i === void 0) e = E(this, e, t, 0), a = !he(e) || e !== this._$AH && e !== C, a && (this._$AH = e);
 		else {
 			let r = e, o, s;
-			for (e = i[0], o = 0; o < i.length - 1; o++) s = w(this, r[n + o], t, o), s === x && (s = this._$AH[o]), a ||= !_e(s) || s !== this._$AH[o], s === S ? e = S : e !== S && (e += (s ?? "") + i[o + 1]), this._$AH[o] = s;
+			for (e = i[0], o = 0; o < i.length - 1; o++) s = E(this, r[n + o], t, o), s === C && (s = this._$AH[o]), a ||= !he(s) || s !== this._$AH[o], s === w ? e = w : e !== w && (e += (s ?? "") + i[o + 1]), this._$AH[o] = s;
 		}
 		a && !r && this.j(e);
 	}
 	j(e) {
-		e === S ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+		e === w ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
 	}
-}, Ne = class extends T {
+}, je = class extends D {
 	constructor() {
 		super(...arguments), this.type = 3;
 	}
 	j(e) {
-		this.element[this.name] = e === S ? void 0 : e;
+		this.element[this.name] = e === w ? void 0 : e;
 	}
-}, Pe = class extends T {
+}, Me = class extends D {
 	constructor() {
 		super(...arguments), this.type = 4;
 	}
 	j(e) {
-		this.element.toggleAttribute(this.name, !!e && e !== S);
+		this.element.toggleAttribute(this.name, !!e && e !== w);
 	}
-}, Fe = class extends T {
+}, Ne = class extends D {
 	constructor(e, t, n, r, i) {
 		super(e, t, n, r, i), this.type = 5;
 	}
 	_$AI(e, t = this) {
-		if ((e = w(this, e, t, 0) ?? S) === x) return;
-		let n = this._$AH, r = e === S && n !== S || e.capture !== n.capture || e.once !== n.once || e.passive !== n.passive, i = e !== S && (n === S || r);
+		if ((e = E(this, e, t, 0) ?? w) === C) return;
+		let n = this._$AH, r = e === w && n !== w || e.capture !== n.capture || e.once !== n.once || e.passive !== n.passive, i = e !== w && (n === w || r);
 		r && this.element.removeEventListener(this.name, this, n), i && this.element.addEventListener(this.name, this, e), this._$AH = e;
 	}
 	handleEvent(e) {
 		typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
 	}
-}, Ie = class {
+}, Pe = class {
 	constructor(e, t, n) {
 		this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = n;
 	}
@@ -472,33 +472,33 @@ var je = class {
 		return this._$AM._$AU;
 	}
 	_$AI(e) {
-		w(this, e);
+		E(this, e);
 	}
-}, Le = {
-	M: pe,
-	P: _,
-	A: me,
+}, Fe = {
+	M: fe,
+	P: v,
+	A: pe,
 	C: 1,
-	L: ke,
-	R: je,
-	D: ye,
-	V: w,
-	I: Me,
-	H: T,
-	N: Pe,
-	U: Fe,
-	B: Ne,
-	F: Ie
-}, Re = le.litHtmlPolyfillSupport;
-Re?.(Ae, Me), (le.litHtmlVersions ??= []).push("3.3.2");
-var ze = (e, t, n) => {
+	L: De,
+	R: ke,
+	D: _e,
+	V: E,
+	I: Ae,
+	H: D,
+	N: Me,
+	U: Ne,
+	B: je,
+	F: Pe
+}, Ie = ce.litHtmlPolyfillSupport;
+Ie?.(Oe, Ae), (ce.litHtmlVersions ??= []).push("3.3.2");
+var Le = (e, t, n) => {
 	let r = n?.renderBefore ?? t, i = r._$litPart$;
 	if (i === void 0) {
 		let e = n?.renderBefore ?? null;
-		r._$litPart$ = i = new Me(t.insertBefore(ge(), e), e, void 0, n ?? {});
+		r._$litPart$ = i = new Ae(t.insertBefore(b(), e), e, void 0, n ?? {});
 	}
 	return i._$AI(e), i;
-}, Be = globalThis, E = class extends g {
+}, Re = globalThis, O = class extends _ {
 	constructor() {
 		super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
 	}
@@ -508,7 +508,7 @@ var ze = (e, t, n) => {
 	}
 	update(e) {
 		let t = this.render();
-		this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = ze(t, this.renderRoot, this.renderOptions);
+		this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Le(t, this.renderRoot, this.renderOptions);
 	}
 	connectedCallback() {
 		super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -517,25 +517,25 @@ var ze = (e, t, n) => {
 		super.disconnectedCallback(), this._$Do?.setConnected(!1);
 	}
 	render() {
-		return x;
+		return C;
 	}
 };
-E._$litElement$ = !0, E.finalized = !0, Be.litElementHydrateSupport?.({ LitElement: E });
-var Ve = Be.litElementPolyfillSupport;
-Ve?.({ LitElement: E }), (Be.litElementVersions ??= []).push("4.2.2");
+O._$litElement$ = !0, O.finalized = !0, Re.litElementHydrateSupport?.({ LitElement: O });
+var ze = Re.litElementPolyfillSupport;
+ze?.({ LitElement: O }), (Re.litElementVersions ??= []).push("4.2.2");
 //#endregion
 //#region node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/custom-element.js
-var D = (e) => (t, n) => {
+var k = (e) => (t, n) => {
 	n === void 0 ? customElements.define(e, t) : n.addInitializer(() => {
 		customElements.define(e, t);
 	});
-}, He = {
+}, Be = {
 	attribute: !0,
 	type: String,
-	converter: oe,
+	converter: ae,
 	reflect: !1,
-	hasChanged: se
-}, Ue = (e = He, t, n) => {
+	hasChanged: oe
+}, Ve = (e = Be, t, n) => {
 	let { kind: r, metadata: i } = n, a = globalThis.litPropertyMetadata.get(i);
 	if (a === void 0 && globalThis.litPropertyMetadata.set(i, a = /* @__PURE__ */ new Map()), r === "setter" && ((e = Object.create(e)).wrapped = !0), a.set(n.name, e), r === "accessor") {
 		let { name: r } = n;
@@ -558,16 +558,16 @@ var D = (e) => (t, n) => {
 	}
 	throw Error("Unsupported decorator location: " + r);
 };
-function O(e) {
-	return (t, n) => typeof n == "object" ? Ue(e, t, n) : ((e, t, n) => {
+function A(e) {
+	return (t, n) => typeof n == "object" ? Ve(e, t, n) : ((e, t, n) => {
 		let r = t.hasOwnProperty(n);
 		return t.constructor.createProperty(n, e), r ? Object.getOwnPropertyDescriptor(t, n) : void 0;
 	})(e, t, n);
 }
 //#endregion
 //#region node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js
-function k(e) {
-	return O({
+function j(e) {
+	return A({
 		...e,
 		state: !0,
 		attribute: !1
@@ -575,7 +575,7 @@ function k(e) {
 }
 //#endregion
 //#region src/primitives/constants.ts
-var A = {
+var M = {
 	form: "mlf-form",
 	formErrors: "mlf-form-errors",
 	submitButton: "mlf-submit-button",
@@ -598,19 +598,19 @@ var A = {
 	singleChoiceField: "mlf-single-choice-field",
 	multiChoiceField: "mlf-multi-choice-field",
 	ratingField: "mlf-rating-field"
-}, j = {
+}, He = {
 	submitRequest: "mlf-submit-request",
 	submitStart: "mlf-submit-start",
 	submitSuccess: "mlf-submit-success",
 	submitAbort: "mlf-submit-abort",
 	submitError: "mlf-submit-error"
-}, M = {
+}, N = {
 	form: "Inputs",
 	reports: "Reports",
 	submit: "Submit",
 	validating: "Validating...",
 	submitting: "Submitting..."
-}, N = Object.freeze({
+}, P = Object.freeze({
 	formEyebrow: "Form",
 	reportEyebrow: "Report",
 	formErrorsTitle: "Form errors",
@@ -667,10 +667,10 @@ var A = {
 	},
 	reportsEmptyTitle: "Results",
 	reportsEmptyBody: "Reports will appear here after the form is submitted."
-}), We = (e) => e ? Object.freeze({
-	...N,
+}), Ue = (e) => e ? Object.freeze({
+	...P,
 	...e
-}) : N, P = {
+}) : P, F = {
 	booleanGroup: "mlf-boolean",
 	fieldDescription: "mlf-field-description",
 	fieldErrors: "mlf-field-errors",
@@ -679,8 +679,8 @@ var A = {
 	explanationRegion: "mlf-explanation-region"
 };
 //#endregion
-//#region \0@oxc-project+runtime@0.123.0/helpers/decorate.js
-function F(e, t, n, r) {
+//#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
+function I(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
@@ -688,7 +688,7 @@ function F(e, t, n, r) {
 }
 //#endregion
 //#region src/primitives/components/form-errors.ts
-var I = class extends E {
+var L = class extends O {
 	static styles = c`
     :host {
       display: block;
@@ -729,7 +729,7 @@ var I = class extends E {
 	set form(e) {
 		this.#e = e;
 	}
-	#t = N;
+	#t = P;
 	get text() {
 		return this.#t;
 	}
@@ -756,11 +756,11 @@ var I = class extends E {
 	}
 	render() {
 		let e = this.formErrors;
-		return e.length === 0 ? b`` : b`
+		return e.length === 0 ? S`` : S`
       <div class="card" part="form-errors" role="alert" aria-live="assertive" aria-atomic="true">
         <p class="eyebrow">${this.text.formErrorsTitle}</p>
         <ul>
-          ${e.map((e) => b`<li>${e}</li>`)}
+          ${e.map((e) => S`<li>${e}</li>`)}
         </ul>
       </div>
     `;
@@ -777,10 +777,10 @@ var I = class extends E {
 		}
 	}
 };
-F([O({ attribute: !1 })], I.prototype, "form", null), F([O({ attribute: !1 })], I.prototype, "text", null), F([k()], I.prototype, "formErrors", null), I = F([D(A.formErrors)], I);
+I([A({ attribute: !1 })], L.prototype, "form", null), I([A({ attribute: !1 })], L.prototype, "text", null), I([j()], L.prototype, "formErrors", null), L = I([k(M.formErrors)], L);
 //#endregion
 //#region src/primitives/components/submit-button.ts
-var L = class extends E {
+var R = class extends O {
 	static styles = c`
     :host {
       display: block;
@@ -831,21 +831,21 @@ var L = class extends E {
 	set status(e) {
 		this.#e = e;
 	}
-	#t = M.submit;
+	#t = N.submit;
 	get idleLabel() {
 		return this.#t;
 	}
 	set idleLabel(e) {
 		this.#t = e;
 	}
-	#n = M.validating;
+	#n = N.validating;
 	get validatingLabel() {
 		return this.#n;
 	}
 	set validatingLabel(e) {
 		this.#n = e;
 	}
-	#r = M.submitting;
+	#r = N.submitting;
 	get submittingLabel() {
 		return this.#r;
 	}
@@ -882,7 +882,7 @@ var L = class extends E {
 	}
 	render() {
 		let e = this.progressMessage ?? (typeof this.loaded == "number" && typeof this.total == "number" && this.total > 0 ? `${Math.round(this.loaded / this.total * 100)}%` : typeof this.sessionMessageCount == "number" && this.sessionMessageCount > 0 ? `${this.sessionMessageCount} msgs` : void 0), t = this.status === "validating" ? this.validatingLabel : this.status === "submitting" ? e ? `${this.submittingLabel} ${e}` : this.submittingLabel : this.idleLabel;
-		return b`
+		return S`
       <button
         type="button"
         ?disabled=${this.status === "validating" || this.status === "submitting"}
@@ -894,16 +894,16 @@ var L = class extends E {
     `;
 	}
 	#c = () => {
-		this.dispatchEvent(new CustomEvent(j.submitRequest, {
+		this.dispatchEvent(new CustomEvent(He.submitRequest, {
 			bubbles: !0,
 			composed: !0
 		}));
 	};
 };
-F([O({ type: String })], L.prototype, "status", null), F([O({ type: String })], L.prototype, "idleLabel", null), F([O({ type: String })], L.prototype, "validatingLabel", null), F([O({ type: String })], L.prototype, "submittingLabel", null), F([O({ type: Number })], L.prototype, "loaded", null), F([O({ type: Number })], L.prototype, "total", null), F([O({ type: String })], L.prototype, "progressMessage", null), F([O({ type: Number })], L.prototype, "sessionMessageCount", null), L = F([D(A.submitButton)], L);
+I([A({ type: String })], R.prototype, "status", null), I([A({ type: String })], R.prototype, "idleLabel", null), I([A({ type: String })], R.prototype, "validatingLabel", null), I([A({ type: String })], R.prototype, "submittingLabel", null), I([A({ type: Number })], R.prototype, "loaded", null), I([A({ type: Number })], R.prototype, "total", null), I([A({ type: String })], R.prototype, "progressMessage", null), I([A({ type: Number })], R.prototype, "sessionMessageCount", null), R = I([k(M.submitButton)], R);
 //#endregion
 //#region src/primitives/components/unsupported-component.ts
-var R = class extends E {
+var We = class extends O {
 	static styles = c`
     :host {
       display: block;
@@ -941,7 +941,7 @@ var R = class extends E {
 	set role(e) {
 		this.#t = e;
 	}
-	#n = N;
+	#n = P;
 	get text() {
 		return this.#n;
 	}
@@ -949,7 +949,7 @@ var R = class extends E {
 		this.#n = e;
 	}
 	render() {
-		return b`
+		return S`
       <div class="card" part="unsupported-card">
         <strong>${this.role}</strong>
         ${this.text.unsupportedMapping(this.role, this.component)}
@@ -957,7 +957,7 @@ var R = class extends E {
     `;
 	}
 };
-F([O({ type: String })], R.prototype, "component", null), F([O({ type: String })], R.prototype, "role", null), F([O({ attribute: !1 })], R.prototype, "text", null), R = F([D(A.unsupportedComponent)], R);
+I([A({ type: String })], We.prototype, "component", null), I([A({ type: String })], We.prototype, "role", null), I([A({ attribute: !1 })], We.prototype, "text", null), We = I([k(M.unsupportedComponent)], We);
 //#endregion
 //#region node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/static.js
 var Ge = Symbol.for(""), Ke = (e) => {
@@ -976,7 +976,7 @@ var Ge = Symbol.for(""), Ke = (e) => {
 		(t = Je.get(e)) === void 0 && (o.raw = o, Je.set(e, t = o)), n = s;
 	}
 	return e(t, ...n);
-})(b), Ye = class {
+})(S), Ye = class {
 	#e;
 	#t;
 	#n;
@@ -1177,7 +1177,7 @@ var Ge = Symbol.for(""), Ke = (e) => {
 		}
 		default: return r.fieldReady;
 	}
-}, rt = 0, H = class extends E {
+}, rt = 0, H = class extends O {
 	static styles = Ze;
 	#e;
 	get controller() {
@@ -1200,7 +1200,7 @@ var Ge = Symbol.for(""), Ke = (e) => {
 	set registry(e) {
 		this.#n = e;
 	}
-	#r = N;
+	#r = P;
 	get text() {
 		return this.#r;
 	}
@@ -1249,7 +1249,7 @@ var Ge = Symbol.for(""), Ke = (e) => {
 		} : s && t.valid ? {
 			tone: "success",
 			message: l
-		} : null, f = u ? "error" : s && t.valid ? "success" : "", p = `${P.fieldControl}-${this.controller?.id}-${this.#s}`, m = `${P.fieldErrors}-${this.controller?.id}-${this.#s}`, ee = `${P.fieldDescription}-${this.controller?.id}-${this.#s}-details`;
+		} : null, f = u ? "error" : s && t.valid ? "success" : "", p = `${F.fieldControl}-${this.controller?.id}-${this.#s}`, m = `${F.fieldErrors}-${this.controller?.id}-${this.#s}`, h = `${F.fieldDescription}-${this.controller?.id}-${this.#s}-details`;
 		return z`
       <section
         class="tile ${f}"
@@ -1263,7 +1263,7 @@ var Ge = Symbol.for(""), Ke = (e) => {
             type="button"
             aria-label=${this.text.helpActionLabel}
             aria-expanded=${String(o)}
-            aria-controls=${ee}
+            aria-controls=${h}
             ?disabled=${a.length === 0}
             @click=${this.#_}
           >
@@ -1272,7 +1272,7 @@ var Ge = Symbol.for(""), Ke = (e) => {
         </div>
 
         ${a ? z`
-              <div id=${ee} class="description ${o ? "show" : ""}">
+              <div id=${h} class="description ${o ? "show" : ""}">
                 ${a}
               </div>
             ` : z``}
@@ -1317,7 +1317,7 @@ var Ge = Symbol.for(""), Ke = (e) => {
 	}
 	#g(e, t, n, r) {
 		if (!this.controller || !t) return;
-		let i = typeof e.description == "string" && e.description.length > 0 ? e.description : void 0, a = i ? `${P.fieldDescription}-${this.controller.id}-${this.#s}` : void 0, o = [a, r].filter(Boolean).join(" ") || void 0;
+		let i = typeof e.description == "string" && e.description.length > 0 ? e.description : void 0, a = i ? `${F.fieldDescription}-${this.controller.id}-${this.#s}` : void 0, o = [a, r].filter(Boolean).join(" ") || void 0;
 		return {
 			controlId: n,
 			label: V(e.label, this.controller.config.label),
@@ -1339,10 +1339,10 @@ var Ge = Symbol.for(""), Ke = (e) => {
 		return e.length === 0 ? !1 : this.descriptionVisibilityOverride ?? this.resolvedDescriptor?.props.showDescriptionInline === !0;
 	}
 };
-F([O({ attribute: !1 })], H.prototype, "controller", null), F([O({ attribute: !1 })], H.prototype, "descriptor", null), F([O({ attribute: !1 })], H.prototype, "registry", null), F([O({ attribute: !1 })], H.prototype, "text", null), F([k()], H.prototype, "resolvedDescriptor", null), F([k()], H.prototype, "fieldState", null), F([k()], H.prototype, "descriptionVisibilityOverride", null), H = F([D(A.fieldFrame)], H);
+I([A({ attribute: !1 })], H.prototype, "controller", null), I([A({ attribute: !1 })], H.prototype, "descriptor", null), I([A({ attribute: !1 })], H.prototype, "registry", null), I([A({ attribute: !1 })], H.prototype, "text", null), I([j()], H.prototype, "resolvedDescriptor", null), I([j()], H.prototype, "fieldState", null), I([j()], H.prototype, "descriptionVisibilityOverride", null), H = I([k(M.fieldFrame)], H);
 //#endregion
 //#region src/primitives/components/report-frame.ts
-var it = 0, U = class extends E {
+var it = 0, U = class extends O {
 	static styles = c`
     :host {
       display: block;
@@ -1426,7 +1426,7 @@ var it = 0, U = class extends E {
 	set registry(e) {
 		this.#t = e;
 	}
-	#n = N;
+	#n = P;
 	get text() {
 		return this.#n;
 	}
@@ -1524,7 +1524,7 @@ var it = 0, U = class extends E {
 	}
 	#_(e) {
 		if (this.controller) return {
-			regionId: `${P.reportRegion}-${this.controller.id}-${this.#c}`,
+			regionId: `${F.reportRegion}-${this.controller.id}-${this.#c}`,
 			label: V(e.label, this.controller.config.label ?? this.controller.id),
 			description: typeof e.description == "string" && e.description.length > 0 ? e.description : void 0
 		};
@@ -1547,10 +1547,10 @@ var it = 0, U = class extends E {
 		return this.#f = e, this.#p = t, t;
 	}
 };
-F([O({ attribute: !1 })], U.prototype, "controller", null), F([O({ attribute: !1 })], U.prototype, "registry", null), F([O({ attribute: !1 })], U.prototype, "text", null), F([O({ attribute: !1 })], U.prototype, "transport", null), F([O({ attribute: !1 })], U.prototype, "lastResult", null), F([O({ attribute: !1 })], U.prototype, "descriptor", null), F([k()], U.prototype, "resolvedDescriptor", null), F([k()], U.prototype, "reportState", null), U = F([D(A.reportFrame)], U);
+I([A({ attribute: !1 })], U.prototype, "controller", null), I([A({ attribute: !1 })], U.prototype, "registry", null), I([A({ attribute: !1 })], U.prototype, "text", null), I([A({ attribute: !1 })], U.prototype, "transport", null), I([A({ attribute: !1 })], U.prototype, "lastResult", null), I([A({ attribute: !1 })], U.prototype, "descriptor", null), I([j()], U.prototype, "resolvedDescriptor", null), I([j()], U.prototype, "reportState", null), U = I([k(M.reportFrame)], U);
 //#endregion
 //#region src/primitives/components/explanation-panel.ts
-var at = 0, W = class extends E {
+var at = 0, W = class extends O {
 	static styles = c`
     :host {
       display: block;
@@ -1642,7 +1642,7 @@ var at = 0, W = class extends E {
 	set lastResult(e) {
 		this.#n = e;
 	}
-	#r = N;
+	#r = P;
 	get text() {
 		return this.#r;
 	}
@@ -1687,21 +1687,21 @@ var at = 0, W = class extends E {
 	}
 	render() {
 		let e = this.resolvedDescriptor, t = this.explanationState;
-		if (!e || !t) return b``;
+		if (!e || !t) return S``;
 		let n = e.props, r = this.registry?.resolveExplanation(e.component);
-		return b`
+		return S`
       <div class="panel">
         <div class="header">
           <div class="copy">
             <p class="label">
               ${V(n.label, this.controller?.config.label ?? this.text.explanationLabel)}
             </p>
-            ${n.description ? b`<p class="description">${V(n.description)}</p>` : b``}
+            ${n.description ? S`<p class="description">${V(n.description)}</p>` : S``}
           </div>
           <span class="status">${t.status}</span>
         </div>
 
-        ${r ? this.#m(r) : b`
+        ${r ? this.#m(r) : S`
               <mlf-unsupported-component
                 role="explanation"
                 component=${e.component}
@@ -1729,7 +1729,7 @@ var at = 0, W = class extends E {
 	}
 	#g(e) {
 		if (this.controller) return {
-			regionId: `${P.explanationRegion}-${this.controller.id}-${this.#s}`,
+			regionId: `${F.explanationRegion}-${this.controller.id}-${this.#s}`,
 			label: typeof e.label == "string" && e.label.length > 0 ? e.label : this.controller.config.label ?? void 0,
 			description: typeof e.description == "string" && e.description.length > 0 ? e.description : void 0
 		};
@@ -1756,10 +1756,10 @@ var at = 0, W = class extends E {
 		return this.#c = e, this.#l = n, n;
 	}
 };
-F([O({ attribute: !1 })], W.prototype, "controller", null), F([O({ attribute: !1 })], W.prototype, "registry", null), F([O({ attribute: !1 })], W.prototype, "lastResult", null), F([O({ attribute: !1 })], W.prototype, "text", null), F([O({ attribute: !1 })], W.prototype, "descriptor", null), F([k()], W.prototype, "resolvedDescriptor", null), F([k()], W.prototype, "explanationState", null), W = F([D(A.explanationPanel)], W);
+I([A({ attribute: !1 })], W.prototype, "controller", null), I([A({ attribute: !1 })], W.prototype, "registry", null), I([A({ attribute: !1 })], W.prototype, "lastResult", null), I([A({ attribute: !1 })], W.prototype, "text", null), I([A({ attribute: !1 })], W.prototype, "descriptor", null), I([j()], W.prototype, "resolvedDescriptor", null), I([j()], W.prototype, "explanationState", null), W = I([k(M.explanationPanel)], W);
 //#endregion
 //#region src/primitives/base-field-element.ts
-var G = class extends E {
+var G = class extends O {
 	static styles = c`
     :host {
       display: block;
@@ -1846,7 +1846,7 @@ var G = class extends E {
 	set context(e) {
 		this.#n = e;
 	}
-	#r = N;
+	#r = P;
 	get text() {
 		return this.#r;
 	}
@@ -1867,14 +1867,14 @@ var G = class extends E {
 	}
 	renderAssistiveText() {
 		let e = this.fieldContext;
-		return e ? b`
-      ${e.description && e.descriptionId ? b`<span id=${e.descriptionId} class="sr-only">${e.description}</span>` : S}
-      ${e.errorId ? b`
+		return e ? S`
+      ${e.description && e.descriptionId ? S`<span id=${e.descriptionId} class="sr-only">${e.description}</span>` : w}
+      ${e.errorId ? S`
             <span id=${e.errorId} class="sr-only" aria-live="polite">
               ${e.errors.join(" ")}
             </span>
-          ` : S}
-    ` : S;
+          ` : w}
+    ` : w;
 	}
 	getControlAttributes() {
 		let e = this.fieldContext;
@@ -1885,33 +1885,33 @@ var G = class extends E {
 		};
 	}
 };
-F([O({ attribute: !1 })], G.prototype, "controller", null), F([O({ attribute: !1 })], G.prototype, "descriptor", null), F([O({ attribute: !1 })], G.prototype, "context", null), F([O({ attribute: !1 })], G.prototype, "text", null);
+I([A({ attribute: !1 })], G.prototype, "controller", null), I([A({ attribute: !1 })], G.prototype, "descriptor", null), I([A({ attribute: !1 })], G.prototype, "context", null), I([A({ attribute: !1 })], G.prototype, "text", null);
 //#endregion
 //#region src/primitives/components/declarative-field.ts
 var ot = {
 	text: {
 		component: "text-field",
-		tagName: A.textField
+		tagName: M.textField
 	},
 	number: {
 		component: "number-field",
-		tagName: A.numberField
+		tagName: M.numberField
 	},
 	boolean: {
 		component: "boolean-field",
-		tagName: A.booleanField
+		tagName: M.booleanField
 	},
 	select: {
 		component: "category-field",
-		tagName: A.categoryField
+		tagName: M.categoryField
 	},
 	date: {
 		component: "date-field",
-		tagName: A.dateField
+		tagName: M.dateField
 	},
 	series: {
 		component: "series-field",
-		tagName: A.seriesField
+		tagName: M.seriesField
 	}
 }, st = class extends G {
 	static styles = [G.styles, c`
@@ -1944,10 +1944,10 @@ var ot = {
 		return delete t.widget, e === "boolean" && (t.checked = t.value === !0), t;
 	}
 };
-st = F([D(A.declarativeField)], st);
+st = I([k(M.declarativeField)], st);
 //#endregion
 //#region src/primitives/base-report-element.ts
-var K = class extends E {
+var K = class extends O {
 	static styles = c`
     :host {
       display: block;
@@ -1985,7 +1985,7 @@ var K = class extends E {
 	set context(e) {
 		this.#n = e;
 	}
-	#r = N;
+	#r = P;
 	get text() {
 		return this.#r;
 	}
@@ -2013,7 +2013,7 @@ var K = class extends E {
 		return this.context;
 	}
 };
-F([O({ attribute: !1 })], K.prototype, "controller", null), F([O({ attribute: !1 })], K.prototype, "descriptor", null), F([O({ attribute: !1 })], K.prototype, "context", null), F([O({ attribute: !1 })], K.prototype, "text", null), F([O({ attribute: !1 })], K.prototype, "transport", null), F([O({ attribute: !1 })], K.prototype, "request", null);
+I([A({ attribute: !1 })], K.prototype, "controller", null), I([A({ attribute: !1 })], K.prototype, "descriptor", null), I([A({ attribute: !1 })], K.prototype, "context", null), I([A({ attribute: !1 })], K.prototype, "text", null), I([A({ attribute: !1 })], K.prototype, "transport", null), I([A({ attribute: !1 })], K.prototype, "request", null);
 //#endregion
 //#region src/primitives/components/presentation.ts
 var q = (e) => typeof e == "string" && e.length > 0 ? `tone-${e}` : "tone-neutral", J = (e) => {
@@ -2028,31 +2028,31 @@ var q = (e) => typeof e == "string" && e.length > 0 ? `tone-${e}` : "tone-neutra
 }, ct = (e) => Array.isArray(e) ? e : Object.entries(e).map(([e, t]) => ({
 	label: e,
 	value: t
-})), lt = (e) => b`<span>${J(e)}</span>`, ut = (e, t) => {
+})), lt = (e) => S`<span>${J(e)}</span>`, ut = (e, t) => {
 	switch (e.type) {
-		case "text": return typeof e.value == "string" && e.value.includes("\n") ? b`
+		case "text": return typeof e.value == "string" && e.value.includes("\n") ? S`
           <section class="node text ${q(e.tone)}" data-node-index=${t}>
-            ${e.label ? b`<p class="node-label">${e.label}</p>` : S}
+            ${e.label ? S`<p class="node-label">${e.label}</p>` : w}
             <pre class="node-text">${e.value}</pre>
           </section>
-        ` : b`
+        ` : S`
         <section class="node text ${q(e.tone)}" data-node-index=${t}>
-          ${e.label ? b`<p class="node-label">${e.label}</p>` : S}
+          ${e.label ? S`<p class="node-label">${e.label}</p>` : w}
           <p class="node-text">${J(e.value)}</p>
         </section>
       `;
-		case "metric": return b`
+		case "metric": return S`
         <section class="node metric ${q(e.tone)}" data-node-index=${t}>
           <p class="node-label">${e.label}</p>
           <p class="metric-value">${J(e.value)}</p>
-          ${e.hint ? b`<p class="node-hint">${e.hint}</p>` : S}
+          ${e.hint ? S`<p class="node-hint">${e.hint}</p>` : w}
         </section>
       `;
-		case "kv": return b`
+		case "kv": return S`
         <section class="node kv" data-node-index=${t}>
-          ${e.label ? b`<p class="node-label">${e.label}</p>` : S}
+          ${e.label ? S`<p class="node-label">${e.label}</p>` : w}
           <dl class="kv-list">
-            ${ct(e.entries).map((e) => b`
+            ${ct(e.entries).map((e) => S`
                 <div class="kv-row">
                   <dt>${e.label}</dt>
                   <dd>${J(e.value)}</dd>
@@ -2063,31 +2063,31 @@ var q = (e) => typeof e == "string" && e.length > 0 ? `tone-${e}` : "tone-neutra
       `;
 		case "list": {
 			let n = e.ordered ? "ol" : "ul";
-			return b`
+			return S`
         <section class="node list" data-node-index=${t}>
-          ${e.label ? b`<p class="node-label">${e.label}</p>` : S}
-          ${n === "ol" ? b`<ol class="node-list">
-                ${e.items.map((e) => b`<li>${J(e)}</li>`)}
-              </ol>` : b`<ul class="node-list">
-                ${e.items.map((e) => b`<li>${J(e)}</li>`)}
+          ${e.label ? S`<p class="node-label">${e.label}</p>` : w}
+          ${n === "ol" ? S`<ol class="node-list">
+                ${e.items.map((e) => S`<li>${J(e)}</li>`)}
+              </ol>` : S`<ul class="node-list">
+                ${e.items.map((e) => S`<li>${J(e)}</li>`)}
               </ul>`}
         </section>
       `;
 		}
-		case "table": return b`
+		case "table": return S`
         <section class="node table" data-node-index=${t}>
-          ${e.label ? b`<p class="node-label">${e.label}</p>` : S}
+          ${e.label ? S`<p class="node-label">${e.label}</p>` : w}
           <div class="table-wrap">
             <table>
               <thead>
                 <tr>
-                  ${e.columns.map((e) => b`<th>${e}</th>`)}
+                  ${e.columns.map((e) => S`<th>${e}</th>`)}
                 </tr>
               </thead>
               <tbody>
-                ${e.rows.map((t) => b`
+                ${e.rows.map((t) => S`
                     <tr>
-                      ${(Array.isArray(t) ? t : e.columns.map((e) => t[e])).map((e) => b`<td>${lt(e)}</td>`)}
+                      ${(Array.isArray(t) ? t : e.columns.map((e) => t[e])).map((e) => S`<td>${lt(e)}</td>`)}
                     </tr>
                   `)}
               </tbody>
@@ -2095,40 +2095,40 @@ var q = (e) => typeof e == "string" && e.length > 0 ? `tone-${e}` : "tone-neutra
           </div>
         </section>
       `;
-		case "badge": return b`
+		case "badge": return S`
         <section class="node badge-row" data-node-index=${t}>
           <span class="badge ${q(e.tone)}">${e.label}</span>
         </section>
       `;
-		case "notice": return b`
+		case "notice": return S`
         <section class="node notice ${q(e.tone)}" data-node-index=${t}>
-          ${e.title ? b`<p class="node-label">${e.title}</p>` : S}
+          ${e.title ? S`<p class="node-label">${e.title}</p>` : w}
           <p class="node-text">${J(e.body)}</p>
         </section>
       `;
-		case "json": return b`
+		case "json": return S`
         <section class="node json" data-node-index=${t}>
-          ${e.label ? b`<p class="node-label">${e.label}</p>` : S}
+          ${e.label ? S`<p class="node-label">${e.label}</p>` : w}
           <pre>${JSON.stringify(e.value, null, 2)}</pre>
         </section>
       `;
 	}
 }, dt = (e, t) => {
-	if (!e && !t) return S;
+	if (!e && !t) return w;
 	let n = V(e?.title, t ?? ""), r = V(e?.description), i = e?.value, a = V(e?.badge);
-	return b`
+	return S`
     <section class="summary ${q(e?.tone)}">
       <div class="summary-copy">
-        ${n ? b`<p class="summary-title">${n}</p>` : S}
-        ${r ? b`<p class="summary-description">${r}</p>` : S}
+        ${n ? S`<p class="summary-title">${n}</p>` : w}
+        ${r ? S`<p class="summary-description">${r}</p>` : w}
       </div>
       <div class="summary-meta">
-        ${i != null && J(i).length > 0 ? b`<strong class="summary-value">${J(i)}</strong>` : S}
-        ${a ? b`<span class="badge ${q(e?.tone)}">${a}</span>` : S}
+        ${i != null && J(i).length > 0 ? S`<strong class="summary-value">${J(i)}</strong>` : w}
+        ${a ? S`<span class="badge ${q(e?.tone)}">${a}</span>` : w}
       </div>
     </section>
   `;
-}, ft = (e) => e.length === 0 ? S : b`<div class="presentation">
+}, ft = (e) => e.length === 0 ? w : S`<div class="presentation">
     ${e.map((e, t) => ut(e, t))}
   </div>`, pt = class extends K {
 	static styles = [K.styles, c`
@@ -2278,16 +2278,16 @@ var q = (e) => typeof e == "string" && e.length > 0 ? `tone-${e}` : "tone-neutra
     `];
 	render() {
 		let e = this.props, t = Array.isArray(e.content) ? e.content : [];
-		return b`
+		return S`
       ${dt(e.summary && typeof e.summary == "object" ? e.summary : null, this.reportContext?.label)}
       ${ft(t)}
     `;
 	}
 };
-pt = F([D(A.declarativeReport)], pt);
+pt = I([k(M.declarativeReport)], pt);
 //#endregion
 //#region src/primitives/base-explanation-element.ts
-var Y = class extends E {
+var Y = class extends O {
 	static styles = c`
     :host {
       display: block;
@@ -2314,7 +2314,7 @@ var Y = class extends E {
 	set context(e) {
 		this.#n = e;
 	}
-	#r = N;
+	#r = P;
 	get text() {
 		return this.#r;
 	}
@@ -2328,7 +2328,7 @@ var Y = class extends E {
 		return this.context;
 	}
 };
-F([O({ attribute: !1 })], Y.prototype, "controller", null), F([O({ attribute: !1 })], Y.prototype, "descriptor", null), F([O({ attribute: !1 })], Y.prototype, "context", null), F([O({ attribute: !1 })], Y.prototype, "text", null);
+I([A({ attribute: !1 })], Y.prototype, "controller", null), I([A({ attribute: !1 })], Y.prototype, "descriptor", null), I([A({ attribute: !1 })], Y.prototype, "context", null), I([A({ attribute: !1 })], Y.prototype, "text", null);
 //#endregion
 //#region src/primitives/components/declarative-explanation.ts
 var mt = class extends Y {
@@ -2468,16 +2468,31 @@ var mt = class extends Y {
     `];
 	render() {
 		let e = this.props, t = Array.isArray(e.content) ? e.content : [], n = e.chromeless === !0, r = n && t.length === 1 && t[0]?.type === "text" && !t[0].label ? t[0] : null, i = !n && e.summary && typeof e.summary == "object" ? e.summary : null;
-		return r ? b`<pre class="chromeless-text">${V(r.value)}</pre>` : b`
+		return r ? S`<pre class="chromeless-text">${V(r.value)}</pre>` : S`
       ${dt(i, n ? void 0 : this.explanationContext?.label)}
       ${ft(t)}
     `;
 	}
 };
-mt = F([D(A.declarativeExplanation)], mt);
+mt = I([k(M.declarativeExplanation)], mt);
 //#endregion
-//#region src/primitives/components/form-root-styles.ts
-var ht = c`
+//#region src/primitives/components/error-focus.ts
+var ht = () => new Promise((e) => {
+	window.setTimeout(e, 0);
+}), gt = (e) => e instanceof HTMLElement && (e.matches("input, select, textarea, button, [tabindex]") || e.getAttribute("role") === "textbox"), _t = (e) => {
+	for (let t of e.querySelectorAll("*")) {
+		if (gt(t)) return t;
+		if (t instanceof HTMLElement && t.shadowRoot) {
+			let e = _t(t.shadowRoot);
+			if (e) return e;
+		}
+	}
+	return null;
+}, vt = (e, t) => Array.from(e.querySelectorAll("mlf-field-frame")).find((e) => e.dataset.fieldId === t) ?? null, yt = async (e) => e ? (e.scrollIntoView?.({
+	behavior: "smooth",
+	block: "center",
+	inline: "nearest"
+}), await ht(), _t(e.shadowRoot ?? e)?.focus(), !0) : !1, bt = (e) => e.find((e) => e.state.visible && e.state.errors.length > 0) ?? null, xt = c`
   :host {
     display: block;
     flex: 1 1 auto;
@@ -2525,11 +2540,11 @@ var ht = c`
     overflow: hidden;
     border-radius: var(--mlf-panel-radius, 12px);
     border: var(--mlf-border-width, 1px) solid
-      var(--mlf-panel-border, var(--mlf-color-border, #e2e8f0));
-    background: var(--mlf-panel-bg, var(--mlf-color-surface, #ffffff));
+      var(--mlf-shell-panel-border, var(--mlf-color-border, #e2e8f0));
+    background: var(--mlf-shell-panel-bg, var(--mlf-color-surface, #ffffff));
     box-shadow:
-      0 2px 4px var(--mlf-panel-shadow-soft, rgba(0, 0, 0, 0.04)),
-      0 8px 16px var(--mlf-panel-shadow, rgba(0, 0, 0, 0.04));
+      0 2px 4px var(--mlf-shell-panel-shadow-soft, rgba(0, 0, 0, 0.04)),
+      0 8px 16px var(--mlf-shell-panel-shadow, rgba(0, 0, 0, 0.04));
   }
 
   .pane-header {
@@ -2539,10 +2554,13 @@ var ht = c`
     gap: 1rem;
     padding: 0.85rem 1.5rem;
     border-bottom: var(--mlf-border-width, 1px) solid
-      var(--mlf-panel-border, var(--mlf-color-border, #e2e8f0));
-    background: var(--mlf-panel-header-bg, rgba(255, 255, 255, 0.6));
-    backdrop-filter: blur(var(--mlf-header-blur, 3px));
-    -webkit-backdrop-filter: blur(var(--mlf-header-blur, 3px));
+      var(--mlf-shell-panel-border, var(--mlf-color-border, #e2e8f0));
+    background: var(
+      --mlf-shell-header-bg,
+      color-mix(in srgb, var(--mlf-color-surface, #ffffff) 76%, transparent)
+    );
+    backdrop-filter: blur(var(--mlf-shell-header-blur, 3px));
+    -webkit-backdrop-filter: blur(var(--mlf-shell-header-blur, 3px));
   }
 
   .pane-copy {
@@ -2607,10 +2625,11 @@ var ht = c`
   .actions {
     padding: 1rem 1.5rem 1.25rem;
     border-top: var(--mlf-border-width, 1px) solid
-      var(--mlf-panel-border, var(--mlf-color-border, #e2e8f0));
-    background: var(--mlf-panel-footer-bg, var(--mlf-color-bg-light, #f5f7fa));
+      var(--mlf-shell-panel-border, var(--mlf-color-border, #e2e8f0));
+    background: var(--mlf-shell-action-bg, var(--mlf-color-surface-muted, #f5f7fa));
   }
 
+  ${c`
   .split-shell {
     display: flex;
     flex: 1 1 auto;
@@ -2775,14 +2794,15 @@ var ht = c`
       padding-inline: 1.25rem;
     }
   }
-`, gt = (e) => ({
+`}
+`, St = (e) => ({
 	component: "unsupported-field",
 	props: { label: e.config.label ?? e.id }
-}), _t = (e, t) => t?.getField(e.kind)?.describe(e.config, {
+}), Ct = (e, t) => t?.getField(e.kind)?.describe(e.config, {
 	fieldId: e.id,
 	state: e.state,
 	value: e.state.value
-}) ?? gt(e), vt = (e, t, n) => {
+}) ?? St(e), wt = (e, t, n) => {
 	let r = n?.getReport(e.kind);
 	return r ? r.describe(e.config, {
 		reportId: e.id,
@@ -2790,32 +2810,32 @@ var ht = c`
 		payload: e.state.payload,
 		result: t.state.lastResult
 	}) : null;
-}, yt = (e, t) => {
+}, Tt = (e, t) => {
 	let n = t?.getExplanation(e.kind);
 	return n ? n.describe(e.config, {
 		explanationId: e.id,
 		state: e.state
 	}) : null;
-}, bt = (e, t, n) => t.map((t) => e.getField(t)).filter((e) => e !== void 0).map((e) => ({
+}, Et = (e, t, n) => t.map((t) => e.getField(t)).filter((e) => e !== void 0).map((e) => ({
 	controller: e,
-	descriptor: _t(e, n)
-})), xt = (e, t, n, r) => (n === "always" ? e.reports : t.map((t) => e.getReport(t)).filter((e) => e !== void 0)).map((t) => ({
+	descriptor: Ct(e, n)
+})), Dt = (e, t, n, r) => (n === "always" ? e.reports : t.map((t) => e.getReport(t)).filter((e) => e !== void 0)).map((t) => ({
 	controller: t,
-	descriptor: vt(t, e, r)
-})).filter((e) => e.descriptor !== null), St = (e, t, n) => t.map((t) => e.getExplanation(t)).filter((e) => e !== void 0).map((e) => ({
+	descriptor: wt(t, e, r)
+})).filter((e) => e.descriptor !== null), Ot = (e, t, n) => t.map((t) => e.getExplanation(t)).filter((e) => e !== void 0).map((e) => ({
 	controller: e,
-	descriptor: yt(e, n)
-})), Ct = {
+	descriptor: Tt(e, n)
+})), kt = {
 	ATTRIBUTE: 1,
 	CHILD: 2,
 	PROPERTY: 3,
 	BOOLEAN_ATTRIBUTE: 4,
 	EVENT: 5,
 	ELEMENT: 6
-}, wt = (e) => (...t) => ({
+}, At = (e) => (...t) => ({
 	_$litDirective$: e,
 	values: t
-}), Tt = class {
+}), jt = class {
 	constructor(e) {}
 	get _$AU() {
 		return this._$AM._$AU;
@@ -2829,9 +2849,9 @@ var ht = c`
 	update(e, t) {
 		return this.render(...t);
 	}
-}, { I: Et } = Le, Dt = (e) => e, Ot = () => document.createComment(""), kt = (e, t, n) => {
+}, { I: Mt } = Fe, Nt = (e) => e, Pt = () => document.createComment(""), Ft = (e, t, n) => {
 	let r = e._$AA.parentNode, i = t === void 0 ? e._$AB : t._$AA;
-	if (n === void 0) n = new Et(r.insertBefore(Ot(), i), r.insertBefore(Ot(), i), e, e.options);
+	if (n === void 0) n = new Mt(r.insertBefore(Pt(), i), r.insertBefore(Pt(), i), e, e.options);
 	else {
 		let t = n._$AB.nextSibling, a = n._$AM, o = a !== e;
 		if (o) {
@@ -2841,21 +2861,21 @@ var ht = c`
 		if (t !== i || o) {
 			let e = n._$AA;
 			for (; e !== t;) {
-				let t = Dt(e).nextSibling;
-				Dt(r).insertBefore(e, i), e = t;
+				let t = Nt(e).nextSibling;
+				Nt(r).insertBefore(e, i), e = t;
 			}
 		}
 	}
 	return n;
-}, X = (e, t, n = e) => (e._$AI(t, n), e), At = {}, jt = (e, t = At) => e._$AH = t, Mt = (e) => e._$AH, Nt = (e) => {
+}, X = (e, t, n = e) => (e._$AI(t, n), e), It = {}, Lt = (e, t = It) => e._$AH = t, Rt = (e) => e._$AH, zt = (e) => {
 	e._$AR(), e._$AA.remove();
-}, Pt = (e, t, n) => {
+}, Bt = (e, t, n) => {
 	let r = /* @__PURE__ */ new Map();
 	for (let i = t; i <= n; i++) r.set(e[i], i);
 	return r;
-}, Ft = wt(class extends Tt {
+}, Vt = At(class extends jt {
 	constructor(e) {
-		if (super(e), e.type !== Ct.CHILD) throw Error("repeat() can only be used in text expressions");
+		if (super(e), e.type !== kt.CHILD) throw Error("repeat() can only be used in text expressions");
 	}
 	dt(e, t, n) {
 		let r;
@@ -2871,38 +2891,39 @@ var ht = c`
 		return this.dt(e, t, n).values;
 	}
 	update(e, [t, n, r]) {
-		let i = Mt(e), { values: a, keys: o } = this.dt(t, n, r);
+		let i = Rt(e), { values: a, keys: o } = this.dt(t, n, r);
 		if (!Array.isArray(i)) return this.ut = o, a;
 		let s = this.ut ??= [], c = [], l, u, d = 0, f = i.length - 1, p = 0, m = a.length - 1;
 		for (; d <= f && p <= m;) if (i[d] === null) d++;
 		else if (i[f] === null) f--;
 		else if (s[d] === o[p]) c[p] = X(i[d], a[p]), d++, p++;
 		else if (s[f] === o[m]) c[m] = X(i[f], a[m]), f--, m--;
-		else if (s[d] === o[m]) c[m] = X(i[d], a[m]), kt(e, c[m + 1], i[d]), d++, m--;
-		else if (s[f] === o[p]) c[p] = X(i[f], a[p]), kt(e, i[d], i[f]), f--, p++;
-		else if (l === void 0 && (l = Pt(o, p, m), u = Pt(s, d, f)), l.has(s[d])) if (l.has(s[f])) {
+		else if (s[d] === o[m]) c[m] = X(i[d], a[m]), Ft(e, c[m + 1], i[d]), d++, m--;
+		else if (s[f] === o[p]) c[p] = X(i[f], a[p]), Ft(e, i[d], i[f]), f--, p++;
+		else if (l === void 0 && (l = Bt(o, p, m), u = Bt(s, d, f)), l.has(s[d])) if (l.has(s[f])) {
 			let t = u.get(o[p]), n = t === void 0 ? null : i[t];
 			if (n === null) {
-				let t = kt(e, i[d]);
+				let t = Ft(e, i[d]);
 				X(t, a[p]), c[p] = t;
-			} else c[p] = X(n, a[p]), kt(e, i[d], n), i[t] = null;
+			} else c[p] = X(n, a[p]), Ft(e, i[d], n), i[t] = null;
 			p++;
-		} else Nt(i[f]), f--;
-		else Nt(i[d]), d++;
+		} else zt(i[f]), f--;
+		else zt(i[d]), d++;
 		for (; p <= m;) {
-			let t = kt(e, c[m + 1]);
+			let t = Ft(e, c[m + 1]);
 			X(t, a[p]), c[p++] = t;
 		}
 		for (; d <= f;) {
 			let e = i[d++];
-			e !== null && Nt(e);
+			e !== null && zt(e);
 		}
-		return this.ut = o, jt(e, c), x;
+		return this.ut = o, Lt(e, c), C;
 	}
-}), It = (e, t, n) => b`
+}), Ht = (e, t, n) => S`
   <div class="collection" part="field-list">
-    ${Ft(e, (e) => e.controller.id, (e) => b`
+    ${Vt(e, (e) => e.controller.id, (e) => S`
         <mlf-field-frame
+          data-field-id=${e.controller.id}
           .controller=${e.controller}
           .descriptor=${e.descriptor}
           .registry=${t}
@@ -2910,9 +2931,9 @@ var ht = c`
         ></mlf-field-frame>
       `)}
   </div>
-`, Lt = (e, t, n, r, i) => b`
+`, Ut = (e, t, n, r, i) => S`
   <div class="collection" part="report-list">
-    ${Ft(e, (e) => e.controller.id, (e) => b`
+    ${Vt(e, (e) => e.controller.id, (e) => S`
         <mlf-report-frame
           .controller=${e.controller}
           .descriptor=${e.descriptor}
@@ -2923,11 +2944,11 @@ var ht = c`
         ></mlf-report-frame>
       `)}
   </div>
-`, Rt = (e, t, n, r, i) => {
-	let a = St(e, t.explanationIds, r);
-	return a.length === 0 ? S : b`
+`, Wt = (e, t, n, r, i) => {
+	let a = Ot(e, t.explanationIds, r);
+	return a.length === 0 ? w : S`
     <div class="collection" part="explanation-list">
-      ${Ft(a, (e) => e.controller.id, (t) => b`
+      ${Vt(a, (e) => e.controller.id, (t) => S`
           <mlf-explanation-panel
             .controller=${t.controller}
             .descriptor=${t.descriptor}
@@ -2938,7 +2959,7 @@ var ht = c`
         `)}
     </div>
   `;
-}, zt = (e) => b`
+}, Gt = (e) => S`
   <div class="root stacked">
     <section class="panel form-pane" part="form-pane">
       <header class="pane-header">
@@ -2957,7 +2978,7 @@ var ht = c`
         </div>
 
         <mlf-form-errors .form=${e.form} .text=${e.text}></mlf-form-errors>
-        ${It(e.visibleFields, e.registry, e.text)}
+        ${Ht(e.visibleFields, e.registry, e.text)}
       </div>
 
       <div class="actions" part="actions">
@@ -2975,7 +2996,7 @@ var ht = c`
       </div>
     </section>
 
-    ${e.showReports ? b`
+    ${e.showReports ? S`
           <aside class="panel report-pane" part="report-pane">
             <header class="pane-header">
               <div class="pane-copy">
@@ -2986,13 +3007,13 @@ var ht = c`
             </header>
 
             <div class="pane-body">
-              ${Lt(e.reportsToRender, e.registry, e.text, e.reportTransport, e.form.state.lastResult ?? null)}
-              ${Rt(e.form, e.state, e.registry, e.presentationRegistry, e.text)}
+              ${Ut(e.reportsToRender, e.registry, e.text, e.reportTransport, e.form.state.lastResult ?? null)}
+              ${Wt(e.form, e.state, e.registry, e.presentationRegistry, e.text)}
             </div>
           </aside>
-        ` : S}
+        ` : w}
   </div>
-`, Bt = (e) => b`
+`, Kt = (e) => S`
   <div class="root split">
     <div class="split-shell">
       <section class="left-section" part="form-pane">
@@ -3010,7 +3031,7 @@ var ht = c`
             </div>
 
             <mlf-form-errors .form=${e.form} .text=${e.text}></mlf-form-errors>
-            ${It(e.visibleFields, e.registry, e.text)}
+            ${Ht(e.visibleFields, e.registry, e.text)}
           </div>
         </div>
 
@@ -3029,7 +3050,7 @@ var ht = c`
         </div>
       </section>
 
-      ${e.showReports ? b`
+      ${e.showReports ? S`
             <section class="right-section" part="report-pane">
               <div class="results-area scroll-y">
                 <header class="sticky-header">
@@ -3038,20 +3059,20 @@ var ht = c`
                 </header>
 
                 <div class="split-content">
-                  ${e.reportsToRender.length > 0 ? Lt(e.reportsToRender, e.registry, e.text, e.reportTransport, e.form.state.lastResult ?? null) : b`
+                  ${e.reportsToRender.length > 0 ? Ut(e.reportsToRender, e.registry, e.text, e.reportTransport, e.form.state.lastResult ?? null) : S`
                         <div class="empty-report-state">
                           <p class="empty-report-title">${e.text.reportsEmptyTitle}</p>
                           <p class="empty-report-copy">${e.text.reportsEmptyBody}</p>
                         </div>
                       `}
-                  ${Rt(e.form, e.state, e.registry, e.presentationRegistry, e.text)}
+                  ${Wt(e.form, e.state, e.registry, e.presentationRegistry, e.text)}
                 </div>
               </div>
             </section>
-          ` : S}
+          ` : w}
     </div>
   </div>
-`, Vt = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), Ht = (e, t) => e.status === t.status && e.submitCount === t.submitCount && e.hasFormErrors === t.hasFormErrors && e.hasLastResult === t.hasLastResult && e.submissionLoaded === t.submissionLoaded && e.submissionTotal === t.submissionTotal && e.submissionMessage === t.submissionMessage && e.submissionSessionMessageCount === t.submissionSessionMessageCount && Vt(e.visibleFieldIds, t.visibleFieldIds) && Vt(e.visibleReportIds, t.visibleReportIds) && Vt(e.explanationIds, t.explanationIds) && Vt(e.reportStateKeys, t.reportStateKeys) && Vt(e.explanationStateKeys, t.explanationStateKeys), Ut = (e) => {
+`, qt = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), Jt = (e, t) => e.status === t.status && e.submitCount === t.submitCount && e.hasFormErrors === t.hasFormErrors && e.hasLastResult === t.hasLastResult && e.submissionLoaded === t.submissionLoaded && e.submissionTotal === t.submissionTotal && e.submissionMessage === t.submissionMessage && e.submissionSessionMessageCount === t.submissionSessionMessageCount && qt(e.visibleFieldIds, t.visibleFieldIds) && qt(e.visibleReportIds, t.visibleReportIds) && qt(e.explanationIds, t.explanationIds) && qt(e.reportStateKeys, t.reportStateKeys) && qt(e.explanationStateKeys, t.explanationStateKeys), Yt = (e) => {
 	let t = e.state;
 	return {
 		status: t.status,
@@ -3068,8 +3089,8 @@ var ht = c`
 		reportStateKeys: e.reports.map((e) => `${e.id}:${e.state.status}:${e.state.payload === void 0}:${e.state.error === null}`),
 		explanationStateKeys: e.explanations.map((e) => `${e.id}:${e.state.status}:${e.state.result === void 0}:${e.state.error === null}`)
 	};
-}, Z = class extends E {
-	static styles = ht;
+}, Z = class extends O {
+	static styles = xt;
 	#e;
 	get form() {
 		return this.#e;
@@ -3098,35 +3119,35 @@ var ht = c`
 	set layout(e) {
 		this.#r = e;
 	}
-	#i = M.form;
+	#i = N.form;
 	get formLabel() {
 		return this.#i;
 	}
 	set formLabel(e) {
 		this.#i = e;
 	}
-	#a = M.reports;
+	#a = N.reports;
 	get reportsLabel() {
 		return this.#a;
 	}
 	set reportsLabel(e) {
 		this.#a = e;
 	}
-	#o = M.submit;
+	#o = N.submit;
 	get submitLabel() {
 		return this.#o;
 	}
 	set submitLabel(e) {
 		this.#o = e;
 	}
-	#s = M.validating;
+	#s = N.validating;
 	get validatingLabel() {
 		return this.#s;
 	}
 	set validatingLabel(e) {
 		this.#s = e;
 	}
-	#c = M.submitting;
+	#c = N.submitting;
 	get submittingLabel() {
 		return this.#c;
 	}
@@ -3140,7 +3161,7 @@ var ht = c`
 	set reportPane(e) {
 		this.#l = e;
 	}
-	#u = N;
+	#u = P;
 	get text() {
 		return this.#u;
 	}
@@ -3174,9 +3195,9 @@ var ht = c`
 	}
 	render() {
 		let e = this.form, t = this.formState;
-		if (!e || !t) return b``;
-		let n = this.text, r = bt(e, t.visibleFieldIds, this.presentationRegistry), i = xt(e, t.visibleReportIds, this.reportPane, this.presentationRegistry), a = this.reportPane !== "hidden" && (e.reports.length > 0 || t.hasFormErrors), o = this.layout === "split" ? a : this.reportPane === "always" ? e.reports.length > 0 : this.reportPane === "auto" ? i.length > 0 : !1;
-		return this.layout === "split" ? Bt({
+		if (!e || !t) return S``;
+		let n = this.text, r = Et(e, t.visibleFieldIds, this.presentationRegistry), i = Dt(e, t.visibleReportIds, this.reportPane, this.presentationRegistry), a = this.reportPane !== "hidden" && (e.reports.length > 0 || t.hasFormErrors), o = this.layout === "split" ? a : this.reportPane === "always" ? e.reports.length > 0 : this.reportPane === "auto" ? i.length > 0 : !1;
+		return this.layout === "split" ? Kt({
 			form: e,
 			state: t,
 			visibleFields: r,
@@ -3192,7 +3213,7 @@ var ht = c`
 			submittingLabel: this.submittingLabel,
 			reportTransport: this.reportTransport,
 			onSubmitRequest: this.#h
-		}) : zt({
+		}) : Gt({
 			form: e,
 			state: t,
 			visibleFields: r,
@@ -3212,7 +3233,7 @@ var ht = c`
 	}
 	#h = async () => {
 		if (this.form) {
-			this.dispatchEvent(new CustomEvent(j.submitStart, {
+			this.dispatchEvent(new CustomEvent(He.submitStart, {
 				detail: {
 					form: this.form,
 					state: this.form.state
@@ -3222,7 +3243,7 @@ var ht = c`
 			}));
 			try {
 				let e = await this.form.submit();
-				this.dispatchEvent(new CustomEvent(j.submitSuccess, {
+				this.dispatchEvent(new CustomEvent(He.submitSuccess, {
 					detail: {
 						form: this.form,
 						state: this.form.state,
@@ -3231,13 +3252,14 @@ var ht = c`
 					bubbles: !0,
 					composed: !0
 				}));
-			} catch (e) {
-				this.dispatchEvent(new CustomEvent(e instanceof t ? j.submitAbort : j.submitError, {
+			} catch (t) {
+				let n = this.form ? bt(this.form.fields) : null;
+				n && await yt(vt(this.shadowRoot ?? this, n.id)), this.dispatchEvent(new CustomEvent(t instanceof e ? He.submitAbort : He.submitError, {
 					detail: {
 						form: this.form,
 						state: this.form.state,
 						status: this.form.state.status,
-						error: e
+						error: t
 					},
 					bubbles: !0,
 					composed: !0
@@ -3248,38 +3270,38 @@ var ht = c`
 	#g() {
 		if (!this.isConnected) return;
 		if (this.#m === this.form) {
-			this.formState = this.form ? Ut(this.form) : null;
+			this.formState = this.form ? Yt(this.form) : null;
 			return;
 		}
-		if (this.#p?.(), this.#p = null, this.#m = this.form, this.formState = this.form ? Ut(this.form) : null, !this.form) return;
+		if (this.#p?.(), this.#p = null, this.#m = this.form, this.formState = this.form ? Yt(this.form) : null, !this.form) return;
 		let e = this.form;
-		this.#p = e.subscribeSelector(() => Ut(e), (e) => {
+		this.#p = e.subscribeSelector(() => Yt(e), (e) => {
 			this.formState = e;
-		}, { equality: Ht });
+		}, { equality: Jt });
 	}
 };
-F([O({ attribute: !1 })], Z.prototype, "form", null), F([O({ attribute: !1 })], Z.prototype, "registry", null), F([O({ attribute: !1 })], Z.prototype, "presentationRegistry", null), F([O({ type: String })], Z.prototype, "layout", null), F([O({
+I([A({ attribute: !1 })], Z.prototype, "form", null), I([A({ attribute: !1 })], Z.prototype, "registry", null), I([A({ attribute: !1 })], Z.prototype, "presentationRegistry", null), I([A({ type: String })], Z.prototype, "layout", null), I([A({
 	type: String,
 	attribute: "form-label"
-})], Z.prototype, "formLabel", null), F([O({
+})], Z.prototype, "formLabel", null), I([A({
 	type: String,
 	attribute: "reports-label"
-})], Z.prototype, "reportsLabel", null), F([O({
+})], Z.prototype, "reportsLabel", null), I([A({
 	type: String,
 	attribute: "submit-label"
-})], Z.prototype, "submitLabel", null), F([O({
+})], Z.prototype, "submitLabel", null), I([A({
 	type: String,
 	attribute: "validating-label"
-})], Z.prototype, "validatingLabel", null), F([O({
+})], Z.prototype, "validatingLabel", null), I([A({
 	type: String,
 	attribute: "submitting-label"
-})], Z.prototype, "submittingLabel", null), F([O({
+})], Z.prototype, "submittingLabel", null), I([A({
 	type: String,
 	attribute: "report-pane"
-})], Z.prototype, "reportPane", null), F([O({ attribute: !1 })], Z.prototype, "text", null), F([O({ attribute: !1 })], Z.prototype, "reportTransport", null), F([k()], Z.prototype, "formState", null), Z = F([D(A.form)], Z);
+})], Z.prototype, "reportPane", null), I([A({ attribute: !1 })], Z.prototype, "text", null), I([A({ attribute: !1 })], Z.prototype, "reportTransport", null), I([j()], Z.prototype, "formState", null), Z = I([k(M.form)], Z);
 //#endregion
 //#region node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/if-defined.js
-var Q = (e) => e ?? S, Wt = class extends G {
+var Q = (e) => e ?? w, Xt = class extends G {
 	static styles = [G.styles, c`
       input {
         min-height: var(--mlf-control-height, 3rem);
@@ -3287,7 +3309,7 @@ var Q = (e) => e ?? S, Wt = class extends G {
     `];
 	render() {
 		let e = this.props, t = this.fieldContext, n = typeof e.value == "string" ? e.value : "";
-		return b`
+		return S`
       <input
         class="control"
         type="text"
@@ -3316,10 +3338,10 @@ var Q = (e) => e ?? S, Wt = class extends G {
 		this.commitBlur();
 	};
 };
-Wt = F([D(A.textField)], Wt);
+Xt = I([k(M.textField)], Xt);
 //#endregion
 //#region src/primitives/fields/number-field.ts
-var Gt = class extends G {
+var Zt = class extends G {
 	static styles = [G.styles, c`
       .input-wrapper {
         position: relative;
@@ -3477,7 +3499,7 @@ var Gt = class extends G {
 	}
 	render() {
 		let e = this.props, t = this.fieldContext, n = e.input === "range" ? "range" : "text", r = typeof e.value == "number" ? String(e.value) : e.value === null || e.value === void 0 ? "" : V(e.value), i = this.focused && this.draftValue !== null ? this.draftValue : r, a = typeof e.unit == "string" ? e.unit : "", o = `${Math.max(a.length * .56 + .8, 2.2)}rem`, s = this.fieldContext?.disabled ? "input-wrapper is-disabled" : this.fieldContext?.readOnly ? "input-wrapper is-readonly" : "input-wrapper", c = typeof e.value == "number" ? e.value : void 0, l = typeof e.min == "number" ? e.min : void 0, u = typeof e.max == "number" ? e.max : void 0, d = i.length > 0 ? i : r;
-		return n === "range" ? b`
+		return n === "range" ? S`
         <div class="range-wrapper">
           <div class="range-header">
             <span class="range-value">${d}${a ? ` ${a}` : ""}</span>
@@ -3504,7 +3526,7 @@ var Gt = class extends G {
           />
         </div>
         ${this.renderAssistiveText()}
-      ` : b`
+      ` : S`
       <div class=${s} style=${`--mlf-number-unit-width: ${o};`}>
         <input
           class="control"
@@ -3557,10 +3579,10 @@ var Gt = class extends G {
 		return e;
 	}
 };
-F([k()], Gt.prototype, "draftValue", null), F([k()], Gt.prototype, "focused", null), Gt = F([D(A.numberField)], Gt);
+I([j()], Zt.prototype, "draftValue", null), I([j()], Zt.prototype, "focused", null), Zt = I([k(M.numberField)], Zt);
 //#endregion
 //#region src/primitives/fields/boolean-field.ts
-var Kt = class extends G {
+var Qt = class extends G {
 	static styles = [G.styles, c`
       fieldset {
         display: flex;
@@ -3628,8 +3650,8 @@ var Kt = class extends G {
       }
     `];
 	render() {
-		let e = this.props, t = this.fieldContext, n = e.checked === !0, r = this.text, i = P.booleanGroup, a = `${t?.controlId ?? i}-true`, o = `${t?.controlId ?? i}-false`, s = V(e.trueLabel, r.booleanTrue), c = V(e.falseLabel, r.booleanFalse), l = !!(this.fieldContext?.disabled || this.fieldContext?.readOnly);
-		return b`
+		let e = this.props, t = this.fieldContext, n = e.checked === !0, r = this.text, i = F.booleanGroup, a = `${t?.controlId ?? i}-true`, o = `${t?.controlId ?? i}-false`, s = V(e.trueLabel, r.booleanTrue), c = V(e.falseLabel, r.booleanFalse), l = !!(this.fieldContext?.disabled || this.fieldContext?.readOnly);
+		return S`
       <fieldset
         role="radiogroup"
         aria-label=${t?.label ?? V(e.label)}
@@ -3671,13 +3693,13 @@ var Kt = class extends G {
 		this.commitBlur();
 	};
 };
-Kt = F([D(A.booleanField)], Kt);
+Qt = I([k(M.booleanField)], Qt);
 //#endregion
 //#region src/primitives/fields/category-field.ts
-var qt = (e) => typeof e == "string" ? {
+var $t = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, Jt = (e, t) => typeof e != "string" || e.length === 0 ? "" : t.some((t) => qt(t).value === e) ? e : "", Yt = class extends G {
+} : e, en = (e, t) => typeof e != "string" || e.length === 0 ? "" : t.some((t) => $t(t).value === e) ? e : "", tn = class extends G {
 	static styles = [G.styles, c`
       .select-wrap {
         position: relative;
@@ -3708,8 +3730,8 @@ var qt = (e) => typeof e == "string" ? {
       }
     `];
 	render() {
-		let e = this.props, t = this.fieldContext, n = typeof e.value == "string" ? e.value : "", r = Array.isArray(e.options) ? e.options : [], i = Jt(n, r), a = this.text;
-		return b`
+		let e = this.props, t = this.fieldContext, n = typeof e.value == "string" ? e.value : "", r = Array.isArray(e.options) ? e.options : [], i = en(n, r), a = this.text;
+		return S`
       <div class="select-wrap">
         <select
           class="control"
@@ -3727,8 +3749,8 @@ var qt = (e) => typeof e == "string" ? {
             &#8212; ${a.categoryPlaceholder} &#8212;
           </option>
           ${r.map((e) => {
-			let t = qt(e);
-			return b`
+			let t = $t(e);
+			return S`
               <option value=${t.value} ?selected=${t.value === i}>
                 ${t.label}
               </option>
@@ -3754,10 +3776,10 @@ var qt = (e) => typeof e == "string" ? {
 		this.commitBlur();
 	};
 };
-Yt = F([D(A.categoryField)], Yt);
+tn = I([k(M.categoryField)], tn);
 //#endregion
 //#region src/primitives/fields/date-field.ts
-var Xt = class extends G {
+var nn = class extends G {
 	static styles = [G.styles, c`
       input {
         min-height: var(--mlf-control-height, 3rem);
@@ -3769,7 +3791,7 @@ var Xt = class extends G {
     `];
 	render() {
 		let e = this.props, t = this.fieldContext, n = typeof e.value == "string" ? e.value : "";
-		return b`
+		return S`
       <input
         class="control"
         type="date"
@@ -3798,26 +3820,26 @@ var Xt = class extends G {
 		this.commitBlur();
 	};
 };
-Xt = F([D(A.dateField)], Xt);
+nn = I([k(M.dateField)], nn);
 //#endregion
 //#region src/primitives/fields/series-field-helpers.ts
-var Zt = 0, Qt = () => `series-row-${++Zt}`, $t = (e) => e === !0 || e === !1 ? e : e === "true" ? !0 : e === "false" ? !1 : "", en = (e, t) => {
+var rn = 0, an = () => `series-row-${++rn}`, on = (e) => e === !0 || e === !1 ? e : e === "true" ? !0 : e === "false" ? !1 : "", sn = (e, t) => {
 	switch (e.kind) {
 		case "number": return typeof t == "number" ? String(t) : typeof t == "string" ? t : "";
 		case "date": return typeof t == "string" ? t : "";
 		case "category":
 		case "text": return typeof t == "string" ? t : "";
-		case "boolean": return $t(t);
+		case "boolean": return on(t);
 		default: return typeof t == "string" ? t : t ?? "";
 	}
-}, tn = (e, t, n) => Array.isArray(e) ? e.map((e) => {
+}, cn = (e, t, n) => Array.isArray(e) ? e.map((e) => {
 	let r = e;
 	return {
-		key: Qt(),
-		field1: en(t, r.field1),
-		field2: en(n, r.field2)
+		key: an(),
+		field1: sn(t, r.field1),
+		field2: sn(n, r.field2)
 	};
-}) : [], nn = (e, t) => {
+}) : [], ln = (e, t) => {
 	switch (e.kind) {
 		case "number":
 		case "date":
@@ -3826,7 +3848,130 @@ var Zt = 0, Qt = () => `series-row-${++Zt}`, $t = (e) => e === !0 || e === !1 ?
 		case "boolean": return t === "" ? null : t;
 		default: return t === "" ? null : t;
 	}
-}, rn = (e) => typeof e.unit == "string" ? e.unit : "", an = c`
+}, un = (e) => typeof e.unit == "string" ? e.unit : "", dn = (e, t) => {
+	let n = typeof e == "string" ? {
+		label: e,
+		value: e
+	} : e;
+	if (!n || typeof n != "object") return null;
+	let r = n;
+	return S`
+    <option value=${String(r.value)} ?selected=${String(r.value) === t}>
+      ${String(r.label)}
+    </option>
+  `;
+}, fn = (e) => typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" || typeof e == "bigint" ? `${e}` : "", pn = ({ config: e, value: t, index: n, id: r, disabled: i, readOnly: a, field: o, context: s, text: c, onInput: l, onBlur: u, label: d }) => {
+	let f = !!e.required;
+	switch (e.kind) {
+		case "date": return S`
+        <input
+          class="control"
+          id=${r}
+          type="date"
+          .value=${typeof t == "string" ? t : ""}
+          aria-label=${d}
+          aria-describedby=${Q(s?.describedBy)}
+          aria-invalid=${String(s?.invalid ?? !1)}
+          ?required=${f}
+          ?disabled=${i}
+          ?readonly=${a}
+          min=${Q(typeof e.min == "string" ? e.min : void 0)}
+          max=${Q(typeof e.max == "string" ? e.max : void 0)}
+          @input=${(e) => l(n, o, e.target.value)}
+          @blur=${u}
+        />
+      `;
+		case "category": {
+			let p = Array.isArray(e.options) ? e.options : [], m = typeof t == "string" ? t : "";
+			return S`
+        <select
+          class="control"
+          id=${r}
+          aria-label=${d}
+          aria-describedby=${Q(s?.describedBy)}
+          aria-invalid=${String(s?.invalid ?? !1)}
+          ?required=${f}
+          ?disabled=${!!(i || a)}
+          @change=${(e) => l(n, o, e.target.value)}
+          @blur=${u}
+        >
+          <option value="" ?selected=${m === ""}>
+            &#8212; ${c.categoryPlaceholder} &#8212;
+          </option>
+          ${p.map((e) => dn(e, m))}
+        </select>
+      `;
+		}
+		case "boolean": {
+			let p = V(e.trueLabel, c.booleanTrue), m = V(e.falseLabel, c.booleanFalse), h = t === !0 ? "true" : t === !1 ? "false" : "";
+			return S`
+        <select
+          class="control"
+          id=${r}
+          aria-label=${d}
+          aria-describedby=${Q(s?.describedBy)}
+          aria-invalid=${String(s?.invalid ?? !1)}
+          ?required=${f}
+          ?disabled=${!!(i || a)}
+          @change=${(e) => {
+				let t = e.target.value;
+				l(n, o, t === "" ? "" : t === "true");
+			}}
+          @blur=${u}
+        >
+          <option value="" ?selected=${h === ""}>&#8212; Select &#8212;</option>
+          <option value="true" ?selected=${h === "true"}>${p}</option>
+          <option value="false" ?selected=${h === "false"}>${m}</option>
+        </select>
+      `;
+		}
+		case "number": {
+			let c = un(e);
+			return S`
+        <div class="value-wrap">
+          <input
+            class="control"
+            id=${r}
+            type="text"
+            inputmode="decimal"
+            spellcheck="false"
+            autocomplete="off"
+            .value=${typeof t == "string" ? t : ""}
+            placeholder=${V(e.placeholder)}
+            aria-label=${d}
+            aria-describedby=${Q(s?.describedBy)}
+            aria-invalid=${String(s?.invalid ?? !1)}
+            aria-valuemin=${Q(typeof e.min == "number" ? e.min : void 0)}
+            aria-valuemax=${Q(typeof e.max == "number" ? e.max : void 0)}
+            ?required=${f}
+            ?disabled=${i}
+            ?readonly=${a}
+            @input=${(e) => l(n, o, e.target.value)}
+            @blur=${u}
+          />
+          <span class="unit" aria-hidden="true">${c}</span>
+        </div>
+      `;
+		}
+		default: return S`
+        <input
+          class="control"
+          id=${r}
+          type="text"
+          .value=${fn(t)}
+          placeholder=${V(e.placeholder)}
+          aria-label=${d}
+          aria-describedby=${Q(s?.describedBy)}
+          aria-invalid=${String(s?.invalid ?? !1)}
+          ?required=${f}
+          ?disabled=${i}
+          ?readonly=${a}
+          @input=${(e) => l(n, o, e.target.value)}
+          @blur=${u}
+        />
+      `;
+	}
+}, mn = c`
   .series {
     display: grid;
     gap: 0.9rem;
@@ -3980,8 +4125,8 @@ var Zt = 0, Qt = () => `series-row-${++Zt}`, $t = (e) => e === !0 || e === !1 ?
       justify-self: end;
     }
   }
-`, on = class extends G {
-	static styles = [G.styles, an];
+`, hn = class extends G {
+	static styles = [G.styles, mn];
 	#e = [];
 	get rows() {
 		return this.#e;
@@ -3994,8 +4139,8 @@ var Zt = 0, Qt = () => `series-row-${++Zt}`, $t = (e) => e === !0 || e === !1 ?
 		super.willUpdate(e), e.has("descriptor") && this.#i();
 	}
 	render() {
-		let e = this.fieldContext, t = !!this.fieldContext?.disabled, n = !!this.fieldContext?.readOnly, r = t || n, i = this.#n, a = this.#r, o = `${Math.max(rn(a).length * .56 + .8, 2.3)}rem`, s = this.text;
-		return b`
+		let e = this.fieldContext, t = !!this.fieldContext?.disabled, n = !!this.fieldContext?.readOnly, r = t || n, i = this.#n, a = this.#r, o = `${Math.max(un(a).length * .56 + .8, 2.3)}rem`, s = this.text;
+		return S`
       <div class="series" style=${`--mlf-series-unit-width: ${o};`}>
         <div class="toolbar">
           <button
@@ -4009,7 +4154,7 @@ var Zt = 0, Qt = () => `series-row-${++Zt}`, $t = (e) => e === !0 || e === !1 ?
           </button>
         </div>
 
-        ${this.rows.length > 0 ? b`
+        ${this.rows.length > 0 ? S`
               <div class="grid">
                 <div class="header" aria-hidden="true">
                   <div>${V(i.label, "field1")}</div>
@@ -4018,7 +4163,7 @@ var Zt = 0, Qt = () => `series-row-${++Zt}`, $t = (e) => e === !0 || e === !1 ?
                 </div>
                 ${this.rows.map((o, c) => {
 			let l = `${e?.controlId ?? "mlf-series"}-${o.key}-field1`, u = `${e?.controlId ?? "mlf-series"}-${o.key}-field2`;
-			return b`
+			return S`
                     <div class="row">
                       <div class="cell">
                         ${this.#u(i, o.field1, c, l, t, n, 1)}
@@ -4039,7 +4184,7 @@ var Zt = 0, Qt = () => `series-row-${++Zt}`, $t = (e) => e === !0 || e === !1 ?
                   `;
 		})}
               </div>
-            ` : b`<div class="empty">${s.seriesEmpty}</div>`}
+            ` : S`<div class="empty">${s.seriesEmpty}</div>`}
       </div>
       ${this.renderAssistiveText()}
     `;
@@ -4051,11 +4196,11 @@ var Zt = 0, Qt = () => `series-row-${++Zt}`, $t = (e) => e === !0 || e === !1 ?
 		return this.props.field2 ?? {};
 	}
 	#i() {
-		this.rows = tn(this.props.value, this.#n, this.#r), this.#t = !1;
+		this.rows = cn(this.props.value, this.#n, this.#r), this.#t = !1;
 	}
 	#a = () => {
 		this.rows = [...this.rows, {
-			key: Qt(),
+			key: an(),
 			field1: "",
 			field2: ""
 		}], this.#t = !0, this.#l();
@@ -4074,140 +4219,32 @@ var Zt = 0, Qt = () => `series-row-${++Zt}`, $t = (e) => e === !0 || e === !1 ?
 	};
 	#l() {
 		this.#t &&= (this.commitValue(this.rows.map((e) => ({
-			field1: nn(this.#n, e.field1),
-			field2: nn(this.#r, e.field2)
+			field1: ln(this.#n, e.field1),
+			field2: ln(this.#r, e.field2)
 		}))), !1);
 	}
 	#u(e, t, n, r, i, a, o) {
-		let s = this.fieldContext, c = `${s?.label ?? V(this.props.label)} ${V(e.label, `field${o}`)} ${n + 1}`, l = !!e.required;
-		switch (e.kind) {
-			case "date": return b`
-          <input
-            class="control"
-            id=${r}
-            type="date"
-            .value=${typeof t == "string" ? t : ""}
-            aria-label=${c}
-            aria-describedby=${Q(s?.describedBy)}
-            aria-invalid=${String(s?.invalid ?? !1)}
-            ?required=${l}
-            ?disabled=${i}
-            ?readonly=${a}
-            min=${Q(typeof e.min == "string" ? e.min : void 0)}
-            max=${Q(typeof e.max == "string" ? e.max : void 0)}
-            @input=${(e) => this.#s(n, o, e.target.value)}
-            @blur=${this.#c}
-          />
-        `;
-			case "category": {
-				let u = Array.isArray(e.options) ? e.options : [], d = typeof t == "string" ? t : "";
-				return b`
-          <select
-            class="control"
-            id=${r}
-            aria-label=${c}
-            aria-describedby=${Q(s?.describedBy)}
-            aria-invalid=${String(s?.invalid ?? !1)}
-            ?required=${l}
-            ?disabled=${!!(i || a)}
-            @change=${(e) => this.#s(n, o, e.target.value)}
-            @blur=${this.#c}
-          >
-            <option value="" ?selected=${d === ""}>
-              &#8212; ${this.text.categoryPlaceholder} &#8212;
-            </option>
-            ${u.map((e) => {
-					let t = typeof e == "string" ? {
-						label: e,
-						value: e
-					} : e;
-					return b`
-                <option
-                  value=${String(t.value)}
-                  ?selected=${String(t.value) === d}
-                >
-                  ${String(t.label)}
-                </option>
-              `;
-				})}
-          </select>
-        `;
-			}
-			case "boolean": {
-				let u = V(e.trueLabel, this.text.booleanTrue), d = V(e.falseLabel, this.text.booleanFalse), f = t === !0 ? "true" : t === !1 ? "false" : "";
-				return b`
-          <select
-            class="control"
-            id=${r}
-            aria-label=${c}
-            aria-describedby=${Q(s?.describedBy)}
-            aria-invalid=${String(s?.invalid ?? !1)}
-            ?required=${l}
-            ?disabled=${!!(i || a)}
-            @change=${(e) => {
-					let t = e.target.value;
-					this.#s(n, o, t === "" ? "" : t === "true");
-				}}
-            @blur=${this.#c}
-          >
-            <option value="" ?selected=${f === ""}>&#8212; Select &#8212;</option>
-            <option value="true" ?selected=${f === "true"}>${u}</option>
-            <option value="false" ?selected=${f === "false"}>${d}</option>
-          </select>
-        `;
-			}
-			case "number": {
-				let u = rn(e);
-				return b`
-          <div class="value-wrap">
-            <input
-              class="control"
-              id=${r}
-              type="text"
-              inputmode="decimal"
-              spellcheck="false"
-              autocomplete="off"
-              .value=${typeof t == "string" ? t : ""}
-              placeholder=${V(e.placeholder)}
-              aria-label=${c}
-              aria-describedby=${Q(s?.describedBy)}
-              aria-invalid=${String(s?.invalid ?? !1)}
-              aria-valuemin=${Q(typeof e.min == "number" ? e.min : void 0)}
-              aria-valuemax=${Q(typeof e.max == "number" ? e.max : void 0)}
-              ?required=${l}
-              ?disabled=${i}
-              ?readonly=${a}
-              @input=${(e) => this.#s(n, o, e.target.value)}
-              @blur=${this.#c}
-            />
-            <span class="unit" aria-hidden="true">${u}</span>
-          </div>
-        `;
-			}
-			default: return b`
-          <input
-            class="control"
-            id=${r}
-            type="text"
-            .value=${typeof t == "string" ? t : typeof t == "number" || typeof t == "boolean" || typeof t == "bigint" ? `${t}` : ""}
-            placeholder=${V(e.placeholder)}
-            aria-label=${c}
-            aria-describedby=${Q(s?.describedBy)}
-            aria-invalid=${String(s?.invalid ?? !1)}
-            ?required=${l}
-            ?disabled=${i}
-            ?readonly=${a}
-            @input=${(e) => this.#s(n, o, e.target.value)}
-            @blur=${this.#c}
-          />
-        `;
-		}
+		let s = this.fieldContext, c = `${s?.label ?? V(this.props.label)} ${V(e.label, `field${o}`)} ${n + 1}`;
+		return pn({
+			config: e,
+			value: t,
+			index: n,
+			id: r,
+			disabled: i,
+			readOnly: a,
+			field: o,
+			context: s,
+			text: this.text,
+			onInput: (e, t, n) => this.#s(e, t, n),
+			onBlur: this.#c,
+			label: c
+		});
 	}
 };
-F([k()], on.prototype, "rows", null), on = F([D(A.seriesField)], on);
+I([j()], hn.prototype, "rows", null), hn = I([k(M.seriesField)], hn);
 //#endregion
 //#region src/primitives/fields/long-text-field.ts
-var sn = class extends G {
+var gn = class extends G {
 	static styles = [G.styles, c`
       textarea.control {
         resize: vertical;
@@ -4217,7 +4254,7 @@ var sn = class extends G {
     `];
 	render() {
 		let e = this.props, t = this.fieldContext, n = typeof e.value == "string" ? e.value : "", r = typeof e.rows == "number" && e.rows > 0 ? e.rows : 4;
-		return b`
+		return S`
       <textarea
         class="control"
         id=${t?.controlId ?? ""}
@@ -4243,13 +4280,13 @@ var sn = class extends G {
 		this.commitBlur();
 	};
 };
-sn = F([D(A.longTextField)], sn);
+gn = I([k(M.longTextField)], gn);
 //#endregion
 //#region src/primitives/fields/single-choice-field.ts
-var cn = (e) => typeof e == "string" ? {
+var _n = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, ln = class extends G {
+} : e, vn = class extends G {
 	static styles = [G.styles, c`
       fieldset {
         border: none;
@@ -4312,7 +4349,7 @@ var cn = (e) => typeof e == "string" ? {
     `];
 	render() {
 		let e = this.props, t = this.fieldContext, n = typeof e.value == "string" ? e.value : null, r = Array.isArray(e.options) ? e.options : [], i = e.layout === "horizontal" ? "horizontal" : "vertical", a = t?.label ?? V(e.label), o = !!(t?.disabled || t?.readOnly);
-		return b`
+		return S`
       <fieldset>
         <legend>${a}</legend>
         <div
@@ -4324,8 +4361,8 @@ var cn = (e) => typeof e == "string" ? {
           aria-required=${String(!!e.required)}
         >
           ${r.map((e) => {
-			let { label: r, value: i } = cn(e), a = `${t?.controlId ?? "sc"}-${i}`;
-			return b`
+			let { label: r, value: i } = _n(e), a = `${t?.controlId ?? "sc"}-${i}`;
+			return S`
               <label class=${o ? "disabled" : ""} for=${a}>
                 <input
                   type="radio"
@@ -4353,13 +4390,13 @@ var cn = (e) => typeof e == "string" ? {
 		this.commitBlur();
 	};
 };
-ln = F([D(A.singleChoiceField)], ln);
+vn = I([k(M.singleChoiceField)], vn);
 //#endregion
 //#region src/primitives/fields/multi-choice-field.ts
-var un = (e) => typeof e == "string" ? {
+var yn = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, dn = class extends G {
+} : e, bn = class extends G {
 	static styles = [G.styles, c`
       fieldset {
         border: none;
@@ -4423,7 +4460,7 @@ var un = (e) => typeof e == "string" ? {
     `];
 	render() {
 		let e = this.props, t = this.fieldContext, n = Array.isArray(e.value) ? e.value : [], r = Array.isArray(e.options) ? e.options : [], i = e.layout === "horizontal" ? "horizontal" : "vertical", a = t?.label ?? V(e.label), o = !!(t?.disabled || t?.readOnly);
-		return b`
+		return S`
       <fieldset>
         <legend>${a}</legend>
         <div
@@ -4435,8 +4472,8 @@ var un = (e) => typeof e == "string" ? {
           aria-required=${String(!!e.required)}
         >
           ${r.map((e) => {
-			let { label: r, value: i } = un(e), a = `${t?.controlId ?? "mc"}-${i}`;
-			return b`
+			let { label: r, value: i } = yn(e), a = `${t?.controlId ?? "mc"}-${i}`;
+			return S`
               <label class=${o ? "disabled" : ""} for=${a}>
                 <input
                   type="checkbox"
@@ -4464,10 +4501,10 @@ var un = (e) => typeof e == "string" ? {
 		this.commitBlur();
 	};
 };
-dn = F([D(A.multiChoiceField)], dn);
+bn = I([k(M.multiChoiceField)], bn);
 //#endregion
 //#region src/primitives/fields/rating-field.ts
-var fn = class extends G {
+var xn = class extends G {
 	static styles = [G.styles, c`
       .rating-container {
         display: inline-flex;
@@ -4523,7 +4560,7 @@ var fn = class extends G {
 	render() {
 		let e = this.props, t = this.fieldContext, n = typeof e.value == "number" ? e.value : null, r = typeof e.min == "number" ? e.min : 1, i = typeof e.max == "number" ? e.max : 5, a = typeof e.step == "number" && e.step > 0 ? e.step : 1, o = !!(t?.disabled || t?.readOnly), s = t?.label ?? V(e.label), c = [];
 		for (let e = r; e <= i; e += a) c.push(e);
-		return b`
+		return S`
       <div
         role="slider"
         aria-label=${s}
@@ -4537,7 +4574,7 @@ var fn = class extends G {
         tabindex="-1"
       >
         <div class="rating-container">
-          ${c.map((e) => b`
+          ${c.map((e) => S`
               <button
                 type="button"
                 class="rating-btn ${n === e ? "selected" : ""}"
@@ -4575,10 +4612,10 @@ var fn = class extends G {
 		}
 	};
 };
-fn = F([D(A.ratingField)], fn);
+xn = I([k(M.ratingField)], xn);
 //#endregion
 //#region src/primitives/base-async-report-element.ts
-var pn = (e) => e instanceof Error ? e.message : typeof e == "string" && e.trim().length > 0 ? e : String(e), mn = (e) => {
+var Sn = (e) => e instanceof Error ? e.message : typeof e == "string" && e.trim().length > 0 ? e : String(e), Cn = (e) => {
 	if (typeof e == "string") return e;
 	try {
 		return JSON.stringify(e, null, 2);
@@ -4716,7 +4753,7 @@ var pn = (e) => e instanceof Error ? e.message : typeof e == "string" && e.trim(
 		return this.transportErrorValue;
 	}
 	renderTransportPanel(e) {
-		return this.transportResultStatus === "idle" ? S : b`
+		return this.transportResultStatus === "idle" ? w : S`
       <hr class="transport-divider" />
       <div class="transport-panel">
         <p class="transport-heading">${e.explanationLabel}</p>
@@ -4726,19 +4763,19 @@ var pn = (e) => e instanceof Error ? e.message : typeof e == "string" && e.trim(
 	}
 	#a(e) {
 		switch (this.transportResultStatus) {
-			case "loading": return b`<div
+			case "loading": return S`<div
           class="transport-skeleton"
           aria-label=${e.explanationLoadingLabel}
         ></div>`;
-			case "error": return b`<div class="transport-error">Error: ${this.transportError}</div>`;
-			case "done": return b`<pre
+			case "error": return S`<div class="transport-error">Error: ${this.transportError}</div>`;
+			case "done": return S`<pre
           class="transport-content"
           role="region"
           aria-label=${e.explanationAriaLabel}
         >
-${mn(this.transportResult)}</pre
+${Cn(this.transportResult)}</pre
         >`;
-			default: return S;
+			default: return w;
 		}
 	}
 	async #o() {
@@ -4760,14 +4797,14 @@ ${mn(this.transportResult)}</pre
 			this.transportResultValue = r, this.transportStatus = "done";
 		} catch (e) {
 			if (n.signal.aborted) return;
-			this.transportErrorValue = pn(e), this.transportStatus = "error";
+			this.transportErrorValue = Sn(e), this.transportStatus = "error";
 		}
 	}
 };
-F([k()], $.prototype, "transportStatus", null), F([k()], $.prototype, "transportResultValue", null), F([k()], $.prototype, "transportErrorValue", null);
+I([j()], $.prototype, "transportStatus", null), I([j()], $.prototype, "transportResultValue", null), I([j()], $.prototype, "transportErrorValue", null);
 //#endregion
 //#region src/primitives/reports/classifier-report.ts
-var hn = (e, t, n) => {
+var wn = (e, t, n) => {
 	if (!B(e) || !Array.isArray(e.probabilities)) return [];
 	let r = Array.isArray(t) ? t : e.labels, i = Array.isArray(r) ? r : [];
 	return e.probabilities.map((e, t) => {
@@ -4777,7 +4814,7 @@ var hn = (e, t, n) => {
 			value: r
 		};
 	}).filter((e) => e !== null);
-}, gn = class extends $ {
+}, Tn = class extends $ {
 	static styles = [$.styles, c`
       .rows {
         display: grid;
@@ -4847,20 +4884,20 @@ var hn = (e, t, n) => {
     `];
 	render() {
 		let e = this.props.payload, t = typeof this.props.error == "string" ? this.props.error : null, n = this.reportContext, r = this.props.showClassProbabilities !== !1, i = this.text;
-		if (t) return b`<div class="error">${t}</div>`;
-		if (e == null) return b`<div class="empty">${i.classifierEmpty}</div>`;
-		let a = B(e) ? e.prediction ?? e.className ?? e.label ?? i.classifierUnknownPrediction : e, o = hn(e, this.props.labels, i.classifierClassLabel);
-		return b`
+		if (t) return S`<div class="error">${t}</div>`;
+		if (e == null) return S`<div class="empty">${i.classifierEmpty}</div>`;
+		let a = B(e) ? e.prediction ?? e.className ?? e.label ?? i.classifierUnknownPrediction : e, o = wn(e, this.props.labels, i.classifierClassLabel);
+		return S`
       <section
         part="classifier-report"
         id=${n?.regionId ?? ""}
         aria-label=${n?.label ?? i.classifierAriaLabel}
       >
-        ${r && o.length > 0 ? b`
+        ${r && o.length > 0 ? S`
               <div class="rows">
                 ${o.map((e) => {
 			let t = `${Math.max(0, Math.min(e.value, 1)) * 100}%`;
-			return b`
+			return S`
                     <div class="item">
                       <div class="label">${e.label}</div>
                       <div class="bar" style=${`--w: ${t};`} aria-hidden="true"></div>
@@ -4869,7 +4906,7 @@ var hn = (e, t, n) => {
                   `;
 		})}
               </div>
-            ` : b`
+            ` : S`
               <div class="compact">${V(a, i.classifierUnknownPrediction)}</div>
             `}
         ${this.renderTransportPanel(i)}
@@ -4877,14 +4914,14 @@ var hn = (e, t, n) => {
     `;
 	}
 };
-gn = F([D(A.classifierReport)], gn);
+Tn = I([k(M.classifierReport)], Tn);
 //#endregion
 //#region src/primitives/reports/regressor-report.ts
-var _n = (e, t, n) => {
+var En = (e, t, n) => {
 	if (typeof e == "number") return `${e.toFixed(t)}${n ? ` ${n}` : ""}`;
 	let r = Number(e);
 	return Number.isNaN(r) ? String(e) : `${r.toFixed(t)}${n ? ` ${n}` : ""}`;
-}, vn = (e) => {
+}, Dn = (e) => {
 	if (B(e) && Array.isArray(e.values)) return e.values.map((e) => Number(e)).filter((e) => !Number.isNaN(e));
 	if (B(e) && "value" in e) {
 		let t = Number(e.value);
@@ -4892,13 +4929,13 @@ var _n = (e, t, n) => {
 	}
 	let t = Number(e);
 	return Number.isNaN(t) ? [] : [t];
-}, yn = (e) => {
+}, On = (e) => {
 	if (B(e) && Array.isArray(e.interval) && e.interval.length === 2) {
 		let t = Number(e.interval[0]), n = Number(e.interval[1]);
 		if (!Number.isNaN(t) && !Number.isNaN(n)) return [t, n];
 	}
 	return B(e) && typeof e.min == "number" && typeof e.max == "number" ? [e.min, e.max] : null;
-}, bn = (e, t) => {
+}, kn = (e, t) => {
 	if (t <= e) return "linear-gradient(to right, #ffea00 0%, #00c853 50%, #ffea00 100%)";
 	let n = t - e, r = e - n, i = t + n, a = (e) => (e - r) / (i - r) * 100, o = a(e), s = a(t), c = a((e + t) / 2);
 	return `linear-gradient(to right,
@@ -4909,11 +4946,11 @@ var _n = (e, t, n) => {
     #ffea00 ${s}%,
     #ff6d00 ${Math.min(s + 10, 100)}%,
     #c62828 100%)`;
-}, xn = (e, t, n) => {
+}, An = (e, t, n) => {
 	if (n <= t) return 49;
 	let r = n - t, i = t - r, a = n + r;
 	return Math.min(Math.max((e - i) / (a - i) * 100, 0), 98.45);
-}, Sn = class extends $ {
+}, jn = class extends $ {
 	static styles = [$.styles, c`
       :host {
         --marker-size: 14px;
@@ -4991,62 +5028,62 @@ var _n = (e, t, n) => {
     `];
 	render() {
 		let e = this.props.payload, t = typeof this.props.error == "string" ? this.props.error : null, n = this.reportContext, r = this.text;
-		if (t) return b`<div class="error">${t}</div>`;
-		if (e == null) return b`<div class="empty">${r.regressorEmpty}</div>`;
-		let i = typeof this.props.unit == "string" ? this.props.unit : "", a = typeof this.props.precision == "number" && this.props.precision >= 0 ? this.props.precision : 2, o = vn(e), s = yn(e), c = B(e) && typeof e.execution_time == "number" ? `${e.execution_time} ms` : null;
-		return b`
+		if (t) return S`<div class="error">${t}</div>`;
+		if (e == null) return S`<div class="empty">${r.regressorEmpty}</div>`;
+		let i = typeof this.props.unit == "string" ? this.props.unit : "", a = typeof this.props.precision == "number" && this.props.precision >= 0 ? this.props.precision : 2, o = Dn(e), s = On(e), c = B(e) && typeof e.execution_time == "number" ? `${e.execution_time} ms` : null;
+		return S`
       <section
         part="regressor-report"
         id=${n?.regionId ?? ""}
         aria-label=${n?.label ?? r.regressorAriaLabel}
       >
-        ${o.length > 0 ? o.map((e) => b`
+        ${o.length > 0 ? o.map((e) => S`
                 <div class="item">
-                  <div class="value">${_n(e, a, i)}</div>
+                  <div class="value">${En(e, a, i)}</div>
 
-                  ${s ? b`
+                  ${s ? S`
                         <div
                           class="bar-wrapper"
-                          style=${`background: ${bn(s[0], s[1])};`}
+                          style=${`background: ${kn(s[0], s[1])};`}
                         >
                           <div
                             class="limit-wrapper"
-                            style=${`left: ${xn(s[0], s[0], s[1])}%;`}
+                            style=${`left: ${An(s[0], s[0], s[1])}%;`}
                           >
                             <div class="limit-line"></div>
                             <div class="limit-label">
-                              ${_n(s[0], a, i)}
+                              ${En(s[0], a, i)}
                             </div>
                           </div>
 
                           <div
                             class="limit-wrapper"
-                            style=${`left: ${xn(s[1], s[0], s[1])}%;`}
+                            style=${`left: ${An(s[1], s[0], s[1])}%;`}
                           >
                             <div class="limit-line"></div>
                             <div class="limit-label">
-                              ${_n(s[1], a, i)}
+                              ${En(s[1], a, i)}
                             </div>
                           </div>
 
                           <span
                             class="value-marker"
-                            style=${`left: ${xn(e, s[0], s[1])}%;`}
+                            style=${`left: ${An(e, s[0], s[1])}%;`}
                           ></span>
                         </div>
-                      ` : b``}
+                      ` : S``}
                 </div>
-              `) : b`<div class="value">${_n(e, a, i)}</div>`}
-        ${c ? b`<div class="meta">${r.regressorExecutionTime(c)}</div>` : b``}
+              `) : S`<div class="value">${En(e, a, i)}</div>`}
+        ${c ? S`<div class="meta">${r.regressorExecutionTime(c)}</div>` : S``}
         ${this.renderTransportPanel(r)}
       </section>
     `;
 	}
 };
-Sn = F([D(A.regressorReport)], Sn);
+jn = I([k(M.regressorReport)], jn);
 //#endregion
 //#region src/primitives/registry.ts
-var Cn = new Set([
+var Mn = new Set([
 	"annotation-xml",
 	"color-profile",
 	"font-face",
@@ -5055,26 +5092,26 @@ var Cn = new Set([
 	"font-face-format",
 	"font-face-name",
 	"missing-glyph"
-]), wn = (e) => /^[a-z][-.0-9_a-z]*-[-.0-9_a-z]*[a-z0-9]$/.test(e) && !Cn.has(e), Tn = (e) => {
-	if (!wn(e)) throw TypeError(`Invalid primitive renderer tag name "${e}". Expected a valid custom element name.`);
-}, En = class e {
+]), Nn = (e) => /^[a-z][-.0-9_a-z]*-[-.0-9_a-z]*[a-z0-9]$/.test(e) && !Mn.has(e), Pn = (e) => {
+	if (!Nn(e)) throw TypeError(`Invalid primitive renderer tag name "${e}". Expected a valid custom element name.`);
+}, Fn = class e {
 	#e = /* @__PURE__ */ new Map();
 	#t = /* @__PURE__ */ new Map();
 	#n = /* @__PURE__ */ new Map();
 	registerField(e, t) {
-		return Tn(t), this.#e.set(e, t), this;
+		return Pn(t), this.#e.set(e, t), this;
 	}
 	unregisterField(e) {
 		return this.#e.delete(e), this;
 	}
 	registerReport(e, t) {
-		return Tn(t), this.#t.set(e, t), this;
+		return Pn(t), this.#t.set(e, t), this;
 	}
 	unregisterReport(e) {
 		return this.#t.delete(e), this;
 	}
 	registerExplanation(e, t) {
-		return Tn(t), this.#n.set(e, t), this;
+		return Pn(t), this.#n.set(e, t), this;
 	}
 	unregisterExplanation(e) {
 		return this.#n.delete(e), this;
@@ -5095,11 +5132,11 @@ var Cn = new Set([
 		for (let [e, n] of this.#n) t.registerExplanation(e, n);
 		return t;
 	}
-}, Dn = () => new En(), On = () => Dn().registerField("declarative-field", A.declarativeField).registerField("text-field", A.textField).registerField("number-field", A.numberField).registerField("boolean-field", A.booleanField).registerField("category-field", A.categoryField).registerField("date-field", A.dateField).registerField("series-field", A.seriesField).registerField("long-text-field", A.longTextField).registerField("single-choice-field", A.singleChoiceField).registerField("multi-choice-field", A.multiChoiceField).registerField("rating-field", A.ratingField).registerReport("declarative-report", A.declarativeReport).registerReport("classifier-report", A.classifierReport).registerReport("regressor-report", A.regressorReport).registerExplanation("declarative-explanation", A.declarativeExplanation), kn = (e, t) => {
+}, In = () => new Fn(), Ln = () => In().registerField("declarative-field", M.declarativeField).registerField("text-field", M.textField).registerField("number-field", M.numberField).registerField("boolean-field", M.booleanField).registerField("category-field", M.categoryField).registerField("date-field", M.dateField).registerField("series-field", M.seriesField).registerField("long-text-field", M.longTextField).registerField("single-choice-field", M.singleChoiceField).registerField("multi-choice-field", M.multiChoiceField).registerField("rating-field", M.ratingField).registerReport("declarative-report", M.declarativeReport).registerReport("classifier-report", M.classifierReport).registerReport("regressor-report", M.regressorReport).registerExplanation("declarative-explanation", M.declarativeExplanation), Rn = (e, t) => {
 	if (e.childNodes.length > 0 && t !== "replace") throw TypeError("Mount into an empty container or pass `containerStrategy: \"replace\"`.");
-}, An = (e) => e ? e.clone() : On(), jn = (t) => t?.clone() ?? e().presentationRegistry, Mn = (e, t, n = {}) => {
-	let r = document.createElement(A.form), i = An(n.registry), a = jn(n.presentationRegistry), o = We(n.text), s = n.containerStrategy ?? "error", c = s === "replace" ? Array.from(e.childNodes) : [];
-	kn(e, s), r.form = t, r.registry = i, r.presentationRegistry = a, r.layout = n.layout ?? "stacked", r.formLabel = n.formLabel ?? M.form, r.reportsLabel = n.reportsLabel ?? M.reports, r.submitLabel = n.submitLabel ?? M.submit, r.validatingLabel = n.validatingLabel ?? M.validating, r.submittingLabel = n.submittingLabel ?? M.submitting, r.reportPane = n.reportPane ?? "auto", r.text = o, r.reportTransport = n.reportTransport, e.replaceChildren(r);
+}, zn = (e) => e ? e.clone() : Ln(), Bn = (e) => e?.clone() ?? t().presentationRegistry, Vn = (e, t, n = {}) => {
+	let r = document.createElement(M.form), i = zn(n.registry), a = Bn(n.presentationRegistry), o = Ue(n.text), s = n.containerStrategy ?? "error", c = s === "replace" ? Array.from(e.childNodes) : [];
+	Rn(e, s), r.form = t, r.registry = i, r.presentationRegistry = a, r.layout = n.layout ?? "stacked", r.formLabel = n.formLabel ?? N.form, r.reportsLabel = n.reportsLabel ?? N.reports, r.submitLabel = n.submitLabel ?? N.submit, r.validatingLabel = n.validatingLabel ?? N.validating, r.submittingLabel = n.submittingLabel ?? N.submitting, r.reportPane = n.reportPane ?? "auto", r.text = o, r.reportTransport = n.reportTransport, e.replaceChildren(r);
 	let l = !1;
 	return Object.freeze({
 		form: t,
@@ -5111,8 +5148,8 @@ var Cn = new Set([
 			l || (l = !0, r.parentNode === e ? s === "replace" && c.length > 0 ? e.replaceChildren(...c) : e.removeChild(r) : (r.remove(), s === "replace" && c.length > 0 && e.childNodes.length === 0 && e.replaceChildren(...c)));
 		}
 	});
-}, Nn = (e) => {
+}, Hn = (e) => {
 	e.unmount();
 };
 //#endregion
-export { D as _, $ as a, b, Y as c, F as d, M as f, O as g, k as h, Dn as i, K as l, We as m, Nn as n, Ft as o, N as p, On as r, gt as s, Mn as t, G as u, E as v, c as x, S as y };
+export { c as C, S, j as _, $ as a, O as b, vt as c, K as d, G as f, Ue as g, P as h, In as i, yt as l, N as m, Hn as n, Vt as o, I as p, Ln as r, St as s, Vn as t, Y as u, A as v, w as x, k as y };