mlform 0.1.23 → 0.1.24

package/dist/mlform/kit.mjs

@@ -1,60 +1,185 @@
-import { _ as e, t } from "../runtime-BQsOz8iz.js";
-import { b as n, d as r } from "../schema-BI-Ia-h9.js";
-import { n as i } from "../builtins-rkxD-h7K.js";
-import { _ as a, a as o, h as s, l as c, m as l, p as u, r as d, t as f } from "../primitives-ljp3c5R8.js";
-import { d as p, h as m, r as h } from "../design-Dr7o4rR9.js";
-import { LitElement as g, css as _, html as v, nothing as y } from "lit";
-import { customElement as b, property as x, state as S } from "lit/decorators.js";
-import { repeat as C } from "lit/directives/repeat.js";
+import { _ as e, t } from "../runtime-B_vnmwya.js";
+import { b as n, d as r } from "../schema-C34LJ8aV.js";
+import { S as i, c as a, n as o, t as s } from "../builtins-jvAitKUC.js";
+import { _ as c, a as l, h as u, l as d, m as f, p, r as m, s as h, t as g } from "../primitives-ChLgMFl9.js";
+import { d as _, h as v, r as y } from "../design-D8zce4Mh.js";
+import { LitElement as b, css as x, html as S, nothing as C } from "lit";
+import { customElement as w, property as T, state as E } from "lit/decorators.js";
+import { repeat as D } from "lit/directives/repeat.js";
 //#region src/kit/defaults.ts
