tembro 3.1.1 → 3.1.6

package/dist/src/showcase/site-data.js

@@ -1,9 +1,9 @@
 import { comparePublicComponentSurfaceOrder as e, isPublicComponentSurfaceSlug as t } from "../public-component-surface.js";
 import n from "./tembro-registry.json.js";
 import { PACKAGE_LATEST_RELEASE_DATE as r, PACKAGE_LATEST_VERSION as i } from "./package-meta.js";
-import { AlertCircleIcon as a, BadgeIcon as o, BellIcon as ee, BlocksIcon as te, BookOpenIcon as s, BoxIcon as ne, CalendarClockIcon as c, ChevronRightIcon as l, ComponentIcon as u, CreditCardIcon as re, DatabaseIcon as d, FileTextIcon as f, FormInputIcon as p, Grid2x2Icon as ie, Layers3Icon as ae, LayoutDashboardIcon as m, MousePointerClickIcon as h, PanelTopIcon as g, ShieldCheckIcon as oe, SlidersHorizontalIcon as se, SmartphoneIcon as _, SparklesIcon as v, Table2Icon as y, TerminalSquareIcon as b, ToggleLeftIcon as x, WalletIcon as ce, WorkflowIcon as S } from "lucide-react";
+import { AlertCircleIcon as a, BadgeIcon as o, BellIcon as ee, BlocksIcon as te, BookOpenIcon as s, BoxIcon as ne, CalendarClockIcon as c, ChevronRightIcon as l, ComponentIcon as u, CreditCardIcon as re, DatabaseIcon as ie, FileTextIcon as d, FormInputIcon as f, Grid2x2Icon as ae, Layers3Icon as oe, LayoutDashboardIcon as p, MousePointerClickIcon as m, PanelTopIcon as h, ShieldCheckIcon as se, SlidersHorizontalIcon as g, SmartphoneIcon as ce, SparklesIcon as _, Table2Icon as v, TerminalSquareIcon as y, ToggleLeftIcon as b, WalletIcon as le, WorkflowIcon as x } from "lucide-react";
 //#region src/showcase/site-data.tsx
