mlform 0.1.23 → 0.1.24

package/dist/{primitives-ljp3c5R8.js → primitives-ChLgMFl9.js}

@@ -107,7 +107,7 @@ var f = {
 	reportRegion: "mlf-report-region"
 };
 //#endregion
-//#region \0@oxc-project+runtime@0.135.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorate.js
 function v(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);
@@ -227,10 +227,10 @@ var y = class extends e {
 		return e ? n`
       ${e.description && e.descriptionId ? n`<span id=${e.descriptionId} class="sr-only">${e.description}</span>` : r}
       ${e.errorId ? n`
-            <span id=${e.errorId} class="sr-only" aria-live="polite">
-              ${e.errors.join(" ")}
-            </span>
-          ` : r}
+              <span id=${e.errorId} class="sr-only" aria-live="polite">
+                ${e.errors.join(" ")}
+              </span>
+            ` : r}
     ` : r;
 	}
 	getControlAttributes() {
@@ -494,8 +494,7 @@ var ee = (e) => e instanceof Error ? e.message : String(e), te = () => {
           role="region"
           aria-label=${e.detailsAriaLabel}
         >
-${ne(this.transportResult)}</pre
-        >`;
+${ne(this.transportResult)}</pre>`;
 			default: return r;
 		}
 	}
@@ -534,148 +533,11 @@ var re = () => new Promise((e) => {
 		}
 	}
 	return null;
-}, C = (e, t) => Array.from(e.querySelectorAll("mlf-field-frame")).find((e) => e.dataset.fieldId === t) ?? null, ae = async (e) => e ? (e.scrollIntoView?.({
+}, C = (e, t) => Array.from(e.querySelectorAll("mlf-field-frame")).find((e) => e.dataset.fieldId === t) ?? null, w = async (e) => e ? (e.scrollIntoView?.({
 	behavior: "smooth",
 	block: "center",
 	inline: "nearest"
-}), await re(), S(e.shadowRoot ?? e)?.focus(), !0) : !1, oe = async (e, t) => ae(C(e.shadowRoot ?? e, t)), se = (e) => e.find((e) => e.state.visible && e.state.errors.length > 0) ?? null, ce = t`
-  :host {
-    display: block;
-    flex: 1 1 auto;
-    align-self: stretch;
-    inline-size: 100%;
-    block-size: 100%;
-    max-inline-size: 100%;
-    max-block-size: 100%;
-    color: var(--mlf-shell-color, var(--mlf-color-text, #0f172a));
-    background: var(--mlf-shell-bg, var(--mlf-color-bg, #f5f7fa));
-    font-family: var(--mlf-font-family-body);
-    min-width: 0;
-    min-height: 0;
-  }
-
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-
-  .root {
-    display: grid;
-    gap: var(--mlf-shell-gap, 1rem);
-    inline-size: 100%;
-    block-size: 100%;
-    min-width: 0;
-    min-height: 0;
-  }
-
-  .root.split {
-    display: flex;
-    flex: 1 1 auto;
-    gap: 0;
-    overflow: hidden;
-    inline-size: 100%;
-    block-size: 100%;
-    background: var(--mlf-shell-bg, var(--mlf-color-bg, #f5f7fa));
-  }
-
-  .panel {
-    display: grid;
-    gap: 0;
-    min-width: 0;
-    overflow: hidden;
-    border-radius: var(--mlf-panel-radius, 12px);
-    border: var(--mlf-border-width, 1px) solid
-      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-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 {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 1rem;
-    padding: 0.85rem 1.5rem;
-    border-bottom: var(--mlf-border-width, 1px) solid
-      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 {
-    display: grid;
-    gap: 0.28rem;
-  }
-
-  .eyebrow {
-    margin: 0;
-    font-size: 0.8rem;
-    font-weight: 600;
-    letter-spacing: 0.06em;
-    text-transform: uppercase;
-    color: var(--mlf-pane-eyebrow-color, var(--mlf-color-text-muted, #475569));
-  }
-
-  .pane-title {
-    margin: 0;
-    color: var(--mlf-pane-title-color, var(--mlf-color-text, #0f172a));
-    font-size: 1rem;
-    font-weight: 600;
-  }
-
-  .status {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    min-height: 2rem;
-    padding: 0.35rem 0.75rem;
-    border-radius: 999px;
-    background: var(
-      --mlf-status-bg,
-      color-mix(in srgb, var(--mlf-color-accent, #1e40af) 10%, transparent)
-    );
-    color: var(--mlf-status-color, var(--mlf-color-secondary, #475569));
-    font-size: 0.72rem;
-    font-weight: 700;
-    letter-spacing: 0.08em;
-    text-transform: uppercase;
-    white-space: nowrap;
-  }
-
-  .pane-body {
-    display: grid;
-    gap: 1rem;
-    padding: 1rem 1rem 0;
-  }
-
-  .meta {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.6rem 1rem;
-    color: var(--mlf-color-text-muted, #475569);
-    font-size: 0.84rem;
-  }
-
-  .collection {
-    display: grid;
-    gap: var(--mlf-section-gap, 1rem);
-  }
-
-  .actions {
-    padding: 1rem 1.5rem 1.25rem;
-    border-top: var(--mlf-border-width, 1px) solid
-      var(--mlf-shell-panel-border, var(--mlf-color-border, #e2e8f0));
-    background: var(--mlf-shell-action-bg, var(--mlf-color-surface-muted, #f5f7fa));
-  }
-
-  ${t`
+}), await re(), S(e.shadowRoot ?? e)?.focus(), !0) : !1, ae = async (e, t) => w(C(e.shadowRoot ?? e, t)), oe = (e) => e.find((e) => e.state.visible && e.state.errors.length > 0) ?? null, se = t`
   .split-shell {
     display: flex;
     flex: 1 1 auto;
@@ -840,11 +702,148 @@ var re = () => new Promise((e) => {
       padding-inline: 1.25rem;
     }
   }
-`}
+`, ce = t`
+  :host {
+    display: block;
+    flex: 1 1 auto;
+    align-self: stretch;
+    inline-size: 100%;
+    block-size: 100%;
+    max-inline-size: 100%;
+    max-block-size: 100%;
+    color: var(--mlf-shell-color, var(--mlf-color-text, #0f172a));
+    background: var(--mlf-shell-bg, var(--mlf-color-bg, #f5f7fa));
+    font-family: var(--mlf-font-family-body);
+    min-width: 0;
+    min-height: 0;
+  }
+
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  .root {
+    display: grid;
+    gap: var(--mlf-shell-gap, 1rem);
+    inline-size: 100%;
+    block-size: 100%;
+    min-width: 0;
+    min-height: 0;
+  }
+
+  .root.split {
+    display: flex;
+    flex: 1 1 auto;
+    gap: 0;
+    overflow: hidden;
+    inline-size: 100%;
+    block-size: 100%;
+    background: var(--mlf-shell-bg, var(--mlf-color-bg, #f5f7fa));
+  }
+
+  .panel {
+    display: grid;
+    gap: 0;
+    min-width: 0;
+    overflow: hidden;
+    border-radius: var(--mlf-panel-radius, 12px);
+    border: var(--mlf-border-width, 1px) solid
+      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-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 {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 1rem;
+    padding: 0.85rem 1.5rem;
+    border-bottom: var(--mlf-border-width, 1px) solid
+      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 {
+    display: grid;
+    gap: 0.28rem;
+  }
+
+  .eyebrow {
+    margin: 0;
+    font-size: 0.8rem;
+    font-weight: 600;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    color: var(--mlf-pane-eyebrow-color, var(--mlf-color-text-muted, #475569));
+  }
+
+  .pane-title {
+    margin: 0;
+    color: var(--mlf-pane-title-color, var(--mlf-color-text, #0f172a));
+    font-size: 1rem;
+    font-weight: 600;
+  }
+
+  .status {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 2rem;
+    padding: 0.35rem 0.75rem;
+    border-radius: 999px;
+    background: var(
+      --mlf-status-bg,
+      color-mix(in srgb, var(--mlf-color-accent, #1e40af) 10%, transparent)
+    );
+    color: var(--mlf-status-color, var(--mlf-color-secondary, #475569));
+    font-size: 0.72rem;
+    font-weight: 700;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    white-space: nowrap;
+  }
+
+  .pane-body {
+    display: grid;
+    gap: 1rem;
+    padding: 1rem 1rem 0;
+  }
+
+  .meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.6rem 1rem;
+    color: var(--mlf-color-text-muted, #475569);
+    font-size: 0.84rem;
+  }
+
+  .collection {
+    display: grid;
+    gap: var(--mlf-section-gap, 1rem);
+  }
+
+  .actions {
+    padding: 1rem 1.5rem 1.25rem;
+    border-top: var(--mlf-border-width, 1px) solid
+      var(--mlf-shell-panel-border, var(--mlf-color-border, #e2e8f0));
+    background: var(--mlf-shell-action-bg, var(--mlf-color-surface-muted, #f5f7fa));
+  }
+
+  ${se}
 `, le = (e) => ({
 	component: "unsupported-field",
 	props: { label: e.config.label ?? e.id }
-}), w = (e, t) => t?.getField(e.kind)?.describe(e.config, {
+}), T = (e, t) => t?.getField(e.kind)?.describe(e.config, {
 	fieldId: e.id,
 	state: e.state,
 	value: e.state.value
@@ -858,11 +857,11 @@ var re = () => new Promise((e) => {
 	}) : null;
 }, de = (e, t, n) => t.map((t) => e.getField(t)).filter((e) => e !== void 0).map((e) => ({
 	controller: e,
-	descriptor: w(e, n)
+	descriptor: T(e, n)
 })), fe = (e, t, n, r) => (n === "always" ? e.reports : t.map((t) => e.getReport(t)).filter((e) => e !== void 0)).map((t) => ({
 	controller: t,
 	descriptor: ue(t, e, r)
-})).filter((e) => e.descriptor !== null), T = (e, t, r, i) => n`
+})).filter((e) => e.descriptor !== null), pe = (e, t, r, i) => n`
   <div class="collection" part="field-list">
     ${c(e, (e) => e.controller.id, (e) => n`
         <mlf-field-frame
@@ -875,7 +874,7 @@ var re = () => new Promise((e) => {
         ></mlf-field-frame>
       `)}
   </div>
-`, pe = (e, t, r, i, a, o) => n`
+`, me = (e, t, r, i, a, o) => n`
   <div class="collection" part="report-list">
     ${c(e, (e) => e.controller.id, (e) => n`
         <mlf-report-frame
@@ -889,7 +888,7 @@ var re = () => new Promise((e) => {
         ></mlf-report-frame>
       `)}
   </div>
-`, me = (e) => n`
+`, he = (e) => n`
   <div class="root stacked">
     <section class="panel form-pane" part="form-pane">
       <header class="pane-header">
@@ -908,7 +907,7 @@ var re = () => new Promise((e) => {
         </div>
 
         <mlf-form-errors .form=${e.form} .text=${e.text}></mlf-form-errors>
-        ${T(e.visibleFields, e.registry, e.descriptorRegistry, e.text)}
+        ${pe(e.visibleFields, e.registry, e.descriptorRegistry, e.text)}
       </div>
 
       <div class="actions" part="actions">
@@ -923,22 +922,22 @@ var re = () => new Promise((e) => {
     </section>
 
     ${e.showReports ? n`
-          <aside class="panel report-pane" part="report-pane">
-            <header class="pane-header">
-              <div class="pane-copy">
-                <p class="eyebrow">${e.text.reportEyebrow}</p>
-                <h2 class="pane-title">${e.reportsLabel}</h2>
-              </div>
-              <span class="status">${e.reportsToRender.length}</span>
-            </header>
+            <aside class="panel report-pane" part="report-pane">
+              <header class="pane-header">
+                <div class="pane-copy">
+                  <p class="eyebrow">${e.text.reportEyebrow}</p>
+                  <h2 class="pane-title">${e.reportsLabel}</h2>
+                </div>
+                <span class="status">${e.reportsToRender.length}</span>
+              </header>
 
-            <div class="pane-body">
-              ${pe(e.reportsToRender, e.registry, e.text, e.reportTransport, e.reportFetchMode, e.form.state.lastResult ?? null)}
-            </div>
-          </aside>
-        ` : r}
+              <div class="pane-body">
+                ${me(e.reportsToRender, e.registry, e.text, e.reportTransport, e.reportFetchMode, e.form.state.lastResult ?? null)}
+              </div>
+            </aside>
+          ` : r}
   </div>
-`, he = (e) => n`
+`, ge = (e) => n`
   <div class="root split">
     <div class="split-shell">
       <section class="left-section" part="form-pane">
@@ -956,7 +955,7 @@ var re = () => new Promise((e) => {
             </div>
 
             <mlf-form-errors .form=${e.form} .text=${e.text}></mlf-form-errors>
-            ${T(e.visibleFields, e.registry, e.descriptorRegistry, e.text)}
+            ${pe(e.visibleFields, e.registry, e.descriptorRegistry, e.text)}
           </div>
         </div>
 
@@ -972,27 +971,27 @@ var re = () => new Promise((e) => {
       </section>
 
       ${e.showReports ? n`
-            <section class="right-section" part="report-pane">
-              <div class="results-area scroll-y">
-                <header class="sticky-header">
-                  <h2>${e.reportsLabel}</h2>
-                  <span class="sticky-meta">${e.reportsToRender.length}</span>
-                </header>
-
-                <div class="split-content">
-                  ${e.reportsToRender.length > 0 ? pe(e.reportsToRender, e.registry, e.text, e.reportTransport, e.reportFetchMode, e.form.state.lastResult ?? null) : n`
-                        <div class="empty-report-state">
-                          <p class="empty-report-title">${e.text.reportsEmptyTitle}</p>
-                          <p class="empty-report-copy">${e.text.reportsEmptyBody}</p>
-                        </div>
-                      `}
+              <section class="right-section" part="report-pane">
+                <div class="results-area scroll-y">
+                  <header class="sticky-header">
+                    <h2>${e.reportsLabel}</h2>
+                    <span class="sticky-meta">${e.reportsToRender.length}</span>
+                  </header>
+
+                  <div class="split-content">
+                    ${e.reportsToRender.length > 0 ? me(e.reportsToRender, e.registry, e.text, e.reportTransport, e.reportFetchMode, e.form.state.lastResult ?? null) : n`
+                            <div class="empty-report-state">
+                              <p class="empty-report-title">${e.text.reportsEmptyTitle}</p>
+                              <p class="empty-report-copy">${e.text.reportsEmptyBody}</p>
+                            </div>
+                          `}
+                  </div>
                 </div>
-              </div>
-            </section>
-          ` : r}
+              </section>
+            ` : r}
     </div>
   </div>
-`, E = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), ge = (e, t) => e.status === t.status && e.submitCount === t.submitCount && e.hasFormErrors === t.hasFormErrors && e.hasLastResult === t.hasLastResult && E(e.visibleFieldIds, t.visibleFieldIds) && E(e.visibleReportIds, t.visibleReportIds) && E(e.reportStateKeys, t.reportStateKeys), D = (e) => {
+`, E = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), _e = (e, t) => e.status === t.status && e.submitCount === t.submitCount && e.hasFormErrors === t.hasFormErrors && e.hasLastResult === t.hasLastResult && E(e.visibleFieldIds, t.visibleFieldIds) && E(e.visibleReportIds, t.visibleReportIds) && E(e.reportStateKeys, t.reportStateKeys), D = (e) => {
 	let t = e.state;
 	return {
 		status: t.status,
@@ -1124,8 +1123,8 @@ var re = () => new Promise((e) => {
 	render() {
 		let e = this.form, t = this.formState;
 		if (!e || !t) return n``;
-		let r = this.text, i = de(e, t.visibleFieldIds, this.descriptorRegistry), a = fe(e, t.visibleReportIds, this.reportPane, this.descriptorRegistry), o = this.reportPane !== "hidden" && (e.reports.length > 0 || t.hasFormErrors), s = this.layout === "split" ? o : this.reportPane === "always" ? e.reports.length > 0 : this.reportPane === "auto" ? a.length > 0 : !1;
-		return this.layout === "split" ? he({
+		let r = this.text, i = de(e, t.visibleFieldIds, this.descriptorRegistry), a = fe(e, t.visibleReportIds, this.reportPane, this.descriptorRegistry), o = this.reportPane !== "hidden" && (e.reports.length > 0 || t.hasFormErrors), s = this.layout === "split" ? o : this.reportPane === "always" ? e.reports.length > 0 : this.reportPane === "auto" && a.length > 0;
+		return this.layout === "split" ? ge({
 			form: e,
 			state: t,
 			visibleFields: i,
@@ -1142,7 +1141,7 @@ var re = () => new Promise((e) => {
 			reportTransport: this.reportTransport,
 			reportFetchMode: this.reportFetchMode,
 			onSubmitRequest: this.#_
-		}) : me({
+		}) : he({
 			form: e,
 			state: t,
 			visibleFields: i,
@@ -1184,8 +1183,8 @@ var re = () => new Promise((e) => {
 					composed: !0
 				}));
 			} catch (e) {
-				let t = this.form ? se(this.form.fields) : null;
-				t && await ae(C(this.shadowRoot ?? this, t.id)), this.dispatchEvent(new CustomEvent(_e(e) ? p.submitAbort : p.submitError, {
+				let t = this.form ? oe(this.form.fields) : null;
+				t && await w(C(this.shadowRoot ?? this, t.id)), this.dispatchEvent(new CustomEvent(ve(e) ? p.submitAbort : p.submitError, {
 					detail: {
 						form: this.form,
 						state: this.form.state,
@@ -1208,7 +1207,7 @@ var re = () => new Promise((e) => {
 		let e = this.form;
 		this.#h = e.subscribeSelector(() => D(e), (e) => {
 			this.formState = e;
-		}, { equality: ge });
+		}, { equality: _e });
 	}
 };
 v([a({ attribute: !1 })], O.prototype, "form", null), v([a({ attribute: !1 })], O.prototype, "registry", null), v([a({ attribute: !1 })], O.prototype, "descriptorRegistry", null), v([a({ type: String })], O.prototype, "layout", null), v([a({
@@ -1230,7 +1229,7 @@ v([a({ attribute: !1 })], O.prototype, "form", null), v([a({ attribute: !1 })],
 	type: String,
 	attribute: "report-pane"
 })], O.prototype, "reportPane", null), v([a({ attribute: !1 })], O.prototype, "text", null), v([a({ attribute: !1 })], O.prototype, "reportTransport", null), v([a({ attribute: !1 })], O.prototype, "reportFetchMode", null), v([a({ attribute: !1 })], O.prototype, "submitHandler", null), v([s()], O.prototype, "formState", null), O = v([i(f.form)], O);
-var _e = (e) => e instanceof Error && e.name === "SubmissionAbortedError", ve = class e {
+var ve = (e) => e instanceof Error && e.name === "SubmissionAbortedError", k = class e {
 	fieldPresenters = /* @__PURE__ */ new Map();
 	reportPresenters = /* @__PURE__ */ new Map();
 	registerField(e) {
@@ -1253,7 +1252,7 @@ var _e = (e) => e instanceof Error && e.name === "SubmissionAbortedError", ve =
 		for (let e of this.reportPresenters.values()) t.registerReport(e);
 		return t;
 	}
-}, k = () => new ve(), ye = (e) => e ? Array.isArray(e) ? e : [e] : [], A = class extends e {
+}, A = () => new k(), ye = (e) => e ? Array.isArray(e) ? e : [e] : [], j = class extends e {
 	static styles = t`
     :host {
       display: block;
@@ -1342,10 +1341,10 @@ var _e = (e) => e instanceof Error && e.name === "SubmissionAbortedError", ve =
 		}
 	}
 };
-v([a({ attribute: !1 })], A.prototype, "form", null), v([a({ attribute: !1 })], A.prototype, "text", null), v([s()], A.prototype, "formErrors", null), A = v([i(f.formErrors)], A);
+v([a({ attribute: !1 })], j.prototype, "form", null), v([a({ attribute: !1 })], j.prototype, "text", null), v([s()], j.prototype, "formErrors", null), j = v([i(f.formErrors)], j);
 //#endregion
 //#region src/primitives/components/submit-button.ts
-var j = class extends e {
+var M = class extends e {
 	static styles = t`
     :host {
       display: block;
@@ -1437,10 +1436,10 @@ var j = class extends e {
 		}));
 	};
 };
-v([a({ type: String })], j.prototype, "status", null), v([a({ type: String })], j.prototype, "idleLabel", null), v([a({ type: String })], j.prototype, "validatingLabel", null), v([a({ type: String })], j.prototype, "submittingLabel", null), j = v([i(f.submitButton)], j);
+v([a({ type: String })], M.prototype, "status", null), v([a({ type: String })], M.prototype, "idleLabel", null), v([a({ type: String })], M.prototype, "validatingLabel", null), v([a({ type: String })], M.prototype, "submittingLabel", null), M = v([i(f.submitButton)], M);
 //#endregion
 //#region src/primitives/components/unsupported-component.ts
-var M = class extends e {
+var N = class extends e {
 	static styles = t`
     :host {
       display: block;
@@ -1494,10 +1493,10 @@ var M = class extends e {
     `;
 	}
 };
-v([a({ type: String })], M.prototype, "component", null), v([a({ type: String })], M.prototype, "role", null), v([a({ attribute: !1 })], M.prototype, "text", null), M = v([i(f.unsupportedComponent)], M);
+v([a({ type: String })], N.prototype, "component", null), v([a({ type: String })], N.prototype, "role", null), v([a({ attribute: !1 })], N.prototype, "text", null), N = v([i(f.unsupportedComponent)], N);
 //#endregion
 //#region src/primitives/controller-binding.ts
-var N = class {
+var P = class {
 	#e;
 	#t;
 	#n;
@@ -1523,7 +1522,7 @@ var N = class {
 	hostDisconnected() {
 		this.#r?.(), this.#r = null;
 	}
-}, P = (e) => typeof e == "object" && !!e, be = (e) => e.join(" "), F = (e, t = "") => typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : t, xe = t`
+}, F = (e) => typeof e == "object" && !!e, be = (e) => e.join(" "), I = (e, t = "") => typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : t, xe = t`
   :host {
     display: block;
   }
@@ -1649,7 +1648,7 @@ var N = class {
 `, Se = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, I = (e, t) => {
+} : e, L = (e, t) => {
 	if (e !== "declarative-field") return e;
 	switch (t.widget) {
 		case "text": return "text-field";
@@ -1660,18 +1659,18 @@ var N = class {
 		case "series": return "series-field";
 		default: return e;
 	}
-}, L = (e, t) => typeof t != "string" || t.length === 0 ? null : (Array.isArray(e.options) ? e.options : []).map(Se).find((e) => e.value === t) ?? null, Ce = (e, t, n, r) => {
-	switch (I(e, t)) {
+}, R = (e, t) => typeof t != "string" || t.length === 0 ? null : (Array.isArray(e.options) ? e.options : []).map(Se).find((e) => e.value === t) ?? null, Ce = (e, t, n, r) => {
+	switch (L(e, t)) {
 		case "text-field": return typeof n.value == "string" && n.value.trim().length > 0;
 		case "date-field": return typeof t.value == "string" && t.value.trim().length > 0;
-		case "category-field": return L(t, n.value) !== null;
+		case "category-field": return R(t, n.value) !== null;
 		case "number-field": return n.value !== null && n.value !== void 0 && n.value !== "" && !(typeof n.value == "number" && Number.isNaN(n.value));
 		case "boolean-field": return r !== void 0 || n.dirty || n.touched;
 		case "series-field": return Array.isArray(t.value) && t.value.length > 0;
 		default: return n.value !== null && n.value !== void 0 && n.value !== "";
 	}
 }, we = (e, t, n, r) => {
-	switch (I(e, t)) {
+	switch (L(e, t)) {
 		case "text-field": {
 			let e = typeof t.value == "string" ? t.value : "";
 			return e.length > 0 ? r.fieldTextRecorded(e.length) : r.fieldReady;
@@ -1681,7 +1680,7 @@ var N = class {
 			return n.value === null || n.value === void 0 || n.value === "" ? r.fieldReady : r.fieldValidNumber(n.value, e);
 		}
 		case "category-field": {
-			let e = L(t, n.value);
+			let e = R(t, n.value);
 			return e ? r.fieldCategorySelected(e.label) : r.fieldSelectionReady;
 		}
 		case "date-field": {
@@ -1689,7 +1688,7 @@ var N = class {
 			return e.length > 0 ? r.fieldSelectedDate(e) : r.fieldDateReady;
 		}
 		case "boolean-field": {
-			let e = F(t.trueLabel, r.booleanTrue), i = F(t.falseLabel, r.booleanFalse);
+			let e = I(t.trueLabel, r.booleanTrue), i = I(t.falseLabel, r.booleanFalse);
 			return r.fieldBooleanSelection(n.value === !0 ? e : i);
 		}
 		case "series-field": {
@@ -1698,7 +1697,7 @@ var N = class {
 		}
 		default: return r.fieldReady;
 	}
-}, Te = 0, R = class extends e {
+}, Te = 0, z = class extends e {
 	static styles = xe;
 	#e;
 	get controller() {
@@ -1762,7 +1761,7 @@ var N = class {
 	#d = null;
 	#f = "";
 	#p = "";
-	#m = new N(this, (e) => {
+	#m = new P(this, (e) => {
 		this.resolvedDescriptor = this.#g(e), this.fieldState = e?.state ?? null, this.resolvedDescriptor?.props.description || (this.descriptionVisibilityOverride = null);
 	});
 	willUpdate(e) {
@@ -1771,7 +1770,7 @@ var N = class {
 	render() {
 		let e = this.resolvedDescriptor, t = this.fieldState;
 		if (!e || !t || !t.visible) return l``;
-		let n = e.props, r = this.registry?.resolveField(e.component), i = F(n.label, this.controller?.config.label ?? ""), a = F(n.description), o = this.#b(a), s = Ce(e.component, n, t, this.controller?.config.defaultValue), c = be(t.errors), u = we(e.component, n, t, this.text), d = c.length > 0 && (t.touched || s), f = d ? {
+		let n = e.props, r = this.registry?.resolveField(e.component), i = I(n.label, this.controller?.config.label ?? ""), a = I(n.description), o = this.#b(a), s = Ce(e.component, n, t, this.controller?.config.defaultValue), c = be(t.errors), u = we(e.component, n, t, this.text), d = c.length > 0 && (t.touched || s), f = d ? {
 			tone: "error",
 			message: c
 		} : s && t.valid ? {
@@ -1800,30 +1799,30 @@ var N = class {
         </div>
 
         ${a ? l`
-              <div id=${g} class="description ${o ? "show" : ""}">
-                ${a}
-              </div>
-            ` : l``}
+                <div id=${g} class="description ${o ? "show" : ""}">
+                  ${a}
+                </div>
+              ` : l``}
 
         <div class="control-slot">
           ${r ? this.#h(r, m, h) : l`
-                <mlf-unsupported-component
-                  role="field"
-                  component=${e.component}
-                  .text=${this.text}
-                ></mlf-unsupported-component>
-              `}
+                  <mlf-unsupported-component
+                    role="field"
+                    component=${e.component}
+                    .text=${this.text}
+                  ></mlf-unsupported-component>
+                `}
         </div>
 
         ${f ? l`
-              <div
-                class="feedback ${f.tone}"
-                role=${f.tone === "error" ? "alert" : "status"}
-                aria-live="polite"
-              >
-                ${f.message}
-              </div>
-            ` : l``}
+                <div
+                  class="feedback ${f.tone}"
+                  role=${f.tone === "error" ? "alert" : "status"}
+                  aria-live="polite"
+                >
+                  ${f.message}
+                </div>
+              ` : l``}
       </section>
     `;
 	}
@@ -1839,7 +1838,7 @@ var N = class {
     `;
 	}
 	#g(e) {
-		return e && this.descriptorRegistry ? w(e, this.descriptorRegistry) : this.descriptor;
+		return e && this.descriptorRegistry ? T(e, this.descriptorRegistry) : this.descriptor;
 	}
 	#_(e, t) {
 		if (this.resolvedDescriptor === this.#u && this.fieldState === this.#d && e === this.#f && t === this.#p) return this.#l;
@@ -1851,7 +1850,7 @@ var N = class {
 		let i = typeof e.description == "string" && e.description.length > 0 ? e.description : void 0, a = i ? `${_.fieldDescription}-${this.controller.id}-${this.#c}` : void 0, o = [a, r].filter(Boolean).join(" ") || void 0;
 		return {
 			controlId: n,
-			label: F(e.label, this.controller.config.label),
+			label: I(e.label, this.controller.config.label),
 			description: i,
 			errors: t.errors,
 			descriptionId: a,
@@ -1864,13 +1863,13 @@ var N = class {
 		};
 	}
 	#y = () => {
-		this.resolvedDescriptor?.props.description && (this.descriptionVisibilityOverride = !this.#b(F(this.resolvedDescriptor.props.description)));
+		this.resolvedDescriptor?.props.description && (this.descriptionVisibilityOverride = !this.#b(I(this.resolvedDescriptor.props.description)));
 	};
 	#b(e) {
 		return e.length === 0 ? !1 : this.descriptionVisibilityOverride ?? this.resolvedDescriptor?.props.showDescriptionInline === !0;
 	}
 };
-v([a({ attribute: !1 })], R.prototype, "controller", null), v([a({ attribute: !1 })], R.prototype, "descriptor", null), v([a({ attribute: !1 })], R.prototype, "descriptorRegistry", null), v([a({ attribute: !1 })], R.prototype, "registry", null), v([a({ attribute: !1 })], R.prototype, "text", null), v([s()], R.prototype, "resolvedDescriptor", null), v([s()], R.prototype, "fieldState", null), v([s()], R.prototype, "descriptionVisibilityOverride", null), R = v([i(f.fieldFrame)], R);
+v([a({ attribute: !1 })], z.prototype, "controller", null), v([a({ attribute: !1 })], z.prototype, "descriptor", null), v([a({ attribute: !1 })], z.prototype, "descriptorRegistry", null), v([a({ attribute: !1 })], z.prototype, "registry", null), v([a({ attribute: !1 })], z.prototype, "text", null), v([s()], z.prototype, "resolvedDescriptor", null), v([s()], z.prototype, "fieldState", null), v([s()], z.prototype, "descriptionVisibilityOverride", null), z = v([i(f.fieldFrame)], z);
 //#endregion
 //#region src/primitives/controller-types.ts
 var Ee = (e, t = {}) => ({
@@ -1885,7 +1884,7 @@ var Ee = (e, t = {}) => ({
 	meta: e.meta,
 	raw: e.raw,
 	signal: t.signal
-}), De = 0, z = class extends e {
+}), De = 0, B = class extends e {
 	static styles = t`
     :host {
       display: block;
@@ -2024,7 +2023,7 @@ var Ee = (e, t = {}) => ({
 	#f = null;
 	#p = null;
 	#m = null;
-	#h = new N(this, (e) => {
+	#h = new P(this, (e) => {
 		this.resolvedDescriptor = this.descriptor, this.reportState = e?.state ?? null;
 	});
 	willUpdate(e) {
@@ -2038,19 +2037,19 @@ var Ee = (e, t = {}) => ({
       <section class="report">
         <div class="header">
           <div class="copy">
-            <p class="label">${F(n.label, this.controller?.config.label ?? "")}</p>
-            ${n.description ? l`<p class="description">${F(n.description)}</p>` : l``}
+            <p class="label">${I(n.label, this.controller?.config.label ?? "")}</p>
+            ${n.description ? l`<p class="description">${I(n.description)}</p>` : l``}
           </div>
           <span class="meta">${this.text.reportStatusLabel(t.status)}</span>
         </div>
 
         ${r ? this.#g(r) : l`
-              <mlf-unsupported-component
-                role="report"
-                component=${e.component}
-                .text=${this.text}
-              ></mlf-unsupported-component>
-            `}
+                <mlf-unsupported-component
+                  role="report"
+                  component=${e.component}
+                  .text=${this.text}
+                ></mlf-unsupported-component>
+              `}
       </section>
     `;
 	}
@@ -2075,7 +2074,7 @@ var Ee = (e, t = {}) => ({
 	#v(e) {
 		if (this.controller) return {
 			regionId: `${_.reportRegion}-${this.controller.id}-${this.#l}`,
-			label: F(e.label, this.controller.config.label ?? this.controller.id),
+			label: I(e.label, this.controller.config.label ?? this.controller.id),
 			description: typeof e.description == "string" && e.description.length > 0 ? e.description : void 0
 		};
 	}
@@ -2088,13 +2087,13 @@ var Ee = (e, t = {}) => ({
 	}
 	#b() {
 		let e = this.controller, t = this.#y();
-		this.fetchMode !== "lazy" || !e?.canFetch || !t || e.state.status !== "idle" || e.fetch(t);
+		this.fetchMode === "lazy" && e?.canFetch && t && e.state.status === "idle" && e.fetch(t);
 	}
 };
-v([a({ attribute: !1 })], z.prototype, "controller", null), v([a({ attribute: !1 })], z.prototype, "registry", null), v([a({ attribute: !1 })], z.prototype, "text", null), v([a({ attribute: !1 })], z.prototype, "transport", null), v([a({ attribute: !1 })], z.prototype, "fetchMode", null), v([a({ attribute: !1 })], z.prototype, "lastResult", null), v([a({ attribute: !1 })], z.prototype, "descriptor", null), v([s()], z.prototype, "resolvedDescriptor", null), v([s()], z.prototype, "reportState", null), z = v([i(f.reportFrame)], z);
+v([a({ attribute: !1 })], B.prototype, "controller", null), v([a({ attribute: !1 })], B.prototype, "registry", null), v([a({ attribute: !1 })], B.prototype, "text", null), v([a({ attribute: !1 })], B.prototype, "transport", null), v([a({ attribute: !1 })], B.prototype, "fetchMode", null), v([a({ attribute: !1 })], B.prototype, "lastResult", null), v([a({ attribute: !1 })], B.prototype, "descriptor", null), v([s()], B.prototype, "resolvedDescriptor", null), v([s()], B.prototype, "reportState", null), B = v([i(f.reportFrame)], B);
 //#endregion
 //#region src/primitives/components/declarative-field.ts
-var B = {
+var V = {
 	text: {
 		component: "text-field",
 		tagName: f.textField
@@ -2119,7 +2118,7 @@ var B = {
 		component: "series-field",
 		tagName: f.seriesField
 	}
-}, V = class extends y {
+}, H = class extends y {
 	static styles = [y.styles, t`
       :host {
         display: block;
@@ -2128,7 +2127,7 @@ var B = {
 	render() {
 		let e = this.#e();
 		if (!e) return this.renderAssistiveText();
-		let t = B[e], n = u(t.tagName), r = {
+		let t = V[e], n = u(t.tagName), r = {
 			component: t.component,
 			props: this.#t(e)
 		};
@@ -2143,17 +2142,17 @@ var B = {
 	}
 	#e() {
 		let e = this.props.widget;
-		return typeof e == "string" && e in B ? e : null;
+		return typeof e == "string" && e in V ? e : null;
 	}
 	#t(e) {
 		let t = { ...this.props };
-		return delete t.widget, e === "boolean" && (t.checked = t.value === !0 ? !0 : t.value === !1 ? !1 : null), t;
+		return delete t.widget, e === "boolean" && (t.checked = t.value === !0 || t.value !== !1 && null), t;
 	}
 };
-V = v([i(f.declarativeField)], V);
+H = v([i(f.declarativeField)], H);
 //#endregion
 //#region src/primitives/components/descriptor-content.ts
-var H = (e) => typeof e == "string" && e.length > 0 ? `tone-${e}` : "tone-neutral", U = (e) => {
+var U = (e) => typeof e == "string" && e.length > 0 ? `tone-${e}` : "tone-neutral", W = (e) => {
 	if (typeof e == "string") return e;
 	if (typeof e == "number" || typeof e == "boolean" || typeof e == "bigint") return String(e);
 	if (e == null) return "";
@@ -2165,23 +2164,23 @@ var H = (e) => typeof e == "string" && e.length > 0 ? `tone-${e}` : "tone-neutra
 }, Oe = (e) => Array.isArray(e) ? e : Object.entries(e).map(([e, t]) => ({
 	label: e,
 	value: t
-})), ke = (e) => n`<span>${U(e)}</span>`, Ae = (e, t) => {
+})), ke = (e) => n`<span>${W(e)}</span>`, Ae = (e, t) => {
 	switch (e.type) {
 		case "text": return typeof e.value == "string" && e.value.includes("\n") ? n`
-          <section class="node text ${H(e.tone)}" data-node-index=${t}>
+          <section class="node text ${U(e.tone)}" data-node-index=${t}>
             ${e.label ? n`<p class="node-label">${e.label}</p>` : r}
             <pre class="node-text">${e.value}</pre>
           </section>
         ` : n`
-        <section class="node text ${H(e.tone)}" data-node-index=${t}>
+        <section class="node text ${U(e.tone)}" data-node-index=${t}>
           ${e.label ? n`<p class="node-label">${e.label}</p>` : r}
-          <p class="node-text">${U(e.value)}</p>
+          <p class="node-text">${W(e.value)}</p>
         </section>
       `;
 		case "metric": return n`
-        <section class="node metric ${H(e.tone)}" data-node-index=${t}>
+        <section class="node metric ${U(e.tone)}" data-node-index=${t}>
           <p class="node-label">${e.label}</p>
-          <p class="metric-value">${U(e.value)}</p>
+          <p class="metric-value">${W(e.value)}</p>
           ${e.hint ? n`<p class="node-hint">${e.hint}</p>` : r}
         </section>
       `;
@@ -2192,7 +2191,7 @@ var H = (e) => typeof e == "string" && e.length > 0 ? `tone-${e}` : "tone-neutra
             ${Oe(e.entries).map((e) => n`
                 <div class="kv-row">
                   <dt>${e.label}</dt>
-                  <dd>${U(e.value)}</dd>
+                  <dd>${W(e.value)}</dd>
                 </div>
               `)}
           </dl>
@@ -2204,10 +2203,10 @@ var H = (e) => typeof e == "string" && e.length > 0 ? `tone-${e}` : "tone-neutra
         <section class="node list" data-node-index=${t}>
           ${e.label ? n`<p class="node-label">${e.label}</p>` : r}
           ${i === "ol" ? n`<ol class="node-list">
-                ${e.items.map((e) => n`<li>${U(e)}</li>`)}
-              </ol>` : n`<ul class="node-list">
-                ${e.items.map((e) => n`<li>${U(e)}</li>`)}
-              </ul>`}
+                  ${e.items.map((e) => n`<li>${W(e)}</li>`)}
+                </ol>` : n`<ul class="node-list">
+                  ${e.items.map((e) => n`<li>${W(e)}</li>`)}
+                </ul>`}
         </section>
       `;
 		}
@@ -2222,11 +2221,14 @@ var H = (e) => typeof e == "string" && e.length > 0 ? `tone-${e}` : "tone-neutra
                 </tr>
               </thead>
               <tbody>
-                ${e.rows.map((t) => n`
+                ${e.rows.map((t) => {
+			let r = Array.isArray(t) ? t : e.columns.map((e) => t[e]);
+			return n`
                     <tr>
-                      ${(Array.isArray(t) ? t : e.columns.map((e) => t[e])).map((e) => n`<td>${ke(e)}</td>`)}
+                      ${r.map((e) => n`<td>${ke(e)}</td>`)}
                     </tr>
-                  `)}
+                  `;
+		})}
               </tbody>
             </table>
           </div>
@@ -2234,13 +2236,13 @@ var H = (e) => typeof e == "string" && e.length > 0 ? `tone-${e}` : "tone-neutra
       `;
 		case "badge": return n`
         <section class="node badge-row" data-node-index=${t}>
-          <span class="badge ${H(e.tone)}">${e.label}</span>
+          <span class="badge ${U(e.tone)}">${e.label}</span>
         </section>
       `;
 		case "notice": return n`
-        <section class="node notice ${H(e.tone)}" data-node-index=${t}>
+        <section class="node notice ${U(e.tone)}" data-node-index=${t}>
           ${e.title ? n`<p class="node-label">${e.title}</p>` : r}
-          <p class="node-text">${U(e.body)}</p>
+          <p class="node-text">${W(e.body)}</p>
         </section>
       `;
 		case "json": return n`
@@ -2252,20 +2254,20 @@ var H = (e) => typeof e == "string" && e.length > 0 ? `tone-${e}` : "tone-neutra
 	}
 }, je = (e, t) => {
 	if (!e && !t) return r;
-	let i = F(e?.title, t ?? ""), a = F(e?.description), o = e?.value, s = F(e?.badge);
+	let i = I(e?.title, t ?? ""), a = I(e?.description), o = e?.value, s = I(e?.badge);
 	return n`
-    <section class="summary ${H(e?.tone)}">
+    <section class="summary ${U(e?.tone)}">
       <div class="summary-copy">
         ${i ? n`<p class="summary-title">${i}</p>` : r}
         ${a ? n`<p class="summary-description">${a}</p>` : r}
       </div>
       <div class="summary-meta">
-        ${o != null && U(o).length > 0 ? n`<strong class="summary-value">${U(o)}</strong>` : r}
-        ${s ? n`<span class="badge ${H(e?.tone)}">${s}</span>` : r}
+        ${o != null && W(o).length > 0 ? n`<strong class="summary-value">${W(o)}</strong>` : r}
+        ${s ? n`<span class="badge ${U(e?.tone)}">${s}</span>` : r}
       </div>
     </section>
   `;
-}, Me = (e) => e.length === 0 ? r : n`<div class="Descriptor">${e.map((e, t) => Ae(e, t))}</div>`, W = class extends b {
+}, Me = (e) => e.length === 0 ? r : n`<div class="Descriptor">${e.map((e, t) => Ae(e, t))}</div>`, G = class extends b {
 	static styles = [b.styles, t`
       :host {
         display: block;
@@ -2412,16 +2414,16 @@ var H = (e) => typeof e == "string" && e.length > 0 ? `tone-${e}` : "tone-neutra
       }
     `];
 	render() {
-		let e = this.props, t = Array.isArray(e.content) ? e.content : [];
+		let e = this.props, t = Array.isArray(e.content) ? e.content : [], r = e.summary && typeof e.summary == "object" ? e.summary : null;
 		return n`
-      ${je(e.summary && typeof e.summary == "object" ? e.summary : null, this.reportContext?.label)} ${Me(t)}
+      ${je(r, this.reportContext?.label)} ${Me(t)}
     `;
 	}
 };
-W = v([i(f.declarativeReport)], W);
+G = v([i(f.declarativeReport)], G);
 //#endregion
 //#region src/primitives/components/mounted-report.ts
-var Ne = (e) => e instanceof Error ? e.message : String(e), G = class extends b {
+var Ne = (e) => e instanceof Error ? e.message : String(e), K = class extends b {
 	static styles = [b.styles, t`
       :host {
         display: block;
@@ -2446,7 +2448,7 @@ var Ne = (e) => e instanceof Error ? e.message : String(e), G = class extends b
 		if (this.descriptor === this.#n) return;
 		this.#i(), this.#n = this.descriptor, this.mountHost.replaceChildren();
 		let e = this.props.mount, t = this.props.mountContext;
-		if (!(typeof e != "function" || !t)) {
+		if (typeof e == "function" && t) {
 			this.#r = new AbortController();
 			try {
 				let n = e({
@@ -2470,10 +2472,10 @@ var Ne = (e) => e instanceof Error ? e.message : String(e), G = class extends b
 		return n`<div class="mount-host" part="mount-host"></div>`;
 	}
 };
-v([o(".mount-host")], G.prototype, "mountHost", null), G = v([i(f.mountedReport)], G);
+v([o(".mount-host")], K.prototype, "mountHost", null), K = v([i(f.mountedReport)], K);
 //#endregion
 //#region src/primitives/fields/text-field.ts
-var K = class extends y {
+var q = class extends y {
 	static styles = [y.styles, t`
       input {
         min-height: var(--mlf-control-height, 3rem);
@@ -2487,10 +2489,10 @@ var K = class extends y {
         type="text"
         id=${t?.controlId ?? ""}
         .value=${r}
-        aria-label=${t?.label ?? F(e.label)}
+        aria-label=${t?.label ?? I(e.label)}
         aria-describedby=${d(t?.describedBy)}
         aria-invalid=${String(t?.invalid ?? !1)}
-        placeholder=${F(e.placeholder)}
+        placeholder=${I(e.placeholder)}
         ?required=${!!e.required}
         ?disabled=${!!this.fieldContext?.disabled}
         ?readonly=${!!this.fieldContext?.readOnly}
@@ -2510,10 +2512,10 @@ var K = class extends y {
 		this.commitBlur();
 	};
 };
-K = v([i(f.textField)], K);
+q = v([i(f.textField)], q);
 //#endregion
 //#region src/primitives/fields/number-field.ts
-var q = class extends y {
+var J = class extends y {
 	static styles = [y.styles, t`
       .input-wrapper {
         position: relative;
@@ -2670,7 +2672,7 @@ var q = class extends y {
 		this.#t = e;
 	}
 	render() {
-		let e = this.props, t = this.fieldContext, r = e.input === "range" ? "range" : "text", i = typeof e.value == "number" ? String(e.value) : e.value === null || e.value === void 0 ? "" : F(e.value), a = this.focused && this.draftValue !== null ? this.draftValue : i, o = typeof e.unit == "string" ? e.unit : "", s = `${Math.max(o.length * .56 + .8, 2.2)}rem`, c = this.fieldContext?.disabled ? "input-wrapper is-disabled" : this.fieldContext?.readOnly ? "input-wrapper is-readonly" : "input-wrapper", l = typeof e.value == "number" ? e.value : void 0, u = typeof e.min == "number" ? e.min : void 0, f = typeof e.max == "number" ? e.max : void 0, p = a.length > 0 ? a : i;
+		let e = this.props, t = this.fieldContext, r = e.input === "range" ? "range" : "text", i = typeof e.value == "number" ? String(e.value) : e.value === null || e.value === void 0 ? "" : I(e.value), a = this.focused && this.draftValue !== null ? this.draftValue : i, o = typeof e.unit == "string" ? e.unit : "", s = `${Math.max(o.length * .56 + .8, 2.2)}rem`, c = this.fieldContext?.disabled ? "input-wrapper is-disabled" : this.fieldContext?.readOnly ? "input-wrapper is-readonly" : "input-wrapper", l = typeof e.value == "number" ? e.value : void 0, u = typeof e.min == "number" ? e.min : void 0, f = typeof e.max == "number" ? e.max : void 0, p = a.length > 0 ? a : i;
 		return r === "range" ? n`
         <div class="range-wrapper">
           <div class="range-header">
@@ -2684,7 +2686,7 @@ var q = class extends y {
             min=${d(u)}
             max=${d(f)}
             step=${d(typeof e.step == "number" ? String(e.step) : void 0)}
-            aria-label=${t?.label ?? F(e.label)}
+            aria-label=${t?.label ?? I(e.label)}
             aria-describedby=${d(t?.describedBy)}
             aria-invalid=${String(t?.invalid ?? !1)}
             aria-valuenow=${d(l)}
@@ -2708,8 +2710,8 @@ var q = class extends y {
           autocomplete="off"
           id=${t?.controlId ?? ""}
           .value=${a}
-          placeholder=${F(e.placeholder)}
-          aria-label=${t?.label ?? F(e.label)}
+          placeholder=${I(e.placeholder)}
+          aria-label=${t?.label ?? I(e.label)}
           aria-describedby=${d(t?.describedBy)}
           aria-invalid=${String(t?.invalid ?? !1)}
           aria-valuenow=${d(l)}
@@ -2735,7 +2737,7 @@ var q = class extends y {
 		this.focused = !1, this.commitValue(this.draftValue === null || this.draftValue === "" ? null : this.draftValue), this.draftValue = null, this.commitBlur();
 	};
 	#i = () => {
-		this.focused = !0, this.draftValue = typeof this.props.value == "number" ? String(this.props.value) : this.props.value === null || this.props.value === void 0 ? "" : F(this.props.value);
+		this.focused = !0, this.draftValue = typeof this.props.value == "number" ? String(this.props.value) : this.props.value === null || this.props.value === void 0 ? "" : I(this.props.value);
 	};
 	#a = (e) => {
 		let t = e.target.value, n = Number(t);
@@ -2751,10 +2753,10 @@ var q = class extends y {
 		return e;
 	}
 };
-v([s()], q.prototype, "draftValue", null), v([s()], q.prototype, "focused", null), q = v([i(f.numberField)], q);
+v([s()], J.prototype, "draftValue", null), v([s()], J.prototype, "focused", null), J = v([i(f.numberField)], J);
 //#endregion
 //#region src/primitives/fields/boolean-field.ts
-var J = class extends y {
+var Pe = class extends y {
 	static styles = [y.styles, t`
       fieldset {
         display: flex;
@@ -2822,11 +2824,11 @@ var J = class extends y {
       }
     `];
 	render() {
-		let e = this.props, t = this.fieldContext, r = e.checked === !0 ? !0 : e.checked === !1 ? !1 : null, i = this.text, a = _.booleanGroup, o = `${t?.controlId ?? a}-true`, s = `${t?.controlId ?? a}-false`, c = F(e.trueLabel, i.booleanTrue), l = F(e.falseLabel, i.booleanFalse), u = !!(this.fieldContext?.disabled || this.fieldContext?.readOnly);
+		let e = this.props, t = this.fieldContext, r = e.checked === !0 || e.checked !== !1 && null, i = this.text, a = _.booleanGroup, o = `${t?.controlId ?? a}-true`, s = `${t?.controlId ?? a}-false`, c = I(e.trueLabel, i.booleanTrue), l = I(e.falseLabel, i.booleanFalse), u = !!(this.fieldContext?.disabled || this.fieldContext?.readOnly);
 		return n`
       <fieldset
         role="radiogroup"
-        aria-label=${t?.label ?? F(e.label)}
+        aria-label=${t?.label ?? I(e.label)}
         aria-describedby=${d(t?.describedBy)}
         aria-invalid=${String(t?.invalid ?? !1)}
         aria-readonly=${String(!!this.fieldContext?.readOnly)}
@@ -2865,13 +2867,13 @@ var J = class extends y {
 		this.commitBlur();
 	};
 };
-J = v([i(f.booleanField)], J);
+Pe = v([i(f.booleanField)], Pe);
 //#endregion
 //#region src/primitives/fields/category-field.ts
-var Y = (e) => typeof e == "string" ? {
+var Fe = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, Pe = (e, t) => typeof e != "string" || e.length === 0 ? "" : t.some((t) => Y(t).value === e) ? e : "", X = class extends y {
+} : e, Ie = (e, t) => typeof e != "string" || e.length === 0 ? "" : t.some((t) => Fe(t).value === e) ? e : "", Le = class extends y {
 	static styles = [y.styles, t`
       .select-wrap {
         position: relative;
@@ -2902,13 +2904,13 @@ var Y = (e) => typeof e == "string" ? {
       }
     `];
 	render() {
-		let e = this.props, t = this.fieldContext, r = typeof e.value == "string" ? e.value : "", i = Array.isArray(e.options) ? e.options : [], a = Pe(r, i), o = this.text;
+		let e = this.props, t = this.fieldContext, r = typeof e.value == "string" ? e.value : "", i = Array.isArray(e.options) ? e.options : [], a = Ie(r, i), o = this.text;
 		return n`
       <div class="select-wrap">
         <select
           class="control"
           id=${t?.controlId ?? ""}
-          aria-label=${t?.label ?? F(e.label)}
+          aria-label=${t?.label ?? I(e.label)}
           aria-describedby=${d(t?.describedBy)}
           aria-invalid=${String(t?.invalid ?? !1)}
           aria-readonly=${String(!!this.fieldContext?.readOnly)}
@@ -2921,7 +2923,7 @@ var Y = (e) => typeof e == "string" ? {
             &#8212; ${o.categoryPlaceholder} &#8212;
           </option>
           ${i.map((e) => {
-			let t = Y(e);
+			let t = Fe(e);
 			return n`
               <option value=${t.value} ?selected=${t.value === a}>
                 ${t.label}
@@ -2948,10 +2950,10 @@ var Y = (e) => typeof e == "string" ? {
 		this.commitBlur();
 	};
 };
-X = v([i(f.categoryField)], X);
+Le = v([i(f.categoryField)], Le);
 //#endregion
 //#region src/primitives/fields/date-field.ts
-var Fe = class extends y {
+var Re = class extends y {
 	static styles = [y.styles, t`
       input {
         min-height: var(--mlf-control-height, 3rem);
@@ -2969,7 +2971,7 @@ var Fe = class extends y {
         type="date"
         id=${t?.controlId ?? ""}
         .value=${r}
-        aria-label=${t?.label ?? F(e.label)}
+        aria-label=${t?.label ?? I(e.label)}
         aria-describedby=${d(t?.describedBy)}
         aria-invalid=${String(t?.invalid ?? !1)}
         ?required=${!!e.required}
@@ -2992,26 +2994,26 @@ var Fe = class extends y {
 		this.commitBlur();
 	};
 };
-Fe = v([i(f.dateField)], Fe);
+Re = v([i(f.dateField)], Re);
 //#endregion
 //#region src/primitives/fields/series-field-helpers.ts
-var Ie = 0, Le = () => `series-row-${++Ie}`, Re = (e) => e === !0 || e === !1 ? e : e === "true" ? !0 : e === "false" ? !1 : "", ze = (e, t) => {
+var ze = 0, Be = () => `series-row-${++ze}`, Ve = (e) => e === !0 || e === !1 ? e : e === "true" || e !== "false" && "", He = (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 Re(t);
+		case "boolean": return Ve(t);
 		default: return typeof t == "string" ? t : t ?? "";
 	}
-}, Be = (e, t, n) => Array.isArray(e) ? e.map((e) => {
+}, Ue = (e, t, n) => Array.isArray(e) ? e.map((e) => {
 	let r = e;
 	return {
-		key: Le(),
-		field1: ze(t, r.field1),
-		field2: ze(n, r.field2)
+		key: Be(),
+		field1: He(t, r.field1),
+		field2: He(n, r.field2)
 	};
-}) : [], Ve = (e, t) => {
+}) : [], We = (e, t) => {
 	switch (e.kind) {
 		case "number":
 		case "date":
@@ -3020,7 +3022,7 @@ var Ie = 0, Le = () => `series-row-${++Ie}`, Re = (e) => e === !0 || e === !1 ?
 		case "boolean": return t === "" ? null : t;
 		default: return t === "" ? null : t;
 	}
-}, He = (e) => typeof e.unit == "string" ? e.unit : "", Ue = (e, t) => {
+}, Ge = (e) => typeof e.unit == "string" ? e.unit : "", Ke = (e, t) => {
 	let r = typeof e == "string" ? {
 		label: e,
 		value: e
@@ -3032,7 +3034,7 @@ var Ie = 0, Le = () => `series-row-${++Ie}`, Re = (e) => e === !0 || e === !1 ?
       ${String(i.label)}
     </option>
   `;
-}, We = (e) => typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" || typeof e == "bigint" ? `${e}` : "", Ge = ({ config: e, value: t, index: r, id: i, disabled: a, readOnly: o, field: s, context: c, text: l, onInput: u, onBlur: f, label: p }) => {
+}, qe = (e) => typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" || typeof e == "bigint" ? `${e}` : "", Je = ({ config: e, value: t, index: r, id: i, disabled: a, readOnly: o, field: s, context: c, text: l, onInput: u, onBlur: f, label: p }) => {
 	let m = !!e.required;
 	switch (e.kind) {
 		case "date": return n`
@@ -3070,12 +3072,12 @@ var Ie = 0, Le = () => `series-row-${++Ie}`, Re = (e) => e === !0 || e === !1 ?
           <option value="" ?selected=${g === ""}>
             &#8212; ${l.categoryPlaceholder} &#8212;
           </option>
-          ${h.map((e) => Ue(e, g))}
+          ${h.map((e) => Ke(e, g))}
         </select>
       `;
 		}
 		case "boolean": {
-			let h = F(e.trueLabel, l.booleanTrue), g = F(e.falseLabel, l.booleanFalse), _ = t === !0 ? "true" : t === !1 ? "false" : "";
+			let h = I(e.trueLabel, l.booleanTrue), g = I(e.falseLabel, l.booleanFalse), _ = t === !0 ? "true" : t === !1 ? "false" : "";
 			return n`
         <select
           class="control"
@@ -3098,7 +3100,7 @@ var Ie = 0, Le = () => `series-row-${++Ie}`, Re = (e) => e === !0 || e === !1 ?
       `;
 		}
 		case "number": {
-			let l = He(e);
+			let l = Ge(e);
 			return n`
         <div class="value-wrap">
           <input
@@ -3109,7 +3111,7 @@ var Ie = 0, Le = () => `series-row-${++Ie}`, Re = (e) => e === !0 || e === !1 ?
             spellcheck="false"
             autocomplete="off"
             .value=${typeof t == "string" ? t : ""}
-            placeholder=${F(e.placeholder)}
+            placeholder=${I(e.placeholder)}
             aria-label=${p}
             aria-describedby=${d(c?.describedBy)}
             aria-invalid=${String(c?.invalid ?? !1)}
@@ -3130,8 +3132,8 @@ var Ie = 0, Le = () => `series-row-${++Ie}`, Re = (e) => e === !0 || e === !1 ?
           class="control"
           id=${i}
           type="text"
-          .value=${We(t)}
-          placeholder=${F(e.placeholder)}
+          .value=${qe(t)}
+          placeholder=${I(e.placeholder)}
           aria-label=${p}
           aria-describedby=${d(c?.describedBy)}
           aria-invalid=${String(c?.invalid ?? !1)}
@@ -3143,7 +3145,7 @@ var Ie = 0, Le = () => `series-row-${++Ie}`, Re = (e) => e === !0 || e === !1 ?
         />
       `;
 	}
-}, Ke = t`
+}, Ye = t`
   .series {
     display: grid;
     gap: 0.9rem;
@@ -3297,8 +3299,8 @@ var Ie = 0, Le = () => `series-row-${++Ie}`, Re = (e) => e === !0 || e === !1 ?
       justify-self: end;
     }
   }
-`, Z = class extends y {
-	static styles = [y.styles, Ke];
+`, Y = class extends y {
+	static styles = [y.styles, Ye];
 	#e = [];
 	get rows() {
 		return this.#e;
@@ -3311,7 +3313,7 @@ var Ie = 0, Le = () => `series-row-${++Ie}`, Re = (e) => e === !0 || e === !1 ?
 		super.willUpdate(e), e.has("descriptor") && this.#i();
 	}
 	render() {
-		let e = this.fieldContext, t = !!this.fieldContext?.disabled, r = !!this.fieldContext?.readOnly, i = t || r, a = this.#n, o = this.#r, s = `${Math.max(He(o).length * .56 + .8, 2.3)}rem`, c = this.text;
+		let e = this.fieldContext, t = !!this.fieldContext?.disabled, r = !!this.fieldContext?.readOnly, i = t || r, a = this.#n, o = this.#r, s = `${Math.max(Ge(o).length * .56 + .8, 2.3)}rem`, c = this.text;
 		return n`
       <div class="series" style=${`--mlf-series-unit-width: ${s};`}>
         <div class="toolbar">
@@ -3327,36 +3329,36 @@ var Ie = 0, Le = () => `series-row-${++Ie}`, Re = (e) => e === !0 || e === !1 ?
         </div>
 
         ${this.rows.length > 0 ? n`
-              <div class="grid">
-                <div class="header" aria-hidden="true">
-                  <div>${F(a.label, "field1")}</div>
-                  <div>${F(o.label, "field2")}</div>
-                  <div></div>
-                </div>
-                ${this.rows.map((s, l) => {
+                <div class="grid">
+                  <div class="header" aria-hidden="true">
+                    <div>${I(a.label, "field1")}</div>
+                    <div>${I(o.label, "field2")}</div>
+                    <div></div>
+                  </div>
+                  ${this.rows.map((s, l) => {
 			let u = `${e?.controlId ?? "mlf-series"}-${s.key}-field1`, d = `${e?.controlId ?? "mlf-series"}-${s.key}-field2`;
 			return n`
-                    <div class="row">
-                      <div class="cell">
-                        ${this.#u(a, s.field1, l, u, t, r, 1)}
-                      </div>
-                      <div class="cell">
-                        ${this.#u(o, s.field2, l, d, t, r, 2)}
+                      <div class="row">
+                        <div class="cell">
+                          ${this.#u(a, s.field1, l, u, t, r, 1)}
+                        </div>
+                        <div class="cell">
+                          ${this.#u(o, s.field2, l, d, t, r, 2)}
+                        </div>
+                        <button
+                          class="remove-btn"
+                          type="button"
+                          aria-label=${`${c.seriesRemoveRow} ${l + 1}`}
+                          ?disabled=${i}
+                          @click=${() => this.#o(l)}
+                        >
+                          &times;
+                        </button>
                       </div>
-                      <button
-                        class="remove-btn"
-                        type="button"
-                        aria-label=${`${c.seriesRemoveRow} ${l + 1}`}
-                        ?disabled=${i}
-                        @click=${() => this.#o(l)}
-                      >
-                        &times;
-                      </button>
-                    </div>
-                  `;
+                    `;
 		})}
-              </div>
-            ` : n`<div class="empty">${c.seriesEmpty}</div>`}
+                </div>
+              ` : n`<div class="empty">${c.seriesEmpty}</div>`}
       </div>
       ${this.renderAssistiveText()}
     `;
@@ -3368,11 +3370,11 @@ var Ie = 0, Le = () => `series-row-${++Ie}`, Re = (e) => e === !0 || e === !1 ?
 		return this.props.field2 ?? {};
 	}
 	#i() {
-		this.rows = Be(this.props.value, this.#n, this.#r), this.#t = !1;
+		this.rows = Ue(this.props.value, this.#n, this.#r), this.#t = !1;
 	}
 	#a = () => {
 		this.rows = [...this.rows, {
-			key: Le(),
+			key: Be(),
 			field1: "",
 			field2: ""
 		}], this.#t = !0, this.#l();
@@ -3391,13 +3393,13 @@ var Ie = 0, Le = () => `series-row-${++Ie}`, Re = (e) => e === !0 || e === !1 ?
 	};
 	#l() {
 		this.#t &&= (this.commitValue(this.rows.map((e) => ({
-			field1: Ve(this.#n, e.field1),
-			field2: Ve(this.#r, e.field2)
+			field1: We(this.#n, e.field1),
+			field2: We(this.#r, e.field2)
 		}))), !1);
 	}
 	#u(e, t, n, r, i, a, o) {
-		let s = this.fieldContext, c = `${s?.label ?? F(this.props.label)} ${F(e.label, `field${o}`)} ${n + 1}`;
-		return Ge({
+		let s = this.fieldContext, c = `${s?.label ?? I(this.props.label)} ${I(e.label, `field${o}`)} ${n + 1}`;
+		return Je({
 			config: e,
 			value: t,
 			index: n,
@@ -3413,10 +3415,10 @@ var Ie = 0, Le = () => `series-row-${++Ie}`, Re = (e) => e === !0 || e === !1 ?
 		});
 	}
 };
-v([s()], Z.prototype, "rows", null), Z = v([i(f.seriesField)], Z);
+v([s()], Y.prototype, "rows", null), Y = v([i(f.seriesField)], Y);
 //#endregion
 //#region src/primitives/fields/long-text-field.ts
-var qe = class extends y {
+var Xe = class extends y {
 	static styles = [y.styles, t`
       textarea.control {
         resize: vertical;
@@ -3431,9 +3433,9 @@ var qe = class extends y {
         class="control"
         id=${t?.controlId ?? ""}
         .value=${r}
-        placeholder=${F(e.placeholder)}
+        placeholder=${I(e.placeholder)}
         rows=${i}
-        aria-label=${t?.label ?? F(e.label)}
+        aria-label=${t?.label ?? I(e.label)}
         aria-describedby=${d(t?.describedBy)}
         aria-invalid=${String(t?.invalid ?? !1)}
         ?required=${!!e.required}
@@ -3452,13 +3454,13 @@ var qe = class extends y {
 		this.commitBlur();
 	};
 };
-qe = v([i(f.longTextField)], qe);
+Xe = v([i(f.longTextField)], Xe);
 //#endregion
 //#region src/primitives/fields/single-choice-field.ts
-var Je = (e) => typeof e == "string" ? {
+var Ze = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, Ye = class extends y {
+} : e, Qe = class extends y {
 	static styles = [y.styles, t`
       fieldset {
         border: none;
@@ -3520,7 +3522,7 @@ var Je = (e) => typeof e == "string" ? {
       }
     `];
 	render() {
-		let e = this.props, t = this.fieldContext, r = typeof e.value == "string" ? e.value : null, i = Array.isArray(e.options) ? e.options : [], a = e.layout === "horizontal" ? "horizontal" : "vertical", o = t?.label ?? F(e.label), s = !!(t?.disabled || t?.readOnly);
+		let e = this.props, t = this.fieldContext, r = typeof e.value == "string" ? e.value : null, i = Array.isArray(e.options) ? e.options : [], a = e.layout === "horizontal" ? "horizontal" : "vertical", o = t?.label ?? I(e.label), s = !!(t?.disabled || t?.readOnly);
 		return n`
       <fieldset>
         <legend>${o}</legend>
@@ -3533,7 +3535,7 @@ var Je = (e) => typeof e == "string" ? {
           aria-required=${String(!!e.required)}
         >
           ${i.map((e) => {
-			let { label: i, value: a } = Je(e), o = `${t?.controlId ?? "sc"}-${a}`;
+			let { label: i, value: a } = Ze(e), o = `${t?.controlId ?? "sc"}-${a}`;
 			return n`
               <label class=${s ? "disabled" : ""} for=${o}>
                 <input
@@ -3562,13 +3564,13 @@ var Je = (e) => typeof e == "string" ? {
 		this.commitBlur();
 	};
 };
-Ye = v([i(f.singleChoiceField)], Ye);
+Qe = v([i(f.singleChoiceField)], Qe);
 //#endregion
 //#region src/primitives/fields/multi-choice-field.ts
-var Xe = (e) => typeof e == "string" ? {
+var $e = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, Ze = class extends y {
+} : e, et = class extends y {
 	static styles = [y.styles, t`
       fieldset {
         border: none;
@@ -3631,7 +3633,7 @@ var Xe = (e) => typeof e == "string" ? {
       }
     `];
 	render() {
-		let e = this.props, t = this.fieldContext, r = Array.isArray(e.value) ? e.value : [], i = Array.isArray(e.options) ? e.options : [], a = e.layout === "horizontal" ? "horizontal" : "vertical", o = t?.label ?? F(e.label), s = !!(t?.disabled || t?.readOnly);
+		let e = this.props, t = this.fieldContext, r = Array.isArray(e.value) ? e.value : [], i = Array.isArray(e.options) ? e.options : [], a = e.layout === "horizontal" ? "horizontal" : "vertical", o = t?.label ?? I(e.label), s = !!(t?.disabled || t?.readOnly);
 		return n`
       <fieldset>
         <legend>${o}</legend>
@@ -3644,7 +3646,7 @@ var Xe = (e) => typeof e == "string" ? {
           aria-required=${String(!!e.required)}
         >
           ${i.map((e) => {
-			let { label: i, value: a } = Xe(e), o = `${t?.controlId ?? "mc"}-${a}`;
+			let { label: i, value: a } = $e(e), o = `${t?.controlId ?? "mc"}-${a}`;
 			return n`
               <label class=${s ? "disabled" : ""} for=${o}>
                 <input
@@ -3673,10 +3675,10 @@ var Xe = (e) => typeof e == "string" ? {
 		this.commitBlur();
 	};
 };
-Ze = v([i(f.multiChoiceField)], Ze);
+et = v([i(f.multiChoiceField)], et);
 //#endregion
 //#region src/primitives/fields/rating-field.ts
-var Qe = class extends y {
+var X = class extends y {
 	static styles = [y.styles, t`
       .rating-container {
         display: inline-flex;
@@ -3730,7 +3732,7 @@ var Qe = class extends y {
       }
     `];
 	render() {
-		let e = this.props, t = this.fieldContext, r = typeof e.value == "number" ? e.value : null, i = typeof e.min == "number" ? e.min : 1, a = typeof e.max == "number" ? e.max : 5, o = typeof e.step == "number" && e.step > 0 ? e.step : 1, s = !!(t?.disabled || t?.readOnly), c = t?.label ?? F(e.label), l = [];
+		let e = this.props, t = this.fieldContext, r = typeof e.value == "number" ? e.value : null, i = typeof e.min == "number" ? e.min : 1, a = typeof e.max == "number" ? e.max : 5, o = typeof e.step == "number" && e.step > 0 ? e.step : 1, s = !!(t?.disabled || t?.readOnly), c = t?.label ?? I(e.label), l = [];
 		for (let e = i; e <= a; e += o) l.push(e);
 		return n`
       <div
@@ -3784,11 +3786,11 @@ var Qe = class extends y {
 		}
 	};
 };
-Qe = v([i(f.ratingField)], Qe);
+X = v([i(f.ratingField)], X);
 //#endregion
 //#region src/primitives/reports/classifier-report.ts
-var $e = (e, t, n) => {
-	if (!P(e) || !Array.isArray(e.probabilities)) return [];
+var tt = (e, t, n) => {
+	if (!F(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) => {
 		let r = typeof e == "number" ? e : Number(e);
@@ -3797,7 +3799,7 @@ var $e = (e, t, n) => {
 			value: r
 		};
 	}).filter((e) => e !== null);
-}, et = class extends x {
+}, nt = class extends x {
 	static styles = [x.styles, t`
       .rows {
         display: grid;
@@ -3869,7 +3871,7 @@ var $e = (e, t, n) => {
 		let e = this.props.payload, t = typeof this.props.error == "string" ? this.props.error : null, r = this.reportContext, i = this.props.showClassProbabilities !== !1, a = this.text;
 		if (t) return n`<div class="error">${t}</div>`;
 		if (e == null) return n`<div class="empty">${a.classifierEmpty}</div>`;
-		let o = P(e) ? e.prediction ?? e.className ?? e.label ?? a.classifierUnknownPrediction : e, s = $e(e, this.props.labels, a.classifierClassLabel);
+		let o = F(e) ? e.prediction ?? e.className ?? e.label ?? a.classifierUnknownPrediction : e, s = tt(e, this.props.labels, a.classifierClassLabel);
 		return n`
       <section
         part="classifier-report"
@@ -3877,48 +3879,48 @@ var $e = (e, t, n) => {
         aria-label=${r?.label ?? a.classifierAriaLabel}
       >
         ${i && s.length > 0 ? n`
-              <div class="rows">
-                ${s.map((e) => {
+                <div class="rows">
+                  ${s.map((e) => {
 			let t = `${Math.max(0, Math.min(e.value, 1)) * 100}%`;
 			return n`
-                    <div class="item">
-                      <div class="label">${e.label}</div>
-                      <div class="bar" style=${`--w: ${t};`} aria-hidden="true"></div>
-                      <div class="pct">${(e.value * 100).toFixed(1)}%</div>
-                    </div>
-                  `;
+                      <div class="item">
+                        <div class="label">${e.label}</div>
+                        <div class="bar" style=${`--w: ${t};`} aria-hidden="true"></div>
+                        <div class="pct">${(e.value * 100).toFixed(1)}%</div>
+                      </div>
+                    `;
 		})}
-              </div>
-            ` : n`
-              <div class="compact">${F(o, a.classifierUnknownPrediction)}</div>
-            `}
+                </div>
+              ` : n`
+                <div class="compact">${I(o, a.classifierUnknownPrediction)}</div>
+              `}
         ${this.renderTransportPanel(a)}
       </section>
     `;
 	}
 };
-et = v([i(f.classifierReport)], et);
+nt = v([i(f.classifierReport)], nt);
 //#endregion
 //#region src/primitives/reports/regressor-report.ts
-var Q = (e, t, n) => {
+var Z = (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}` : ""}`;
-}, tt = (e) => {
-	if (P(e) && Array.isArray(e.values)) return e.values.map((e) => Number(e)).filter((e) => !Number.isNaN(e));
-	if (P(e) && "value" in e) {
+}, rt = (e) => {
+	if (F(e) && Array.isArray(e.values)) return e.values.map((e) => Number(e)).filter((e) => !Number.isNaN(e));
+	if (F(e) && "value" in e) {
 		let t = Number(e.value);
 		return Number.isNaN(t) ? [] : [t];
 	}
 	let t = Number(e);
 	return Number.isNaN(t) ? [] : [t];
-}, nt = (e) => {
-	if (P(e) && Array.isArray(e.interval) && e.interval.length === 2) {
+}, it = (e) => {
+	if (F(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 P(e) && typeof e.min == "number" && typeof e.max == "number" ? [e.min, e.max] : null;
-}, rt = (e, t) => {
+	return F(e) && typeof e.min == "number" && typeof e.max == "number" ? [e.min, e.max] : null;
+}, at = (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,
@@ -3929,11 +3931,11 @@ var Q = (e, t, n) => {
     #ffea00 ${s}%,
     #ff6d00 ${Math.min(s + 10, 100)}%,
     #c62828 100%)`;
-}, $ = (e, t, n) => {
+}, Q = (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);
-}, it = class extends x {
+}, ot = class extends x {
 	static styles = [x.styles, t`
       :host {
         --marker-size: 14px;
@@ -4013,7 +4015,7 @@ var Q = (e, t, n) => {
 		let e = this.props.payload, t = typeof this.props.error == "string" ? this.props.error : null, r = this.reportContext, i = this.text;
 		if (t) return n`<div class="error">${t}</div>`;
 		if (e == null) return n`<div class="empty">${i.regressorEmpty}</div>`;
-		let a = typeof this.props.unit == "string" ? this.props.unit : "", o = typeof this.props.precision == "number" && this.props.precision >= 0 ? this.props.precision : 2, s = tt(e), c = nt(e), l = P(e) && typeof e.execution_time == "number" ? `${e.execution_time} ms` : null;
+		let a = typeof this.props.unit == "string" ? this.props.unit : "", o = typeof this.props.precision == "number" && this.props.precision >= 0 ? this.props.precision : 2, s = rt(e), c = it(e), l = F(e) && typeof e.execution_time == "number" ? `${e.execution_time} ms` : null;
 		return n`
       <section
         part="regressor-report"
@@ -4021,52 +4023,52 @@ var Q = (e, t, n) => {
         aria-label=${r?.label ?? i.regressorAriaLabel}
       >
         ${s.length > 0 ? s.map((e) => n`
-                <div class="item">
-                  <div class="value">${Q(e, o, a)}</div>
-
-                  ${c ? n`
-                        <div
-                          class="bar-wrapper"
-                          style=${`background: ${rt(c[0], c[1])};`}
-                        >
-                          <div
-                            class="limit-wrapper"
-                            style=${`left: ${$(c[0], c[0], c[1])}%;`}
-                          >
-                            <div class="limit-line"></div>
-                            <div class="limit-label">
-                              ${Q(c[0], o, a)}
-                            </div>
-                          </div>
-
-                          <div
-                            class="limit-wrapper"
-                            style=${`left: ${$(c[1], c[0], c[1])}%;`}
-                          >
-                            <div class="limit-line"></div>
-                            <div class="limit-label">
-                              ${Q(c[1], o, a)}
+                  <div class="item">
+                    <div class="value">${Z(e, o, a)}</div>
+
+                    ${c ? n`
+                            <div
+                              class="bar-wrapper"
+                              style=${`background: ${at(c[0], c[1])};`}
+                            >
+                              <div
+                                class="limit-wrapper"
+                                style=${`left: ${Q(c[0], c[0], c[1])}%;`}
+                              >
+                                <div class="limit-line"></div>
+                                <div class="limit-label">
+                                  ${Z(c[0], o, a)}
+                                </div>
+                              </div>
+
+                              <div
+                                class="limit-wrapper"
+                                style=${`left: ${Q(c[1], c[0], c[1])}%;`}
+                              >
+                                <div class="limit-line"></div>
+                                <div class="limit-label">
+                                  ${Z(c[1], o, a)}
+                                </div>
+                              </div>
+
+                              <span
+                                class="value-marker"
+                                style=${`left: ${Q(e, c[0], c[1])}%;`}
+                              ></span>
                             </div>
-                          </div>
-
-                          <span
-                            class="value-marker"
-                            style=${`left: ${$(e, c[0], c[1])}%;`}
-                          ></span>
-                        </div>
-                      ` : n``}
-                </div>
-              `) : n`<div class="value">${Q(e, o, a)}</div>`}
+                          ` : n``}
+                  </div>
+                `) : n`<div class="value">${Z(e, o, a)}</div>`}
         ${l ? n`<div class="meta">${i.regressorExecutionTime(l)}</div>` : n``}
         ${this.renderTransportPanel(i)}
       </section>
     `;
 	}
 };
-it = v([i(f.regressorReport)], it);
+ot = v([i(f.regressorReport)], ot);
 //#endregion
 //#region src/primitives/registry.ts
-var at = new Set([
+var st = /* @__PURE__ */ new Set([
 	"annotation-xml",
 	"color-profile",
 	"font-face",
@@ -4075,19 +4077,19 @@ var at = new Set([
 	"font-face-format",
 	"font-face-name",
 	"missing-glyph"
-]), ot = (e) => /^[a-z][-.0-9_a-z]*-[-.0-9_a-z]*[a-z0-9]$/.test(e) && !at.has(e), st = (e) => {
-	if (!ot(e)) throw TypeError(`Invalid primitive renderer tag name "${e}". Expected a valid custom element name.`);
-}, ct = class e {
+]), ct = (e) => /^[a-z][-.0-9_a-z]*-[-.0-9_a-z]*[a-z0-9]$/.test(e) && !st.has(e), lt = (e) => {
+	if (!ct(e)) throw TypeError(`Invalid primitive renderer tag name "${e}". Expected a valid custom element name.`);
+}, ut = class e {
 	#e = /* @__PURE__ */ new Map();
 	#t = /* @__PURE__ */ new Map();
 	registerField(e, t) {
-		return st(t), this.#e.set(e, t), this;
+		return lt(t), this.#e.set(e, t), this;
 	}
 	unregisterField(e) {
 		return this.#e.delete(e), this;
 	}
 	registerReport(e, t) {
-		return st(t), this.#t.set(e, t), this;
+		return lt(t), this.#t.set(e, t), this;
 	}
 	unregisterReport(e) {
 		return this.#t.delete(e), this;
@@ -4104,11 +4106,11 @@ var at = new Set([
 		for (let [e, n] of this.#t) t.registerReport(e, n);
 		return t;
 	}
-}, lt = () => new ct(), ut = () => lt().registerField("declarative-field", f.declarativeField).registerField("text-field", f.textField).registerField("number-field", f.numberField).registerField("boolean-field", f.booleanField).registerField("category-field", f.categoryField).registerField("date-field", f.dateField).registerField("series-field", f.seriesField).registerField("long-text-field", f.longTextField).registerField("single-choice-field", f.singleChoiceField).registerField("multi-choice-field", f.multiChoiceField).registerField("rating-field", f.ratingField).registerReport("declarative-report", f.declarativeReport).registerReport("mounted-report", f.mountedReport).registerReport("classifier-report", f.classifierReport).registerReport("regressor-report", f.regressorReport), dt = (e, t) => {
+}, dt = () => new ut(), $ = () => dt().registerField("declarative-field", f.declarativeField).registerField("text-field", f.textField).registerField("number-field", f.numberField).registerField("boolean-field", f.booleanField).registerField("category-field", f.categoryField).registerField("date-field", f.dateField).registerField("series-field", f.seriesField).registerField("long-text-field", f.longTextField).registerField("single-choice-field", f.singleChoiceField).registerField("multi-choice-field", f.multiChoiceField).registerField("rating-field", f.ratingField).registerReport("declarative-report", f.declarativeReport).registerReport("mounted-report", f.mountedReport).registerReport("classifier-report", f.classifierReport).registerReport("regressor-report", f.regressorReport), ft = (e, t) => {
 	if (e.childNodes.length > 0 && t !== "replace") throw TypeError("Mount into an empty container or pass `containerStrategy: \"replace\"`.");
-}, ft = (e) => e ? e.clone() : ut(), pt = (e) => e?.clone() ?? k(), mt = (e, t, n = {}) => {
-	let r = document.createElement(f.form), i = ft(n.registry), a = pt(n.descriptorRegistry), o = g(n.text), s = n.containerStrategy ?? "error", c = s === "replace" ? Array.from(e.childNodes) : [];
-	dt(e, s), r.form = t, r.registry = i, r.descriptorRegistry = 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, r.reportFetchMode = n.reportFetchMode ?? "lazy", r.submitHandler = n.submitHandler, e.replaceChildren(r);
+}, pt = (e) => e ? e.clone() : $(), mt = (e) => e?.clone() ?? A(), ht = (e, t, n = {}) => {
+	let r = document.createElement(f.form), i = pt(n.registry), a = mt(n.descriptorRegistry), o = g(n.text), s = n.containerStrategy ?? "error", c = s === "replace" ? Array.from(e.childNodes) : [];
+	ft(e, s), r.form = t, r.registry = i, r.descriptorRegistry = 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, r.reportFetchMode = n.reportFetchMode ?? "lazy", r.submitHandler = n.submitHandler, e.replaceChildren(r);
 	let l = !1;
 	return Object.freeze({
 		form: t,
@@ -4120,8 +4122,8 @@ var at = 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)));
 		}
 	});
-}, ht = (e) => {
+}, gt = (e) => {
 	e.unmount();
 };
 //#endregion
-export { g as _, ye as a, O as c, b as d, y as f, f as g, h, lt as i, oe as l, m, ht as n, ve as o, v as p, ut as r, k as s, mt as t, x as u };
+export { g as _, ye as a, O as c, b as d, y as f, f as g, h, dt as i, ae as l, m, gt as n, k as o, v as p, $ as r, A as s, ht as t, x as u };