@instruments/materia-ui 0.4.0 → 0.4.2

package/dist/data/docs-manifest.js

@@ -1,5 +1,5 @@
 /* oxlint-disable max-lines -- generated data module: one entry per design-system unit. */
-// GENERATED by scripts/generate-docs-manifest.mjs - do not edit.
+// GENERATED by scripts/generate-docs-manifest.ts - do not edit.
 // Regenerate with `pnpm generate:docs-manifest`; the lint chain runs
 // `pnpm test` and fails when this file is stale.
 export const docsManifest = {
@@ -84,6 +84,7 @@ export const docsManifest = {
                 "Reach for `Collapsible` instead when there is a single expandable region - `Accordion` is for a set of grouped items keyed by `value`.",
                 "Children must be `AccordionItem`s (each with `AccordionTrigger`/`AccordionContent`); the item's `value` is what `value`/`defaultValue` match against.",
             ],
+            keywords: ["disclosure", "faq", "expander"],
             uses: ["icon"],
             usedBy: [],
             anatomy: {
@@ -150,6 +151,7 @@ export const docsManifest = {
                 'Compose `AlertTitle` / `AlertDescription` as children and render a direct-child `<svg>` for the auto-detected icon column; `tone="danger"` recolours for errors.',
                 'It renders `role="alert"`, so AT announces it on mount - keep it a notice, not a container for heavy interactive UI.',
             ],
+            keywords: ["callout", "notice", "banner", "message"],
             uses: ["grid"],
             usedBy: [],
             anatomy: {
@@ -286,6 +288,7 @@ export const docsManifest = {
                 "Route every destructive confirmation here, never a plain `Dialog` - unlike `Dialog` it won't dismiss on outside-click / Esc, so the choice stays deliberate.",
                 'Give the destructive `AlertDialogAction` `tone="danger"` and keep the safe escape as `AlertDialogCancel`.',
             ],
+            keywords: ["confirm", "confirmation", "modal"],
             uses: ["button", "flex"],
             usedBy: [],
         },
@@ -337,6 +340,7 @@ export const docsManifest = {
                 'Use `variant="muted"` inside dense copy so the underline stays quiet; the default variant stands out from the surrounding text.',
                 'Use `variant="plain"` where the link is already set apart by its position, such as a caption under a tile or a row in an index; keep an underline on links inside running text.',
             ],
+            keywords: [],
             uses: ["icon"],
             usedBy: ["mega-menu", "site-footer"],
         },
@@ -429,6 +433,7 @@ export const docsManifest = {
                 "Use `prefix`/`suffix` for units and currency (`$`, `/10`), not sibling text nodes - they're layout-animated with the digits and folded into the one screen-reader announcement.",
                 "Reach for the `duration`/`easing` tokens over a raw `transition` - token timing keeps it in step with the rest of the motion system; drop to `transition` only for bespoke springs.",
             ],
+            keywords: [],
             uses: ["visually-hidden"],
             usedBy: ["thinking-loader"],
         },
@@ -447,7 +452,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Ref\nand event-handler types remain the default element\'s.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Ref\nand event-handler types remain the default element\'s.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "ratio",
@@ -468,6 +473,7 @@ export const docsManifest = {
                 "Give it exactly one child and let it fill - set the media to `size-full object-cover`; `AspectRatio` sizes to the available width and derives height from `ratio`.",
                 "Use `as` to change the element (a tag); use `render` only to swap in a component (e.g. a router Link). Never `render={<Box as=…/>}` - pass `as` directly.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
             anatomy: {
@@ -546,7 +552,7 @@ export const docsManifest = {
                             type: 'boolean | "neutral" | "brand" | "danger" | "warning" | "success" | "info"',
                             required: false,
                             defaultValue: "false",
-                            description: "Render a plain dot instead of a number. `true` tints it with the badge's\nown `tone`; a {@link Tone} value overrides that with the shared dot tint.",
+                            description: "Render a plain dot instead of a number. `true` tints it with the badge's\nown `tone`; a `Tone` value overrides that with the shared dot tint.",
                         },
                         {
                             name: "max",
@@ -748,6 +754,7 @@ export const docsManifest = {
                 "Give `AvatarImage` a meaningful `alt`; the visual is decorative only when the fallback initials already convey the identity.",
                 'Keep the default `radius="full"` for people; use a squared `radius` for brand/entity logos so they read as objects, not users.',
             ],
+            keywords: ["profile picture", "user", "initials"],
             uses: ["center", "dot", "flex", "visually-hidden"],
             usedBy: ["mobile-navigation"],
         },
@@ -944,6 +951,7 @@ export const docsManifest = {
                 'A standalone count needs an `accessibleLabel` ("3 unread"); inside an icon-only trigger, mark the badge `aria-hidden` and fold the count into the trigger\'s `aria-label`.',
                 "A badge overlapping a corner of another surface takes `ring` so a 2px `background`-coloured ring separates it from what's beneath; set it only where the badge truly overlaps, and the page surface should be `background`.",
             ],
+            keywords: ["chip", "status", "label"],
             uses: ["icon", "pill", "spinner", "visually-hidden"],
             usedBy: ["data-grid-column-filter", "product-card"],
         },
@@ -1025,6 +1033,7 @@ export const docsManifest = {
                 "Requires `ReducedMotionProvider`; under reduced motion it renders nothing (a static ring would read louder than the sweep it replaces), so don't add your own fallback border.",
                 'Use it as an attention / "try me" cue on an idle surface, not a loading state - content placeholders want `Skeleton`, and a periodic liveness flick wants `Shine`.',
             ],
+            keywords: [],
             uses: ["fade-overlay"],
             usedBy: [],
         },