-var C = [
+var S = [
 	[
 		"control",
 		"Control<TFieldValues>",
@@ -58,20 +58,20 @@ var C = [
 		"-",
 		"Optional error override instead of default form state message."
 	]
-], w = [
+], C = [
 	"RHF control wiring",
 	"name-based field registration",
 	"error and required visual states",
 	"validation contract",
 	"label/description consistency",
 	"disabled/readOnly handling"
-], le = "tembro", T = "tembro", ue = "tembro", de = "azamat-ui", E = `npx ${T} init --template next --defaults`, fe = `npx ${T} init --template vite --defaults`, D = `npx ${T} add button input`, O = `${E}\n${D}`, pe = `npx ${T} --help`, me = `npx ${T} theme`, he = "https://www.npmjs.com/package/tembro", ge = "https://github.com/AzamatJurayev-dev/tembro", k = `${ge}/releases`, _e = "https://github.com/AzamatJurayev-dev/azamat-ui", ve = k, ye = `${_e}/releases`, A = "/docs", j = [{
+], ue = "tembro", w = "tembro", de = "tembro", fe = "azamat-ui", pe = `npx ${w} init --template next --defaults`, me = `npx ${w} init --template vite --defaults`, he = `npx ${w} add button input`, T = `${pe}\n${he}`, ge = `npx ${w} --help`, _e = `npx ${w} theme`, ve = "https://www.npmjs.com/package/tembro", E = "https://github.com/AzamatJurayev-dev/tembro", ye = `${E}/releases`, be = "https://github.com/AzamatJurayev-dev/azamat-ui", xe = ye, Se = `${be}/releases`, D = "/docs", O = [{
 	version: i,
 	date: r,
 	status: "Published",
 	summary: "Expanded the registry with newer dashboard, input, badge, sidebar, and notification primitives.",
 	notes: [
-		"Registry truth now includes `accordion`, `sidebar`, `trend-card`, `delta-badge`, `notification-center`, and `command-bar`.",
+		"Registry truth now includes `collapse`, `sidebar`, `statistic`, `badge`, `notification-center`, and `command-palette`.",
 		"Component metadata was refreshed so docs can keep canonical surfaces and related helpers accurate.",
 		"CLI-first local component setup remains the default path for Next.js and Vite users."
 	]
@@ -85,7 +85,7 @@ var C = [
 		"Deprecated route-level names stayed aliased for compatibility while primary docs move toward simpler canonical surfaces.",
 		"Docs app metadata now prefers current package registry vocabulary over older showcase-only names."
 	]
-}], be = j[0]?.version ?? "3.1.0", xe = j[0]?.date ?? "July 10, 2026", M = (e) => `/components/${e}`, N = (e) => `/playground/${e}`, P = (e) => `/components/${e}`, Se = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/\s+/g, "-").toLowerCase(), Ce = (e, t) => `/components/${e}/${Se(t)}`, we = (e) => `/templates/${e}`, F = (e) => `/blocks/${e}`, I = [
+}], Ce = O[0]?.version ?? "3.1.6", we = O[0]?.date ?? "July 13, 2026", k = (e) => `/components/${e}`, A = (e) => `/playground/${e}`, j = (e) => `/components/${e}`, Te = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/\s+/g, "-").toLowerCase(), Ee = (e, t) => `/components/${e}/${Te(t)}`, De = (e) => `/templates/${e}`, M = (e) => `/blocks/${e}`, N = [
 	"Primitives",
 	"Form Controls",
 	"Overlay",
@@ -93,7 +93,7 @@ var C = [
 	"Layout",
 	"Feedback",
 	"Patterns"
-], Te = {
+], P = {
 	Primitives: {
 		title: "Primitives",
 		description: "Foundation components for actions, text entry, compact layout and small state changes.",
@@ -136,7 +136,7 @@ var C = [
 		whenToUse: "Use when the screen needs a repeatable workflow instead of one atomic control.",
 		whenNotToUse: "Do not start here when a primitive or one wrapper solves the need cleanly."
 	}
-}, Ee = new Set([
+}, Oe = new Set([
 	"button",
 	"input",
 	"textarea",
@@ -147,14 +147,11 @@ var C = [
 	"tabs",
 	"collapse",
 	"kbd"
-]), De = new Set([
+]), ke = new Set([
 	"select",
-	"simple-select",
 	"async-select",
 	"async-multi-select",
-	"combobox",
 	"radio-group",
-	"number-input",
 	"date-picker",
 	"date-range-picker",
 	"form-field-shell",
@@ -164,38 +161,34 @@ var C = [
 	"form-switch",
 	"form-date-range-input",
 	"form-date-picker",
-	"form-date-range-picker",
-	"phone-input",
-	"masked-input",
-	"money-input",
-	"quantity-input"
-]), Oe = new Set([
+	"form-date-range-picker"
+]), Ae = new Set([
 	"dialog",
 	"popover",
 	"dropdown-menu",
 	"tooltip",
 	"right-click-menu",
 	"confirm-dialog",
-	"modal-shell",
-	"sheet-shell",
 	"alert-dialog",
 	"drawer"
-]), ke = new Set([
+]), je = new Set([
 	"sidebar",
-	"app-shell",
-	"sidebar-nav",
 	"breadcrumbs",
-	"page-header",
-	"page-container",
-	"app-header",
-	"section-header",
-	"sticky-footer-bar"
-]), Ae = new Set([
+	"section"
+]), Me = new Set([
 	"toast",
 	"loading-state",
-	"empty-state",
-	"result"
-]), je = new Set(["form-builder"]), L = new Map([
+	"empty-state"
+]), Ne = new Set([
+	"form-builder",
+	"resource-page",
+	"resource-detail-page",
+	"page-toolbar",
+	"bulk-action-bar",
+	"detail-layout",
+	"settings-page",
+	"data-view"
+]), F = new Map([
 	["app-sidebar", "sidebar"],
 	["form-async-select", "form-select"],
 	["form-search-input", "form-input"],
@@ -204,40 +197,40 @@ var C = [
 	["form-phone-input", "form-input"],
 	["form-date-input", "form-input"],
 	["confirm-action", "confirm-dialog"],
-	["file-dropzone", "upload"],
-	["hover-card", "tooltip"],
-	["metric-card", "metric-grid"],
+	["file-dropzone", "file-upload"],
+	["hover-card", "popover"],
+	["metric-card", "statistic"],
 	["nav-tabs", "tabs"],
-	["section-header", "page-header"],
+	["section-header", "section"],
 	["side-panel", "sidebar"],
 	["status-dot", "status-legend"]
 ]);
-function R(e) {
-	return L.get(e) ?? e;
+function I(e) {
+	return F.get(e) ?? e;
 }
-function z(e) {
-	return Ee.has(e) ? "Primitives" : De.has(e) ? "Form Controls" : Oe.has(e) ? "Overlay" : ke.has(e) ? "Layout" : Ae.has(e) ? "Feedback" : je.has(e) ? "Patterns" : "Data Display";
+function L(e) {
+	return Oe.has(e) ? "Primitives" : ke.has(e) ? "Form Controls" : Ae.has(e) ? "Overlay" : je.has(e) ? "Layout" : Me.has(e) ? "Feedback" : Ne.has(e) ? "Patterns" : "Data Display";
 }
-function Me(e) {
-	return Te[z(e)];
+function Pe(e) {
+	return P[L(e)];
 }
-function B(e, t) {
-	return K.filter((t) => z(t.slug) === e).map((e) => ({
+function R(e, t) {
+	return K.filter((t) => L(t.slug) === e).map((e) => ({
 		label: e.title,
 		href: t(e.slug),
 		icon: e.icon,
 		badge: e.status
 	}));
 }
-var V = [
+var z = [
 	{
 		slug: "button",
 		title: "Button",
 		description: "Trigger actions with multiple variants, sizes, icon positions and loading states.",
-		icon: h,
+		icon: m,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"variant",
@@ -287,10 +280,10 @@ var V = [
 		slug: "input",
 		title: "Input",
 		description: "Primary text-entry surface for forms, filters, and compact editor layouts before moving into presets.",
-		icon: p,
+		icon: f,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"value",
@@ -346,10 +339,10 @@ var V = [
 		slug: "textarea",
 		title: "Textarea",
 		description: "Multi-line input with autosizing-friendly layout for notes, messages and long-form data.",
-		icon: f,
+		icon: d,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"placeholder",
@@ -396,7 +389,7 @@ var V = [
 		icon: u,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"value",
@@ -448,71 +441,6 @@ var V = [
 			"Preset-friendly API"
 		]
 	},
-	{
-		slug: "simple-select",
-		title: "Simple Select",
-		description: "Static-option select surface for compact forms, filter rows, and settings screens that do not need remote loading.",
-		icon: u,
-		category: "Forms",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			[
-				"options",
-				"SimpleSelectOption[]",
-				"-",
-				"Static options for display and selection."
-			],
-			[
-				"value",
-				"string",
-				"-",
-				"Controlled selected value."
-			],
-			[
-				"onValueChange",
-				"(value) => void",
-				"-",
-				"Selection callback."
-			],
-			[
-				"defaultValue",
-				"string",
-				"-",
-				"Uncontrolled initial selected value."
-			],
-			[
-				"placeholder",
-				"string",
-				"-",
-				"Prompt text for empty state."
-			],
-			[
-				"size",
-				"'sm' | 'default'",
-				"'default'",
-				"Trigger visual density."
-			],
-			[
-				"disabled",
-				"boolean",
-				"false",
-				"Disables select interaction."
-			],
-			[
-				"triggerClassName",
-				"string",
-				"-",
-				"Trigger custom class."
-			]
-		],
-		features: [
-			"Static options API",
-			"Controlled and uncontrolled usage",
-			"Shared select styling",
-			"Compact filter and form flows"
-		]
-	},
 	{
 		slug: "async-select",
 		title: "Async Select",
@@ -520,7 +448,7 @@ var V = [
 		icon: u,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"value",
@@ -609,7 +537,7 @@ var V = [
 		icon: u,
 		category: "Forms",
 		status: "Preview",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"isMulti",
@@ -649,73 +577,14 @@ var V = [
 			"Use AsyncSelect as the canonical API"
 		]
 	},
-	{
-		slug: "combobox",
-		title: "Combobox",
-		description: "Keyboard-first local filtering member for assignment flows and command-style lists.",
-		icon: u,
-		category: "Forms",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			[
-				"options",
-				"ComboboxOption[]",
-				"-",
-				"Local options with label, description and disabled state."
-			],
-			[
-				"value",
-				"string",
-				"-",
-				"Controlled selected value."
-			],
-			[
-				"onValueChange",
-				"(value, option?) => void",
-				"-",
-				"Selection callback with option payload."
-			],
-			[
-				"placeholder",
-				"ReactNode",
-				"\"Select option\"",
-				"Trigger content when no value is selected."
-			],
-			[
-				"searchPlaceholder",
-				"string",
-				"\"Search...\"",
-				"Search input placeholder."
-			],
-			[
-				"emptyLabel",
-				"ReactNode",
-				"\"No option found\"",
-				"Empty state content."
-			],
-			[
-				"disabled",
-				"boolean",
-				"false",
-				"Disables trigger and dropdown interaction."
-			]
-		],
-		features: [
-			"Keyboard-first member",
-			"Local option filtering",
-			"Description rows",
-			"Controlled assignment flows"
-		]
-	},
 	{
 		slug: "number-input",
 		title: "Number Input",
 		description: "Numeric entry with parsing, constraints, and precise change semantics.",
-		icon: x,
+		icon: b,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"value",
@@ -786,7 +655,7 @@ var V = [
 		icon: c,
 		category: "Forms",
 		status: "Preview",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"value",
@@ -851,7 +720,7 @@ var V = [
 		icon: c,
 		category: "Forms",
 		status: "Preview",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"value",
@@ -913,10 +782,10 @@ var V = [
 		slug: "form-field-shell",
 		title: "Form Field Shell",
 		description: "Composable field shell that standardizes label, description, layout, errors and required markers.",
-		icon: f,
+		icon: d,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"label",
@@ -991,12 +860,12 @@ var V = [
 		slug: "form-input",
 		title: "Form Input",
 		description: "Primary RHF field wrapper for text-like inputs. Use `kind` to cover search, password, number, phone, and date flows from one surface.",
-		icon: p,
+		icon: f,
 		category: "Forms",
 		status: "Preview",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
-			...C,
+			...S,
 			[
 				"kind",
 				"'text' | 'search' | 'password' | 'number' | 'phone' | 'date'",
@@ -1029,7 +898,7 @@ var V = [
 			]
 		],
 		features: [
-			...w,
+			...C,
 			"Universal `kind` variants",
 			"Error text and message flow",
 			"Single wrapper migration path"
@@ -1042,9 +911,9 @@ var V = [
 		icon: u,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
-			...C,
+			...S,
 			[
 				"kind",
 				"'simple' | 'async'",
@@ -1071,7 +940,7 @@ var V = [
 			]
 		],
 		features: [
-			...w,
+			...C,
 			"Simple + async under one API",
 			"Form-driven value control",
 			"Clear/empty handling"
@@ -1081,12 +950,12 @@ var V = [
 		slug: "form-textarea",
 		title: "Form Textarea",
 		description: "RHF textarea wrapper with shell-level validation messages and descriptions.",
-		icon: f,
+		icon: d,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
-			...C,
+			...S,
 			[
 				"rows",
 				"number",
@@ -1113,7 +982,7 @@ var V = [
 			]
 		],
 		features: [
-			...w,
+			...C,
 			"Long text support",
 			"Error placement",
 			"Description + helper states"
@@ -1123,12 +992,12 @@ var V = [
 		slug: "form-switch",
 		title: "Form Switch",
 		description: "RHF switch wrapper with binary payload and shell-level feedback.",
-		icon: x,
+		icon: b,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
-			...C,
+			...S,
 			[
 				"checked",
 				"boolean",
@@ -1149,7 +1018,7 @@ var V = [
 			]
 		],
 		features: [
-			...w,
+			...C,
 			"Boolean value contract",
 			"Readable shell errors",
 			"Disabled states"
@@ -1162,9 +1031,9 @@ var V = [
 		icon: c,
 		category: "Forms",
 		status: "Preview",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
-			...C,
+			...S,
 			[
 				"value",
 				"{ from: string; to: string }",
@@ -1197,7 +1066,7 @@ var V = [
 			]
 		],
 		features: [
-			...w,
+			...C,
 			"Range required validation",
 			"from/to coordination",
 			"Filter-ready contract"
@@ -1210,9 +1079,9 @@ var V = [
 		icon: c,
 		category: "Forms",
 		status: "Preview",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
-			...C,
+			...S,
 			[
 				"value",
 				"string",
@@ -1245,7 +1114,7 @@ var V = [
 			]
 		],
 		features: [
-			...w,
+			...C,
 			"Popover interaction",
 			"Range of disabled dates",
 			"Controlled popover state"
@@ -1258,9 +1127,9 @@ var V = [
 		icon: c,
 		category: "Forms",
 		status: "Preview",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
-			...C,
+			...S,
 			[
 				"value",
 				"{ from: string; to: string }",
@@ -1293,7 +1162,7 @@ var V = [
 			]
 		],
 		features: [
-			...w,
+			...C,
 			"Range-specific validation",
 			"Date range constraints",
 			"Accessible error mapping"
@@ -1303,10 +1172,10 @@ var V = [
 		slug: "form-builder",
 		title: "Form Builder",
 		description: "RHF section builder for schema-driven forms with submit/reset and disabled/read-only modes.",
-		icon: f,
+		icon: d,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"control",
@@ -1376,10 +1245,10 @@ var V = [
 		slug: "radio-group",
 		title: "Radio Group",
 		description: "Single-choice grouped control for plans, density modes, and mutually exclusive settings.",
-		icon: x,
+		icon: b,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"options",
@@ -1426,349 +1295,113 @@ var V = [
 		]
 	},
 	{
-		slug: "phone-input",
-		title: "Phone Input",
-		description: "Localized phone number input with formatted display and consistent editing assumptions.",
-		icon: _,
+		slug: "checkbox",
+		title: "Checkbox",
+		description: "Binary selection control for permissions, tasks and grouped form actions.",
+		icon: ne,
 		category: "Forms",
-		status: "Preview",
-		installCommand: O,
+		status: "Stable",
+		installCommand: T,
 		propsRows: [
 			[
-				"value",
-				"string",
-				"-",
-				"Controlled phone value used as canonical form (usually raw digits or formatted string)."
-			],
-			[
-				"defaultValue",
-				"string",
-				"-",
-				"Uncontrolled initial phone value."
-			],
-			[
-				"onValueChange",
-				"(value) => void",
-				"-",
-				"Emitted value after formatting transformations."
-			],
-			[
-				"defaultCountry",
-				"string",
-				"\"UZ\" | \"US\" | ...",
-				"Country context used by masking layer."
+				"checked",
+				"boolean | 'indeterminate'",
+				"false",
+				"Controlled checked state."
 			],
 			[
-				"placeholder",
-				"string",
-				"\"+998 (__) ___-__-__\"",
-				"Field placeholder."
+				"defaultChecked",
+				"boolean | 'indeterminate'",
+				"false",
+				"Initial state."
 			],
 			[
 				"disabled",
 				"boolean",
 				"false",
-				"Disable interaction."
+				"Disables the control."
 			],
 			[
-				"separator",
-				"string",
-				"\" \"",
-				"Custom separator for grouping digits."
+				"onCheckedChange",
+				"(checked) => void",
+				"-",
+				"Checked state callback."
 			]
 		],
 		features: [
-			"Phone parsing",
-			"Masking assumptions",
-			"Localized formatting",
-			"Controlled usage"
+			"Checked state",
+			"Indeterminate state",
+			"Disabled state",
+			"Task lists"
 		]
 	},
 	{
-		slug: "masked-input",
-		title: "Masked Input",
-		description: "Pattern-driven text input for IDs, codes and fixed-format strings.",
-		icon: _,
+		slug: "switch",
+		title: "Switch",
+		description: "On/off control for preferences, settings and lightweight toggles.",
+		icon: b,
 		category: "Forms",
-		status: "Preview",
-		installCommand: O,
+		status: "Stable",
+		installCommand: T,
 		propsRows: [
 			[
-				"value",
-				"string",
-				"-",
-				"Controlled masked value."
-			],
-			[
-				"defaultValue",
-				"string",
-				"-",
-				"Uncontrolled initial masked value."
-			],
-			[
-				"onValueChange",
-				"(value) => void",
-				"-",
-				"Raw value callback after mask is applied."
-			],
-			[
-				"mask",
-				"((value: string) => string) | ((value: string, pattern: string) => string)",
-				"-",
-				"Formatting function for live masking."
-			],
-			[
-				"placeholder",
-				"string",
-				"-",
-				"Placeholder and pattern hint for users."
+				"checked",
+				"boolean",
+				"false",
+				"Controlled on/off state."
 			],
 			[
-				"stripMask",
+				"defaultChecked",
 				"boolean",
-				"true",
-				"Whether callback should return raw digits."
+				"false",
+				"Initial state."
 			],
 			[
 				"disabled",
 				"boolean",
 				"false",
-				"Disables user edits."
+				"Disables the switch."
+			],
+			[
+				"onCheckedChange",
+				"(checked) => void",
+				"-",
+				"State change callback."
 			]
 		],
 		features: [
-			"Mask function",
-			"Pattern assumptions",
-			"Controlled editing",
-			"Fixed-format workflows"
+			"Checked state",
+			"Settings toggles",
+			"Disabled state",
+			"Compact interaction"
 		]
 	},
 	{
-		slug: "money-input",
-		title: "Money Input",
-		description: "Currency-aware input with prefix/suffix and parsing helper for numeric payload.",
-		icon: ce,
-		category: "Forms",
+		slug: "badge",
+		title: "Badge",
+		description: "Small status surface for counts, labels, intents and inline metadata.",
+		icon: o,
+		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
-				"value",
-				"number",
-				"-",
-				"Controlled money value."
-			],
-			[
-				"defaultValue",
-				"number",
-				"-",
-				"Initial uncontrolled value."
-			],
-			[
-				"onValueChange",
-				"(value, rawValue) => void",
-				"-",
-				"Parsed numeric value and raw text callback."
-			],
-			[
-				"prefix",
-				"string",
-				"\"$\"",
-				"Money prefix text."
+				"variant",
+				"'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link'",
+				"'default'",
+				"Visual style."
 			],
 			[
-				"suffix",
-				"string",
+				"render",
+				"ReactNode",
 				"-",
-				"Money suffix text."
-			],
-			[
-				"inputMode",
-				"'text' | 'decimal' | 'numeric'",
-				"'decimal'",
-				"Mobile keyboard hint."
+				"Optional custom render target."
 			],
 			[
 				"className",
 				"string",
 				"-",
-				"Wrapper custom styles."
-			]
-		],
-		features: [
-			"Currency formatting assumptions",
-			"Parsing flow",
-			"Prefix/suffix",
-			"Read/write numeric value"
-		]
-	},
-	{
-		slug: "quantity-input",
-		title: "Quantity Input",
-		description: "Stepper-like numeric input for compact quantity and count constraints.",
-		icon: x,
-		category: "Forms",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			[
-				"value",
-				"number",
-				"-",
-				"Controlled quantity."
-			],
-			[
-				"defaultValue",
-				"number",
-				"-",
-				"Initial quantity."
-			],
-			[
-				"onValueChange",
-				"(value) => void",
-				"-",
-				"Change callback with parsed quantity."
-			],
-			[
-				"min",
-				"number",
-				"0",
-				"Minimum value."
-			],
-			[
-				"max",
-				"number",
-				"-",
-				"Maximum value."
-			],
-			[
-				"step",
-				"number",
-				"1",
-				"Increment size."
-			],
-			[
-				"showControls",
-				"boolean",
-				"true",
-				"Display increment/decrement controls."
-			]
-		],
-		features: [
-			"Count editing",
-			"Clamp behavior",
-			"Controls",
-			"Min/max guardrails"
-		]
-	},
-	{
-		slug: "checkbox",
-		title: "Checkbox",
-		description: "Binary selection control for permissions, tasks and grouped form actions.",
-		icon: ne,
-		category: "Forms",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			[
-				"checked",
-				"boolean | 'indeterminate'",
-				"false",
-				"Controlled checked state."
-			],
-			[
-				"defaultChecked",
-				"boolean | 'indeterminate'",
-				"false",
-				"Initial state."
-			],
-			[
-				"disabled",
-				"boolean",
-				"false",
-				"Disables the control."
-			],
-			[
-				"onCheckedChange",
-				"(checked) => void",
-				"-",
-				"Checked state callback."
-			]
-		],
-		features: [
-			"Checked state",
-			"Indeterminate state",
-			"Disabled state",
-			"Task lists"
-		]
-	},
-	{
-		slug: "switch",
-		title: "Switch",
-		description: "On/off control for preferences, settings and lightweight toggles.",
-		icon: x,
-		category: "Forms",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			[
-				"checked",
-				"boolean",
-				"false",
-				"Controlled on/off state."
-			],
-			[
-				"defaultChecked",
-				"boolean",
-				"false",
-				"Initial state."
-			],
-			[
-				"disabled",
-				"boolean",
-				"false",
-				"Disables the switch."
-			],
-			[
-				"onCheckedChange",
-				"(checked) => void",
-				"-",
-				"State change callback."
-			]
-		],
-		features: [
-			"Checked state",
-			"Settings toggles",
-			"Disabled state",
-			"Compact interaction"
-		]
-	},
-	{
-		slug: "badge",
-		title: "Badge",
-		description: "Small status surface for counts, labels, intents and inline metadata.",
-		icon: o,
-		category: "Components",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			[
-				"variant",
-				"'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link'",
-				"'default'",
-				"Visual style."
-			],
-			[
-				"render",
-				"ReactNode",
-				"-",
-				"Optional custom render target."
-			],
-			[
-				"className",
-				"string",
-				"-",
-				"Additional CSS classes."
+				"Additional CSS classes."
 			]
 		],
 		features: [
@@ -1782,10 +1415,10 @@ var V = [
 		slug: "card",
 		title: "Card",
 		description: "Structured content container with header, content and footer slots.",
-		icon: m,
+		icon: p,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"size",
@@ -1817,10 +1450,10 @@ var V = [
 		slug: "tabs",
 		title: "Tabs",
 		description: "Segmented navigation for switching views without leaving the current route.",
-		icon: ae,
+		icon: oe,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"value",
@@ -1858,10 +1491,10 @@ var V = [
 		slug: "collapse",
 		title: "Collapse",
 		description: "Expandable disclosure surface for FAQs, dense settings, and progressive detail blocks.",
-		icon: S,
+		icon: x,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"open",
@@ -1908,7 +1541,7 @@ var V = [
 		icon: a,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"open",
@@ -1946,10 +1579,10 @@ var V = [
 		slug: "popover",
 		title: "Popover",
 		description: "Lightweight anchored overlay for context actions and compact helper content.",
-		icon: v,
+		icon: _,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"side",
@@ -1990,7 +1623,7 @@ var V = [
 		icon: u,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"open",
@@ -2046,10 +1679,10 @@ var V = [
 		slug: "tooltip",
 		title: "Tooltip",
 		description: "Compact hover and focus hint for controls that need one short piece of guidance.",
-		icon: v,
+		icon: _,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"content",
@@ -2083,55 +1716,14 @@ var V = [
 			"Low-noise guidance"
 		]
 	},
-	{
-		slug: "hover-card",
-		title: "Hover Card",
-		description: "Hover-revealed detail card for compact entity previews and secondary context.",
-		icon: v,
-		category: "Overlay",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			[
-				"trigger",
-				"ReactNode",
-				"-",
-				"Inline trigger element that reveals the card."
-			],
-			[
-				"content",
-				"ReactNode",
-				"-",
-				"Card body content shown on hover/focus."
-			],
-			[
-				"side",
-				"'top' | 'right' | 'bottom' | 'left'",
-				"'bottom'",
-				"Preferred card placement."
-			],
-			[
-				"contentClassName",
-				"string",
-				"-",
-				"Extra classes for the revealed card surface."
-			]
-		],
-		features: [
-			"Entity preview",
-			"Hover + focus",
-			"Secondary context",
-			"Compact detail card"
-		]
-	},
 	{
 		slug: "right-click-menu",
 		title: "Right Click Menu",
 		description: "Context menu surface for dense workspaces that need pointer-driven secondary actions.",
-		icon: h,
+		icon: m,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"items",
@@ -2166,7 +1758,7 @@ var V = [
 		icon: a,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"open",
@@ -2224,203 +1816,14 @@ var V = [
 			"Clear copy guidance"
 		]
 	},
-	{
-		slug: "modal-shell",
-		title: "Modal Shell",
-		description: "Composable shell for short focused forms, approvals, and information dialogs.",
-		icon: g,
-		category: "Overlay",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			[
-				"open",
-				"boolean",
-				"-",
-				"Controlled open state."
-			],
-			[
-				"onOpenChange",
-				"(open) => void",
-				"-",
-				"Open state callback."
-			],
-			[
-				"title",
-				"string",
-				"-",
-				"Header title for shell context."
-			],
-			[
-				"description",
-				"string",
-				"-",
-				"Header description or guidance text."
-			],
-			[
-				"footer",
-				"ReactNode",
-				"-",
-				"Optional footer action area."
-			],
-			[
-				"size",
-				"'sm' | 'md' | 'lg' | 'xl'",
-				"'md'",
-				"Shell width/spacing profile."
-			],
-			[
-				"showCloseButton",
-				"boolean",
-				"true",
-				"Show default close icon."
-			]
-		],
-		features: [
-			"Reusable overlay shell",
-			"Controlled modal",
-			"Slot composition",
-			"Action footers"
-		]
-	},
-	{
-		slug: "sheet-shell",
-		title: "Sheet Shell",
-		description: "Side anchored shell for contextual editing and mobile drawer flows.",
-		icon: g,
-		category: "Overlay",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			[
-				"open",
-				"boolean",
-				"-",
-				"Controlled open state."
-			],
-			[
-				"onOpenChange",
-				"(open) => void",
-				"-",
-				"Open state callback."
-			],
-			[
-				"side",
-				"'right' | 'left' | 'top' | 'bottom'",
-				"'right'",
-				"Drawer anchor side."
-			],
-			[
-				"title",
-				"string",
-				"-",
-				"Sheet title."
-			],
-			[
-				"description",
-				"string",
-				"-",
-				"Optional supporting text."
-			],
-			[
-				"footer",
-				"ReactNode",
-				"-",
-				"Optional footer action area."
-			],
-			[
-				"size",
-				"'sm' | 'md' | 'lg' | 'xl'",
-				"'md'",
-				"Shell width/spacing profile."
-			]
-		],
-		features: [
-			"Side drawer",
-			"Mobile sheet",
-			"Slot composition",
-			"Context workflows"
-		]
-	},
-	{
-		slug: "app-shell",
-		title: "App Shell",
-		description: "Compose dashboards and pages with header, sidebar, content, aside and mobile controls.",
-		icon: m,
-		category: "Components",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			[
-				"header",
-				"ReactNode",
-				"-",
-				"Optional top header region."
-			],
-			[
-				"sidebar",
-				"ReactNode",
-				"-",
-				"Optional sidebar region for global navigation."
-			],
-			[
-				"aside",
-				"ReactNode",
-				"-",
-				"Optional side content region."
-			],
-			[
-				"footer",
-				"ReactNode",
-				"-",
-				"Optional footer region."
-			],
-			[
-				"sidebarCollapsed",
-				"boolean",
-				"-",
-				"Controlled sidebar collapse state."
-			],
-			[
-				"onSidebarCollapsedChange",
-				"(collapsed) => void",
-				"-",
-				"Callback for controlled collapse toggles."
-			],
-			[
-				"mobileSidebarOpen",
-				"boolean",
-				"-",
-				"Controlled mobile sidebar visibility."
-			],
-			[
-				"sidebarMode",
-				"'fixed' | 'static'",
-				"'fixed'",
-				"Desktop sidebar placement strategy."
-			],
-			[
-				"showMobileMenuButton",
-				"boolean",
-				"true",
-				"Shows mobile menu trigger button."
-			]
-		],
-		features: [
-			"Shell composition",
-			"Responsive layout",
-			"Aside slot",
-			"Controlled sidebar"
-		]
-	},
 	{
 		slug: "sidebar",
 		title: "Sidebar",
 		description: "Reusable application sidebar with header, footer, active states, collapsed mode and custom link rendering.",
-		icon: m,
+		icon: p,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"items",
@@ -2472,59 +1875,6 @@ var V = [
 			"Router-friendly rendering"
 		]
 	},
-	{
-		slug: "sidebar-nav",
-		title: "Sidebar Nav",
-		description: "Structured nav list with active/disabled states, route metadata and custom render hooks.",
-		icon: m,
-		category: "Components",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			[
-				"items",
-				"SidebarNavItem[]",
-				"-",
-				"Navigation entries, including active, disabled and custom render payloads."
-			],
-			[
-				"collapsed",
-				"boolean",
-				"false",
-				"Compact nav mode with item labels hidden."
-			],
-			[
-				"itemClassName",
-				"string",
-				"-",
-				"Class for all nav items."
-			],
-			[
-				"activeItemClassName",
-				"string",
-				"-",
-				"Class added to the active item."
-			],
-			[
-				"renderItem",
-				"(item, element) => ReactNode",
-				"-",
-				"Custom item rendering hook."
-			],
-			[
-				"renderLink",
-				"(props) => ReactNode",
-				"-",
-				"Custom link rendering hook."
-			]
-		],
-		features: [
-			"Navigation lists",
-			"Active states",
-			"Custom render",
-			"Collapsed mode"
-		]
-	},
 	{
 		slug: "breadcrumbs",
 		title: "Breadcrumbs",
@@ -2532,7 +1882,7 @@ var V = [
 		icon: l,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"items",
@@ -2579,7 +1929,7 @@ var V = [
 		icon: re,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"title",
@@ -2631,90 +1981,14 @@ var V = [
 			"Sticky header option"
 		]
 	},
-	{
-		slug: "page-container",
-		title: "Page Container",
-		description: "Consistent width and spacing wrapper for page contents and responsive content density.",
-		icon: g,
-		category: "Components",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			[
-				"size",
-				"'default' | 'sm' | 'md' | 'lg' | 'xl' | 'full'",
-				"'default'",
-				"Container width preset."
-			],
-			[
-				"className",
-				"string",
-				"-",
-				"Additional wrapper class names."
-			],
-			[
-				"children",
-				"ReactNode",
-				"-",
-				"Page content."
-			]
-		],
-		features: [
-			"Consistent content width",
-			"Responsive max-width",
-			"Spacing control",
-			"Dashboard wrappers"
-		]
-	},
-	{
-		slug: "metric-grid",
-		title: "Metric Grid",
-		description: "Compact KPI cards for dashboards with trend, icon and tone options.",
-		icon: d,
-		category: "Data Display",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			[
-				"items",
-				"MetricItem[]",
-				"-",
-				"Metric tiles and optional descriptions."
-			],
-			[
-				"columns",
-				"1 | 2 | 3 | 4",
-				"3",
-				"Number of columns for layout."
-			],
-			[
-				"compact",
-				"boolean",
-				"false",
-				"Shrinks paddings and typography for dense layouts."
-			],
-			[
-				"itemClassName",
-				"string",
-				"-",
-				"Shared class override for each metric card."
-			]
-		],
-		features: [
-			"KPI display",
-			"Compact and dense layout",
-			"Trend labels",
-			"Dashboard summaries"
-		]
-	},
 	{
 		slug: "info-card",
 		title: "Info Card",
 		description: "Flexible context card for summaries, metadata, quick actions, and supporting media inside real product surfaces.",
-		icon: f,
+		icon: d,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"eyebrow",
@@ -2779,7 +2053,7 @@ var V = [
 		icon: o,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"items",
@@ -2838,7 +2112,7 @@ var V = [
 		icon: a,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"status",
@@ -2897,125 +2171,66 @@ var V = [
 		]
 	},
 	{
-		slug: "loading-state",
-		title: "Loading State",
-		description: "Scoped loading block with spinner, skeleton, or progress variants for real route and panel states.",
-		icon: v,
-		category: "Data Display",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			[
-				"label",
-				"ReactNode",
-				"-",
-				"Loading heading."
-			],
-			[
-				"description",
-				"ReactNode",
-				"-",
-				"Loading explanation text."
-			],
-			[
-				"icon",
-				"ReactNode",
-				"-",
-				"Optional loading icon."
-			],
-			[
-				"variant",
-				"'spinner' | 'skeleton' | 'progress'",
-				"'spinner'",
-				"Visual loading style."
-			],
-			[
-				"progress",
-				"number",
-				"-",
-				"Progress amount when `variant` is `progress`."
-			],
-			[
-				"className",
-				"string",
-				"-",
-				"Container class override."
-			]
-		],
-		features: [
-			"Spinner, skeleton and progress",
-			"Section loading labels",
-			"Scoped placeholders",
-			"Custom icon"
-		]
-	},
-	{
-		slug: "result",
-		title: "Result",
-		description: "Status result surface for success, warning, error and blocked/empty outcomes.",
-		icon: oe,
+		slug: "loading-state",
+		title: "Loading State",
+		description: "Scoped loading block with spinner, skeleton, or progress variants for real route and panel states.",
+		icon: _,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
-				"status",
-				"'success' | 'error' | 'warning' | 'info' | 'not-found' | 'forbidden' | 'server-error'",
-				"'info'",
-				"Result semantic status."
-			],
-			[
-				"title",
+				"label",
 				"ReactNode",
 				"-",
-				"Result title."
+				"Loading heading."
 			],
 			[
 				"description",
 				"ReactNode",
 				"-",
-				"Result detail text."
+				"Loading explanation text."
 			],
 			[
 				"icon",
 				"ReactNode",
 				"-",
-				"Optional custom icon."
+				"Optional loading icon."
 			],
 			[
-				"actions",
-				"ReactNode",
-				"-",
-				"Primary action area."
+				"variant",
+				"'spinner' | 'skeleton' | 'progress'",
+				"'spinner'",
+				"Visual loading style."
 			],
 			[
-				"extra",
-				"ReactNode",
+				"progress",
+				"number",
 				"-",
-				"Secondary/auxiliary action area."
+				"Progress amount when `variant` is `progress`."
 			],
 			[
-				"compact",
-				"boolean",
-				"false",
-				"Compact status surface."
+				"className",
+				"string",
+				"-",
+				"Container class override."
 			]
 		],
 		features: [
-			"Outcome states",
-			"Action block",
-			"Error/result screens",
-			"No-page-needed fallback"
+			"Spinner, skeleton and progress",
+			"Section loading labels",
+			"Scoped placeholders",
+			"Custom icon"
 		]
 	},
 	{
 		slug: "scroll-box",
 		title: "Scroll Box",
 		description: "Scoped scrolling surface for dense lists, side panels, and bounded data regions.",
-		icon: g,
+		icon: h,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"maxHeight",
@@ -3053,10 +2268,10 @@ var V = [
 		slug: "toast",
 		title: "Toast",
 		description: "Global transient messaging system with provider, stacking, promise states, placement and dismiss behavior.",
-		icon: oe,
+		icon: se,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"children",
@@ -3118,10 +2333,10 @@ var V = [
 		slug: "table",
 		title: "Table primitive",
 		description: "Low-level semantic table pieces for internal composition, not the primary public data-grid showcase.",
-		icon: y,
+		icon: v,
 		category: "Data Display",
 		status: "Preview",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"className",
@@ -3153,10 +2368,10 @@ var V = [
 		slug: "kbd",
 		title: "Kbd",
 		description: "Keyboard hint token for shortcuts, command palettes, and focused action labels.",
-		icon: b,
+		icon: y,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"size",
@@ -3194,10 +2409,10 @@ var V = [
 		slug: "data-table",
 		title: "Data Table",
 		description: "Primary reusable admin data grid with sorting, row selection, bulk actions, saved views, mobile cards, and server-aware pagination.",
-		icon: y,
+		icon: v,
 		category: "Data Display",
 		status: "Preview",
-		installCommand: O,
+		installCommand: T,
 		propsRows: [
 			[
 				"columns",
@@ -3293,7 +2508,7 @@ var V = [
 			"Empty/loading/error states"
 		]
 	}
-], Ne = {
+], Fe = {
 	button: {
 		groupSlugs: [
 			"actions",
@@ -3307,11 +2522,7 @@ var V = [
 		]
 	},
 	input: {
-		groupSlugs: [
-			"inputs",
-			"form",
-			"filters"
-		],
+		groupSlugs: ["form", "filters"],
 		componentSlugs: [
 			"textarea",
 			"select",
@@ -3319,11 +2530,7 @@ var V = [
 		]
 	},
 	textarea: {
-		groupSlugs: [
-			"inputs",
-			"form",
-			"layout"
-		],
+		groupSlugs: ["form", "layout"],
 		componentSlugs: [
 			"input",
 			"card",
@@ -3331,35 +2538,7 @@ var V = [
 		]
 	},
 	select: {
-		groupSlugs: [
-			"inputs",
-			"filters",
-			"overlay"
-		],
-		componentSlugs: [
-			"simple-select",
-			"async-select",
-			"form-select"
-		]
-	},
-	"simple-select": {
-		groupSlugs: [
-			"inputs",
-			"form",
-			"filters"
-		],
-		componentSlugs: [
-			"select",
-			"async-select",
-			"form-select"
-		]
-	},
-	combobox: {
-		groupSlugs: [
-			"inputs",
-			"form",
-			"filters"
-		],
+		groupSlugs: ["filters", "overlay"],
 		componentSlugs: [
 			"select",
 			"async-select",
@@ -3367,7 +2546,7 @@ var V = [
 		]
 	},
 	"radio-group": {
-		groupSlugs: ["inputs", "form"],
+		groupSlugs: ["form"],
 		componentSlugs: [
 			"checkbox",
 			"switch",
@@ -3375,47 +2554,27 @@ var V = [
 		]
 	},
 	"async-select": {
-		groupSlugs: [
-			"inputs",
-			"form",
-			"filters"
-		],
+		groupSlugs: ["form", "filters"],
 		componentSlugs: [
 			"select",
-			"combobox",
+			"async-select",
 			"form-select"
 		]
 	},
 	"async-multi-select": {
-		groupSlugs: ["inputs", "form"],
+		groupSlugs: ["form"],
 		componentSlugs: [
 			"select",
 			"async-select",
 			"form-select"
 		]
 	},
-	"number-input": {
-		groupSlugs: ["inputs", "form"],
-		componentSlugs: [
-			"money-input",
-			"quantity-input",
-			"input"
-		]
-	},
 	"date-picker": {
-		groupSlugs: [
-			"inputs",
-			"form",
-			"display"
-		],
+		groupSlugs: ["form", "display"],
 		componentSlugs: ["calendar", "date-range-picker"]
 	},
 	"date-range-picker": {
-		groupSlugs: [
-			"inputs",
-			"form",
-			"filters"
-		],
+		groupSlugs: ["form", "filters"],
 		componentSlugs: [
 			"date-picker",
 			"calendar",
@@ -3435,36 +2594,31 @@ var V = [
 		]
 	},
 	"form-input": {
-		groupSlugs: ["form", "inputs"],
+		groupSlugs: ["form"],
 		componentSlugs: [
 			"form-field-shell",
 			"form-textarea",
-			"input",
-			"password-input",
-			"phone-input",
-			"number-input"
+			"input"
 		]
 	},
 	"form-select": {
-		groupSlugs: ["form", "inputs"],
+		groupSlugs: ["form"],
 		componentSlugs: [
 			"async-select",
 			"select",
-			"simple-select",
 			"form-field-shell"
 		]
 	},
 	"form-textarea": {
-		groupSlugs: ["form", "inputs"],
+		groupSlugs: ["form"],
 		componentSlugs: [
 			"form-input",
 			"textarea",
-			"form-field-shell",
-			"quantity-input"
+			"form-field-shell"
 		]
 	},
 	"form-switch": {
-		groupSlugs: ["form", "inputs"],
+		groupSlugs: ["form"],
 		componentSlugs: [
 			"form-field-shell",
 			"switch",
@@ -3475,17 +2629,15 @@ var V = [
 	"form-date-range-input": {
 		groupSlugs: ["form", "filters"],
 		componentSlugs: [
-			"date-range-input",
 			"date-range-picker",
 			"form-date-range-picker",
 			"form-field-shell"
 		]
 	},
 	"form-date-picker": {
-		groupSlugs: ["form", "inputs"],
+		groupSlugs: ["form"],
 		componentSlugs: [
 			"date-picker",
-			"date-input",
 			"calendar",
 			"form-field-shell"
 		]
@@ -3509,40 +2661,8 @@ var V = [
 			"form-select"
 		]
 	},
-	"phone-input": {
-		groupSlugs: ["inputs", "form"],
-		componentSlugs: [
-			"input",
-			"textarea",
-			"simple-select"
-		]
-	},
-	"masked-input": {
-		groupSlugs: ["inputs", "form"],
-		componentSlugs: [
-			"input",
-			"number-input",
-			"phone-input"
-		]
-	},
-	"money-input": {
-		groupSlugs: ["inputs", "display"],
-		componentSlugs: [
-			"number-input",
-			"quantity-input",
-			"input"
-		]
-	},
-	"quantity-input": {
-		groupSlugs: ["inputs", "form"],
-		componentSlugs: [
-			"number-input",
-			"money-input",
-			"input"
-		]
-	},
 	checkbox: {
-		groupSlugs: ["inputs", "form"],
+		groupSlugs: ["form"],
 		componentSlugs: [
 			"switch",
 			"button",
@@ -3550,7 +2670,7 @@ var V = [
 		]
 	},
 	switch: {
-		groupSlugs: ["inputs", "layout"],
+		groupSlugs: ["layout"],
 		componentSlugs: [
 			"checkbox",
 			"tabs",
@@ -3591,19 +2711,11 @@ var V = [
 			"display",
 			"form"
 		],
-		componentSlugs: [
-			"tabs",
-			"card",
-			"sidebar-nav"
-		]
+		componentSlugs: ["tabs", "card"]
 	},
 	dialog: {
 		groupSlugs: ["overlay", "notifications"],
-		componentSlugs: [
-			"popover",
-			"confirm-dialog",
-			"sheet-shell"
-		]
+		componentSlugs: ["popover", "confirm-dialog"]
 	},
 	popover: {
 		groupSlugs: ["overlay", "navigation"],
@@ -3637,14 +2749,6 @@ var V = [
 			"input"
 		]
 	},
-	"hover-card": {
-		groupSlugs: ["overlay", "display"],
-		componentSlugs: [
-			"tooltip",
-			"card",
-			"info-card"
-		]
-	},
 	"right-click-menu": {
 		groupSlugs: [
 			"overlay",
@@ -3659,31 +2763,7 @@ var V = [
 	},
 	"confirm-dialog": {
 		groupSlugs: ["overlay", "notifications"],
-		componentSlugs: [
-			"dialog",
-			"modal-shell",
-			"sheet-shell"
-		]
-	},
-	"modal-shell": {
-		groupSlugs: ["overlay", "layout"],
-		componentSlugs: [
-			"sheet-shell",
-			"dialog",
-			"confirm-dialog"
-		]
-	},
-	"sheet-shell": {
-		groupSlugs: [
-			"overlay",
-			"layout",
-			"navigation"
-		],
-		componentSlugs: [
-			"modal-shell",
-			"dialog",
-			"dropdown-menu"
-		]
+		componentSlugs: ["dialog", "alert-dialog"]
 	},
 	table: {
 		groupSlugs: [
@@ -3711,119 +2791,35 @@ var V = [
 	},
 	sidebar: {
 		groupSlugs: ["layout", "navigation"],
-		componentSlugs: [
-			"sidebar-nav",
-			"breadcrumbs",
-			"app-shell",
-			"page-container"
-		]
-	},
-	"app-shell": {
-		groupSlugs: ["layout"],
-		componentSlugs: [
-			"sidebar",
-			"sidebar-nav",
-			"page-header",
-			"page-container"
-		]
-	},
-	"sidebar-nav": {
-		groupSlugs: ["layout", "navigation"],
-		componentSlugs: [
-			"sidebar",
-			"breadcrumbs",
-			"app-shell"
-		]
+		componentSlugs: ["breadcrumbs"]
 	},
 	breadcrumbs: {
 		groupSlugs: ["layout", "navigation"],
-		componentSlugs: [
-			"page-header",
-			"sidebar",
-			"sidebar-nav"
-		]
-	},
-	"page-header": {
-		groupSlugs: ["layout"],
-		componentSlugs: [
-			"breadcrumbs",
-			"sidebar",
-			"metric-grid",
-			"info-card"
-		]
-	},
-	"page-container": {
-		groupSlugs: ["layout"],
-		componentSlugs: [
-			"page-header",
-			"app-shell",
-			"info-card"
-		]
-	},
-	"metric-grid": {
-		groupSlugs: ["display"],
-		componentSlugs: [
-			"info-card",
-			"activity-feed",
-			"data-state"
-		]
+		componentSlugs: ["section", "sidebar"]
 	},
 	"info-card": {
 		groupSlugs: ["display", "layout"],
-		componentSlugs: [
-			"metric-grid",
-			"activity-feed",
-			"result",
-			"card"
-		]
+		componentSlugs: ["activity-feed", "card"]
 	},
 	"activity-feed": {
 		groupSlugs: ["display"],
-		componentSlugs: [
-			"info-card",
-			"metric-grid",
-			"result"
-		]
+		componentSlugs: ["info-card"]
 	},
 	"data-state": {
 		groupSlugs: ["display"],
-		componentSlugs: [
-			"loading-state",
-			"result",
-			"data-table"
-		]
+		componentSlugs: ["loading-state", "data-table"]
 	},
 	"loading-state": {
 		groupSlugs: ["display"],
-		componentSlugs: [
-			"data-state",
-			"result",
-			"data-table"
-		]
-	},
-	result: {
-		groupSlugs: ["display"],
-		componentSlugs: [
-			"data-state",
-			"loading-state",
-			"page-header"
-		]
+		componentSlugs: ["data-state", "data-table"]
 	},
 	"scroll-box": {
 		groupSlugs: ["display", "layout"],
-		componentSlugs: [
-			"table",
-			"data-table",
-			"page-container"
-		]
+		componentSlugs: ["table", "data-table"]
 	},
 	toast: {
 		groupSlugs: ["notifications", "overlay"],
-		componentSlugs: [
-			"confirm-dialog",
-			"sheet-shell",
-			"modal-shell"
-		]
+		componentSlugs: ["confirm-dialog", "dialog"]
 	},
 	kbd: {
 		groupSlugs: ["command", "actions"],
@@ -3833,23 +2829,36 @@ var V = [
 			"input"
 		]
 	}
-}, Pe = new Set(/* @__PURE__ */ "button.input.select.date-picker.checkbox.switch.badge.card.tabs.dialog.popover.dropdown-menu.sidebar.breadcrumbs.data-table.metric-grid.info-card.activity-feed.loading-state.result.toast.trend-card.notification-center.command-bar.progress.progress-circle".split(".")), Fe = {
+}, Ie = new Set([
+	"button",
+	"input",
+	"select",
+	"date-picker",
+	"checkbox",
+	"switch",
+	"badge",
+	"card",
+	"tabs",
+	"dialog",
+	"popover",
+	"dropdown-menu",
+	"sidebar",
+	"breadcrumbs",
+	"data-table",
+	"info-card",
+	"activity-feed",
+	"loading-state",
+	"toast",
+	"notification-center",
+	"progress"
+]), Le = {
 	textarea: "input",
-	"search-input": "input",
-	"password-input": "input",
-	"number-input": "input",
-	"phone-input": "input",
-	"masked-input": "input",
-	"money-input": "input",
-	"quantity-input": "input",
 	"tag-input": "input",
 	"otp-input": "input",
 	"form-input": "input",
 	"form-textarea": "input",
-	"simple-select": "select",
 	"async-select": "select",
 	"async-multi-select": "select",
-	combobox: "select",
 	"form-select": "select",
 	calendar: "date-picker",
 	"date-range-picker": "date-picker",
@@ -3857,25 +2866,13 @@ var V = [
 	"form-date-picker": "date-picker",
 	"form-date-range-picker": "date-picker",
 	"confirm-dialog": "dialog",
-	"modal-shell": "dialog",
-	"sheet-shell": "dialog",
-	"app-shell": "sidebar",
 	"app-header": "sidebar",
-	"sidebar-nav": "sidebar",
-	"page-container": "sidebar",
 	section: "sidebar",
 	toolbar: "sidebar",
 	"split-layout": "sidebar",
-	"sticky-footer-bar": "sidebar",
 	"page-header": "breadcrumbs",
-	"stat-card": "metric-grid",
-	"data-table-column-visibility-menu": "data-table",
-	"data-table-sortable-header": "data-table",
-	"data-table-bulk-actions": "data-table",
-	"data-table-view-presets": "data-table",
-	table: "data-table",
-	"progress-circle": "progress"
-}, H = {
+	table: "data-table"
+}, B = {
 	input: [
 		{
 			key: "core",
@@ -3887,17 +2884,7 @@ var V = [
 			key: "related",
 			title: "Related input patterns",
 			description: "Specialized input types for search, masking, numeric entry, and compact structured values.",
-			slugs: [
-				"search-input",
-				"password-input",
-				"number-input",
-				"phone-input",
-				"masked-input",
-				"money-input",
-				"quantity-input",
-				"tag-input",
-				"otp-input"
-			]
+			slugs: ["tag-input", "otp-input"]
 		},
 		{
 			key: "integrations",
@@ -3917,19 +2904,13 @@ var V = [
 			key: "related",
 			title: "Related select members",
 			description: "These members add real behavior such as remote loading or keyboard-first local filtering.",
-			slugs: ["async-select", "combobox"]
+			slugs: ["async-select"]
 		},
 		{
 			key: "integrations",
 			title: "Form integrations",
 			description: "Use wrapped selects when you need consistent form-level validation, labels, and shell behavior.",
 			slugs: ["form-select"]
-		},
-		{
-			key: "compatibility",
-			title: "Supporting select surface",
-			description: "Use SimpleSelect when source-copy code needs a compact controlled selector.",
-			slugs: ["simple-select"]
 		}
 	],
 	"date-picker": [{
@@ -3964,12 +2945,8 @@ var V = [
 	}, {
 		key: "advanced",
 		title: "Confirmation and shell patterns",
-		description: "These composed overlays handle destructive confirmation, reusable modal shells, and side-drawer editing flows.",
-		slugs: [
-			"confirm-dialog",
-			"modal-shell",
-			"sheet-shell"
-		]
+		description: "These composed overlays handle destructive confirmation and side-drawer editing flows.",
+		slugs: ["confirm-dialog", "drawer"]
 	}],
 	sidebar: [{
 		key: "core",
@@ -4003,7 +2980,18 @@ var V = [
 		description: "Use toast messaging for transient global feedback, not for critical form validation or persistent page states.",
 		slugs: ["toast"]
 	}]
-}, U = n, Ie = U?.groups ?? {}, Le = new Set((U?.recommended ?? []).map((e) => e)), Re = U?.migrationAliases ?? {}, ze = new Set(Object.values(Re)), W = new Set(/* @__PURE__ */ "app-header.app-sidebar.app-shell.async-multi-select.clearable-input.combobox.copy-field.data-table-actions-column.data-table-bulk-actions.data-table-column-visibility-menu.data-table-pagination.data-table-row-actions.data-table-saved-filters.data-table-select-column.data-table-sortable-header.data-table-toolbar.data-table-view-presets.date-input.date-range-input.file-dropzone.form.form-async-select.form-field.form-field-shell.form-input.form-select.form-switch.form-textarea.hover-card.input-decorator.input-value.inputs.masked-input.money-input.number-input.page-container.page-header.password-input.phone-input.quantity-input.search-input.section-header.sidebar-nav.simple-select.stat-card.sticky-footer-bar.table-export-menu.table-import-button".split(".")), Be = new Set(["kits"]), Ve = new Set([
+}, V = n, Re = V?.groups ?? {}, ze = new Set((V?.recommended ?? []).map((e) => e)), H = V?.migrationAliases ?? {}, U = new Set(Object.values(H)), W = new Set([
+	"app-header",
+	"async-multi-select",
+	"form",
+	"form-field",
+	"form-field-shell",
+	"form-input",
+	"form-select",
+	"form-switch",
+	"form-textarea",
+	"page-header"
+]), Be = new Set(["kits"]), Ve = new Set([
 	"all",
 	"dashboard",
 	"calendar-kit",
@@ -4016,7 +3004,6 @@ var V = [
 	feedback: "Data Display",
 	display: "Data Display",
 	overlay: "Overlay",
-	inputs: "Forms",
 	form: "Forms",
 	dataTable: "Data Display",
 	data_table: "Data Display",
@@ -4030,41 +3017,41 @@ var V = [
 	patterns: "Patterns"
 }, We = {
 	ui: u,
-	actions: v,
-	feedback: ce,
-	display: d,
-	overlay: g,
-	inputs: p,
-	form: p,
-	dataTable: y,
-	data_table: y,
-	layout: m,
+	actions: _,
+	feedback: le,
+	display: ie,
+	overlay: h,
+	inputs: f,
+	form: f,
+	dataTable: v,
+	data_table: v,
+	layout: p,
 	navigation: ne,
-	filters: se,
+	filters: g,
 	calendar: c,
-	upload: f,
-	wizard: S,
+	upload: d,
+	wizard: x,
 	notifications: ee,
-	command: b,
+	command: y,
 	patterns: te,
-	hooks: _
+	hooks: ce
 };
 function Ge(e) {
 	return e.split("-").filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
-var Ke = new Set(V.map((e) => e.slug)), G = /* @__PURE__ */ new Map();
-for (let [e, n] of Object.entries(Ie)) if (!(Be.has(e) || He.has(e))) for (let r of n) {
-	let n = Re[r], i = n ?? r;
-	if (!r || Ve.has(r) || Ve.has(i) || ze.has(i) && !t(i) || ze.has(r) && !t(r) || Ke.has(i) || G.has(i)) continue;
-	let a = Ue[e] ?? "Data Display", o = We[e] ?? v;
+var Ke = new Set(z.map((e) => e.slug)), G = /* @__PURE__ */ new Map();
+for (let [e, n] of Object.entries(Re)) if (!(Be.has(e) || He.has(e))) for (let r of n) {
+	let n = H[r], i = n ?? r;
+	if (!r || Ve.has(r) || Ve.has(i) || U.has(i) && !t(i) || U.has(r) && !t(r) || Ke.has(i) || G.has(i)) continue;
+	let a = Ue[e] ?? "Data Display", o = We[e] ?? _;
 	G.set(i, {
 		slug: i,
 		title: Ge(n || i),
 		description: `${Ge(i)} surfaced from package registry group "${e}".`,
 		icon: o,
 		category: a,
-		status: Le.has(i) ? "Stable" : "Preview",
-		installCommand: O,
+		status: ze.has(i) ? "Stable" : "Preview",
+		installCommand: T,
 		propsRows: [[
 			"className",
 			"string",
@@ -4074,32 +3061,24 @@ for (let [e, n] of Object.entries(Ie)) if (!(Be.has(e) || He.has(e))) for (let r
 		features: [e]
 	});
 }
-var qe = [...G.values()], K = [...V, ...qe].filter((e) => !W.has(e.slug)), q = [], J = new Map(q.map((e) => [e.slug, e])), Je = new Set([
+var qe = [...G.values()], K = [...z, ...qe].filter((e) => !W.has(e.slug)), q = [], J = new Map(q.map((e) => [e.slug, e])), Je = new Set([
 	...W,
-	"app-sidebar",
-	"app-shell",
 	"app-header",
 	"page-header",
-	"page-container",
-	"stat-card",
 	"resource-page",
-	"resource-detail-page",
-	"data-table-column-visibility-menu",
-	"data-table-sortable-header",
-	"data-table-bulk-actions",
-	"data-table-view-presets"
-]), Ye = new Set([...Je, ...L.keys()]);
+	"resource-detail-page"
+]), Ye = new Set([...Je, ...F.keys()]);
 function Y(e) {
 	if (!e) return;
-	let t = R(e), n = X(t);
+	let t = I(e), n = X(t);
 	return t === n ? J.get(t) ?? K.find((e) => e.slug === t) : J.get(n) ?? K.find((e) => e.slug === n);
 }
 function Xe(e) {
-	return J.has(R(e)) || Pe.has(R(e));
+	return J.has(I(e)) || Ie.has(I(e));
 }
 function X(e) {
-	let t = R(e);
-	return Xe(t) ? t : Fe[t] ?? t;
+	let t = I(e);
+	return Xe(t) ? t : Le[t] ?? t;
 }
 function Ze(e) {
 	return Y(X(e))?.title ?? e;
@@ -4124,9 +3103,9 @@ function $e(e) {
 	return Z().map((e) => ({
 		slug: e.slug,
 		title: e.title,
-		href: M(e.slug),
+		href: k(e.slug),
 		status: e.status,
-		group: z(e.slug),
+		group: L(e.slug),
 		active: t ? X(e.slug) === t : !1
 	})).sort((e, t) => e.title.localeCompare(t.title));
 }
@@ -4143,13 +3122,13 @@ function et(e) {
 	return Array.from(t.values());
 }
 function tt(e) {
-	return (H[X(e)] ?? []).map((e) => ({
+	return (B[X(e)] ?? []).map((e) => ({
 		...e,
 		slugs: e.slugs.filter((e) => !W.has(e))
 	})).filter((e) => e.slugs.length > 0);
 }
 function Q(e) {
-	return (e ? [X(e)] : Object.keys(H)).flatMap((e) => {
+	return (e ? [X(e)] : Object.keys(B)).flatMap((e) => {
 		let t = Y(e);
 		return tt(e).flatMap((n) => {
 			let r = [];
@@ -4168,7 +3147,7 @@ function Q(e) {
 					useWhen: n.description,
 					maturity: n.key === "core" ? "core" : n.key === "compatibility" ? "compatibility" : "helper",
 					status: a.status,
-					href: M(a.slug)
+					href: k(a.slug)
 				});
 			}
 			return r;
@@ -4187,14 +3166,14 @@ var $ = [
 		slug: "actions",
 		title: "Actions",
 		description: "Context actions, copy controls and quick grids for dense product surfaces.",
-		icon: h,
+		icon: m,
 		category: "Actions",
 		exports: [
 			"ActionMenu",
 			"CopyButton",
 			"QuickActionGrid"
 		],
-		href: P("actions"),
+		href: j("actions"),
 		status: "Stable",
 		features: [
 			"Quick actions",
@@ -4206,18 +3185,14 @@ var $ = [
 		slug: "layout",
 		title: "Application layout",
 		description: "Route-level sidebars, breadcrumbs and page framing helpers that support real reusable components instead of replacing them.",
-		icon: m,
+		icon: p,
 		category: "Layout",
 		exports: [
 			"Sidebar",
-			"SidebarNav",
 			"Breadcrumbs",
-			"PageContainer",
-			"Section",
-			"SectionHeader",
-			"StickyFooterBar"
+			"Section"
 		],
-		href: P("layout"),
+		href: j("layout"),
 		status: "Stable",
 		features: [
 			"Sidebar navigation",
@@ -4230,10 +3205,10 @@ var $ = [
 		slug: "filters",
 		title: "Filters",
 		description: "Filter bars and chip patterns for narrowing data without leaving the current view.",
-		icon: se,
+		icon: g,
 		category: "Data",
 		exports: ["FilterBar", "SavedFilterSelect"],
-		href: P("filters"),
+		href: j("filters"),
 		status: "Stable",
 		features: [
 			"Filter bars",
@@ -4248,15 +3223,14 @@ var $ = [
 		icon: a,
 		category: "Overlay",
 		exports: [
-			"DialogActions",
-			"ModalShell",
+			"AlertDialog",
 			"ConfirmDialog",
-			"SheetShell",
+			"Drawer",
 			"Tooltip",
-			"HoverCard",
+			"Popover",
 			"RightClickMenu"
 		],
-		href: P("overlay"),
+		href: j("overlay"),
 		status: "Stable",
 		features: [
 			"Confirm flows",
@@ -4271,12 +3245,8 @@ var $ = [
 		description: "Pagination and tabbed navigation patterns for sectioned or paginated interfaces.",
 		icon: l,
 		category: "Layout",
-		exports: [
-			"Pagination",
-			"PageTabs",
-			"StepperTabs"
-		],
-		href: P("navigation"),
+		exports: ["Pagination"],
+		href: j("navigation"),
 		status: "Stable",
 		features: [
 			"Pagination",
@@ -4284,37 +3254,11 @@ var $ = [
 			"Stepper tabs"
 		]
 	},
-	{
-		slug: "inputs",
-		title: "Inputs",
-		description: "Input-first family with typed presets and select/date members introduced only when behavior changes.",
-		icon: p,
-		category: "Forms",
-		exports: [
-			"Input",
-			"Textarea",
-			"Select",
-			"DatePicker",
-			"NumberInput",
-			"MoneyInput",
-			"PhoneInput",
-			"TagInput"
-		],
-		href: P("inputs"),
-		status: "Stable",
-		features: [
-			"Text entry",
-			"Select flows",
-			"Date controls",
-			"Money input",
-			"Tag input"
-		]
-	},
 	{
 		slug: "form",
 		title: "Form",
 		description: "Form shell and wrapper layer for labels, validation, and repeatable field composition.",
-		icon: f,
+		icon: d,
 		category: "Forms",
 		exports: [
 			"FormFieldShell",
@@ -4324,7 +3268,7 @@ var $ = [
 			"FormSwitch",
 			"FormDatePicker"
 		],
-		href: P("form"),
+		href: j("form"),
 		status: "Stable",
 		features: [
 			"Field shell",
@@ -4337,14 +3281,14 @@ var $ = [
 		slug: "display",
 		title: "Display",
 		description: "Metrics, activity, avatars, timelines and descriptive content surfaces.",
-		icon: d,
+		icon: ie,
 		category: "Data",
 		exports: [
 			"DescriptionList",
 			"Progress",
-			"Result",
+			"PageState",
 			"Timeline",
-			"MetricGrid",
+			"Statistic",
 			"InfoCard",
 			"ActivityFeed",
 			"StatusLegend",
@@ -4352,7 +3296,7 @@ var $ = [
 			"DataState",
 			"ScrollBox"
 		],
-		href: P("display"),
+		href: j("display"),
 		status: "Stable",
 		features: [
 			"Metric grids",
@@ -4365,10 +3309,10 @@ var $ = [
 		slug: "data-table",
 		title: "DataTable",
 		description: "Primary reusable data-grid system. Helper pieces stay secondary to the main table route.",
-		icon: y,
+		icon: v,
 		category: "Data",
 		exports: ["DataTable"],
-		href: P("data-table"),
+		href: j("data-table"),
 		status: "Stable",
 		features: [
 			"Toolbar",
@@ -4385,7 +3329,7 @@ var $ = [
 		icon: o,
 		category: "Overlay",
 		exports: ["Toast", "NotificationCenter"],
-		href: P("notifications"),
+		href: j("notifications"),
 		status: "Preview",
 		features: [
 			"Toasts",
@@ -4398,10 +3342,10 @@ var $ = [
 		slug: "command",
 		title: "Command",
 		description: "Command palette patterns for keyboard-driven discovery, search, grouped actions and async navigation.",
-		icon: b,
+		icon: y,
 		category: "Workflow",
 		exports: ["CommandPalette"],
-		href: P("command"),
+		href: j("command"),
 		status: "Preview",
 		features: [
 			"Command palette",
@@ -4414,7 +3358,7 @@ var $ = [
 		slug: "calendar",
 		title: "Calendar",
 		description: "Calendar, date picker and range picker flows for scheduling and reporting.",
-		icon: ie,
+		icon: ae,
 		category: "Workflow",
 		exports: [
 			"DateUtils",
@@ -4422,7 +3366,7 @@ var $ = [
 			"DatePicker",
 			"DateRangePicker"
 		],
-		href: P("calendar"),
+		href: j("calendar"),
 		status: "Stable",
 		features: [
 			"Date picker",
@@ -4437,7 +3381,7 @@ var $ = [
 		icon: te,
 		category: "Workflow",
 		exports: ["FileUpload", "ImageUpload"],
-		href: P("upload"),
+		href: j("upload"),
 		status: "Preview",
 		features: [
 			"File upload",
@@ -4449,10 +3393,10 @@ var $ = [
 		slug: "wizard",
 		title: "Wizard",
 		description: "Stepper and multi-step workflow patterns for onboarding and guided flows.",
-		icon: S,
+		icon: x,
 		category: "Workflow",
 		exports: ["Stepper", "Wizard"],
-		href: P("wizard"),
+		href: j("wizard"),
 		status: "Stable",
 		features: [
 			"Step flow",
@@ -4463,7 +3407,7 @@ var $ = [
 ], it = [
 	{
 		label: "Docs",
-		href: A
+		href: D
 	},
 	{
 		label: "Installation",
@@ -4486,7 +3430,7 @@ var $ = [
 	items: [
 		{
 			label: "Overview",
-			href: A,
+			href: D,
 			icon: s
 		},
 		{
@@ -4502,12 +3446,12 @@ var $ = [
 		{
 			label: "Changelog",
 			href: "/changelog",
-			icon: f
+			icon: d
 		}
 	]
-}, ...I.map((e) => ({
+}, ...N.map((e) => ({
 	title: e,
-	items: B(e, M)
+	items: R(e, k)
 })).filter((e) => e.items.length > 0)], ot = [{
 	title: "Getting Started",
 	items: [
@@ -4518,28 +3462,28 @@ var $ = [
 		},
 		{
 			label: "Installation",
-			href: N("button"),
+			href: A("button"),
 			icon: l
 		},
 		{
 			label: "Theming",
-			href: N("button"),
-			icon: v
+			href: A("button"),
+			icon: _
 		},
 		{
 			label: "Tokens",
-			href: N("badge"),
-			icon: ae
+			href: A("badge"),
+			icon: oe
 		},
 		{
 			label: "Icon Library",
-			href: N("popover"),
-			icon: ie
+			href: A("popover"),
+			icon: ae
 		}
 	]
-}, ...I.map((e) => ({
+}, ...N.map((e) => ({
 	title: e,
-	items: B(e, N)
+	items: R(e, A)
 })).filter((e) => e.items.length > 0)], st = [
 	"All blocks",
 	"Dashboard",
@@ -4601,13 +3545,13 @@ var $ = [
 		"Overview"
 	],
 	uses: [
-		"AppShell",
-		"PageHeader",
-		"MetricGrid",
+		"Sidebar",
+		"Section",
+		"Statistic",
 		"DataTable"
 	],
 	tone: "from-emerald-50 via-white to-sky-50",
-	href: F("dashboard-starter"),
+	href: M("dashboard-starter"),
 	previewHref: "/preview/blocks/dashboard-01",
 	previewTone: "dashboard",
 	layout: "Application",
@@ -4643,13 +3587,12 @@ var $ = [
 			"Analytics"
 		],
 		uses: [
-			"AppShell",
-			"SidebarNav",
-			"PageHeader",
+			"Sidebar",
+			"Section",
 			"Button"
 		],
 		tone: "from-[color:var(--aui-page-bg-alt)] to-[color:var(--aui-page-bg)]",
-		href: F("sidebar-layout"),
+		href: M("sidebar-layout"),
 		previewHref: "/preview/blocks/dashboard-01",
 		previewTone: "dashboard",
 		layout: "Application",
@@ -4681,13 +3624,13 @@ var $ = [
 			"Kanban"
 		],
 		uses: [
-			"PageHeader",
+			"ResourcePage",
 			"Badge",
 			"Tabs",
 			"ActivityFeed"
 		],
 		tone: "from-[color:color-mix(in_oklch,var(--aui-accent)_10%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]",
-		href: F("crm-dashboard"),
+		href: M("crm-dashboard"),
 		previewTone: "crm",
 		layout: "Application",
 		theme: "Soft",
@@ -4719,12 +3662,12 @@ var $ = [
 		],
 		uses: [
 			"DataTable",
-			"DataTableToolbar",
+			"PageToolbar",
 			"Button",
 			"Badge"
 		],
 		tone: "from-[color:var(--aui-page-bg-alt)] to-[color:var(--aui-page-bg)]",
-		href: F("users-table"),
+		href: M("users-table"),
 		previewHref: "/preview/blocks/table-01",
 		previewTone: "table",
 		layout: "Application",
@@ -4762,7 +3705,7 @@ var $ = [
 			"Badge"
 		],
 		tone: "from-[color:color-mix(in_oklch,var(--aui-warning)_12%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]",
-		href: F("auth-sign-in"),
+		href: M("auth-sign-in"),
 		previewHref: "/preview/blocks/auth-01",
 		previewTone: "auth",
 		layout: "Marketing",
@@ -4800,7 +3743,7 @@ var $ = [
 			"Button"
 		],
 		tone: "from-[color:color-mix(in_oklch,var(--aui-surface-muted)_70%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]",
-		href: F("settings-form"),
+		href: M("settings-form"),
 		previewTone: "settings",
 		layout: "Application",
 		theme: "Light",
@@ -4834,10 +3777,10 @@ var $ = [
 			"DataTable",
 			"Badge",
 			"Button",
-			"PageHeader"
+			"ResourcePage"
 		],
 		tone: "from-[color:color-mix(in_oklch,var(--aui-accent)_12%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]",
-		href: F("invoices-page"),
+		href: M("invoices-page"),
 		previewHref: "/preview/blocks/table-01",
 		previewTone: "table",
 		layout: "Application",
@@ -4857,7 +3800,7 @@ var $ = [
 		copyTargets: ["components/blocks/finance/invoices-table.tsx", "components/blocks/finance/invoice-actions.tsx"],
 		notes: ["Finance blocks need explicit status language; avoid vague marketing labels in invoice rows.", "When the page needs broader reporting and settings, step up to a template-level surface."]
 	}
-], mt = O, ht = [
+], mt = T, ht = [
 	[
 		"variant",
 		"'default' | 'secondary' | ...",
@@ -5075,7 +4018,7 @@ var $ = [
 			e.slug,
 			e.title,
 			e.category,
-			z(e.slug),
+			L(e.slug),
 			Ze(e.slug),
 			...e.features,
 			"component",
@@ -5125,7 +4068,7 @@ var $ = [
 	...$.flatMap((e) => e.exports.map((t) => ({
 		title: `${t} API`,
 		description: `${e.title} export detail with import path, related docs and usage context.`,
-		href: Ce(e.slug, t),
+		href: Ee(e.slug, t),
 		group: "Components",
 		shortcut: "E",
 		keywords: [
@@ -5140,4 +4083,4 @@ var $ = [
 	})))
 ];
 //#endregion
-export { D as CLI_ADD_COMMAND, E as CLI_INIT_NEXT_COMMAND, fe as CLI_INIT_VITE_COMMAND, pe as CLI_INSTALL_COMMAND, T as CLI_PACKAGE_NAME, me as CLI_THEME_COMMAND, de as DOCS_APP_NAME, ye as DOCS_RELEASES_URL, _e as DOCS_REPO_URL, A as DOCS_ROOT_PATH, k as PACKAGE_GITHUB_RELEASES_URL, ge as PACKAGE_GITHUB_URL, ue as PACKAGE_IMPORT, O as PACKAGE_INSTALL_COMMAND, le as PACKAGE_NAME, he as PACKAGE_NPM_URL, ve as PACKAGE_RELEASES_URL, xe as PACKAGE_RELEASE_DATE, be as PACKAGE_VERSION, yt as accessibilityChecks, pt as blockCards, dt as blockCoverageSections, ct as blockLayoutFilters, F as blockPath, ut as blockSortOptions, st as blockTabs, lt as blockThemeFilters, K as componentCatalog, M as componentDocsPath, Ce as componentExportPath, Se as componentExportSlug, Te as componentGroupMeta, I as componentGroupOrder, $ as componentModuleCatalog, P as componentModulePath, N as componentPlaygroundPath, Ne as componentRelations, at as docsSidebar, _t as exampleCards, ft as featuredBlock, $e as getComponentDetailSidebarItems, et as getComponentDetailSidebarSections, z as getComponentGroup, Me as getComponentGroupDetails, Y as getComponentSurfaceCatalogItem, tt as getComponentSurfaceSections, nt as getDocumentedMemberByComponent, rt as getDocumentedMembersByComponents, Z as getPrimaryComponentCatalog, Q as getPrimaryComponentMemberInventory, X as getPrimaryComponentSurfaceSlug, Ze as getPrimaryComponentSurfaceTitle, Qe as getVisibleComponentCatalog, bt as globalSearchItems, vt as inspectorChecks, mt as installCommand, Xe as isPrimaryComponentSurface, ot as playgroundSidebar, it as primaryNav, ht as propRows, j as releaseHistory, we as templatePath, gt as tocItems };
+export { he as CLI_ADD_COMMAND, pe as CLI_INIT_NEXT_COMMAND, me as CLI_INIT_VITE_COMMAND, ge as CLI_INSTALL_COMMAND, w as CLI_PACKAGE_NAME, _e as CLI_THEME_COMMAND, fe as DOCS_APP_NAME, Se as DOCS_RELEASES_URL, be as DOCS_REPO_URL, D as DOCS_ROOT_PATH, ye as PACKAGE_GITHUB_RELEASES_URL, E as PACKAGE_GITHUB_URL, de as PACKAGE_IMPORT, T as PACKAGE_INSTALL_COMMAND, ue as PACKAGE_NAME, ve as PACKAGE_NPM_URL, xe as PACKAGE_RELEASES_URL, we as PACKAGE_RELEASE_DATE, Ce as PACKAGE_VERSION, yt as accessibilityChecks, pt as blockCards, dt as blockCoverageSections, ct as blockLayoutFilters, M as blockPath, ut as blockSortOptions, st as blockTabs, lt as blockThemeFilters, K as componentCatalog, k as componentDocsPath, Ee as componentExportPath, Te as componentExportSlug, P as componentGroupMeta, N as componentGroupOrder, $ as componentModuleCatalog, j as componentModulePath, A as componentPlaygroundPath, Fe as componentRelations, at as docsSidebar, _t as exampleCards, ft as featuredBlock, $e as getComponentDetailSidebarItems, et as getComponentDetailSidebarSections, L as getComponentGroup, Pe as getComponentGroupDetails, Y as getComponentSurfaceCatalogItem, tt as getComponentSurfaceSections, nt as getDocumentedMemberByComponent, rt as getDocumentedMembersByComponents, Z as getPrimaryComponentCatalog, Q as getPrimaryComponentMemberInventory, X as getPrimaryComponentSurfaceSlug, Ze as getPrimaryComponentSurfaceTitle, Qe as getVisibleComponentCatalog, bt as globalSearchItems, vt as inspectorChecks, mt as installCommand, Xe as isPrimaryComponentSurface, ot as playgroundSidebar, it as primaryNav, ht as propRows, O as releaseHistory, De as templatePath, gt as tocItems };