-var w = { ...l }, T = {
+var ee = { ...f }, O = {
 	mode: "auto",
 	theme: "neutral",
 	recipe: "default"
-}, ee = (e) => {
+}, te = (e) => {
 	let t = r();
 	for (let n of e.listFields()) t.registerField(n);
 	for (let n of e.listReports()) t.registerReport(n);
 	return t;
-}, te = (e) => e?.clone() ?? d(), ne = (e) => e?.clone() ?? m.clone(), re = (e = {}) => ({
-	...w,
+}, ne = (e) => e?.clone() ?? m(), re = (e) => e?.clone() ?? v.clone(), ie = (e = {}) => ({
+	...ee,
 	...e
-}), ie = (e = {}) => p(T, e), E = (e, t) => {
-	if (t(e), "children" in e) for (let n of e.children) E(n, t);
-}, D = (e, t) => {
+}), ae = (e = {}) => _(O, e), k = (e, t, n) => ({
+	kind: e,
+	describe(e, r) {
+		return {
+			component: t,
+			props: {
+				id: r.fieldId,
+				kind: e.kind,
+				label: e.label,
+				description: e.description ?? "",
+				showDescriptionInline: e.showDescriptionInline ?? !1,
+				required: e.required ?? !1,
+				disabled: e.disabled ?? !1,
+				...n(e, r),
+				...e.ui
+			}
+		};
+	}
+}), A = (e, t) => ({
+	value: t.state.value,
+	state: t.state.status,
+	errors: t.state.errors
+}), j = (e) => e.options ?? [], M = (e) => j(e).map((e) => typeof e == "string" ? e : {
+	label: e.label,
+	value: e.value
+}), oe = [
+	k("text", "text-field", (e, t) => ({
+		...A(e, t),
+		placeholder: e.placeholder ?? "",
+		minLength: e.minLength,
+		maxLength: e.maxLength,
+		pattern: e.pattern
+	})),
+	k("number", "number-field", (e, t) => ({
+		...A(e, t),
+		min: e.min,
+		max: e.max,
+		step: e.step,
+		unit: e.unit,
+		placeholder: e.placeholder ?? "",
+		input: e.min !== void 0 && e.max !== void 0 && !e.required && t.state.value !== null ? "range" : "text"
+	})),
+	k("boolean", "boolean-field", (e, t) => ({
+		checked: t.state.value,
+		trueLabel: e.trueLabel,
+		falseLabel: e.falseLabel,
+		state: t.state.status,
+		errors: t.state.errors
+	})),
+	k("category", "category-field", (e, t) => ({
+		...A(e, t),
+		options: j(e)
+	})),
+	k("mapped-category", "category-field", (e, t) => ({
+		...A(e, t),
+		options: M(e)
+	})),
+	k("onehot-category", "category-field", (e, t) => ({
+		...A(e, t),
+		options: M(e)
+	})),
+	k("date", "date-field", (e, t) => ({
+		...A(e, t),
+		value: t.state.value instanceof Date ? t.state.value.toISOString().slice(0, 10) : t.state.value,
+		min: e.min,
+		max: e.max,
+		step: e.step
+	})),
+	k("series", "series-field", (e, t) => ({
+		...A(e, t),
+		value: Array.isArray(t.state.value) ? a.serializeValue?.(t.state.value, e) : [],
+		field1: e.field1,
+		field2: e.field2,
+		minPoints: e.minPoints,
+		maxPoints: e.maxPoints
+	})),
+	k("long-text", "long-text-field", (e, t) => ({
+		...A(e, t),
+		placeholder: e.placeholder ?? "",
+		minLength: e.minLength,
+		maxLength: e.maxLength,
+		rows: e.rows
+	})),
+	k("single-choice", "single-choice-field", (e, t) => ({
+		...A(e, t),
+		options: j(e),
+		layout: e.layout ?? "vertical"
+	})),
+	k("multi-choice", "multi-choice-field", (e, t) => ({
+		...A(e, t),
+		options: j(e),
+		layout: e.layout ?? "vertical"
+	})),
+	k("rating", "rating-field", (e, t) => ({
+		...A(e, t),
+		min: e.min ?? 1,
+		max: e.max,
+		step: e.step ?? 1
+	}))
+], N = (e, t, n) => ({
+	kind: e,
+	describe(r, a) {
+		return a.state.status === "idle" && a.payload === void 0 ? null : {
+			component: t,
+			props: {
+				id: a.reportId,
+				kind: r.kind,
+				label: r.label ?? i[e],
+				description: r.description ?? "",
+				payload: a.payload,
+				error: a.state.error,
+				state: a.state.status,
+				...n(r),
+				...r.ui
+			}
+		};
+	}
+}), se = [N("classifier", "classifier-report", (e) => ({
+	showClassProbabilities: e.showClassProbabilities,
+	labels: e.labels
+})), N("regressor", "regressor-report", (e) => ({
+	unit: e.unit,
+	precision: e.precision
+}))], ce = () => {
+	let e = h();
+	for (let t of oe) e.registerField(t);
+	for (let t of se) e.registerReport(t);
+	return e;
+}, P = (e, t) => {
+	if (t(e), "children" in e) for (let n of e.children) P(n, t);
+}, le = (e, t) => {
 	switch (e.kind) {
 		case "stacked":
 		case "split":
-			for (let n of e.children) E(n, t);
+			for (let n of e.children) P(n, t);
 			return;
 		case "wizard":
-			for (let n of e.steps) for (let e of n.children) E(e, t);
+			for (let n of e.steps) for (let e of n.children) P(e, t);
 			return;
 		case "tabs":
-			for (let n of e.tabs) for (let e of n.children) E(e, t);
+			for (let n of e.tabs) for (let e of n.children) P(e, t);
 			return;
 	}
-}, O = (e) => {
+}, F = (e) => {
 	let t = [];
-	return D(e, (e) => {
+	return le(e, (e) => {
 		t.push(e);
 	}), t;
-}, k = (e) => {
+}, ue = (e) => {
 	let t = {
 		fields: [],
 		reports: []
 	};
-	for (let n of O(e)) switch (n.kind) {
+	for (let n of F(e)) switch (n.kind) {
 		case "field":
 			t.fields.push(n.field);
 			break;
-		case "report":
-			t.reports.push(n.report);
-			break;
-		default: break;
+		case "report": t.reports.push(n.report);
 	}
 	return t;
-}, A = {
+}, I = {
 	invalidDesignSystemSnapshot: "replaceDesignSystem requires an explicit mode, theme, and recipe.",
 	fieldDuplicateInLayout: (e) => `Field "${e}" appears multiple times in layout.`,
 	fieldMissingInLayout: (e) => `Field "${e}" is missing from layout.`,
@@ -71,44 +196,44 @@ var w = { ...l }, T = {
 	unknownTab: (e) => `Unknown tab "${e}".`,
 	unknownWizardStep: (e) => `Unknown wizard step "${e}".`,
 	unknownDisclosureSection: (e) => `Unknown disclosure section "${e}".`
-}, j = {
+}, L = {
 	wizard: "mlf-kit-wizard",
 	tabs: "mlf-kit-tabs",
 	disclosure: "mlf-kit-disclosure",
 	stepIndicator: "mlf-kit-step-indicator"
-}, ae = async (e) => {
+}, de = async (e) => {
 	await Promise.resolve(), "updateComplete" in e && await e.updateComplete, await Promise.resolve();
-}, oe = (e) => {
+}, fe = (e) => {
 	let t = e.getSnapshot().fields.filter((e) => e.state.visible && e.state.errors.length > 0), n = new Map(e.getLayoutReferences().fields.map((e, t) => [e, t]));
 	return t.sort((e, t) => (n.get(e.id) ?? 0) - (n.get(t.id) ?? 0)), t[0] ?? null;
-}, M = async (e, t, n) => {
-	let r = oe(t);
+}, R = async (e, t, n) => {
+	let r = fe(t);
 	if (!r) return !1;
 	let i = t.getSnapshot().layout.kind;
-	return i === "wizard" && r.stepId && await t.goToStep(r.stepId), i === "tabs" && r.tabId && t.setActiveTab(r.tabId), r.sectionId && t.openSection(r.sectionId), await ae(e), n(e, r.id);
-}, N = ({ node: e, view: t, snapshot: n, registry: r, primitiveText: i = s, sectionClass: a, sectionCopyClass: o, sectionTitleClass: c, sectionDescriptionClass: l, childrenClass: u, groupBaseClass: d }) => {
+	return i === "wizard" && r.stepId && await t.goToStep(r.stepId), i === "tabs" && r.tabId && t.setActiveTab(r.tabId), r.sectionId && t.openSection(r.sectionId), await de(e), n(e, r.id);
+}, z = ({ node: e, view: t, snapshot: n, registry: r, primitiveText: i = u, sectionClass: a, sectionCopyClass: o, sectionTitleClass: s, sectionDescriptionClass: c, childrenClass: l, groupBaseClass: d }) => {
 	switch (e.kind) {
 		case "section": {
-			let s = n.disclosure?.openSectionIds.includes(e.id) ?? !0;
-			return v`
+			let u = n.disclosure?.openSectionIds.includes(e.id) ?? !0;
+			return S`
         <section class=${a} data-section-id=${e.id}>
-          ${e.title || e.description ? v`
-                <button
-                  type="button"
-                  class=${o}
-                  aria-expanded=${String(s)}
-                  @click=${() => t?.toggleSection(e.id)}
-                >
-                  <span class="section-label">
-                    ${e.title ? v`<span class=${c}>${e.title}</span>` : y}
-                    ${e.description ? v`<span class=${l}>${e.description}</span>` : y}
-                  </span>
-                  <span class="section-toggle-icon" aria-hidden="true">${s ? "−" : "+"}</span>
-                </button>
-              ` : y}
-          ${s ? v`
-                <div class=${u}>
-                  ${C(e.children, (t, n) => `${e.id}-${n}`, (e) => N({
+          ${e.title || e.description ? S`
+                  <button
+                    type="button"
+                    class=${o}
+                    aria-expanded=${String(u)}
+                    @click=${() => t?.toggleSection(e.id)}
+                  >
+                    <span class="section-label">
+                      ${e.title ? S`<span class=${s}>${e.title}</span>` : C}
+                      ${e.description ? S`<span class=${c}>${e.description}</span>` : C}
+                    </span>
+                    <span class="section-toggle-icon" aria-hidden="true">${u ? "−" : "+"}</span>
+                  </button>
+                ` : C}
+          ${u ? S`
+                  <div class=${l}>
+                    ${D(e.children, (t, n) => `${e.id}-${n}`, (e) => z({
 				node: e,
 				view: t,
 				snapshot: n,
@@ -116,22 +241,22 @@ var w = { ...l }, T = {
 				primitiveText: i,
 				sectionClass: a,
 				sectionCopyClass: o,
-				sectionTitleClass: c,
-				sectionDescriptionClass: l,
-				childrenClass: u,
+				sectionTitleClass: s,
+				sectionDescriptionClass: c,
+				childrenClass: l,
 				groupBaseClass: d
 			}))}
-                </div>
-              ` : y}
+                  </div>
+                ` : C}
         </section>
       `;
 		}
-		case "group": return v`
+		case "group": return S`
         <div
           class=${`${d}${e.columns ? ` columns-${e.columns}` : ""}`}
           data-group-id=${e.id}
         >
-          ${C(e.children, (t, n) => `${e.id}-${n}`, (e) => N({
+          ${D(e.children, (t, n) => `${e.id}-${n}`, (e) => z({
 			node: e,
 			view: t,
 			snapshot: n,
@@ -139,16 +264,16 @@ var w = { ...l }, T = {
 			primitiveText: i,
 			sectionClass: a,
 			sectionCopyClass: o,
-			sectionTitleClass: c,
-			sectionDescriptionClass: l,
-			childrenClass: u,
+			sectionTitleClass: s,
+			sectionDescriptionClass: c,
+			childrenClass: l,
 			groupBaseClass: d
 		}))}
         </div>
       `;
 		case "field": {
 			let t = n.fields.find((t) => t.id === e.field);
-			return t ? v`
+			return t ? S`
         <mlf-field-frame
           data-field-id=${t.id}
           .controller=${t.controller}
@@ -156,11 +281,11 @@ var w = { ...l }, T = {
           .registry=${r}
           .text=${i}
         ></mlf-field-frame>
-      ` : y;
+      ` : C;
 		}
 		case "report": {
 			let t = n.reports.find((t) => t.id === e.report);
-			return t ? v`
+			return t ? S`
         <mlf-report-frame
           .controller=${t.controller}
           .descriptor=${t.descriptor}
@@ -168,10 +293,10 @@ var w = { ...l }, T = {
           .text=${i}
           .lastResult=${n.form.lastResult}
         ></mlf-report-frame>
-      ` : y;
+      ` : C;
 		}
 	}
-}, se = _`
+}, pe = x`
   :host {
     display: block;
     inline-size: 100%;
@@ -354,8 +479,8 @@ var w = { ...l }, T = {
       align-items: stretch;
     }
   }
-`, P = class extends g {
-	static styles = se;
+`, B = class extends b {
+	static styles = pe;
 	#e;
 	get view() {
 		return this.#e;
@@ -370,7 +495,7 @@ var w = { ...l }, T = {
 	set registry(e) {
 		this.#t = e;
 	}
-	#n = s;
+	#n = u;
 	get primitiveText() {
 		return this.#n;
 	}
@@ -416,13 +541,13 @@ var w = { ...l }, T = {
 	}
 	render() {
 		let e = this.snapshot;
-		if (!e || e.layout.kind !== "stacked" && e.layout.kind !== "split") return v``;
+		if (!e || e.layout.kind !== "stacked" && e.layout.kind !== "split") return S``;
 		let t = e.form.status, n = t === "validating" ? this.validatingLabel : t === "submitting" ? this.submittingLabel : this.submitLabel;
-		return v`
+		return S`
       <section class="root" part="layout-panel">
         <div class="body">
           <div class="collection">
-            ${C(e.layout.children, (e, t) => `root-${t}`, (t) => N({
+            ${D(e.layout.children, (e, t) => `root-${t}`, (t) => z({
 			node: t,
 			view: this.view,
 			snapshot: e,
@@ -456,14 +581,14 @@ var w = { ...l }, T = {
 		if (this.view) try {
 			await this.view.submit();
 		} catch (e) {
-			if (!await M(this, this.view, c)) throw e;
+			if (!await R(this, this.view, d)) throw e;
 		}
 	};
 };
-u([x({ attribute: !1 })], P.prototype, "view", null), u([x({ attribute: !1 })], P.prototype, "registry", null), u([x({ attribute: !1 })], P.prototype, "primitiveText", null), u([x({ type: String })], P.prototype, "submitLabel", null), u([x({ type: String })], P.prototype, "validatingLabel", null), u([x({ type: String })], P.prototype, "submittingLabel", null), u([S()], P.prototype, "snapshot", null), P = u([b(j.disclosure)], P);
+p([T({ attribute: !1 })], B.prototype, "view", null), p([T({ attribute: !1 })], B.prototype, "registry", null), p([T({ attribute: !1 })], B.prototype, "primitiveText", null), p([T({ type: String })], B.prototype, "submitLabel", null), p([T({ type: String })], B.prototype, "validatingLabel", null), p([T({ type: String })], B.prototype, "submittingLabel", null), p([E()], B.prototype, "snapshot", null), B = p([w(L.disclosure)], B);
 //#endregion
 //#region src/kit/tabs-root-styles.ts
-var ce = _`
+var me = x`
   :host {
     display: block;
     flex: 1 1 auto;
@@ -686,8 +811,8 @@ var ce = _`
       justify-content: space-between;
     }
   }
-`, F = class extends g {
-	static styles = ce;
+`, V = class extends b {
+	static styles = me;
 	#e;
 	get view() {
 		return this.#e;
@@ -702,7 +827,7 @@ var ce = _`
 	set registry(e) {
 		this.#t = e;
 	}
-	#n = s;
+	#n = u;
 	get primitiveText() {
 		return this.#n;
 	}
@@ -748,14 +873,14 @@ var ce = _`
 	}
 	render() {
 		let e = this.snapshot, t = e?.tabs;
-		if (!e || !t || e.layout.kind !== "tabs") return v``;
+		if (!e || !t || e.layout.kind !== "tabs") return S``;
 		let n = e.layout.tabs[t.activeTabIndex];
-		if (!n) return v``;
+		if (!n) return S``;
 		let r = e.form.status, i = r === "validating" ? this.validatingLabel : r === "submitting" ? this.submittingLabel : this.submitLabel;
-		return v`
+		return S`
       <section class="root" part="tabs-panel">
         <div class="tablist" role="tablist" aria-label="Form sections">
-          ${C(e.layout.tabs, (e) => e.id, (e, n) => v`
+          ${D(e.layout.tabs, (e) => e.id, (e, n) => S`
               <button
                 type="button"
                 class="tab"
@@ -776,16 +901,16 @@ var ce = _`
           id=${`panel-${n.id}`}
           aria-labelledby=${`tab-${n.id}`}
         >
-          ${n.title || n.description ? v`
-                <header class="tab-header">
-                  <h1 class="tab-title">${n.title}</h1>
-                  ${n.description ? v`<p class="tab-description">${n.description}</p>` : y}
-                </header>
-              ` : y}
+          ${n.title || n.description ? S`
+                  <header class="tab-header">
+                    <h1 class="tab-title">${n.title}</h1>
+                    ${n.description ? S`<p class="tab-description">${n.description}</p>` : C}
+                  </header>
+                ` : C}
 
           <div class="body">
             <div class="collection">
-              ${C(n.children, (e, t) => `${n.id}-${t}`, (t) => N({
+              ${D(n.children, (e, t) => `${n.id}-${t}`, (t) => z({
 			node: t,
 			view: this.view,
 			snapshot: e,
@@ -837,15 +962,15 @@ var ce = _`
 		if (this.view) try {
 			await this.view.submit();
 		} catch (e) {
-			if (!await M(this, this.view, c)) throw e;
+			if (!await R(this, this.view, d)) throw e;
 		}
 	};
 };
-u([x({ attribute: !1 })], F.prototype, "view", null), u([x({ attribute: !1 })], F.prototype, "registry", null), u([x({ attribute: !1 })], F.prototype, "primitiveText", null), u([x({ type: String })], F.prototype, "submitLabel", null), u([x({ type: String })], F.prototype, "validatingLabel", null), u([x({ type: String })], F.prototype, "submittingLabel", null), u([S()], F.prototype, "snapshot", null), F = u([b(j.tabs)], F);
+p([T({ attribute: !1 })], V.prototype, "view", null), p([T({ attribute: !1 })], V.prototype, "registry", null), p([T({ attribute: !1 })], V.prototype, "primitiveText", null), p([T({ type: String })], V.prototype, "submitLabel", null), p([T({ type: String })], V.prototype, "validatingLabel", null), p([T({ type: String })], V.prototype, "submittingLabel", null), p([E()], V.prototype, "snapshot", null), V = p([w(L.tabs)], V);
 //#endregion
 //#region src/kit/step-indicator.ts
-var I = class extends g {
-	static styles = _`
+var H = class extends b {
+	static styles = x`
     :host {
       display: block;
       min-width: 0;
@@ -945,7 +1070,7 @@ var I = class extends g {
 	}
 	render() {
 		let e = this.total > 0 ? Math.round(this.current / this.total * 100) : 0;
-		return v`
+		return S`
       <div
         class="indicator"
         role="status"
@@ -959,32 +1084,35 @@ var I = class extends g {
           <div class="fill" style="width: ${e}%"></div>
         </div>
         <div class="dots" aria-hidden="true">
-          ${Array.from({ length: this.total }, (e, t) => v`<div class=${t + 1 < this.current ? "dot done" : t + 1 === this.current ? "dot active" : "dot"}></div>`)}
+          ${Array.from({ length: this.total }, (e, t) => {
+			let n = t + 1 < this.current ? "dot done" : t + 1 === this.current ? "dot active" : "dot";
+			return S`<div class=${n}></div>`;
+		})}
         </div>
       </div>
     `;
 	}
 };
-u([x({ type: Number })], I.prototype, "current", null), u([x({ type: Number })], I.prototype, "total", null), u([x({ type: String })], I.prototype, "label", null), I = u([b(j.stepIndicator)], I);
+p([T({ type: Number })], H.prototype, "current", null), p([T({ type: Number })], H.prototype, "total", null), p([T({ type: String })], H.prototype, "label", null), H = p([w(L.stepIndicator)], H);
 //#endregion
 //#region src/kit/wizard-constants.ts
-var L = {
+var U = {
 	prev: "Previous",
 	next: "Next",
 	submit: "Submit",
 	validating: "Validating...",
 	submitting: "Submitting..."
-}, R = Object.freeze({
+}, W = Object.freeze({
 	stepLabel: (e, t) => `Step ${e} of ${t}`,
 	prevLabel: "Previous",
 	nextLabel: "Next",
 	submitLabel: "Submit",
 	validatingLabel: "Validating...",
 	submittingLabel: "Submitting..."
-}), z = (e) => e ? Object.freeze({
-	...R,
+}), G = (e) => e ? Object.freeze({
+	...W,
 	...e
-}) : R, le = _`
+}) : W, he = x`
   :host {
     display: block;
     flex: 1 1 auto;
@@ -1177,8 +1305,8 @@ var L = {
       grid-template-columns: minmax(0, 1fr);
     }
   }
-`, B = class extends g {
-	static styles = le;
+`, K = class extends b {
+	static styles = he;
 	#e;
 	get view() {
 		return this.#e;
@@ -1193,21 +1321,21 @@ var L = {
 	set registry(e) {
 		this.#t = e;
 	}
-	#n = s;
+	#n = u;
 	get primitiveText() {
 		return this.#n;
 	}
 	set primitiveText(e) {
 		this.#n = e;
 	}
-	#r = L;
+	#r = U;
 	get labels() {
 		return this.#r;
 	}
 	set labels(e) {
 		this.#r = e;
 	}
-	#i = z();
+	#i = G();
 	get text() {
 		return this.#i;
 	}
@@ -1232,11 +1360,11 @@ var L = {
 	}
 	render() {
 		let e = this.snapshot, t = e?.wizard;
-		if (!e || !t || e.layout.kind !== "wizard") return v``;
+		if (!e || !t || e.layout.kind !== "wizard") return S``;
 		let n = e.layout.steps[t.stepIndex];
-		if (!n) return v``;
+		if (!n) return S``;
 		let r = e.form.status, i = r === "validating" || r === "submitting", a = t.isLastStep ? r === "validating" ? this.labels.validating : r === "submitting" ? this.labels.submitting : this.labels.submit : this.labels.next;
-		return v`
+		return S`
       <div class="root">
         <section class="panel" part="wizard-panel">
           <header class="pane-header">
@@ -1246,12 +1374,12 @@ var L = {
               .label=${this.text.stepLabel(t.stepIndex + 1, t.stepCount).split(" ")[0] ?? "Step"}
             ></mlf-kit-step-indicator>
             <h1 class="step-title">${n.title}</h1>
-            ${n.description ? v`<p class="step-description">${n.description}</p>` : y}
+            ${n.description ? S`<p class="step-description">${n.description}</p>` : C}
           </header>
 
           <div class="pane-body">
             <div class="collection">
-              ${C(n.children, (e, t) => `${n.id}-${t}`, (t) => N({
+              ${D(n.children, (e, t) => `${n.id}-${t}`, (t) => z({
 			node: t,
 			view: this.view,
 			snapshot: e,
@@ -1294,29 +1422,29 @@ var L = {
 		this.view?.prevStep();
 	};
 	#c = async () => {
-		await this.view?.nextStep() === !1 && this.view && await M(this, this.view, c);
+		await this.view?.nextStep() === !1 && this.view && await R(this, this.view, d);
 	};
 	#l = async () => {
 		if (this.view) {
 			if (!await this.view.nextStep()) {
-				await M(this, this.view, c);
+				await R(this, this.view, d);
 				return;
 			}
 			try {
 				await this.view.submit();
 			} catch (e) {
-				if (!await M(this, this.view, c)) throw e;
+				if (!await R(this, this.view, d)) throw e;
 			}
 		}
 	};
 };
-u([x({ attribute: !1 })], B.prototype, "view", null), u([x({ attribute: !1 })], B.prototype, "registry", null), u([x({ attribute: !1 })], B.prototype, "primitiveText", null), u([x({ attribute: !1 })], B.prototype, "labels", null), u([x({ attribute: !1 })], B.prototype, "text", null), u([S()], B.prototype, "snapshot", null), B = u([b(j.wizard)], B);
+p([T({ attribute: !1 })], K.prototype, "view", null), p([T({ attribute: !1 })], K.prototype, "registry", null), p([T({ attribute: !1 })], K.prototype, "primitiveText", null), p([T({ attribute: !1 })], K.prototype, "labels", null), p([T({ attribute: !1 })], K.prototype, "text", null), p([E()], K.prototype, "snapshot", null), K = p([w(L.wizard)], K);
 //#endregion
 //#region src/kit/layout-helpers.ts
-var ue = (e, t) => ({
+var ge = (e, t) => ({
 	fieldIds: new Set(e.map((e) => e.id)),
 	reportIds: new Set(t.map((e) => e.id))
-}), de = () => ({
+}), _e = () => ({
 	fieldStepIds: /* @__PURE__ */ new Map(),
 	reportStepIds: /* @__PURE__ */ new Map(),
 	fieldTabIds: /* @__PURE__ */ new Map(),
@@ -1325,60 +1453,60 @@ var ue = (e, t) => ({
 	reportSectionIds: /* @__PURE__ */ new Map(),
 	fieldIdsInLayout: /* @__PURE__ */ new Set(),
 	reportIdsInLayout: /* @__PURE__ */ new Set()
-}), V = (e, t, r) => {
+}), q = (e, t, r) => {
 	let i = n(t ?? e) || e, a = r.get(i) ?? 0;
 	return r.set(i, a + 1), a === 0 ? i : `${i}-${a + 1}`;
-}, fe = (e, t) => {
-	if (!t.fieldIds.has(e)) throw TypeError(A.unknownFieldReference(e));
-}, pe = (e, t) => {
-	if (!t.reportIds.has(e)) throw TypeError(A.unknownReportReference(e));
-}, me = (e, t, n, r, i) => {
-	if (t.fieldIdsInLayout.has(e)) throw TypeError(A.fieldDuplicateInLayout(e));
+}, ve = (e, t) => {
+	if (!t.fieldIds.has(e)) throw TypeError(I.unknownFieldReference(e));
+}, ye = (e, t) => {
+	if (!t.reportIds.has(e)) throw TypeError(I.unknownReportReference(e));
+}, be = (e, t, n, r, i) => {
+	if (t.fieldIdsInLayout.has(e)) throw TypeError(I.fieldDuplicateInLayout(e));
 	t.fieldIdsInLayout.add(e), n && t.fieldStepIds.set(e, n), r && t.fieldTabIds.set(e, r), i && t.fieldSectionIds.set(e, i);
-}, he = (e, t, n, r, i) => {
-	if (t.reportIdsInLayout.has(e)) throw TypeError(A.reportDuplicateInLayout(e));
+}, xe = (e, t, n, r, i) => {
+	if (t.reportIdsInLayout.has(e)) throw TypeError(I.reportDuplicateInLayout(e));
 	t.reportIdsInLayout.add(e), n && t.reportStepIds.set(e, n), r && t.reportTabIds.set(e, r), i && t.reportSectionIds.set(e, i);
-}, ge = (e, t) => [...e.map((e) => ({
+}, Se = (e, t) => [...e.map((e) => ({
 	kind: "field",
 	field: e.id
 })), ...t.map((e) => ({
 	kind: "report",
 	report: e.id
-}))], H = (e, t) => {
-	for (let n of e) if (!t.fieldIdsInLayout.has(n.id)) throw TypeError(A.fieldMissingInLayout(n.id));
-}, U = (e, t, n, r, i, a, o) => e.map((e) => {
+}))], J = (e, t) => {
+	for (let n of e) if (!t.fieldIdsInLayout.has(n.id)) throw TypeError(I.fieldMissingInLayout(n.id));
+}, Y = (e, t, n, r, i, a, o) => e.map((e) => {
 	switch (e.kind) {
 		case "section": {
-			let o = V("section", e.id ?? e.title, r);
+			let o = q("section", e.id ?? e.title, r);
 			return {
 				kind: "section",
 				id: o,
 				title: e.title,
 				description: e.description,
 				defaultOpen: e.defaultOpen ?? !0,
-				children: U(e.children, t, n, r, i, a, o)
+				children: Y(e.children, t, n, r, i, a, o)
 			};
 		}
 		case "group": return {
 			kind: "group",
-			id: V("group", e.id, r),
+			id: q("group", e.id, r),
 			columns: e.columns,
-			children: U(e.children, t, n, r, i, a, o)
+			children: Y(e.children, t, n, r, i, a, o)
 		};
-		case "field": return fe(e.field, t), me(e.field, n, i, a, o), {
+		case "field": return ve(e.field, t), be(e.field, n, i, a, o), {
 			kind: "field",
 			field: e.field
 		};
-		case "report": return pe(e.report, t), he(e.report, n, i, a, o), {
+		case "report": return ye(e.report, t), xe(e.report, n, i, a, o), {
 			kind: "report",
 			report: e.report
 		};
 	}
-}), _e = (e, t, n) => {
-	let r = ue(t, n), i = de(), a = /* @__PURE__ */ new Map();
+}), Ce = (e, t, n) => {
+	let r = ge(t, n), i = _e(), a = /* @__PURE__ */ new Map();
 	if (!e || e.kind === void 0 || e.kind === "stacked" || e.kind === "split") {
-		let o = U(e?.children ?? ge(t, n), r, i, a, null, null, null);
-		return H(t, i), {
+		let o = Y(e?.children ?? Se(t, n), r, i, a, null, null, null);
+		return J(t, i), {
 			layout: {
 				kind: e?.kind ?? "stacked",
 				children: o
@@ -1387,10 +1515,10 @@ var ue = (e, t) => ({
 		};
 	}
 	if (e.kind === "tabs") {
-		if (e.tabs.length === 0) throw TypeError(A.tabsRequiresTabs);
+		if (e.tabs.length === 0) throw TypeError(I.tabsRequiresTabs);
 		let n = /* @__PURE__ */ new Map(), o = e.tabs.map((e, t) => {
-			let o = V("tab", e.id ?? e.title ?? `tab-${t + 1}`, n), s = U(e.children, r, i, a, null, o, null);
-			if (s.length === 0) throw TypeError(A.tabEmpty(o));
+			let o = q("tab", e.id ?? e.title ?? `tab-${t + 1}`, n), s = Y(e.children, r, i, a, null, o, null);
+			if (s.length === 0) throw TypeError(I.tabEmpty(o));
 			return {
 				id: o,
 				title: e.title,
@@ -1398,7 +1526,7 @@ var ue = (e, t) => ({
 				children: s
 			};
 		});
-		return H(t, i), {
+		return J(t, i), {
 			layout: {
 				kind: "tabs",
 				tabs: o
@@ -1407,10 +1535,10 @@ var ue = (e, t) => ({
 		};
 	}
 	let o = e;
-	if (o.steps.length === 0) throw TypeError(A.wizardRequiresSteps);
+	if (o.steps.length === 0) throw TypeError(I.wizardRequiresSteps);
 	let s = /* @__PURE__ */ new Map(), c = o.steps.map((e, t) => {
-		let n = V("step", e.id ?? e.title ?? `step-${t + 1}`, s), o = U(e.children, r, i, a, n, null, null);
-		if (o.length === 0) throw TypeError(A.wizardStepEmpty(n));
+		let n = q("step", e.id ?? e.title ?? `step-${t + 1}`, s), o = Y(e.children, r, i, a, n, null, null);
+		if (o.length === 0) throw TypeError(I.wizardStepEmpty(n));
 		return {
 			id: n,
 			title: e.title,
@@ -1418,14 +1546,30 @@ var ue = (e, t) => ({
 			children: o
 		};
 	});
-	return H(t, i), {
+	return J(t, i), {
 		layout: {
 			kind: "wizard",
 			steps: c
 		},
 		maps: i
 	};
-}, W = (e, t, n) => {
+}, we = (e, t) => {
+	for (let n of t.fields ?? []) n.register(e.registry, e.descriptorRegistry);
+	for (let n of t.reports ?? []) n.register(e.registry, e.descriptorRegistry);
+	e.behaviors.push(...t.behaviors ?? []);
+}, Te = () => ({
+	registry: s(),
+	descriptorRegistry: ce(),
+	behaviors: [o()]
+}), Ee = (e) => {
+	let t = Te(), n = {
+		registry: e.registry ? te(e.registry) : t.registry,
+		descriptorRegistry: e.descriptorRegistry?.clone() ?? t.descriptorRegistry,
+		behaviors: e.behaviors ? [...e.behaviors] : t.behaviors
+	};
+	for (let t of e.plugins ?? []) we(n, t);
+	return n;
+}, De = (e, t, n) => {
 	if (n.length === 0) return null;
 	let r = Math.min(Math.max(t, 0), n.length - 1);
 	return {
@@ -1436,8 +1580,8 @@ var ue = (e, t) => ({
 		canGoNext: r < n.length - 1,
 		canGoPrev: r > 0
 	};
-}, G = ({ layout: e, stepIndex: t, formState: n }) => {
-	let r = W("wizard-step", t, (e.kind === "wizard" ? e.steps : []).map((e) => e.id));
+}, Oe = ({ layout: e, stepIndex: t, formState: n }) => {
+	let r = De("wizard-step", t, (e.kind === "wizard" ? e.steps : []).map((e) => e.id));
 	return r ? {
 		stepIndex: r.index,
 		stepCount: r.count,
@@ -1446,8 +1590,8 @@ var ue = (e, t) => ({
 		canPrev: r.canGoPrev,
 		isLastStep: r.index === r.count - 1
 	} : null;
-}, K = ({ layout: e, activeTabIndex: t }) => {
-	let n = W("tab", t, (e.kind === "tabs" ? e.tabs : []).map((e) => e.id));
+}, ke = ({ layout: e, activeTabIndex: t }) => {
+	let n = De("tab", t, (e.kind === "tabs" ? e.tabs : []).map((e) => e.id));
 	return n ? {
 		activeTabIndex: n.index,
 		tabCount: n.count,
@@ -1455,27 +1599,27 @@ var ue = (e, t) => ({
 		canGoNext: n.canGoNext,
 		canGoPrev: n.canGoPrev
 	} : null;
-}, q = (e, t = []) => {
+}, X = (e, t = []) => {
 	for (let n of e) n.kind === "section" ? (t.push({
 		id: n.id,
 		defaultOpen: n.defaultOpen
-	}), q(n.children, t)) : n.kind === "group" && q(n.children, t);
+	}), X(n.children, t)) : n.kind === "group" && X(n.children, t);
 	return t;
-}, J = ({ layout: e, openSectionIds: t }) => {
-	let n = e.kind === "wizard" ? e.steps.flatMap((e) => q(e.children)) : e.kind === "tabs" ? e.tabs.flatMap((e) => q(e.children)) : q(e.children);
+}, Ae = ({ layout: e, openSectionIds: t }) => {
+	let n = e.kind === "wizard" ? e.steps.flatMap((e) => X(e.children)) : e.kind === "tabs" ? e.tabs.flatMap((e) => X(e.children)) : X(e.children);
 	return n.length === 0 ? null : {
 		openSectionIds: n.map((e) => e.id).filter((e) => t.has(e)),
 		sectionCount: n.length
 	};
-}, ve = (e) => ({
+}, je = (e) => ({
 	form: e.formState,
-	wizard: G(e),
-	tabs: K(e),
-	disclosure: J(e)
-}), Y = (e, t, n, r, i, a, o) => e.kind === "wizard" ? i === (e.steps[t]?.id ?? null) && (!o || r.has(o)) : e.kind === "tabs" ? a === (e.tabs[n]?.id ?? null) && (!o || r.has(o)) : !o || r.has(o), ye = (e) => ({
+	wizard: Oe(e),
+	tabs: ke(e),
+	disclosure: Ae(e)
+}), Me = (e, t, n, r, i, a, o) => e.kind === "wizard" ? i === (e.steps[t]?.id ?? null) && (!o || r.has(o)) : e.kind === "tabs" ? a === (e.tabs[n]?.id ?? null) && (!o || r.has(o)) : !o || r.has(o), Ne = (e) => ({
 	component: "unsupported-field",
 	props: { label: e.config.label ?? e.id }
-}), be = (e, t, n, r, i, a) => {
+}), Pe = (e, t, n, r, i, a) => {
 	let o = n.maps.fieldStepIds.get(e.id) ?? null, s = n.maps.fieldTabIds.get(e.id) ?? null, c = n.maps.fieldSectionIds.get(e.id) ?? null, l = t.getField(e.kind);
 	return {
 		id: e.id,
@@ -1487,13 +1631,13 @@ var ue = (e, t) => ({
 			fieldId: e.id,
 			state: e.state,
 			value: e.state.value
-		}) ?? ye(e),
+		}) ?? Ne(e),
 		stepId: o,
 		tabId: s,
 		sectionId: c,
-		visibleInLayout: Y(n.layout, r, i, a, o, s, c)
+		visibleInLayout: Me(n.layout, r, i, a, o, s, c)
 	};
-}, xe = (e, t, n, r, i, a, o) => {
+}, Fe = (e, t, n, r, i, a, o) => {
 	let s = r.maps.reportStepIds.get(e.id) ?? null, c = r.maps.reportTabIds.get(e.id) ?? null, l = r.maps.reportSectionIds.get(e.id) ?? null, u = n.getReport(e.kind);
 	return {
 		id: e.id,
@@ -1510,45 +1654,45 @@ var ue = (e, t) => ({
 		stepId: s,
 		tabId: c,
 		sectionId: l,
-		visibleInLayout: Y(r.layout, i, a, o, s, c, l)
+		visibleInLayout: Me(r.layout, i, a, o, s, c, l)
 	};
-}, Se = ({ form: e, descriptorRegistry: t, resolvedLayout: n, stepIndex: r, activeTabIndex: i, openSectionIds: a }) => ({
+}, Ie = ({ form: e, descriptorRegistry: t, resolvedLayout: n, stepIndex: r, activeTabIndex: i, openSectionIds: a }) => ({
 	form: e.state,
 	layout: n.layout,
-	fields: e.fields.map((e) => be(e, t, n, r, i, a)),
-	reports: e.reports.map((o) => xe(o, e, t, n, r, i, a)),
-	wizard: G({
+	fields: e.fields.map((e) => Pe(e, t, n, r, i, a)),
+	reports: e.reports.map((o) => Fe(o, e, t, n, r, i, a)),
+	wizard: Oe({
 		layout: n.layout,
 		stepIndex: r,
 		activeTabIndex: i,
 		openSectionIds: a,
 		formState: e.state
 	}),
-	tabs: K({
+	tabs: ke({
 		layout: n.layout,
 		stepIndex: r,
 		activeTabIndex: i,
 		openSectionIds: a,
 		formState: e.state
 	}),
-	disclosure: J({
+	disclosure: Ae({
 		layout: n.layout,
 		stepIndex: r,
 		activeTabIndex: i,
 		openSectionIds: a,
 		formState: e.state
 	})
-}), Ce = (e, t, n, r, i) => ve({
+}), Le = (e, t, n, r, i) => je({
 	formState: e.state,
 	layout: t,
 	stepIndex: n,
 	activeTabIndex: r,
 	openSectionIds: i
-}), we = ({ form: e, descriptorRegistry: t, resolvedLayout: n, getStepIndex: r, getActiveTabIndex: i, getOpenSectionIds: a }) => {
+}), Re = ({ form: e, descriptorRegistry: t, resolvedLayout: n, getStepIndex: r, getActiveTabIndex: i, getOpenSectionIds: a }) => {
 	let o = e.state, s = -1, c = -1, l = "", u = null;
 	return () => {
 		let d = r(), f = i(), p = a(), m = e.state, h = Array.from(p).sort().join("|");
-		return u && o === m && s === d && c === f && l === h ? u : (o = m, s = d, c = f, l = h, u = Se({
+		return u && o === m && s === d && c === f && l === h ? u : (o = m, s = d, c = f, l = h, u = Ie({
 			form: e,
 			descriptorRegistry: t,
 			resolvedLayout: n,
@@ -1557,26 +1701,26 @@ var ue = (e, t) => ({
 			openSectionIds: p
 		}), u);
 	};
-}, X = (e, t) => e.flatMap((e) => e.kind === "section" ? t.has(e.id) ? [e] : [] : [e]), Te = async (e, t, n) => {
+}, Z = (e, t) => e.flatMap((e) => e.kind === "section" ? t.has(e.id) ? [e] : [] : [e]), ze = async (e, t, n) => {
 	if (t.layout.kind !== "wizard") return !1;
 	let r = t.layout.steps[n]?.id;
 	if (!r) return !1;
 	let i = e.fields.filter((e) => t.maps.fieldStepIds.get(e.id) === r && e.state.visible);
 	return (await Promise.all(i.map((e) => e.validate()))).every((e) => e.errors.length === 0);
-}, Ee = (e, t, n, r) => {
+}, Be = (e, t, n, r) => {
 	switch (e.layout.kind) {
 		case "stacked":
-		case "split": return X(e.layout.children, r);
-		case "wizard": return X(e.layout.steps[t]?.children ?? [], r);
-		case "tabs": return X(e.layout.tabs[n]?.children ?? [], r);
-	}
-}, Z = (e, t) => {
-	if (!e.some((e) => e.id === t)) throw TypeError(A.unknownDisclosureSection(t));
-}, Q = (n) => {
-	let r = !n.registry || !n.descriptorRegistry || !n.behaviors ? i() : null, a = n.registry ? ee(n.registry) : r.registry, o = n.descriptorRegistry?.clone() ?? r.descriptorRegistry, s = t({
+		case "split": return Z(e.layout.children, r);
+		case "wizard": return Z(e.layout.steps[t]?.children ?? [], r);
+		case "tabs": return Z(e.layout.tabs[n]?.children ?? [], r);
+	}
+}, Q = (e, t) => {
+	if (!e.some((e) => e.id === t)) throw TypeError(I.unknownDisclosureSection(t));
+}, Ve = (n) => {
+	let r = Ee(n), i = r.registry, a = r.descriptorRegistry, o = t({
 		schema: n.schema,
-		registry: a,
-		behaviors: n.behaviors ?? r?.behaviors,
+		registry: i,
+		behaviors: r.behaviors,
 		transport: n.transport,
 		initialValues: n.initialValues,
 		validators: n.validators,
@@ -1585,128 +1729,129 @@ var ue = (e, t) => ({
 		inactiveFieldPolicy: n.inactiveFieldPolicy,
 		listenerErrorPolicy: n.listenerErrorPolicy,
 		onListenerError: n.onListenerError
-	}), c = n.reportFetchMode ?? "lazy", l = _e(n.layout, s.fields, s.reports), u = 0, d = 0, f = l.layout.kind === "wizard" ? l.layout.steps.flatMap((e) => q(e.children)) : l.layout.kind === "tabs" ? l.layout.tabs.flatMap((e) => q(e.children)) : q(l.layout.children), p = new Set(f.filter((e) => e.defaultOpen).map((e) => e.id)), m = /* @__PURE__ */ new Set(), h = l.layout.kind === "wizard" ? l.layout.steps : [], g = l.layout.kind === "tabs" ? l.layout.tabs : [], _ = k(l.layout), v = /* @__PURE__ */ new Map();
-	for (let e of O(l.layout)) "id" in e && v.set(e.id, e);
-	let y = () => Ce(s, l.layout, u, d, p), b = we({
-		form: s,
-		descriptorRegistry: o,
-		resolvedLayout: l,
-		getStepIndex: () => u,
-		getActiveTabIndex: () => d,
-		getOpenSectionIds: () => p
-	}), x = () => {
-		let e = b();
-		for (let t of m) t(e);
+	}), s = n.reportFetchMode ?? "lazy", c = Ce(n.layout, o.fields, o.reports), l = 0, u = 0, d = c.layout.kind === "wizard" ? c.layout.steps.flatMap((e) => X(e.children)) : c.layout.kind === "tabs" ? c.layout.tabs.flatMap((e) => X(e.children)) : X(c.layout.children), f = new Set(d.filter((e) => e.defaultOpen).map((e) => e.id)), p = /* @__PURE__ */ new Set(), m = c.layout.kind === "wizard" ? c.layout.steps : [], h = c.layout.kind === "tabs" ? c.layout.tabs : [], g = ue(c.layout), _ = /* @__PURE__ */ new Map();
+	for (let e of F(c.layout)) "id" in e && _.set(e.id, e);
+	let v = () => Le(o, c.layout, l, u, f), y = Re({
+		form: o,
+		descriptorRegistry: a,
+		resolvedLayout: c,
+		getStepIndex: () => l,
+		getActiveTabIndex: () => u,
+		getOpenSectionIds: () => f
+	}), b = () => {
+		let e = y();
+		for (let t of p) t(e);
 	};
-	return s.subscribe(() => {
-		x();
+	return o.subscribe(() => {
+		b();
 	}), Object.freeze({
-		form: s,
-		engineRegistry: a,
-		descriptorRegistry: o,
+		form: o,
+		engineRegistry: i,
+		descriptorRegistry: a,
 		get state() {
-			return y();
+			return v();
 		},
-		getSnapshot: b,
+		getSnapshot: y,
 		getNodeById(e) {
-			return v.get(e);
+			return _.get(e);
 		},
 		getField(e) {
-			return b().fields.find((t) => t.id === e);
+			return y().fields.find((t) => t.id === e);
 		},
 		getReport(e) {
-			return b().reports.find((t) => t.id === e);
+			return y().reports.find((t) => t.id === e);
 		},
 		getVisibleFields() {
-			return b().fields.filter((e) => e.visibleInLayout && e.state.visible);
+			return y().fields.filter((e) => e.visibleInLayout && e.state.visible);
 		},
 		getVisibleReports() {
-			return b().reports.filter((e) => e.visibleInLayout);
+			return y().reports.filter((e) => e.visibleInLayout);
 		},
 		getActiveLayoutNodes() {
-			return Ee(l, u, d, p);
+			return Be(c, l, u, f);
 		},
 		getLayoutReferences() {
-			return _;
+			return g;
 		},
 		validate() {
-			return s.validate();
+			return o.validate();
 		},
 		async submit(t) {
-			return c === "lazy" ? s.submit(t) : (await e({
-				form: s,
+			return s === "lazy" ? o.submit(t) : (await e({
+				form: o,
 				submit: t,
-				reportFetchMode: c
+				reportFetchMode: s
 			})).submitResult;
 		},
 		submitPipeline(t) {
 			return e({
-				form: s,
+				form: o,
 				submit: t,
-				reportFetchMode: c === "lazy" ? "none" : c
+				reportFetchMode: s === "lazy" ? "none" : s
 			});
 		},
 		reset() {
-			s.reset();
+			o.reset();
 		},
 		subscribe(e) {
-			return m.add(e), () => {
-				m.delete(e);
+			return p.add(e), () => {
+				p.delete(e);
 			};
 		},
 		async nextStep() {
-			return l.layout.kind !== "wizard" || !await Te(s, l, u) ? !1 : (u < h.length - 1 && (u += 1, x()), !0);
+			return c.layout.kind !== "wizard" || !await ze(o, c, l) ? !1 : (l < m.length - 1 && (l += 1, b()), !0);
 		},
 		prevStep() {
-			l.layout.kind === "wizard" && u > 0 && (--u, x());
+			c.layout.kind === "wizard" && l > 0 && (--l, b());
 		},
 		async goToStep(e) {
-			if (l.layout.kind !== "wizard") throw TypeError(A.nonWizardGoToStep);
-			let t = h.findIndex((t) => t.id === e);
-			if (t < 0) throw TypeError(A.unknownWizardStep(e));
-			if (t <= u) return u = t, x(), !0;
-			for (; u < t;) if (!await this.nextStep()) return !1;
+			if (c.layout.kind !== "wizard") throw TypeError(I.nonWizardGoToStep);
+			let t = m.findIndex((t) => t.id === e);
+			if (t < 0) throw TypeError(I.unknownWizardStep(e));
+			if (t <= l) return l = t, b(), !0;
+			for (; l < t;) if (!await this.nextStep()) return !1;
 			return !0;
 		},
 		setActiveTab(e) {
-			if (l.layout.kind !== "tabs") throw TypeError(A.nonTabsSetActiveTab);
-			let t = g.findIndex((t) => t.id === e);
-			if (t < 0) throw TypeError(A.unknownTab(e));
-			t !== d && (d = t, x());
+			if (c.layout.kind !== "tabs") throw TypeError(I.nonTabsSetActiveTab);
+			let t = h.findIndex((t) => t.id === e);
+			if (t < 0) throw TypeError(I.unknownTab(e));
+			t !== u && (u = t, b());
 		},
 		nextTab() {
-			return l.layout.kind !== "tabs" || d >= g.length - 1 ? !1 : (d += 1, x(), !0);
+			return c.layout.kind !== "tabs" || u >= h.length - 1 ? !1 : (u += 1, b(), !0);
 		},
 		prevTab() {
-			return l.layout.kind !== "tabs" || d <= 0 ? !1 : (--d, x(), !0);
+			return c.layout.kind !== "tabs" || u <= 0 ? !1 : (--u, b(), !0);
 		},
 		toggleSection(e) {
-			Z(f, e), p.has(e) ? p.delete(e) : p.add(e), x();
+			Q(d, e), f.has(e) ? f.delete(e) : f.add(e), b();
 		},
 		openSection(e) {
-			Z(f, e), p.has(e) || (p.add(e), x());
+			Q(d, e), f.has(e) || (f.add(e), b());
 		},
 		closeSection(e) {
-			Z(f, e), p.delete(e) && x();
+			Q(d, e), f.delete(e) && b();
 		},
 		openAllSections() {
-			p = new Set(f.map((e) => e.id)), x();
+			f = new Set(d.map((e) => e.id)), b();
 		},
 		closeAllSections() {
-			p = /* @__PURE__ */ new Set(), x();
+			f = /* @__PURE__ */ new Set(), b();
 		}
 	});
-}, $ = Symbol("mlform.kit.mounted"), De = (e) => {
-	if (!e.mode || !e.theme || !e.recipe) throw TypeError(A.invalidDesignSystemSnapshot);
-}, Oe = (e) => {
+}, $ = Symbol("mlform.kit.mounted"), He = (e) => {
+	if (!e.mode || !e.theme || !e.recipe) throw TypeError(I.invalidDesignSystemSnapshot);
+}, Ue = (e) => {
 	let t = e.layout;
 	return !!(t && "children" in t && t.children && t.children.length > 0);
-}, ke = (e) => Q({
+}, We = (e) => Ve({
 	schema: e.schema,
 	transport: e.transport,
 	registry: e.registry,
 	descriptorRegistry: e.descriptorRegistry,
 	behaviors: e.behaviors,
+	plugins: e.plugins,
 	initialValues: e.initialValues,
 	validators: e.validators,
 	hooks: e.hooks,
@@ -1716,11 +1861,11 @@ var ue = (e, t) => ({
 	onListenerError: e.onListenerError,
 	layout: e.layout,
 	reportFetchMode: e.reportFetchMode
-}), Ae = (e, t) => {
+}), Ge = (e, t) => {
 	let n = e;
 	n[$]?.unmount();
-	let r = te(t.primitiveRegistry), i = ne(t.designSystemRegistry), a = re(t.labels), o = ie(t.designSystem), s = !t.layout || (t.layout.kind === void 0 || t.layout.kind === "stacked" || t.layout.kind === "split") && !Oe(t), c = ke(t), l = () => {}, u = s ? (() => {
-		let n = f(e, c.form, {
+	let r = ne(t.primitiveRegistry), i = re(t.designSystemRegistry), a = ie(t.labels), o = ae(t.designSystem), s = !t.layout || (t.layout.kind === void 0 || t.layout.kind === "stacked" || t.layout.kind === "split") && !Ue(t), c = We(t), l = () => {}, u = s ? (() => {
+		let n = g(e, c.form, {
 			registry: r,
 			descriptorRegistry: c.descriptorRegistry,
 			layout: t.layout?.kind === "split" ? "split" : "stacked",
@@ -1744,13 +1889,13 @@ var ue = (e, t) => ({
 		});
 		return l = () => n.unmount(), n.host;
 	})() : (() => {
-		let n = Me(e, t, r, a, c);
+		let n = qe(e, t, r, a, c);
 		return l = () => n.remove(), n;
-	})(), d = h(u, {
+	})(), d = y(u, {
 		config: o,
 		registry: i,
 		onChange: t.onDesignSystemChange
-	}), p = !1, m = Object.freeze({
+	}), f = !1, p = Object.freeze({
 		form: c.form,
 		host: u,
 		engineRegistry: c.engineRegistry,
@@ -1762,35 +1907,35 @@ var ue = (e, t) => ({
 			d.update(e);
 		},
 		replaceDesignSystem(e) {
-			De(e), d.replace(e);
+			He(e), d.replace(e);
 		},
 		resetDesignSystem() {
 			d.reset();
 		},
 		unmount() {
-			p || (p = !0, n[$] === m && delete n[$], c.form.abortSubmit("unmount"), d.disconnect(), l());
+			f || (f = !0, n[$] === p && delete n[$], c.form.abortSubmit("unmount"), d.disconnect(), l());
 		}
 	});
-	return n[$] = m, m;
-}, je = (e) => {
+	return n[$] = p, p;
+}, Ke = (e) => {
 	e.unmount();
-}, Me = (e, t, n, r, i) => {
-	let o = i.getSnapshot(), s = o.layout.kind === "wizard" ? j.wizard : o.layout.kind === "tabs" ? j.tabs : j.disclosure, c = document.createElement(s);
-	if (c.view = i, c.registry = n, c.primitiveText = a(t.primitiveText), o.layout.kind === "wizard") {
+}, qe = (e, t, n, r, i) => {
+	let a = i.getSnapshot(), o = a.layout.kind === "wizard" ? L.wizard : a.layout.kind === "tabs" ? L.tabs : L.disclosure, s = document.createElement(o);
+	if (s.view = i, s.registry = n, s.primitiveText = c(t.primitiveText), a.layout.kind === "wizard") {
 		let e = {
-			...L,
+			...U,
 			...t.labels
 		};
-		c.labels = e, c.text = z({
+		s.labels = e, s.text = G({
 			prevLabel: e.prev,
 			nextLabel: e.next,
 			submitLabel: e.submit,
 			validatingLabel: e.validating,
 			submittingLabel: e.submitting
 		});
-	} else c.submitLabel = r.submit, c.validatingLabel = r.validating, c.submittingLabel = r.submitting;
-	return e.replaceChildren(c), c;
-}, Ne = (e, t) => e ? typeof e == "function" ? e(t) ?? {} : e : {}, Pe = (e) => {
+	} else s.submitLabel = r.submit, s.validatingLabel = r.validating, s.submittingLabel = r.submitting;
+	return e.replaceChildren(s), s;
+}, Je = (e, t) => e ? typeof e == "function" ? e(t) ?? {} : e : {}, Ye = (e) => {
 	let t = e.validate, n = {
 		kind: e.kind,
 		schema: e.schema,
@@ -1807,7 +1952,7 @@ var ue = (e, t) => ({
 	}, r = {
 		kind: e.kind,
 		describe(t, n) {
-			let r = Ne(e.render.hints, {
+			let r = Je(e.render.hints, {
 				config: t,
 				fieldId: t.id,
 				state: n.state,
@@ -1838,6 +1983,7 @@ var ue = (e, t) => ({
 		}
 	}, i = r.describe.bind(r);
 	return Object.assign(n, { describe: i }), {
+		category: "field",
 		kind: e.kind,
 		schema: e.schema,
 		getDefaultValue: e.value?.default,
@@ -1848,9 +1994,12 @@ var ue = (e, t) => ({
 		validate: n.validate,
 		describe: i,
 		definition: n,
-		presenter: r
+		presenter: r,
+		register(e, t) {
+			e.registerField(n), t.registerField(r);
+		}
 	};
-}, Fe = (e) => {
+}, Xe = (e) => {
 	let t = {
 		kind: e.kind,
 		schema: e.schema,
@@ -1886,7 +2035,7 @@ var ue = (e, t) => ({
 					error: n.state.error,
 					state: n.state.status,
 					summary: e.render.summary?.(r) ?? null,
-					content: !i && n.payload !== void 0 && e.render.content ? o(e.render.content(r)) : [],
+					content: !i && n.payload !== void 0 && e.render.content ? l(e.render.content(r)) : [],
 					mount: i ? e.render.mount : null,
 					mountContext: i ? r : null,
 					...t.ui
@@ -1896,6 +2045,7 @@ var ue = (e, t) => ({
 		}
 	}, r = n.describe.bind(n);
 	return Object.assign(t, { describe: r }), {
+		category: "report",
 		kind: e.kind,
 		schema: e.schema,
 		payloadSchema: e.payloadSchema,
@@ -1905,12 +2055,22 @@ var ue = (e, t) => ({
 		resolvePayload: t.resolvePayload,
 		describe: r,
 		definition: t,
-		presenter: n
+		presenter: n,
+		register(e, r) {
+			e.registerReport(t), r.registerReport(n);
+		}
 	};
-}, Ie = (e, t, n) => {
-	e.registerField(n.definition), t.registerField(n.presenter);
-}, Le = (e, t, n) => {
-	e.registerReport(n.definition), t.registerReport(n.presenter);
+}, Ze = (e, t, n) => {
+	n.register(e, t);
+}, Qe = (e, t, n) => {
+	n.register(e, t);
+}, $e = (e) => {
+	let t = [...e.fields ?? []], n = [...e.reports ?? []], r = [...e.behaviors ?? []];
+	return Object.freeze({
+		fields: Object.freeze(t),
+		reports: Object.freeze(n),
+		behaviors: Object.freeze(r)
+	});
 };
 //#endregion
-export { k as collectLayoutReferences, Q as createFormView, T as defaultKitDesignSystem, w as defaultKitLabels, Pe as defineFieldKind, Fe as defineReportKind, O as flattenLayoutNodes, Ae as mountForm, Ie as registerDefinedFieldKind, Le as registerDefinedReportKind, je as unmountForm, D as walkLayoutNodes };
+export { ue as collectLayoutReferences, ce as createBuiltinDescriptorRegistry, Ve as createFormView, O as defaultKitDesignSystem, ee as defaultKitLabels, Ye as defineFieldKind, $e as defineMlformPlugin, Xe as defineReportKind, F as flattenLayoutNodes, Ge as mountForm, Ze as registerDefinedFieldKind, Qe as registerDefinedReportKind, Ke as unmountForm, le as walkLayoutNodes };