@@ -1033,7 +1042,7 @@ export const docsManifest = {
             module: "components/box",
             title: "Box",
             category: "layout",
-            description: "The escape hatch: a raw host element with a `className`, still checked for\ntokens-only classes. Box renders the chosen {@link LayoutElement} with no\nlayout opinions of its own (no margin, width, or padding, unlike Container),\nso it suits decorative wrappers that a styled primitive would visually break. Reach for it only when no styled primitive fits; the\n`className` you pass is governed by the same tokens-only scan as everything\nelse. RSC-safe.",
+            description: "The escape hatch: a raw host element with a `className`, still checked for\ntokens-only classes. Box renders the chosen `LayoutElement` with no\nlayout opinions of its own (no margin, width, or padding, unlike Container),\nso it suits decorative wrappers that a styled primitive would visually break. Reach for it only when no styled primitive fits; the\n`className` you pass is governed by the same tokens-only scan as everything\nelse. RSC-safe.",
             exports: [
                 {
                     name: "Box",
@@ -1043,7 +1052,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "ref",
@@ -1065,6 +1074,7 @@ export const docsManifest = {
                 "`as` and `render` are mutually exclusive (`render` wins, dev-warned); `as` draws from the closed layout vocabulary.",
                 "Use `as` to change the element (a tag); use `render` only to swap in a component (e.g. a router Link). Never `render={<Box as=…/>}` - pass `as` directly.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [
                 "mega-menu",
@@ -1133,6 +1143,7 @@ export const docsManifest = {
                 'Render router links via `<BreadcrumbLink render={<Link href="…" />}>` with a framework `<Link>` - the bare default is an `<a>`.',
                 "Collapse overflow with `BreadcrumbEllipsis` hosting a menu of the hidden crumbs, rather than dropping items silently.",
             ],
+            keywords: [],
             uses: ["center", "flex", "icon", "visually-hidden"],
             usedBy: [],
             anatomy: {
@@ -1355,6 +1366,7 @@ export const docsManifest = {
                 "`loading` keeps the button focusable while it blocks presses, so focus stays put across a submit; a plain `disabled` button leaves the tab order.",
                 'Reach for `emphasis="ghost"`/`"link"` in toolbars/headers - they carry `data-edge-comp` so containers can pull them flush to the edge.',
             ],
+            keywords: [],
             uses: ["center", "dot", "icon", "spinner"],
             usedBy: [
                 "alert-dialog",
@@ -1452,6 +1464,7 @@ export const docsManifest = {
                 "Use `ButtonGroup` to visually join related `Button`s (plus `Input`/`Select`/`DropdownMenu`); for one/many *selection* state reach for `ToggleGroup`.",
                 "The `segmented` variant owns the border/background/shadow and defaults `dividers` on, while `joined` (default) lets each child draw its own - don't mix the two.",
             ],
+            keywords: [],
             uses: ["separator"],
             usedBy: ["quantity-control"],
         },
@@ -1478,6 +1491,7 @@ export const docsManifest = {
                 "Restrict selectable dates with react-day-picker matchers (`disabled`/`hidden`/`startMonth`/`endMonth`), not by filtering after the user clicks.",
                 "Use `Calendar` for an inline date grid; for a compact click-to-open date field, wrap it in a `Popover` behind a `Button`/`Input` trigger.",
             ],
+            keywords: ["date picker", "datepicker", "date"],
             uses: ["button", "icon"],
             usedBy: [],
         },
@@ -1578,6 +1592,7 @@ export const docsManifest = {
                 "Pass `shadow={false}` when stacking cards on a `muted`/shaded canvas - colour contrast separates them and per-card shadows read as noise.",
                 "For a full-bleed media/CTA panel use an editorial composite (`EditorialCard`), not `Card` - `Card` is a neutral padded container, not a marketing surface.",
             ],
+            keywords: [],
             uses: ["flex"],
             usedBy: ["attribute-card", "empty", "settings-card"],
             anatomy: {
@@ -1766,6 +1781,7 @@ export const docsManifest = {
                 "Tune scroll behaviour via `opts` (Embla options like `loop`/`align`) and enable `wheelScroll`/`freeScroll` deliberately - free-scroll drops snap points, so pass `slideCount` if the dots miscount.",
                 'Give a descriptive `aria-label` when the region isn\'t self-evidently "Carousel" (e.g. `"Product images"`).',
             ],
+            keywords: ["slideshow", "gallery", "swiper"],
             uses: ["button", "flex"],
             usedBy: [],
         },
@@ -1784,7 +1800,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "inline",
@@ -1811,6 +1827,7 @@ export const docsManifest = {
                 "`as`/`render` are mutually exclusive (`render` wins, dev-warned); use `inline` to center inline-level content without breaking the text flow.",
                 "Use `as` to change the element (a tag); use `render` only to swap in a component (e.g. a router Link). Never `render={<Box as=…/>}` - pass `as` directly.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [
                 "avatar",
@@ -1964,6 +1981,7 @@ export const docsManifest = {
                 "Colour every series through `config` (`{ desktop: { label, color } }`) and reference `var(--color-<key>)` on the marks - never hardcode a hex on a `Bar` / `Line`; that keeps light/dark theming and the legend/tooltip swatches in sync.",
                 "Reach for `Chart` only to render a recharts data visualization; for a static value + delta use `Stat`, and for a progress bar use `Progress`.",
             ],
+            keywords: ["graph", "plot", "visualisation", "visualization"],
             uses: ["center", "flex", "grid"],
             usedBy: [],
             anatomy: {
@@ -2028,6 +2046,7 @@ export const docsManifest = {
                 "Controlled use needs `checked` + `onCheckedChange` together; passing only `checked` freezes the box - use `defaultChecked` for uncontrolled.",
                 "For a selectable card or a label+description row, reach for `CheckboxCardGroup`/`CheckboxField` instead of hand-laying-out around `Checkbox`.",
             ],
+            keywords: [],
             uses: ["icon"],
             usedBy: ["checkbox-field", "data-grid", "document-list"],
         },
@@ -2202,6 +2221,7 @@ export const docsManifest = {
                 "To control the set, give each card a `value`, drive `checkedValues` (a `string[]`) and toggle inside `onCheckedChange(value, checked)`; without `checkedValues` each card keeps its own `checked`/`defaultChecked`.",
                 "Each card is one tab stop and toggles with Space; checkboxes don't rove, so Tab (not the arrow keys) moves between cards.",
             ],
+            keywords: [],
             uses: ["center", "flex", "input-card"],
             usedBy: [],
             anatomy: {
@@ -2298,6 +2318,7 @@ export const docsManifest = {
                 "Put helper text in `description` (linked via `aria-describedby`), not a separate sibling element the screen reader won't announce with the control.",
                 '`size` accepts only `"xs"`/`"sm"`; for a full selectable card use `CheckboxCardGroup`, and render one `CheckboxField` per option for a set.',
             ],
+            keywords: [],
             uses: ["checkbox", "grid", "label", "text"],
             usedBy: [],
         },
@@ -2331,6 +2352,7 @@ export const docsManifest = {
                 "Use inline `Code` for identifiers/values in a sentence and `block` for multi-line snippets - `Kbd` is for keyboard keys, not code.",
                 "`block` renders `<pre><code>` that scrolls horizontally; add `whitespace-pre-wrap` via `className` only when wrapping beats scrolling (long prose-like messages).",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -2373,6 +2395,7 @@ export const docsManifest = {
                 "Compose `CollapsibleTrigger` + `CollapsibleContent` inside it - a bare child won't expand.",
                 "Drive it uncontrolled with `defaultOpen`; only lift to `open`/`onOpenChange` when external state must sync (e.g. persisting the open panel).",
             ],
+            keywords: ["disclosure", "show more", "expander"],
             uses: [],
             usedBy: [],
             anatomy: {
@@ -2444,6 +2467,7 @@ export const docsManifest = {
                 "Values are HSL (`h` 0–360, `s`/`l` 0–100), not hex - convert at your storage boundary; a hex string won't position the handles.",
                 "`onChange` fires on every pointer drag and arrow-key step - throttle persistence/network writes downstream rather than reacting to each intermediate value.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -2544,6 +2568,7 @@ export const docsManifest = {
                 "For lists in the hundreds+, pass `virtualization={{ enabled: true }}` so only visible rows mount instead of every option.",
                 "Provide `items` as `{ label, value }[]` - the visible text comes from `label` while selection is tracked by `value`.",
             ],
+            keywords: ["autocomplete", "typeahead", "searchable select"],
             uses: ["button", "flex", "icon"],
             usedBy: ["country-combobox"],
         },
@@ -2638,7 +2663,8 @@ export const docsManifest = {
                             name: "showCloseButton",
                             type: "boolean",
                             required: false,
-                            description: "Whether to show the dialog close button.",
+                            defaultValue: "false",
+                            description: "Whether to show the dialog close button. Off by default: the button sits\nover the search field, and Escape or a click outside closes the palette.",
                         },
                         {
                             name: "contentProps",
@@ -2753,6 +2779,7 @@ export const docsManifest = {
                 "Act on a choice with `CommandItem`'s `onClick`, which fires for a pointer click and for `Enter` on the highlighted item.",
                 "A plain click-triggered action menu is `DropdownMenu`; a remembered selection is `Combobox`.",
             ],
+            keywords: ["command palette", "spotlight", "cmd+k", "quick search"],
             uses: ["dialog", "flex", "icon"],
             usedBy: [],
             anatomy: {
@@ -2822,7 +2849,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "fluid",
@@ -2872,6 +2899,7 @@ export const docsManifest = {
                 "`Container` constrains width and applies the page gutter; `Section` is the full-bleed vertical-rhythm band - nest a `Container` inside a `Section` when content must be both padded and centred.",
                 "Fold a single band into one node with `space` (its `py`) instead of nesting a `Section`; pass `fluid` to drop the max-width.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -2988,7 +3016,7 @@ export const docsManifest = {
                             name: "dot",
                             type: 'boolean | "neutral" | "brand" | "danger" | "warning" | "success" | "info"',
                             required: false,
-                            description: "Dot indicator at the start (takes precedence over icon): `true` for a neutral dot, or a {@link Tone} to tint it.",
+                            description: "Dot indicator at the start (takes precedence over icon): `true` for a neutral dot, or a `Tone` to tint it.",
                         },
                         {
                             name: "icon",
@@ -3170,6 +3198,7 @@ export const docsManifest = {
                 "Use `ContextMenu` for a right-click / long-press menu on a surface; a menu opened by clicking a button or trigger is a `DropdownMenu`.",
                 "Wrap the target region in `ContextMenuTrigger` so the whole surface is right-clickable; use `ContextMenuCheckboxItem` / `ContextMenuRadioGroup` for stateful rows.",
             ],
+            keywords: [],
             uses: ["icon", "menu-item"],
             usedBy: [],
             anatomy: {
@@ -3318,6 +3347,7 @@ export const docsManifest = {
                 'Feed `value` an ISO alpha-2 code (`"US"`) or a full country name (`"United States"`) - both resolve - but `onValueChange` always returns the code.',
                 "Don't pass `items`; `CountryCombobox` supplies the full country list itself. For a non-country searchable list, use the base `Combobox`.",
             ],
+            keywords: [],
             uses: ["combobox"],
             usedBy: [],
         },
@@ -3392,6 +3422,7 @@ export const docsManifest = {
                 "It is controlled-only - pass `value` (ISO 3166-1 alpha-2) and an `onChange`; there is no uncontrolled/`defaultValue` mode.",
                 'Give each option an alpha-2 `value` (e.g. `"US"`) so the overlaid flag resolves; a globe placeholder shows when the code is empty/unknown.',
             ],
+            keywords: [],
             uses: ["center", "icon", "input-group"],
             usedBy: ["phone-input"],
         },
@@ -3449,6 +3480,7 @@ export const docsManifest = {
                 "Use this for read-only key/value metadata about one entity; for tabular rows of many records reach for `Table` or `DataGrid` instead.",
                 "Turn on `showSeparators` when items are visually dense; leave it off inside a bordered `Card` where the container already frames them.",
             ],
+            keywords: [],
             uses: ["grid"],
             usedBy: [],
         },
@@ -3501,7 +3533,7 @@ export const docsManifest = {
                             type: "DialogContentSize",
                             required: false,
                             defaultValue: '"default"',
-                            description: "Panel geometry; see {@link DialogContentSize}.",
+                            description: "Panel geometry; see `DialogContentSize`.",
                         },
                     ],
                 },
@@ -3577,6 +3609,7 @@ export const docsManifest = {
                 "A panel that slides in from a screen edge is a `Sheet` (or `Drawer` for a drag-to-dismiss bottom sheet), not a `Dialog`.",
                 "Always render a `DialogTitle` (wrap in `sr-only` if visually hidden) so the modal is announced; `DialogContent` uses the 36px `--radius-modal` corner.",
             ],
+            keywords: ["modal", "popup", "lightbox"],
             uses: ["button", "flex"],
             usedBy: ["command", "quick-view"],
             anatomy: {
@@ -3673,6 +3706,7 @@ export const docsManifest = {
                 "Prefer the semantic `tone` (`success`/`warning`/`danger`/…) over a raw `color` so the dot tracks theme tokens; reserve `color` for swatches outside the palette.",
                 "The dot is decorative - pair it with visible text or an `aria-label`; colour alone doesn't convey status to assistive tech.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [
                 "avatar",
@@ -3746,6 +3780,7 @@ export const docsManifest = {
                 "Pick a glyph by intent from `DOT_MATRIX_LOADERS` - don't invent ad-hoc names. Map product actions → names in one place.",
                 "Pass `settled` when the op finished but narration is still on screen, so the slot stays in character without spinning forever.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -3855,6 +3890,7 @@ export const docsManifest = {
                 "Always render a `DrawerTitle` inside `DrawerContent` (sr-only if visually hidden) - the underlying primitive uses it for `aria-labelledby`.",
                 "Pass `container` to scope the drawer and its scrim to a bounded element instead of the viewport (the mobile-nav overlay pattern).",
             ],
+            keywords: ["bottom sheet"],
             uses: ["flex"],
             usedBy: ["mobile-navigation"],
         },
@@ -3971,7 +4007,7 @@ export const docsManifest = {
                             name: "dot",
                             type: 'boolean | "neutral" | "brand" | "danger" | "warning" | "success" | "info"',
                             required: false,
-                            description: "Dot indicator at the start (takes precedence over icon): `true` for a neutral dot, or a {@link Tone} to tint it.",
+                            description: "Dot indicator at the start (takes precedence over icon): `true` for a neutral dot, or a `Tone` to tint it.",
                         },
                         {
                             name: "icon",
@@ -4154,6 +4190,7 @@ export const docsManifest = {
                 "It's an actions / options menu, not a form control - to choose a value use `Select` (styled) or `Combobox` (searchable), not menu rows.",
                 "Reach for `DropdownMenuCheckboxItem` / `DropdownMenuRadioItem` for stateful rows; `DropdownMenuContent` portals to the body.",
             ],
+            keywords: [],
             uses: ["icon", "menu-item"],
             usedBy: [
                 "data-grid-column-header",
@@ -4281,6 +4318,7 @@ export const docsManifest = {
                 "Colour the curve with a `text-*` class (it strokes `currentColor`) and size it purely via `className` - the same primitive scales from a tiny preview to a full row.",
                 "Always pass a meaningful `title` - it becomes the SVG `<title>`, the curve's only accessible name.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -4385,6 +4423,7 @@ export const docsManifest = {
                 'Use `Empty` for "no data / nothing here"; a failure the user can retry is an `ErrorState` (which composes `Empty`), so don\'t hand-roll a retry empty.',
                 "Compose `EmptyHeader` › `EmptyMedia` + `EmptyTitle` + `EmptyDescription`, and put the call-to-action in `EmptyActions`.",
             ],
+            keywords: [],
             uses: ["card", "flex", "heading", "icon", "icon-box", "stack", "text"],
             usedBy: ["empty-state", "error-state"],
         },
@@ -4439,6 +4478,7 @@ export const docsManifest = {
                 "`ErrorBoundary` catches render crashes in a subtree - pair it with an `ErrorState` in `fallback` to show the failure; it renders nothing by default.",
                 "It logs nothing itself - wire telemetry through `onError`, and offer recovery via the render-prop `fallback`'s `reset` callback.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -4523,6 +4563,7 @@ export const docsManifest = {
                 'Always pass an `aria-label` (e.g. "Expand row") - it\'s icon-only, so without one screen readers announce an unlabelled button.',
                 "Drive the icon and `aria-expanded` with the `expanded` prop; set `expandedIcon`/`collapsedIcon` only to override the default Minus/Plus pair.",
             ],
+            keywords: [],
             uses: [],
             usedBy: ["data-grid"],
         },
@@ -4564,6 +4605,7 @@ export const docsManifest = {
                 "Set `collapsedHeight` in rem to a whole number of lines at the text's line height, so the cut lands between lines.",
                 "Reach for `Collapsible` when the hidden part is separate content behind a labelled trigger rather than the rest of one passage.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -4621,6 +4663,7 @@ export const docsManifest = {
                 "It's the shared engine behind `BorderBeam` and `Shine` - prefer those named components for their specific looks; drop to `FadeOverlay` directly only for a new overlay effect.",
                 "Needs `ReducedMotionProvider`; under reduced motion it renders only `children` (a static band would read louder than the animation), so the overlay doesn't appear.",
             ],
+            keywords: [],
             uses: [],
             usedBy: ["border-beam", "shine"],
         },
@@ -4706,6 +4749,7 @@ export const docsManifest = {
                 "Compose the documented parts (`FieldLabel`, `FieldContent`, `FieldError`, `FieldDescription`) around one control - the label's `htmlFor` and the control's `aria-describedby` are wired for you, so there are no ids to pass.",
                 'Use `orientation="responsive"` for a label-beside-control that collapses to stacked on mobile, rather than duplicating the field per breakpoint.',
             ],
+            keywords: [],
             uses: ["flex", "label"],
             usedBy: ["input", "input-group", "settings-card", "textarea"],
             anatomy: {
@@ -4760,7 +4804,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "direction",
@@ -4830,6 +4874,7 @@ export const docsManifest = {
                 '`as` and `render` are mutually exclusive (`render` wins, dev-warned); `as` draws from the closed layout vocabulary, so `as="button"` is a type error (use `Button`).',
                 "Use `as` to change the element (a tag); use `render` only to swap in a component (e.g. a router Link). Never `render={<Box as=…/>}` - pass `as` directly.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [
                 "alert-dialog",
@@ -4968,6 +5013,7 @@ export const docsManifest = {
                 "Drive variant switches by changing `src` - that triggers the built-in crossfade + shimmer; don't unmount/remount `GalleryImage` per variant or you lose the transition.",
                 "Position `GalleryImage` inside a `relative` container with fixed dimensions - the surfaces are `absolute inset-0`, so an unsized parent collapses to zero height.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -4992,7 +5038,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "columns",
@@ -5059,7 +5105,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Ref\nand event-handler types remain the default element\'s (HTMLDivElement).\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Ref\nand event-handler types remain the default element\'s (HTMLDivElement).\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "order",
@@ -5105,6 +5151,7 @@ export const docsManifest = {
                 '`as` and `render` are mutually exclusive (`render` wins, dev-warned); `as` draws from the closed layout vocabulary, so `as="button"` is a type error (use `Button`).',
                 "Use `as` to change the element (a tag); use `render` only to swap in a component (e.g. a router Link). Never `render={<Box as=…/>}` - pass `as` directly.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [
                 "alert",
@@ -5146,7 +5193,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "gap",
@@ -5192,6 +5239,7 @@ export const docsManifest = {
                 '`as` and `render` are mutually exclusive (`render` wins, dev-warned); `as` draws from the closed layout vocabulary, so `as="button"` is a type error (use `Button`).',
                 "Use `as` to change the element (a tag); use `render` only to swap in a component (e.g. a router Link). Never `render={<Box as=…/>}` - pass `as` directly.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -5242,6 +5290,7 @@ export const docsManifest = {
                 "Set `level` (`h1`–`h6`) for the document outline and `size` for visual scale independently - don't pick a tag just to get a size; a small-looking heading can still be an `h2`.",
                 "Keep one `h1` per page and don't skip levels for styling; use `size` (responsive-capable) to make a lower-level heading look larger.",
             ],
+            keywords: ["title", "headline"],
             uses: [],
             usedBy: [
                 "cookie-banner",
@@ -5354,6 +5403,7 @@ export const docsManifest = {
                 "State is parent-controlled: pass `hovered`/`active` (plus `onMouseEnter`/`onClick`) - the dot grows and the ring pulses only in response; it tracks nothing itself.",
                 "Always pass `label` - it's the button's `aria-label` and the hotspot's only accessible name; also mount `ReducedMotionProvider` so the pulse honours the OS motion setting.",
             ],
+            keywords: [],
             uses: ["spinner"],
             usedBy: [],
         },
@@ -5391,6 +5441,7 @@ export const docsManifest = {
                 "It opens on hover / focus only - never hide essential actions or content a touch / keyboard-only user can't otherwise reach behind it.",
                 "Tune the trigger's `delay`/`closeDelay` (ms) instead of adding your own timers; `HoverCardContent` portals to the body.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -5440,6 +5491,7 @@ export const docsManifest = {
                 "`Icon` is always `aria-hidden` + non-focusable - pair it with visible text or give the interactive parent an `aria-label`; never rely on it to name a control.",
                 'Size with the `size` token (`"sm"`,`"lg"`…), not `className="size-6"` - the scale maps to the shared `ComponentSize` steps other components align to.',
             ],
+            keywords: [],
             uses: [],
             usedBy: [
                 "accordion",
@@ -5558,6 +5610,7 @@ export const docsManifest = {
                 "Set colour via `tone`, not a hex/`bg-*` className - `tone` carries the paired surface+foreground tokens, including the dark-mode variants.",
                 "Let `iconSize` default from the box `size`; override only when the glyph must break the built-in `BOX_TO_ICON_SIZE` ratio.",
             ],
+            keywords: [],
             uses: ["icon"],
             usedBy: ["empty", "item"],
         },
@@ -5608,6 +5661,7 @@ export const docsManifest = {
                 "Pass a Lucide component to `icon` (e.g. `HomeIcon`), not a rendered element `<HomeIcon />` - it is handed to the internal `Icon` for consistent sizing/stroke.",
                 "Use `IconCard` for compact icon-over-label option pickers (property type, category); for a content container with header/body reach for `Card`, and for a settings row use `SettingsCard`.",
             ],
+            keywords: [],
             uses: ["center", "icon"],
             usedBy: [],
         },
@@ -5677,6 +5731,7 @@ export const docsManifest = {
                 "Use it as the animated drop-in for `Icon`; for a plain static glyph stay on `Icon` and skip the extra `AnimatePresence`/motion cost.",
                 "Needs `ReducedMotionProvider` for the blur-crossfade to run and honour reduced motion; like `Icon` it renders `aria-hidden`, so name the control elsewhere.",
             ],
+            keywords: [],
             uses: ["icon"],
             usedBy: ["thinking-loader"],
         },
@@ -5751,6 +5806,7 @@ export const docsManifest = {
                 "Position this over the exact identified bounds inside a relative container; inflate the bounds outside this component when the source geometry is smaller than a comfortable pointer target.",
                 "Pair it with a real button or link. This component is deliberately pointer-transparent and carries no interaction semantics of its own.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -5818,6 +5874,7 @@ export const docsManifest = {
                 "Give every `Input` an associated label - inside a `Field` a `FieldLabel` targets it with no ids to wire; standalone, point a `Label`'s `htmlFor` at its `id`. A placeholder is not an accessible name.",
                 '`size` defaults to `"xl"` (48px); pass a responsive object like `{ base: "sm", md: "xl" }` rather than swapping components per breakpoint.',
             ],
+            keywords: ["text field", "textbox", "text input"],
             uses: ["field"],
             usedBy: ["sidebar", "tag-selector"],
         },
@@ -5914,6 +5971,7 @@ export const docsManifest = {
                 "Drive the selected look via the `selected` prop (it sets `data-selected` + the primary tint), not by appending your own active classes.",
                 "Use `render` to project the card styling onto a real interactive element (e.g. a `<label>` wrapping an input) when you need native selection behaviour.",
             ],
+            keywords: [],
             uses: ["icon"],
             usedBy: ["checkbox-card", "radio-card"],
         },
@@ -6198,6 +6256,7 @@ export const docsManifest = {
                 "Set `size`/`radius`/`disabled` once on `InputGroup`; children inherit them via context, so don't re-set them per child.",
                 "Inside a `Field` the group inherits invalid state and its `InputGroupInput`/`InputGroupTextarea` becomes the field's control (labelled, described, `aria-invalid`) - pass `hasError` only to force error styling and `aria-invalid` independently.",
             ],
+            keywords: [],
             uses: ["button", "field", "flex", "icon", "textarea"],
             usedBy: ["country-select", "search-input"],
             anatomy: {
@@ -6262,6 +6321,7 @@ export const docsManifest = {
                 'Characters are filtered by `validationType` (`"numeric"` by default; `"alpha"`, `"alphanumeric"` and `"none"` are also available) - pass `"alphanumeric"` for codes that contain letters.',
                 "Split slots into `InputOTPGroup`s with an `InputOTPSeparator` between them for visual grouping only - it does not change the underlying value.",
             ],
+            keywords: [],
             uses: ["flex", "icon"],
             usedBy: [],
         },
@@ -6430,6 +6490,7 @@ export const docsManifest = {
                 "Use `render` to make the whole item a link/button (e.g. `render={<Link href=\"…\" />}`); the item's children become the link's content.",
                 "Reach for `Item` for generic single rows; for files/documents use `DocumentList`, and for term/value metadata use `DescriptionList`.",
             ],
+            keywords: [],
             uses: ["flex", "icon-box", "separator", "stack"],
             usedBy: [],
             anatomy: {
@@ -6544,6 +6605,7 @@ export const docsManifest = {
                 "Wrap multi-key chords in `KbdGroup` and set `size` on the group - children inherit it via context, so you size the combo once.",
                 "It renders a semantic `<kbd>`; reserve it for keyboard keys/shortcuts, not as a generic small-label chip (that's `Badge`).",
             ],
+            keywords: ["keyboard shortcut", "hotkey"],
             uses: [],
             usedBy: ["menu-item", "prompt-panel", "search-input", "sidebar"],
         },
@@ -6564,6 +6626,7 @@ export const docsManifest = {
                 "Point `htmlFor` at the control's `id` so clicking the label focuses/toggles it; a `Label` with no association is just styled text.",
                 "For checkbox/radio rows and fields, prefer `CheckboxField`/`FieldLabel`/`RadioGroupItem`, which generate the `id`/`htmlFor` pairing for you.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [
                 "checkbox-field",
@@ -6688,6 +6751,7 @@ export const docsManifest = {
                 "`search` may reject; the dropdown then shows no suggestions. Return `null` from `resolve` to ignore a selection.",
                 'Pick `mode="city"` vs `"address"` to scope the geocoding; drive it controlled via the `Location` `value` + `onChange` (which also fires on clear).',
             ],
+            keywords: [],
             uses: ["button", "icon", "menu-item"],
             usedBy: [],
         },
@@ -6731,6 +6795,7 @@ export const docsManifest = {
                 'Don\'t add your own `aria-label`/`role` - `Logo` already ships `role="img"` + "Material Bank" (change the name with `label`); wrap it in a link only when you need a click target.',
                 "To use your own brand, pass `mark` as SVG shapes in a 48x48 viewBox filled with `currentColor`, and a matching `label` - don't wrap or overlay the default mark.",
             ],
+            keywords: [],
             uses: [],
             usedBy: ["logotype", "mobile-navigation"],
         },
@@ -6767,6 +6832,7 @@ export const docsManifest = {
                 'Don\'t add your own `aria-label`/`role` - `Logotype` already ships `role="img"` + "Material Bank"; wrap it in a link only when you need a click target, and set `label=""` when the name is already visible beside it.',
                 "Use `Logo` where only the mark fits, such as an app icon or a collapsed sidebar; use `Logotype` where the name should be read.",
             ],
+            keywords: [],
             uses: ["logo"],
             usedBy: [],
         },
@@ -6818,6 +6884,7 @@ export const docsManifest = {
                 "It only scrolls when the text overflows; short text that fits\nstays a static clipped label with no duplicate copy and no animation.",
                 "Honours `prefers-reduced-motion` automatically via the shared\n`.animate-marquee` utility, which disables the animation.",
             ],
+            keywords: [],
             uses: ["flex"],
             usedBy: ["product-card"],
         },
@@ -6836,7 +6903,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Ref\nand event-handler types remain the default element\'s.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Ref\nand event-handler types remain the default element\'s.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "edge",
@@ -6891,6 +6958,7 @@ export const docsManifest = {
                 "Set `edge` to frame photography with an inset hairline that stays above the media; do not fake it with a border or an inset shadow on the frame, which the media hides.",
                 "Reach for `raised` only when the frame sits on the same fill as its surface; in a dense row the edge already separates it.",
             ],
+            keywords: [],
             uses: [],
             usedBy: ["editorial-card", "product-card"],
         },
@@ -7012,7 +7080,7 @@ export const docsManifest = {
                             name: "dot",
                             type: 'boolean | "neutral" | "brand" | "danger" | "warning" | "success" | "info" | undefined',
                             required: false,
-                            description: "Dot indicator at the start, centred in the icon space (takes precedence over icon): `true` for a neutral dot, or a {@link Tone} to tint it.",
+                            description: "Dot indicator at the start, centred in the icon space (takes precedence over icon): `true` for a neutral dot, or a `Tone` to tint it.",
                         },
                         {
                             name: "icon",
@@ -7079,6 +7147,7 @@ export const docsManifest = {
                 "`MenuItem` is the standalone base for custom menus (popovers, sheets); inside a `DropdownMenu` / `ContextMenu` use that family's `*Item` for built-in roving focus.",
                 "Pass glyphs via the `icon` / `dot` / `avatar` / `kbd` / `suffixIcon` props, not as children - with `render` they render around `children`, which is the label only.",
             ],
+            keywords: [],
             uses: ["center", "dot", "icon", "kbd", "radio", "spinner"],
             usedBy: [
                 "context-menu",
@@ -7210,7 +7279,7 @@ export const docsManifest = {
                             name: "dot",
                             type: 'boolean | "neutral" | "brand" | "danger" | "warning" | "success" | "info"',
                             required: false,
-                            description: "Dot indicator at the start (takes precedence over icon): `true` for a neutral dot, or a {@link Tone} to tint it.",
+                            description: "Dot indicator at the start (takes precedence over icon): `true` for a neutral dot, or a `Tone` to tint it.",
                         },
                         {
                             name: "icon",
@@ -7403,6 +7472,7 @@ export const docsManifest = {
                 "Reserve `Menubar` for a persistent desktop app menu bar; a single click menu is `DropdownMenu`, a right-click menu is `ContextMenu`.",
                 "Give each top-level label its own `MenubarMenu`, and control a menu's open state on that `MenubarMenu` (`open`/`onOpenChange`) rather than on the bar.",
             ],
+            keywords: [],
             uses: ["icon", "menu-item"],
             usedBy: [],
             anatomy: {
@@ -7578,6 +7648,7 @@ export const docsManifest = {
                 'Enable the "I\'m not sure" escape hatch with `showUnsure` (off by default); `"unsure"`/`"beyond"` only ever arrive when their toggles are shown.',
                 'Bound the range with `yearsAhead` (from the current year); it auto-advances and commits once both month and year are chosen, so don\'t add your own "next" control.',
             ],
+            keywords: ["date picker", "date", "month", "year"],
             uses: ["flex", "grid", "text", "toggle"],
             usedBy: [],
         },
@@ -7716,6 +7787,7 @@ export const docsManifest = {
                 "Pass the trigger's `borderRadius` / `boxShadow` via `style` (not `className`) on `MorphDialogTrigger` so Motion can correct their distortion during the morph.",
                 "Render a `MorphDialogTitle` (use `visuallyHidden` if needed) for the accessible name; mount `ReducedMotionProvider` at the app root since it animates via `m.*`.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -7743,6 +7815,7 @@ export const docsManifest = {
                 "It's required app-side, not inside",
                 'Rely on it (not per-component code) for reduced motion: its `MotionConfig reducedMotion="user"` honours the OS setting for all descendants.',
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -7774,6 +7847,7 @@ export const docsManifest = {
                 "Reach for `NativeSelect` when the native mobile picker and zero-JS behaviour matter; use `Select` when you need custom-rendered option content or styling.",
                 "It has no built-in label - associate a `Label` via `htmlFor`/`id` for an accessible name.",
             ],
+            keywords: ["dropdown", "picker"],
             uses: ["icon"],
             usedBy: [],
         },
@@ -7911,6 +7985,7 @@ export const docsManifest = {
                 "Reserve `NavigationMenu` for site/section navigation with panels; a click actions menu is `DropdownMenu`, a desktop app menu bar is `Menubar`, and simple in-page routed tabs are `TabNavigation`.",
                 "Keep it uncontrolled unless you must drive it; leave `viewport` on unless you render your own `NavigationMenuViewport` (e.g. to place a `NavigationMenuIndicator` in it).",
             ],
+            keywords: [],
             uses: ["icon"],
             usedBy: [],
             anatomy: {
@@ -8034,6 +8109,7 @@ export const docsManifest = {
                 "It is data-source agnostic (not coupled to react-table); for grid paging use the DataGrid's own pagination parts instead.",
                 "Signal an in-flight jump with `loadingPage={n}` so only that button spins; leave a11y labels to the component (each control is pre-labelled).",
             ],
+            keywords: [],
             uses: ["button", "center", "flex"],
             usedBy: [],
         },
@@ -8123,6 +8199,7 @@ export const docsManifest = {
                 'Set `defaultCountry` (ISO alpha-2, default `"US"`) for the initial calling code; the integrated country selector then lets users switch.',
                 "Validate the emitted E.164 value (e.g. via react-phone-number-input's `isValidPhoneNumber`) rather than regex-matching the display text.",
             ],
+            keywords: [],
             uses: ["country-select"],
             usedBy: [],
         },
@@ -8241,6 +8318,7 @@ export const docsManifest = {
                 "Don't reach for `Pill` in app code - it's the shared styling base; use `Badge` for display-only labels/counts and `Tag` for interactive (clickable/dismissible) chips.",
                 "`Pill` is presentation-only and has no button semantics or dismiss/click handling - those live on `Tag`; adding `onClick` here yields a non-accessible pseudo-button.",
             ],
+            keywords: ["chip"],
             uses: [],
             usedBy: ["badge", "tag", "tag-selector"],
         },
@@ -8294,6 +8372,7 @@ export const docsManifest = {
             bestPractices: [
                 "Use for inline chat / agent waits. Prefer ThinkingLoader when you have narrated steps; ThinkingOrb for avatar-scale state; DotMatrixLoader for prompt-bar intent glyphs.",
             ],
+            keywords: [],
             uses: ["grid", "text"],
             usedBy: [],
         },
@@ -8373,6 +8452,7 @@ export const docsManifest = {
                 "It's non-modal by default (`modal={false}`) so the page stays interactive - pass `modal` only when you must trap focus and block the background.",
                 "`PopoverContent` portals to the body; anchor to a non-trigger element with its `anchor` prop.",
             ],
+            keywords: ["popup", "flyout", "popout"],
             uses: [],
             usedBy: ["color-palette", "mega-menu", "product-card", "tag-selector"],
             anatomy: {
@@ -8478,6 +8558,7 @@ export const docsManifest = {
                 "For a ring instead of a bar use `ProgressCircle` - it needs an explicit `label` for its native `<progress>` accessible name.",
                 "Mount `ReducedMotionProvider` at the app root - the indeterminate bar slides via `m.*` (LazyMotion).",
             ],
+            keywords: [],
             uses: ["center"],
             usedBy: ["file-upload"],
         },
@@ -8530,6 +8611,7 @@ export const docsManifest = {
                 "Pass `onDotClick` only when steps are navigable - it turns each dot into a focusable button; `labels` surface as hover tooltips.",
                 "Mount `ReducedMotionProvider` at the app root - the dots animate via `m.*` (LazyMotion).",
             ],
+            keywords: [],
             uses: ["flex", "tooltip"],
             usedBy: [],
         },
@@ -8613,6 +8695,7 @@ export const docsManifest = {
                 "It's controlled - pass the current `value` and update it in `onIncrement`/`onDecrement`, which fire once per step for clicks, arrow keys and each repeat of a held button. Typing a number is not supported.",
                 "Tab focuses the quantity itself (the stepper buttons are skipped, as in any number field), announced by its `label`. In a list of lines, pass a `label` naming the item so each field is told apart.",
             ],
+            keywords: ["counter", "number input", "increment", "spinbutton"],
             uses: ["button", "button-group"],
             usedBy: [],
         },
