tembro 3.1.14 → 3.1.16

package/dist/src/showcase/registry-specific.js

@@ -13,33 +13,33 @@ import { Drawer as f } from "../components/overlay/drawer.js";
 import { AsyncSelect as p } from "../components/inputs/async-select.js";
 import { OtpInput as m } from "../components/inputs/otp-input.js";
 import { Rating as h } from "../components/inputs/rating.js";
-import { RangeSlider as te, Slider as g } from "../components/inputs/slider.js";
-import { TagInput as _ } from "../components/inputs/tag-input.js";
-import { Calendar as v } from "../components/calendar/calendar.js";
-import { Alert as ne } from "../components/feedback/alert.js";
-import { PageState as re } from "../components/feedback/page-state.js";
-import { DescriptionList as y } from "../components/display/description-list.js";
-import { Avatar as b } from "../components/display/avatar.js";
-import { List as x } from "../components/display/list.js";
-import { Progress as S } from "../components/display/progress.js";
-import { StatusDot as C } from "../components/display/status-dot.js";
-import { StatusLegend as w } from "../components/display/status-legend.js";
-import { Timeline as T } from "../components/display/timeline.js";
-import { InfoCard as E } from "../components/display/info-card.js";
-import { FileUpload as D } from "../components/upload/file-upload.js";
-import { ImageUpload as O } from "../components/upload/image-upload.js";
-import { FormBuilder as k, customField as A, formSection as j } from "../components/patterns/form-builder.js";
-import { ResourcePage as M, ResourcePageSection as N } from "../components/patterns/resource-page.js";
-import { ResourceDetailPage as P } from "../components/patterns/resource-detail-page.js";
-import { Stepper as F } from "../components/wizard/stepper.js";
-import { Wizard as I } from "../components/wizard/wizard.js";
-import { PreviewFileDropzone as L, PreviewStatCard as R } from "./preview-compositions.js";
+import { RangeSlider as g, Slider as _ } from "../components/inputs/slider.js";
+import { TagInput as te } from "../components/inputs/tag-input.js";
+import { Calendar as ne } from "../components/calendar/calendar.js";
+import { Alert as re } from "../components/feedback/alert.js";
+import { PageState as ie } from "../components/feedback/page-state.js";
+import { DescriptionList as v } from "../components/display/description-list.js";
+import { Avatar as ae } from "../components/display/avatar.js";
+import { List as y } from "../components/display/list.js";
+import { Progress as b } from "../components/display/progress.js";
+import { StatusDot as x } from "../components/display/status-dot.js";
+import { StatusLegend as S } from "../components/display/status-legend.js";
+import { Timeline as C } from "../components/display/timeline.js";
+import { InfoCard as w } from "../components/display/info-card.js";
+import { FileUpload as T } from "../components/upload/file-upload.js";
+import { ImageUpload as E } from "../components/upload/image-upload.js";
+import { FormBuilder as D, customField as O, formSection as k, inputField as A, selectField as j, switchField as M, textareaField as N } from "../components/patterns/form-builder.js";
+import { ResourcePage as P, ResourcePageSection as F } from "../components/patterns/resource-page.js";
+import { ResourceDetailPage as I } from "../components/patterns/resource-detail-page.js";
+import { Stepper as L } from "../components/wizard/stepper.js";
+import { Wizard as R } from "../components/wizard/wizard.js";
+import { PreviewFileDropzone as z, PreviewStatCard as B } from "./preview-compositions.js";
 import "react";
-import { ArchiveIcon as z, BellIcon as B, ChevronRightIcon as V, DownloadIcon as H, FilterIcon as U, LayoutDashboardIcon as W, MoreHorizontalIcon as G, UploadCloudIcon as K } from "lucide-react";
-import { jsx as q, jsxs as J } from "react/jsx-runtime";
-import { useForm as Y } from "react-hook-form";
+import { ArchiveIcon as V, BellIcon as H, ChevronRightIcon as U, DownloadIcon as W, FilterIcon as G, LayoutDashboardIcon as K, MoreHorizontalIcon as q, UploadCloudIcon as J } from "lucide-react";
+import { jsx as Y, jsxs as X } from "react/jsx-runtime";
+import { useForm as oe } from "react-hook-form";
 //#region src/showcase/registry-specific.tsx
