tembro 1.0.3 → 2.0.0

package/dist/showcase/site-data.js

@@ -1,13 +1,9 @@
-import { componentDocsGroups as e } from "../families/docs-groups.js";
-import { getComponentDocsAdoption as t } from "../families/docs-adoption.js";
-import { resolveDocsRoute as n } from "../families/docs-routing.js";
-import { getDocsGroupDetail as r } from "../families/docs-queries.js";
-import { comparePublicComponentSurfaceOrder as i, isPublicComponentSurfaceSlug as a } from "../public-component-surface.js";
-import ee from "./tembro-registry.json.js";
-import { PACKAGE_LATEST_RELEASE_DATE as te, PACKAGE_LATEST_VERSION as ne } from "./package-meta.js";
-import { AlertCircleIcon as o, BadgeIcon as s, BellIcon as re, BlocksIcon as c, BookOpenIcon as l, BoxIcon as u, CalendarClockIcon as d, ChevronRightIcon as f, ComponentIcon as p, CreditCardIcon as ie, DatabaseIcon as m, FileTextIcon as h, FormInputIcon as g, Grid2x2Icon as ae, Layers3Icon as oe, LayoutDashboardIcon as _, MousePointerClickIcon as v, PanelTopIcon as y, ShieldCheckIcon as b, SlidersHorizontalIcon as x, SmartphoneIcon as S, SparklesIcon as C, Table2Icon as w, TerminalSquareIcon as T, ToggleLeftIcon as E, WalletIcon as se, WorkflowIcon as D } from "lucide-react";
+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";
 //#region src/showcase/site-data.tsx
