tembro 2.1.5 → 2.1.7

package/dist/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 s, BookOpenIcon as te, 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 s, BookOpenIcon as te, BoxIcon as c, CalendarClockIcon as l, ChevronRightIcon as u, ComponentIcon as d, CreditCardIcon as ne, DatabaseIcon as f, FileTextIcon as p, FormInputIcon as m, Grid2x2Icon as re, Layers3Icon as ie, LayoutDashboardIcon as h, MousePointerClickIcon as g, PanelTopIcon as _, ShieldCheckIcon as ae, SlidersHorizontalIcon as oe, SmartphoneIcon as v, SparklesIcon as y, Table2Icon as b, TerminalSquareIcon as x, ToggleLeftIcon as S, WalletIcon as se, WorkflowIcon as C } from "lucide-react";
 //#region src/showcase/site-data.tsx
-var C = [
+var w = [
 	[
 		"control",
 		"Control<TFieldValues>",
@@ -58,14 +58,14 @@ var C = [
 		"-",
 		"Optional error override instead of default form state message."
 	]
-], w = [
+], T = [
 	"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 form-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", _e = `${ge}/releases`, ve = "https://github.com/AzamatJurayev-dev/azamat-ui", ye = _e, be = `${ve}/releases`, k = "/docs", A = [{
+], ce = "tembro", E = "tembro", le = "tembro", ue = "azamat-ui", D = `npx ${E} init --template next --defaults`, de = `npx ${E} init --template vite --defaults`, O = `npx ${E} add button input`, k = `${D}\n${O}`, fe = `npx ${E} --help`, pe = `npx ${E} theme`, me = "https://www.npmjs.com/package/tembro", he = "https://github.com/AzamatJurayev-dev/tembro", ge = `${he}/releases`, _e = "https://github.com/AzamatJurayev-dev/azamat-ui", ve = ge, ye = `${_e}/releases`, A = "/docs", j = [{
 	version: i,
 	date: r,
 	status: "Published",
@@ -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."
 	]
-}], xe = A[0]?.version ?? "2.0.3", Se = A[0]?.date ?? "July 8, 2026", j = (e) => `/components/${e}`, M = (e) => `/playground/${e}`, N = (e) => `/components/${e}`, Ce = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/\s+/g, "-").toLowerCase(), we = (e, t) => `/components/${e}/${Ce(t)}`, Te = (e) => `/templates/${e}`, P = (e) => `/blocks/${e}`, F = [
+}], be = j[0]?.version ?? "2.0.3", xe = j[0]?.date ?? "July 8, 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 = [
 	"Primitives",
 	"Form Controls",
 	"Overlay",
@@ -93,7 +93,7 @@ var C = [
 	"Layout",
 	"Feedback",
 	"Patterns"
-], I = {
+], Te = {
 	Primitives: {
 		title: "Primitives",
 		description: "Foundation components for actions, text entry, compact layout and small state changes.",
@@ -213,10 +213,10 @@ 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 Me(e) {
-	return I[z(e)];
+	return Te[z(e)];
 }
 function B(e, t) {
-	return G.filter((t) => z(t.slug) === e).map((e) => ({
+	return K.filter((t) => z(t.slug) === e).map((e) => ({
 		label: e.title,
 		href: t(e.slug),
 		icon: e.icon,
@@ -228,10 +228,10 @@ var V = [
 		slug: "button",
 		title: "Button",
 		description: "Trigger actions with multiple variants, sizes, icon positions and loading states.",
-		icon: h,
+		icon: g,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"variant",
@@ -281,10 +281,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: m,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"value",
@@ -340,10 +340,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: p,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"placeholder",
@@ -387,10 +387,10 @@ var V = [
 		slug: "select",
 		title: "Select",
 		description: "Primary selection surface for lists, status filters, and compact forms before moving into members.",
-		icon: u,
+		icon: d,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"value",
@@ -446,10 +446,10 @@ var V = [
 		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,
+		icon: d,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"options",
@@ -511,10 +511,10 @@ var V = [
 		slug: "async-select",
 		title: "Async Select",
 		description: "Remote-aware select for search-driven datasets, edit hydration, and production loading or empty states.",
-		icon: u,
+		icon: d,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"value",
@@ -600,10 +600,10 @@ var V = [
 		slug: "async-multi-select",
 		title: "Async Select",
 		description: "Legacy alias for Async Select multi mode. Use `isMulti` on AsyncSelect instead of installing a separate component.",
-		icon: u,
+		icon: d,
 		category: "Forms",
 		status: "Preview",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"isMulti",
@@ -647,10 +647,10 @@ var V = [
 		slug: "combobox",
 		title: "Combobox",
 		description: "Keyboard-first local filtering member for assignment flows and command-style lists.",
-		icon: u,
+		icon: d,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"options",
@@ -706,10 +706,10 @@ var V = [
 		slug: "number-input",
 		title: "Number Input",
 		description: "Numeric entry with parsing, constraints, and precise change semantics.",
-		icon: x,
+		icon: S,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"value",
@@ -777,10 +777,10 @@ var V = [
 		slug: "date-picker",
 		title: "Date Picker",
 		description: "Popover-based date picker optimized for form fields and action buttons.",
-		icon: c,
+		icon: l,
 		category: "Forms",
 		status: "Preview",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"value",
@@ -842,10 +842,10 @@ var V = [
 		slug: "date-range-picker",
 		title: "Date Range Picker",
 		description: "Popover date-range picker for period selection with constrained windows.",
-		icon: c,
+		icon: l,
 		category: "Forms",
 		status: "Preview",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"value",
@@ -907,10 +907,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: p,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"label",
@@ -985,12 +985,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: m,
 		category: "Forms",
 		status: "Preview",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
-			...C,
+			...w,
 			[
 				"kind",
 				"'text' | 'search' | 'password' | 'number' | 'phone' | 'date'",
@@ -1023,7 +1023,7 @@ var V = [
 			]
 		],
 		features: [
-			...w,
+			...T,
 			"Universal `kind` variants",
 			"Error text and message flow",
 			"Single wrapper migration path"
@@ -1033,12 +1033,12 @@ var V = [
 		slug: "form-select",
 		title: "Form Select",
 		description: "Primary RHF select wrapper. Start with the default simple mode and switch to `kind=\"async\"` when option loading or hydration is remote.",
-		icon: u,
+		icon: d,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
-			...C,
+			...w,
 			[
 				"kind",
 				"'simple' | 'async'",
@@ -1065,7 +1065,7 @@ var V = [
 			]
 		],
 		features: [
-			...w,
+			...T,
 			"Simple + async under one API",
 			"Form-driven value control",
 			"Clear/empty handling"
@@ -1075,12 +1075,12 @@ var V = [
 		slug: "form-async-select",
 		title: "Form Async Select",
 		description: "Compatibility alias for the async `FormSelect` variant. Keep it for migration, but prefer `FormSelect kind=\"async\"` in new code.",
-		icon: u,
+		icon: d,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
-			...C,
+			...w,
 			[
 				"loadOptions",
 				"(search: string) => Promise<AsyncSelectOption[]>",
@@ -1107,7 +1107,7 @@ var V = [
 			]
 		],
 		features: [
-			...w,
+			...T,
 			"Compatibility alias",
 			"Remote options",
 			"Hydration support"
@@ -1117,12 +1117,12 @@ var V = [
 		slug: "form-textarea",
 		title: "Form Textarea",
 		description: "RHF textarea wrapper with shell-level validation messages and descriptions.",
-		icon: f,
+		icon: p,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
-			...C,
+			...w,
 			[
 				"rows",
 				"number",
@@ -1149,7 +1149,7 @@ var V = [
 			]
 		],
 		features: [
-			...w,
+			...T,
 			"Long text support",
 			"Error placement",
 			"Description + helper states"
@@ -1159,12 +1159,12 @@ var V = [
 		slug: "form-switch",
 		title: "Form Switch",
 		description: "RHF switch wrapper with binary payload and shell-level feedback.",
-		icon: x,
+		icon: S,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
-			...C,
+			...w,
 			[
 				"checked",
 				"boolean",
@@ -1185,7 +1185,7 @@ var V = [
 			]
 		],
 		features: [
-			...w,
+			...T,
 			"Boolean value contract",
 			"Readable shell errors",
 			"Disabled states"
@@ -1195,10 +1195,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: S,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"options",
@@ -1248,10 +1248,10 @@ var V = [
 		slug: "phone-input",
 		title: "Phone Input",
 		description: "Localized phone number input with formatted display and consistent editing assumptions.",
-		icon: _,
+		icon: v,
 		category: "Forms",
 		status: "Preview",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"value",
@@ -1307,10 +1307,10 @@ var V = [
 		slug: "masked-input",
 		title: "Masked Input",
 		description: "Pattern-driven text input for IDs, codes and fixed-format strings.",
-		icon: _,
+		icon: v,
 		category: "Forms",
 		status: "Preview",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"value",
@@ -1366,10 +1366,10 @@ var V = [
 		slug: "money-input",
 		title: "Money Input",
 		description: "Currency-aware input with prefix/suffix and parsing helper for numeric payload.",
-		icon: ce,
+		icon: se,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"value",
@@ -1425,10 +1425,10 @@ var V = [
 		slug: "quantity-input",
 		title: "Quantity Input",
 		description: "Stepper-like numeric input for compact quantity and count constraints.",
-		icon: x,
+		icon: S,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"value",
@@ -1484,10 +1484,10 @@ var V = [
 		slug: "checkbox",
 		title: "Checkbox",
 		description: "Binary selection control for permissions, tasks and grouped form actions.",
-		icon: ne,
+		icon: c,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"checked",
@@ -1525,10 +1525,10 @@ var V = [
 		slug: "switch",
 		title: "Switch",
 		description: "On/off control for preferences, settings and lightweight toggles.",
-		icon: x,
+		icon: S,
 		category: "Forms",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"checked",
@@ -1569,7 +1569,7 @@ var V = [
 		icon: o,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"variant",
@@ -1601,10 +1601,10 @@ var V = [
 		slug: "card",
 		title: "Card",
 		description: "Structured content container with header, content and footer slots.",
-		icon: m,
+		icon: h,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"size",
@@ -1636,10 +1636,10 @@ var V = [
 		slug: "tabs",
 		title: "Tabs",
 		description: "Segmented navigation for switching views without leaving the current route.",
-		icon: ae,
+		icon: ie,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"value",
@@ -1677,10 +1677,10 @@ var V = [
 		slug: "collapse",
 		title: "Collapse",
 		description: "Expandable disclosure surface for FAQs, dense settings, and progressive detail blocks.",
-		icon: S,
+		icon: C,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"open",
@@ -1727,7 +1727,7 @@ var V = [
 		icon: a,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"open",
@@ -1765,10 +1765,10 @@ var V = [
 		slug: "popover",
 		title: "Popover",
 		description: "Lightweight anchored overlay for context actions and compact helper content.",
-		icon: v,
+		icon: y,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"side",
@@ -1806,10 +1806,10 @@ var V = [
 		slug: "dropdown-menu",
 		title: "Dropdown Menu",
 		description: "Menu overlays with action, checkbox and radio items for dense navigation.",
-		icon: u,
+		icon: d,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"open",
@@ -1865,10 +1865,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: y,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"content",
@@ -1906,10 +1906,10 @@ var V = [
 		slug: "hover-card",
 		title: "Hover Card",
 		description: "Hover-revealed detail card for compact entity previews and secondary context.",
-		icon: v,
+		icon: y,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"trigger",
@@ -1947,10 +1947,10 @@ var V = [
 		slug: "right-click-menu",
 		title: "Right Click Menu",
 		description: "Context menu surface for dense workspaces that need pointer-driven secondary actions.",
-		icon: h,
+		icon: g,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"items",
@@ -1985,7 +1985,7 @@ var V = [
 		icon: a,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"open",
@@ -2047,10 +2047,10 @@ var V = [
 		slug: "modal-shell",
 		title: "Modal Shell",
 		description: "Composable shell for short focused forms, approvals, and information dialogs.",
-		icon: g,
+		icon: _,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"open",
@@ -2106,10 +2106,10 @@ var V = [
 		slug: "sheet-shell",
 		title: "Sheet Shell",
 		description: "Side anchored shell for contextual editing and mobile drawer flows.",
-		icon: g,
+		icon: _,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"open",
@@ -2165,10 +2165,10 @@ var V = [
 		slug: "app-shell",
 		title: "App Shell",
 		description: "Compose dashboards and pages with header, sidebar, content, aside and mobile controls.",
-		icon: m,
+		icon: h,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"header",
@@ -2236,10 +2236,10 @@ var V = [
 		slug: "sidebar",
 		title: "Sidebar",
 		description: "Reusable application sidebar with header, footer, active states, collapsed mode and custom link rendering.",
-		icon: m,
+		icon: h,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"items",
@@ -2295,10 +2295,10 @@ var V = [
 		slug: "sidebar-nav",
 		title: "Sidebar Nav",
 		description: "Structured nav list with active/disabled states, route metadata and custom render hooks.",
-		icon: m,
+		icon: h,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"items",
@@ -2348,10 +2348,10 @@ var V = [
 		slug: "breadcrumbs",
 		title: "Breadcrumbs",
 		description: "Navigation breadcrumbs with current context, overflow collapse, and custom link rendering.",
-		icon: l,
+		icon: u,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"items",
@@ -2395,10 +2395,10 @@ var V = [
 		slug: "page-header",
 		title: "Page Header",
 		description: "Top-level page heading block with breadcrumbs, actions and optional meta area.",
-		icon: re,
+		icon: ne,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"title",
@@ -2454,10 +2454,10 @@ var V = [
 		slug: "page-container",
 		title: "Page Container",
 		description: "Consistent width and spacing wrapper for page contents and responsive content density.",
-		icon: g,
+		icon: _,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"size",
@@ -2489,10 +2489,10 @@ var V = [
 		slug: "metric-grid",
 		title: "Metric Grid",
 		description: "Compact KPI cards for dashboards with trend, icon and tone options.",
-		icon: d,
+		icon: f,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"items",
@@ -2530,10 +2530,10 @@ var V = [
 		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: p,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"eyebrow",
@@ -2598,7 +2598,7 @@ var V = [
 		icon: o,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"items",
@@ -2657,7 +2657,7 @@ var V = [
 		icon: a,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"status",
@@ -2719,10 +2719,10 @@ 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,
+		icon: y,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"label",
@@ -2772,10 +2772,10 @@ var V = [
 		slug: "result",
 		title: "Result",
 		description: "Status result surface for success, warning, error and blocked/empty outcomes.",
-		icon: oe,
+		icon: ae,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"status",
@@ -2831,10 +2831,10 @@ var V = [
 		slug: "scroll-box",
 		title: "Scroll Box",
 		description: "Scoped scrolling surface for dense lists, side panels, and bounded data regions.",
-		icon: g,
+		icon: _,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"maxHeight",
@@ -2872,10 +2872,10 @@ var V = [
 		slug: "toast",
 		title: "Toast",
 		description: "Global transient messaging system with provider, stacking, promise states, placement and dismiss behavior.",
-		icon: oe,
+		icon: ae,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"children",
@@ -2937,10 +2937,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: b,
 		category: "Data Display",
 		status: "Preview",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"className",
@@ -2972,10 +2972,10 @@ var V = [
 		slug: "kbd",
 		title: "Kbd",
 		description: "Keyboard hint token for shortcuts, command palettes, and focused action labels.",
-		icon: b,
+		icon: x,
 		category: "Components",
 		status: "Stable",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"size",
@@ -3013,10 +3013,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: b,
 		category: "Data Display",
 		status: "Preview",
-		installCommand: O,
+		installCommand: k,
 		propsRows: [
 			[
 				"columns",
@@ -3665,66 +3665,37 @@ var V = [
 	table: "data-table",
 	"progress-circle": "progress"
 }, H = {
-	input: [
-		{
-			key: "core",
-			title: "Core input surfaces",
-			description: "Start with the default text field and move outward only when the workflow demands specialization.",
-			slugs: ["input", "textarea"]
-		},
-		{
-			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"
-			]
-		},
-		{
-			key: "integrations",
-			title: "Form integrations",
-			description: "Use these wrappers when the field needs to plug directly into shared form shells or React Hook Form.",
-			slugs: ["form-input", "form-textarea"]
-		}
-	],
-	select: [
-		{
-			key: "core",
-			title: "Core select surfaces",
-			description: "Use the base selection control first, then expand only when the interaction model truly changes.",
-			slugs: ["select"]
-		},
-		{
-			key: "related",
-			title: "Related select members",
-			description: "These members add real behavior such as remote loading or keyboard-first local filtering.",
-			slugs: [
-				"simple-select",
-				"async-select",
-				"combobox"
-			]
-		},
-		{
-			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: "Compatibility aliases",
-			description: "Keep older helper routes available for migration, but do not lead with them in new work.",
-			slugs: ["async-multi-select", "form-async-select"]
-		}
-	],
+	input: [{
+		key: "core",
+		title: "Core input surfaces",
+		description: "Start with the default text field and move outward only when the workflow demands specialization.",
+		slugs: ["input", "textarea"]
+	}, {
+		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",
+			"tag-input",
+			"otp-input"
+		]
+	}],
+	select: [{
+		key: "core",
+		title: "Core select surfaces",
+		description: "Use the base selection control first, then expand only when the interaction model truly changes.",
+		slugs: ["select"]
+	}, {
+		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"]
+	}],
 	"date-picker": [{
 		key: "core",
 		title: "Core date surfaces",
@@ -3738,7 +3709,7 @@ var V = [
 		key: "integrations",
 		title: "Form integrations",
 		description: "Use wrapped date fields when validation, labels, and form shell behavior should stay standardized.",
-		slugs: ["form-input"]
+		slugs: []
 	}],
 	dialog: [{
 		key: "core",
@@ -3763,36 +3734,17 @@ var V = [
 		key: "core",
 		title: "Sidebar surfaces",
 		description: "These pieces define the reusable sidebar surface first, then layer shell framing around it only when the route really needs it.",
-		slugs: [
-			"sidebar",
-			"sidebar-nav",
-			"breadcrumbs"
-		]
+		slugs: ["sidebar", "breadcrumbs"]
 	}, {
 		key: "related",
 		title: "Route-level patterns",
 		description: "Use these patterns only after the sidebar and navigation contract are already clear.",
 		slugs: [
-			"app-shell",
-			"app-header",
-			"page-container",
 			"section",
 			"toolbar",
-			"split-layout",
-			"sticky-footer-bar"
+			"split-layout"
 		]
 	}],
-	"page-header": [{
-		key: "core",
-		title: "Page context surfaces",
-		description: "Use these pieces to establish page identity, breadcrumbs, meta, and supporting stats.",
-		slugs: ["page-header", "breadcrumbs"]
-	}, {
-		key: "related",
-		title: "Supporting page patterns",
-		description: "These supporting pieces sit around the page header when you need compact summary or stat context.",
-		slugs: ["stat-card"]
-	}],
 	"data-table": [{
 		key: "core",
 		title: "Primary data table surface",
@@ -3810,11 +3762,35 @@ 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)), Be = new Set(["kits"]), Ve = new Set([
+}, 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([
+	"app-header",
+	"app-shell",
+	"async-multi-select",
+	"clearable-input",
+	"copy-field",
+	"file-dropzone",
+	"form-async-select",
+	"form-field",
+	"form-field-shell",
+	"form-input",
+	"form-select",
+	"form-switch",
+	"form-textarea",
+	"hover-card",
+	"page-container",
+	"page-header",
+	"quantity-input",
+	"section-header",
+	"sidebar-nav",
+	"simple-select",
+	"stat-card",
+	"sticky-footer-bar"
+]), Be = new Set(["kits"]), Ve = new Set([
 	"all",
 	"dashboard",
 	"calendar-kit",
-	"wizard-kit"
+	"wizard-kit",
+	...W
 ]), He = new Set(["hooks"]), Ue = {
 	ui: "Components",
 	actions: "Components",
@@ -3835,42 +3811,42 @@ var V = [
 	command: "Data Display",
 	patterns: "Patterns"
 }, We = {
-	ui: u,
-	actions: v,
-	feedback: ce,
-	display: d,
-	overlay: g,
-	inputs: p,
-	form: p,
-	dataTable: y,
-	data_table: y,
-	layout: m,
-	navigation: ne,
-	filters: se,
-	calendar: c,
-	upload: f,
-	wizard: S,
+	ui: d,
+	actions: y,
+	feedback: se,
+	display: f,
+	overlay: _,
+	inputs: m,
+	form: m,
+	dataTable: b,
+	data_table: b,
+	layout: h,
+	navigation: c,
+	filters: oe,
+	calendar: l,
+	upload: p,
+	wizard: C,
 	notifications: ee,
-	command: b,
+	command: x,
 	patterns: s,
-	hooks: _
+	hooks: v
 };
 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)), W = /* @__PURE__ */ new Map();
-for (let [e, t] of Object.entries(Ie)) if (!(Be.has(e) || He.has(e))) for (let n of t) {
-	let t = Re[n], r = t ?? n;
-	if (!n || Ve.has(n) || Ve.has(r) || ze.has(r) || ze.has(n) || Ke.has(r) || W.has(r)) continue;
-	let i = Ue[e] ?? "Data Display", a = We[e] ?? v;
-	W.set(r, {
-		slug: r,
-		title: Ge(t || r),
-		description: `${Ge(r)} surfaced from package registry group "${e}".`,
-		icon: a,
-		category: i,
-		status: Le.has(r) ? "Stable" : "Preview",
-		installCommand: O,
+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] ?? y;
+	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: k,
 		propsRows: [[
 			"className",
 			"string",
@@ -3880,7 +3856,8 @@ for (let [e, t] of Object.entries(Ie)) if (!(Be.has(e) || He.has(e))) for (let n
 		features: [e]
 	});
 }
-var qe = [...W.values()], G = [...V, ...qe], K = [], q = new Map(K.map((e) => [e.slug, e])), Je = new Set([
+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([
+	...W,
 	"app-sidebar",
 	"app-shell",
 	"app-header",
@@ -3894,50 +3871,50 @@ var qe = [...W.values()], G = [...V, ...qe], K = [], q = new Map(K.map((e) => [e
 	"data-table-bulk-actions",
 	"data-table-view-presets"
 ]), Ye = new Set([...Je, ...L.keys()]);
-function J(e) {
+function Y(e) {
 	if (!e) return;
-	let t = R(e), n = Y(t);
-	return t === n ? q.get(t) ?? G.find((e) => e.slug === t) : q.get(n) ?? G.find((e) => e.slug === n);
+	let t = R(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 q.has(R(e)) || Pe.has(R(e));
+	return J.has(R(e)) || Pe.has(R(e));
 }
-function Y(e) {
+function X(e) {
 	let t = R(e);
 	return Xe(t) ? t : Fe[t] ?? t;
 }
-function X(e) {
-	return J(Y(e))?.title ?? e;
+function Ze(e) {
+	return Y(X(e))?.title ?? e;
 }
 function Z() {
-	let n = G.filter((e) => Y(e.slug) === e.slug), r = /* @__PURE__ */ new Map();
+	let n = K.filter((e) => X(e.slug) === e.slug), r = /* @__PURE__ */ new Map();
 	for (let e of n) r.set(e.slug, e);
-	for (let e of K) r.set(e.slug, e);
+	for (let e of q) r.set(e.slug, e);
 	return Array.from(r.values()).filter((e) => !Je.has(e.slug)).filter((e) => t(e.slug)).sort((t, n) => {
 		let r = e(t.slug, n.slug);
 		return r === 0 ? t.title.localeCompare(n.title) : r;
 	});
 }
-function Ze() {
+function Qe() {
 	let e = /* @__PURE__ */ new Map();
-	for (let t of G) e.set(t.slug, t);
 	for (let t of K) e.set(t.slug, t);
+	for (let t of q) e.set(t.slug, t);
 	return Array.from(e.values()).filter((e) => !Ye.has(e.slug)).sort((e, t) => e.title.localeCompare(t.title));
 }
-function Qe(e) {
-	let t = e ? Y(e) : void 0;
+function $e(e) {
+	let t = e ? X(e) : void 0;
 	return Z().map((e) => ({
 		slug: e.slug,
 		title: e.title,
-		href: j(e.slug),
+		href: M(e.slug),
 		status: e.status,
 		group: z(e.slug),
-		active: t ? Y(e.slug) === t : !1
+		active: t ? X(e.slug) === t : !1
 	})).sort((e, t) => e.title.localeCompare(t.title));
 }
-function $e(e) {
+function et(e) {
 	let t = /* @__PURE__ */ new Map();
-	for (let n of Qe(e)) {
+	for (let n of $e(e)) {
 		let e = n.title[0]?.toUpperCase() ?? "#", r = `${e} - ${n.group}`;
 		t.has(r) || t.set(r, {
 			key: r,
@@ -3947,16 +3924,19 @@ function $e(e) {
 	}
 	return Array.from(t.values());
 }
-function et(e) {
-	return H[Y(e)] ?? [];
+function tt(e) {
+	return (H[X(e)] ?? []).map((e) => ({
+		...e,
+		slugs: e.slugs.filter((e) => !W.has(e))
+	})).filter((e) => e.slugs.length > 0);
 }
 function Q(e) {
-	return (e ? [Y(e)] : Object.keys(H)).flatMap((e) => {
-		let t = J(e);
-		return (H[e] ?? []).flatMap((n) => {
+	return (e ? [X(e)] : Object.keys(H)).flatMap((e) => {
+		let t = Y(e);
+		return tt(e).flatMap((n) => {
 			let r = [];
 			for (let i of n.slugs) {
-				let a = G.find((e) => e.slug === i);
+				let a = K.find((e) => e.slug === i);
 				a && r.push({
 					component: a.title,
 					slug: a.slug,
@@ -3970,17 +3950,17 @@ function Q(e) {
 					useWhen: n.description,
 					maturity: n.key === "core" ? "core" : n.key === "compatibility" ? "compatibility" : "helper",
 					status: a.status,
-					href: j(a.slug)
+					href: M(a.slug)
 				});
 			}
 			return r;
 		});
 	});
 }
-function tt(e) {
+function nt(e) {
 	return Q().find((t) => t.component === e);
 }
-function nt(e) {
+function rt(e) {
 	let t = new Set(e);
 	return Q().filter((e) => t.has(e.component));
 }
@@ -3989,14 +3969,14 @@ var $ = [
 		slug: "actions",
 		title: "Actions",
 		description: "Context actions, copy controls and quick grids for dense product surfaces.",
-		icon: h,
+		icon: g,
 		category: "Actions",
 		exports: [
 			"ActionMenu",
 			"CopyButton",
 			"QuickActionGrid"
 		],
-		href: N("actions"),
+		href: P("actions"),
 		status: "Stable",
 		features: [
 			"Quick actions",
@@ -4008,7 +3988,7 @@ 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: h,
 		category: "Layout",
 		exports: [
 			"Sidebar",
@@ -4019,7 +3999,7 @@ var $ = [
 			"SectionHeader",
 			"StickyFooterBar"
 		],
-		href: N("layout"),
+		href: P("layout"),
 		status: "Stable",
 		features: [
 			"Sidebar navigation",
@@ -4032,10 +4012,10 @@ var $ = [
 		slug: "filters",
 		title: "Filters",
 		description: "Filter bars and chip patterns for narrowing data without leaving the current view.",
-		icon: se,
+		icon: oe,
 		category: "Data",
 		exports: ["FilterBar", "SavedFilterSelect"],
-		href: N("filters"),
+		href: P("filters"),
 		status: "Stable",
 		features: [
 			"Filter bars",
@@ -4058,7 +4038,7 @@ var $ = [
 			"HoverCard",
 			"RightClickMenu"
 		],
-		href: N("overlay"),
+		href: P("overlay"),
 		status: "Stable",
 		features: [
 			"Confirm flows",
@@ -4071,14 +4051,14 @@ var $ = [
 		slug: "navigation",
 		title: "Navigation",
 		description: "Pagination and tabbed navigation patterns for sectioned or paginated interfaces.",
-		icon: l,
+		icon: u,
 		category: "Layout",
 		exports: [
 			"Pagination",
 			"PageTabs",
 			"StepperTabs"
 		],
-		href: N("navigation"),
+		href: P("navigation"),
 		status: "Stable",
 		features: [
 			"Pagination",
@@ -4090,7 +4070,7 @@ var $ = [
 		slug: "inputs",
 		title: "Inputs",
 		description: "Input-first family with typed presets and select/date members introduced only when behavior changes.",
-		icon: p,
+		icon: m,
 		category: "Forms",
 		exports: [
 			"Input",
@@ -4102,7 +4082,7 @@ var $ = [
 			"PhoneInput",
 			"TagInput"
 		],
-		href: N("inputs"),
+		href: P("inputs"),
 		status: "Stable",
 		features: [
 			"Text entry",
@@ -4116,7 +4096,7 @@ var $ = [
 		slug: "form",
 		title: "Form",
 		description: "Form shell and wrapper layer for labels, validation, and repeatable field composition.",
-		icon: f,
+		icon: p,
 		category: "Forms",
 		exports: [
 			"FormFieldShell",
@@ -4126,7 +4106,7 @@ var $ = [
 			"FormSwitch",
 			"FormDatePicker"
 		],
-		href: N("form"),
+		href: P("form"),
 		status: "Stable",
 		features: [
 			"Field shell",
@@ -4139,7 +4119,7 @@ var $ = [
 		slug: "display",
 		title: "Display",
 		description: "Metrics, activity, avatars, timelines and descriptive content surfaces.",
-		icon: d,
+		icon: f,
 		category: "Data",
 		exports: [
 			"DescriptionList",
@@ -4154,7 +4134,7 @@ var $ = [
 			"DataState",
 			"ScrollBox"
 		],
-		href: N("display"),
+		href: P("display"),
 		status: "Stable",
 		features: [
 			"Metric grids",
@@ -4167,10 +4147,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: b,
 		category: "Data",
 		exports: ["DataTable"],
-		href: N("data-table"),
+		href: P("data-table"),
 		status: "Stable",
 		features: [
 			"Toolbar",
@@ -4187,7 +4167,7 @@ var $ = [
 		icon: o,
 		category: "Overlay",
 		exports: ["Toast", "NotificationCenter"],
-		href: N("notifications"),
+		href: P("notifications"),
 		status: "Preview",
 		features: [
 			"Toasts",
@@ -4200,10 +4180,10 @@ var $ = [
 		slug: "command",
 		title: "Command",
 		description: "Command palette patterns for keyboard-driven discovery, search, grouped actions and async navigation.",
-		icon: b,
+		icon: x,
 		category: "Workflow",
 		exports: ["CommandPalette"],
-		href: N("command"),
+		href: P("command"),
 		status: "Preview",
 		features: [
 			"Command palette",
@@ -4216,7 +4196,7 @@ var $ = [
 		slug: "calendar",
 		title: "Calendar",
 		description: "Calendar, date picker and range picker flows for scheduling and reporting.",
-		icon: ie,
+		icon: re,
 		category: "Workflow",
 		exports: [
 			"DateUtils",
@@ -4224,7 +4204,7 @@ var $ = [
 			"DatePicker",
 			"DateRangePicker"
 		],
-		href: N("calendar"),
+		href: P("calendar"),
 		status: "Stable",
 		features: [
 			"Date picker",
@@ -4239,7 +4219,7 @@ var $ = [
 		icon: s,
 		category: "Workflow",
 		exports: ["FileUpload", "ImageUpload"],
-		href: N("upload"),
+		href: P("upload"),
 		status: "Preview",
 		features: [
 			"File upload",
@@ -4251,10 +4231,10 @@ var $ = [
 		slug: "wizard",
 		title: "Wizard",
 		description: "Stepper and multi-step workflow patterns for onboarding and guided flows.",
-		icon: S,
+		icon: C,
 		category: "Workflow",
 		exports: ["Stepper", "Wizard"],
-		href: N("wizard"),
+		href: P("wizard"),
 		status: "Stable",
 		features: [
 			"Step flow",
@@ -4262,10 +4242,10 @@ var $ = [
 			"Progress state"
 		]
 	}
-], rt = [
+], it = [
 	{
 		label: "Docs",
-		href: k
+		href: A
 	},
 	{
 		label: "Installation",
@@ -4283,34 +4263,34 @@ var $ = [
 		label: "Changelog",
 		href: "/changelog"
 	}
-], it = [{
+], at = [{
 	title: "Getting Started",
 	items: [
 		{
 			label: "Overview",
-			href: k,
+			href: A,
 			icon: te
 		},
 		{
 			label: "Installation",
 			href: "/docs/installation",
-			icon: l
+			icon: u
 		},
 		{
 			label: "Components catalog",
 			href: "/components",
-			icon: u
+			icon: d
 		},
 		{
 			label: "Changelog",
 			href: "/changelog",
-			icon: f
+			icon: p
 		}
 	]
-}, ...F.map((e) => ({
+}, ...I.map((e) => ({
 	title: e,
-	items: B(e, j)
-})).filter((e) => e.items.length > 0)], at = [{
+	items: B(e, M)
+})).filter((e) => e.items.length > 0)], ot = [{
 	title: "Getting Started",
 	items: [
 		{
@@ -4320,29 +4300,29 @@ var $ = [
 		},
 		{
 			label: "Installation",
-			href: M("button"),
-			icon: l
+			href: N("button"),
+			icon: u
 		},
 		{
 			label: "Theming",
-			href: M("button"),
-			icon: v
+			href: N("button"),
+			icon: y
 		},
 		{
 			label: "Tokens",
-			href: M("badge"),
-			icon: ae
+			href: N("badge"),
+			icon: ie
 		},
 		{
 			label: "Icon Library",
-			href: M("popover"),
-			icon: ie
+			href: N("popover"),
+			icon: re
 		}
 	]
-}, ...F.map((e) => ({
+}, ...I.map((e) => ({
 	title: e,
-	items: B(e, M)
-})).filter((e) => e.items.length > 0)], ot = [
+	items: B(e, N)
+})).filter((e) => e.items.length > 0)], st = [
 	"All blocks",
 	"Dashboard",
 	"Auth",
@@ -4351,15 +4331,15 @@ var $ = [
 	"Pricing",
 	"Product",
 	"Marketing"
-], st = [
+], ct = [
 	"All layouts",
 	"Application",
 	"Marketing"
-], ct = [
+], lt = [
 	"All themes",
 	"Light",
 	"Soft"
-], lt = ["Popular", "A-Z"], ut = [
+], ut = ["Popular", "A-Z"], dt = [
 	{
 		title: "Application blocks",
 		text: "Dashboard, table and settings blocks should show route structure, visible actions and realistic operational density.",
@@ -4390,7 +4370,7 @@ var $ = [
 			"Install path"
 		]
 	}
-], dt = {
+], ft = {
 	slug: "dashboard-starter",
 	title: "Modern Dashboard",
 	description: "Clean dashboard with analytics, charts, and activity tables.",
@@ -4409,7 +4389,7 @@ var $ = [
 		"DataTable"
 	],
 	tone: "from-emerald-50 via-white to-sky-50",
-	href: P("dashboard-starter"),
+	href: F("dashboard-starter"),
 	previewHref: "/preview/blocks/dashboard-01",
 	previewTone: "dashboard",
 	layout: "Application",
@@ -4432,7 +4412,7 @@ var $ = [
 		"components/blocks/dashboard/activity-table.tsx"
 	],
 	notes: ["Use this block when one dashboard section is enough; move to the template when navigation and multiple zones are required.", "Primary actions should stay tied to one operational area, not a full application workflow."]
-}, ft = [
+}, pt = [
 	{
 		slug: "sidebar-layout",
 		title: "Sidebar Layout",
@@ -4451,7 +4431,7 @@ var $ = [
 			"Button"
 		],
 		tone: "from-[color:var(--aui-page-bg-alt)] to-[color:var(--aui-page-bg)]",
-		href: P("sidebar-layout"),
+		href: F("sidebar-layout"),
 		previewHref: "/preview/blocks/dashboard-01",
 		previewTone: "dashboard",
 		layout: "Application",
@@ -4489,7 +4469,7 @@ var $ = [
 			"ActivityFeed"
 		],
 		tone: "from-[color:color-mix(in_oklch,var(--aui-accent)_10%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]",
-		href: P("crm-dashboard"),
+		href: F("crm-dashboard"),
 		previewTone: "crm",
 		layout: "Application",
 		theme: "Soft",
@@ -4526,7 +4506,7 @@ var $ = [
 			"Badge"
 		],
 		tone: "from-[color:var(--aui-page-bg-alt)] to-[color:var(--aui-page-bg)]",
-		href: P("users-table"),
+		href: F("users-table"),
 		previewHref: "/preview/blocks/table-01",
 		previewTone: "table",
 		layout: "Application",
@@ -4564,7 +4544,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: P("auth-sign-in"),
+		href: F("auth-sign-in"),
 		previewHref: "/preview/blocks/auth-01",
 		previewTone: "auth",
 		layout: "Marketing",
@@ -4602,7 +4582,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: P("settings-form"),
+		href: F("settings-form"),
 		previewTone: "settings",
 		layout: "Application",
 		theme: "Light",
@@ -4639,7 +4619,7 @@ var $ = [
 			"PageHeader"
 		],
 		tone: "from-[color:color-mix(in_oklch,var(--aui-accent)_12%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]",
-		href: P("invoices-page"),
+		href: F("invoices-page"),
 		previewHref: "/preview/blocks/table-01",
 		previewTone: "table",
 		layout: "Application",
@@ -4659,7 +4639,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."]
 	}
-], pt = O, mt = [
+], mt = k, ht = [
 	[
 		"variant",
 		"'default' | 'secondary' | ...",
@@ -4696,7 +4676,7 @@ var $ = [
 		"-",
 		"Click event handler."
 	]
-], ht = [
+], gt = [
 	"Installation",
 	"Variations",
 	"Sizes",
@@ -4706,7 +4686,7 @@ var $ = [
 	"Examples",
 	"API Reference",
 	"Accessibility"
-], gt = [
+], _t = [
 	{
 		title: "Action buttons",
 		cta: "Save changes"
@@ -4723,16 +4703,16 @@ var $ = [
 		title: "Destructive action",
 		cta: "Delete item"
 	}
-], _t = [
+], vt = [
 	"Tab to focus",
 	"Visible focus ring",
 	"Enter / Space to activate"
-], vt = [
+], yt = [
 	"Role: button",
 	"Name is programmatically determinable",
 	"Minimum touch target (44x44px)",
 	"Sufficient color contrast"
-], yt = [
+], bt = [
 	{
 		title: "Home",
 		description: "Open the landing page with the product overview.",
@@ -4878,7 +4858,7 @@ var $ = [
 			e.title,
 			e.category,
 			z(e.slug),
-			X(e.slug),
+			Ze(e.slug),
 			...e.features,
 			"component",
 			"detail",
@@ -4927,7 +4907,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: we(e.slug, t),
+		href: Ce(e.slug, t),
 		group: "Components",
 		shortcut: "E",
 		keywords: [
@@ -4942,4 +4922,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, be as DOCS_RELEASES_URL, ve as DOCS_REPO_URL, k as DOCS_ROOT_PATH, _e 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, ye as PACKAGE_RELEASES_URL, Se as PACKAGE_RELEASE_DATE, xe as PACKAGE_VERSION, vt as accessibilityChecks, ft as blockCards, ut as blockCoverageSections, st as blockLayoutFilters, P as blockPath, lt as blockSortOptions, ot as blockTabs, ct as blockThemeFilters, G as componentCatalog, j as componentDocsPath, we as componentExportPath, Ce as componentExportSlug, I as componentGroupMeta, F as componentGroupOrder, $ as componentModuleCatalog, N as componentModulePath, M as componentPlaygroundPath, Ne as componentRelations, it as docsSidebar, gt as exampleCards, dt as featuredBlock, Qe as getComponentDetailSidebarItems, $e as getComponentDetailSidebarSections, z as getComponentGroup, Me as getComponentGroupDetails, J as getComponentSurfaceCatalogItem, et as getComponentSurfaceSections, tt as getDocumentedMemberByComponent, nt as getDocumentedMembersByComponents, Z as getPrimaryComponentCatalog, Q as getPrimaryComponentMemberInventory, Y as getPrimaryComponentSurfaceSlug, X as getPrimaryComponentSurfaceTitle, Ze as getVisibleComponentCatalog, yt as globalSearchItems, _t as inspectorChecks, pt as installCommand, Xe as isPrimaryComponentSurface, at as playgroundSidebar, rt as primaryNav, mt as propRows, A as releaseHistory, Te as templatePath, ht as tocItems };
+export { O as CLI_ADD_COMMAND, D as CLI_INIT_NEXT_COMMAND, de as CLI_INIT_VITE_COMMAND, fe as CLI_INSTALL_COMMAND, E as CLI_PACKAGE_NAME, pe as CLI_THEME_COMMAND, ue as DOCS_APP_NAME, ye as DOCS_RELEASES_URL, _e as DOCS_REPO_URL, A as DOCS_ROOT_PATH, ge as PACKAGE_GITHUB_RELEASES_URL, he as PACKAGE_GITHUB_URL, le as PACKAGE_IMPORT, k as PACKAGE_INSTALL_COMMAND, ce as PACKAGE_NAME, me 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 };