-var X = [
+var se = [
 	Z("alert-dialog", "AlertDialog", "overlay", "Destructive confirmation dialog with loading-ready action states."),
 	Z("drawer", "Drawer", "overlay", "Side panel for contextual details without leaving the page."),
 	Z("pagination", "Pagination", "navigation", "Controlled page navigation with edge buttons and active state."),
@@ -67,15 +67,15 @@ var X = [
 	Z("wizard", "Wizard", "wizard", "Stepper, content and footer controls combined into one workflow."),
 	Z("resource-page", "ResourcePage", "patterns", "Full resource index page shell for admin dashboards."),
 	Z("resource-detail-page", "ResourceDetailPage", "patterns", "Detail page shell with title, metadata and sections.")
-], ie = Object.fromEntries(X.map((e) => [e.slug, {
-	mock: ae(e),
-	Showcase: (t) => /* @__PURE__ */ q(se, {
+], ce = Object.fromEntries(se.map((e) => [e.slug, {
+	mock: le(e),
+	Showcase: (t) => /* @__PURE__ */ Y(de, {
 		definition: e,
 		...t
 	})
 }]));
 function Z(e, t, n, r, i = t) {
-	let a = Se(e);
+	let a = Ee(e);
 	return {
 		slug: e,
 		title: a,
@@ -97,77 +97,77 @@ function Z(e, t, n, r, i = t) {
 		}]
 	};
 }
-function ae(e) {
+function le(e) {
 	return {
 		cliCommand: `npx tembro add ${e.slug}`,
-		code: oe(e),
+		code: ue(e),
 		highlights: e.highlights,
 		scenarios: e.scenarios,
 		capabilityNotes: [`Add ${e.slug} into your local source with the CLI.`, "Import the public component surface from `tembro` in app code."]
 	};
 }
-function oe(e) {
+function ue(e) {
 	let t = e.importName ?? e.component;
 	return `import { ${t} } from "tembro"\n\nexport function Demo() {\n  return <${t} />\n}`;
 }
-function se({ definition: e, state: t, setState: n }) {
-	return /* @__PURE__ */ J("div", {
+function de({ definition: e, state: t, setState: n }) {
+	return /* @__PURE__ */ X("div", {
 		className: "space-y-5",
-		children: [/* @__PURE__ */ J("header", {
+		children: [/* @__PURE__ */ X("header", {
 			className: "space-y-2",
-			children: [/* @__PURE__ */ q("p", {
+			children: [/* @__PURE__ */ Y("p", {
 				className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
 				children: e.component
-			}), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("h3", {
+			}), /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("h3", {
 				className: "aui-text-strong text-2xl font-semibold tracking-tight",
 				children: e.title
-			}), /* @__PURE__ */ q("p", {
+			}), /* @__PURE__ */ Y("p", {
 				className: "aui-text-muted mt-2 max-w-2xl text-sm leading-6",
 				children: e.summary
 			})] })]
-		}), /* @__PURE__ */ q("div", {
+		}), /* @__PURE__ */ Y("div", {
 			className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4 sm:p-5",
-			children: ce(e, t, n)
+			children: fe(e, t, n)
 		})]
 	});
 }
-function ce(e, t, n) {
-	return e.kind === "inputs" ? /* @__PURE__ */ q(le, {
+function fe(e, t, n) {
+	return e.kind === "inputs" ? /* @__PURE__ */ Y(pe, {
 		slug: e.slug,
 		state: t,
 		setState: n
-	}) : e.kind === "form" ? /* @__PURE__ */ q(ue, {
+	}) : e.kind === "form" ? /* @__PURE__ */ Y(me, {
 		state: t,
 		setState: n
-	}) : e.kind === "overlay" ? /* @__PURE__ */ q(de, { slug: e.slug }) : e.kind === "navigation" ? /* @__PURE__ */ q(fe, { slug: e.slug }) : e.kind === "feedback" ? /* @__PURE__ */ q(pe, { slug: e.slug }) : e.kind === "display" ? /* @__PURE__ */ q(me, { slug: e.slug }) : e.kind === "actions" ? /* @__PURE__ */ q(Q, {
+	}) : e.kind === "overlay" ? /* @__PURE__ */ Y(he, { slug: e.slug }) : e.kind === "navigation" ? /* @__PURE__ */ Y(ge, { slug: e.slug }) : e.kind === "feedback" ? /* @__PURE__ */ Y(_e, { slug: e.slug }) : e.kind === "display" ? /* @__PURE__ */ Y(ve, { slug: e.slug }) : e.kind === "actions" ? /* @__PURE__ */ Y(ye, {
 		slug: e.slug,
 		state: t,
 		setState: n
-	}) : e.kind === "layout" ? /* @__PURE__ */ q(he, { slug: e.slug }) : e.kind === "data-table" ? /* @__PURE__ */ q(ge, { slug: e.slug }) : e.kind === "calendar" ? /* @__PURE__ */ q(_e, {}) : e.kind === "upload" ? /* @__PURE__ */ q(ve, { slug: e.slug }) : e.kind === "wizard" ? /* @__PURE__ */ q(ye, { slug: e.slug }) : e.kind === "patterns" ? /* @__PURE__ */ q(be, { slug: e.slug }) : null;
+	}) : e.kind === "layout" ? /* @__PURE__ */ Y(be, { slug: e.slug }) : e.kind === "data-table" ? /* @__PURE__ */ Y(xe, { slug: e.slug }) : e.kind === "calendar" ? /* @__PURE__ */ Y(Q, {}) : e.kind === "upload" ? /* @__PURE__ */ Y(Se, { slug: e.slug }) : e.kind === "wizard" ? /* @__PURE__ */ Y(Ce, { slug: e.slug }) : e.kind === "patterns" ? /* @__PURE__ */ Y(we, { slug: e.slug }) : null;
 }
-function le({ slug: e, state: t, setState: n }) {
+function pe({ slug: e, state: t, setState: n }) {
 	let i = t.textValue, a = (e) => n({ textValue: e });
-	if (e === "slider") return /* @__PURE__ */ q(g, {
+	if (e === "slider") return /* @__PURE__ */ Y(_, {
 		label: "Density",
 		description: "Tune content density.",
 		defaultValue: 64,
 		showValue: !0
 	});
-	if (e === "range-slider") return /* @__PURE__ */ q(te, {
+	if (e === "range-slider") return /* @__PURE__ */ Y(g, {
 		label: "Revenue range",
 		description: "Filter between two values.",
 		defaultValue: [20, 80],
 		showValue: !0
 	});
-	if (e === "rating") return /* @__PURE__ */ q(h, {
+	if (e === "rating") return /* @__PURE__ */ Y(h, {
 		defaultValue: 4,
 		labels: { clear: "Reset" }
 	});
-	if (e === "otp-input") return /* @__PURE__ */ q(m, {
+	if (e === "otp-input") return /* @__PURE__ */ Y(m, {
 		value: i.replace(/\D/g, "").slice(0, 6),
 		onValueChange: a
 	});
-	if (e === "tag-input") return /* @__PURE__ */ q(_, {
+	if (e === "tag-input") return /* @__PURE__ */ Y(te, {
 		defaultValue: [
 			"dashboard",
 			"beta",
@@ -193,9 +193,9 @@ function le({ slug: e, state: t, setState: n }) {
 				description: "Billing operations"
 			}
 		];
-		return /* @__PURE__ */ J("div", {
+		return /* @__PURE__ */ X("div", {
 			className: "grid gap-4",
-			children: [/* @__PURE__ */ q(p, {
+			children: [/* @__PURE__ */ Y(p, {
 				value: "north",
 				onValueChange: () => void 0,
 				loadOptions: async (t) => {
@@ -205,18 +205,18 @@ function le({ slug: e, state: t, setState: n }) {
 				defaultOptions: e,
 				minSearchLength: 1,
 				clearable: !0
-			}), /* @__PURE__ */ J("div", {
+			}), /* @__PURE__ */ X("div", {
 				className: "grid gap-3 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ q("div", {
+					/* @__PURE__ */ Y("div", {
 						className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 						children: "Remote-ready select surface."
 					}),
-					/* @__PURE__ */ q("div", {
+					/* @__PURE__ */ Y("div", {
 						className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 						children: "Hydration and clear behavior stay aligned."
 					}),
-					/* @__PURE__ */ q("div", {
+					/* @__PURE__ */ Y("div", {
 						className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 						children: "Good for large or changing datasets."
 					})
@@ -224,45 +224,45 @@ function le({ slug: e, state: t, setState: n }) {
 			})]
 		});
 	}
-	return /* @__PURE__ */ q(r, {
+	return /* @__PURE__ */ Y(r, {
 		value: i,
 		onChange: (e) => n({ textValue: e.currentTarget.value }),
 		placeholder: "Unified input"
 	});
 }
-function ue({ state: e, setState: t }) {
-	return /* @__PURE__ */ J("div", {
+function me({ state: e, setState: t }) {
+	return /* @__PURE__ */ X("div", {
 		className: "grid gap-4 md:grid-cols-2",
-		children: [/* @__PURE__ */ J("label", {
+		children: [/* @__PURE__ */ X("label", {
 			className: "grid gap-2",
 			children: [
-				/* @__PURE__ */ q("span", {
+				/* @__PURE__ */ Y("span", {
 					className: "text-sm font-medium aui-text-strong",
 					children: "Email address"
 				}),
-				/* @__PURE__ */ q(r, {
+				/* @__PURE__ */ Y(r, {
 					value: e.textValue,
 					onChange: (e) => t({ textValue: e.currentTarget.value })
 				}),
-				/* @__PURE__ */ q("span", {
+				/* @__PURE__ */ Y("span", {
 					className: "text-xs aui-text-muted",
 					children: "Form wrappers keep label, hint and error spacing consistent."
 				})
 			]
-		}), /* @__PURE__ */ J("label", {
+		}), /* @__PURE__ */ X("label", {
 			className: "grid gap-2",
 			children: [
-				/* @__PURE__ */ q("span", {
+				/* @__PURE__ */ Y("span", {
 					className: "text-sm font-medium aui-text-strong",
 					children: "Status"
 				}),
-				/* @__PURE__ */ q(r, {
+				/* @__PURE__ */ Y(r, {
 					type: "search",
 					value: "Active customers",
 					resultCount: 7,
 					readOnly: !0
 				}),
-				/* @__PURE__ */ q("span", {
+				/* @__PURE__ */ Y("span", {
 					className: "text-xs text-emerald-500",
 					children: "Ready to submit"
 				})
@@ -270,24 +270,24 @@ function ue({ state: e, setState: t }) {
 		})]
 	});
 }
-function de({ slug: t }) {
-	return t === "alert-dialog" ? /* @__PURE__ */ q(d, {
+function he({ slug: t }) {
+	return t === "alert-dialog" ? /* @__PURE__ */ Y(d, {
 		open: !1,
 		title: "Archive invoice?",
 		description: "This keeps the invoice readable but removes it from active queues.",
-		children: /* @__PURE__ */ q(e, {
+		children: /* @__PURE__ */ Y(e, {
 			variant: "destructive",
 			children: "Open alert"
 		})
-	}) : t === "drawer" ? /* @__PURE__ */ q(f, {
+	}) : t === "drawer" ? /* @__PURE__ */ Y(f, {
 		open: !1,
-		trigger: /* @__PURE__ */ q(e, {
+		trigger: /* @__PURE__ */ Y(e, {
 			variant: "outline",
 			children: "Open drawer"
 		}),
 		title: "Customer details",
 		description: "Side panel for fast inspection.",
-		children: /* @__PURE__ */ q(y, { items: [{
+		children: /* @__PURE__ */ Y(v, { items: [{
 			key: "plan",
 			label: "Plan",
 			value: "Scale"
@@ -296,43 +296,43 @@ function de({ slug: t }) {
 			label: "Owner",
 			value: "Tembro"
 		}] })
-	}) : /* @__PURE__ */ J("div", {
+	}) : /* @__PURE__ */ X("div", {
 		className: "flex flex-wrap items-center justify-end gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4",
 		children: [
-			/* @__PURE__ */ q(e, {
+			/* @__PURE__ */ Y(e, {
 				variant: "ghost",
 				children: "Cancel"
 			}),
-			/* @__PURE__ */ q(e, {
+			/* @__PURE__ */ Y(e, {
 				variant: "outline",
 				children: "Save draft"
 			}),
-			/* @__PURE__ */ q(e, { children: "Publish" })
+			/* @__PURE__ */ Y(e, { children: "Publish" })
 		]
 	});
 }
-function fe({ slug: e }) {
-	return e === "pagination" ? /* @__PURE__ */ q(c, {
+function ge({ slug: e }) {
+	return e === "pagination" ? /* @__PURE__ */ Y(c, {
 		page: 3,
 		pageCount: 9,
 		onPageChange: () => void 0
-	}) : /* @__PURE__ */ q(a, {
+	}) : /* @__PURE__ */ Y(a, {
 		defaultValue: "overview",
-		children: /* @__PURE__ */ J(o, {
+		children: /* @__PURE__ */ X(o, {
 			variant: "pills",
 			overflow: "wrap",
 			children: [
-				/* @__PURE__ */ q(s, {
+				/* @__PURE__ */ Y(s, {
 					value: "overview",
 					variant: "pills",
 					children: "Overview"
 				}),
-				/* @__PURE__ */ q(s, {
+				/* @__PURE__ */ Y(s, {
 					value: "usage",
 					variant: "pills",
 					children: "Usage"
 				}),
-				/* @__PURE__ */ q(s, {
+				/* @__PURE__ */ Y(s, {
 					value: "api",
 					variant: "pills",
 					children: "API"
@@ -341,53 +341,53 @@ function fe({ slug: e }) {
 		})
 	});
 }
-function pe({ slug: t }) {
-	return t === "alert" ? /* @__PURE__ */ q(ne, {
+function _e({ slug: t }) {
+	return t === "alert" ? /* @__PURE__ */ Y(re, {
 		tone: "warning",
 		title: "Review needed",
 		description: "Billing rules changed and one approval is pending.",
-		action: /* @__PURE__ */ q(e, {
+		action: /* @__PURE__ */ Y(e, {
 			size: "sm",
 			children: "Open"
 		})
-	}) : t === "page-state" ? /* @__PURE__ */ q(re, {
+	}) : t === "page-state" ? /* @__PURE__ */ Y(ie, {
 		title: "Workspace connected",
 		description: "The route is ready to accept live data and team actions.",
 		tone: "success",
-		action: /* @__PURE__ */ q(e, {
+		action: /* @__PURE__ */ Y(e, {
 			size: "sm",
 			children: "Continue"
 		})
-	}) : /* @__PURE__ */ J("div", {
+	}) : /* @__PURE__ */ X("div", {
 		className: "flex flex-wrap gap-2",
 		children: [
-			/* @__PURE__ */ q($, {
+			/* @__PURE__ */ Y($, {
 				tone: "success",
 				children: "Live"
 			}),
-			/* @__PURE__ */ q($, {
+			/* @__PURE__ */ Y($, {
 				tone: "warning",
 				children: "Needs review"
 			}),
-			/* @__PURE__ */ q($, {
+			/* @__PURE__ */ Y($, {
 				tone: "danger",
 				children: "Blocked"
 			}),
-			/* @__PURE__ */ q($, {
+			/* @__PURE__ */ Y($, {
 				tone: "info",
 				children: "Queued"
 			})
 		]
 	});
 }
-function me({ slug: t }) {
-	return t === "progress" ? /* @__PURE__ */ q(S, {
+function ve({ slug: t }) {
+	return t === "progress" ? /* @__PURE__ */ Y(b, {
 		label: "Migration progress",
 		description: "Production rollout",
 		value: 68,
 		tone: "success",
 		showValue: !0
-	}) : t === "timeline" ? /* @__PURE__ */ q(T, {
+	}) : t === "timeline" ? /* @__PURE__ */ Y(C, {
 		items: [
 			{
 				key: "created",
@@ -413,7 +413,7 @@ function me({ slug: t }) {
 		],
 		pending: !0,
 		pendingLabel: "Paid"
-	}) : t === "metric-card" || t === "stat-card" ? /* @__PURE__ */ q(R, {
+	}) : t === "metric-card" || t === "stat-card" ? /* @__PURE__ */ Y(B, {
 		title: "Revenue",
 		value: "$84.2k",
 		description: "Compared with last month",
@@ -421,25 +421,25 @@ function me({ slug: t }) {
 			value: "+12.4%",
 			tone: "success"
 		},
-		icon: /* @__PURE__ */ q(W, {})
-	}) : t === "status-dot" ? /* @__PURE__ */ J("div", {
+		icon: /* @__PURE__ */ Y(K, {})
+	}) : t === "status-dot" ? /* @__PURE__ */ X("div", {
 		className: "grid gap-3",
 		children: [
-			/* @__PURE__ */ q(C, {
+			/* @__PURE__ */ Y(x, {
 				tone: "success",
 				pulse: !0,
 				label: "API healthy"
 			}),
-			/* @__PURE__ */ q(C, {
+			/* @__PURE__ */ Y(x, {
 				tone: "warning",
 				label: "Sync delayed"
 			}),
-			/* @__PURE__ */ q(C, {
+			/* @__PURE__ */ Y(x, {
 				tone: "danger",
 				label: "Webhook failed"
 			})
 		]
-	}) : t === "notification-center" ? /* @__PURE__ */ q(x, { items: [
+	}) : t === "notification-center" ? /* @__PURE__ */ Y(y, { items: [
 		{
 			key: "1",
 			title: "Build completed",
@@ -458,7 +458,7 @@ function me({ slug: t }) {
 			description: "Package version is ready for release.",
 			extra: "1h"
 		}
-	] }) : t === "status-legend" ? /* @__PURE__ */ q(w, {
+	] }) : t === "status-legend" ? /* @__PURE__ */ Y(S, {
 		title: "Delivery states",
 		description: "Explain what each state means and how often it appears.",
 		orientation: "grid",
@@ -485,52 +485,52 @@ function me({ slug: t }) {
 				count: 1
 			}
 		]
-	}) : t === "info-card" ? /* @__PURE__ */ J("div", {
+	}) : t === "info-card" ? /* @__PURE__ */ X("div", {
 		className: "grid gap-4",
-		children: [/* @__PURE__ */ q(E, {
+		children: [/* @__PURE__ */ Y(w, {
 			eyebrow: "Summary",
 			title: "Workspace",
 			description: "Reusable card surface with header, actions and metadata.",
-			actions: /* @__PURE__ */ q(e, {
+			actions: /* @__PURE__ */ Y(e, {
 				size: "sm",
 				variant: "outline",
 				children: "Open"
 			}),
 			selected: !0,
-			children: /* @__PURE__ */ q("p", {
+			children: /* @__PURE__ */ Y("p", {
 				className: "aui-text-muted mt-2 text-sm",
 				children: "Keep metadata, helper copy and compact actions in one reusable card surface."
 			})
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ X("div", {
 			className: "grid gap-3 md:grid-cols-3",
 			children: [
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 					children: "Vertical and horizontal layout support."
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 					children: "Selected and action-safe surfaces."
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 					children: "Useful for summary panels and detail sidebars."
 				})
 			]
 		})]
-	}) : /* @__PURE__ */ q(E, {
+	}) : /* @__PURE__ */ Y(w, {
 		title: "Azamat Jurayev",
 		description: "Product designer and maintainer",
-		media: /* @__PURE__ */ q(b, { name: "Azamat Jurayev" }),
-		actions: /* @__PURE__ */ q(e, {
+		media: /* @__PURE__ */ Y(ae, { name: "Azamat Jurayev" }),
+		actions: /* @__PURE__ */ Y(e, {
 			size: "sm",
 			children: "Invite"
 		})
 	});
 }
-function Q({ slug: i, state: a, setState: o }) {
-	return i === "filter-bar" ? /* @__PURE__ */ q(l, {
-		search: /* @__PURE__ */ q(r, {
+function ye({ slug: i, state: a, setState: o }) {
+	return i === "filter-bar" ? /* @__PURE__ */ Y(l, {
+		search: /* @__PURE__ */ Y(r, {
 			type: "search",
 			value: a.textValue,
 			onValueChange: (e) => o({ textValue: e }),
@@ -538,16 +538,16 @@ function Q({ slug: i, state: a, setState: o }) {
 		}),
 		activeCount: 2,
 		onReset: () => o({ textValue: "" }),
-		filters: /* @__PURE__ */ J(e, {
+		filters: /* @__PURE__ */ X(e, {
 			variant: "outline",
 			size: "sm",
-			children: [/* @__PURE__ */ q(U, { "data-icon": "inline-start" }), "Status"]
+			children: [/* @__PURE__ */ Y(G, { "data-icon": "inline-start" }), "Status"]
 		}),
-		actions: /* @__PURE__ */ q(e, {
+		actions: /* @__PURE__ */ Y(e, {
 			size: "sm",
 			children: "Export"
 		})
-	}) : i === "button-group" ? /* @__PURE__ */ q(n, { items: [
+	}) : i === "button-group" ? /* @__PURE__ */ Y(n, { items: [
 		{
 			key: "day",
 			label: "Day"
@@ -560,7 +560,7 @@ function Q({ slug: i, state: a, setState: o }) {
 			key: "month",
 			label: "Month"
 		}
-	] }) : i === "quick-action-grid" ? /* @__PURE__ */ q(ee, {
+	] }) : i === "quick-action-grid" ? /* @__PURE__ */ Y(ee, {
 		columns: 3,
 		items: [
 			{
@@ -582,9 +582,9 @@ function Q({ slug: i, state: a, setState: o }) {
 				badge: "S"
 			}
 		]
-	}) : i === "saved-filter-select" ? /* @__PURE__ */ J("div", {
+	}) : i === "saved-filter-select" ? /* @__PURE__ */ X("div", {
 		className: "grid gap-4",
-		children: [/* @__PURE__ */ q(u, {
+		children: [/* @__PURE__ */ Y(u, {
 			value: "billing",
 			onValueChange: () => void 0,
 			onSave: () => void 0,
@@ -606,89 +606,89 @@ function Q({ slug: i, state: a, setState: o }) {
 					description: "Assigned records only"
 				}
 			]
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ X("div", {
 			className: "grid gap-3 md:grid-cols-3",
 			children: [
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 					children: "Named view switching for table routes."
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 					children: "Delete action stays isolated from parent selection."
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 					children: "Useful in finance, ops and admin dashboards."
 				})
 			]
 		})]
-	}) : /* @__PURE__ */ J("div", {
+	}) : /* @__PURE__ */ X("div", {
 		className: "flex items-center justify-between rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4",
-		children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+		children: [/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("p", {
 			className: "font-medium aui-text-strong",
 			children: "Invoice #4821"
-		}), /* @__PURE__ */ q("p", {
+		}), /* @__PURE__ */ Y("p", {
 			className: "text-sm aui-text-muted",
 			children: "Pending approval"
-		})] }), /* @__PURE__ */ q(t, {
+		})] }), /* @__PURE__ */ Y(t, {
 			label: "Actions",
 			actions: [
 				{
 					key: "open",
 					label: "Open",
-					icon: /* @__PURE__ */ q(V, { className: "size-4" })
+					icon: /* @__PURE__ */ Y(U, { className: "size-4" })
 				},
 				{
 					key: "download",
 					label: "Download",
-					icon: /* @__PURE__ */ q(H, { className: "size-4" })
+					icon: /* @__PURE__ */ Y(W, { className: "size-4" })
 				},
 				{
 					key: "archive",
 					label: "Archive",
-					icon: /* @__PURE__ */ q(z, { className: "size-4" }),
+					icon: /* @__PURE__ */ Y(V, { className: "size-4" }),
 					destructive: !0
 				}
 			],
-			trigger: /* @__PURE__ */ q(e, {
+			trigger: /* @__PURE__ */ Y(e, {
 				variant: "outline",
 				size: "icon-sm",
 				"aria-label": "Open actions",
-				children: /* @__PURE__ */ q(G, {})
+				children: /* @__PURE__ */ Y(q, {})
 			})
 		})]
 	});
 }
-function he({ slug: t }) {
-	return t === "app-header" ? /* @__PURE__ */ J("div", {
+function be({ slug: t }) {
+	return t === "app-header" ? /* @__PURE__ */ X("div", {
 		className: "flex flex-wrap items-center justify-between gap-3 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-3",
 		children: [
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ X("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ q(W, { className: "size-4" }), /* @__PURE__ */ q("span", {
+				children: [/* @__PURE__ */ Y(K, { className: "size-4" }), /* @__PURE__ */ Y("span", {
 					className: "font-medium",
 					children: "Dashboard"
 				})]
 			}),
-			/* @__PURE__ */ q(i, {
+			/* @__PURE__ */ Y(i, {
 				variant: "secondary",
 				children: "Preview"
 			}),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ X("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ q(e, {
+				children: [/* @__PURE__ */ Y(e, {
 					variant: "ghost",
 					size: "icon-sm",
 					"aria-label": "Notifications",
-					children: /* @__PURE__ */ q(B, {})
-				}), /* @__PURE__ */ q(e, {
+					children: /* @__PURE__ */ Y(H, {})
+				}), /* @__PURE__ */ Y(e, {
 					size: "sm",
 					children: "Deploy"
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ q(R, {
+	}) : /* @__PURE__ */ Y(B, {
 		title: "Revenue",
 		value: "$84.2k",
 		description: "Compared with last month",
@@ -699,78 +699,78 @@ function he({ slug: t }) {
 		helperText: "StatCard keeps KPI, helper text and trend in one compact tile."
 	});
 }
-function ge({ slug: t }) {
-	return /* @__PURE__ */ J("div", {
+function xe({ slug: t }) {
+	return /* @__PURE__ */ X("div", {
 		className: "overflow-hidden rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]",
 		children: [
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ X("div", {
 				className: "flex flex-wrap items-center justify-between gap-3 border-b border-[color:var(--aui-divider)] p-3",
-				children: [/* @__PURE__ */ q(r, {
+				children: [/* @__PURE__ */ Y(r, {
 					type: "search",
 					value: "",
 					placeholder: "Search rows...",
 					className: "max-w-xs",
 					readOnly: !0
-				}), /* @__PURE__ */ J("div", {
+				}), /* @__PURE__ */ X("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ J(e, {
+					children: [/* @__PURE__ */ X(e, {
 						variant: "outline",
 						size: "sm",
-						children: [/* @__PURE__ */ q(U, { "data-icon": "inline-start" }), "Filters"]
-					}), /* @__PURE__ */ q(e, {
+						children: [/* @__PURE__ */ Y(G, { "data-icon": "inline-start" }), "Filters"]
+					}), /* @__PURE__ */ Y(e, {
 						size: "sm",
 						children: "Create"
 					})]
 				})]
 			}),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ X("div", {
 				className: "grid grid-cols-[40px_1fr_120px_72px] border-b border-[color:var(--aui-divider)] px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] aui-text-muted",
 				children: [
-					/* @__PURE__ */ q("span", { children: /* @__PURE__ */ q("input", {
+					/* @__PURE__ */ Y("span", { children: /* @__PURE__ */ Y("input", {
 						type: "checkbox",
 						"aria-label": "Select rows"
 					}) }),
-					/* @__PURE__ */ q("span", { children: "Name" }),
-					/* @__PURE__ */ q("span", { children: "Status" }),
-					/* @__PURE__ */ q("span", { children: "Actions" })
+					/* @__PURE__ */ Y("span", { children: "Name" }),
+					/* @__PURE__ */ Y("span", { children: "Status" }),
+					/* @__PURE__ */ Y("span", { children: "Actions" })
 				]
 			}),
 			[
 				"Tembro",
 				"Registry",
 				"Dashboard"
-			].map((t, n) => /* @__PURE__ */ J("div", {
+			].map((t, n) => /* @__PURE__ */ X("div", {
 				className: "grid grid-cols-[40px_1fr_120px_72px] items-center border-b border-[color:var(--aui-divider)] px-3 py-3 last:border-b-0",
 				children: [
-					/* @__PURE__ */ q("span", { children: /* @__PURE__ */ q("input", {
+					/* @__PURE__ */ Y("span", { children: /* @__PURE__ */ Y("input", {
 						type: "checkbox",
 						"aria-label": `Select ${t}`,
 						defaultChecked: n === 0
 					}) }),
-					/* @__PURE__ */ q("span", {
+					/* @__PURE__ */ Y("span", {
 						className: "font-medium aui-text-strong",
 						children: t
 					}),
-					/* @__PURE__ */ q("span", { children: /* @__PURE__ */ q($, {
+					/* @__PURE__ */ Y("span", { children: /* @__PURE__ */ Y($, {
 						tone: n === 2 ? "warning" : "success",
 						children: n === 2 ? "Review" : "Live"
 					}) }),
-					/* @__PURE__ */ q("span", { children: /* @__PURE__ */ q(e, {
+					/* @__PURE__ */ Y("span", { children: /* @__PURE__ */ Y(e, {
 						variant: "ghost",
 						size: "icon-sm",
 						"aria-label": "Row actions",
-						children: /* @__PURE__ */ q(G, {})
+						children: /* @__PURE__ */ Y(q, {})
 					}) })
 				]
 			}, t)),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ X("div", {
 				className: "flex flex-wrap items-center justify-between gap-3 border-t border-[color:var(--aui-divider)] p-3 text-sm aui-text-muted",
-				children: [/* @__PURE__ */ J("span", { children: [{
+				children: [/* @__PURE__ */ X("span", { children: [{
 					"data-table-column-visibility-menu": "Column visibility",
 					"data-table-sortable-header": "Sortable header",
 					"data-table-bulk-actions": "Bulk action bar",
 					"data-table-view-presets": "Saved view presets"
-				}[t] ?? "DataTable part", " preview"] }), /* @__PURE__ */ q(c, {
+				}[t] ?? "DataTable part", " preview"] }), /* @__PURE__ */ Y(c, {
 					page: 1,
 					pageCount: 4,
 					onPageChange: () => void 0,
@@ -780,73 +780,73 @@ function ge({ slug: t }) {
 		]
 	});
 }
-function _e() {
-	return /* @__PURE__ */ q(v, {
+function Q() {
+	return /* @__PURE__ */ Y(ne, {
 		value: "2026-06-18",
 		defaultMonth: "2026-06-01",
 		onValueChange: () => void 0
 	});
 }
-function ve({ slug: e }) {
-	return e === "file-upload" ? /* @__PURE__ */ J("div", {
+function Se({ slug: e }) {
+	return e === "file-upload" ? /* @__PURE__ */ X("div", {
 		className: "grid gap-4",
-		children: [/* @__PURE__ */ q(D, {
+		children: [/* @__PURE__ */ Y(T, {
 			dropzoneLabel: "Upload documents",
 			dropzoneDescription: "Drag files here or choose from your device.",
 			buttonLabel: "Choose files",
 			helperText: "Supports PDF, CSV and images."
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ X("div", {
 			className: "grid gap-3 md:grid-cols-3",
 			children: [
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 					children: "Dropzone click and nested actions stay isolated."
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 					children: "Rejected states and helper copy live in the same component."
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 					children: "Use for production file routes, not just decorative previews."
 				})
 			]
 		})]
-	}) : e === "image-upload" ? /* @__PURE__ */ J("div", {
+	}) : e === "image-upload" ? /* @__PURE__ */ X("div", {
 		className: "grid gap-4",
-		children: [/* @__PURE__ */ q(O, {
+		children: [/* @__PURE__ */ Y(E, {
 			dropzoneLabel: "Upload product image",
 			helperText: "Preview-friendly upload for gallery and hero assets."
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ X("div", {
 			className: "grid gap-3 md:grid-cols-3",
 			children: [
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 					children: "Image preview is part of the reusable component."
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 					children: "Remove action stays separate from the parent dropzone surface."
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted",
 					children: "Good for template thumbnails and marketing assets."
 				})
 			]
 		})]
-	}) : /* @__PURE__ */ J("div", {
+	}) : /* @__PURE__ */ X("div", {
 		className: "grid gap-4 md:grid-cols-[160px_1fr] md:items-center",
-		children: [/* @__PURE__ */ q("div", {
+		children: [/* @__PURE__ */ Y("div", {
 			className: "flex aspect-square items-center justify-center rounded-2xl border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]",
-			children: /* @__PURE__ */ q(K, { className: "size-8 aui-text-muted" })
-		}), /* @__PURE__ */ q(L, {
+			children: /* @__PURE__ */ Y(J, { className: "size-8 aui-text-muted" })
+		}), /* @__PURE__ */ Y(z, {
 			label: "Upload product image",
 			description: "Shows the image-upload flow without custom CSS.",
 			accept: "image/*"
 		})]
 	});
 }
-function ye({ slug: e }) {
+function Ce({ slug: e }) {
 	let t = [
 		{
 			id: "profile",
@@ -865,39 +865,39 @@ function ye({ slug: e }) {
 			description: "Confirm data"
 		}
 	];
-	return e === "stepper" ? /* @__PURE__ */ q(F, {
+	return e === "stepper" ? /* @__PURE__ */ Y(L, {
 		steps: t,
 		currentStep: "billing",
 		onStepChange: () => void 0
-	}) : /* @__PURE__ */ q(I, {
+	}) : /* @__PURE__ */ Y(R, {
 		steps: t,
 		currentStep: "billing",
 		onNext: () => void 0,
 		onPrevious: () => void 0,
 		onFinish: () => void 0,
-		children: /* @__PURE__ */ J("div", {
+		children: /* @__PURE__ */ X("div", {
 			className: "rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4",
-			children: [/* @__PURE__ */ q("p", {
+			children: [/* @__PURE__ */ Y("p", {
 				className: "font-medium aui-text-strong",
 				children: "Billing setup"
-			}), /* @__PURE__ */ q("p", {
+			}), /* @__PURE__ */ Y("p", {
 				className: "mt-1 text-sm aui-text-muted",
 				children: "Wizard combines steps, content and footer controls."
 			})]
 		})
 	});
 }
-function be({ slug: t }) {
-	return t === "form-builder" ? /* @__PURE__ */ q(xe, {}) : t === "resource-detail-page" ? /* @__PURE__ */ q(P, {
+function we({ slug: t }) {
+	return t === "form-builder" ? /* @__PURE__ */ Y(Te, {}) : t === "resource-detail-page" ? /* @__PURE__ */ Y(I, {
 		title: "Customer profile",
 		description: "ResourceDetailPage organizes detail screens.",
-		actions: /* @__PURE__ */ q(e, {
+		actions: /* @__PURE__ */ Y(e, {
 			size: "sm",
 			children: "Edit"
 		}),
-		children: /* @__PURE__ */ q(N, {
+		children: /* @__PURE__ */ Y(F, {
 			title: "Account",
-			children: /* @__PURE__ */ q(y, { items: [{
+			children: /* @__PURE__ */ Y(v, { items: [{
 				key: "plan",
 				label: "Plan",
 				value: "Scale"
@@ -907,23 +907,23 @@ function be({ slug: t }) {
 				value: "Design team"
 			}] })
 		})
-	}) : /* @__PURE__ */ q(M, {
+	}) : /* @__PURE__ */ Y(P, {
 		title: "Customers",
 		description: "ResourcePage combines header, stats, filters and sections.",
-		actions: /* @__PURE__ */ q(e, {
+		actions: /* @__PURE__ */ Y(e, {
 			size: "sm",
 			children: "New customer"
 		}),
-		stats: /* @__PURE__ */ J("div", {
+		stats: /* @__PURE__ */ X("div", {
 			className: "grid gap-3 sm:grid-cols-2",
-			children: [/* @__PURE__ */ q(R, {
+			children: [/* @__PURE__ */ Y(B, {
 				title: "Active",
 				value: "2,418",
 				trend: {
 					value: "+8%",
 					tone: "success"
 				}
-			}), /* @__PURE__ */ q(R, {
+			}), /* @__PURE__ */ Y(B, {
 				title: "Health",
 				value: "94%",
 				trend: {
@@ -932,8 +932,8 @@ function be({ slug: t }) {
 				}
 			})]
 		}),
-		filters: /* @__PURE__ */ q(l, {
-			search: /* @__PURE__ */ q(r, {
+		filters: /* @__PURE__ */ Y(l, {
+			search: /* @__PURE__ */ Y(r, {
 				type: "search",
 				value: "",
 				placeholder: "Search...",
@@ -941,9 +941,9 @@ function be({ slug: t }) {
 			}),
 			activeCount: 1
 		}),
-		children: /* @__PURE__ */ q(N, {
+		children: /* @__PURE__ */ Y(F, {
 			title: "Recent activity",
-			children: /* @__PURE__ */ q(T, { items: [{
+			children: /* @__PURE__ */ Y(C, { items: [{
 				key: "a",
 				title: "Customer added",
 				description: "Acme workspace",
@@ -957,49 +957,97 @@ function be({ slug: t }) {
 		})
 	});
 }
-function xe() {
-	let e = Y({ defaultValues: {
+function Te() {
+	let e = oe({ defaultValues: {
 		name: "Azamat Jurayev",
 		email: "azamat@example.com",
 		notes: "Release gate is ready.",
-		marketing: !0
-	} }), t = [j({
+		marketing: !0,
+		role: "admin"
+	} }), t = [k({
 		id: "profile",
 		title: "Profile",
 		description: "Core account and contact fields.",
-		fields: [A({
-			id: "profile-summary",
-			colSpan: "full",
-			render: () => /* @__PURE__ */ J("div", {
-				className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4",
-				children: [/* @__PURE__ */ q("p", {
-					className: "text-sm font-semibold text-[color:var(--aui-page-foreground)]",
-					children: "Reusable section shell"
-				}), /* @__PURE__ */ q("p", {
-					className: "mt-1 text-sm text-[color:var(--aui-page-muted)]",
-					children: "FormBuilder groups controls, helper copy and actions without scattering layout logic."
-				})]
+		fields: [
+			O({
+				id: "profile-summary",
+				colSpan: "full",
+				render: () => /* @__PURE__ */ X("div", {
+					className: "rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4",
+					children: [/* @__PURE__ */ Y("p", {
+						className: "text-sm font-semibold text-[color:var(--aui-page-foreground)]",
+						children: "Reusable section shell"
+					}), /* @__PURE__ */ Y("p", {
+						className: "mt-1 text-sm text-[color:var(--aui-page-muted)]",
+						children: "FormBuilder groups controls, helper copy and actions without scattering layout logic."
+					})]
+				})
+			}),
+			A({
+				id: "name",
+				props: {
+					name: "name",
+					label: "Name",
+					required: !0
+				}
+			}),
+			A({
+				id: "email",
+				props: {
+					name: "email",
+					label: "Email",
+					type: "email"
+				}
+			}),
+			j({
+				id: "role",
+				props: {
+					name: "role",
+					label: "Role",
+					options: [{
+						value: "admin",
+						label: "Administrator"
+					}, {
+						value: "member",
+						label: "Member"
+					}]
+				}
+			}),
+			M({
+				id: "marketing",
+				props: {
+					name: "marketing",
+					label: "Product updates"
+				}
+			}),
+			N({
+				id: "notes",
+				colSpan: "full",
+				props: {
+					name: "notes",
+					label: "Release notes"
+				}
 			})
-		})]
+		]
 	})];
-	return /* @__PURE__ */ q(k, {
+	return /* @__PURE__ */ Y(D, {
 		control: e.control,
 		sections: t,
 		columns: 1,
 		submitLabel: "Save changes",
 		resetLabel: "Reset",
 		onResetClick: () => e.reset(),
-		footer: /* @__PURE__ */ q("div", {
+		footer: /* @__PURE__ */ Y("div", {
 			className: "rounded-2xl border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm text-[color:var(--aui-page-muted)]",
 			children: "Use the builder for real form routes, then replace this preview with your own field presets."
 		})
 	});
 }
-function Se(e) {
+function Ee(e) {
 	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
 function $({ tone: e, children: t }) {
-	return /* @__PURE__ */ q(i, {
+	return /* @__PURE__ */ Y(i, {
 		variant: {
 			success: "secondary",
 			warning: "outline",
@@ -1010,4 +1058,4 @@ function $({ tone: e, children: t }) {
 	});
 }
 //#endregion
-export { ie as registrySpecificDemoRegistry };
+export { ce as registrySpecificDemoRegistry };