@@ -8652,6 +8735,7 @@ export const docsManifest = {
                 "Give every `Radio` a unique `value` and pair it with a `Label` - or use `RadioGroupItem`, which bundles the radio and its wired label.",
                 "For selectable-card options rather than plain dots, use `RadioCardGroup`.",
             ],
+            keywords: [],
             uses: [],
             usedBy: ["menu-item", "radio-card", "radio-group"],
         },
@@ -8793,6 +8877,7 @@ export const docsManifest = {
                 'Drive selection with `value`/`onValueChange` (controlled) or `defaultValue` (uncontrolled); use `layout="inline"` for a wrapping row instead of the stacked grid.',
                 "Label the group (e.g. `aria-label` or a `Field` with a `FieldLabel`) - Tab lands on the selected card and the arrow keys move between cards.",
             ],
+            keywords: [],
             uses: ["center", "flex", "input-card", "radio"],
             usedBy: ["product-specifications-selector"],
         },
@@ -8844,6 +8929,7 @@ export const docsManifest = {
                 "Drive selection with `value` + `onValueChange` (controlled) or `defaultValue` (uncontrolled) - don't set both on the same group.",
                 "Prefer `RadioGroupItem` (radio + wired `Label`) over hand-pairing `Radio` and `Label`; it auto-generates the `id`/`htmlFor` link.",
             ],
