tembro 3.0.0 → 3.1.5

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

@@ -0,0 +1,4086 @@
+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 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 S = [
+	[
+		"control",
+		"Control<TFieldValues>",
+		"-",
+		"RHF control instance from `useForm()`."
+	],
+	[
+		"name",
+		"FieldPath<TFieldValues>",
+		"-",
+		"Field path used for registration and value lookup."
+	],
+	[
+		"rules",
+		"Omit<UseControllerProps['rules'], 'value' | 'name'>",
+		"-",
+		"Validation rules and constraints for the field."
+	],
+	[
+		"required",
+		"boolean | \"*\" | FieldError",
+		"false",
+		"Marks field required in shell and optional validation path."
+	],
+	[
+		"disabled",
+		"boolean",
+		"false",
+		"Disables input and blocks interaction."
+	],
+	[
+		"readOnly",
+		"boolean",
+		"false",
+		"Allows viewing without edit; value remains controlled."
+	],
+	[
+		"success",
+		"ReactNode",
+		"-",
+		"Optional success message rendered by the shared field shell."
+	],
+	[
+		"loading",
+		"boolean",
+		"false",
+		"Shows a consistent loading message inside the shared field shell."
+	],
+	[
+		"error",
+		"string | FieldError | null",
+		"-",
+		"Optional error override instead of default form state message."
+	]
+], C = [
+	"RHF control wiring",
+	"name-based field registration",
+	"error and required visual states",
+	"validation contract",
+	"label/description consistency",
+	"disabled/readOnly handling"
+], 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 `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."
+	]
+}, {
+	version: "0.3.18",
+	date: "June 30, 2026",
+	status: "Published",
+	summary: "Refined grouped docs and related-surface mapping.",
+	notes: [
+		"Input, Select, Card, Badge, Overlay, Form, and Data Table components were aligned with the latest public exports.",
+		"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."
+	]
+}], Ce = O[0]?.version ?? "3.1.5", 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",
+	"Data Display",
+	"Layout",
+	"Feedback",
+	"Patterns"
+], P = {
+	Primitives: {
+		title: "Primitives",
+		description: "Foundation components for actions, text entry, compact layout and small state changes.",
+		whenToUse: "Use when you need a small reusable UI unit with minimal product opinion.",
+		whenNotToUse: "Do not start here when the page needs full form orchestration, route structure, or async flows."
+	},
+	"Form Controls": {
+		title: "Form Controls",
+		description: "Fields, wrappers and input flows for validation, selection, formatting and data entry.",
+		whenToUse: "Use for user input, validation, RHF wiring and constrained value contracts.",
+		whenNotToUse: "Do not use for read-only summaries or large page layout composition."
+	},
+	Overlay: {
+		title: "Overlay",
+		description: "Dialog, popover, menu and confirmation surfaces that appear above the current screen.",
+		whenToUse: "Use for contextual actions, confirmations and short focused tasks.",
+		whenNotToUse: "Do not hide long multi-step flows inside overlays when a full page works better."
+	},
+	"Data Display": {
+		title: "Data Display",
+		description: "Metrics, tables, empty states and read-oriented surfaces for operational screens.",
+		whenToUse: "Use when the main job is reading, comparing or scanning product data.",
+		whenNotToUse: "Do not use these as the first layer for input-heavy forms or route-level navigation."
+	},
+	Layout: {
+		title: "Layout",
+		description: "Shell, breadcrumbs, side navigation and page framing for structured application routes.",
+		whenToUse: "Use when the route needs hierarchy, section framing and navigation continuity.",
+		whenNotToUse: "Do not pull layout components into tiny isolated widgets or inline forms."
+	},
+	Feedback: {
+		title: "Feedback",
+		description: "Loading, result and toast patterns for status communication and short response loops.",
+		whenToUse: "Use when the UI needs clear success, error, pending or completion feedback.",
+		whenNotToUse: "Do not use feedback components as a substitute for missing page structure or field validation."
+	},
+	Patterns: {
+		title: "Patterns",
+		description: "Composed flows and builders that connect multiple primitives.",
+		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."
+	}
+}, Oe = new Set([
+	"button",
+	"input",
+	"textarea",
+	"checkbox",
+	"switch",
+	"badge",
+	"card",
+	"tabs",
+	"collapse",
+	"kbd"
+]), ke = new Set([
+	"select",
+	"async-select",
+	"async-multi-select",
+	"radio-group",
+	"date-picker",
+	"date-range-picker",
+	"form-field-shell",
+	"form-input",
+	"form-select",
+	"form-textarea",
+	"form-switch",
+	"form-date-range-input",
+	"form-date-picker",
+	"form-date-range-picker"
+]), Ae = new Set([
+	"dialog",
+	"popover",
+	"dropdown-menu",
+	"tooltip",
+	"right-click-menu",
+	"confirm-dialog",
+	"alert-dialog",
+	"drawer"
+]), je = new Set([
+	"sidebar",
+	"breadcrumbs",
+	"section"
+]), Me = new Set([
+	"toast",
+	"loading-state",
+	"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"],
+	["form-password-input", "form-input"],
+	["form-number-input", "form-input"],
+	["form-phone-input", "form-input"],
+	["form-date-input", "form-input"],
+	["confirm-action", "confirm-dialog"],
+	["file-dropzone", "file-upload"],
+	["hover-card", "popover"],
+	["metric-card", "statistic"],
+	["nav-tabs", "tabs"],
+	["section-header", "section"],
+	["side-panel", "sidebar"],
+	["status-dot", "status-legend"]
+]);
+function I(e) {
+	return F.get(e) ?? e;
+}
+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 Pe(e) {
+	return P[L(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 z = [
+	{
+		slug: "button",
+		title: "Button",
+		description: "Trigger actions with multiple variants, sizes, icon positions and loading states.",
+		icon: m,
+		category: "Components",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"variant",
+				"'default' | 'secondary' | ...",
+				"'default'",
+				"The visual style of the button."
+			],
+			[
+				"size",
+				"'xs' | 'sm' | 'md' | 'lg' | 'xl'",
+				"'md'",
+				"The size of the button."
+			],
+			[
+				"asChild",
+				"boolean",
+				"false",
+				"Render as a child element using Slot."
+			],
+			[
+				"disabled",
+				"boolean",
+				"false",
+				"Disables the button."
+			],
+			[
+				"className",
+				"string",
+				"-",
+				"Additional CSS classes."
+			],
+			[
+				"onClick",
+				"(e: MouseEvent) => void",
+				"-",
+				"Click event handler."
+			]
+		],
+		features: [
+			"Variants",
+			"Sizes",
+			"Icon support",
+			"Loading state"
+		]
+	},
+	{
+		slug: "input",
+		title: "Input",
+		description: "Primary text-entry surface for forms, filters, and compact editor layouts before moving into presets.",
+		icon: f,
+		category: "Forms",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"value",
+				"string",
+				"-",
+				"Controlled value."
+			],
+			[
+				"onValueChange",
+				"(value) => void",
+				"-",
+				"Direct text callback for controlled string flows."
+			],
+			[
+				"type",
+				"'text' | 'email' | 'password' | ...",
+				"'text'",
+				"Input HTML type before moving to a preset."
+			],
+			[
+				"clearable",
+				"boolean",
+				"false",
+				"Adds a built-in clear action when value exists."
+			],
+			[
+				"trailingAction",
+				"ReactNode",
+				"-",
+				"Interactive trailing slot for counters, shortcuts, or actions."
+			],
+			[
+				"replaceTrailingWhenClear",
+				"boolean",
+				"true",
+				"Keep or replace trailing content when clear is visible."
+			],
+			[
+				"disabled",
+				"boolean",
+				"false",
+				"Disables the field."
+			]
+		],
+		features: [
+			"Primary text field",
+			"Built-in clear action",
+			"Trailing action slot",
+			"Preset-friendly API"
+		]
+	},
+	{
+		slug: "textarea",
+		title: "Textarea",
+		description: "Multi-line input with autosizing-friendly layout for notes, messages and long-form data.",
+		icon: d,
+		category: "Forms",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"placeholder",
+				"string",
+				"-",
+				"Placeholder text."
+			],
+			[
+				"disabled",
+				"boolean",
+				"false",
+				"Disables the textarea."
+			],
+			[
+				"rows",
+				"number",
+				"-",
+				"Preferred visible rows."
+			],
+			[
+				"value",
+				"string",
+				"-",
+				"Controlled value."
+			],
+			[
+				"onChange",
+				"(event) => void",
+				"-",
+				"Change handler."
+			]
+		],
+		features: [
+			"Long-form input",
+			"Disabled state",
+			"Resizable content",
+			"Controlled value"
+		]
+	},
+	{
+		slug: "select",
+		title: "Select",
+		description: "Primary selection surface for lists, status filters, and compact forms before moving into members.",
+		icon: u,
+		category: "Forms",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"value",
+				"string",
+				"-",
+				"Controlled selected value."
+			],
+			[
+				"defaultValue",
+				"string",
+				"-",
+				"Initial selected value."
+			],
+			[
+				"onValueChange",
+				"(value) => void",
+				"-",
+				"Selection change callback."
+			],
+			[
+				"searchable",
+				"boolean",
+				"false",
+				"Enables local filtering on the main surface."
+			],
+			[
+				"multiple",
+				"boolean",
+				"false",
+				"Allows multiple values when the active member supports it."
+			],
+			[
+				"size",
+				"'sm' | 'default'",
+				"'default'",
+				"Trigger size."
+			],
+			[
+				"disabled",
+				"boolean",
+				"false",
+				"Disables the trigger."
+			]
+		],
+		features: [
+			"Primary choice input",
+			"Local filtering",
+			"Compact trigger",
+			"Preset-friendly API"
+		]
+	},
+	{
+		slug: "async-select",
+		title: "Async Select",
+		description: "Remote-aware select for search-driven datasets, edit hydration, and production loading or empty states.",
+		icon: u,
+		category: "Forms",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"value",
+				"string",
+				"-",
+				"Controlled selected value."
+			],
+			[
+				"selectedOption",
+				"AsyncSelectOption",
+				"-",
+				"Hydrated selected option for controlled edit modes."
+			],
+			[
+				"onValueChange",
+				"(value, option?) => void",
+				"-",
+				"Selection callback with optional option payload."
+			],
+			[
+				"loadOptions",
+				"(search) => Promise<AsyncSelectOption[]>",
+				"-",
+				"Async option fetcher."
+			],
+			[
+				"loadSelectedOption",
+				"(value) => Promise<AsyncSelectOption | null>",
+				"-",
+				"Fetch selected option for controlled edit."
+			],
+			[
+				"defaultOptions",
+				"AsyncSelectOption[]",
+				"-",
+				"Initial static options."
+			],
+			[
+				"clearable",
+				"boolean",
+				"true",
+				"Allows clearing the selected value."
+			],
+			[
+				"cacheOptions",
+				"boolean",
+				"false",
+				"Reuse options cache across repeated queries."
+			],
+			[
+				"minSearchLength",
+				"number",
+				"1",
+				"Minimum query length for request."
+			],
+			[
+				"debounceMs",
+				"number",
+				"250",
+				"Delay before calling remote search."
+			],
+			[
+				"labels",
+				"AsyncSelectLabels",
+				"-",
+				"Copy and state copy labels."
+			],
+			[
+				"renderLoading",
+				"AsyncSelectStateRenderer",
+				"-",
+				"Custom loading content renderer."
+			]
+		],
+		features: [
+			"Remote option loading",
+			"Debounced search",
+			"Hydrated edit state",
+			"Clearable controlled output"
+		]
+	},
+	{
+		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,
+		category: "Forms",
+		status: "Preview",
+		installCommand: T,
+		propsRows: [
+			[
+				"isMulti",
+				"boolean",
+				"true",
+				"Turns AsyncSelect into multi mode with tag selection."
+			],
+			[
+				"value",
+				"string[]",
+				"-",
+				"Controlled selected values in multi mode."
+			],
+			[
+				"onValueChange",
+				"(values, options) => void",
+				"-",
+				"Bulk selection callback in multi mode."
+			],
+			[
+				"maxSelected",
+				"number",
+				"-",
+				"Upper cap for total selected items."
+			],
+			[
+				"showSelectAll",
+				"boolean",
+				"false",
+				"Allow select-all shortcut."
+			]
+		],
+		features: [
+			"Legacy alias",
+			"Multi selection",
+			"Select-all helpers",
+			"Use AsyncSelect as the canonical API"
+		]
+	},
+	{
+		slug: "number-input",
+		title: "Number Input",
+		description: "Numeric entry with parsing, constraints, and precise change semantics.",
+		icon: b,
+		category: "Forms",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"value",
+				"number | string",
+				"-",
+				"Controlled value."
+			],
+			[
+				"defaultValue",
+				"number | string",
+				"-",
+				"Initial uncontrolled value."
+			],
+			[
+				"onChange",
+				"React.ChangeEventHandler<HTMLInputElement>",
+				"-",
+				"Native change event."
+			],
+			[
+				"onNumberChange",
+				"(value) => void",
+				"-",
+				"Parsed numeric callback."
+			],
+			[
+				"onValueChange",
+				"(value) => void",
+				"-",
+				"String-based callback for raw typed value."
+			],
+			[
+				"min",
+				"number",
+				"-",
+				"Lower bound."
+			],
+			[
+				"max",
+				"number",
+				"-",
+				"Upper bound."
+			],
+			[
+				"step",
+				"number",
+				"1",
+				"Step size for changes."
+			],
+			[
+				"allowEmpty",
+				"boolean",
+				"false",
+				"Allows clearing the input without forcing zero."
+			]
+		],
+		features: [
+			"Parsing",
+			"min/max",
+			"Step semantics",
+			"Invalid number handling"
+		]
+	},
+	{
+		slug: "date-picker",
+		title: "Date Picker",
+		description: "Popover-based date picker optimized for form fields and action buttons.",
+		icon: c,
+		category: "Forms",
+		status: "Preview",
+		installCommand: T,
+		propsRows: [
+			[
+				"value",
+				"string",
+				"-",
+				"Controlled picker value."
+			],
+			[
+				"defaultValue",
+				"string",
+				"-",
+				"Initial uncontrolled value."
+			],
+			[
+				"onValueChange",
+				"(value) => void",
+				"-",
+				"Picker change callback."
+			],
+			[
+				"disabled",
+				"boolean",
+				"false",
+				"Disables the popover trigger."
+			],
+			[
+				"min",
+				"string",
+				"-",
+				"Minimum selectable date string."
+			],
+			[
+				"max",
+				"string",
+				"-",
+				"Maximum selectable date string."
+			],
+			[
+				"disabledDates",
+				"string[]",
+				"-",
+				"Date literals that are blocked."
+			],
+			[
+				"className",
+				"string",
+				"-",
+				"Wrapper style class."
+			]
+		],
+		features: [
+			"Popover selection",
+			"Date formatting",
+			"min/max",
+			"disabledDates"
+		]
+	},
+	{
+		slug: "date-range-picker",
+		title: "Date Range Picker",
+		description: "Popover date-range picker for period selection with constrained windows.",
+		icon: c,
+		category: "Forms",
+		status: "Preview",
+		installCommand: T,
+		propsRows: [
+			[
+				"value",
+				"{ from: string; to: string }",
+				"-",
+				"Controlled range value."
+			],
+			[
+				"defaultValue",
+				"{ from: string; to: string }",
+				"-",
+				"Initial uncontrolled range value."
+			],
+			[
+				"onValueChange",
+				"(value) => void",
+				"-",
+				"Range callback with from/to."
+			],
+			[
+				"disabled",
+				"boolean",
+				"false",
+				"Disables all picker interactions."
+			],
+			[
+				"min",
+				"string",
+				"-",
+				"Earliest allowed date."
+			],
+			[
+				"max",
+				"string",
+				"-",
+				"Latest allowed date."
+			],
+			[
+				"disabledDates",
+				"string[]",
+				"-",
+				"Date literals blocked from selection."
+			],
+			[
+				"className",
+				"string",
+				"-",
+				"Wrapper style class."
+			]
+		],
+		features: [
+			"Range picker",
+			"Range windows",
+			"disabledDates",
+			"Boundary guards"
+		]
+	},
+	{
+		slug: "form-field-shell",
+		title: "Form Field Shell",
+		description: "Composable field shell that standardizes label, description, layout, errors and required markers.",
+		icon: d,
+		category: "Forms",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"label",
+				"string",
+				"-",
+				"Field shell label text."
+			],
+			[
+				"description",
+				"string",
+				"-",
+				"Supporting helper text."
+			],
+			[
+				"descriptionPosition",
+				"'top' | 'bottom'",
+				"'bottom'",
+				"Description location relative to control."
+			],
+			[
+				"layout",
+				"'vertical' | 'horizontal' | 'inline'",
+				"'vertical'",
+				"Visual layout mode of label and field."
+			],
+			[
+				"required",
+				"boolean",
+				"false",
+				"Renders required marker and forwards required metadata."
+			],
+			[
+				"error",
+				"string | FieldError",
+				"-",
+				"Explicit error message shown in helper area."
+			],
+			[
+				"labelAction",
+				"ReactNode",
+				"-",
+				"Optional action in label area."
+			],
+			[
+				"readOnly",
+				"boolean",
+				"false",
+				"Read-only shell state."
+			],
+			[
+				"disabled",
+				"boolean",
+				"false",
+				"Disables shell state visuals."
+			],
+			[
+				"className",
+				"string",
+				"-",
+				"Custom wrapper class."
+			]
+		],
+		features: [
+			"Label contract",
+			"Inline description",
+			"Horizontal/inline layout",
+			"ReadOnly + disabled states",
+			"Required indicator"
+		]
+	},
+	{
+		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: f,
+		category: "Forms",
+		status: "Preview",
+		installCommand: T,
+		propsRows: [
+			...S,
+			[
+				"kind",
+				"'text' | 'search' | 'password' | 'number' | 'phone' | 'date'",
+				"'text'",
+				"Selects the field variant without changing wrapper-level API."
+			],
+			[
+				"type",
+				"'text' | 'email' | 'search' | ...",
+				"'text'",
+				"Rendered input type for base behavior when using the text variant."
+			],
+			[
+				"placeholder",
+				"string",
+				"-",
+				"Input placeholder."
+			],
+			[
+				"onValueChange",
+				"(value: string) => void",
+				"-",
+				"Change callback with parsed display value."
+			],
+			[
+				"defaultValue",
+				"string",
+				"-",
+				"Uncontrolled initial value in hybrid modes."
+			]
+		],
+		features: [
+			...C,
+			"Universal `kind` variants",
+			"Error text and message flow",
+			"Single wrapper migration path"
+		]
+	},
+	{
+		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,
+		category: "Forms",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			...S,
+			[
+				"kind",
+				"'simple' | 'async'",
+				"'simple'",
+				"Chooses the select surface while keeping the same form wrapper contract."
+			],
+			[
+				"options",
+				"SimpleSelectOption[]",
+				"-",
+				"Flat option set for select rendering."
+			],
+			[
+				"placeholder",
+				"string",
+				"-",
+				"Default label when empty."
+			],
+			[
+				"onValueChange",
+				"(value: string) => void",
+				"-",
+				"Selection change callback."
+			]
+		],
+		features: [
+			...C,
+			"Simple + async under one API",
+			"Form-driven value control",
+			"Clear/empty handling"
+		]
+	},
+	{
+		slug: "form-textarea",
+		title: "Form Textarea",
+		description: "RHF textarea wrapper with shell-level validation messages and descriptions.",
+		icon: d,
+		category: "Forms",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			...S,
+			[
+				"rows",
+				"number",
+				"-",
+				"Visible row count."
+			],
+			[
+				"minHeight",
+				"number",
+				"-",
+				"Optional minimum height in rem/px."
+			],
+			[
+				"maxLength",
+				"number",
+				"-",
+				"Input length safety guard."
+			],
+			[
+				"onValueChange",
+				"(value: string) => void",
+				"-",
+				"Raw text callback from field."
+			]
+		],
+		features: [
+			...C,
+			"Long text support",
+			"Error placement",
+			"Description + helper states"
+		]
+	},
+	{
+		slug: "form-switch",
+		title: "Form Switch",
+		description: "RHF switch wrapper with binary payload and shell-level feedback.",
+		icon: b,
+		category: "Forms",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			...S,
+			[
+				"checked",
+				"boolean",
+				"-",
+				"Controlled checked value when controlled by wrapper."
+			],
+			[
+				"defaultChecked",
+				"boolean",
+				"false",
+				"Uncontrolled initial value in mixed modes."
+			],
+			[
+				"onCheckedChange",
+				"(value: boolean) => void",
+				"-",
+				"Boolean callback from switch state change."
+			]
+		],
+		features: [
+			...C,
+			"Boolean value contract",
+			"Readable shell errors",
+			"Disabled states"
+		]
+	},
+	{
+		slug: "form-date-range-input",
+		title: "Form Date Range Input",
+		description: "RHF range input wrapper supporting from/to bounds and required range validation.",
+		icon: c,
+		category: "Forms",
+		status: "Preview",
+		installCommand: T,
+		propsRows: [
+			...S,
+			[
+				"value",
+				"{ from: string; to: string }",
+				"-",
+				"RHF controlled date range value."
+			],
+			[
+				"min",
+				"string",
+				"-",
+				"Earliest valid date for start boundary."
+			],
+			[
+				"max",
+				"string",
+				"-",
+				"Latest valid date for end boundary."
+			],
+			[
+				"required",
+				"boolean | { from: boolean; to: boolean }",
+				"false",
+				"Require one or both bounds."
+			],
+			[
+				"onValueChange",
+				"(value: { from: string; to: string }) => void",
+				"-",
+				"Range update callback."
+			]
+		],
+		features: [
+			...C,
+			"Range required validation",
+			"from/to coordination",
+			"Filter-ready contract"
+		]
+	},
+	{
+		slug: "form-date-picker",
+		title: "Form Date Picker",
+		description: "RHF popover date picker wrapper with shared validation and controlled submit flow.",
+		icon: c,
+		category: "Forms",
+		status: "Preview",
+		installCommand: T,
+		propsRows: [
+			...S,
+			[
+				"value",
+				"string",
+				"-",
+				"Controlled popover date value."
+			],
+			[
+				"disabledDates",
+				"string[]",
+				"-",
+				"Calendar date blacklist."
+			],
+			[
+				"min",
+				"string",
+				"-",
+				"Earliest selectable date string."
+			],
+			[
+				"max",
+				"string",
+				"-",
+				"Latest selectable date string."
+			],
+			[
+				"onValueChange",
+				"(value: string | null) => void",
+				"-",
+				"Normalized picker value callback."
+			]
+		],
+		features: [
+			...C,
+			"Popover interaction",
+			"Range of disabled dates",
+			"Controlled popover state"
+		]
+	},
+	{
+		slug: "form-date-range-picker",
+		title: "Form Date Range Picker",
+		description: "RHF wrapper over popover date-range picker with required range and block-out support.",
+		icon: c,
+		category: "Forms",
+		status: "Preview",
+		installCommand: T,
+		propsRows: [
+			...S,
+			[
+				"value",
+				"{ from: string; to: string }",
+				"-",
+				"Controlled range value object."
+			],
+			[
+				"fromLabel",
+				"string",
+				"\"From\"",
+				"Label text for start field."
+			],
+			[
+				"toLabel",
+				"string",
+				"\"To\"",
+				"Label text for end field."
+			],
+			[
+				"disabledDates",
+				"string[]",
+				"-",
+				"Date literals blocked from selection."
+			],
+			[
+				"onValueChange",
+				"(value: { from: string; to: string }) => void",
+				"-",
+				"Range callback for form state updates."
+			]
+		],
+		features: [
+			...C,
+			"Range-specific validation",
+			"Date range constraints",
+			"Accessible error mapping"
+		]
+	},
+	{
+		slug: "form-builder",
+		title: "Form Builder",
+		description: "RHF section builder for schema-driven forms with submit/reset and disabled/read-only modes.",
+		icon: d,
+		category: "Forms",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"control",
+				"Control<TFieldValues>",
+				"-",
+				"RHF control passed to all generated sections."
+			],
+			[
+				"fields",
+				"FormBuilderField<TFieldValues, string>[]",
+				"-",
+				"Explicit field descriptors for full control."
+			],
+			[
+				"sections",
+				"FormBuilderSection<TFieldValues>[]",
+				"-",
+				"Form section descriptors with grouped presets."
+			],
+			[
+				"submitLabel",
+				"string",
+				"\"Save\"",
+				"Submit button text."
+			],
+			[
+				"resetLabel",
+				"string",
+				"\"Reset\"",
+				"Reset button text."
+			],
+			[
+				"disabled",
+				"boolean",
+				"false",
+				"Disables all controls and actions in builder."
+			],
+			[
+				"readOnly",
+				"boolean",
+				"false",
+				"Read-only state for generated field controls."
+			],
+			[
+				"columns",
+				"1 | 2 | 3",
+				"1",
+				"Grid column count for generated sections."
+			],
+			[
+				"onSubmit",
+				"(values) => Promise<void> | void",
+				"-",
+				"Submit handler for generated `<form>` events."
+			]
+		],
+		features: [
+			"Field schema",
+			"Section composition",
+			"Custom render hooks",
+			"Submit and reset control",
+			"Disabled/readOnly pass-through",
+			"Preset factories (inputField, phoneField, ...)"
+		]
+	},
+	{
+		slug: "radio-group",
+		title: "Radio Group",
+		description: "Single-choice grouped control for plans, density modes, and mutually exclusive settings.",
+		icon: b,
+		category: "Forms",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"options",
+				"RadioGroupOption[]",
+				"-",
+				"Options with label, value and optional description."
+			],
+			[
+				"value",
+				"string",
+				"-",
+				"Controlled selected value."
+			],
+			[
+				"defaultValue",
+				"string",
+				"-",
+				"Initial uncontrolled value."
+			],
+			[
+				"onValueChange",
+				"(value) => void",
+				"-",
+				"Selection callback."
+			],
+			[
+				"orientation",
+				"'vertical' | 'horizontal'",
+				"'vertical'",
+				"Layout direction."
+			],
+			[
+				"size",
+				"'sm' | 'default' | 'lg'",
+				"'default'",
+				"Control density."
+			]
+		],
+		features: [
+			"Single selection",
+			"Descriptions",
+			"Horizontal or vertical layout",
+			"Controlled plans"
+		]
+	},
+	{
+		slug: "checkbox",
+		title: "Checkbox",
+		description: "Binary selection control for permissions, tasks and grouped form actions.",
+		icon: ne,
+		category: "Forms",
+		status: "Stable",
+		installCommand: T,
+		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: b,
+		category: "Forms",
+		status: "Stable",
+		installCommand: T,
+		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: T,
+		propsRows: [
+			[
+				"variant",
+				"'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link'",
+				"'default'",
+				"Visual style."
+			],
+			[
+				"render",
+				"ReactNode",
+				"-",
+				"Optional custom render target."
+			],
+			[
+				"className",
+				"string",
+				"-",
+				"Additional CSS classes."
+			]
+		],
+		features: [
+			"Status labels",
+			"Variants",
+			"Inline metadata",
+			"Compact counters"
+		]
+	},
+	{
+		slug: "card",
+		title: "Card",
+		description: "Structured content container with header, content and footer slots.",
+		icon: p,
+		category: "Components",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"size",
+				"'default' | 'sm'",
+				"'default'",
+				"Card density."
+			],
+			[
+				"className",
+				"string",
+				"-",
+				"Additional CSS classes."
+			],
+			[
+				"children",
+				"ReactNode",
+				"-",
+				"Composed card content."
+			]
+		],
+		features: [
+			"Header/footer slots",
+			"Compact size",
+			"Dashboard modules",
+			"Composed content"
+		]
+	},
+	{
+		slug: "tabs",
+		title: "Tabs",
+		description: "Segmented navigation for switching views without leaving the current route.",
+		icon: oe,
+		category: "Components",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"value",
+				"string",
+				"-",
+				"Controlled active tab."
+			],
+			[
+				"defaultValue",
+				"string",
+				"-",
+				"Initial tab."
+			],
+			[
+				"orientation",
+				"'horizontal' | 'vertical'",
+				"'horizontal'",
+				"Tab list direction."
+			],
+			[
+				"disabled",
+				"boolean",
+				"false",
+				"Disables a trigger."
+			]
+		],
+		features: [
+			"Segmented nav",
+			"Panel switching",
+			"Controlled state",
+			"Settings sections"
+		]
+	},
+	{
+		slug: "collapse",
+		title: "Collapse",
+		description: "Expandable disclosure surface for FAQs, dense settings, and progressive detail blocks.",
+		icon: x,
+		category: "Components",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"open",
+				"boolean",
+				"-",
+				"Controlled open state for a single collapse item."
+			],
+			[
+				"defaultOpen",
+				"boolean",
+				"false",
+				"Initial uncontrolled open state."
+			],
+			[
+				"onOpenChange",
+				"(open) => void",
+				"-",
+				"Open state callback."
+			],
+			[
+				"items",
+				"CollapseItem[]",
+				"-",
+				"Grouped disclosure items for `CollapseGroup`."
+			],
+			[
+				"type",
+				"'single' | 'multiple'",
+				"'multiple'",
+				"Whether one or many group items can stay open."
+			]
+		],
+		features: [
+			"Disclosure sections",
+			"Controlled state",
+			"Grouped items",
+			"Dense content reveal"
+		]
+	},
+	{
+		slug: "dialog",
+		title: "Dialog",
+		description: "Focused modal surface for confirmation flows, forms and destructive actions.",
+		icon: a,
+		category: "Overlay",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"open",
+				"boolean",
+				"-",
+				"Controlled open state."
+			],
+			[
+				"defaultOpen",
+				"boolean",
+				"false",
+				"Initial open state."
+			],
+			[
+				"onOpenChange",
+				"(open) => void",
+				"-",
+				"Open state callback."
+			],
+			[
+				"showCloseButton",
+				"boolean",
+				"true",
+				"Toggles the close affordance."
+			]
+		],
+		features: [
+			"Modal trigger",
+			"Overlay",
+			"Header/footer slots",
+			"Close actions"
+		]
+	},
+	{
+		slug: "popover",
+		title: "Popover",
+		description: "Lightweight anchored overlay for context actions and compact helper content.",
+		icon: _,
+		category: "Overlay",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"side",
+				"'top' | 'right' | 'bottom' | 'left'",
+				"'bottom'",
+				"Popup side."
+			],
+			[
+				"align",
+				"'start' | 'center' | 'end'",
+				"'center'",
+				"Popup alignment."
+			],
+			[
+				"sideOffset",
+				"number",
+				"4",
+				"Distance from trigger."
+			],
+			[
+				"children",
+				"ReactNode",
+				"-",
+				"Trigger and content composition."
+			]
+		],
+		features: [
+			"Anchored overlay",
+			"Title/description",
+			"Action menus",
+			"Compact help content"
+		]
+	},
+	{
+		slug: "dropdown-menu",
+		title: "Dropdown Menu",
+		description: "Menu overlays with action, checkbox and radio items for dense navigation.",
+		icon: u,
+		category: "Overlay",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"open",
+				"boolean",
+				"-",
+				"Controlled open state."
+			],
+			[
+				"onOpenChange",
+				"(open) => void",
+				"-",
+				"Open state callback."
+			],
+			[
+				"children",
+				"ReactNode",
+				"-",
+				"Trigger and content composition."
+			],
+			[
+				"side",
+				"'top' | 'right' | 'bottom' | 'left'",
+				"'bottom'",
+				"Popup side."
+			],
+			[
+				"align",
+				"'start' | 'center' | 'end'",
+				"'start'",
+				"Popup alignment."
+			],
+			[
+				"sideOffset",
+				"number",
+				"4",
+				"Distance from trigger."
+			],
+			[
+				"disabled",
+				"boolean",
+				"false",
+				"Disable menu interaction."
+			]
+		],
+		features: [
+			"Dropdown patterns",
+			"Checkbox items",
+			"Radio groups",
+			"Shortcut labels"
+		]
+	},
+	{
+		slug: "tooltip",
+		title: "Tooltip",
+		description: "Compact hover and focus hint for controls that need one short piece of guidance.",
+		icon: _,
+		category: "Overlay",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"content",
+				"ReactNode",
+				"-",
+				"Tooltip label or helper content."
+			],
+			[
+				"side",
+				"'top' | 'bottom' | 'left' | 'right'",
+				"'top'",
+				"Placement around the trigger."
+			],
+			[
+				"disabled",
+				"boolean",
+				"false",
+				"Disables tooltip rendering."
+			],
+			[
+				"children",
+				"ReactNode",
+				"-",
+				"Trigger content wrapped by the tooltip."
+			]
+		],
+		features: [
+			"Short helper copy",
+			"Hover + focus",
+			"Side placement",
+			"Low-noise guidance"
+		]
+	},
+	{
+		slug: "right-click-menu",
+		title: "Right Click Menu",
+		description: "Context menu surface for dense workspaces that need pointer-driven secondary actions.",
+		icon: m,
+		category: "Overlay",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"items",
+				"RightClickMenuItem[]",
+				"-",
+				"Context actions shown after right click."
+			],
+			[
+				"children",
+				"ReactNode",
+				"-",
+				"Target area that owns the right-click interaction."
+			],
+			[
+				"className",
+				"string",
+				"-",
+				"Wrapper classes for the interaction zone."
+			]
+		],
+		features: [
+			"Context actions",
+			"Pointer workflow",
+			"Compact menus",
+			"Workspace interactions"
+		]
+	},
+	{
+		slug: "confirm-dialog",
+		title: "Confirm Dialog",
+		description: "Clear confirm overlays for safe destructive and irreversible actions.",
+		icon: a,
+		category: "Overlay",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"open",
+				"boolean",
+				"-",
+				"Controlled open state."
+			],
+			[
+				"onOpenChange",
+				"(open) => void",
+				"-",
+				"Open state callback for parent-driven flow."
+			],
+			[
+				"title",
+				"string",
+				"-",
+				"Dialog title text."
+			],
+			[
+				"description",
+				"string",
+				"-",
+				"Secondary context and scope text."
+			],
+			[
+				"confirmText",
+				"string",
+				"'Confirm'",
+				"Primary action label."
+			],
+			[
+				"confirmVariant",
+				"'default' | 'destructive'",
+				"'default'",
+				"Primary button emphasis."
+			],
+			[
+				"isLoading",
+				"boolean",
+				"false",
+				"Disables actions while async action runs."
+			],
+			[
+				"onConfirm",
+				"() => void | Promise<void>",
+				"-",
+				"Required confirm handler."
+			]
+		],
+		features: [
+			"Destructive confirmations",
+			"Controlled usage",
+			"Async confirm",
+			"Clear copy guidance"
+		]
+	},
+	{
+		slug: "sidebar",
+		title: "Sidebar",
+		description: "Reusable application sidebar with header, footer, active states, collapsed mode and custom link rendering.",
+		icon: p,
+		category: "Components",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"items",
+				"AppSidebarNavItem[]",
+				"[]",
+				"Sidebar entries with active, disabled, badge and callback state."
+			],
+			[
+				"header",
+				"ReactNode",
+				"-",
+				"Optional content rendered above navigation items."
+			],
+			[
+				"footer",
+				"ReactNode",
+				"-",
+				"Optional footer actions or account area."
+			],
+			[
+				"collapsed",
+				"boolean",
+				"false",
+				"Compact sidebar mode for dense layouts."
+			],
+			[
+				"onItemSelect",
+				"(item) => void",
+				"-",
+				"Called when a sidebar item is selected."
+			],
+			[
+				"renderItem",
+				"(item, state) => ReactNode",
+				"-",
+				"Override full item rendering."
+			],
+			[
+				"renderLink",
+				"(props) => ReactNode",
+				"-",
+				"Override anchor rendering for router integration."
+			]
+		],
+		features: [
+			"Navigation sidebar",
+			"Collapsed state",
+			"Header and footer slots",
+			"Router-friendly rendering"
+		]
+	},
+	{
+		slug: "breadcrumbs",
+		title: "Breadcrumbs",
+		description: "Navigation breadcrumbs with current context, overflow collapse, and custom link rendering.",
+		icon: l,
+		category: "Components",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"items",
+				"BreadcrumbItem[]",
+				"-",
+				"Breadcrumb sequence for navigation context."
+			],
+			[
+				"separator",
+				"ReactNode",
+				"-",
+				"Custom separator between items."
+			],
+			[
+				"maxItems",
+				"number",
+				"-",
+				"Collapses middle items when the path gets too long."
+			],
+			[
+				"renderLink",
+				"(props) => ReactNode",
+				"-",
+				"Custom link renderer for each item."
+			],
+			[
+				"currentItemLabel",
+				"string",
+				"-",
+				"Accessible label for the current page item."
+			]
+		],
+		features: [
+			"Navigation context",
+			"Custom separators",
+			"Custom links",
+			"Current state support"
+		]
+	},
+	{
+		slug: "page-header",
+		title: "Page Header",
+		description: "Top-level page heading block with breadcrumbs, actions and optional meta area.",
+		icon: re,
+		category: "Components",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"title",
+				"ReactNode",
+				"-",
+				"Primary heading text."
+			],
+			[
+				"description",
+				"ReactNode",
+				"-",
+				"Subtext explanation for current page."
+			],
+			[
+				"eyebrow",
+				"ReactNode",
+				"-",
+				"Small uppercase lead text."
+			],
+			[
+				"breadcrumbs",
+				"ReactNode",
+				"-",
+				"Optional breadcrumb trail."
+			],
+			[
+				"actions",
+				"ReactNode",
+				"-",
+				"Actions rendered on the right side."
+			],
+			[
+				"meta",
+				"ReactNode",
+				"-",
+				"Secondary metadata block."
+			],
+			[
+				"sticky",
+				"boolean",
+				"false",
+				"Enable sticky positioning in scroll containers."
+			]
+		],
+		features: [
+			"Page context",
+			"Action areas",
+			"Breadcrumb composition",
+			"Sticky header option"
+		]
+	},
+	{
+		slug: "info-card",
+		title: "Info Card",
+		description: "Flexible context card for summaries, metadata, quick actions, and supporting media inside real product surfaces.",
+		icon: d,
+		category: "Data Display",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"eyebrow",
+				"ReactNode",
+				"-",
+				"Small label above card title."
+			],
+			[
+				"title",
+				"ReactNode",
+				"-",
+				"Main card title."
+			],
+			[
+				"description",
+				"ReactNode",
+				"-",
+				"Supporting description text."
+			],
+			[
+				"icon",
+				"ReactNode",
+				"-",
+				"Optional leading icon."
+			],
+			[
+				"actions",
+				"ReactNode",
+				"-",
+				"Card action area."
+			],
+			[
+				"media",
+				"ReactNode",
+				"-",
+				"Optional media block."
+			],
+			[
+				"compact",
+				"boolean",
+				"false",
+				"Compact card density."
+			],
+			[
+				"orientation",
+				"'vertical' | 'horizontal'",
+				"'vertical'",
+				"Content layout direction."
+			]
+		],
+		features: [
+			"Metadata summaries",
+			"Action regions",
+			"Media slots",
+			"Vertical or horizontal layout"
+		]
+	},
+	{
+		slug: "activity-feed",
+		title: "Activity Feed",
+		description: "Timeline-like feed list for events, audits and recent activity surfaces.",
+		icon: o,
+		category: "Data Display",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"items",
+				"ActivityFeedItem[]",
+				"-",
+				"List of timeline-like activity rows."
+			],
+			[
+				"title",
+				"ReactNode",
+				"-",
+				"Feed title."
+			],
+			[
+				"description",
+				"ReactNode",
+				"-",
+				"Supporting card description."
+			],
+			[
+				"actions",
+				"ReactNode",
+				"-",
+				"Optional header actions."
+			],
+			[
+				"empty",
+				"ReactNode",
+				"-",
+				"Fallback when there are no items."
+			],
+			[
+				"compact",
+				"boolean",
+				"false",
+				"Compact feed density."
+			],
+			[
+				"itemClassName",
+				"string",
+				"-",
+				"Class for each feed item."
+			]
+		],
+		features: [
+			"Audit timeline",
+			"Empty state handling",
+			"Compact mode",
+			"Action rows"
+		]
+	},
+	{
+		slug: "data-state",
+		title: "Data State",
+		description: "Unified data state block for empty, search-empty, loading, error and success surfaces.",
+		icon: a,
+		category: "Data Display",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"status",
+				"\"idle\" | \"loading\" | \"empty\" | \"error\" | \"success\"",
+				"-",
+				"State preset that controls default copy and icon."
+			],
+			[
+				"title",
+				"ReactNode",
+				"-",
+				"Primary state title."
+			],
+			[
+				"description",
+				"ReactNode",
+				"-",
+				"Short explanation for the current state."
+			],
+			[
+				"variant",
+				"\"card\" | \"plain\" | \"inline\"",
+				"\"card\"",
+				"Container style for page, table and inline usage."
+			],
+			[
+				"query",
+				"ReactNode",
+				"-",
+				"Optional searched value for empty search results."
+			],
+			[
+				"actions",
+				"ReactNode",
+				"-",
+				"Custom action elements."
+			],
+			[
+				"onRetry",
+				"() => void",
+				"-",
+				"Retry callback for error/loading recovery."
+			],
+			[
+				"onClear",
+				"() => void",
+				"-",
+				"Clear callback for search-empty states."
+			]
+		],
+		features: [
+			"Empty/search-empty states",
+			"Error retry",
+			"Plain table fallback",
+			"Inline state rows"
+		]
+	},
+	{
+		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: T,
+		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: "scroll-box",
+		title: "Scroll Box",
+		description: "Scoped scrolling surface for dense lists, side panels, and bounded data regions.",
+		icon: h,
+		category: "Data Display",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"maxHeight",
+				"string | number",
+				"-",
+				"Maximum rendered height before scroll starts."
+			],
+			[
+				"axis",
+				"'y' | 'x' | 'both'",
+				"'y'",
+				"Allowed scroll direction."
+			],
+			[
+				"children",
+				"ReactNode",
+				"-",
+				"Scrollable content."
+			],
+			[
+				"className",
+				"string",
+				"-",
+				"Container classes."
+			]
+		],
+		features: [
+			"Bounded scroll",
+			"Axis control",
+			"Dense lists",
+			"Panel content"
+		]
+	},
+	{
+		slug: "toast",
+		title: "Toast",
+		description: "Global transient messaging system with provider, stacking, promise states, placement and dismiss behavior.",
+		icon: se,
+		category: "Components",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"children",
+				"ReactNode",
+				"-",
+				"Application children wrapped by provider."
+			],
+			[
+				"position",
+				"'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center'",
+				"'top-right'",
+				"Toast container placement."
+			],
+			[
+				"defaultDuration",
+				"number",
+				"3000",
+				"Default auto-dismiss duration in ms."
+			],
+			[
+				"maxToasts",
+				"number",
+				"5",
+				"Maximum number of visible toasts."
+			],
+			[
+				"pauseOnHover",
+				"boolean",
+				"true",
+				"Pause dismiss timer when hovered."
+			],
+			[
+				"addToast",
+				"(input) => string",
+				"-",
+				"API to push a toast from context."
+			],
+			[
+				"success/info/warning/error/loading",
+				"(input) => string",
+				"-",
+				"Tone helpers for common outcomes."
+			],
+			[
+				"promise",
+				"(promise, messages) => Promise<T>",
+				"-",
+				"Tracks loading/success/error from async work."
+			]
+		],
+		features: [
+			"Provider setup",
+			"Stacking and duration",
+			"Promise states",
+			"Placement options"
+		]
+	},
+	{
+		slug: "table",
+		title: "Table primitive",
+		description: "Low-level semantic table pieces for internal composition, not the primary public data-grid showcase.",
+		icon: v,
+		category: "Data Display",
+		status: "Preview",
+		installCommand: T,
+		propsRows: [
+			[
+				"className",
+				"string",
+				"-",
+				"Additional table styling."
+			],
+			[
+				"children",
+				"ReactNode",
+				"-",
+				"Header, body and row markup."
+			],
+			[
+				"caption",
+				"ReactNode",
+				"-",
+				"Optional table caption."
+			]
+		],
+		features: [
+			"Semantic rows",
+			"Header/body slots",
+			"Internal composition",
+			"Primitive markup"
+		]
+	},
+	{
+		slug: "kbd",
+		title: "Kbd",
+		description: "Keyboard hint token for shortcuts, command palettes, and focused action labels.",
+		icon: y,
+		category: "Components",
+		status: "Stable",
+		installCommand: T,
+		propsRows: [
+			[
+				"size",
+				"'sm' | 'default' | 'lg'",
+				"'default'",
+				"Visual size for the key token."
+			],
+			[
+				"variant",
+				"'default' | 'outline' | 'ghost'",
+				"'default'",
+				"Surface treatment."
+			],
+			[
+				"children",
+				"ReactNode",
+				"-",
+				"Rendered key label."
+			],
+			[
+				"className",
+				"string",
+				"-",
+				"Extra classes for the token."
+			]
+		],
+		features: [
+			"Shortcut tokens",
+			"Size variants",
+			"Outline or ghost style",
+			"Command labels"
+		]
+	},
+	{
+		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: v,
+		category: "Data Display",
+		status: "Preview",
+		installCommand: T,
+		propsRows: [
+			[
+				"columns",
+				"ColumnDef<RowData>[]",
+				"-",
+				"Table column definitions."
+			],
+			[
+				"data",
+				"Array<RowData>",
+				"-",
+				"Row data at current page in server mode."
+			],
+			[
+				"getRowId",
+				"(row) => string",
+				"-",
+				"Stable row identifier function."
+			],
+			[
+				"sorting",
+				"SortingState",
+				"[]",
+				"Controlled sort state."
+			],
+			[
+				"rowSelection",
+				"RowSelectionState",
+				"{}",
+				"Controlled row selection state."
+			],
+			[
+				"enableRowSelection",
+				"boolean",
+				"false",
+				"Turns row selection on."
+			],
+			[
+				"pagination",
+				"PaginationStateProps",
+				"-",
+				"Page controls, counts and page size."
+			],
+			[
+				"toolbarProps",
+				"ToolbarProps",
+				"-",
+				"Header actions, search and contextual controls."
+			],
+			[
+				"onRowClick",
+				"(row) => void",
+				"-",
+				"Row click callback."
+			],
+			[
+				"isLoading",
+				"boolean",
+				"false",
+				"Loading indicator state."
+			],
+			[
+				"isError",
+				"boolean",
+				"false",
+				"Error state flag for fallback."
+			],
+			[
+				"loadingState",
+				"LoadingState",
+				"-",
+				"Loading UI when `isLoading` is true."
+			],
+			[
+				"emptyState",
+				"Omit<DataStateProps, \"status\">",
+				"-",
+				"State shown when no rows are present."
+			],
+			[
+				"errorState",
+				"ErrorState",
+				"-",
+				"State shown when `isError` is true."
+			]
+		],
+		features: [
+			"Column-based API",
+			"Sorting and pagination",
+			"Row selection and bulk actions",
+			"Toolbar, visibility and saved views",
+			"Mobile cards and server mode",
+			"Empty/loading/error states"
+		]
+	}
+], Fe = {
+	button: {
+		groupSlugs: [
+			"actions",
+			"navigation",
+			"layout"
+		],
+		componentSlugs: [
+			"badge",
+			"card",
+			"tabs"
+		]
+	},
+	input: {
+		groupSlugs: ["form", "filters"],
+		componentSlugs: [
+			"textarea",
+			"select",
+			"switch"
+		]
+	},
+	textarea: {
+		groupSlugs: ["form", "layout"],
+		componentSlugs: [
+			"input",
+			"card",
+			"badge"
+		]
+	},
+	select: {
+		groupSlugs: ["filters", "overlay"],
+		componentSlugs: [
+			"select",
+			"async-select",
+			"form-select"
+		]
+	},
+	"radio-group": {
+		groupSlugs: ["form"],
+		componentSlugs: [
+			"checkbox",
+			"switch",
+			"select"
+		]
+	},
+	"async-select": {
+		groupSlugs: ["form", "filters"],
+		componentSlugs: [
+			"select",
+			"async-select",
+			"form-select"
+		]
+	},
+	"async-multi-select": {
+		groupSlugs: ["form"],
+		componentSlugs: [
+			"select",
+			"async-select",
+			"form-select"
+		]
+	},
+	"date-picker": {
+		groupSlugs: ["form", "display"],
+		componentSlugs: ["calendar", "date-range-picker"]
+	},
+	"date-range-picker": {
+		groupSlugs: ["form", "filters"],
+		componentSlugs: [
+			"date-picker",
+			"calendar",
+			"data-table"
+		]
+	},
+	"form-field-shell": {
+		groupSlugs: ["form"],
+		componentSlugs: [
+			"form-input",
+			"form-select",
+			"form-textarea",
+			"form-switch",
+			"input",
+			"textarea",
+			"switch"
+		]
+	},
+	"form-input": {
+		groupSlugs: ["form"],
+		componentSlugs: [
+			"form-field-shell",
+			"form-textarea",
+			"input"
+		]
+	},
+	"form-select": {
+		groupSlugs: ["form"],
+		componentSlugs: [
+			"async-select",
+			"select",
+			"form-field-shell"
+		]
+	},
+	"form-textarea": {
+		groupSlugs: ["form"],
+		componentSlugs: [
+			"form-input",
+			"textarea",
+			"form-field-shell"
+		]
+	},
+	"form-switch": {
+		groupSlugs: ["form"],
+		componentSlugs: [
+			"form-field-shell",
+			"switch",
+			"checkbox",
+			"form-builder"
+		]
+	},
+	"form-date-range-input": {
+		groupSlugs: ["form", "filters"],
+		componentSlugs: [
+			"date-range-picker",
+			"form-date-range-picker",
+			"form-field-shell"
+		]
+	},
+	"form-date-picker": {
+		groupSlugs: ["form"],
+		componentSlugs: [
+			"date-picker",
+			"calendar",
+			"form-field-shell"
+		]
+	},
+	"form-date-range-picker": {
+		groupSlugs: ["form", "filters"],
+		componentSlugs: [
+			"date-range-picker",
+			"form-date-range-input",
+			"calendar",
+			"form-field-shell"
+		]
+	},
+	"form-builder": {
+		groupSlugs: ["patterns", "form"],
+		componentSlugs: [
+			"form-field-shell",
+			"form-input",
+			"form-switch",
+			"form-textarea",
+			"form-select"
+		]
+	},
+	checkbox: {
+		groupSlugs: ["form"],
+		componentSlugs: [
+			"switch",
+			"button",
+			"card"
+		]
+	},
+	switch: {
+		groupSlugs: ["layout"],
+		componentSlugs: [
+			"checkbox",
+			"tabs",
+			"badge"
+		]
+	},
+	badge: {
+		groupSlugs: ["actions", "display"],
+		componentSlugs: [
+			"button",
+			"card",
+			"tabs"
+		]
+	},
+	card: {
+		groupSlugs: [
+			"layout",
+			"display",
+			"actions"
+		],
+		componentSlugs: [
+			"tabs",
+			"badge",
+			"button"
+		]
+	},
+	tabs: {
+		groupSlugs: ["navigation", "layout"],
+		componentSlugs: [
+			"dialog",
+			"card",
+			"button"
+		]
+	},
+	collapse: {
+		groupSlugs: [
+			"layout",
+			"display",
+			"form"
+		],
+		componentSlugs: ["tabs", "card"]
+	},
+	dialog: {
+		groupSlugs: ["overlay", "notifications"],
+		componentSlugs: ["popover", "confirm-dialog"]
+	},
+	popover: {
+		groupSlugs: ["overlay", "navigation"],
+		componentSlugs: [
+			"dropdown-menu",
+			"dialog",
+			"confirm-dialog"
+		]
+	},
+	"dropdown-menu": {
+		groupSlugs: [
+			"overlay",
+			"navigation",
+			"actions"
+		],
+		componentSlugs: [
+			"popover",
+			"dialog",
+			"confirm-dialog"
+		]
+	},
+	tooltip: {
+		groupSlugs: [
+			"overlay",
+			"actions",
+			"form"
+		],
+		componentSlugs: [
+			"popover",
+			"button",
+			"input"
+		]
+	},
+	"right-click-menu": {
+		groupSlugs: [
+			"overlay",
+			"actions",
+			"navigation"
+		],
+		componentSlugs: [
+			"dropdown-menu",
+			"popover",
+			"data-table"
+		]
+	},
+	"confirm-dialog": {
+		groupSlugs: ["overlay", "notifications"],
+		componentSlugs: ["dialog", "alert-dialog"]
+	},
+	table: {
+		groupSlugs: [
+			"data-table",
+			"display",
+			"filters"
+		],
+		componentSlugs: [
+			"card",
+			"tabs",
+			"badge"
+		]
+	},
+	"data-table": {
+		groupSlugs: [
+			"data-table",
+			"layout",
+			"filters"
+		],
+		componentSlugs: [
+			"table",
+			"card",
+			"tabs"
+		]
+	},
+	sidebar: {
+		groupSlugs: ["layout", "navigation"],
+		componentSlugs: ["breadcrumbs"]
+	},
+	breadcrumbs: {
+		groupSlugs: ["layout", "navigation"],
+		componentSlugs: ["section", "sidebar"]
+	},
+	"info-card": {
+		groupSlugs: ["display", "layout"],
+		componentSlugs: ["activity-feed", "card"]
+	},
+	"activity-feed": {
+		groupSlugs: ["display"],
+		componentSlugs: ["info-card"]
+	},
+	"data-state": {
+		groupSlugs: ["display"],
+		componentSlugs: ["loading-state", "data-table"]
+	},
+	"loading-state": {
+		groupSlugs: ["display"],
+		componentSlugs: ["data-state", "data-table"]
+	},
+	"scroll-box": {
+		groupSlugs: ["display", "layout"],
+		componentSlugs: ["table", "data-table"]
+	},
+	toast: {
+		groupSlugs: ["notifications", "overlay"],
+		componentSlugs: ["confirm-dialog", "dialog"]
+	},
+	kbd: {
+		groupSlugs: ["command", "actions"],
+		componentSlugs: [
+			"button",
+			"tooltip",
+			"input"
+		]
+	}
+}, 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",
+	"tag-input": "input",
+	"otp-input": "input",
+	"form-input": "input",
+	"form-textarea": "input",
+	"async-select": "select",
+	"async-multi-select": "select",
+	"form-select": "select",
+	calendar: "date-picker",
+	"date-range-picker": "date-picker",
+	"form-date-range-input": "date-picker",
+	"form-date-picker": "date-picker",
+	"form-date-range-picker": "date-picker",
+	"confirm-dialog": "dialog",
+	"app-header": "sidebar",
+	section: "sidebar",
+	toolbar: "sidebar",
+	"split-layout": "sidebar",
+	"page-header": "breadcrumbs",
+	table: "data-table"
+}, B = {
+	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: ["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: ["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"]
+		}
+	],
+	"date-picker": [{
+		key: "core",
+		title: "Core date surfaces",
+		description: "Choose the popover picker or range picker when visual selection matters more than raw text entry.",
+		slugs: [
+			"date-picker",
+			"date-range-picker",
+			"calendar"
+		]
+	}, {
+		key: "integrations",
+		title: "Form integrations",
+		description: "Use wrapped date fields when validation, labels, and form shell behavior should stay standardized.",
+		slugs: [
+			"form-input",
+			"form-date-range-input",
+			"form-date-picker",
+			"form-date-range-picker"
+		]
+	}],
+	dialog: [{
+		key: "core",
+		title: "Core overlay surfaces",
+		description: "Use the lightest overlay that still matches the interaction. Do not default every action to a full modal.",
+		slugs: [
+			"dialog",
+			"popover",
+			"dropdown-menu"
+		]
+	}, {
+		key: "advanced",
+		title: "Confirmation and shell patterns",
+		description: "These composed overlays handle destructive confirmation and side-drawer editing flows.",
+		slugs: ["confirm-dialog", "drawer"]
+	}],
+	sidebar: [{
+		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", "breadcrumbs"]
+	}, {
+		key: "related",
+		title: "Route-level patterns",
+		description: "Use these patterns only after the sidebar and navigation contract are already clear.",
+		slugs: [
+			"section",
+			"toolbar",
+			"split-layout"
+		]
+	}],
+	"data-table": [{
+		key: "core",
+		title: "Primary data table surface",
+		description: "Start with the full DataTable route first. It demonstrates the reusable grid the way product teams actually consume it.",
+		slugs: ["data-table"]
+	}, {
+		key: "related",
+		title: "Supporting primitive",
+		description: "Drop down to the semantic table primitive only when you do not need the full DataTable workflow.",
+		slugs: ["table"]
+	}],
+	toast: [{
+		key: "core",
+		title: "Global feedback surface",
+		description: "Use toast messaging for transient global feedback, not for critical form validation or persistent page states.",
+		slugs: ["toast"]
+	}]
+}, 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",
+	"wizard-kit",
+	...W
+]), He = new Set(["hooks"]), Ue = {
+	ui: "Components",
+	actions: "Components",
+	layout: "Components",
+	feedback: "Data Display",
+	display: "Data Display",
+	overlay: "Overlay",
+	form: "Forms",
+	dataTable: "Data Display",
+	data_table: "Data Display",
+	navigation: "Data Display",
+	filters: "Data Display",
+	calendar: "Data Display",
+	upload: "Data Display",
+	wizard: "Data Display",
+	notifications: "Data Display",
+	command: "Data Display",
+	patterns: "Patterns"
+}, We = {
+	ui: u,
+	actions: _,
+	feedback: le,
+	display: ie,
+	overlay: h,
+	inputs: f,
+	form: f,
+	dataTable: v,
+	data_table: v,
+	layout: p,
+	navigation: ne,
+	filters: g,
+	calendar: c,
+	upload: d,
+	wizard: x,
+	notifications: ee,
+	command: y,
+	patterns: te,
+	hooks: ce
+};
+function Ge(e) {
+	return e.split("-").filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+}
+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: ze.has(i) ? "Stable" : "Preview",
+		installCommand: T,
+		propsRows: [[
+			"className",
+			"string",
+			"-",
+			"Additional classes for wrapper element."
+		]],
+		features: [e]
+	});
+}
+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-header",
+	"page-header",
+	"resource-page",
+	"resource-detail-page"
+]), Ye = new Set([...Je, ...F.keys()]);
+function Y(e) {
+	if (!e) return;
+	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(I(e)) || Ie.has(I(e));
+}
+function X(e) {
+	let t = I(e);
+	return Xe(t) ? t : Le[t] ?? t;
+}
+function Ze(e) {
+	return Y(X(e))?.title ?? e;
+}
+function Z() {
+	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 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 Qe() {
+	let e = /* @__PURE__ */ new Map();
+	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 $e(e) {
+	let t = e ? X(e) : void 0;
+	return Z().map((e) => ({
+		slug: e.slug,
+		title: e.title,
+		href: k(e.slug),
+		status: e.status,
+		group: L(e.slug),
+		active: t ? X(e.slug) === t : !1
+	})).sort((e, t) => e.title.localeCompare(t.title));
+}
+function et(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of $e(e)) {
+		let e = n.title[0]?.toUpperCase() ?? "#", r = `${e} - ${n.group}`;
+		t.has(r) || t.set(r, {
+			key: r,
+			label: `${e} • ${n.group}`,
+			items: []
+		}), t.get(r)?.items.push(n);
+	}
+	return Array.from(t.values());
+}
+function tt(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(B)).flatMap((e) => {
+		let t = Y(e);
+		return tt(e).flatMap((n) => {
+			let r = [];
+			for (let i of n.slugs) {
+				let a = K.find((e) => e.slug === i);
+				a && r.push({
+					component: a.title,
+					slug: a.slug,
+					title: a.title,
+					surfaceSlug: e,
+					surfaceTitle: t?.title ?? e,
+					sectionId: n.key,
+					sectionLabel: n.title,
+					sectionKey: n.key,
+					summary: a.description,
+					useWhen: n.description,
+					maturity: n.key === "core" ? "core" : n.key === "compatibility" ? "compatibility" : "helper",
+					status: a.status,
+					href: k(a.slug)
+				});
+			}
+			return r;
+		});
+	});
+}
+function nt(e) {
+	return Q().find((t) => t.component === e);
+}
+function rt(e) {
+	let t = new Set(e);
+	return Q().filter((e) => t.has(e.component));
+}
+var $ = [
+	{
+		slug: "actions",
+		title: "Actions",
+		description: "Context actions, copy controls and quick grids for dense product surfaces.",
+		icon: m,
+		category: "Actions",
+		exports: [
+			"ActionMenu",
+			"CopyButton",
+			"QuickActionGrid"
+		],
+		href: j("actions"),
+		status: "Stable",
+		features: [
+			"Quick actions",
+			"Copy affordances",
+			"Dense command blocks"
+		]
+	},
+	{
+		slug: "layout",
+		title: "Application layout",
+		description: "Route-level sidebars, breadcrumbs and page framing helpers that support real reusable components instead of replacing them.",
+		icon: p,
+		category: "Layout",
+		exports: [
+			"Sidebar",
+			"Breadcrumbs",
+			"Section"
+		],
+		href: j("layout"),
+		status: "Stable",
+		features: [
+			"Sidebar navigation",
+			"Page framing",
+			"Section structure",
+			"Sticky actions"
+		]
+	},
+	{
+		slug: "filters",
+		title: "Filters",
+		description: "Filter bars and chip patterns for narrowing data without leaving the current view.",
+		icon: g,
+		category: "Data",
+		exports: ["FilterBar", "SavedFilterSelect"],
+		href: j("filters"),
+		status: "Stable",
+		features: [
+			"Filter bars",
+			"Chips",
+			"Search + filter pairing"
+		]
+	},
+	{
+		slug: "overlay",
+		title: "Overlay patterns",
+		description: "Confirm flows, modal shells, sheet layouts and dialog actions.",
+		icon: a,
+		category: "Overlay",
+		exports: [
+			"AlertDialog",
+			"ConfirmDialog",
+			"Drawer",
+			"Tooltip",
+			"Popover",
+			"RightClickMenu"
+		],
+		href: j("overlay"),
+		status: "Stable",
+		features: [
+			"Confirm flows",
+			"Sheet layouts",
+			"Modal actions",
+			"Lightweight helper hints"
+		]
+	},
+	{
+		slug: "navigation",
+		title: "Navigation",
+		description: "Pagination and tabbed navigation patterns for sectioned or paginated interfaces.",
+		icon: l,
+		category: "Layout",
+		exports: ["Pagination"],
+		href: j("navigation"),
+		status: "Stable",
+		features: [
+			"Pagination",
+			"Page tabs",
+			"Stepper tabs"
+		]
+	},
+	{
+		slug: "form",
+		title: "Form",
+		description: "Form shell and wrapper layer for labels, validation, and repeatable field composition.",
+		icon: d,
+		category: "Forms",
+		exports: [
+			"FormFieldShell",
+			"FormInput",
+			"FormSelect",
+			"FormTextarea",
+			"FormSwitch",
+			"FormDatePicker"
+		],
+		href: j("form"),
+		status: "Stable",
+		features: [
+			"Field shell",
+			"Wrapped controls",
+			"Date helpers",
+			"Consistent validation"
+		]
+	},
+	{
+		slug: "display",
+		title: "Display",
+		description: "Metrics, activity, avatars, timelines and descriptive content surfaces.",
+		icon: ie,
+		category: "Data",
+		exports: [
+			"DescriptionList",
+			"Progress",
+			"PageState",
+			"Timeline",
+			"Statistic",
+			"InfoCard",
+			"ActivityFeed",
+			"StatusLegend",
+			"Avatar",
+			"DataState",
+			"ScrollBox"
+		],
+		href: j("display"),
+		status: "Stable",
+		features: [
+			"Metric grids",
+			"Timelines",
+			"Activity feeds",
+			"Status legends"
+		]
+	},
+	{
+		slug: "data-table",
+		title: "DataTable",
+		description: "Primary reusable data-grid system. Helper pieces stay secondary to the main table route.",
+		icon: v,
+		category: "Data",
+		exports: ["DataTable"],
+		href: j("data-table"),
+		status: "Stable",
+		features: [
+			"Toolbar",
+			"Selection",
+			"Row actions",
+			"Saved views",
+			"Pagination"
+		]
+	},
+	{
+		slug: "notifications",
+		title: "Notifications",
+		description: "Toast and notification surfaces for transient feedback, async completion, and unread activity.",
+		icon: o,
+		category: "Overlay",
+		exports: ["Toast", "NotificationCenter"],
+		href: j("notifications"),
+		status: "Preview",
+		features: [
+			"Toasts",
+			"Promise feedback",
+			"Unread activity",
+			"Status messaging"
+		]
+	},
+	{
+		slug: "command",
+		title: "Command",
+		description: "Command palette patterns for keyboard-driven discovery, search, grouped actions and async navigation.",
+		icon: y,
+		category: "Workflow",
+		exports: ["CommandPalette"],
+		href: j("command"),
+		status: "Preview",
+		features: [
+			"Command palette",
+			"Grouped actions",
+			"Async search",
+			"Keyboard discovery"
+		]
+	},
+	{
+		slug: "calendar",
+		title: "Calendar",
+		description: "Calendar, date picker and range picker flows for scheduling and reporting.",
+		icon: ae,
+		category: "Workflow",
+		exports: [
+			"DateUtils",
+			"Calendar",
+			"DatePicker",
+			"DateRangePicker"
+		],
+		href: j("calendar"),
+		status: "Stable",
+		features: [
+			"Date picker",
+			"Range picker",
+			"Scheduling flows"
+		]
+	},
+	{
+		slug: "upload",
+		title: "Upload",
+		description: "File and image upload surfaces with preview-friendly interaction patterns.",
+		icon: te,
+		category: "Workflow",
+		exports: ["FileUpload", "ImageUpload"],
+		href: j("upload"),
+		status: "Preview",
+		features: [
+			"File upload",
+			"Image upload",
+			"Attachment flows"
+		]
+	},
+	{
+		slug: "wizard",
+		title: "Wizard",
+		description: "Stepper and multi-step workflow patterns for onboarding and guided flows.",
+		icon: x,
+		category: "Workflow",
+		exports: ["Stepper", "Wizard"],
+		href: j("wizard"),
+		status: "Stable",
+		features: [
+			"Step flow",
+			"Guided forms",
+			"Progress state"
+		]
+	}
+], it = [
+	{
+		label: "Docs",
+		href: D
+	},
+	{
+		label: "Installation",
+		href: "/docs/installation"
+	},
+	{
+		label: "Components",
+		href: "/components"
+	},
+	{
+		label: "Search",
+		href: "/search"
+	},
+	{
+		label: "Changelog",
+		href: "/changelog"
+	}
+], at = [{
+	title: "Getting Started",
+	items: [
+		{
+			label: "Overview",
+			href: D,
+			icon: s
+		},
+		{
+			label: "Installation",
+			href: "/docs/installation",
+			icon: l
+		},
+		{
+			label: "Components catalog",
+			href: "/components",
+			icon: u
+		},
+		{
+			label: "Changelog",
+			href: "/changelog",
+			icon: d
+		}
+	]
+}, ...N.map((e) => ({
+	title: e,
+	items: R(e, k)
+})).filter((e) => e.items.length > 0)], ot = [{
+	title: "Getting Started",
+	items: [
+		{
+			label: "Introduction",
+			href: "/playground/button",
+			icon: s
+		},
+		{
+			label: "Installation",
+			href: A("button"),
+			icon: l
+		},
+		{
+			label: "Theming",
+			href: A("button"),
+			icon: _
+		},
+		{
+			label: "Tokens",
+			href: A("badge"),
+			icon: oe
+		},
+		{
+			label: "Icon Library",
+			href: A("popover"),
+			icon: ae
+		}
+	]
+}, ...N.map((e) => ({
+	title: e,
+	items: R(e, A)
+})).filter((e) => e.items.length > 0)], st = [
+	"All blocks",
+	"Dashboard",
+	"Auth",
+	"Table",
+	"Settings",
+	"Pricing",
+	"Product",
+	"Marketing"
+], ct = [
+	"All layouts",
+	"Application",
+	"Marketing"
+], lt = [
+	"All themes",
+	"Light",
+	"Soft"
+], ut = ["Popular", "A-Z"], dt = [
+	{
+		title: "Application blocks",
+		text: "Dashboard, table and settings blocks should show route structure, visible actions and realistic operational density.",
+		items: [
+			"Sidebar shell",
+			"Toolbar actions",
+			"Table states",
+			"Settings surfaces"
+		]
+	},
+	{
+		title: "Entry and conversion blocks",
+		text: "Auth, pricing, product and marketing blocks should explain trust, conversion hierarchy and where the section fits in a larger page flow.",
+		items: [
+			"Form blocks",
+			"CTA hierarchy",
+			"Proof points",
+			"Responsive sections"
+		]
+	},
+	{
+		title: "Reusable block library",
+		text: "Every block card should show its category, where it fits, and which route opens the richer preview or template detail view.",
+		items: [
+			"Category label",
+			"Usage notes",
+			"Preview action",
+			"Install path"
+		]
+	}
+], ft = {
+	slug: "dashboard-starter",
+	title: "Modern Dashboard",
+	description: "Clean dashboard with analytics, charts, and activity tables.",
+	bestFor: "Dashboard entry sections, KPI headers, recent activity, and operational overview surfaces.",
+	category: "Dashboard",
+	tags: [
+		"Dashboard",
+		"Analytics",
+		"Charts",
+		"Overview"
+	],
+	uses: [
+		"Sidebar",
+		"Section",
+		"Statistic",
+		"DataTable"
+	],
+	tone: "from-emerald-50 via-white to-sky-50",
+	href: M("dashboard-starter"),
+	previewHref: "/preview/blocks/dashboard-01",
+	previewTone: "dashboard",
+	layout: "Application",
+	theme: "Soft",
+	relatedTemplateSlug: "dashboard-starter",
+	installSteps: [
+		"Run `npx tembro init` and make sure the dashboard route already has theme tokens loaded.",
+		"Copy the shell section into an authenticated page and connect it to live KPI and activity data.",
+		"Keep the block focused on one overview slice instead of turning it into a full page shell."
+	],
+	dependencyGroups: [
+		"Layout shell",
+		"Metric cards",
+		"Table primitives",
+		"Action buttons"
+	],
+	copyTargets: [
+		"components/blocks/dashboard/overview-shell.tsx",
+		"components/blocks/dashboard/metric-row.tsx",
+		"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."]
+}, pt = [
+	{
+		slug: "sidebar-layout",
+		title: "Sidebar Layout",
+		description: "Application shell with responsive sidebar.",
+		bestFor: "Route-level shells that need stable navigation, app header actions, and one main content zone.",
+		category: "Dashboard",
+		tags: [
+			"Navigation",
+			"Shell",
+			"Analytics"
+		],
+		uses: [
+			"Sidebar",
+			"Section",
+			"Button"
+		],
+		tone: "from-[color:var(--aui-page-bg-alt)] to-[color:var(--aui-page-bg)]",
+		href: M("sidebar-layout"),
+		previewHref: "/preview/blocks/dashboard-01",
+		previewTone: "dashboard",
+		layout: "Application",
+		theme: "Light",
+		relatedTemplateSlug: "dashboard-starter",
+		installSteps: [
+			"Run `npx tembro init` and mount the shell inside an authenticated route group.",
+			"Wire navigation items and header actions before copying child content zones into the shell.",
+			"Keep the shell generic enough to reuse across more than one application page."
+		],
+		dependencyGroups: [
+			"App shell",
+			"Sidebar navigation",
+			"Page header",
+			"Action controls"
+		],
+		copyTargets: ["components/blocks/layout/sidebar-layout.tsx", "components/navigation/app-sidebar.tsx"],
+		notes: ["Do not use this block for a whole admin app export; it is one shell slice, not the full template.", "Navigation depth and section order should come from the app route model, not from hardcoded demo labels."]
+	},
+	{
+		slug: "crm-dashboard",
+		title: "CRM Dashboard",
+		description: "Sales pipeline and deals management.",
+		bestFor: "Pipeline snapshots, team handoff sections, and account-focused operational dashboards.",
+		category: "Product",
+		tags: [
+			"CRM",
+			"Pipeline",
+			"Kanban"
+		],
+		uses: [
+			"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: M("crm-dashboard"),
+		previewTone: "crm",
+		layout: "Application",
+		theme: "Soft",
+		relatedTemplateSlug: "crm-dashboard",
+		installSteps: [
+			"Run `npx tembro init` and reuse the CRM block inside an existing workspace route.",
+			"Connect stage counts, owners, and next actions to live CRM entities before release.",
+			"Escalate to the CRM template only when the page needs reports, settings, and multiple sections together."
+		],
+		dependencyGroups: [
+			"Stage summaries",
+			"Owner badges",
+			"Activity feed",
+			"Tabs and headers"
+		],
+		copyTargets: ["components/blocks/crm/pipeline-summary.tsx", "components/blocks/crm/account-activity.tsx"],
+		notes: ["CRM sections lose clarity when actions are hidden; keep stage, owner, and next-step signals visible.", "This block should stay narrower than the full CRM workspace template."]
+	},
+	{
+		slug: "users-table",
+		title: "Users Table",
+		description: "Advanced table with filters and actions.",
+		bestFor: "Management tables with filters, row actions, bulk actions, and compact result scanning.",
+		category: "Table",
+		tags: [
+			"Data",
+			"Filters",
+			"Bulk actions"
+		],
+		uses: [
+			"DataTable",
+			"PageToolbar",
+			"Button",
+			"Badge"
+		],
+		tone: "from-[color:var(--aui-page-bg-alt)] to-[color:var(--aui-page-bg)]",
+		href: M("users-table"),
+		previewHref: "/preview/blocks/table-01",
+		previewTone: "table",
+		layout: "Application",
+		theme: "Light",
+		relatedTemplateSlug: "dashboard-starter",
+		installSteps: [
+			"Run `npx tembro init` and move the table block into the target resource page.",
+			"Map columns, row identifiers, and action callbacks to your real API contract.",
+			"Keep pagination, filters, and bulk actions aligned with backend capabilities."
+		],
+		dependencyGroups: [
+			"Data table",
+			"Toolbar filters",
+			"Bulk actions",
+			"Status badges"
+		],
+		copyTargets: ["components/blocks/tables/users-table.tsx", "components/blocks/tables/table-toolbar.tsx"],
+		notes: ["Prefer this block for one resource section; use a template when the whole page needs navigation and surrounding analytics.", "Do not treat demo filters as final product logic; they are only structural placeholders."]
+	},
+	{
+		slug: "auth-sign-in",
+		title: "Auth Sign In",
+		description: "Minimal sign in form with social login.",
+		bestFor: "Entry flows that need one focused sign-in surface, trust copy, and a compact auth action stack.",
+		category: "Auth",
+		tags: [
+			"Sign in",
+			"Form",
+			"Trust"
+		],
+		uses: [
+			"Card",
+			"Input",
+			"Button",
+			"Badge"
+		],
+		tone: "from-[color:color-mix(in_oklch,var(--aui-warning)_12%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]",
+		href: M("auth-sign-in"),
+		previewHref: "/preview/blocks/auth-01",
+		previewTone: "auth",
+		layout: "Marketing",
+		theme: "Light",
+		relatedTemplateSlug: "dashboard-starter",
+		installSteps: [
+			"Run `npx tembro init` and mount the auth block on a public or gated entry route.",
+			"Replace demo trust copy, OAuth providers, and field labels with your real auth contract.",
+			"Use the wider auth or app template only when onboarding needs multiple steps or side content."
+		],
+		dependencyGroups: [
+			"Form fields",
+			"Card shell",
+			"Primary CTA",
+			"Trust badges"
+		],
+		copyTargets: ["components/blocks/auth/sign-in-card.tsx", "components/blocks/auth/social-auth-row.tsx"],
+		notes: ["Keep this block conversion-focused; avoid adding unrelated settings or dashboard content to the same surface.", "Auth blocks should show trust and hierarchy clearly on mobile before they are shipped."]
+	},
+	{
+		slug: "settings-form",
+		title: "Settings Form",
+		description: "Profile and preferences settings form.",
+		bestFor: "One bounded settings section with fields, toggles, save actions, and light explanatory copy.",
+		category: "Settings",
+		tags: [
+			"Profile",
+			"Preferences",
+			"Form"
+		],
+		uses: [
+			"FormFieldShell",
+			"Input",
+			"Switch",
+			"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: M("settings-form"),
+		previewTone: "settings",
+		layout: "Application",
+		theme: "Light",
+		relatedTemplateSlug: "dashboard-starter",
+		installSteps: [
+			"Run `npx tembro init` and place the settings block inside an existing account or workspace page.",
+			"Wire field state, validation, and save feedback to your app settings contract.",
+			"Only move to a larger settings template when multiple settings areas need shared navigation."
+		],
+		dependencyGroups: [
+			"Form wrappers",
+			"Inputs and switches",
+			"Save actions",
+			"Inline helper text"
+		],
+		copyTargets: ["components/blocks/settings/profile-form.tsx", "components/blocks/settings/preferences-section.tsx"],
+		notes: ["This block is for one settings slice, not an entire account management surface.", "Keep destructive account actions separate from routine preference editing."]
+	},
+	{
+		slug: "invoices-page",
+		title: "Invoices Page",
+		description: "Invoices list with status and actions.",
+		bestFor: "Billing or finance tables that need status columns, invoice actions, and readable operational totals.",
+		category: "Table",
+		tags: [
+			"Finance",
+			"Invoices",
+			"Status"
+		],
+		uses: [
+			"DataTable",
+			"Badge",
+			"Button",
+			"ResourcePage"
+		],
+		tone: "from-[color:color-mix(in_oklch,var(--aui-accent)_12%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]",
+		href: M("invoices-page"),
+		previewHref: "/preview/blocks/table-01",
+		previewTone: "table",
+		layout: "Application",
+		theme: "Soft",
+		relatedTemplateSlug: "dashboard-starter",
+		installSteps: [
+			"Run `npx tembro init` and copy the invoice block into the billing route.",
+			"Connect payment status, row actions, and export flows to real finance data.",
+			"Keep summaries close to the table instead of turning the block into a full finance dashboard."
+		],
+		dependencyGroups: [
+			"Table rows",
+			"Invoice status badges",
+			"Header actions",
+			"Finance filters"
+		],
+		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 = T, ht = [
+	[
+		"variant",
+		"'default' | 'secondary' | ...",
+		"'default'",
+		"The visual style of the button."
+	],
+	[
+		"size",
+		"'xs' | 'sm' | 'md' | 'lg' | 'xl'",
+		"'md'",
+		"The size of the button."
+	],
+	[
+		"asChild",
+		"boolean",
+		"false",
+		"Render as a child element using Slot."
+	],
+	[
+		"disabled",
+		"boolean",
+		"false",
+		"Disables the button."
+	],
+	[
+		"className",
+		"string",
+		"-",
+		"Additional CSS classes."
+	],
+	[
+		"onClick",
+		"(e: MouseEvent) => void",
+		"-",
+		"Click event handler."
+	]
+], gt = [
+	"Installation",
+	"Variations",
+	"Sizes",
+	"States",
+	"Icon buttons",
+	"Block button",
+	"Examples",
+	"API Reference",
+	"Accessibility"
+], _t = [
+	{
+		title: "Action buttons",
+		cta: "Save changes"
+	},
+	{
+		title: "Icon with text",
+		cta: "Send message"
+	},
+	{
+		title: "Loading state",
+		cta: "Processing..."
+	},
+	{
+		title: "Destructive action",
+		cta: "Delete item"
+	}
+], vt = [
+	"Tab to focus",
+	"Visible focus ring",
+	"Enter / Space to activate"
+], yt = [
+	"Role: button",
+	"Name is programmatically determinable",
+	"Minimum touch target (44x44px)",
+	"Sufficient color contrast"
+], bt = [
+	{
+		title: "Home",
+		description: "Open the landing page with the product overview.",
+		href: "/",
+		group: "Docs",
+		shortcut: "H",
+		keywords: [
+			"home",
+			"landing",
+			"overview",
+			"introduction"
+		]
+	},
+	{
+		title: "Blocks",
+		description: "Browse reusable blocks and layout sections.",
+		href: "/blocks",
+		group: "Blocks",
+		shortcut: "B",
+		featured: !0,
+		keywords: [
+			"blocks",
+			"catalog",
+			"templates",
+			"dashboards",
+			"marketing",
+			"layout patterns"
+		]
+	},
+	{
+		title: "Components",
+		description: "Browse component docs and related modules.",
+		href: "/components",
+		group: "Docs",
+		shortcut: "C",
+		keywords: [
+			"components",
+			"catalog",
+			"docs",
+			"family",
+			"category"
+		]
+	},
+	{
+		title: "Developer inventory",
+		description: "Open the export inventory with primary components, groups, and member routes.",
+		href: "/components/registry",
+		group: "Docs",
+		shortcut: "R",
+		keywords: [
+			"developer inventory",
+			"registry",
+			"inventory",
+			"exports",
+			"component list",
+			"source of truth"
+		]
+	},
+	{
+		title: "Changelog",
+		description: "Read release notes and track API and docs changes.",
+		href: "/changelog",
+		group: "Docs",
+		shortcut: "L",
+		keywords: [
+			"changelog",
+			"release",
+			"history",
+			"changes",
+			"version"
+		]
+	},
+	{
+		title: "Command page",
+		description: "Open the full route index and quick command page.",
+		href: "/command",
+		group: "Docs",
+		shortcut: "K",
+		keywords: [
+			"command",
+			"search",
+			"palette",
+			"route index",
+			"jump"
+		]
+	},
+	{
+		title: "Installation",
+		description: "Initialize the project, write theme tokens, and copy working CLI commands.",
+		href: "/docs/installation",
+		group: "Docs",
+		shortcut: "I",
+		featured: !0,
+		keywords: [
+			"installation",
+			"setup",
+			"npm",
+			"theme",
+			"tembro",
+			"cli"
+		]
+	},
+	{
+		title: "Next.js installation",
+		description: "Initialize tembro in a Next.js app and write local component files.",
+		href: "/docs/installation/next",
+		group: "Docs",
+		shortcut: "I",
+		keywords: [
+			"installation",
+			"next",
+			"nextjs",
+			"setup",
+			"init",
+			"tailwind",
+			"cli"
+		]
+	},
+	{
+		title: "Vite installation",
+		description: "Initialize tembro in a Vite app and write local component files.",
+		href: "/docs/installation/vite",
+		group: "Docs",
+		shortcut: "I",
+		keywords: [
+			"installation",
+			"vite",
+			"setup",
+			"init",
+			"tailwind",
+			"cli"
+		]
+	},
+	...Z().flatMap((e) => [{
+		title: e.title,
+		description: e.description,
+		href: `/components/${e.slug}`,
+		group: "Components",
+		shortcut: "C",
+		featured: e.slug === "button" || e.slug === "input" || e.slug === "dialog" || e.slug === "select" || e.slug === "card",
+		keywords: [
+			e.slug,
+			e.title,
+			e.category,
+			L(e.slug),
+			Ze(e.slug),
+			...e.features,
+			"component",
+			"detail",
+			"usage",
+			"installation"
+		]
+	}]),
+	...Q().map((e) => ({
+		title: `${e.title} in ${e.surfaceTitle}`,
+		description: `${e.summary} Documented inside the ${e.surfaceTitle} surface under ${e.sectionLabel.toLowerCase()}.`,
+		href: e.href,
+		group: "Components",
+		shortcut: "M",
+		keywords: [
+			e.title,
+			e.slug,
+			e.component,
+			e.surfaceTitle,
+			e.surfaceSlug,
+			e.sectionLabel,
+			e.maturity,
+			"member",
+			"surface",
+			"variant",
+			"wrapper"
+		]
+	})),
+	...$.map((e) => ({
+		title: `${e.title} group`,
+		description: `${e.description} Open the grouped docs surface for related exports and usage boundaries.`,
+		href: e.href,
+		group: "Components",
+		shortcut: "F",
+		featured: e.slug === "data-table" || e.slug === "form" || e.slug === "layout",
+		keywords: [
+			e.slug,
+			e.title,
+			e.category,
+			...e.features,
+			...e.exports,
+			"component group",
+			"catalog",
+			"system"
+		]
+	})),
+	...$.flatMap((e) => e.exports.map((t) => ({
+		title: `${t} API`,
+		description: `${e.title} export detail with import path, related docs and usage context.`,
+		href: Ee(e.slug, t),
+		group: "Components",
+		shortcut: "E",
+		keywords: [
+			t,
+			e.title,
+			e.slug,
+			...e.features,
+			"export",
+			"api",
+			"component"
+		]
+	})))
+];
+//#endregion
+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 };