tembro 2.0.4 → 2.0.6

package/dist/showcase/registry-specific.js

@@ -1,129 +1,99 @@
 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 { ClearableInput as r } from "../components/inputs/clearable-input.js";
-import { PasswordInput as i } from "../components/inputs/password-input.js";
-import { SearchInput as a } from "../components/inputs/search-input.js";
-import { Input as o } from "../components/ui/input/index.js";
-import { Badge as s } from "../components/ui/badge/index.js";
-import { QuickActionGrid as c } from "../components/actions/quick-action-grid.js";
-import { SectionHeader as l } from "../components/layout/section-header.js";
-import { AnchorNav as u } from "../components/navigation/anchor-nav.js";
-import { NavTabs as ee } from "../components/navigation/nav-tabs.js";
-import { PageTabs as d } from "../components/navigation/page-tabs.js";
-import { Pagination as f } from "../components/navigation/pagination.js";
-import { StepperTabs as p } from "../components/navigation/stepper-tabs.js";
-import { FilterChips as m } from "../components/filters/filter-chips.js";
-import { FilterBar as h } from "../components/filters/filter-bar.js";
-import { SavedFilterSelect as g } from "../components/filters/saved-filter-select.js";
-import { AlertDialog as _ } from "../components/overlay/alert-dialog.js";
-import { DialogActionButton as v, DialogActions as te } from "../components/overlay/dialog-actions.js";
-import { Drawer as ne } from "../components/overlay/drawer.js";
-import { AsyncSelect as re } from "../components/inputs/async-select.js";
-import { SimpleSelect as ie } from "../components/inputs/simple-select.js";
-import { ColorInput as ae } from "../components/inputs/color-input.js";
-import { OtpInput as oe } from "../components/inputs/otp-input.js";
-import { Rating as se } from "../components/inputs/rating.js";
-import { RangeSlider as ce, Slider as le } from "../components/inputs/slider.js";
-import { TagInput as ue } from "../components/inputs/tag-input.js";
-import { Calendar as y } from "../components/calendar/calendar.js";
-import { Alert as b } from "../components/feedback/alert.js";
-import { PageState as x } from "../components/feedback/page-state.js";
-import { DescriptionList as S } from "../components/display/description-list.js";
-import { EntityCard as C } from "../components/display/entity-card.js";
-import { List as w } from "../components/display/list.js";
-import { Progress as T } from "../components/display/progress.js";
-import { ProgressCircle as E } from "../components/display/progress-circle.js";
-import { StatusDot as D } from "../components/display/status-dot.js";
-import { StatusLegend as O } from "../components/display/status-legend.js";
-import { Timeline as k } from "../components/display/timeline.js";
-import { UserCard as A } from "../components/display/user-card.js";
-import { SmartCard as j } from "../components/display/smart-card.js";
-import { CommandPalette as M } from "../components/command/command-palette.js";
-import { FileUpload as N } from "../components/upload/file-upload.js";
-import { ImageUpload as P } from "../components/upload/image-upload.js";
-import { FileDropzone as F } from "../components/upload/file-dropzone.js";
-import { Stepper as I } from "../components/wizard/stepper.js";
-import { Wizard as L } from "../components/wizard/wizard.js";
-import { AppHeader as R } from "../components/layout/app-header.js";
-import { StatCard as z } from "../components/layout/stat-card.js";
-import { ResourceDetailPage as B } from "../components/patterns/resource-detail-page.js";
-import { ResourcePage as V, ResourcePageSection as H } from "../components/patterns/resource-page.js";
+import { PasswordInput as r } from "../components/inputs/password-input.js";
+import { Input as i } from "../components/ui/input/index.js";
+import { Badge as a } from "../components/ui/badge/index.js";
+import { Select as o } from "../components/ui/select/index.js";
+import { QuickActionGrid as s } from "../components/actions/quick-action-grid.js";
+import { SectionHeader as c } from "../components/layout/section-header.js";
+import { NavTabs as l } from "../components/navigation/nav-tabs.js";
+import { PageTabs as ee } from "../components/navigation/page-tabs.js";
+import { Pagination as u } from "../components/navigation/pagination.js";
+import { StepperTabs as d } from "../components/navigation/stepper-tabs.js";
+import { FilterBar as f } from "../components/filters/filter-bar.js";
+import { SavedFilterSelect as p } from "../components/filters/saved-filter-select.js";
+import { AlertDialog as m } from "../components/overlay/alert-dialog.js";
+import { Drawer as h } from "../components/overlay/drawer.js";
+import { AsyncSelect as g } from "../components/inputs/async-select.js";
+import { OtpInput as te } from "../components/inputs/otp-input.js";
+import { Rating as _ } from "../components/inputs/rating.js";
+import { RangeSlider as v, Slider as y } from "../components/inputs/slider.js";
+import { TagInput as ne } from "../components/inputs/tag-input.js";
+import { Alert as re } from "../components/feedback/alert.js";
+import { PageState as ie } 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 U, BellIcon as de, ChevronRightIcon as fe, DownloadIcon as pe, FilterIcon as W, LayoutDashboardIcon as G, MoreHorizontalIcon as K, SearchIcon as q, UploadCloudIcon as me } from "lucide-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 he = [
-	Z("dialog-actions", "DialogActions", "overlay", "Modal footer action row with cancel, secondary and primary actions."),
+var ae = [
 	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("clearable-input", "ClearableInput", "inputs", "Input with clear action, Escape handling and focus restore."),
 	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("color-input", "ColorInput", "inputs", "Theme and accent color field with native color selection."),
 	Z("tag-input", "TagInput", "inputs", "Tokenized text input for labels, skills, and quick filters."),
-	Z("description-list", "DescriptionList", "display", "Structured key-value details for entity, invoice and profile pages."),
 	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("delta-badge", "DeltaBadge", "display", "Compact positive, negative, and risk deltas for metric summaries."),
-	Z("entity-header", "EntityHeader", "display", "Top summary row for a customer, invoice, or workspace."),
 	Z("notification-center", "NotificationCenter", "display", "Compact activity and notifications stream."),
-	Z("entity-card", "EntityCard", "display", "Structured summary card with title, meta, state and actions."),
-	Z("file-card", "FileCard", "display", "Compact file summary with state and actions."),
 	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("comparison-card", "ComparisonCard", "display", "Compare current and previous values in one compact card."),
 	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("filter-chips", "FilterChips", "actions", "Inline active filter summaries with clear and remove actions."),
-	Z("data-table-saved-filters", "SavedFilterSelect", "actions", "Saved filter chips and quick view controls."),
 	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("anchor-nav", "AnchorNav", "navigation", "Section jump navigation for long detail pages."),
 	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("data-table-pagination", "DataTablePagination", "data-table", "Pagination control used by DataTable pages."),
-	Z("data-table-toolbar", "DataTableToolbar", "data-table", "Toolbar surface for DataTable search, filters and actions."),
-	Z("data-table-column-visibility-menu", "DataTableColumnVisibilityMenu", "data-table", "Column visibility menu pattern for table views."),
-	Z("data-table-select-column", "DataTableSelectColumn", "data-table", "Selection column pattern for bulk table workflows."),
-	Z("data-table-sortable-header", "DataTableSortableHeader", "data-table", "Sortable header trigger with clear visual state."),
-	Z("data-table-row-actions", "DataTableRowActions", "data-table", "Row action menu for inspect, duplicate and archive operations."),
-	Z("data-table-actions-column", "DataTableActionsColumn", "data-table", "Reusable actions column for DataTable definitions."),
-	Z("data-table-bulk-actions", "DataTableBulkActions", "data-table", "Bulk action bar for selected rows."),
-	Z("data-table-view-presets", "DataTableViewPresets", "data-table", "Saved table view presets for operational dashboards."),
 	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("command-palette", "CommandPalette", "actions", "Keyboard command surface for global navigation and actions."),
 	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.")
-], ge = Object.fromEntries(he.map((e) => [e.slug, {
-	mock: _e(e),
-	Showcase: (t) => /* @__PURE__ */ Y(ye, {
+], oe = Object.fromEntries(ae.map((e) => [e.slug, {
+	mock: se(e),
+	Showcase: (t) => /* @__PURE__ */ Y(le, {
 		definition: e,
 		...t
 	})
 }]));
 function Z(e, t, n, r, i = t) {
-	let a = Ne(e);
+	let a = Ce(e);
 	return {
 		slug: e,
 		title: a,
@@ -145,20 +115,20 @@ function Z(e, t, n, r, i = t) {
 		}]
 	};
 }
-function _e(e) {
+function se(e) {
 	return {
 		cliCommand: `npx tembro add ${e.slug}`,
-		code: ve(e),
+		code: ce(e),
 		highlights: e.highlights,
 		scenarios: e.scenarios,
-		capabilityNotes: [`Add ${e.slug} into your local source with the CLI.`, "Import from your configured components alias after the file is copied."]
+		capabilityNotes: [`Add ${e.slug} into your local source with the CLI.`, "Import the public component surface from `tembro` in app code."]
 	};
 }
-function ve(e) {
+function ce(e) {
 	let t = e.importName ?? e.component;
-	return `import { ${t} } from "@/components/${e.slug}"\n\nexport function Demo() {\n  return <${t} />\n}`;
+	return `import { ${t} } from "tembro"\n\nexport function Demo() {\n  return <${t} />\n}`;
 }
-function ye({ definition: e, state: t, setState: n }) {
+function le({ definition: e, state: t, setState: n }) {
 	return /* @__PURE__ */ X("div", {
 		className: "space-y-5",
 		children: [/* @__PURE__ */ X("header", {
@@ -175,69 +145,60 @@ function ye({ definition: e, state: t, setState: n }) {
 			})] })]
 		}), /* @__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: be(e, t, n)
+			children: ue(e, t, n)
 		})]
 	});
 }
-function be(e, t, n) {
-	return e.kind === "inputs" ? /* @__PURE__ */ Y(xe, {
+function ue(e, t, n) {
+	return e.kind === "inputs" ? /* @__PURE__ */ Y(de, {
 		slug: e.slug,
 		state: t,
 		setState: n
-	}) : e.kind === "form" ? /* @__PURE__ */ Y(Se, {
+	}) : e.kind === "form" ? /* @__PURE__ */ Y(fe, {
 		state: t,
 		setState: n
-	}) : e.kind === "overlay" ? /* @__PURE__ */ Y(Ce, { slug: e.slug }) : e.kind === "navigation" ? /* @__PURE__ */ Y(we, { slug: e.slug }) : e.kind === "feedback" ? /* @__PURE__ */ Y(Te, { slug: e.slug }) : e.kind === "display" ? /* @__PURE__ */ Y(Ee, { slug: e.slug }) : e.kind === "actions" ? /* @__PURE__ */ Y(De, {
+	}) : e.kind === "overlay" ? /* @__PURE__ */ Y(pe, { slug: e.slug }) : e.kind === "navigation" ? /* @__PURE__ */ Y(me, { slug: e.slug }) : e.kind === "feedback" ? /* @__PURE__ */ Y(Q, { slug: e.slug }) : e.kind === "display" ? /* @__PURE__ */ Y(he, { slug: e.slug }) : e.kind === "actions" ? /* @__PURE__ */ Y(ge, {
 		slug: e.slug,
 		state: t,
 		setState: n
-	}) : e.kind === "layout" ? /* @__PURE__ */ Y(Oe, { slug: e.slug }) : e.kind === "data-table" ? /* @__PURE__ */ Y(Q, { slug: e.slug }) : e.kind === "calendar" ? /* @__PURE__ */ Y(ke, {}) : e.kind === "upload" ? /* @__PURE__ */ Y(Ae, { slug: e.slug }) : e.kind === "wizard" ? /* @__PURE__ */ Y(je, { slug: e.slug }) : e.kind === "patterns" ? /* @__PURE__ */ Y(Me, { slug: e.slug }) : null;
+	}) : e.kind === "layout" ? /* @__PURE__ */ Y(_e, { slug: e.slug }) : e.kind === "data-table" ? /* @__PURE__ */ Y(ve, { slug: e.slug }) : e.kind === "calendar" ? /* @__PURE__ */ Y(ye, {}) : e.kind === "upload" ? /* @__PURE__ */ Y(be, { slug: e.slug }) : e.kind === "wizard" ? /* @__PURE__ */ Y(xe, { slug: e.slug }) : e.kind === "patterns" ? /* @__PURE__ */ Y(Se, { slug: e.slug }) : null;
 }
-function xe({ slug: e, state: t, setState: n }) {
-	let s = t.textValue, c = (e) => n({ textValue: e });
-	if (e === "search-input") return /* @__PURE__ */ Y(a, {
-		value: s,
-		onValueChange: c,
+function de({ slug: e, state: t, setState: n }) {
+	let a = t.textValue, s = (e) => n({ textValue: e });
+	if (e === "search-input") return /* @__PURE__ */ Y(i, {
+		type: "search",
+		value: a,
+		onValueChange: s,
 		resultCount: 12,
 		shortcut: "Ctrl K",
 		placeholder: "Search customers..."
 	});
-	if (e === "password-input") return /* @__PURE__ */ Y(i, {
+	if (e === "password-input") return /* @__PURE__ */ Y(r, {
 		value: "secret-token",
-		onValueChange: c,
+		onValueChange: s,
 		placeholder: "Password"
 	});
-	if (e === "clearable-input") return /* @__PURE__ */ Y(r, {
-		value: s,
-		onValueChange: c,
-		placeholder: "Clearable input"
-	});
-	if (e === "slider") return /* @__PURE__ */ Y(le, {
+	if (e === "slider") return /* @__PURE__ */ Y(y, {
 		label: "Density",
 		description: "Tune content density.",
 		defaultValue: 64,
 		showValue: !0
 	});
-	if (e === "range-slider") return /* @__PURE__ */ Y(ce, {
+	if (e === "range-slider") return /* @__PURE__ */ Y(v, {
 		label: "Revenue range",
 		description: "Filter between two values.",
 		defaultValue: [20, 80],
 		showValue: !0
 	});
-	if (e === "rating") return /* @__PURE__ */ Y(se, {
+	if (e === "rating") return /* @__PURE__ */ Y(_, {
 		defaultValue: 4,
 		labels: { clear: "Reset" }
 	});
-	if (e === "otp-input") return /* @__PURE__ */ Y(oe, {
-		value: s.replace(/\D/g, "").slice(0, 6),
-		onValueChange: c
-	});
-	if (e === "color-input") return /* @__PURE__ */ Y(ae, {
-		defaultValue: "#22c55e",
-		label: "Accent color",
-		description: "Theme token preview."
+	if (e === "otp-input") return /* @__PURE__ */ Y(te, {
+		value: a.replace(/\D/g, "").slice(0, 6),
+		onValueChange: s
 	});
-	if (e === "tag-input") return /* @__PURE__ */ Y(ue, {
+	if (e === "tag-input") return /* @__PURE__ */ Y(ne, {
 		defaultValue: [
 			"dashboard",
 			"beta",
@@ -247,7 +208,7 @@ function xe({ slug: e, state: t, setState: n }) {
 	});
 	if (e === "simple-select") return /* @__PURE__ */ X("div", {
 		className: "grid gap-4",
-		children: [/* @__PURE__ */ Y(ie, {
+		children: [/* @__PURE__ */ Y(o, {
 			value: "private",
 			onValueChange: () => void 0,
 			options: [
@@ -314,7 +275,7 @@ function xe({ slug: e, state: t, setState: n }) {
 		];
 		return /* @__PURE__ */ X("div", {
 			className: "grid gap-4",
-			children: [/* @__PURE__ */ Y(re, {
+			children: [/* @__PURE__ */ Y(g, {
 				value: "north",
 				onValueChange: () => void 0,
 				loadOptions: async (t) => {
@@ -343,13 +304,13 @@ function xe({ slug: e, state: t, setState: n }) {
 			})]
 		});
 	}
-	return /* @__PURE__ */ Y(o, {
-		value: s,
+	return /* @__PURE__ */ Y(i, {
+		value: a,
 		onChange: (e) => n({ textValue: e.currentTarget.value }),
 		placeholder: "Unified input"
 	});
 }
-function Se({ state: e, setState: t }) {
+function fe({ state: e, setState: t }) {
 	return /* @__PURE__ */ X("div", {
 		className: "grid gap-4 md:grid-cols-2",
 		children: [/* @__PURE__ */ X("label", {
@@ -359,7 +320,7 @@ function Se({ state: e, setState: t }) {
 					className: "text-sm font-medium aui-text-strong",
 					children: "Email address"
 				}),
-				/* @__PURE__ */ Y(o, {
+				/* @__PURE__ */ Y(i, {
 					value: e.textValue,
 					onChange: (e) => t({ textValue: e.currentTarget.value })
 				}),
@@ -375,7 +336,8 @@ function Se({ state: e, setState: t }) {
 					className: "text-sm font-medium aui-text-strong",
 					children: "Status"
 				}),
-				/* @__PURE__ */ Y(a, {
+				/* @__PURE__ */ Y(i, {
+					type: "search",
 					value: "Active customers",
 					resultCount: 7,
 					readOnly: !0
@@ -388,24 +350,8 @@ function Se({ state: e, setState: t }) {
 		})]
 	});
 }
-function Ce({ slug: t }) {
-	return t === "dialog-actions" ? /* @__PURE__ */ Y("div", {
-		className: "rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4",
-		children: /* @__PURE__ */ X(te, {
-			align: "end",
-			children: [
-				/* @__PURE__ */ Y(v, {
-					variant: "ghost",
-					children: "Cancel"
-				}),
-				/* @__PURE__ */ Y(v, {
-					variant: "outline",
-					children: "Save draft"
-				}),
-				/* @__PURE__ */ Y(v, { children: "Publish" })
-			]
-		})
-	}) : t === "alert-dialog" ? /* @__PURE__ */ Y(_, {
+function pe({ slug: t }) {
+	return t === "alert-dialog" ? /* @__PURE__ */ Y(m, {
 		open: !1,
 		title: "Archive invoice?",
 		description: "This keeps the invoice readable but removes it from active queues.",
@@ -413,7 +359,7 @@ function Ce({ slug: t }) {
 			variant: "destructive",
 			children: "Open alert"
 		})
-	}) : t === "drawer" ? /* @__PURE__ */ Y(ne, {
+	}) : t === "drawer" ? /* @__PURE__ */ Y(h, {
 		open: !1,
 		trigger: /* @__PURE__ */ Y(e, {
 			variant: "outline",
@@ -421,7 +367,7 @@ function Ce({ slug: t }) {
 		}),
 		title: "Customer details",
 		description: "Side panel for fast inspection.",
-		children: /* @__PURE__ */ Y(S, { items: [{
+		children: /* @__PURE__ */ Y(b, { items: [{
 			key: "plan",
 			label: "Plan",
 			value: "Scale"
@@ -445,33 +391,12 @@ function Ce({ slug: t }) {
 		]
 	});
 }
-function we({ slug: e }) {
-	return e === "pagination" ? /* @__PURE__ */ Y(f, {
+function me({ slug: e }) {
+	return e === "pagination" ? /* @__PURE__ */ Y(u, {
 		page: 3,
 		pageCount: 9,
 		onPageChange: () => void 0
-	}) : e === "anchor-nav" ? /* @__PURE__ */ Y(u, {
-		orientation: "horizontal",
-		title: "Sections",
-		items: [
-			{
-				key: "overview",
-				label: "Overview",
-				href: "#overview",
-				active: !0
-			},
-			{
-				key: "usage",
-				label: "Usage",
-				href: "#usage"
-			},
-			{
-				key: "api",
-				label: "API",
-				href: "#api"
-			}
-		]
-	}) : e === "page-tabs" ? /* @__PURE__ */ Y(d, {
+	}) : e === "page-tabs" ? /* @__PURE__ */ Y(ee, {
 		value: "overview",
 		variant: "pills",
 		items: [
@@ -489,7 +414,7 @@ function we({ slug: e }) {
 				badge: "3"
 			}
 		]
-	}) : e === "stepper-tabs" ? /* @__PURE__ */ Y(p, {
+	}) : e === "stepper-tabs" ? /* @__PURE__ */ Y(d, {
 		value: "billing",
 		items: [
 			{
@@ -509,7 +434,7 @@ function we({ slug: e }) {
 				description: "Confirm release"
 			}
 		]
-	}) : /* @__PURE__ */ Y(ee, {
+	}) : /* @__PURE__ */ Y(l, {
 		value: "overview",
 		items: [
 			{
@@ -527,8 +452,8 @@ function we({ slug: e }) {
 		]
 	});
 }
-function Te({ slug: t }) {
-	return t === "alert" ? /* @__PURE__ */ Y(b, {
+function Q({ slug: t }) {
+	return t === "alert" ? /* @__PURE__ */ Y(re, {
 		tone: "warning",
 		title: "Review needed",
 		description: "Billing rules changed and one approval is pending.",
@@ -536,7 +461,7 @@ function Te({ slug: t }) {
 			size: "sm",
 			children: "Open"
 		})
-	}) : t === "page-state" ? /* @__PURE__ */ Y(x, {
+	}) : t === "page-state" ? /* @__PURE__ */ Y(ie, {
 		title: "Workspace connected",
 		description: "The route is ready to accept live data and team actions.",
 		tone: "success",
@@ -566,45 +491,17 @@ function Te({ slug: t }) {
 		]
 	});
 }
-function Ee({ slug: t }) {
-	return t === "description-list" ? /* @__PURE__ */ Y(S, {
-		title: "Invoice details",
-		description: "Structured facts with responsive columns.",
-		items: [
-			{
-				key: "id",
-				label: "Invoice",
-				value: "#4821"
-			},
-			{
-				key: "amount",
-				label: "Amount",
-				value: "$12,420"
-			},
-			{
-				key: "status",
-				label: "Status",
-				value: /* @__PURE__ */ Y($, {
-					tone: "success",
-					children: "Paid"
-				})
-			},
-			{
-				key: "owner",
-				label: "Owner",
-				value: "Finance team"
-			}
-		]
-	}) : t === "progress" ? /* @__PURE__ */ Y(T, {
+function he({ 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(E, {
+	}) : t === "progress-circle" ? /* @__PURE__ */ Y(C, {
 		value: 72,
 		label: "Profile completed"
-	}) : t === "timeline" ? /* @__PURE__ */ Y(k, {
+	}) : t === "timeline" ? /* @__PURE__ */ Y(E, {
 		items: [
 			{
 				key: "created",
@@ -630,7 +527,7 @@ function Ee({ slug: t }) {
 		],
 		pending: !0,
 		pendingLabel: "Paid"
-	}) : t === "metric-card" || t === "stat-card" ? /* @__PURE__ */ Y(z, {
+	}) : t === "metric-card" || t === "stat-card" ? /* @__PURE__ */ Y(O, {
 		title: "Revenue",
 		value: "$84.2k",
 		description: "Compared with last month",
@@ -642,65 +539,21 @@ function Ee({ slug: t }) {
 	}) : t === "status-dot" ? /* @__PURE__ */ X("div", {
 		className: "grid gap-3",
 		children: [
-			/* @__PURE__ */ Y(D, {
+			/* @__PURE__ */ Y(w, {
 				tone: "success",
 				pulse: !0,
 				label: "API healthy"
 			}),
-			/* @__PURE__ */ Y(D, {
+			/* @__PURE__ */ Y(w, {
 				tone: "warning",
 				label: "Sync delayed"
 			}),
-			/* @__PURE__ */ Y(D, {
+			/* @__PURE__ */ Y(w, {
 				tone: "danger",
 				label: "Webhook failed"
 			})
 		]
-	}) : t === "delta-badge" ? /* @__PURE__ */ X("div", {
-		className: "flex flex-wrap gap-2",
-		children: [
-			/* @__PURE__ */ Y(s, {
-				variant: "secondary",
-				children: "+12.4%"
-			}),
-			/* @__PURE__ */ Y(s, {
-				variant: "outline",
-				children: "-3.1%"
-			}),
-			/* @__PURE__ */ Y(s, {
-				variant: "destructive",
-				children: "Risk"
-			})
-		]
-	}) : t === "entity-header" ? /* @__PURE__ */ Y("div", {
-		className: "rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5",
-		children: /* @__PURE__ */ X("div", {
-			className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
-			children: [/* @__PURE__ */ X("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ Y(s, {
-					variant: "outline",
-					children: "Customer"
-				}), /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("h3", {
-					className: "text-xl font-semibold",
-					children: "Acme Holdings"
-				}), /* @__PURE__ */ Y("p", {
-					className: "text-sm text-muted-foreground",
-					children: "Enterprise account with billing and admin ownership."
-				})] })]
-			}), /* @__PURE__ */ X("div", {
-				className: "flex gap-2",
-				children: [/* @__PURE__ */ Y(e, {
-					variant: "outline",
-					size: "sm",
-					children: "Archive"
-				}), /* @__PURE__ */ Y(e, {
-					size: "sm",
-					children: "Edit"
-				})]
-			})]
-		})
-	}) : t === "notification-center" ? /* @__PURE__ */ Y(w, { items: [
+	}) : t === "notification-center" ? /* @__PURE__ */ Y(x, { items: [
 		{
 			key: "1",
 			title: "Build completed",
@@ -719,20 +572,7 @@ function Ee({ slug: t }) {
 			description: "Package version is ready for release.",
 			extra: "1h"
 		}
-	] }) : t === "entity-card" || t === "file-card" ? /* @__PURE__ */ Y(C, {
-		title: t === "file-card" ? "Design-spec.pdf" : "Azamat Workspace",
-		description: t === "file-card" ? "Shared with 4 reviewers." : "Admin console and live dashboard route.",
-		status: /* @__PURE__ */ Y(s, {
-			variant: "secondary",
-			children: "Live"
-		}),
-		meta: t === "file-card" ? "2.4 MB" : "Updated 8 min ago",
-		actions: /* @__PURE__ */ Y(e, {
-			size: "sm",
-			variant: "outline",
-			children: "Open"
-		})
-	}) : t === "data-list" ? /* @__PURE__ */ Y(w, { items: [
+	] }) : t === "data-list" ? /* @__PURE__ */ Y(x, { items: [
 		{
 			key: "1",
 			title: "Enterprise plan",
@@ -751,7 +591,7 @@ function Ee({ slug: t }) {
 			description: "Lightweight team setup",
 			extra: "$49"
 		}
-	] }) : t === "status-legend" ? /* @__PURE__ */ Y(O, {
+	] }) : t === "status-legend" ? /* @__PURE__ */ Y(T, {
 		title: "Delivery states",
 		description: "Explain what each state means and how often it appears.",
 		orientation: "grid",
@@ -778,7 +618,7 @@ function Ee({ slug: t }) {
 				count: 1
 			}
 		]
-	}) : t === "trend-card" || t === "comparison-card" ? /* @__PURE__ */ Y(z, {
+	}) : t === "trend-card" ? /* @__PURE__ */ Y(O, {
 		title: t === "trend-card" ? "Weekly revenue" : "Current vs previous",
 		value: "$84.2k",
 		description: "Compared with last month",
@@ -789,7 +629,7 @@ function Ee({ slug: t }) {
 		icon: /* @__PURE__ */ Y(G, {})
 	}) : t === "info-card" ? /* @__PURE__ */ X("div", {
 		className: "grid gap-4",
-		children: [/* @__PURE__ */ Y(j, {
+		children: [/* @__PURE__ */ Y(k, {
 			eyebrow: "Summary",
 			title: "Workspace",
 			description: "Reusable card surface with header, actions and metadata.",
@@ -820,7 +660,7 @@ function Ee({ slug: t }) {
 				})
 			]
 		})]
-	}) : /* @__PURE__ */ Y(A, {
+	}) : /* @__PURE__ */ Y(D, {
 		name: "Azamat Jurayev",
 		description: "Product designer and maintainer",
 		meta: "Admin workspace",
@@ -830,10 +670,11 @@ function Ee({ slug: t }) {
 		})
 	});
 }
-function De({ slug: r, state: i, setState: o }) {
-	return r === "filter-bar" ? /* @__PURE__ */ Y(h, {
-		search: /* @__PURE__ */ Y(a, {
-			value: i.textValue,
+function ge({ slug: r, state: a, setState: o }) {
+	return r === "filter-bar" ? /* @__PURE__ */ Y(f, {
+		search: /* @__PURE__ */ Y(i, {
+			type: "search",
+			value: a.textValue,
 			onValueChange: (e) => o({ textValue: e }),
 			placeholder: "Search invoices..."
 		}),
@@ -848,31 +689,6 @@ function De({ slug: r, state: i, setState: o }) {
 			size: "sm",
 			children: "Export"
 		})
-	}) : r === "command-palette" ? /* @__PURE__ */ X("div", {
-		className: "grid gap-3",
-		children: [/* @__PURE__ */ X("div", {
-			className: "flex items-center gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 py-2",
-			children: [/* @__PURE__ */ Y(q, { className: "size-4 aui-text-muted" }), /* @__PURE__ */ Y("span", {
-				className: "text-sm aui-text-muted",
-				children: "Command palette preview: search routes, components and actions."
-			})]
-		}), /* @__PURE__ */ Y(M, {
-			open: !1,
-			onOpenChange: () => void 0,
-			groups: [{
-				id: "navigation",
-				label: "Navigation",
-				items: [{
-					id: "docs",
-					label: "Open docs",
-					icon: /* @__PURE__ */ Y(q, { className: "size-4" })
-				}, {
-					id: "components",
-					label: "Browse components",
-					icon: /* @__PURE__ */ Y(G, { className: "size-4" })
-				}]
-			}]
-		})]
 	}) : r === "button-group" ? /* @__PURE__ */ Y(n, { items: [
 		{
 			key: "day",
@@ -886,7 +702,7 @@ function De({ slug: r, state: i, setState: o }) {
 			key: "month",
 			label: "Month"
 		}
-	] }) : r === "quick-action-grid" ? /* @__PURE__ */ Y(c, {
+	] }) : r === "quick-action-grid" ? /* @__PURE__ */ Y(s, {
 		columns: 3,
 		items: [
 			{
@@ -908,52 +724,9 @@ function De({ slug: r, state: i, setState: o }) {
 				badge: "S"
 			}
 		]
-	}) : r === "filter-chips" || r === "data-table-saved-filters" ? /* @__PURE__ */ X("div", {
-		className: "grid gap-3",
-		children: [/* @__PURE__ */ Y(m, {
-			chips: [
-				{
-					key: "status",
-					label: "Status",
-					value: "Active",
-					tone: "success"
-				},
-				{
-					key: "owner",
-					label: "Owner",
-					value: "Azamat",
-					tone: "default"
-				},
-				{
-					key: "region",
-					label: "Region",
-					value: "APAC",
-					tone: "info"
-				}
-			],
-			onRemove: () => void 0,
-			onClear: () => void 0
-		}), r === "data-table-saved-filters" ? /* @__PURE__ */ Y(n, {
-			attached: !1,
-			items: [
-				{
-					key: "default",
-					label: "Default",
-					variant: "secondary"
-				},
-				{
-					key: "billing",
-					label: "Billing"
-				},
-				{
-					key: "ops",
-					label: "Operations"
-				}
-			]
-		}) : null]
 	}) : r === "saved-filter-select" ? /* @__PURE__ */ X("div", {
 		className: "grid gap-4",
-		children: [/* @__PURE__ */ Y(g, {
+		children: [/* @__PURE__ */ Y(p, {
 			value: "billing",
 			onValueChange: () => void 0,
 			onSave: () => void 0,
@@ -1006,17 +779,17 @@ function De({ slug: r, state: i, setState: o }) {
 				{
 					key: "open",
 					label: "Open",
-					icon: /* @__PURE__ */ Y(fe, { className: "size-4" })
+					icon: /* @__PURE__ */ Y(H, { className: "size-4" })
 				},
 				{
 					key: "download",
 					label: "Download",
-					icon: /* @__PURE__ */ Y(pe, { className: "size-4" })
+					icon: /* @__PURE__ */ Y(U, { className: "size-4" })
 				},
 				{
 					key: "archive",
 					label: "Archive",
-					icon: /* @__PURE__ */ Y(U, { className: "size-4" }),
+					icon: /* @__PURE__ */ Y(B, { className: "size-4" }),
 					destructive: !0
 				}
 			],
@@ -1029,14 +802,14 @@ function De({ slug: r, state: i, setState: o }) {
 		})]
 	});
 }
-function Oe({ slug: t }) {
-	return t === "app-header" ? /* @__PURE__ */ Y(R, {
+function _e({ 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(s, {
+		center: /* @__PURE__ */ Y(a, {
 			variant: "secondary",
 			children: "Preview"
 		}),
@@ -1044,13 +817,13 @@ function Oe({ slug: t }) {
 			variant: "ghost",
 			size: "icon-sm",
 			"aria-label": "Notifications",
-			children: /* @__PURE__ */ Y(de, {})
+			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(l, {
+	}) : t === "section-header" ? /* @__PURE__ */ Y(c, {
 		eyebrow: "Components",
 		title: "Production-ready surfaces",
 		description: "SectionHeader keeps copy, metadata and actions aligned.",
@@ -1058,7 +831,7 @@ function Oe({ slug: t }) {
 			size: "sm",
 			children: "Add component"
 		})
-	}) : /* @__PURE__ */ Y(z, {
+	}) : /* @__PURE__ */ Y(O, {
 		title: "Revenue",
 		value: "$84.2k",
 		description: "Compared with last month",
@@ -1069,13 +842,14 @@ function Oe({ slug: t }) {
 		helperText: "StatCard keeps KPI, helper text and trend in one compact tile."
 	});
 }
-function Q({ slug: t }) {
+function ve({ 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(a, {
+				children: [/* @__PURE__ */ Y(i, {
+					type: "search",
 					value: "",
 					placeholder: "Search rows...",
 					className: "max-w-xs",
@@ -1135,16 +909,11 @@ function Q({ slug: 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-pagination": "Pagination footer",
-					"data-table-toolbar": "Search and filter toolbar",
 					"data-table-column-visibility-menu": "Column visibility",
-					"data-table-select-column": "Row selection",
 					"data-table-sortable-header": "Sortable header",
-					"data-table-row-actions": "Row actions",
-					"data-table-actions-column": "Actions column",
 					"data-table-bulk-actions": "Bulk action bar",
 					"data-table-view-presets": "Saved view presets"
-				}[t] ?? "DataTable part", " preview"] }), /* @__PURE__ */ Y(f, {
+				}[t] ?? "DataTable part", " preview"] }), /* @__PURE__ */ Y(u, {
 					page: 1,
 					pageCount: 4,
 					onPageChange: () => void 0,
@@ -1154,20 +923,20 @@ function Q({ slug: t }) {
 		]
 	});
 }
-function ke() {
-	return /* @__PURE__ */ Y(y, {
+function ye() {
+	return /* @__PURE__ */ Y(A, {
 		value: "2026-06-18",
 		defaultMonth: "2026-06-01",
 		onValueChange: () => void 0
 	});
 }
-function Ae({ slug: e }) {
-	return e === "file-dropzone" ? /* @__PURE__ */ Y(F, {
+function be({ 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(N, {
+		children: [/* @__PURE__ */ Y(j, {
 			dropzoneLabel: "Upload documents",
 			dropzoneDescription: "Drag files here or choose from your device.",
 			buttonLabel: "Choose files",
@@ -1191,7 +960,7 @@ function Ae({ slug: e }) {
 		})]
 	}) : e === "image-upload" ? /* @__PURE__ */ X("div", {
 		className: "grid gap-4",
-		children: [/* @__PURE__ */ Y(P, {
+		children: [/* @__PURE__ */ Y(M, {
 			dropzoneLabel: "Upload product image",
 			helperText: "Preview-friendly upload for gallery and hero assets."
 		}), /* @__PURE__ */ X("div", {
@@ -1215,15 +984,15 @@ function Ae({ slug: e }) {
 		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(me, { className: "size-8 aui-text-muted" })
-		}), /* @__PURE__ */ Y(F, {
+			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 je({ slug: e }) {
+function xe({ slug: e }) {
 	let t = [
 		{
 			id: "profile",
@@ -1242,11 +1011,11 @@ function je({ slug: e }) {
 			description: "Confirm data"
 		}
 	];
-	return e === "stepper" ? /* @__PURE__ */ Y(I, {
+	return e === "stepper" ? /* @__PURE__ */ Y(P, {
 		steps: t,
 		currentStep: "billing",
 		onStepChange: () => void 0
-	}) : /* @__PURE__ */ Y(L, {
+	}) : /* @__PURE__ */ Y(F, {
 		steps: t,
 		currentStep: "billing",
 		onNext: () => void 0,
@@ -1264,17 +1033,17 @@ function je({ slug: e }) {
 		})
 	});
 }
-function Me({ slug: t }) {
-	return t === "resource-detail-page" ? /* @__PURE__ */ Y(B, {
+function Se({ 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(H, {
+		children: /* @__PURE__ */ Y(z, {
 			title: "Account",
-			children: /* @__PURE__ */ Y(S, { items: [{
+			children: /* @__PURE__ */ Y(b, { items: [{
 				key: "plan",
 				label: "Plan",
 				value: "Scale"
@@ -1284,7 +1053,7 @@ function Me({ slug: t }) {
 				value: "Design team"
 			}] })
 		})
-	}) : /* @__PURE__ */ Y(V, {
+	}) : /* @__PURE__ */ Y(R, {
 		title: "Customers",
 		description: "ResourcePage combines header, stats, filters and sections.",
 		actions: /* @__PURE__ */ Y(e, {
@@ -1293,14 +1062,14 @@ function Me({ slug: t }) {
 		}),
 		stats: /* @__PURE__ */ X("div", {
 			className: "grid gap-3 sm:grid-cols-2",
-			children: [/* @__PURE__ */ Y(z, {
+			children: [/* @__PURE__ */ Y(O, {
 				title: "Active",
 				value: "2,418",
 				trend: {
 					value: "+8%",
 					tone: "success"
 				}
-			}), /* @__PURE__ */ Y(z, {
+			}), /* @__PURE__ */ Y(O, {
 				title: "Health",
 				value: "94%",
 				trend: {
@@ -1309,17 +1078,18 @@ function Me({ slug: t }) {
 				}
 			})]
 		}),
-		filters: /* @__PURE__ */ Y(h, {
-			search: /* @__PURE__ */ Y(a, {
+		filters: /* @__PURE__ */ Y(f, {
+			search: /* @__PURE__ */ Y(i, {
+				type: "search",
 				value: "",
 				placeholder: "Search...",
 				readOnly: !0
 			}),
 			activeCount: 1
 		}),
-		children: /* @__PURE__ */ Y(H, {
+		children: /* @__PURE__ */ Y(z, {
 			title: "Recent activity",
-			children: /* @__PURE__ */ Y(k, { items: [{
+			children: /* @__PURE__ */ Y(E, { items: [{
 				key: "a",
 				title: "Customer added",
 				description: "Acme workspace",
@@ -1333,11 +1103,11 @@ function Me({ slug: t }) {
 		})
 	});
 }
-function Ne(e) {
+function Ce(e) {
 	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
 function $({ tone: e, children: t }) {
-	return /* @__PURE__ */ Y(s, {
+	return /* @__PURE__ */ Y(a, {
 		variant: {
 			success: "secondary",
 			warning: "outline",
@@ -1348,4 +1118,4 @@ function $({ tone: e, children: t }) {
 	});
 }
 //#endregion
-export { ge as registrySpecificDemoRegistry };
+export { oe as registrySpecificDemoRegistry };