tembro 3.0.0 → 3.1.1

package/dist/showcase/registry-specific.js

@@ -1,1121 +1 @@
-import { Button as e } from "../components/ui/button/index.js";
-import { ActionMenu as t } from "../components/actions/action-menu.js";
-import { ButtonGroup as n } from "../components/actions/button-group.js";
-import { Input as r } from "../components/ui/input/index.js";
-import { Badge as i } from "../components/ui/badge/index.js";
-import { Select as a } from "../components/ui/select/index.js";
-import { QuickActionGrid as o } from "../components/actions/quick-action-grid.js";
-import { SectionHeader as s } from "../components/layout/section-header.js";
-import { NavTabs as ee } from "../components/navigation/nav-tabs.js";
-import { PageTabs as c } from "../components/navigation/page-tabs.js";
-import { Pagination as l } from "../components/navigation/pagination.js";
-import { StepperTabs as te } from "../components/navigation/stepper-tabs.js";
-import { FilterBar as u } from "../components/filters/filter-bar.js";
-import { SavedFilterSelect as d } from "../components/filters/saved-filter-select.js";
-import { AlertDialog as f } from "../components/overlay/alert-dialog.js";
-import { Drawer as p } from "../components/overlay/drawer.js";
-import { AsyncSelect as m } from "../components/inputs/async-select.js";
-import { OtpInput as h } from "../components/inputs/otp-input.js";
-import { Rating as g } from "../components/inputs/rating.js";
-import { RangeSlider as ne, Slider as _ } from "../components/inputs/slider.js";
-import { TagInput as v } from "../components/inputs/tag-input.js";
-import { Alert as y } from "../components/feedback/alert.js";
-import { PageState as re } from "../components/feedback/page-state.js";
-import { DescriptionList as b } from "../components/display/description-list.js";
-import { List as x } from "../components/display/list.js";
-import { Progress as S } from "../components/display/progress.js";
-import { ProgressCircle as C } from "../components/display/progress-circle.js";
-import { StatusDot as w } from "../components/display/status-dot.js";
-import { StatusLegend as T } from "../components/display/status-legend.js";
-import { Timeline as E } from "../components/display/timeline.js";
-import { UserCard as D } from "../components/display/user-card.js";
-import { StatCard as O } from "../components/layout/stat-card.js";
-import { SmartCard as k } from "../components/display/smart-card.js";
-import { Calendar as A } from "../components/calendar/calendar.js";
-import { FileUpload as j } from "../components/upload/file-upload.js";
-import { ImageUpload as M } from "../components/upload/image-upload.js";
-import { FileDropzone as N } from "../components/upload/file-dropzone.js";
-import { Stepper as P } from "../components/wizard/stepper.js";
-import { Wizard as F } from "../components/wizard/wizard.js";
-import { AppHeader as I } from "../components/layout/app-header.js";
-import { ResourceDetailPage as L } from "../components/patterns/resource-detail-page.js";
-import { ResourcePage as R, ResourcePageSection as z } from "../components/patterns/resource-page.js";
-import "react";
-import { ArchiveIcon as B, BellIcon as V, ChevronRightIcon as H, DownloadIcon as U, FilterIcon as W, LayoutDashboardIcon as G, MoreHorizontalIcon as K, UploadCloudIcon as q } from "lucide-react";
-import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
-//#region src/showcase/registry-specific.tsx
-var ie = [
-	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."),
-	Z("nav-tabs", "NavTabs", "navigation", "Navigation tabs for switching related document sections."),
-	Z("search-input", "SearchInput", "inputs", "Search field with icon, count, shortcut and debounce-friendly value handling."),
-	Z("password-input", "PasswordInput", "inputs", "Password field with visibility toggle and secure autocomplete defaults."),
-	Z("slider", "Slider", "inputs", "Single value range control for density, threshold, and score tuning."),
-	Z("range-slider", "RangeSlider", "inputs", "Two-handle slider for min/max filtering."),
-	Z("rating", "Rating", "inputs", "Compact score input for feedback and review flows."),
-	Z("otp-input", "OtpInput", "inputs", "One-time code entry with fixed-length slots."),
-	Z("tag-input", "TagInput", "inputs", "Tokenized text input for labels, skills, and quick filters."),
-	Z("progress", "Progress", "display", "Linear progress with label, value formatter, tone and indeterminate state."),
-	Z("progress-circle", "ProgressCircle", "display", "Compact circular progress for sidebars and status cards."),
-	Z("timeline", "Timeline", "display", "Vertical or horizontal event stream for workflow history."),
-	Z("status-dot", "StatusDot", "display", "Tiny live status indicator with optional pulse animation."),
-	Z("user-card", "UserCard", "display", "User summary row with avatar, metadata and actions."),
-	Z("notification-center", "NotificationCenter", "display", "Compact activity and notifications stream."),
-	Z("data-list", "DataList", "display", "Readable title and description rows for compact operational lists."),
-	Z("status-legend", "StatusLegend", "display", "Explain status meaning and counts in a compact legend."),
-	Z("trend-card", "TrendCard", "display", "Metric summary card with trend context."),
-	Z("action-menu", "ActionMenu", "actions", "Compact dropdown action menu for rows and cards."),
-	Z("button-group", "ButtonGroup", "actions", "Grouped action buttons for view switching and compact controls."),
-	Z("quick-action-grid", "QuickActionGrid", "actions", "Action launcher grid for dense dashboard shortcuts."),
-	Z("app-header", "AppHeader", "layout", "Sticky product header with left, center and right slots."),
-	Z("section-header", "SectionHeader", "layout", "Reusable section title block with actions and metadata."),
-	Z("stat-card", "StatCard", "layout", "Dashboard stat card for KPI, trend and helper text."),
-	Z("filter-bar", "FilterBar", "actions", "Search, filters, active-count and reset actions in one toolbar."),
-	Z("page-tabs", "PageTabs", "navigation", "Top-level page tab strip for route-sized sections."),
-	Z("stepper-tabs", "StepperTabs", "navigation", "Step-like tabs for setup and onboarding progress."),
-	Z("alert", "Alert", "feedback", "Inline feedback banner for success, warning, info, and error states."),
-	Z("page-state", "PageState", "feedback", "Full-page completion or blocked state with next actions."),
-	Z("calendar", "Calendar", "calendar", "Single month calendar surface for date picker and scheduling flows."),
-	Z("file-upload", "FileUpload", "upload", "Full file upload surface with dropzone, action button and helper text."),
-	Z("image-upload", "ImageUpload", "upload", "Image upload pattern with preview-oriented copy.", "ImageUpload"),
-	Z("file-dropzone", "FileDropzone", "upload", "Lightweight file dropzone primitive for custom upload flows."),
-	Z("stepper", "Stepper", "wizard", "Clickable step navigation for multi-step forms."),
-	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.")
-], ae = Object.fromEntries(ie.map((e) => [e.slug, {
-	mock: oe(e),
-	Showcase: (t) => /* @__PURE__ */ Y(ce, {
-		definition: e,
-		...t
-	})
-}]));
-function Z(e, t, n, r, i = t) {
-	let a = Se(e);
-	return {
-		slug: e,
-		title: a,
-		component: t,
-		kind: n,
-		summary: r,
-		importName: i,
-		highlights: [
-			`${a} uses the real ${t} surface.`,
-			"CLI, import and preview stay scoped to this component.",
-			"Preview wrappers stay light so the component UI remains visible."
-		],
-		scenarios: [{
-			title: "Use when",
-			description: r
-		}, {
-			title: "Implementation",
-			description: `Add ${e}, import ${i}, then pass controlled props where the API requires state.`
-		}]
-	};
-}
-function oe(e) {
-	return {
-		cliCommand: `npx tembro add ${e.slug}`,
-		code: se(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 se(e) {
-	let t = e.importName ?? e.component;
-	return `import { ${t} } from "tembro"\n\nexport function Demo() {\n  return <${t} />\n}`;
-}
-function ce({ definition: e, state: t, setState: n }) {
-	return /* @__PURE__ */ X("div", {
-		className: "space-y-5",
-		children: [/* @__PURE__ */ X("header", {
-			className: "space-y-2",
-			children: [/* @__PURE__ */ Y("p", {
-				className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-				children: e.component
-			}), /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("h3", {
-				className: "aui-text-strong text-2xl font-semibold tracking-tight",
-				children: e.title
-			}), /* @__PURE__ */ Y("p", {
-				className: "aui-text-muted mt-2 max-w-2xl text-sm leading-6",
-				children: e.summary
-			})] })]
-		}), /* @__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: le(e, t, n)
-		})]
-	});
-}
-function le(e, t, n) {
-	return e.kind === "inputs" ? /* @__PURE__ */ Y(ue, {
-		slug: e.slug,
-		state: t,
-		setState: n
-	}) : e.kind === "form" ? /* @__PURE__ */ Y(de, {
-		state: t,
-		setState: n
-	}) : e.kind === "overlay" ? /* @__PURE__ */ Y(fe, { slug: e.slug }) : e.kind === "navigation" ? /* @__PURE__ */ Y(pe, { slug: e.slug }) : e.kind === "feedback" ? /* @__PURE__ */ Y(me, { slug: e.slug }) : e.kind === "display" ? /* @__PURE__ */ Y(Q, { slug: e.slug }) : e.kind === "actions" ? /* @__PURE__ */ Y(he, {
-		slug: e.slug,
-		state: t,
-		setState: n
-	}) : e.kind === "layout" ? /* @__PURE__ */ Y(ge, { slug: e.slug }) : e.kind === "data-table" ? /* @__PURE__ */ Y(_e, { slug: e.slug }) : e.kind === "calendar" ? /* @__PURE__ */ Y(ve, {}) : e.kind === "upload" ? /* @__PURE__ */ Y(ye, { slug: e.slug }) : e.kind === "wizard" ? /* @__PURE__ */ Y(be, { slug: e.slug }) : e.kind === "patterns" ? /* @__PURE__ */ Y(xe, { slug: e.slug }) : null;
-}
-function ue({ slug: e, state: t, setState: n }) {
-	let i = t.textValue, o = (e) => n({ textValue: e });
-	if (e === "search-input") return /* @__PURE__ */ Y(r, {
-		type: "search",
-		value: i,
-		onValueChange: o,
-		resultCount: 12,
-		shortcut: "Ctrl K",
-		placeholder: "Search customers..."
-	});
-	if (e === "password-input") return /* @__PURE__ */ Y(r, {
-		kind: "password",
-		value: "secret-token",
-		onValueChange: o,
-		placeholder: "Password"
-	});
-	if (e === "slider") return /* @__PURE__ */ Y(_, {
-		label: "Density",
-		description: "Tune content density.",
-		defaultValue: 64,
-		showValue: !0
-	});
-	if (e === "range-slider") return /* @__PURE__ */ Y(ne, {
-		label: "Revenue range",
-		description: "Filter between two values.",
-		defaultValue: [20, 80],
-		showValue: !0
-	});
-	if (e === "rating") return /* @__PURE__ */ Y(g, {
-		defaultValue: 4,
-		labels: { clear: "Reset" }
-	});
-	if (e === "otp-input") return /* @__PURE__ */ Y(h, {
-		value: i.replace(/\D/g, "").slice(0, 6),
-		onValueChange: o
-	});
-	if (e === "tag-input") return /* @__PURE__ */ Y(v, {
-		defaultValue: [
-			"dashboard",
-			"beta",
-			"ops"
-		],
-		placeholder: "Add label"
-	});
-	if (e === "simple-select") return /* @__PURE__ */ X("div", {
-		className: "grid gap-4",
-		children: [/* @__PURE__ */ Y(a, {
-			value: "private",
-			onValueChange: () => void 0,
-			options: [
-				{
-					value: "public",
-					label: "Public",
-					description: "Visible to all users"
-				},
-				{
-					value: "private",
-					label: "Private",
-					description: "Restricted to invited members"
-				},
-				{
-					value: "internal",
-					label: "Internal",
-					description: "Only workspace maintainers"
-				},
-				{
-					value: "archived",
-					label: "Archived",
-					description: "History only",
-					disabled: !0
-				}
-			],
-			placeholder: "Visibility",
-			searchable: !0,
-			clearable: !0
-		}), /* @__PURE__ */ X("div", {
-			className: "grid gap-3 md:grid-cols-3",
-			children: [
-				/* @__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: "Static options with lightweight search."
-				}),
-				/* @__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: "Clear action stays inside the trigger surface."
-				}),
-				/* @__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 before moving to AsyncSelect."
-				})
-			]
-		})]
-	});
-	if (e === "async-select") {
-		let e = [
-			{
-				value: "north",
-				label: "North Region",
-				description: "Sales ops"
-			},
-			{
-				value: "south",
-				label: "South Region",
-				description: "Support team"
-			},
-			{
-				value: "west",
-				label: "West Region",
-				description: "Billing operations"
-			}
-		];
-		return /* @__PURE__ */ X("div", {
-			className: "grid gap-4",
-			children: [/* @__PURE__ */ Y(m, {
-				value: "north",
-				onValueChange: () => void 0,
-				loadOptions: async (t) => {
-					let n = t.trim().toLowerCase();
-					return n ? e.filter((e) => String(e.label).toLowerCase().includes(n)) : e;
-				},
-				defaultOptions: e,
-				minSearchLength: 1,
-				clearable: !0
-			}), /* @__PURE__ */ X("div", {
-				className: "grid gap-3 md:grid-cols-3",
-				children: [
-					/* @__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__ */ 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__ */ 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."
-					})
-				]
-			})]
-		});
-	}
-	return /* @__PURE__ */ Y(r, {
-		value: i,
-		onChange: (e) => n({ textValue: e.currentTarget.value }),
-		placeholder: "Unified input"
-	});
-}
-function de({ state: e, setState: t }) {
-	return /* @__PURE__ */ X("div", {
-		className: "grid gap-4 md:grid-cols-2",
-		children: [/* @__PURE__ */ X("label", {
-			className: "grid gap-2",
-			children: [
-				/* @__PURE__ */ Y("span", {
-					className: "text-sm font-medium aui-text-strong",
-					children: "Email address"
-				}),
-				/* @__PURE__ */ Y(r, {
-					value: e.textValue,
-					onChange: (e) => t({ textValue: e.currentTarget.value })
-				}),
-				/* @__PURE__ */ Y("span", {
-					className: "text-xs aui-text-muted",
-					children: "Form wrappers keep label, hint and error spacing consistent."
-				})
-			]
-		}), /* @__PURE__ */ X("label", {
-			className: "grid gap-2",
-			children: [
-				/* @__PURE__ */ Y("span", {
-					className: "text-sm font-medium aui-text-strong",
-					children: "Status"
-				}),
-				/* @__PURE__ */ Y(r, {
-					type: "search",
-					value: "Active customers",
-					resultCount: 7,
-					readOnly: !0
-				}),
-				/* @__PURE__ */ Y("span", {
-					className: "text-xs text-emerald-500",
-					children: "Ready to submit"
-				})
-			]
-		})]
-	});
-}
-function fe({ slug: t }) {
-	return t === "alert-dialog" ? /* @__PURE__ */ Y(f, {
-		open: !1,
-		title: "Archive invoice?",
-		description: "This keeps the invoice readable but removes it from active queues.",
-		children: /* @__PURE__ */ Y(e, {
-			variant: "destructive",
-			children: "Open alert"
-		})
-	}) : t === "drawer" ? /* @__PURE__ */ Y(p, {
-		open: !1,
-		trigger: /* @__PURE__ */ Y(e, {
-			variant: "outline",
-			children: "Open drawer"
-		}),
-		title: "Customer details",
-		description: "Side panel for fast inspection.",
-		children: /* @__PURE__ */ Y(b, { items: [{
-			key: "plan",
-			label: "Plan",
-			value: "Scale"
-		}, {
-			key: "owner",
-			label: "Owner",
-			value: "Azamat UI"
-		}] })
-	}) : /* @__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__ */ Y(e, {
-				variant: "ghost",
-				children: "Cancel"
-			}),
-			/* @__PURE__ */ Y(e, {
-				variant: "outline",
-				children: "Save draft"
-			}),
-			/* @__PURE__ */ Y(e, { children: "Publish" })
-		]
-	});
-}
-function pe({ slug: e }) {
-	return e === "pagination" ? /* @__PURE__ */ Y(l, {
-		page: 3,
-		pageCount: 9,
-		onPageChange: () => void 0
-	}) : e === "page-tabs" ? /* @__PURE__ */ Y(c, {
-		value: "overview",
-		variant: "pills",
-		items: [
-			{
-				value: "overview",
-				label: "Overview"
-			},
-			{
-				value: "usage",
-				label: "Usage"
-			},
-			{
-				value: "api",
-				label: "API",
-				badge: "3"
-			}
-		]
-	}) : e === "stepper-tabs" ? /* @__PURE__ */ Y(te, {
-		value: "billing",
-		items: [
-			{
-				value: "profile",
-				label: "Profile",
-				description: "Team and owner details",
-				completed: !0
-			},
-			{
-				value: "billing",
-				label: "Billing",
-				description: "Payment and invoices"
-			},
-			{
-				value: "review",
-				label: "Review",
-				description: "Confirm release"
-			}
-		]
-	}) : /* @__PURE__ */ Y(ee, {
-		value: "overview",
-		items: [
-			{
-				value: "overview",
-				label: "Overview"
-			},
-			{
-				value: "usage",
-				label: "Usage"
-			},
-			{
-				value: "api",
-				label: "API"
-			}
-		]
-	});
-}
-function me({ slug: t }) {
-	return t === "alert" ? /* @__PURE__ */ Y(y, {
-		tone: "warning",
-		title: "Review needed",
-		description: "Billing rules changed and one approval is pending.",
-		action: /* @__PURE__ */ Y(e, {
-			size: "sm",
-			children: "Open"
-		})
-	}) : t === "page-state" ? /* @__PURE__ */ Y(re, {
-		title: "Workspace connected",
-		description: "The route is ready to accept live data and team actions.",
-		tone: "success",
-		action: /* @__PURE__ */ Y(e, {
-			size: "sm",
-			children: "Continue"
-		})
-	}) : /* @__PURE__ */ X("div", {
-		className: "flex flex-wrap gap-2",
-		children: [
-			/* @__PURE__ */ Y($, {
-				tone: "success",
-				children: "Live"
-			}),
-			/* @__PURE__ */ Y($, {
-				tone: "warning",
-				children: "Needs review"
-			}),
-			/* @__PURE__ */ Y($, {
-				tone: "danger",
-				children: "Blocked"
-			}),
-			/* @__PURE__ */ Y($, {
-				tone: "info",
-				children: "Queued"
-			})
-		]
-	});
-}
-function Q({ slug: t }) {
-	return t === "progress" ? /* @__PURE__ */ Y(S, {
-		label: "Migration progress",
-		description: "Production rollout",
-		value: 68,
-		tone: "success",
-		showValue: !0
-	}) : t === "progress-circle" ? /* @__PURE__ */ Y(C, {
-		value: 72,
-		label: "Profile completed"
-	}) : t === "timeline" ? /* @__PURE__ */ Y(E, {
-		items: [
-			{
-				key: "created",
-				title: "Created",
-				description: "Invoice generated",
-				time: "09:20",
-				tone: "success"
-			},
-			{
-				key: "review",
-				title: "Review",
-				description: "Finance team assigned",
-				time: "10:05",
-				tone: "info"
-			},
-			{
-				key: "approve",
-				title: "Approval",
-				description: "Waiting for manager",
-				time: "Now",
-				tone: "warning"
-			}
-		],
-		pending: !0,
-		pendingLabel: "Paid"
-	}) : t === "metric-card" || t === "stat-card" ? /* @__PURE__ */ Y(O, {
-		title: "Revenue",
-		value: "$84.2k",
-		description: "Compared with last month",
-		trend: {
-			value: "+12.4%",
-			tone: "success"
-		},
-		icon: /* @__PURE__ */ Y(G, {})
-	}) : t === "status-dot" ? /* @__PURE__ */ X("div", {
-		className: "grid gap-3",
-		children: [
-			/* @__PURE__ */ Y(w, {
-				tone: "success",
-				pulse: !0,
-				label: "API healthy"
-			}),
-			/* @__PURE__ */ Y(w, {
-				tone: "warning",
-				label: "Sync delayed"
-			}),
-			/* @__PURE__ */ Y(w, {
-				tone: "danger",
-				label: "Webhook failed"
-			})
-		]
-	}) : t === "notification-center" ? /* @__PURE__ */ Y(x, { items: [
-		{
-			key: "1",
-			title: "Build completed",
-			description: "Dashboard docs deployment is live.",
-			extra: "Now"
-		},
-		{
-			key: "2",
-			title: "New comment",
-			description: "Review requested on DataTable API.",
-			extra: "8m"
-		},
-		{
-			key: "3",
-			title: "Publish reminder",
-			description: "Package version is ready for release.",
-			extra: "1h"
-		}
-	] }) : t === "data-list" ? /* @__PURE__ */ Y(x, { items: [
-		{
-			key: "1",
-			title: "Enterprise plan",
-			description: "Priority support and SSO",
-			extra: "$499"
-		},
-		{
-			key: "2",
-			title: "Growth plan",
-			description: "Most used by product teams",
-			extra: "$199"
-		},
-		{
-			key: "3",
-			title: "Starter plan",
-			description: "Lightweight team setup",
-			extra: "$49"
-		}
-	] }) : t === "status-legend" ? /* @__PURE__ */ Y(T, {
-		title: "Delivery states",
-		description: "Explain what each state means and how often it appears.",
-		orientation: "grid",
-		items: [
-			{
-				key: "live",
-				label: "Live",
-				description: "Healthy production routes",
-				tone: "success",
-				count: 18
-			},
-			{
-				key: "review",
-				label: "Review",
-				description: "Waiting for QA approval",
-				tone: "warning",
-				count: 4
-			},
-			{
-				key: "blocked",
-				label: "Blocked",
-				description: "Needs engineering action",
-				tone: "danger",
-				count: 1
-			}
-		]
-	}) : t === "trend-card" ? /* @__PURE__ */ Y(O, {
-		title: t === "trend-card" ? "Weekly revenue" : "Current vs previous",
-		value: "$84.2k",
-		description: "Compared with last month",
-		trend: {
-			value: "+12.4%",
-			tone: "success"
-		},
-		icon: /* @__PURE__ */ Y(G, {})
-	}) : t === "info-card" ? /* @__PURE__ */ X("div", {
-		className: "grid gap-4",
-		children: [/* @__PURE__ */ Y(k, {
-			eyebrow: "Summary",
-			title: "Workspace",
-			description: "Reusable card surface with header, actions and metadata.",
-			actions: /* @__PURE__ */ Y(e, {
-				size: "sm",
-				variant: "outline",
-				children: "Open"
-			}),
-			selected: !0,
-			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__ */ X("div", {
-			className: "grid gap-3 md:grid-cols-3",
-			children: [
-				/* @__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__ */ 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__ */ 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__ */ Y(D, {
-		name: "Azamat Jurayev",
-		description: "Product designer and maintainer",
-		meta: "Admin workspace",
-		actions: /* @__PURE__ */ Y(e, {
-			size: "sm",
-			children: "Invite"
-		})
-	});
-}
-function he({ slug: i, state: a, setState: s }) {
-	return i === "filter-bar" ? /* @__PURE__ */ Y(u, {
-		search: /* @__PURE__ */ Y(r, {
-			type: "search",
-			value: a.textValue,
-			onValueChange: (e) => s({ textValue: e }),
-			placeholder: "Search invoices..."
-		}),
-		activeCount: 2,
-		onReset: () => s({ textValue: "" }),
-		filters: /* @__PURE__ */ X(e, {
-			variant: "outline",
-			size: "sm",
-			children: [/* @__PURE__ */ Y(W, { "data-icon": "inline-start" }), "Status"]
-		}),
-		actions: /* @__PURE__ */ Y(e, {
-			size: "sm",
-			children: "Export"
-		})
-	}) : i === "button-group" ? /* @__PURE__ */ Y(n, { items: [
-		{
-			key: "day",
-			label: "Day"
-		},
-		{
-			key: "week",
-			label: "Week"
-		},
-		{
-			key: "month",
-			label: "Month"
-		}
-	] }) : i === "quick-action-grid" ? /* @__PURE__ */ Y(o, {
-		columns: 3,
-		items: [
-			{
-				key: "new",
-				label: "New invoice",
-				description: "Create a fresh billing row.",
-				badge: "N"
-			},
-			{
-				key: "import",
-				label: "Import CSV",
-				description: "Bring finance data into the table.",
-				badge: "I"
-			},
-			{
-				key: "share",
-				label: "Share workspace",
-				description: "Invite team members to the route.",
-				badge: "S"
-			}
-		]
-	}) : i === "saved-filter-select" ? /* @__PURE__ */ X("div", {
-		className: "grid gap-4",
-		children: [/* @__PURE__ */ Y(d, {
-			value: "billing",
-			onValueChange: () => void 0,
-			onSave: () => void 0,
-			onDelete: () => void 0,
-			filters: [
-				{
-					value: "billing",
-					label: "Billing",
-					description: "Invoices and payment status"
-				},
-				{
-					value: "ops",
-					label: "Operations",
-					description: "Queues and workload"
-				},
-				{
-					value: "owners",
-					label: "Owner: Azamat",
-					description: "Assigned records only"
-				}
-			]
-		}), /* @__PURE__ */ X("div", {
-			className: "grid gap-3 md:grid-cols-3",
-			children: [
-				/* @__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__ */ 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__ */ 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__ */ 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__ */ X("div", { children: [/* @__PURE__ */ Y("p", {
-			className: "font-medium aui-text-strong",
-			children: "Invoice #4821"
-		}), /* @__PURE__ */ Y("p", {
-			className: "text-sm aui-text-muted",
-			children: "Pending approval"
-		})] }), /* @__PURE__ */ Y(t, {
-			label: "Actions",
-			actions: [
-				{
-					key: "open",
-					label: "Open",
-					icon: /* @__PURE__ */ Y(H, { className: "size-4" })
-				},
-				{
-					key: "download",
-					label: "Download",
-					icon: /* @__PURE__ */ Y(U, { className: "size-4" })
-				},
-				{
-					key: "archive",
-					label: "Archive",
-					icon: /* @__PURE__ */ Y(B, { className: "size-4" }),
-					destructive: !0
-				}
-			],
-			trigger: /* @__PURE__ */ Y(e, {
-				variant: "outline",
-				size: "icon-sm",
-				"aria-label": "Open actions",
-				children: /* @__PURE__ */ Y(K, {})
-			})
-		})]
-	});
-}
-function ge({ slug: t }) {
-	return t === "app-header" ? /* @__PURE__ */ Y(I, {
-		sticky: !1,
-		left: /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(G, { className: "size-4" }), /* @__PURE__ */ Y("span", {
-			className: "font-medium",
-			children: "Dashboard"
-		})] }),
-		center: /* @__PURE__ */ Y(i, {
-			variant: "secondary",
-			children: "Preview"
-		}),
-		right: /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(e, {
-			variant: "ghost",
-			size: "icon-sm",
-			"aria-label": "Notifications",
-			children: /* @__PURE__ */ Y(V, {})
-		}), /* @__PURE__ */ Y(e, {
-			size: "sm",
-			children: "Deploy"
-		})] }),
-		className: "rounded-xl border border-[color:var(--aui-divider)]"
-	}) : t === "section-header" ? /* @__PURE__ */ Y(s, {
-		eyebrow: "Components",
-		title: "Production-ready surfaces",
-		description: "SectionHeader keeps copy, metadata and actions aligned.",
-		actions: /* @__PURE__ */ Y(e, {
-			size: "sm",
-			children: "Add component"
-		})
-	}) : /* @__PURE__ */ Y(O, {
-		title: "Revenue",
-		value: "$84.2k",
-		description: "Compared with last month",
-		trend: {
-			value: "+12.4%",
-			tone: "success"
-		},
-		helperText: "StatCard keeps KPI, helper text and trend in one compact tile."
-	});
-}
-function _e({ 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__ */ X("div", {
-				className: "flex flex-wrap items-center justify-between gap-3 border-b border-[color:var(--aui-divider)] p-3",
-				children: [/* @__PURE__ */ Y(r, {
-					type: "search",
-					value: "",
-					placeholder: "Search rows...",
-					className: "max-w-xs",
-					readOnly: !0
-				}), /* @__PURE__ */ X("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ X(e, {
-						variant: "outline",
-						size: "sm",
-						children: [/* @__PURE__ */ Y(W, { "data-icon": "inline-start" }), "Filters"]
-					}), /* @__PURE__ */ Y(e, {
-						size: "sm",
-						children: "Create"
-					})]
-				})]
-			}),
-			/* @__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__ */ Y("span", { children: /* @__PURE__ */ Y("input", {
-						type: "checkbox",
-						"aria-label": "Select rows"
-					}) }),
-					/* @__PURE__ */ Y("span", { children: "Name" }),
-					/* @__PURE__ */ Y("span", { children: "Status" }),
-					/* @__PURE__ */ Y("span", { children: "Actions" })
-				]
-			}),
-			[
-				"Azamat UI",
-				"Registry",
-				"Dashboard"
-			].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__ */ Y("span", { children: /* @__PURE__ */ Y("input", {
-						type: "checkbox",
-						"aria-label": `Select ${t}`,
-						defaultChecked: n === 0
-					}) }),
-					/* @__PURE__ */ Y("span", {
-						className: "font-medium aui-text-strong",
-						children: t
-					}),
-					/* @__PURE__ */ Y("span", { children: /* @__PURE__ */ Y($, {
-						tone: n === 2 ? "warning" : "success",
-						children: n === 2 ? "Review" : "Live"
-					}) }),
-					/* @__PURE__ */ Y("span", { children: /* @__PURE__ */ Y(e, {
-						variant: "ghost",
-						size: "icon-sm",
-						"aria-label": "Row actions",
-						children: /* @__PURE__ */ Y(K, {})
-					}) })
-				]
-			}, t)),
-			/* @__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__ */ 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__ */ Y(l, {
-					page: 1,
-					pageCount: 4,
-					onPageChange: () => void 0,
-					showEdges: !1
-				})]
-			})
-		]
-	});
-}
-function ve() {
-	return /* @__PURE__ */ Y(A, {
-		value: "2026-06-18",
-		defaultMonth: "2026-06-01",
-		onValueChange: () => void 0
-	});
-}
-function ye({ slug: e }) {
-	return e === "file-dropzone" ? /* @__PURE__ */ Y(N, {
-		label: "Drop contract files",
-		description: "PDF, PNG or CSV up to 10MB."
-	}) : e === "file-upload" ? /* @__PURE__ */ X("div", {
-		className: "grid gap-4",
-		children: [/* @__PURE__ */ Y(j, {
-			dropzoneLabel: "Upload documents",
-			dropzoneDescription: "Drag files here or choose from your device.",
-			buttonLabel: "Choose files",
-			helperText: "Supports PDF, CSV and images."
-		}), /* @__PURE__ */ X("div", {
-			className: "grid gap-3 md:grid-cols-3",
-			children: [
-				/* @__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__ */ 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__ */ 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__ */ X("div", {
-		className: "grid gap-4",
-		children: [/* @__PURE__ */ Y(M, {
-			dropzoneLabel: "Upload product image",
-			helperText: "Preview-friendly upload for gallery and hero assets."
-		}), /* @__PURE__ */ X("div", {
-			className: "grid gap-3 md:grid-cols-3",
-			children: [
-				/* @__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__ */ 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__ */ 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__ */ X("div", {
-		className: "grid gap-4 md:grid-cols-[160px_1fr] md:items-center",
-		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__ */ Y(q, { className: "size-8 aui-text-muted" })
-		}), /* @__PURE__ */ Y(N, {
-			label: "Upload product image",
-			description: "Shows the image-upload flow without custom CSS.",
-			accept: "image/*"
-		})]
-	});
-}
-function be({ slug: e }) {
-	let t = [
-		{
-			id: "profile",
-			title: "Profile",
-			description: "Account details",
-			completed: !0
-		},
-		{
-			id: "billing",
-			title: "Billing",
-			description: "Payment setup"
-		},
-		{
-			id: "review",
-			title: "Review",
-			description: "Confirm data"
-		}
-	];
-	return e === "stepper" ? /* @__PURE__ */ Y(P, {
-		steps: t,
-		currentStep: "billing",
-		onStepChange: () => void 0
-	}) : /* @__PURE__ */ Y(F, {
-		steps: t,
-		currentStep: "billing",
-		onNext: () => void 0,
-		onPrevious: () => void 0,
-		onFinish: () => void 0,
-		children: /* @__PURE__ */ X("div", {
-			className: "rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4",
-			children: [/* @__PURE__ */ Y("p", {
-				className: "font-medium aui-text-strong",
-				children: "Billing setup"
-			}), /* @__PURE__ */ Y("p", {
-				className: "mt-1 text-sm aui-text-muted",
-				children: "Wizard combines steps, content and footer controls."
-			})]
-		})
-	});
-}
-function xe({ slug: t }) {
-	return t === "resource-detail-page" ? /* @__PURE__ */ Y(L, {
-		title: "Customer profile",
-		description: "ResourceDetailPage organizes detail screens.",
-		actions: /* @__PURE__ */ Y(e, {
-			size: "sm",
-			children: "Edit"
-		}),
-		children: /* @__PURE__ */ Y(z, {
-			title: "Account",
-			children: /* @__PURE__ */ Y(b, { items: [{
-				key: "plan",
-				label: "Plan",
-				value: "Scale"
-			}, {
-				key: "owner",
-				label: "Owner",
-				value: "Design team"
-			}] })
-		})
-	}) : /* @__PURE__ */ Y(R, {
-		title: "Customers",
-		description: "ResourcePage combines header, stats, filters and sections.",
-		actions: /* @__PURE__ */ Y(e, {
-			size: "sm",
-			children: "New customer"
-		}),
-		stats: /* @__PURE__ */ X("div", {
-			className: "grid gap-3 sm:grid-cols-2",
-			children: [/* @__PURE__ */ Y(O, {
-				title: "Active",
-				value: "2,418",
-				trend: {
-					value: "+8%",
-					tone: "success"
-				}
-			}), /* @__PURE__ */ Y(O, {
-				title: "Health",
-				value: "94%",
-				trend: {
-					value: "Stable",
-					tone: "info"
-				}
-			})]
-		}),
-		filters: /* @__PURE__ */ Y(u, {
-			search: /* @__PURE__ */ Y(r, {
-				type: "search",
-				value: "",
-				placeholder: "Search...",
-				readOnly: !0
-			}),
-			activeCount: 1
-		}),
-		children: /* @__PURE__ */ Y(z, {
-			title: "Recent activity",
-			children: /* @__PURE__ */ Y(E, { items: [{
-				key: "a",
-				title: "Customer added",
-				description: "Acme workspace",
-				tone: "success"
-			}, {
-				key: "b",
-				title: "Plan updated",
-				description: "Scale plan enabled",
-				tone: "info"
-			}] })
-		})
-	});
-}
-function Se(e) {
-	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
-}
-function $({ tone: e, children: t }) {
-	return /* @__PURE__ */ Y(i, {
-		variant: {
-			success: "secondary",
-			warning: "outline",
-			danger: "destructive",
-			info: "outline"
-		}[e],
-		children: t
-	});
-}
-//#endregion
-export { ae as registrySpecificDemoRegistry };
+export * from "../src/showcase/registry-specific.js"