+            keywords: [],
             uses: ["flex", "grid", "label", "radio", "text"],
             usedBy: [],
         },
@@ -8890,6 +8976,7 @@ export const docsManifest = {
                 "Render several in a vertical list and give it an accessible grouping (e.g. `aria-live` region) so screen readers announce requirements flipping to met.",
                 "Reach for `RequirementItem` for pass/fail checklist rows; for a generic list row use `Item`, and for form field errors use the field's own error message.",
             ],
+            keywords: [],
             uses: ["flex", "icon"],
             usedBy: [],
         },
@@ -8956,6 +9043,7 @@ export const docsManifest = {
                 "Compose `ResizablePanel` children separated by `ResizableHandle` - a handle between panels is what makes them draggable.",
                 "Set the axis with `direction` (`horizontal`/`vertical`); it maps to the library's `orientation`, which is intentionally not exposed.",
             ],
+            keywords: [],
             uses: ["center", "icon"],
             usedBy: [],
             anatomy: {
@@ -9026,6 +9114,7 @@ export const docsManifest = {
                 "`Scrim` is a decorative gradient for text-over-image legibility, not a modal backdrop - dialog / sheet dimming is built into those components.",
                 "Place it inside a `position: relative` ancestor; it renders `aria-hidden` and ignores pointer events, so it never blocks the content beneath.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -9049,7 +9138,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Ref\nand event-handler types remain the default element\'s.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Ref\nand event-handler types remain the default element\'s.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "allowOverflow",
@@ -9094,6 +9183,7 @@ export const docsManifest = {
                 "`ScrollArea` renders its own `ScrollBar`; reach for `ScrollBar` directly only when hand-composing a Base UI scroll area.",
                 "Use `as` to change the element (a tag); use `render` only to swap in a component (e.g. a router Link). Never `render={<Box as=…/>}` - pass `as` directly.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [
                 "data-grid",
@@ -9153,6 +9243,7 @@ export const docsManifest = {
                 "Match `theme` to the container's actual background (`card`/`popover`/…) - the scrim fades to that colour, so a mismatch leaves a visible seam.",
                 'Set `position` (`start`/`end`) and `orientation` to the edge with hidden content - `end`+`vertical` is the common "more below" bottom fade.',
             ],
+            keywords: [],
             uses: [],
             usedBy: ["scroll-frame", "segmented-control", "tag-selector"],
         },
@@ -9267,6 +9358,7 @@ export const docsManifest = {
                 'Match `fadeTheme` to the surface behind the frame (`card` inside a Card). Over an image or a blur, use `fadeMode="mask"` instead.',
                 "For a horizontal strip used with a mouse, add `dragScroll` and `controls`; both stand aside on touch screens, and each control hides at the end it points to.",
             ],
+            keywords: [],
             uses: ["button", "scroll-area", "scroll-fade"],
             usedBy: ["page-toolbar"],
         },
@@ -9370,6 +9462,7 @@ export const docsManifest = {
                 "Pass cycling placeholder ideas via `suggestions` (which suppresses the static `placeholder`); `shortcutHint` shows only while empty and is swapped for the clear button once the field has a value.",
                 'Pill (`radius="full"`) at the 48px `xl` default is the search signature - so leave both defaults alone in standard search/filter placements; pass `size` explicitly for compact embedded contexts (popovers, table headers).',
             ],
+            keywords: [],
             uses: ["flex", "grid", "input-group", "kbd"],
             usedBy: [],
         },