-var O = [
+var C = [
 	[
 		"control",
 		"Control<TFieldValues>",
@@ -50,21 +46,21 @@ var O = [
 		"-",
 		"Optional error override instead of default form state message."
 	]
-], k = [
+], w = [
 	"RHF control wiring",
 	"name-based field registration",
 	"error and required visual states",
 	"validation contract",
 	"label/description consistency",
 	"disabled/readOnly handling"
-], ce = "tembro", A = "tembro", le = "tembro", ue = "azamat-ui", de = `npx ${A} init --template next --defaults`, fe = `npx ${A} init --template vite --defaults`, pe = `npx ${A} add button form-input`, j = `${de}\n${pe}`, me = `npx ${A} --help`, he = `npx ${A} theme`, ge = "https://www.npmjs.com/package/tembro", M = "https://github.com/AzamatJurayev-dev/tembro", N = `${M}/releases`, P = "https://github.com/AzamatJurayev-dev/azamat-ui", _e = N, ve = `${P}/releases`, F = "/docs", I = [{
-	version: ne,
-	date: te,
+], 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 = [{
+	version: i,
+	date: r,
 	status: "Published",
 	summary: "Expanded the registry with newer dashboard, input, badge, sidebar, and notification primitives.",
 	notes: [
 		"Registry truth now includes `accordion`, `sidebar`, `trend-card`, `delta-badge`, `entity-header`, `notification-center`, and `command-bar`.",
-		"Family metadata was refreshed so docs can group canonical surfaces and related members more accurately.",
+		"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."
 	]
 }, {
@@ -73,11 +69,11 @@ var O = [
 	status: "Published",
 	summary: "Refined grouped docs and related-surface mapping.",
 	notes: [
-		"Input, Select, Card, Badge, Overlay, Form, and Data Table families were aligned with the latest public exports.",
+		"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."
 	]
-}], ye = I[0]?.version ?? "1.0.0", be = I[0]?.date ?? "July 7, 2026", L = (e) => `/components/${e}`, R = (e) => `/playground/${e}`, z = (e) => `/components/${e}`, B = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/\s+/g, "-").toLowerCase(), xe = (e, t) => `/components/${e}/${B(t)}`, Se = (e) => `/templates/${e}`, V = (e) => `/blocks/${e}`, H = [
+}], xe = A[0]?.version ?? "2.0.0", Se = A[0]?.date ?? "July 7, 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 = [
 	"Primitives",
 	"Form Controls",
 	"Overlay",
@@ -85,7 +81,7 @@ var O = [
 	"Layout",
 	"Feedback",
 	"Patterns"
-], Ce = {
+], I = {
 	Primitives: {
 		title: "Primitives",
 		description: "Foundation components for actions, text entry, compact layout and small state changes.",
@@ -128,7 +124,7 @@ var O = [
 		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."
 	}
-}, we = new Set([
+}, Ee = new Set([
 	"button",
 	"input",
 	"textarea",
@@ -139,7 +135,7 @@ var O = [
 	"tabs",
 	"collapse",
 	"kbd"
-]), Te = new Set(/* @__PURE__ */ "select.simple-select.async-select.async-multi-select.combobox.radio-group.number-input.date-input.date-range-input.date-picker.date-range-picker.form-field-shell.form-input.form-select.form-async-select.form-textarea.form-switch.form-search-input.form-password-input.form-number-input.form-phone-input.form-date-input.form-date-range-input.form-date-picker.form-date-range-picker.phone-input.masked-input.money-input.quantity-input".split(".")), Ee = new Set([
+]), De = new Set(/* @__PURE__ */ "select.simple-select.async-select.async-multi-select.combobox.radio-group.number-input.date-input.date-range-input.date-picker.date-range-picker.form-field-shell.form-input.form-select.form-async-select.form-textarea.form-switch.form-search-input.form-password-input.form-number-input.form-phone-input.form-date-input.form-date-range-input.form-date-picker.form-date-range-picker.phone-input.masked-input.money-input.quantity-input".split(".")), Oe = new Set([
 	"dialog",
 	"popover",
 	"dropdown-menu",
@@ -150,7 +146,7 @@ var O = [
 	"sheet-shell",
 	"alert-dialog",
 	"drawer"
-]), De = new Set([
+]), ke = new Set([
 	"sidebar",
 	"app-sidebar",
 	"app-shell",
@@ -161,12 +157,12 @@ var O = [
 	"app-header",
 	"section-header",
 	"sticky-footer-bar"
-]), Oe = new Set([
+]), Ae = new Set([
 	"toast",
 	"loading-state",
 	"empty-state",
 	"result"
-]), ke = new Set(["form-builder"]), Ae = new Map([
+]), je = new Set(["form-builder"]), L = new Map([
 	["app-sidebar", "sidebar"],
 	["confirm-action", "confirm-dialog"],
 	["file-dropzone", "upload"],
@@ -177,32 +173,32 @@ var O = [
 	["side-panel", "sidebar"],
 	["status-dot", "status-legend"]
 ]);
-function U(e) {
-	return Ae.get(e) ?? e;
+function R(e) {
+	return L.get(e) ?? e;
 }
-function W(e) {
-	return we.has(e) ? "Primitives" : Te.has(e) ? "Form Controls" : Ee.has(e) ? "Overlay" : De.has(e) ? "Layout" : Oe.has(e) ? "Feedback" : ke.has(e) ? "Patterns" : "Data Display";
+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 je(e) {
-	return Ce[W(e)];
+function Me(e) {
+	return I[z(e)];
 }
-function Me(e, t) {
-	return q.filter((t) => W(t.slug) === e).map((e) => ({
+function B(e, t) {
+	return G.filter((t) => z(t.slug) === e).map((e) => ({
 		label: e.title,
 		href: t(e.slug),
 		icon: e.icon,
 		badge: e.status
 	}));
 }
-var Ne = [
+var V = [
 	{
 		slug: "button",
 		title: "Button",
 		description: "Trigger actions with multiple variants, sizes, icon positions and loading states.",
-		icon: v,
+		icon: h,
 		category: "Components",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"variant",
@@ -252,10 +248,10 @@ var Ne = [
 		slug: "input",
 		title: "Input",
 		description: "Primary text-entry surface for forms, filters, and compact editor layouts before moving into presets.",
-		icon: g,
+		icon: p,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"value",
@@ -311,10 +307,10 @@ var Ne = [
 		slug: "textarea",
 		title: "Textarea",
 		description: "Multi-line input with autosizing-friendly layout for notes, messages and long-form data.",
-		icon: h,
+		icon: f,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"placeholder",
@@ -358,10 +354,10 @@ var Ne = [
 		slug: "select",
 		title: "Select",
 		description: "Primary selection surface for lists, status filters, and compact forms before moving into members.",
-		icon: p,
+		icon: u,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"value",
@@ -417,10 +413,10 @@ var Ne = [
 		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: p,
+		icon: u,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"options",
@@ -482,10 +478,10 @@ var Ne = [
 		slug: "async-select",
 		title: "Async Select",
 		description: "Remote-aware select for search-driven datasets, edit hydration, and production loading or empty states.",
-		icon: p,
+		icon: u,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"value",
@@ -571,10 +567,10 @@ var Ne = [
 		slug: "async-multi-select",
 		title: "Async Multi Select",
 		description: "Remote-aware multi-select member with visible tags, limits, and create/select-all helpers.",
-		icon: p,
+		icon: u,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"selectedOptions",
@@ -648,10 +644,10 @@ var Ne = [
 		slug: "combobox",
 		title: "Combobox",
 		description: "Keyboard-first local filtering member for assignment flows and command-style lists.",
-		icon: p,
+		icon: u,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"options",
@@ -707,10 +703,10 @@ var Ne = [
 		slug: "number-input",
 		title: "Number Input",
 		description: "Numeric entry with parsing, constraints, and precise change semantics.",
-		icon: E,
+		icon: x,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"value",
@@ -778,10 +774,10 @@ var Ne = [
 		slug: "date-input",
 		title: "Date Input",
 		description: "Native-like date input with ISO-style string contract, min/max constraints and clear disabled state.",
-		icon: d,
+		icon: c,
 		category: "Forms",
 		status: "Preview",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"value",
@@ -837,10 +833,10 @@ var Ne = [
 		slug: "date-range-input",
 		title: "Date Range Input",
 		description: "Date range value with `from` / `to` boundaries for filters and reporting windows.",
-		icon: d,
+		icon: c,
 		category: "Forms",
 		status: "Preview",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"value",
@@ -896,10 +892,10 @@ var Ne = [
 		slug: "date-picker",
 		title: "Date Picker",
 		description: "Popover-based date picker optimized for form fields and action buttons.",
-		icon: d,
+		icon: c,
 		category: "Forms",
 		status: "Preview",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"value",
@@ -961,10 +957,10 @@ var Ne = [
 		slug: "date-range-picker",
 		title: "Date Range Picker",
 		description: "Popover date-range picker for period selection with constrained windows.",
-		icon: d,
+		icon: c,
 		category: "Forms",
 		status: "Preview",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"value",
@@ -1026,10 +1022,10 @@ var Ne = [
 		slug: "form-field-shell",
 		title: "Form Field Shell",
 		description: "Composable field shell that standardizes label, description, layout, errors and required markers.",
-		icon: h,
+		icon: f,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"label",
@@ -1104,12 +1100,12 @@ var Ne = [
 		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: g,
+		icon: p,
 		category: "Forms",
 		status: "Preview",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
-			...O,
+			...C,
 			[
 				"kind",
 				"'text' | 'search' | 'password' | 'number' | 'phone' | 'date'",
@@ -1142,7 +1138,7 @@ var Ne = [
 			]
 		],
 		features: [
-			...k,
+			...w,
 			"Universal `kind` variants",
 			"Error text and message flow",
 			"Single wrapper migration path"
@@ -1152,12 +1148,12 @@ var Ne = [
 		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: p,
+		icon: u,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
-			...O,
+			...C,
 			[
 				"kind",
 				"'simple' | 'async'",
@@ -1184,7 +1180,7 @@ var Ne = [
 			]
 		],
 		features: [
-			...k,
+			...w,
 			"Simple + async under one API",
 			"Form-driven value control",
 			"Clear/empty handling"
@@ -1194,12 +1190,12 @@ var Ne = [
 		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: p,
+		icon: u,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
-			...O,
+			...C,
 			[
 				"loadOptions",
 				"(search: string) => Promise<AsyncSelectOption[]>",
@@ -1226,7 +1222,7 @@ var Ne = [
 			]
 		],
 		features: [
-			...k,
+			...w,
 			"Compatibility alias",
 			"Remote options",
 			"Hydration support"
@@ -1236,12 +1232,12 @@ var Ne = [
 		slug: "form-textarea",
 		title: "Form Textarea",
 		description: "RHF textarea wrapper with shell-level validation messages and descriptions.",
-		icon: h,
+		icon: f,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
-			...O,
+			...C,
 			[
 				"rows",
 				"number",
@@ -1268,7 +1264,7 @@ var Ne = [
 			]
 		],
 		features: [
-			...k,
+			...w,
 			"Long text support",
 			"Error placement",
 			"Description + helper states"
@@ -1278,12 +1274,12 @@ var Ne = [
 		slug: "form-switch",
 		title: "Form Switch",
 		description: "RHF switch wrapper with binary payload and shell-level feedback.",
-		icon: E,
+		icon: x,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
-			...O,
+			...C,
 			[
 				"checked",
 				"boolean",
@@ -1304,7 +1300,7 @@ var Ne = [
 			]
 		],
 		features: [
-			...k,
+			...w,
 			"Boolean value contract",
 			"Readable shell errors",
 			"Disabled states"
@@ -1314,12 +1310,12 @@ var Ne = [
 		slug: "form-search-input",
 		title: "Form Search Input",
 		description: "Compatibility alias for `FormInput kind=\"search\"`. Keep existing routes stable while new work adopts the universal wrapper.",
-		icon: p,
+		icon: u,
 		category: "Forms",
 		status: "Preview",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
-			...O,
+			...C,
 			[
 				"clearLabel",
 				"string",
@@ -1346,7 +1342,7 @@ var Ne = [
 			]
 		],
 		features: [
-			...k,
+			...w,
 			"Compatibility alias",
 			"Clear action",
 			"Query-driven usage"
@@ -1356,12 +1352,12 @@ var Ne = [
 		slug: "form-password-input",
 		title: "Form Password Input",
 		description: "Compatibility alias for `FormInput kind=\"password\"` so migration does not break existing imports.",
-		icon: g,
+		icon: p,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
-			...O,
+			...C,
 			[
 				"showToggle",
 				"boolean",
@@ -1382,7 +1378,7 @@ var Ne = [
 			]
 		],
 		features: [
-			...k,
+			...w,
 			"Compatibility alias",
 			"Password masking",
 			"Validation-first UX"
@@ -1392,12 +1388,12 @@ var Ne = [
 		slug: "form-number-input",
 		title: "Form Number Input",
 		description: "Compatibility alias for `FormInput kind=\"number\"`. Prefer the universal wrapper for new numeric fields.",
-		icon: E,
+		icon: x,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
-			...O,
+			...C,
 			[
 				"min",
 				"number",
@@ -1430,7 +1426,7 @@ var Ne = [
 			]
 		],
 		features: [
-			...k,
+			...w,
 			"Compatibility alias",
 			"Numeric parser contract",
 			"Boundary states"
@@ -1440,12 +1436,12 @@ var Ne = [
 		slug: "form-phone-input",
 		title: "Form Phone Input",
 		description: "Compatibility alias for `FormInput kind=\"phone\"` with the same shell contract and phone formatting behavior.",
-		icon: S,
+		icon: _,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
-			...O,
+			...C,
 			[
 				"defaultCountry",
 				"string",
@@ -1472,7 +1468,7 @@ var Ne = [
 			]
 		],
 		features: [
-			...k,
+			...w,
 			"Compatibility alias",
 			"Phone formatting",
 			"Validation integration"
@@ -1482,12 +1478,12 @@ var Ne = [
 		slug: "form-date-input",
 		title: "Form Date Input",
 		description: "Compatibility alias for `FormInput kind=\"date\"`. Use it only while older forms migrate to the universal wrapper.",
-		icon: d,
+		icon: c,
 		category: "Forms",
 		status: "Preview",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
-			...O,
+			...C,
 			[
 				"value",
 				"string",
@@ -1520,7 +1516,7 @@ var Ne = [
 			]
 		],
 		features: [
-			...k,
+			...w,
 			"Compatibility alias",
 			"Date contract clarity",
 			"Submit-safe string values"
@@ -1530,12 +1526,12 @@ var Ne = [
 		slug: "form-date-range-input",
 		title: "Form Date Range Input",
 		description: "RHF range input wrapper supporting from/to bounds and required range validation.",
-		icon: d,
+		icon: c,
 		category: "Forms",
 		status: "Preview",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
-			...O,
+			...C,
 			[
 				"value",
 				"{ from: string; to: string }",
@@ -1568,7 +1564,7 @@ var Ne = [
 			]
 		],
 		features: [
-			...k,
+			...w,
 			"Range required validation",
 			"from/to coordination",
 			"Filter-ready contract"
@@ -1578,12 +1574,12 @@ var Ne = [
 		slug: "form-date-picker",
 		title: "Form Date Picker",
 		description: "RHF popover date picker wrapper with shared validation and controlled submit flow.",
-		icon: d,
+		icon: c,
 		category: "Forms",
 		status: "Preview",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
-			...O,
+			...C,
 			[
 				"value",
 				"string",
@@ -1616,7 +1612,7 @@ var Ne = [
 			]
 		],
 		features: [
-			...k,
+			...w,
 			"Popover interaction",
 			"Range of disabled dates",
 			"Controlled popover state"
@@ -1626,12 +1622,12 @@ var Ne = [
 		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: d,
+		icon: c,
 		category: "Forms",
 		status: "Preview",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
-			...O,
+			...C,
 			[
 				"value",
 				"{ from: string; to: string }",
@@ -1664,7 +1660,7 @@ var Ne = [
 			]
 		],
 		features: [
-			...k,
+			...w,
 			"Range-specific validation",
 			"Date range constraints",
 			"Accessible error mapping"
@@ -1674,10 +1670,10 @@ var Ne = [
 		slug: "form-builder",
 		title: "Form Builder",
 		description: "RHF section builder for schema-driven forms with submit/reset and disabled/read-only modes.",
-		icon: h,
+		icon: f,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"control",
@@ -1747,10 +1743,10 @@ var Ne = [
 		slug: "radio-group",
 		title: "Radio Group",
 		description: "Single-choice grouped control for plans, density modes, and mutually exclusive settings.",
-		icon: E,
+		icon: x,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"options",
@@ -1800,10 +1796,10 @@ var Ne = [
 		slug: "phone-input",
 		title: "Phone Input",
 		description: "Localized phone number input with formatted display and consistent editing assumptions.",
-		icon: S,
+		icon: _,
 		category: "Forms",
 		status: "Preview",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"value",
@@ -1859,10 +1855,10 @@ var Ne = [
 		slug: "masked-input",
 		title: "Masked Input",
 		description: "Pattern-driven text input for IDs, codes and fixed-format strings.",
-		icon: S,
+		icon: _,
 		category: "Forms",
 		status: "Preview",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"value",
@@ -1918,10 +1914,10 @@ var Ne = [
 		slug: "money-input",
 		title: "Money Input",
 		description: "Currency-aware input with prefix/suffix and parsing helper for numeric payload.",
-		icon: se,
+		icon: ce,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"value",
@@ -1977,10 +1973,10 @@ var Ne = [
 		slug: "quantity-input",
 		title: "Quantity Input",
 		description: "Stepper-like numeric input for compact quantity and count constraints.",
-		icon: E,
+		icon: x,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"value",
@@ -2036,10 +2032,10 @@ var Ne = [
 		slug: "checkbox",
 		title: "Checkbox",
 		description: "Binary selection control for permissions, tasks and grouped form actions.",
-		icon: u,
+		icon: ne,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"checked",
@@ -2077,10 +2073,10 @@ var Ne = [
 		slug: "switch",
 		title: "Switch",
 		description: "On/off control for preferences, settings and lightweight toggles.",
-		icon: E,
+		icon: x,
 		category: "Forms",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"checked",
@@ -2118,10 +2114,10 @@ var Ne = [
 		slug: "badge",
 		title: "Badge",
 		description: "Small status surface for counts, labels, intents and inline metadata.",
-		icon: s,
+		icon: o,
 		category: "Components",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"variant",
@@ -2153,10 +2149,10 @@ var Ne = [
 		slug: "card",
 		title: "Card",
 		description: "Structured content container with header, content and footer slots.",
-		icon: _,
+		icon: m,
 		category: "Components",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"size",
@@ -2188,10 +2184,10 @@ var Ne = [
 		slug: "tabs",
 		title: "Tabs",
 		description: "Segmented navigation for switching views without leaving the current route.",
-		icon: oe,
+		icon: ae,
 		category: "Components",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"value",
@@ -2229,10 +2225,10 @@ var Ne = [
 		slug: "collapse",
 		title: "Collapse",
 		description: "Expandable disclosure surface for FAQs, dense settings, and progressive detail blocks.",
-		icon: D,
+		icon: S,
 		category: "Components",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"open",
@@ -2276,10 +2272,10 @@ var Ne = [
 		slug: "dialog",
 		title: "Dialog",
 		description: "Focused modal surface for confirmation flows, forms and destructive actions.",
-		icon: o,
+		icon: a,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"open",
@@ -2317,10 +2313,10 @@ var Ne = [
 		slug: "popover",
 		title: "Popover",
 		description: "Lightweight anchored overlay for context actions and compact helper content.",
-		icon: C,
+		icon: v,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"side",
@@ -2358,10 +2354,10 @@ var Ne = [
 		slug: "dropdown-menu",
 		title: "Dropdown Menu",
 		description: "Menu overlays with action, checkbox and radio items for dense navigation.",
-		icon: p,
+		icon: u,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"open",
@@ -2417,10 +2413,10 @@ var Ne = [
 		slug: "tooltip",
 		title: "Tooltip",
 		description: "Compact hover and focus hint for controls that need one short piece of guidance.",
-		icon: C,
+		icon: v,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"content",
@@ -2458,10 +2454,10 @@ var Ne = [
 		slug: "hover-card",
 		title: "Hover Card",
 		description: "Hover-revealed detail card for compact entity previews and secondary context.",
-		icon: C,
+		icon: v,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"trigger",
@@ -2499,10 +2495,10 @@ var Ne = [
 		slug: "right-click-menu",
 		title: "Right Click Menu",
 		description: "Context menu surface for dense workspaces that need pointer-driven secondary actions.",
-		icon: v,
+		icon: h,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"items",
@@ -2534,10 +2530,10 @@ var Ne = [
 		slug: "confirm-dialog",
 		title: "Confirm Dialog",
 		description: "Clear confirm overlays for safe destructive and irreversible actions.",
-		icon: o,
+		icon: a,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"open",
@@ -2599,10 +2595,10 @@ var Ne = [
 		slug: "modal-shell",
 		title: "Modal Shell",
 		description: "Composable shell for short focused forms, approvals, and information dialogs.",
-		icon: y,
+		icon: g,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"open",
@@ -2658,10 +2654,10 @@ var Ne = [
 		slug: "sheet-shell",
 		title: "Sheet Shell",
 		description: "Side anchored shell for contextual editing and mobile drawer flows.",
-		icon: y,
+		icon: g,
 		category: "Overlay",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"open",
@@ -2717,10 +2713,10 @@ var Ne = [
 		slug: "app-shell",
 		title: "App Shell",
 		description: "Compose dashboards and pages with header, sidebar, content, aside and mobile controls.",
-		icon: _,
+		icon: m,
 		category: "Components",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"header",
@@ -2788,10 +2784,10 @@ var Ne = [
 		slug: "sidebar",
 		title: "Sidebar",
 		description: "Reusable application sidebar with header, footer, active states, collapsed mode and custom link rendering.",
-		icon: _,
+		icon: m,
 		category: "Components",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"items",
@@ -2847,10 +2843,10 @@ var Ne = [
 		slug: "sidebar-nav",
 		title: "Sidebar Nav",
 		description: "Structured nav list with active/disabled states, route metadata and custom render hooks.",
-		icon: _,
+		icon: m,
 		category: "Components",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"items",
@@ -2900,10 +2896,10 @@ var Ne = [
 		slug: "breadcrumbs",
 		title: "Breadcrumbs",
 		description: "Navigation breadcrumbs with current context and optional custom link rendering.",
-		icon: f,
+		icon: l,
 		category: "Components",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"items",
@@ -2941,10 +2937,10 @@ var Ne = [
 		slug: "page-header",
 		title: "Page Header",
 		description: "Top-level page heading block with breadcrumbs, actions and optional meta area.",
-		icon: ie,
+		icon: re,
 		category: "Components",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"title",
@@ -3000,10 +2996,10 @@ var Ne = [
 		slug: "page-container",
 		title: "Page Container",
 		description: "Consistent width and spacing wrapper for page contents and responsive content density.",
-		icon: y,
+		icon: g,
 		category: "Components",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"size",
@@ -3035,10 +3031,10 @@ var Ne = [
 		slug: "metric-grid",
 		title: "Metric Grid",
 		description: "Compact KPI cards for dashboards with trend, icon and tone options.",
-		icon: m,
+		icon: d,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"items",
@@ -3076,10 +3072,10 @@ var Ne = [
 		slug: "info-card",
 		title: "Info Card",
 		description: "Flexible context card for summaries, metadata, quick actions, and supporting media inside real product surfaces.",
-		icon: h,
+		icon: f,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"eyebrow",
@@ -3141,10 +3137,10 @@ var Ne = [
 		slug: "activity-feed",
 		title: "Activity Feed",
 		description: "Timeline-like feed list for events, audits and recent activity surfaces.",
-		icon: s,
+		icon: o,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"items",
@@ -3200,10 +3196,10 @@ var Ne = [
 		slug: "empty-state",
 		title: "Empty State",
 		description: "Empty data state block with optional action affordance.",
-		icon: o,
+		icon: a,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"title",
@@ -3253,10 +3249,10 @@ var Ne = [
 		slug: "loading-state",
 		title: "Loading State",
 		description: "Simple loading placeholder block with label and description.",
-		icon: C,
+		icon: v,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"label",
@@ -3294,10 +3290,10 @@ var Ne = [
 		slug: "result",
 		title: "Result",
 		description: "Status result surface for success, warning, error and blocked/empty outcomes.",
-		icon: b,
+		icon: oe,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"status",
@@ -3353,10 +3349,10 @@ var Ne = [
 		slug: "scroll-box",
 		title: "Scroll Box",
 		description: "Scoped scrolling surface for dense lists, side panels, and bounded data regions.",
-		icon: y,
+		icon: g,
 		category: "Data Display",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"maxHeight",
@@ -3394,10 +3390,10 @@ var Ne = [
 		slug: "toast",
 		title: "Toast",
 		description: "Global transient messaging system with provider, placement and dismiss behavior.",
-		icon: b,
+		icon: oe,
 		category: "Components",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"children",
@@ -3453,10 +3449,10 @@ var Ne = [
 		slug: "table",
 		title: "Table primitive",
 		description: "Low-level semantic table pieces for internal composition, not the primary public data-grid showcase.",
-		icon: w,
+		icon: y,
 		category: "Data Display",
 		status: "Preview",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"className",
@@ -3488,10 +3484,10 @@ var Ne = [
 		slug: "kbd",
 		title: "Kbd",
 		description: "Keyboard hint token for shortcuts, command palettes, and focused action labels.",
-		icon: T,
+		icon: b,
 		category: "Components",
 		status: "Stable",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"size",
@@ -3529,10 +3525,10 @@ var Ne = [
 		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: w,
+		icon: y,
 		category: "Data Display",
 		status: "Preview",
-		installCommand: j,
+		installCommand: O,
 		propsRows: [
 			[
 				"columns",
@@ -3628,9 +3624,9 @@ var Ne = [
 			"Empty/loading/error states"
 		]
 	}
-], Pe = {
+], Ne = {
 	button: {
-		familySlugs: [
+		groupSlugs: [
 			"actions",
 			"navigation",
 			"layout"
@@ -3642,7 +3638,7 @@ var Ne = [
 		]
 	},
 	input: {
-		familySlugs: [
+		groupSlugs: [
 			"inputs",
 			"form",
 			"filters"
@@ -3654,7 +3650,7 @@ var Ne = [
 		]
 	},
 	textarea: {
-		familySlugs: [
+		groupSlugs: [
 			"inputs",
 			"form",
 			"layout"
@@ -3666,7 +3662,7 @@ var Ne = [
 		]
 	},
 	select: {
-		familySlugs: [
+		groupSlugs: [
 			"inputs",
 			"filters",
 			"overlay"
@@ -3679,7 +3675,7 @@ var Ne = [
 		]
 	},
 	"simple-select": {
-		familySlugs: [
+		groupSlugs: [
 			"inputs",
 			"form",
 			"filters"
@@ -3692,7 +3688,7 @@ var Ne = [
 		]
 	},
 	combobox: {
-		familySlugs: [
+		groupSlugs: [
 			"inputs",
 			"form",
 			"filters"
@@ -3705,7 +3701,7 @@ var Ne = [
 		]
 	},
 	"radio-group": {
-		familySlugs: ["inputs", "form"],
+		groupSlugs: ["inputs", "form"],
 		componentSlugs: [
 			"checkbox",
 			"switch",
@@ -3713,7 +3709,7 @@ var Ne = [
 		]
 	},
 	"async-select": {
-		familySlugs: [
+		groupSlugs: [
 			"inputs",
 			"form",
 			"filters"
@@ -3726,7 +3722,7 @@ var Ne = [
 		]
 	},
 	"async-multi-select": {
-		familySlugs: ["inputs", "form"],
+		groupSlugs: ["inputs", "form"],
 		componentSlugs: [
 			"select",
 			"async-select",
@@ -3735,7 +3731,7 @@ var Ne = [
 		]
 	},
 	"number-input": {
-		familySlugs: ["inputs", "form"],
+		groupSlugs: ["inputs", "form"],
 		componentSlugs: [
 			"money-input",
 			"quantity-input",
@@ -3743,7 +3739,7 @@ var Ne = [
 		]
 	},
 	"date-input": {
-		familySlugs: [
+		groupSlugs: [
 			"inputs",
 			"form",
 			"filters"
@@ -3757,7 +3753,7 @@ var Ne = [
 		]
 	},
 	"date-range-input": {
-		familySlugs: [
+		groupSlugs: [
 			"inputs",
 			"filters",
 			"form"
@@ -3770,7 +3766,7 @@ var Ne = [
 		]
 	},
 	"date-picker": {
-		familySlugs: [
+		groupSlugs: [
 			"inputs",
 			"form",
 			"display"
@@ -3782,7 +3778,7 @@ var Ne = [
 		]
 	},
 	"date-range-picker": {
-		familySlugs: [
+		groupSlugs: [
 			"inputs",
 			"form",
 			"filters"
@@ -3795,7 +3791,7 @@ var Ne = [
 		]
 	},
 	"form-field-shell": {
-		familySlugs: ["form"],
+		groupSlugs: ["form"],
 		componentSlugs: [
 			"form-input",
 			"form-select",
@@ -3807,7 +3803,7 @@ var Ne = [
 		]
 	},
 	"form-input": {
-		familySlugs: ["form", "inputs"],
+		groupSlugs: ["form", "inputs"],
 		componentSlugs: [
 			"form-field-shell",
 			"form-textarea",
@@ -3819,7 +3815,7 @@ var Ne = [
 		]
 	},
 	"form-select": {
-		familySlugs: ["form", "inputs"],
+		groupSlugs: ["form", "inputs"],
 		componentSlugs: [
 			"form-async-select",
 			"select",
@@ -3828,7 +3824,7 @@ var Ne = [
 		]
 	},
 	"form-async-select": {
-		familySlugs: ["form", "inputs"],
+		groupSlugs: ["form", "inputs"],
 		componentSlugs: [
 			"form-select",
 			"async-select",
@@ -3837,7 +3833,7 @@ var Ne = [
 		]
 	},
 	"form-textarea": {
-		familySlugs: ["form", "inputs"],
+		groupSlugs: ["form", "inputs"],
 		componentSlugs: [
 			"form-input",
 			"textarea",
@@ -3846,7 +3842,7 @@ var Ne = [
 		]
 	},
 	"form-switch": {
-		familySlugs: ["form", "inputs"],
+		groupSlugs: ["form", "inputs"],
 		componentSlugs: [
 			"form-field-shell",
 			"switch",
@@ -3855,7 +3851,7 @@ var Ne = [
 		]
 	},
 	"form-search-input": {
-		familySlugs: ["form", "inputs"],
+		groupSlugs: ["form", "inputs"],
 		componentSlugs: [
 			"form-input",
 			"input",
@@ -3863,7 +3859,7 @@ var Ne = [
 		]
 	},
 	"form-password-input": {
-		familySlugs: ["form", "inputs"],
+		groupSlugs: ["form", "inputs"],
 		componentSlugs: [
 			"form-input",
 			"input",
@@ -3871,7 +3867,7 @@ var Ne = [
 		]
 	},
 	"form-number-input": {
-		familySlugs: ["form", "inputs"],
+		groupSlugs: ["form", "inputs"],
 		componentSlugs: [
 			"number-input",
 			"money-input",
@@ -3881,7 +3877,7 @@ var Ne = [
 		]
 	},
 	"form-phone-input": {
-		familySlugs: ["form", "inputs"],
+		groupSlugs: ["form", "inputs"],
 		componentSlugs: [
 			"phone-input",
 			"form-input",
@@ -3890,7 +3886,7 @@ var Ne = [
 		]
 	},
 	"form-date-input": {
-		familySlugs: ["form", "inputs"],
+		groupSlugs: ["form", "inputs"],
 		componentSlugs: [
 			"date-input",
 			"date-picker",
@@ -3899,7 +3895,7 @@ var Ne = [
 		]
 	},
 	"form-date-range-input": {
-		familySlugs: ["form", "filters"],
+		groupSlugs: ["form", "filters"],
 		componentSlugs: [
 			"date-range-input",
 			"date-range-picker",
@@ -3908,7 +3904,7 @@ var Ne = [
 		]
 	},
 	"form-date-picker": {
-		familySlugs: ["form", "inputs"],
+		groupSlugs: ["form", "inputs"],
 		componentSlugs: [
 			"date-picker",
 			"form-date-input",
@@ -3917,7 +3913,7 @@ var Ne = [
 		]
 	},
 	"form-date-range-picker": {
-		familySlugs: ["form", "filters"],
+		groupSlugs: ["form", "filters"],
 		componentSlugs: [
 			"date-range-picker",
 			"form-date-range-input",
@@ -3926,7 +3922,7 @@ var Ne = [
 		]
 	},
 	"form-builder": {
-		familySlugs: ["patterns", "form"],
+		groupSlugs: ["patterns", "form"],
 		componentSlugs: [
 			"form-field-shell",
 			"form-input",
@@ -3936,7 +3932,7 @@ var Ne = [
 		]
 	},
 	"phone-input": {
-		familySlugs: ["inputs", "form"],
+		groupSlugs: ["inputs", "form"],
 		componentSlugs: [
 			"input",
 			"textarea",
@@ -3944,7 +3940,7 @@ var Ne = [
 		]
 	},
 	"masked-input": {
-		familySlugs: ["inputs", "form"],
+		groupSlugs: ["inputs", "form"],
 		componentSlugs: [
 			"input",
 			"number-input",
@@ -3952,7 +3948,7 @@ var Ne = [
 		]
 	},
 	"money-input": {
-		familySlugs: ["inputs", "display"],
+		groupSlugs: ["inputs", "display"],
 		componentSlugs: [
 			"number-input",
 			"quantity-input",
@@ -3960,7 +3956,7 @@ var Ne = [
 		]
 	},
 	"quantity-input": {
-		familySlugs: ["inputs", "form"],
+		groupSlugs: ["inputs", "form"],
 		componentSlugs: [
 			"number-input",
 			"money-input",
@@ -3968,7 +3964,7 @@ var Ne = [
 		]
 	},
 	checkbox: {
-		familySlugs: ["inputs", "form"],
+		groupSlugs: ["inputs", "form"],
 		componentSlugs: [
 			"switch",
 			"button",
@@ -3976,7 +3972,7 @@ var Ne = [
 		]
 	},
 	switch: {
-		familySlugs: ["inputs", "layout"],
+		groupSlugs: ["inputs", "layout"],
 		componentSlugs: [
 			"checkbox",
 			"tabs",
@@ -3984,7 +3980,7 @@ var Ne = [
 		]
 	},
 	badge: {
-		familySlugs: ["actions", "display"],
+		groupSlugs: ["actions", "display"],
 		componentSlugs: [
 			"button",
 			"card",
@@ -3992,7 +3988,7 @@ var Ne = [
 		]
 	},
 	card: {
-		familySlugs: [
+		groupSlugs: [
 			"layout",
 			"display",
 			"actions"
@@ -4004,7 +4000,7 @@ var Ne = [
 		]
 	},
 	tabs: {
-		familySlugs: ["navigation", "layout"],
+		groupSlugs: ["navigation", "layout"],
 		componentSlugs: [
 			"dialog",
 			"card",
@@ -4012,7 +4008,7 @@ var Ne = [
 		]
 	},
 	collapse: {
-		familySlugs: [
+		groupSlugs: [
 			"layout",
 			"display",
 			"form"
@@ -4024,7 +4020,7 @@ var Ne = [
 		]
 	},
 	dialog: {
-		familySlugs: ["overlay", "notifications"],
+		groupSlugs: ["overlay", "notifications"],
 		componentSlugs: [
 			"popover",
 			"confirm-dialog",
@@ -4032,7 +4028,7 @@ var Ne = [
 		]
 	},
 	popover: {
-		familySlugs: ["overlay", "navigation"],
+		groupSlugs: ["overlay", "navigation"],
 		componentSlugs: [
 			"dropdown-menu",
 			"dialog",
@@ -4040,7 +4036,7 @@ var Ne = [
 		]
 	},
 	"dropdown-menu": {
-		familySlugs: [
+		groupSlugs: [
 			"overlay",
 			"navigation",
 			"actions"
@@ -4052,7 +4048,7 @@ var Ne = [
 		]
 	},
 	tooltip: {
-		familySlugs: [
+		groupSlugs: [
 			"overlay",
 			"actions",
 			"form"
@@ -4064,7 +4060,7 @@ var Ne = [
 		]
 	},
 	"hover-card": {
-		familySlugs: ["overlay", "display"],
+		groupSlugs: ["overlay", "display"],
 		componentSlugs: [
 			"tooltip",
 			"card",
@@ -4072,7 +4068,7 @@ var Ne = [
 		]
 	},
 	"right-click-menu": {
-		familySlugs: [
+		groupSlugs: [
 			"overlay",
 			"actions",
 			"navigation"
@@ -4084,7 +4080,7 @@ var Ne = [
 		]
 	},
 	"confirm-dialog": {
-		familySlugs: ["overlay", "notifications"],
+		groupSlugs: ["overlay", "notifications"],
 		componentSlugs: [
 			"dialog",
 			"modal-shell",
@@ -4092,7 +4088,7 @@ var Ne = [
 		]
 	},
 	"modal-shell": {
-		familySlugs: ["overlay", "layout"],
+		groupSlugs: ["overlay", "layout"],
 		componentSlugs: [
 			"sheet-shell",
 			"dialog",
@@ -4100,7 +4096,7 @@ var Ne = [
 		]
 	},
 	"sheet-shell": {
-		familySlugs: [
+		groupSlugs: [
 			"overlay",
 			"layout",
 			"navigation"
@@ -4112,7 +4108,7 @@ var Ne = [
 		]
 	},
 	table: {
-		familySlugs: [
+		groupSlugs: [
 			"data-table",
 			"display",
 			"filters"
@@ -4124,7 +4120,7 @@ var Ne = [
 		]
 	},
 	"data-table": {
-		familySlugs: [
+		groupSlugs: [
 			"data-table",
 			"layout",
 			"filters"
@@ -4136,7 +4132,7 @@ var Ne = [
 		]
 	},
 	sidebar: {
-		familySlugs: ["layout", "navigation"],
+		groupSlugs: ["layout", "navigation"],
 		componentSlugs: [
 			"sidebar-nav",
 			"breadcrumbs",
@@ -4145,7 +4141,7 @@ var Ne = [
 		]
 	},
 	"app-shell": {
-		familySlugs: ["layout"],
+		groupSlugs: ["layout"],
 		componentSlugs: [
 			"sidebar",
 			"sidebar-nav",
@@ -4154,7 +4150,7 @@ var Ne = [
 		]
 	},
 	"sidebar-nav": {
-		familySlugs: ["layout", "navigation"],
+		groupSlugs: ["layout", "navigation"],
 		componentSlugs: [
 			"sidebar",
 			"breadcrumbs",
@@ -4162,7 +4158,7 @@ var Ne = [
 		]
 	},
 	breadcrumbs: {
-		familySlugs: ["layout", "navigation"],
+		groupSlugs: ["layout", "navigation"],
 		componentSlugs: [
 			"page-header",
 			"sidebar",
@@ -4170,7 +4166,7 @@ var Ne = [
 		]
 	},
 	"page-header": {
-		familySlugs: ["layout"],
+		groupSlugs: ["layout"],
 		componentSlugs: [
 			"breadcrumbs",
 			"sidebar",
@@ -4179,7 +4175,7 @@ var Ne = [
 		]
 	},
 	"page-container": {
-		familySlugs: ["layout"],
+		groupSlugs: ["layout"],
 		componentSlugs: [
 			"page-header",
 			"app-shell",
@@ -4187,7 +4183,7 @@ var Ne = [
 		]
 	},
 	"metric-grid": {
-		familySlugs: ["display"],
+		groupSlugs: ["display"],
 		componentSlugs: [
 			"info-card",
 			"activity-feed",
@@ -4195,7 +4191,7 @@ var Ne = [
 		]
 	},
 	"info-card": {
-		familySlugs: ["display", "layout"],
+		groupSlugs: ["display", "layout"],
 		componentSlugs: [
 			"metric-grid",
 			"activity-feed",
@@ -4204,7 +4200,7 @@ var Ne = [
 		]
 	},
 	"activity-feed": {
-		familySlugs: ["display"],
+		groupSlugs: ["display"],
 		componentSlugs: [
 			"info-card",
 			"metric-grid",
@@ -4212,7 +4208,7 @@ var Ne = [
 		]
 	},
 	"empty-state": {
-		familySlugs: ["display"],
+		groupSlugs: ["display"],
 		componentSlugs: [
 			"loading-state",
 			"result",
@@ -4220,7 +4216,7 @@ var Ne = [
 		]
 	},
 	"loading-state": {
-		familySlugs: ["display"],
+		groupSlugs: ["display"],
 		componentSlugs: [
 			"empty-state",
 			"result",
@@ -4228,7 +4224,7 @@ var Ne = [
 		]
 	},
 	result: {
-		familySlugs: ["display"],
+		groupSlugs: ["display"],
 		componentSlugs: [
 			"empty-state",
 			"loading-state",
@@ -4236,7 +4232,7 @@ var Ne = [
 		]
 	},
 	"scroll-box": {
-		familySlugs: ["display", "layout"],
+		groupSlugs: ["display", "layout"],
 		componentSlugs: [
 			"table",
 			"data-table",
@@ -4244,7 +4240,7 @@ var Ne = [
 		]
 	},
 	toast: {
-		familySlugs: ["notifications", "overlay"],
+		groupSlugs: ["notifications", "overlay"],
 		componentSlugs: [
 			"confirm-dialog",
 			"sheet-shell",
@@ -4252,14 +4248,14 @@ var Ne = [
 		]
 	},
 	kbd: {
-		familySlugs: ["command", "actions"],
+		groupSlugs: ["command", "actions"],
 		componentSlugs: [
 			"button",
 			"tooltip",
 			"input"
 		]
 	}
-}, Fe = new Set(/* @__PURE__ */ "button.input.select.date-picker.checkbox.switch.badge.card.tabs.dialog.popover.dropdown-menu.sidebar.breadcrumbs.data-table.metric-grid.info-card.activity-feed.empty-state.loading-state.result.toast.trend-card.delta-badge.entity-header.notification-center.command-bar.progress.progress-circle".split(".")), Ie = {
+}, Pe = new Set(/* @__PURE__ */ "button.input.select.date-picker.checkbox.switch.badge.card.tabs.dialog.popover.dropdown-menu.sidebar.breadcrumbs.data-table.metric-grid.info-card.activity-feed.empty-state.loading-state.result.toast.trend-card.delta-badge.entity-header.notification-center.command-bar.progress.progress-circle".split(".")), Fe = {
 	textarea: "input",
 	"search-input": "input",
 	"password-input": "input",
@@ -4316,7 +4312,7 @@ var Ne = [
 	"data-table-view-presets": "data-table",
 	table: "data-table",
 	"progress-circle": "progress"
-}, Le = {
+}, H = {
 	input: [
 		{
 			key: "core",
@@ -4514,12 +4510,12 @@ var Ne = [
 		description: "Use the builder when you need a repeatable form system instead of wiring every field wrapper manually.",
 		slugs: ["form-builder", "form-field-shell"]
 	}]
-}, G = ee, Re = G?.groups ?? {}, ze = new Set((G?.recommended ?? []).map((e) => e)), Be = G?.migrationAliases ?? {}, Ve = new Set(Object.values(Be)), He = new Set(["kits"]), Ue = new Set([
+}, 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([
 	"all",
 	"dashboard",
 	"calendar-kit",
 	"wizard-kit"
-]), We = new Set(["hooks"]), Ge = {
+]), He = new Set(["hooks"]), Ue = {
 	ui: "Components",
 	actions: "Components",
 	layout: "Components",
@@ -4538,43 +4534,43 @@ var Ne = [
 	notifications: "Data Display",
 	command: "Data Display",
 	patterns: "Patterns"
-}, Ke = {
-	ui: p,
-	actions: C,
-	feedback: se,
-	display: m,
-	overlay: y,
-	inputs: g,
-	form: g,
-	dataTable: w,
-	data_table: w,
-	layout: _,
-	navigation: u,
-	filters: x,
-	calendar: d,
-	upload: h,
-	wizard: D,
-	notifications: re,
-	command: T,
-	patterns: c,
-	hooks: S
+}, 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,
+	notifications: ee,
+	command: b,
+	patterns: s,
+	hooks: _
 };
-function qe(e) {
+function Ge(e) {
 	return e.split("-").filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
-var Je = new Set(Ne.map((e) => e.slug)), K = /* @__PURE__ */ new Map();
-for (let [e, t] of Object.entries(Re)) if (!(He.has(e) || We.has(e))) for (let n of t) {
-	let t = Be[n], r = t ?? n;
-	if (!n || Ue.has(n) || Ue.has(r) || Ve.has(r) || Ve.has(n) || Je.has(r) || K.has(r)) continue;
-	let i = Ge[e] ?? "Data Display", a = Ke[e] ?? C;
-	K.set(r, {
+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: qe(t || r),
-		description: `${qe(r)} surfaced from package registry group "${e}".`,
+		title: Ge(t || r),
+		description: `${Ge(r)} surfaced from package registry group "${e}".`,
 		icon: a,
 		category: i,
-		status: ze.has(r) ? "Stable" : "Preview",
-		installCommand: j,
+		status: Le.has(r) ? "Stable" : "Preview",
+		installCommand: O,
 		propsRows: [[
 			"className",
 			"string",
@@ -4584,17 +4580,7 @@ for (let [e, t] of Object.entries(Re)) if (!(He.has(e) || We.has(e))) for (let n
 		features: [e]
 	});
 }
-var Ye = [...K.values()], q = [...Ne, ...Ye], J = e.map((e) => {
-	let n = q.find((t) => t.slug === e.slug) ?? q.find((t) => t.slug === B(e.primaryComponent));
-	return n ? {
-		...n,
-		slug: e.slug,
-		title: e.label,
-		description: e.description,
-		status: t(e.primaryComponent)?.badge.tone === "preview" ? "Preview" : n.status,
-		features: e.sections.map((e) => e.label)
-	} : null;
-}).filter((e) => !!e), Y = new Map(J.map((e) => [e.slug, e])), Xe = new Set([
+var qe = [...W.values()], G = [...V, ...qe], K = [], q = new Map(K.map((e) => [e.slug, e])), Je = new Set([
 	"app-sidebar",
 	"app-shell",
 	"app-header",
@@ -4614,62 +4600,51 @@ var Ye = [...K.values()], q = [...Ne, ...Ye], J = e.map((e) => {
 	"data-table-bulk-actions",
 	"data-table-view-presets",
 	"data-table-saved-filters"
-]), Ze = new Set([...Xe, ...Ae.keys()]);
-function Qe(e) {
-	return e === "primitives" ? "core" : e === "form-wrappers" || e === "wrappers" ? "integrations" : e === "advanced" ? "advanced" : e === "transitional" ? "compatibility" : "related";
-}
-function $e(e) {
-	return e.map((e) => q.find((t) => t.slug === B(e))?.slug).filter((e) => !!e);
-}
-function et(e) {
+]), Ye = new Set([...Je, ...L.keys()]);
+function J(e) {
 	if (!e) return;
-	let t = U(e), r = X(t);
-	if (t !== r) {
-		let e = n(r);
-		return (e ? Y.get(e.slug) : void 0) ?? q.find((e) => e.slug === r);
-	}
-	let i = n(t);
-	return i ? Y.get(i.slug) ?? q.find((e) => e.slug === B(i.primaryComponent)) : q.find((e) => e.slug === t);
+	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);
 }
-function tt(e) {
-	return Y.has(U(e)) || Fe.has(U(e));
+function Xe(e) {
+	return q.has(R(e)) || Pe.has(R(e));
 }
-function X(e) {
-	let t = U(e);
-	return n(t)?.slug ?? (tt(t) ? t : Ie[t] ?? t);
+function Y(e) {
+	let t = R(e);
+	return Xe(t) ? t : Fe[t] ?? t;
 }
-function nt(e) {
-	return et(X(e))?.title ?? e;
+function X(e) {
+	return J(Y(e))?.title ?? e;
 }
 function Z() {
-	let e = q.filter((e) => X(e.slug) === e.slug), t = /* @__PURE__ */ new Map();
-	for (let n of e) t.set(n.slug, n);
-	for (let e of J) t.set(e.slug, e);
-	return Array.from(t.values()).filter((e) => !Xe.has(e.slug)).filter((e) => a(e.slug)).sort((e, t) => {
-		let n = i(e.slug, t.slug);
-		return n === 0 ? e.title.localeCompare(t.title) : n;
+	let n = G.filter((e) => Y(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);
+	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 rt() {
+function Ze() {
 	let e = /* @__PURE__ */ new Map();
-	for (let t of q) e.set(t.slug, t);
-	for (let t of J) e.set(t.slug, t);
-	return Array.from(e.values()).filter((e) => !Ze.has(e.slug)).sort((e, t) => e.title.localeCompare(t.title));
+	for (let t of G) e.set(t.slug, t);
+	for (let t of K) 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 it(e) {
-	let t = e ? X(e) : void 0;
+function Qe(e) {
+	let t = e ? Y(e) : void 0;
 	return Z().map((e) => ({
 		slug: e.slug,
 		title: e.title,
-		href: L(e.slug),
+		href: j(e.slug),
 		status: e.status,
-		group: W(e.slug),
-		active: t ? X(e.slug) === t : !1
+		group: z(e.slug),
+		active: t ? Y(e.slug) === t : !1
 	})).sort((e, t) => e.title.localeCompare(t.title));
 }
-function at(e) {
+function $e(e) {
 	let t = /* @__PURE__ */ new Map();
-	for (let n of it(e)) {
+	for (let n of Qe(e)) {
 		let e = n.title[0]?.toUpperCase() ?? "#", r = `${e} - ${n.group}`;
 		t.has(r) || t.set(r, {
 			key: r,
@@ -4679,52 +4654,40 @@ function at(e) {
 	}
 	return Array.from(t.values());
 }
-function ot(e) {
-	let t = X(e), i = n(t);
-	if (i) {
-		let e = r(i.group);
-		if (e) return e.sections.map((e) => ({
-			key: Qe(e.id),
-			title: e.label,
-			description: e.description,
-			slugs: $e(e.components)
-		})).filter((e) => e.slugs.length > 0);
-	}
-	return Le[t] ?? [];
+function et(e) {
+	return H[Y(e)] ?? [];
 }
-function Q(t) {
-	return (t ? e.filter((e) => e.slug === X(t)) : e).flatMap((e) => {
-		let t = r(e.group);
-		return t ? t.sections.flatMap((t) => {
-			let n = [];
-			for (let r of t.items) {
-				let i = q.find((e) => e.slug === B(r.component))?.slug;
-				if (!i) continue;
-				let a = q.find((e) => e.slug === i);
-				n.push({
-					component: r.component,
-					slug: i,
-					title: a?.title ?? r.component,
-					surfaceSlug: e.slug,
-					surfaceTitle: e.label,
-					sectionId: t.id,
-					sectionLabel: t.label,
-					sectionKey: Qe(t.id),
-					summary: r.metadata?.summary ?? a?.description ?? e.description,
-					useWhen: r.metadata?.useWhen ?? e.description,
-					maturity: r.metadata?.maturity ?? "member",
-					status: r.adoption?.badge.tone === "preview" ? "Preview" : "Stable",
-					href: L(i)
+function Q(e) {
+	return (e ? [Y(e)] : Object.keys(H)).flatMap((e) => {
+		let t = J(e);
+		return (H[e] ?? []).flatMap((n) => {
+			let r = [];
+			for (let i of n.slugs) {
+				let a = G.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" : "helper",
+					status: a.status,
+					href: j(a.slug)
 				});
 			}
-			return n;
-		}) : [];
+			return r;
+		});
 	});
 }
-function st(e) {
+function tt(e) {
 	return Q().find((t) => t.component === e);
 }
-function ct(e) {
+function nt(e) {
 	let t = new Set(e);
 	return Q().filter((e) => t.has(e.component));
 }
@@ -4733,14 +4696,14 @@ var $ = [
 		slug: "actions",
 		title: "Actions",
 		description: "Context actions, copy controls and quick grids for dense product surfaces.",
-		icon: v,
+		icon: h,
 		category: "Actions",
 		exports: [
 			"ActionMenu",
 			"CopyButton",
 			"QuickActionGrid"
 		],
-		href: z("actions"),
+		href: N("actions"),
 		status: "Stable",
 		features: [
 			"Quick actions",
@@ -4752,7 +4715,7 @@ var $ = [
 		slug: "layout",
 		title: "Application layout",
 		description: "Route-level shells, sidebars and headers that support real components instead of replacing them.",
-		icon: _,
+		icon: m,
 		category: "Layout",
 		exports: [
 			"Sidebar",
@@ -4763,7 +4726,7 @@ var $ = [
 			"SectionHeader",
 			"StickyFooterBar"
 		],
-		href: z("layout"),
+		href: N("layout"),
 		status: "Stable",
 		features: [
 			"Sidebar navigation",
@@ -4776,10 +4739,10 @@ var $ = [
 		slug: "filters",
 		title: "Filters",
 		description: "Filter bars and chip patterns for narrowing data without leaving the current view.",
-		icon: x,
+		icon: se,
 		category: "Data",
 		exports: ["FilterBar", "FilterChips"],
-		href: z("filters"),
+		href: N("filters"),
 		status: "Stable",
 		features: [
 			"Filter bars",
@@ -4791,7 +4754,7 @@ var $ = [
 		slug: "overlay",
 		title: "Overlay patterns",
 		description: "Confirm flows, modal shells, sheet layouts and dialog actions.",
-		icon: o,
+		icon: a,
 		category: "Overlay",
 		exports: [
 			"DialogActions",
@@ -4802,7 +4765,7 @@ var $ = [
 			"HoverCard",
 			"RightClickMenu"
 		],
-		href: z("overlay"),
+		href: N("overlay"),
 		status: "Stable",
 		features: [
 			"Confirm flows",
@@ -4815,14 +4778,14 @@ var $ = [
 		slug: "navigation",
 		title: "Navigation",
 		description: "Pagination and tabbed navigation patterns for sectioned or paginated interfaces.",
-		icon: f,
+		icon: l,
 		category: "Layout",
 		exports: [
 			"Pagination",
 			"PageTabs",
 			"StepperTabs"
 		],
-		href: z("navigation"),
+		href: N("navigation"),
 		status: "Stable",
 		features: [
 			"Pagination",
@@ -4834,7 +4797,7 @@ var $ = [
 		slug: "inputs",
 		title: "Inputs",
 		description: "Input-first family with typed presets and select/date members introduced only when behavior changes.",
-		icon: g,
+		icon: p,
 		category: "Forms",
 		exports: [
 			"Input",
@@ -4846,7 +4809,7 @@ var $ = [
 			"PhoneInput",
 			"TagInput"
 		],
-		href: z("inputs"),
+		href: N("inputs"),
 		status: "Stable",
 		features: [
 			"Text entry",
@@ -4860,7 +4823,7 @@ var $ = [
 		slug: "form",
 		title: "Form",
 		description: "Form shell and wrapper layer for labels, validation, and repeatable field composition.",
-		icon: h,
+		icon: f,
 		category: "Forms",
 		exports: [
 			"FormFieldShell",
@@ -4870,7 +4833,7 @@ var $ = [
 			"FormSwitch",
 			"FormDatePicker"
 		],
-		href: z("form"),
+		href: N("form"),
 		status: "Stable",
 		features: [
 			"Field shell",
@@ -4883,7 +4846,7 @@ var $ = [
 		slug: "display",
 		title: "Display",
 		description: "Metrics, activity, avatars, timelines and descriptive content surfaces.",
-		icon: m,
+		icon: d,
 		category: "Data",
 		exports: [
 			"DescriptionList",
@@ -4898,7 +4861,7 @@ var $ = [
 			"DataState",
 			"ScrollBox"
 		],
-		href: z("display"),
+		href: N("display"),
 		status: "Stable",
 		features: [
 			"Metric grids",
@@ -4911,10 +4874,10 @@ var $ = [
 		slug: "data-table",
 		title: "DataTable",
 		description: "Primary reusable data-grid system. Helper pieces stay secondary to the main table route.",
-		icon: w,
+		icon: y,
 		category: "Data",
 		exports: ["DataTable"],
-		href: z("data-table"),
+		href: N("data-table"),
 		status: "Stable",
 		features: [
 			"Toolbar",
@@ -4928,10 +4891,10 @@ var $ = [
 		slug: "notifications",
 		title: "Notifications",
 		description: "Toast-based feedback surfaces for success, warnings and async completion states.",
-		icon: s,
+		icon: o,
 		category: "Overlay",
 		exports: ["Toast"],
-		href: z("notifications"),
+		href: N("notifications"),
 		status: "Preview",
 		features: [
 			"Toasts",
@@ -4943,10 +4906,10 @@ var $ = [
 		slug: "command",
 		title: "Command",
 		description: "Command palette patterns for keyboard-driven discovery and navigation.",
-		icon: T,
+		icon: b,
 		category: "Workflow",
 		exports: ["CommandPalette"],
-		href: z("command"),
+		href: N("command"),
 		status: "Preview",
 		features: [
 			"Command palette",
@@ -4958,7 +4921,7 @@ var $ = [
 		slug: "calendar",
 		title: "Calendar",
 		description: "Calendar, date picker and range picker flows for scheduling and reporting.",
-		icon: ae,
+		icon: ie,
 		category: "Workflow",
 		exports: [
 			"DateUtils",
@@ -4966,7 +4929,7 @@ var $ = [
 			"DatePicker",
 			"DateRangePicker"
 		],
-		href: z("calendar"),
+		href: N("calendar"),
 		status: "Stable",
 		features: [
 			"Date picker",
@@ -4978,10 +4941,10 @@ var $ = [
 		slug: "upload",
 		title: "Upload",
 		description: "File and image upload surfaces with preview-friendly interaction patterns.",
-		icon: c,
+		icon: s,
 		category: "Workflow",
 		exports: ["FileUpload", "ImageUpload"],
-		href: z("upload"),
+		href: N("upload"),
 		status: "Preview",
 		features: [
 			"File upload",
@@ -4993,10 +4956,10 @@ var $ = [
 		slug: "wizard",
 		title: "Wizard",
 		description: "Stepper and multi-step workflow patterns for onboarding and guided flows.",
-		icon: D,
+		icon: S,
 		category: "Workflow",
 		exports: ["Stepper", "Wizard"],
-		href: z("wizard"),
+		href: N("wizard"),
 		status: "Stable",
 		features: [
 			"Step flow",
@@ -5004,10 +4967,10 @@ var $ = [
 			"Progress state"
 		]
 	}
-], lt = [
+], rt = [
 	{
 		label: "Docs",
-		href: F
+		href: k
 	},
 	{
 		label: "Installation",
@@ -5025,66 +4988,66 @@ var $ = [
 		label: "Changelog",
 		href: "/changelog"
 	}
-], ut = [{
+], it = [{
 	title: "Getting Started",
 	items: [
 		{
 			label: "Overview",
-			href: F,
-			icon: l
+			href: k,
+			icon: te
 		},
 		{
 			label: "Installation",
 			href: "/docs/installation",
-			icon: f
+			icon: l
 		},
 		{
 			label: "Components catalog",
 			href: "/components",
-			icon: p
+			icon: u
 		},
 		{
 			label: "Changelog",
 			href: "/changelog",
-			icon: h
+			icon: f
 		}
 	]
-}, ...H.map((e) => ({
+}, ...F.map((e) => ({
 	title: e,
-	items: Me(e, L)
-})).filter((e) => e.items.length > 0)], dt = [{
+	items: B(e, j)
+})).filter((e) => e.items.length > 0)], at = [{
 	title: "Getting Started",
 	items: [
 		{
 			label: "Introduction",
 			href: "/playground/button",
-			icon: l
+			icon: te
 		},
 		{
 			label: "Installation",
-			href: R("button"),
-			icon: f
+			href: M("button"),
+			icon: l
 		},
 		{
 			label: "Theming",
-			href: R("button"),
-			icon: C
+			href: M("button"),
+			icon: v
 		},
 		{
 			label: "Tokens",
-			href: R("badge"),
-			icon: oe
+			href: M("badge"),
+			icon: ae
 		},
 		{
 			label: "Icon Library",
-			href: R("popover"),
-			icon: ae
+			href: M("popover"),
+			icon: ie
 		}
 	]
-}, ...H.map((e) => ({
+}, ...F.map((e) => ({
 	title: e,
-	items: Me(e, R)
-})).filter((e) => e.items.length > 0)], ft = [
+	items: B(e, M)
+})).filter((e) => e.items.length > 0)], ot = [
 	"All blocks",
 	"Dashboard",
 	"Auth",
@@ -5093,15 +5056,15 @@ var $ = [
 	"Pricing",
 	"Product",
 	"Marketing"
-], pt = [
+], st = [
 	"All layouts",
 	"Application",
 	"Marketing"
-], mt = [
+], ct = [
 	"All themes",
 	"Light",
 	"Soft"
-], ht = ["Popular", "A-Z"], gt = [
+], lt = ["Popular", "A-Z"], ut = [
 	{
 		title: "Application blocks",
 		text: "Dashboard, table and settings blocks should show route structure, visible actions and realistic operational density.",
@@ -5132,7 +5095,7 @@ var $ = [
 			"Install path"
 		]
 	}
-], _t = {
+], dt = {
 	slug: "dashboard-starter",
 	title: "Modern Dashboard",
 	description: "Clean dashboard with analytics, charts, and activity tables.",
@@ -5151,7 +5114,7 @@ var $ = [
 		"DataTable"
 	],
 	tone: "from-emerald-50 via-white to-sky-50",
-	href: V("dashboard-starter"),
+	href: P("dashboard-starter"),
 	previewHref: "/preview/blocks/dashboard-01",
 	previewTone: "dashboard",
 	layout: "Application",
@@ -5174,7 +5137,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."]
-}, vt = [
+}, ft = [
 	{
 		slug: "sidebar-layout",
 		title: "Sidebar Layout",
@@ -5193,7 +5156,7 @@ var $ = [
 			"Button"
 		],
 		tone: "from-[color:var(--aui-page-bg-alt)] to-[color:var(--aui-page-bg)]",
-		href: V("sidebar-layout"),
+		href: P("sidebar-layout"),
 		previewHref: "/preview/blocks/dashboard-01",
 		previewTone: "dashboard",
 		layout: "Application",
@@ -5231,7 +5194,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: V("crm-dashboard"),
+		href: P("crm-dashboard"),
 		previewTone: "crm",
 		layout: "Application",
 		theme: "Soft",
@@ -5268,7 +5231,7 @@ var $ = [
 			"Badge"
 		],
 		tone: "from-[color:var(--aui-page-bg-alt)] to-[color:var(--aui-page-bg)]",
-		href: V("users-table"),
+		href: P("users-table"),
 		previewHref: "/preview/blocks/table-01",
 		previewTone: "table",
 		layout: "Application",
@@ -5306,7 +5269,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: V("auth-sign-in"),
+		href: P("auth-sign-in"),
 		previewHref: "/preview/blocks/auth-01",
 		previewTone: "auth",
 		layout: "Marketing",
@@ -5344,7 +5307,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: V("settings-form"),
+		href: P("settings-form"),
 		previewTone: "settings",
 		layout: "Application",
 		theme: "Light",
@@ -5381,7 +5344,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: V("invoices-page"),
+		href: P("invoices-page"),
 		previewHref: "/preview/blocks/table-01",
 		previewTone: "table",
 		layout: "Application",
@@ -5401,7 +5364,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."]
 	}
-], yt = j, bt = [
+], pt = O, mt = [
 	[
 		"variant",
 		"'default' | 'secondary' | ...",
@@ -5438,7 +5401,7 @@ var $ = [
 		"-",
 		"Click event handler."
 	]
-], xt = [
+], ht = [
 	"Installation",
 	"Variations",
 	"Sizes",
@@ -5448,7 +5411,7 @@ var $ = [
 	"Examples",
 	"API Reference",
 	"Accessibility"
-], St = [
+], gt = [
 	{
 		title: "Action buttons",
 		cta: "Save changes"
@@ -5465,16 +5428,16 @@ var $ = [
 		title: "Destructive action",
 		cta: "Delete item"
 	}
-], Ct = [
+], _t = [
 	"Tab to focus",
 	"Visible focus ring",
 	"Enter / Space to activate"
-], wt = [
+], vt = [
 	"Role: button",
 	"Name is programmatically determinable",
 	"Minimum touch target (44x44px)",
 	"Sufficient color contrast"
-], Tt = [
+], yt = [
 	{
 		title: "Home",
 		description: "Open the landing page with the product overview.",
@@ -5506,7 +5469,7 @@ var $ = [
 	},
 	{
 		title: "Components",
-		description: "Browse component docs and grouped families.",
+		description: "Browse component docs and related modules.",
 		href: "/components",
 		group: "Docs",
 		shortcut: "C",
@@ -5619,8 +5582,8 @@ var $ = [
 			e.slug,
 			e.title,
 			e.category,
-			W(e.slug),
-			nt(e.slug),
+			z(e.slug),
+			X(e.slug),
 			...e.features,
 			"component",
 			"detail",
@@ -5669,7 +5632,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: xe(e.slug, t),
+		href: we(e.slug, t),
 		group: "Components",
 		shortcut: "E",
 		keywords: [
@@ -5684,4 +5647,4 @@ var $ = [
 	})))
 ];
 //#endregion
-export { pe as CLI_ADD_COMMAND, de as CLI_INIT_NEXT_COMMAND, fe as CLI_INIT_VITE_COMMAND, me as CLI_INSTALL_COMMAND, A as CLI_PACKAGE_NAME, he as CLI_THEME_COMMAND, ue as DOCS_APP_NAME, ve as DOCS_RELEASES_URL, P as DOCS_REPO_URL, F as DOCS_ROOT_PATH, N as PACKAGE_GITHUB_RELEASES_URL, M as PACKAGE_GITHUB_URL, le as PACKAGE_IMPORT, j as PACKAGE_INSTALL_COMMAND, ce as PACKAGE_NAME, ge as PACKAGE_NPM_URL, _e as PACKAGE_RELEASES_URL, be as PACKAGE_RELEASE_DATE, ye as PACKAGE_VERSION, wt as accessibilityChecks, vt as blockCards, gt as blockCoverageSections, pt as blockLayoutFilters, V as blockPath, ht as blockSortOptions, ft as blockTabs, mt as blockThemeFilters, q as componentCatalog, L as componentDocsPath, Ce as componentGroupMeta, H as componentGroupOrder, R as componentPlaygroundPath, Pe as componentRelations, ut as docsSidebar, St as exampleCards, _t as featuredBlock, it as getComponentDetailSidebarItems, at as getComponentDetailSidebarSections, W as getComponentGroup, je as getComponentGroupDetails, et as getComponentSurfaceCatalogItem, ot as getComponentSurfaceSections, st as getDocumentedMemberByComponent, ct as getDocumentedMembersByComponents, Z as getPrimaryComponentCatalog, Q as getPrimaryComponentMemberInventory, X as getPrimaryComponentSurfaceSlug, nt as getPrimaryComponentSurfaceTitle, rt as getVisibleComponentCatalog, Tt as globalSearchItems, Ct as inspectorChecks, yt as installCommand, tt as isPrimaryComponentSurface, $ as moduleFamilyCatalog, xe as moduleFamilyExportPath, B as moduleFamilyExportSlug, z as moduleFamilyPath, dt as playgroundSidebar, lt as primaryNav, bt as propRows, I as releaseHistory, Se as templatePath, xt as tocItems };
+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 };