@@ -9388,7 +9481,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "inset",
@@ -9426,6 +9519,7 @@ export const docsManifest = {
                 "`Section` is full-width (padding only, no max-width) - nest a `Container` inside when content should also be centred; use `Container` alone when you just need the width cap.",
                 "Tune vertical rhythm with `space` (its `py`, default `base`); `as`/`render` are mutually exclusive with `render` winning (dev-warned).",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -9434,7 +9528,7 @@ export const docsManifest = {
             module: "components/segmented-control",
             title: "SegmentedControl",
             category: "forms",
-            description: "A single-select, always-one-selected control that switches between a small\nset of visible options - a view or mode switcher rendered as a pill of\nsegments. Built on Base UI ToggleGroup (single-select) but kept permanently\nselected: re-clicking the active segment never clears it.\n\nCompose it from {@link SegmentedControlItem}s; shared `size` / `fullWidth` /\nactive state flow to them through context. Controlled via `value`, or\nuncontrolled via `defaultValue`. Items scroll horizontally with a trailing\nfade hint when they overflow.",
+            description: "A single-select, always-one-selected control that switches between a small\nset of visible options - a view or mode switcher rendered as a pill of\nsegments. Built on Base UI ToggleGroup (single-select) but kept permanently\nselected: re-clicking the active segment never clears it.\n\nCompose it from `SegmentedControlItem`s; shared `size` / `fullWidth` /\nactive state flow to them through context. Controlled via `value`, or\nuncontrolled via `defaultValue`. Items scroll horizontally with a trailing\nfade hint when they overflow.",
             exports: [
                 {
                     name: "SegmentedControl",
@@ -9533,6 +9627,7 @@ export const docsManifest = {
                 "Switching visible content panels is Tabs; navigating URLs is TabNavigation - SegmentedControl is an input that selects a value or mode.",
                 "Icon-only items must carry an `aria-label`.",
             ],
+            keywords: [],
             uses: ["dot", "flex", "icon", "scroll-area", "scroll-fade"],
             usedBy: ["color-palette"],
             anatomy: {
@@ -9719,6 +9814,7 @@ export const docsManifest = {
                 "Drive it with `value` + `onValueChange` (controlled) or `defaultValue` (uncontrolled), and give it an accessible name via the trigger (`Field`/`Label`).",
                 "Pass `items` (a value-to-label map or `{ value, label }[]`) so the trigger shows the selected label even before the popup has mounted.",
             ],
+            keywords: ["dropdown", "picker"],
             uses: ["button", "center", "icon", "menu-item"],
             usedBy: ["data-grid-pagination"],
             anatomy: {
@@ -9796,6 +9892,7 @@ export const docsManifest = {
                 "It is announced as a separator by default - pass `aria-hidden` when the rule is purely decorative.",
                 'For an inline rule set `orientation="vertical"` and give it an explicit height (e.g. `className="h-6"`) - a vertical separator has no intrinsic length.',
             ],
+            keywords: ["divider", "rule", "hr"],
             uses: [],
             usedBy: [
                 "button-group",
@@ -9905,6 +10002,7 @@ export const docsManifest = {
                 "Use `Sheet` for a simple edge panel holding a focused form / settings; a drag-to-dismiss bottom sheet is a `Drawer`, and nested panels are a `Sidepanel`.",
                 "Set the entry edge via `SheetContent` `side`; always render a `SheetTitle` (wrap in `sr-only` if hidden) so the panel is announced.",
             ],
+            keywords: ["drawer", "side sheet", "slide-over"],
             uses: ["button", "flex"],
             usedBy: ["sidebar"],
             anatomy: {
@@ -10037,6 +10135,7 @@ export const docsManifest = {
                 '`variant="metallic"` is built for dark surfaces only - on a light background the chrome ramp loses contrast. Its own `duration` and `repeatDelay` defaults apply only when you pass neither.',
                 "To sweep several lines in step, pass them one shared `progress` motion value (0-100) and drive it yourself; a Shimmer given `progress` never animates on its own.",
             ],
+            keywords: [],
             uses: [],
             usedBy: ["thinking-loader"],
         },
@@ -10107,6 +10206,7 @@ export const docsManifest = {
                 "Either pass `children` (Shine wraps them in a relative box) or render it bare inside an existing `position: relative` parent - otherwise the sweep has nothing to overlay.",
                 "Needs `ReducedMotionProvider`; under reduced motion it renders nothing (a static band would look like a permanent artefact), so don't rely on it as persistent decoration.",
             ],
+            keywords: [],
             uses: ["fade-overlay"],
             usedBy: [],
         },
@@ -10415,6 +10515,7 @@ export const docsManifest = {
                 "Reach for `Sidepanel` when you need nested sub-panels or a non-modal panel (`modal={false}`) that leaves the page interactive; a single focused edge panel is a `Sheet`.",
                 "Compose nested panels with `SidepanelNestedRoot`, and always render a `SidepanelTitle` for the accessible name.",
             ],
+            keywords: [],
             uses: ["button", "flex", "stack"],
             usedBy: [],
             anatomy: {
@@ -10489,7 +10590,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "cols",
@@ -10544,6 +10645,7 @@ export const docsManifest = {
                 '`as` and `render` are mutually exclusive (`render` wins, dev-warned); `as` draws from the closed layout vocabulary, so `as="button"` is a type error (use `Button`).',
                 "Use `as` to change the element (a tag); use `render` only to swap in a component (e.g. a router Link). Never `render={<Box as=…/>}` - pass `as` directly.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -10607,6 +10709,7 @@ export const docsManifest = {
                 "Prefer `Skeleton` over a spinner for content areas - a layout-stable placeholder that mirrors the final shape avoids reflow when data lands.",
                 'Size it with `className` (`h-*` / `w-*`); use `variant="light"` on white / `bg-background` surfaces where the default grey is too dark.',
             ],
+            keywords: [],
             uses: ["stack"],
             usedBy: ["data-grid-pagination", "product-card", "sidebar"],
         },
@@ -10637,7 +10740,7 @@ export const docsManifest = {
                             name: "onDraggingChange",
                             type: "(dragging: boolean) => void",
                             required: false,
-                            description: "Told when a drag starts and ends.\n\nA consumer usually has something else that should behave differently\nunder the finger - a preview that should stop animating each step, a\nreadout that should stop settling - and the state is already tracked here\nfor {@link travelToValue}.",
+                            description: "Told when a drag starts and ends.\n\nA consumer usually has something else that should behave differently\nunder the finger - a preview that should stop animating each step, a\nreadout that should stop settling - and the state is already tracked here\nfor `travelToValue`.",
                         },
                         {
                             name: "variant",
@@ -10687,6 +10790,7 @@ export const docsManifest = {
                 'On `variant="channel"`, give the channel its colour with `trackBackground` and keep the thumb legible against it with `getThumbColor`; the app owns the colour maths, the slider only paints the result.',
                 "Use `labelStart`/`labelEnd` for visible end captions and `getValueText` for what a screen reader hears; the captions are hidden from assistive technology.\n\nChannel affordances adapted from",
             ],
+            keywords: [],
             uses: ["flex", "text"],
             usedBy: [],
         },
@@ -10743,6 +10847,7 @@ export const docsManifest = {
                 'The mark paints with `currentColor`, so colour it with a text-colour class on the icon or a parent (`className="text-muted-foreground"`), not a brand fill.',
                 'Size with the `size` token (`"sm"`, `"lg"`…), not `className="size-6"`; it shares the `Icon` scale so a mark lines up with the icons around it.',
             ],
+            keywords: [],
             uses: ["icon"],
             usedBy: ["site-footer"],
         },
@@ -10786,6 +10891,7 @@ export const docsManifest = {
             bestPractices: [
                 "Reach for `Space` only for a fixed one-off gap between siblings; consistent spacing across many children belongs on a `Stack`/`Flex`/`Group` `gap` instead.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -10811,6 +10917,7 @@ export const docsManifest = {
                 "Use `Spinner` for small inline / action loading (inside a `Button`, next to text); a blocking full region is `LoadingState`, a layout placeholder is `Skeleton`.",
                 "A bare `Spinner` carries no accessible name - wrap it in a labelled live region (e.g. `LoadingState`) when it's the sole loading signal.",
             ],
+            keywords: ["loader", "loading", "activity indicator"],
             uses: [],
             usedBy: [
                 "badge",
@@ -10850,7 +10957,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "align",
@@ -10897,7 +11004,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "direction",
@@ -10968,7 +11075,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "align",
@@ -11006,6 +11113,7 @@ export const docsManifest = {
                 '`as` and `render` are mutually exclusive (`render` wins, dev-warned); `as` draws from the closed layout vocabulary, so `as="button"` is a type error (use `Button`).',
                 "Use `as` to change the element (a tag); use `render` only to swap in a component (e.g. a router Link). Never `render={<Box as=…/>}` - pass `as` directly.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [
                 "empty",
@@ -11078,6 +11186,7 @@ export const docsManifest = {
                 "Tune rhythm with `stagger` (gap between items) and `delay` (lead-in) on the parent, rather than hand-setting per-child transition delays.",
                 "Needs `ReducedMotionProvider` in the tree so the orchestrated entrance both runs and honours the reduced-motion setting.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -11188,6 +11297,7 @@ export const docsManifest = {
                 "Give each step a `StepperItem` child in order - progress is derived from child index, so conditionally rendering steps shifts the fill.",
                 "Control completion via `value`/`onValueChange` (or uncontrolled `defaultValue`); the fill reaches only the last *completed* step, not the current one.",
             ],
+            keywords: ["wizard", "steps", "multi-step"],
             uses: ["icon"],
             usedBy: [],
         },
@@ -11282,6 +11392,7 @@ export const docsManifest = {
             bestPractices: [
                 "Drive `tokens` from real stream deltas - don't fake a word clock in product code. Showcase demos may animate.",
             ],
+            keywords: [],
             uses: ["flex", "grid", "text"],
             usedBy: [],
         },
@@ -11290,7 +11401,7 @@ export const docsManifest = {
             module: "components/sub-navigation",
             title: "SubNavigation",
             category: "navigation",
-            description: "Vertical secondary navigation for page subsections and settings-like layouts;\nthe `<nav>` landmark wrapping a {@link SubNavigationList} of links.",
+            description: "Vertical secondary navigation for page subsections and settings-like layouts;\nthe `<nav>` landmark wrapping a `SubNavigationList` of links.",
             exports: [
                 {
                     name: "SubNavigation",
@@ -11358,6 +11469,7 @@ export const docsManifest = {
                 "Reach for `SubNavigation` for a vertical in-page section/settings menu; horizontal router tabs are `TabNavigation`, the app-chrome shell is `Sidebar`.",
                 "Fill it with a `SubNavigationList` of links - it already renders the `<nav>` landmark, so don't nest it inside another `<nav>`.",
             ],
+            keywords: [],
             uses: ["flex", "menu-item"],
             usedBy: [],
         },
@@ -11402,6 +11514,7 @@ export const docsManifest = {
                 "Wrap `SuccessTickRipple` in a `position: relative; overflow: hidden` parent - the ripple field is absolutely positioned and bleeds past an unbounded container.",
                 "It's decorative (`aria-hidden`) unless you pass `aria-label`, which exposes it as an `img`; animations are CSS-only and already collapse under `prefers-reduced-motion`.",
             ],
+            keywords: ["celebrate", "success", "confirmation"],
             uses: [],
             usedBy: [],
         },
@@ -11592,6 +11705,7 @@ export const docsManifest = {
                 "Reach for `Swatch` for a selectable colour/gradient/material chip or tile; a tiny non-interactive status marker is `Dot`, and a display-only status/category label is `Badge`.",
                 "For a gradient or image chip fill pass `light` - auto contrast detection (`isLightColor`) only reads solid colours, so overlaid icons/labels lose legibility without it.",
             ],
+            keywords: [],
             uses: ["center", "flex", "icon"],
             usedBy: [
                 "swatch-fan",
@@ -11662,6 +11776,7 @@ export const docsManifest = {
                 "Choose `SwatchGroup` when you want radio semantics + keyboard a11y; reach for `SwatchSelector` only for a lighter controlled row without the RadioGroup roles.",
                 "Set `icon` (e.g. `Check`) on the group to swap the selection ring for a glyph on the chosen swatch, rather than styling items individually.",
             ],
+            keywords: [],
             uses: ["swatch"],
             usedBy: [],
         },
@@ -11670,7 +11785,7 @@ export const docsManifest = {
             module: "components/swatch-selector",
             title: "SwatchSelector",
             category: "color",
-            description: "Row of selectable color/image swatches with controlled single selection,\nbuilt on Base UI ToggleGroup: the row is one tab stop and the arrow keys move\nbetween swatches.\n\nShares the selected `value`, `onValueChange`, and `size` with its\n{@link SwatchSelectorItem} children through context.",
+            description: "Row of selectable color/image swatches with controlled single selection,\nbuilt on Base UI ToggleGroup: the row is one tab stop and the arrow keys move\nbetween swatches.\n\nShares the selected `value`, `onValueChange`, and `size` with its\n`SwatchSelectorItem` children through context.",
             exports: [
                 {
                     name: "Swatch",
@@ -11799,6 +11914,7 @@ export const docsManifest = {
                 "Pressing the selected swatch again keeps it selected and does not call `onValueChange`.",
                 "Selection is controlled - pass `value` and update it from `onValueChange`; there is no internal fallback state to fall back on.",
             ],
+            keywords: [],
             uses: ["swatch", "tooltip"],
             usedBy: ["product-card"],
         },
@@ -11828,6 +11944,7 @@ export const docsManifest = {
                 "Controlled use needs `checked` + `onCheckedChange`; with only `checked` the switch won't move - use `defaultChecked` for uncontrolled.",
                 "`Switch` has no built-in label - associate a `Label` via `htmlFor`/`id` so the toggle has an accessible name.",
             ],
+            keywords: ["toggle", "on off"],
             uses: [],
             usedBy: [],
         },
@@ -11932,6 +12049,7 @@ export const docsManifest = {
                 "Use `TabNavigation` when each tab is a route/URL (it renders a `<nav>` of links); for in-page panels that swap without navigating, use `Tabs`.",
                 'It shares the Tabs look via context but defaults to `variant="line"`; mark the active link yourself (e.g. router `aria-current`) - there\'s no Base UI value tracking here.',
             ],
+            keywords: [],
             uses: ["flex", "icon", "tabs"],
             usedBy: [],
             anatomy: {
@@ -12007,6 +12125,7 @@ export const docsManifest = {
                 "Include a `TableCaption` describing the table's contents - it is the accessible name screen readers announce for the `<table>`.",
                 "Compose real `TableHeader`/`TableBody`/`TableRow`/`TableHead`/`TableCell` parts (semantic `thead`/`tbody`/`th`/`td`); don't fake rows with styled divs or you lose the table semantics.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
         },
@@ -12174,6 +12293,7 @@ export const docsManifest = {
                 "Reach for `Tabs` to swap in-page panels via `TabsContent`; when each tab is a route, use `TabNavigation` instead (renders links, no panels).",
                 "Compose `TabsList`/`TabsTrigger`/`TabsContent` - shared `variant`/`size`/`fullWidth` flow through context, so set them on `Tabs`, not each trigger.",
             ],
+            keywords: [],
             uses: ["dot", "flex", "icon", "scroll-area"],
             usedBy: ["tab-navigation"],
             anatomy: {
@@ -12240,7 +12360,7 @@ export const docsManifest = {
                             name: "dot",
                             type: 'boolean | "neutral" | "brand" | "danger" | "warning" | "success" | "info"',
                             required: false,
-                            description: "Leading status dot: `true` for a neutral dot, or a {@link Tone} to tint it.",
+                            description: "Leading status dot: `true` for a neutral dot, or a `Tone` to tint it.",
                         },
                         {
                             name: "hideDismiss",
@@ -12339,6 +12459,7 @@ export const docsManifest = {
                 'Set at most one leading visual - `loading` > `imageUrl` > `dot` > `icon` (in that precedence); pass a Lucide component to `icon` (not `<Icon/>`), and `imageUrl` renders a circular `<img alt="">`, so keep it decorative.',
                 "When `onDismiss` is set, Backspace/Delete also removes the tag while it's focused - don't bind your own conflicting key handler.",
             ],
+            keywords: ["chip", "token"],
             uses: ["dot", "icon", "pill", "spinner"],
             usedBy: ["data-grid", "tag-selector"],
         },
@@ -12357,7 +12478,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"dd" | "dt" | "figcaption" | "legend" | "li" | "p" | "span"',
                             required: false,
-                            description: 'Render as a different host element from the closed text vocabulary\n({@link TextElement}). The set is deliberately closed and text-only:\n`as="div"` and `as="label"` are type errors (use Box for decorative\nwrappers, Label for form labels). Ref and event-handler types remain the\ndefault element\'s (HTMLParagraphElement).\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed text vocabulary\n(`TextElement`). The set is deliberately closed and text-only:\n`as="div"` and `as="label"` are type errors (use Box for decorative\nwrappers, Label for form labels). Ref and event-handler types remain the\ndefault element\'s (HTMLParagraphElement).\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "size",
@@ -12400,6 +12521,7 @@ export const docsManifest = {
                 '`as` is a closed text-only vocabulary - use `as="span"` for inline copy; `as="div"`/`as="label"` are type errors (use `Box` for wrappers, `Label` for form labels).',
                 "`as` and `render` are mutually exclusive (`render` wins, dev-warned); Text ships without a line-length cap - add `max-w-prose` at the call site for long-form prose.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [
                 "checkbox-field",
@@ -12450,6 +12572,7 @@ export const docsManifest = {
                 "It auto-grows with content (`field-sizing-content`); set `rows` for a minimum height in lines rather than pinning height via CSS.",
                 "Give it a label - inside a `Field` a `FieldLabel` targets it with no ids to wire; standalone, point a `Label`'s `htmlFor` at its `id`. A placeholder is not an accessible name.",
             ],
+            keywords: ["multiline", "text area"],
             uses: ["field"],
             usedBy: ["input-group"],
         },
@@ -12502,7 +12625,7 @@ export const docsManifest = {
                             name: "orb",
                             type: "ThinkingLoaderOrb",
                             required: false,
-                            description: "Inline {@link ThinkingOrb } in the loader slot. Ignored when `loader` is\nprovided. Defaults to size `20` for text-adjacent rows.",
+                            description: "Inline `ThinkingOrb` in the loader slot. Ignored when `loader` is\nprovided. Defaults to size `20` for text-adjacent rows.",
                         },
                         {
                             name: "morphIcons",
@@ -12643,6 +12766,7 @@ export const docsManifest = {
                 "Drive `ThinkingLoader` with `currentStep` (controlled) to reflect real progress, or omit it to auto-cycle `steps` on `interval` for a labor-illusion loader.",
                 'It already renders an `aria-live="polite"` region announcing each step - don\'t wrap it in another status role. Mount `ReducedMotionProvider` since it animates via `m.*`.',
             ],
+            keywords: [],
             uses: [
                 "animated-number",
                 "flex",
@@ -12755,6 +12879,7 @@ export const docsManifest = {
                 'Prefer `theme="auto"` so the orb follows `data-theme` / system preference; pin `dark` or `light` only when the surrounding surface is fixed.',
                 "Pass a specific `aria-label` when the state text is not otherwise announced (e.g. next to a ThinkingLoader that already speaks).",
             ],
+            keywords: [],
             uses: [],
             usedBy: ["thinking-loader"],
         },
@@ -12829,6 +12954,7 @@ export const docsManifest = {
                 "Name the group with `aria-label` or `aria-labelledby`; screen readers announce it before the first slot.",
                 'Use `TimeSlotPicker` for a fixed set of offered times; for any time the user types, use `Input type="time"`.',
             ],
+            keywords: ["date", "appointment", "booking", "schedule"],
             uses: [],
             usedBy: [],
         },
@@ -12908,6 +13034,7 @@ export const docsManifest = {
                 "Mount `<Toaster />` exactly once near the app root, then fire toasts with `toast()` from `@instruments/materia-ui/components/toast` - don't render a `Toaster` per view.",
                 "Press F6 to move focus into the toasts; hovering or focusing the stack pauses dismissal and fans it open.",
             ],
+            keywords: ["notification", "snackbar", "flash message"],
             uses: ["button", "flex", "icon"],
             usedBy: [],
         },
@@ -12974,6 +13101,7 @@ export const docsManifest = {
                 "One independent on/off is a `Toggle`; a mutually-exclusive or multi-select set is `ToggleGroup` with `Toggle`s inside it; an instantly-applied setting is `Switch`.",
                 "Pass `icon` with no children for a square icon-only toggle (auto-sized); with a label, order it via `iconPlacement`.",
             ],
+            keywords: [],
             uses: ["icon"],
             usedBy: [
                 "data-grid",
@@ -12987,7 +13115,7 @@ export const docsManifest = {
             module: "components/toggle-group",
             title: "ToggleGroup",
             category: "actions",
-            description: "A literal group of {@link Toggle}s: several two-state pressable buttons that\nshare one selection, laid out `joined` (a seamless segmented row),\n`separated`, or `wrap`ped. Built on Base UI ToggleGroup - by default one\nitem is pressed at a time (radio-like), `multiple` makes it checkbox-like;\n`value` is always an array. The `Toggle`s inside take\n`size` / `radius` / `variant` from the group through context.",
+            description: "A literal group of `Toggle`s: several two-state pressable buttons that\nshare one selection, laid out `joined` (a seamless segmented row),\n`separated`, or `wrap`ped. Built on Base UI ToggleGroup - by default one\nitem is pressed at a time (radio-like), `multiple` makes it checkbox-like;\n`value` is always an array. The `Toggle`s inside take\n`size` / `radius` / `variant` from the group through context.",
             exports: [
                 {
                     name: "ToggleGroup",
@@ -13037,6 +13165,7 @@ export const docsManifest = {
                 "Put plain `Toggle`s inside, each with a `value`, as Base UI does.",
                 "Icon-only toggles need an `aria-label` (a dev warning fires otherwise).",
             ],
+            keywords: [],
             uses: ["toggle"],
             usedBy: ["data-grid"],
         },
@@ -13086,6 +13215,7 @@ export const docsManifest = {
                 "The trigger must be focusable (a button / link, or `render` onto one) or keyboard and AT users never see the tip.",
                 "Share one `TooltipProvider` to tune `delay` / skip-delay for a group; `Tooltip` wraps its own provider, so you only need it for grouping.",
             ],
+            keywords: ["hint", "title"],
             uses: [],
             usedBy: ["product-card", "progress-dots", "sidebar", "swatch-selector"],
         },
@@ -13109,7 +13239,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: "Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). A row inside a real list must be an `li`.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).",
+                            description: "Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). A row inside a real list must be an `li`.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).",
                         },
                     ],
                 },
@@ -13126,7 +13256,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: "Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}).\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).",
+                            description: "Render as a different host element from the closed layout vocabulary\n(`LayoutElement`).\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).",
                         },
                         {
                             name: "slots",
@@ -13162,6 +13292,7 @@ export const docsManifest = {
                 "Use `slots` only to align controls into a column across rows with different counts; otherwise let the children size the slot.",
                 "Do not use `visible` to say a row matters more; a control drawn on every row at rest is furniture.",
             ],
+            keywords: [],
             uses: [],
             usedBy: [],
             anatomy: {
@@ -13199,6 +13330,7 @@ export const docsManifest = {
                 "Use for screen-reader-only text (e.g. a link's full context) - for icon-only `Button`s prefer the `aria-label` prop the component already requires.",
                 "Never hide interactive or focusable content inside it - sighted keyboard users would tab into something they cannot see.",
             ],
+            keywords: [],
             uses: [],
             usedBy: ["animated-number", "avatar", "badge", "breadcrumb"],
         },
@@ -13370,6 +13502,7 @@ export const docsManifest = {
                 'Pass `label` per state (the parent decides the copy, e.g. "Voice input" vs "Stop dictation") so screen readers announce the current action; never hardcode it here.',
                 "Feed `level` from a real RMS meter while `listening` - a dead-flat waveform reads as a crashed mic; the atom floors and undulates the bars, but only live level makes it look alive.",
             ],
+            keywords: [],
             uses: ["button", "flex", "icon"],
             usedBy: [],
         },
@@ -13428,6 +13561,7 @@ export const docsManifest = {
                 "Pass a Lucide component to `icon` (e.g. `RulerIcon`), not a rendered `<Icon/>` - it is handed to the internal `Icon` at a fixed `sm` size.",
                 "This is a preset composition of `Card`; restyle via the surrounding layout rather than reaching inside - for a bespoke layout compose `Card`/`CardContent` directly.",
             ],
+            keywords: [],
             uses: ["card", "flex", "icon"],
             usedBy: [],
         },
@@ -13591,6 +13725,7 @@ export const docsManifest = {
                 "Chunk items with `chunkIntoRows` (using `calculateColumns`) before passing `rows`; provide a stable `getItemKey` (and `getRowKey` where rows reorder) so React reconciliation stays correct.",
                 "Render one `CardGridSkeletonItem` per expected card while data loads, inside the same `CardGrid` - this keeps list semantics and column widths stable across the loading→loaded transition.",
             ],
+            keywords: [],
             uses: ["product-card"],
             usedBy: [],
         },
@@ -13758,6 +13893,7 @@ export const docsManifest = {
                 "Give every `image` card a `searchHex`, otherwise it can't be searched or selected - flat colours and gradients derive theirs automatically.",
                 "Pass `renderLink` (e.g. wrapping `next/link`) for client-side nav - the built-in links are plain `<a>`; the callback must return a single anchor element.",
             ],
+            keywords: [],
             uses: [
                 "button",
                 "center",
@@ -13845,6 +13981,7 @@ export const docsManifest = {
                 "Only wire the actions you support: Reject and Cookie settings render only when `onReject` / `onSettings` are passed.",
                 "It records nothing. Store the visitor's choice in the handlers and stop rendering the banner once they have made it.",
             ],
+            keywords: [],
             uses: ["button", "flex", "heading", "text"],
             usedBy: [],
         },
@@ -14273,6 +14410,7 @@ export const docsManifest = {
                 "Render the satellite parts (`DataGridTable`, `DataGridPagination`, `DataGridColumnHeader/Filter/Visibility`) inside `DataGrid` - they read the table + layout from its context and break outside it.",
                 "Enable features through `tableLayout` (`columnsPinnable`, `columnsResizable`, `columnsVisibility`, …) rather than styling rows manually; set `initialColumnPinning` to pin on mount.",
             ],
+            keywords: [],
             uses: [
                 "button",
                 "checkbox",
@@ -14367,6 +14505,7 @@ export const docsManifest = {
                 "Use this for a discrete multi-select facet; it stores an array filter value, so pair it with a column filter fn that matches array membership.",
                 "The typed search survives each pick, so several matches can be ticked from one query; it resets when the popup closes.",
             ],
+            keywords: [],
             uses: ["badge", "button", "center", "flex", "icon", "separator"],
             usedBy: [],
         },
@@ -14429,6 +14568,7 @@ export const docsManifest = {
                 "The pin/move/visibility controls only appear when the matching `tableLayout` flags (`columnsPinnable`/`columnsMovable`/`columnsVisibility`) are enabled on `DataGrid` - a missing menu item usually means the flag is off, not a bug.",
                 "Pass a human `title` (and optional `icon`); it is the accessible label for the sort/menu trigger and the moved-column announcement.",
             ],
+            keywords: [],
             uses: ["button", "data-grid", "dropdown-menu", "flex", "icon"],
             usedBy: [],
         },
@@ -14463,6 +14603,7 @@ export const docsManifest = {
                 "Only accessor columns reporting `getCanHide()` appear; set `enableHiding: false` on a column def to keep it always-visible and out of this menu.",
                 "Label each column via `columnDef.meta.headerTitle` - the menu falls back to the raw column `id` when it's missing.",
             ],
+            keywords: [],
             uses: ["dropdown-menu"],
             usedBy: [],
         },
@@ -14563,6 +14704,7 @@ export const docsManifest = {
                 "For server-side paging, drive the table with `manualPagination` + `pageCount` and a controlled `pagination` state; the range summary uses `recordCount`, so pass the true total, not the page length.",
                 "Configure page-size choices via `sizes` (not by restyling the select), and localise the range text through the `info` template.",
             ],
+            keywords: [],
             uses: ["button", "data-grid", "flex", "select", "skeleton"],
             usedBy: [],
         },
@@ -14808,6 +14950,7 @@ export const docsManifest = {
                 "Rows are virtualised, so give each a stable `rowHeight` via `tableLayout` (expanded rows use `expandedRowHeight`) - variable, unmeasured heights make the window jump.",
                 "Use `DataGridTable` for a data-driven grid; for a small static table with hand-authored `<TableRow>`s reach for `Table` instead - no virtualisation or TanStack instance needed.",
             ],
+            keywords: [],
             uses: ["center", "data-grid", "flex", "spinner"],
             usedBy: [],
         },
@@ -14887,6 +15030,7 @@ export const docsManifest = {
                 "Give it `onLocationClick` when the address can be changed, so the location becomes a button rather than inert text.",
                 "Place it full width directly under the header; it switches to its compact layout from its own width, not the viewport's.",
             ],
+            keywords: [],
             uses: ["button", "flex", "grid", "icon", "separator"],
             usedBy: [],
         },
@@ -15056,6 +15200,7 @@ export const docsManifest = {
                 "Set `selectable` to reveal per-item checkboxes and drive selection via `value`/`onValueChange` (a `string[]`) - don't add your own checkboxes.",
                 "Use this for files/documents with icon + metadata + actions; for a generic single-line row reach for `Item`/`ItemGroup`, and for tabular columns use `Table`.",
             ],
+            keywords: [],
             uses: ["center", "checkbox", "flex", "icon"],
             usedBy: [],
         },
@@ -15290,6 +15435,7 @@ export const docsManifest = {
                 "Pass `renderImage` (wrapping `next/image`) in Next.js - the default is a plain `<img>` and skips Next optimisation; give `media` images a meaningful `alt`.",
                 "Set `href` to make the whole card a single link (it wraps in an `<a>`); don't nest additional links/buttons inside - use `EditorialCard` for promo tiles, plain `Card` for neutral content.",
             ],
+            keywords: [],
             uses: ["center", "flex", "media-frame", "swatch-fan"],
             usedBy: [],
         },
@@ -15384,6 +15530,7 @@ export const docsManifest = {
                 'Use `EmptyState` for "no data / nothing here"; a failure the user can retry is an `ErrorState` (which also composes `Empty`), so don\'t hand-roll a retry empty.',
                 'Set `level` to keep the document outline gapless where you place it - a full-page empty near an `h2` wants `level="3"`, but a nested one may need `"4"`.',
             ],
+            keywords: ["no results", "zero state", "blank slate"],
             uses: ["empty"],
             usedBy: [],
         },
@@ -15482,6 +15629,7 @@ export const docsManifest = {
                 "`ErrorState` renders a failure UI (icon / title / message / retry) but does not catch errors - wrap the throwing subtree in an `ErrorBoundary` and render this in its `fallback`.",
                 "Pass `retry` to show the retry button (omit it to hide); it's built on `Empty`, so `layout` / `minHeight` props pass straight through.",
             ],
+            keywords: [],
             uses: ["button", "empty"],
             usedBy: [],
         },
@@ -15892,6 +16040,7 @@ export const docsManifest = {
                 "Forward the hook's `handleDragEnter/Leave/Over/Drop` and drag state into `dragging` so the drag styling matches the real drop-target state.",
                 "Keep `title`/`description` (accepted types, size limit) accurate - they are the zone's only affordance copy; override the whole body via `children` when needed.",
             ],
+            keywords: ["dropzone", "attachment", "file input"],
             uses: ["button", "center", "icon", "progress", "stack", "text"],
             usedBy: [],
         },
@@ -16021,6 +16170,7 @@ export const docsManifest = {
                 "Drive drag-and-drop drop-target styling with `open` (forces the open look without revealing the action); use `selected`+`showSelectedState` for selection, not manual classes.",
                 "`FolderTile` is itself the button - pass `name`/`onClick` and button props directly; don't wrap it in another `<button>`/`<a>`.",
             ],
+            keywords: [],
             uses: ["center", "flex", "swatch-fan"],
             usedBy: [],
         },
@@ -16064,6 +16214,7 @@ export const docsManifest = {
                 "Reserve `LoadingState` for a whole region / page with nothing to show yet; for in-place loading over existing layout prefer `Skeleton`, and a small inline spinner is `Spinner`.",
                 'Pass `label` to name the live region for AT; it already renders `aria-live="polite"` with a default "Loading" name, so don\'t add your own status role.',
             ],
+            keywords: [],
             uses: ["center", "spinner", "text"],
             usedBy: [],
         },
@@ -16222,6 +16373,7 @@ export const docsManifest = {
                 "Use it in a shell whose chrome is lifted (`Sidebar header`, the fixed `SidebarLayoutHeader`): the panel fills the window from the top, beneath the chrome, so the brand row, search and actions stay on top of it.",
                 "Keep it to navigation. Every entry is a `MegaMenuLink`, which closes the menu as it navigates; actions belong in a `DropdownMenu`.",
             ],
+            keywords: [],
             uses: ["anchor", "box", "grid", "heading", "popover", "stack"],
             usedBy: [],
         },
@@ -16277,7 +16429,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "direction",
@@ -16478,7 +16630,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "align",
@@ -16518,7 +16670,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"dd" | "dt" | "figcaption" | "legend" | "li" | "p" | "span"',
                             required: false,
-                            description: 'Render as a different host element from the closed text vocabulary\n({@link TextElement}). The set is deliberately closed and text-only:\n`as="div"` and `as="label"` are type errors (use Box for decorative\nwrappers, Label for form labels). Ref and event-handler types remain the\ndefault element\'s (HTMLParagraphElement).\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed text vocabulary\n(`TextElement`). The set is deliberately closed and text-only:\n`as="div"` and `as="label"` are type errors (use Box for decorative\nwrappers, Label for form labels). Ref and event-handler types remain the\ndefault element\'s (HTMLParagraphElement).\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "size",
@@ -16620,7 +16772,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "align",
@@ -16673,7 +16825,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "align",
@@ -16726,7 +16878,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "align",
@@ -16920,7 +17072,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "align",
@@ -17117,7 +17269,7 @@ export const docsManifest = {
                             name: "dot",
                             type: 'boolean | "neutral" | "brand" | "danger" | "warning" | "success" | "info"',
                             required: false,
-                            description: "Show a status dot in place of the leading icon. `true` uses the default\naffirmative tint; a {@link Tone} value tints it from the shared dot palette.",
+                            description: "Show a status dot in place of the leading icon. `true` uses the default\naffirmative tint; a `Tone` value tints it from the shared dot palette.",
                         },
                         {
                             name: "icon",
@@ -17269,7 +17421,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "align",
@@ -17543,6 +17695,7 @@ export const docsManifest = {
                 'It\'s `role="dialog"`+`aria-modal` and hidden from `lg` up, so pair it with a desktop nav rather than showing both at once.',
                 'Override the default "Navigation menu" accessible name via `aria-label` when the drawer\'s purpose is more specific.',
             ],
+            keywords: [],
             uses: [
                 "avatar",
                 "button",
@@ -17761,6 +17914,7 @@ export const docsManifest = {
                 'Set `layout="stacked"` and wrap each row in `PageHeaderRow` for multi-row headers; the default `"single"` wraps only when a narrow viewport needs to protect the title or actions.',
                 "`PageHeader` is the sub-header below the app `HeaderBar`, not the app chrome itself - use `SidebarProvider` with `SidebarInset` or `HeaderBar` for the top-level frame; its `sticky` offset assumes that header is present.",
             ],
+            keywords: [],
             uses: ["flex", "heading", "text"],
             usedBy: [],
         },
@@ -17799,7 +17953,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "direction",
@@ -17872,7 +18026,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "direction",
@@ -17975,7 +18129,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "direction",
@@ -18094,7 +18248,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "direction",
@@ -18395,6 +18549,7 @@ export const docsManifest = {
                 "Each facet appears once. A `SegmentedControl` when the facet splits the set and one part is viewed at a time (its counts sum to the total); `PageToolbarFilter` chips when several combine. Never both for the same facet.",
                 "Keep the actions to `PageToolbarSort`, which names the current order, and a view toggle. Page actions such as export belong in the `PageHeader`.",
             ],
+            keywords: [],
             uses: [
                 "box",
                 "button",
@@ -18452,7 +18607,7 @@ export const docsManifest = {
                             name: "dragging",
                             type: "boolean | undefined",
                             required: false,
-                            description: "Swatch mode: set while the host is dragging the tile. Hides Quick view, the\ncaption and the add control and keeps the elevated shell. Distinct from\n{@link dragAdapter}, which wires a drag handle around the image.",
+                            description: "Swatch mode: set while the host is dragging the tile. Hides Quick view, the\ncaption and the add control and keeps the elevated shell. Distinct from\n`dragAdapter`, which wires a drag handle around the image.",
                         },
                         {
                             name: "onAdd",
@@ -18478,7 +18633,7 @@ export const docsManifest = {
                             type: "ProductCardAvailability | undefined",
                             required: false,
                             defaultValue: '"available"',
-                            description: "Whether the product can be acted on - see {@link ProductCardAvailability}.",
+                            description: "Whether the product can be acted on - see `ProductCardAvailability`.",
                         },
                         {
                             name: "dragAdapter",
@@ -18539,13 +18694,13 @@ export const docsManifest = {
                             name: "price",
                             type: "ReactNode",
                             required: false,
-                            description: "Price, supplied by the application as already-formatted content. Replaces\n`costIndicator` on the meta line. The card does no currency or tax logic.\nShipping and delivery flags go through {@link action}, whose `label` is\nalso a ReactNode.",
+                            description: "Price, supplied by the application as already-formatted content. Replaces\n`costIndicator` on the meta line. The card does no currency or tax logic.\nShipping and delivery flags go through `action`, whose `label` is\nalso a ReactNode.",
                         },
                         {
                             name: "primaryAction",
                             type: "ProductCardPrimaryAction | undefined",
                             required: false,
-                            description: "What this card's one labelled control offers - see\n{@link ProductCardPrimaryAction}.\n\nOmit entirely for a card with no control at all, which is the correct\nrendering for a product that can do nothing rather than a disabled button.\nOmitting also preserves the pre-existing cart-only behaviour for callers\nthat pass `renderAddToCart` and nothing else.",
+                            description: "What this card's one labelled control offers - see\n`ProductCardPrimaryAction`.\n\nOmit entirely for a card with no control at all, which is the correct\nrendering for a product that can do nothing rather than a disabled button.\nOmitting also preserves the pre-existing cart-only behaviour for callers\nthat pass `renderAddToCart` and nothing else.",
                         },
                         {
                             name: "processing",
@@ -18800,7 +18955,7 @@ export const docsManifest = {
                             name: "primaryAction",
                             type: "ProductCardPrimaryAction | undefined",
                             required: false,
-                            description: "What this card's one labelled control offers - see\n{@link ProductCardPrimaryAction}.\n\nOmit entirely for a card with no control at all, which is the correct\nrendering for a product that can do nothing rather than a disabled button.\nOmitting also preserves the pre-existing cart-only behaviour for callers\nthat pass `renderAddToCart` and nothing else.",
+                            description: "What this card's one labelled control offers - see\n`ProductCardPrimaryAction`.\n\nOmit entirely for a card with no control at all, which is the correct\nrendering for a product that can do nothing rather than a disabled button.\nOmitting also preserves the pre-existing cart-only behaviour for callers\nthat pass `renderAddToCart` and nothing else.",
                         },
                         {
                             name: "showActivePointer",
@@ -19077,14 +19232,14 @@ export const docsManifest = {
                             name: "dragging",
                             type: "boolean | undefined",
                             required: false,
-                            description: "Swatch mode: set while the host is dragging the tile. Hides Quick view, the\ncaption and the add control and keeps the elevated shell. Distinct from\n{@link dragAdapter}, which wires a drag handle around the image.",
+                            description: "Swatch mode: set while the host is dragging the tile. Hides Quick view, the\ncaption and the add control and keeps the elevated shell. Distinct from\n`dragAdapter`, which wires a drag handle around the image.",
                         },
                         {
                             name: "availability",
                             type: "ProductCardAvailability | undefined",
                             required: false,
                             defaultValue: '"available"',
-                            description: "Whether the product can be acted on - see {@link ProductCardAvailability}.",
+                            description: "Whether the product can be acted on - see `ProductCardAvailability`.",
                         },
                         {
                             name: "labels",
@@ -19146,7 +19301,7 @@ export const docsManifest = {
                             name: "price",
                             type: "ReactNode",
                             required: false,
-                            description: "Price, supplied by the application as already-formatted content. Replaces\n`costIndicator` on the meta line. The card does no currency or tax logic.\nShipping and delivery flags go through {@link action}, whose `label` is\nalso a ReactNode.",
+                            description: "Price, supplied by the application as already-formatted content. Replaces\n`costIndicator` on the meta line. The card does no currency or tax logic.\nShipping and delivery flags go through `action`, whose `label` is\nalso a ReactNode.",
                         },
                         {
                             name: "processing",
@@ -19176,7 +19331,7 @@ export const docsManifest = {
                             name: "primaryAction",
                             type: "ProductCardPrimaryAction | undefined",
                             required: false,
-                            description: "What this card's one labelled control offers - see\n{@link ProductCardPrimaryAction}.\n\nOmit entirely for a card with no control at all, which is the correct\nrendering for a product that can do nothing rather than a disabled button.\nOmitting also preserves the pre-existing cart-only behaviour for callers\nthat pass `renderAddToCart` and nothing else.",
+                            description: "What this card's one labelled control offers - see\n`ProductCardPrimaryAction`.\n\nOmit entirely for a card with no control at all, which is the correct\nrendering for a product that can do nothing rather than a disabled button.\nOmitting also preserves the pre-existing cart-only behaviour for callers\nthat pass `renderAddToCart` and nothing else.",
                         },
                         {
                             name: "product",
@@ -19395,7 +19550,7 @@ export const docsManifest = {
                             name: "labels",
                             type: 'Pick<ProductCardLabels, "add" | "closeSuggestions" | "suggest"> | undefined',
                             required: false,
-                            description: "Strings, overridable; see {@link ProductCardLabels}.",
+                            description: "Strings, overridable; see `ProductCardLabels`.",
                         },
                         {
                             name: "menuOpen",
@@ -19481,6 +19636,7 @@ export const docsManifest = {
                 "Pass `renderImage` wrapping `next/image` in Next.js apps -\nthe default renderer is a plain `<img>` and skips Next's optimisation.",
                 "Keep `dragAdapter` referentially stable (a module-level\nconstant) - an inline factory remounts the image subtree and drops the\ndrag ref mid-drag.",
             ],
+            keywords: [],
             uses: [
                 "badge",
                 "box",
@@ -19572,6 +19728,7 @@ export const docsManifest = {
                 "It renders nothing when there are no `variantOptions` dimensions and no `siblings` with images - supply `siblings`/`siblingsWithAttributes` so single-colourway products still show a fallback thumbnail.",
                 "Pass `renderImage` (wrapping `next/image`) in Next.js; the default is a plain `<img>`. The component ships bare - wrap it in a `Card` with your own heading when a panel is wanted.",
             ],
+            keywords: [],
             uses: ["label", "radio-card", "stack", "variant-selector"],
             usedBy: [],
         },
@@ -19874,6 +20031,7 @@ export const docsManifest = {
                 'Pass `title` (or an explicit `aria-label`) - the panel is a `role="dialog"` surface floating over other content, so it needs an accessible name of its own.',
                 "Wrap step transitions in `PromptPanelStage`, not a hand-rolled page swap - it owns the page-slide choreography and the reduced-motion fallback.",
             ],
+            keywords: [],
             uses: ["button", "flex", "grid", "icon", "kbd", "stack"],
             usedBy: [],
             anatomy: {
@@ -20304,6 +20462,7 @@ export const docsManifest = {
                 "Offer a way to the full page in the header's `actions` - a quick view previews, it does not replace the detail page.",
                 "A panel that docks beside the page (a cart) is a `Sidepanel`, not a quick view.",
             ],
+            keywords: [],
             uses: ["box", "button", "dialog", "flex", "grid", "scroll-area", "stack"],
             usedBy: [],
         },
@@ -20322,7 +20481,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Ref\nand event-handler types remain the default element\'s.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Ref\nand event-handler types remain the default element\'s.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "actions",
@@ -20382,6 +20541,7 @@ export const docsManifest = {
                 "Set `level` for the document outline and `size` for visual scale independently - a visually small header can still be an `h2`. Use `reserveEyebrowSpace` to keep an eyebrow-less header aligned beside sibling headers that have an eyebrow.",
                 "Use `as` to change the element (a tag); use `render` only to swap in a component (e.g. a router Link). Never `render={<Box as=…/>}` - pass `as` directly.",
             ],
+            keywords: [],
             uses: ["flex", "heading", "text"],
             usedBy: [],
         },
@@ -20538,6 +20698,7 @@ export const docsManifest = {
                 "The footer only renders when `onSave` is passed, and the Save button is gated on `dirty` (and disabled while `loading`) - wire form dirty state through, or the button stays disabled.",
                 "Give each card one cohesive group of settings with its own save; don't nest multiple `SettingsCard`s or share one across unrelated sections.",
             ],
+            keywords: [],
             uses: ["button", "card", "field", "flex"],
             usedBy: [],
             anatomy: {
@@ -20575,7 +20736,7 @@ export const docsManifest = {
             module: "compositions/sidebar",
             title: "Sidebar",
             category: "navigation",
-            description: 'The sidebar shell. Reads open/collapsed state from {@link useSidebar}, so it\nmust render inside a {@link SidebarProvider}.\n\nAdapts by viewport and `collapsible`: an animated docked shell on desktop, a\nslide-in `Sheet` on mobile, or a static column when `collapsible="none"`.',
+            description: 'The sidebar shell. Reads open/collapsed state from `useSidebar`, so it\nmust render inside a `SidebarProvider`.\n\nAdapts by viewport and `collapsible`: an animated docked shell on desktop, a\nslide-in `Sheet` on mobile, or a static column when `collapsible="none"`.',
             exports: [
                 {
                     name: "CONTENT_COLUMN_CLASS",
@@ -21223,7 +21384,7 @@ export const docsManifest = {
                             name: "dot",
                             type: 'boolean | "neutral" | "brand" | "danger" | "warning" | "success" | "info"',
                             required: false,
-                            description: "Dot indicator in the left column (takes precedence over icon): `true` for a neutral dot, or a {@link Tone} to tint it.",
+                            description: "Dot indicator in the left column (takes precedence over icon): `true` for a neutral dot, or a `Tone` to tint it.",
                         },
                         {
                             name: "icon",
@@ -21536,6 +21697,7 @@ export const docsManifest = {
                 "Render `Sidebar` inside a `SidebarProvider` - it reads open/collapsed state from `useSidebar` and cannot work outside one.",
                 "Choose `collapsible` deliberately: `offcanvas` slides fully away, `icon` shrinks to a rail, `none` is a static column that never adapts to the mobile `Sheet`.",
             ],
+            keywords: [],
             uses: [
                 "button",
                 "center",
@@ -21649,7 +21811,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "direction",
@@ -21835,7 +21997,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "align",
@@ -21880,7 +22042,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"dd" | "dt" | "figcaption" | "legend" | "li" | "p" | "span"',
                             required: false,
-                            description: 'Render as a different host element from the closed text vocabulary\n({@link TextElement}). The set is deliberately closed and text-only:\n`as="div"` and `as="label"` are type errors (use Box for decorative\nwrappers, Label for form labels). Ref and event-handler types remain the\ndefault element\'s (HTMLParagraphElement).\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed text vocabulary\n(`TextElement`). The set is deliberately closed and text-only:\n`as="div"` and `as="label"` are type errors (use Box for decorative\nwrappers, Label for form labels). Ref and event-handler types remain the\ndefault element\'s (HTMLParagraphElement).\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "size",
@@ -21946,7 +22108,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "ref",
@@ -21974,7 +22136,7 @@ export const docsManifest = {
                             name: "as",
                             type: '"div" | "article" | "aside" | "figcaption" | "figure" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul"',
                             required: false,
-                            description: 'Render as a different host element from the closed layout vocabulary\n({@link LayoutElement}). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
+                            description: 'Render as a different host element from the closed layout vocabulary\n(`LayoutElement`). The set is deliberately closed: `as="button"` is a\ntype error, because the design-system answer is the Button component. Event handlers\nand the ref accept any host element.\n\n`as` and `render` are mutually exclusive; if both are passed, `render`\nwins (a dev-only warning fires).',
                         },
                         {
                             name: "ref",
@@ -22017,6 +22179,7 @@ export const docsManifest = {
                 "Render it after the page's `<main>`, not inside it, so it stays the page's own footer landmark.",
                 "Keep it to a lead, one nav and one bar. Four columns of a few links each is the shape it is set for.",
             ],
+            keywords: [],
             uses: [
                 "anchor",
                 "box",
@@ -22034,7 +22197,7 @@ export const docsManifest = {
             module: "compositions/swatch-fan",
             title: "SwatchFan",
             category: "catalogue",
-            description: 'A fanned stack of {@link Swatch} tiles: a fixed three-card editorial fan or\nan interactive N-tile splay.\n\nPass 3 `items` with `interaction="breathe"` for the editorial fan (Figma\ngeometry, `variant` spread/stack, white 3px mount via `bordered`); pass N\n`items` with `interaction="hover-fan"` for the interactive splay-on-hover with\npointer tilt. `bordered={false}` swaps the white mount for the 1px hairline\ntile.',
+            description: 'A fanned stack of `Swatch` tiles: a fixed three-card editorial fan or\nan interactive N-tile splay.\n\nPass 3 `items` with `interaction="breathe"` for the editorial fan (Figma\ngeometry, `variant` spread/stack, white 3px mount via `bordered`); pass N\n`items` with `interaction="hover-fan"` for the interactive splay-on-hover with\npointer tilt. `bordered={false}` swaps the white mount for the 1px hairline\ntile.',
             exports: [
                 {
                     name: "SwatchFan",
@@ -22224,6 +22387,7 @@ export const docsManifest = {
                 "Needs `ReducedMotionProvider`; it already collapses the mount fan-out, hover nudge, and splay under reduced motion (snapping to the settled frame), so don't gate the interaction yourself.",
                 "`bordered` is the mount-as-a-prop: `true` = white 3px card mount, `false` = 1px hairline - don't hand-roll either border in a wrapper.",
             ],
+            keywords: [],
             uses: ["center", "flex", "swatch"],
             usedBy: ["editorial-card", "folder-tile"],
         },
@@ -22529,6 +22693,7 @@ export const docsManifest = {
                 "A custom `trigger` render-prop is passed to `PopoverTrigger` as `render`, so return a single element that forwards its ref/props (e.g. a `Button`).",
                 "Use `singleSelect` when only one tag may be chosen; for a fixed, non-editable list prefer `Combobox`/multi-`Select` and reserve `TagSelector` for managing the tag set itself.",
             ],
+            keywords: [],
             uses: [
                 "button",
                 "dot",
@@ -22617,6 +22782,7 @@ export const docsManifest = {
             bestPractices: [
                 "Pair above streaming answers in chat. Use ThinkingLoader when you only need a one-line narrated header without an expandable timeline.",
             ],
+            keywords: [],
             uses: ["center", "flex", "grid", "icon", "text"],
             usedBy: [],
         },
@@ -22741,6 +22907,7 @@ export const docsManifest = {
                 "`defaultValue` is uncontrolled: the selector tracks later picks itself. Pass `value` with `onValueChange` to control it.",
                 "Use `VariantSelector` for image/colour swatch pickers; for a labelled icon-over-text option grid use `IconCard`, and for plain radio/checkbox lists use `RadioGroup`/`Checkbox`.",
             ],
+            keywords: [],
             uses: ["flex", "swatch"],
             usedBy: ["product-specifications-selector"],
         },
@@ -22821,7 +22988,7 @@ export const docsManifest = {
                 statement: "The six src layers form a strict one-directional dependency matrix (data ← tokens ← utils ← hooks ← components ← compositions); tokens additionally take no external packages.",
                 gates: [
                     {
-                        path: "packages/ui/scripts/layer-matrix.mjs",
+                        path: "packages/ui/scripts/layer-matrix.ts",
                         doctrine: "Each src layer may import only from the layers at or below it (data ← tokens ← utils ← hooks ← components ← compositions); tokens additionally stay free of external packages, except statement-level type-only imports which erase at build time.",
                     },
                 ],
@@ -22866,7 +23033,7 @@ export const docsManifest = {
                 statement: "The full public export surface is captured as resolved-type hashes in api-report.md; any change to a public signature flips a hash and fails the gate until the report is regenerated and reviewed.",
                 gates: [
                     {
-                        path: "packages/ui/scripts/generate-api-report.mjs",
+                        path: "packages/ui/scripts/generate-api-report.ts",
                         doctrine: null,
                     },
                 ],