# Files changed · PR \#58 · screen/col

[View on GitCafe](https://git.cafe/screen/col/pull/58/diffs)

Repository: [screen/col](https://git.cafe/screen/col)

Visibility: public

[Expand React foundation component coverage and add React Aria](https://git.cafe/screen/col/pull/58.md)

Version: 4

Head commit: d21268a30617c3cb1ef32e05337557fe37f3aa72

Base commit: 43de64241d7df5c9c77a14d6febd2d9c934cbc0d

Comparison base: 43de64241d7df5c9c77a14d6febd2d9c934cbc0d

Showing up to 20 entries from this revision. If the pull request changes, reopen the first page before continuing.

## data/components.ts

Status: modified; +513; −62

```diff
@@ -538,67 +538,73 @@
       { name: "World Map", url: "https://ui.aceternity.com/components/world-map" },
   ],
 
-  // 59 components
+  // 65 entries verified against the Base UI, Radix UI, and React Aria docs on 2026-10-07.
   "shadcn-ui": [
-      { name: "Field", url: "https://ui.shadcn.com/docs/components/field" },
-      { name: "Button", url: "https://ui.shadcn.com/docs/components/button" },
-      { name: "Button Group", url: "https://ui.shadcn.com/docs/components/button-group" },
-      { name: "Input", url: "https://ui.shadcn.com/docs/components/input" },
-      { name: "Input Group", url: "https://ui.shadcn.com/docs/components/input-group" },
-      { name: "Input OTP", aliases: ["one time code", "verification code"], url: "https://ui.shadcn.com/docs/components/input-otp" },
-      { name: "Textarea", url: "https://ui.shadcn.com/docs/components/textarea" },
-      { name: "Checkbox", url: "https://ui.shadcn.com/docs/components/checkbox" },
-      { name: "Radio Group", url: "https://ui.shadcn.com/docs/components/radio-group" },
-      { name: "Select", url: "https://ui.shadcn.com/docs/components/select" },
-      { name: "Native Select", url: "https://ui.shadcn.com/docs/components/native-select" },
-      { name: "Switch", url: "https://ui.shadcn.com/docs/components/switch" },
-      { name: "Slider", url: "https://ui.shadcn.com/docs/components/slider" },
-      { name: "Calendar", aliases: ["date", "schedule"], url: "https://ui.shadcn.com/docs/components/calendar" },
-      { name: "Date Picker", aliases: ["datepicker"], url: "https://ui.shadcn.com/docs/components/date-picker" },
-      { name: "Combobox", aliases: ["autocomplete", "typeahead"], url: "https://ui.shadcn.com/docs/components/combobox" },
-      { name: "Label", url: "https://ui.shadcn.com/docs/components/label" },
-      { name: "Accordion", url: "https://ui.shadcn.com/docs/components/accordion" },
-      { name: "Breadcrumb", aliases: ["navigation trail"], url: "https://ui.shadcn.com/docs/components/breadcrumb" },
-      { name: "Navigation Menu", url: "https://ui.shadcn.com/docs/components/navigation-menu" },
-      { name: "Sidebar", aliases: ["app nav", "side panel"], url: "https://ui.shadcn.com/docs/components/sidebar" },
-      { name: "Tabs", url: "https://ui.shadcn.com/docs/components/tabs" },
-      { name: "Separator", url: "https://ui.shadcn.com/docs/components/separator" },
-      { name: "Scroll Area", aliases: ["virtual scroll"], url: "https://ui.shadcn.com/docs/components/scroll-area" },
-      { name: "Resizable", aliases: ["resizable panels"], url: "https://ui.shadcn.com/docs/components/resizable" },
-      { name: "Dialog", url: "https://ui.shadcn.com/docs/components/dialog" },
-      { name: "Alert Dialog", url: "https://ui.shadcn.com/docs/components/alert-dialog" },
-      { name: "Sheet", aliases: ["drawer", "slide over"], url: "https://ui.shadcn.com/docs/components/sheet" },
-      { name: "Drawer", url: "https://ui.shadcn.com/docs/components/drawer" },
-      { name: "Popover", url: "https://ui.shadcn.com/docs/components/popover" },
-      { name: "Tooltip", url: "https://ui.shadcn.com/docs/components/tooltip" },
-      { name: "Hover Card", url: "https://ui.shadcn.com/docs/components/hover-card" },
-      { name: "Context Menu", url: "https://ui.shadcn.com/docs/components/context-menu" },
-      { name: "Dropdown Menu", url: "https://ui.shadcn.com/docs/components/dropdown-menu" },
-      { name: "Menubar", url: "https://ui.shadcn.com/docs/components/menubar" },
-      { name: "Command", aliases: ["cmdk", "command palette", "command menu", "spotlight"], url: "https://ui.shadcn.com/docs/components/command" },
-      { name: "Alert", url: "https://ui.shadcn.com/docs/components/alert" },
-      { name: "Toast", url: "https://ui.shadcn.com/docs/components/toast" },
-      { name: "Sonner", aliases: ["toast", "notification"], url: "https://ui.shadcn.com/docs/components/sonner" },
-      { name: "Progress", aliases: ["progress bar"], url: "https://ui.shadcn.com/docs/components/progress" },
-      { name: "Spinner", url: "https://ui.shadcn.com/docs/components/spinner" },
-      { name: "Skeleton", aliases: ["loading placeholder", "shimmer"], url: "https://ui.shadcn.com/docs/components/skeleton" },
-      { name: "Badge", url: "https://ui.shadcn.com/docs/components/badge" },
-      { name: "Empty", url: "https://ui.shadcn.com/docs/components/empty" },
-      { name: "Avatar", url: "https://ui.shadcn.com/docs/components/avatar" },
-      { name: "Card", url: "https://ui.shadcn.com/docs/components/card" },
-      { name: "Table", url: "https://ui.shadcn.com/docs/components/table" },
-      { name: "Data Table", aliases: ["datatable"], url: "https://ui.shadcn.com/docs/components/data-table" },
-      { name: "Chart", url: "https://ui.shadcn.com/docs/components/chart" },
-      { name: "Carousel", aliases: ["slider"], url: "https://ui.shadcn.com/docs/components/carousel" },
-      { name: "Aspect Ratio", url: "https://ui.shadcn.com/docs/components/aspect-ratio" },
-      { name: "Typography", url: "https://ui.shadcn.com/docs/components/typography" },
+      { name: "Field", url: "https://ui.shadcn.com/docs/components/base/field" },
+      { name: "Button", url: "https://ui.shadcn.com/docs/components/base/button" },
-      { name: "Item", url: "https://ui.shadcn.com/docs/components/item" },
-      { name: "Kbd", url: "https://ui.shadcn.com/docs/components/kbd" },
-      { name: "Collapsible", url: "https://ui.shadcn.com/docs/components/collapsible" },
-      { name: "Toggle", url: "https://ui.shadcn.com/docs/components/toggle" },
-      { name: "Toggle Group", url: "https://ui.shadcn.com/docs/components/toggle-group" },
-      { name: "Pagination", url: "https://ui.shadcn.com/docs/components/pagination" },
-      { name: "Direction", url: "https://ui.shadcn.com/docs/components/direction" },
+      { name: "Button Group", url: "https://ui.shadcn.com/docs/components/base/button-group" },
+      { name: "Input", url: "https://ui.shadcn.com/docs/components/base/input" },
+      { name: "Input Group", url: "https://ui.shadcn.com/docs/components/base/input-group" },
+      { name: "Input OTP", aliases: ["one time code", "verification code"], url: "https://ui.shadcn.com/docs/components/base/input-otp" },
+      { name: "Textarea", url: "https://ui.shadcn.com/docs/components/base/textarea" },
+      { name: "Checkbox", url: "https://ui.shadcn.com/docs/components/base/checkbox" },
+      { name: "Radio Group", url: "https://ui.shadcn.com/docs/components/base/radio-group" },
+      { name: "Select", url: "https://ui.shadcn.com/docs/components/base/select" },
+      { name: "Native Select", url: "https://ui.shadcn.com/docs/components/base/native-select" },
+      { name: "Switch", url: "https://ui.shadcn.com/docs/components/base/switch" },
+      { name: "Slider", url: "https://ui.shadcn.com/docs/components/base/slider" },
+      { name: "Calendar", aliases: ["date", "schedule"], url: "https://ui.shadcn.com/docs/components/base/calendar" },
+      { name: "Date Picker", aliases: ["datepicker"], url: "https://ui.shadcn.com/docs/components/base/date-picker" },
+      { name: "Combobox", aliases: ["autocomplete", "typeahead"], url: "https://ui.shadcn.com/docs/components/base/combobox" },
+      { name: "Label", url: "https://ui.shadcn.com/docs/components/base/label" },
+      { name: "Accordion", url: "https://ui.shadcn.com/docs/components/base/accordion" },
+      { name: "Breadcrumb", aliases: ["navigation trail"], url: "https://ui.shadcn.com/docs/components/base/breadcrumb" },
+      { name: "Navigation Menu", url: "https://ui.shadcn.com/docs/components/base/navigation-menu" },
+      { name: "Sidebar", aliases: ["app nav", "side panel"], url: "https://ui.shadcn.com/docs/components/base/sidebar" },
+      { name: "Tabs", url: "https://ui.shadcn.com/docs/components/base/tabs" },
+      { name: "Separator", url: "https://ui.shadcn.com/docs/components/base/separator" },
+      { name: "Scroll Area", aliases: ["virtual scroll"], url: "https://ui.shadcn.com/docs/components/base/scroll-area" },
+      { name: "Resizable", aliases: ["resizable panels"], url: "https://ui.shadcn.com/docs/components/base/resizable" },
+      { name: "Dialog", url: "https://ui.shadcn.com/docs/components/base/dialog" },
+      { name: "Alert Dialog", url: "https://ui.shadcn.com/docs/components/base/alert-dialog" },
+      { name: "Sheet", aliases: ["drawer", "slide over"], url: "https://ui.shadcn.com/docs/components/base/sheet" },
+      { name: "Drawer", url: "https://ui.shadcn.com/docs/components/base/drawer" },
+      { name: "Popover", url: "https://ui.shadcn.com/docs/components/base/popover" },
+      { name: "Tooltip", url: "https://ui.shadcn.com/docs/components/base/tooltip" },
+      { name: "Hover Card", url: "https://ui.shadcn.com/docs/components/base/hover-card" },
+      { name: "Context Menu", url: "https://ui.shadcn.com/docs/components/base/context-menu" },
+      { name: "Dropdown Menu", url: "https://ui.shadcn.com/docs/components/base/dropdown-menu" },
+      { name: "Menubar", url: "https://ui.shadcn.com/docs/components/base/menubar" },
+      { name: "Command", aliases: ["cmdk", "command palette", "command menu", "spotlight"], url: "https://ui.shadcn.com/docs/components/base/command" },
+      { name: "Alert", url: "https://ui.shadcn.com/docs/components/base/alert" },
+      { name: "Toast", url: "https://ui.shadcn.com/docs/components/base/toast" },
+      { name: "Sonner", aliases: ["toast", "notification"], url: "https://ui.shadcn.com/docs/components/radix/sonner" },
+      { name: "Progress", aliases: ["progress bar"], url: "https://ui.shadcn.com/docs/components/base/progress" },
+      { name: "Spinner", url: "https://ui.shadcn.com/docs/components/base/spinner" },
+      { name: "Skeleton", aliases: ["loading placeholder", "shimmer"], url: "https://ui.shadcn.com/docs/components/base/skeleton" },
+      { name: "Badge", url: "https://ui.shadcn.com/docs/components/base/badge" },
+      { name: "Empty", url: "https://ui.shadcn.com/docs/components/base/empty" },
+      { name: "Avatar", url: "https://ui.shadcn.com/docs/components/base/avatar" },
+      { name: "Card", url: "https://ui.shadcn.com/docs/components/base/card" },
+      { name: "Table", url: "https://ui.shadcn.com/docs/components/base/table" },
+      { name: "Data Table", aliases: ["datatable"], url: "https://ui.shadcn.com/docs/components/base/data-table" },
+      { name: "Chart", url: "https://ui.shadcn.com/docs/components/base/chart" },
+      { name: "Carousel", aliases: ["slider"], url: "https://ui.shadcn.com/docs/components/base/carousel" },
+      { name: "Aspect Ratio", url: "https://ui.shadcn.com/docs/components/base/aspect-ratio" },
+      { name: "Typeset", aliases: ["typography"], url: "https://ui.shadcn.com/docs/typeset" },
+      { name: "Item", url: "https://ui.shadcn.com/docs/components/base/item" },
+      { name: "Kbd", url: "https://ui.shadcn.com/docs/components/base/kbd" },
+      { name: "Collapsible", url: "https://ui.shadcn.com/docs/components/base/collapsible" },
+      { name: "Toggle", url: "https://ui.shadcn.com/docs/components/base/toggle" },
+      { name: "Toggle Group", url: "https://ui.shadcn.com/docs/components/base/toggle-group" },
+      { name: "Pagination", url: "https://ui.shadcn.com/docs/components/base/pagination" },
+      { name: "Direction", url: "https://ui.shadcn.com/docs/components/base/direction" },
+      { name: "Attachment", url: "https://ui.shadcn.com/docs/components/base/attachment" },
+      { name: "Bubble", url: "https://ui.shadcn.com/docs/components/base/bubble" },
+      { name: "Marker", url: "https://ui.shadcn.com/docs/components/base/marker" },
+      { name: "Message", url: "https://ui.shadcn.com/docs/components/base/message" },
+      { name: "Message Scroller", url: "https://ui.shadcn.com/docs/components/base/message-scroller" },
+      { name: "Questionnaire", url: "https://ui.shadcn.com/docs/components/base/questionnaire" },
   ],
 
   // 62 components
@@ -667,7 +673,7 @@
       { name: "Toggle Group", url: "https://shadcn-svelte.com/docs/components/toggle-group" },
   ],
 
-  // 37 components
+  // 37 components verified against https://base-ui.com/llms.txt on 2026-10-07.
   "base-ui": [
       { name: "Accordion", url: "https://base-ui.com/react/components/accordion" },
       { name: "Alert Dialog", url: "https://base-ui.com/react/components/alert-dialog" },
@@ -708,7 +714,7 @@
       { name: "Tooltip", url: "https://base-ui.com/react/components/tooltip" },
   ],
 
+  // 30 primitives verified against https://www.radix-ui.com/primitives/docs on 2026-10-07.
-  // 28 components
   "radix-ui": [
       { name: "Accordion", url: "https://www.radix-ui.com/primitives/docs/components/accordion" },
       { name: "Alert Dialog", aliases: ["modal", "confirmation"], url: "https://www.radix-ui.com/primitives/docs/components/alert-dialog" },
@@ -724,6 +730,8 @@
       { name: "Label", url: "https://www.radix-ui.com/primitives/docs/components/label" },
       { name: "Menubar", url: "https://www.radix-ui.com/primitives/docs/components/menubar" },
       { name: "Navigation Menu", url: "https://www.radix-ui.com/primitives/docs/components/navigation-menu" },
+      { name: "One-Time Password Field", url: "https://www.radix-ui.com/primitives/docs/components/one-time-password-field" },
+      { name: "Password Toggle Field", url: "https://www.radix-ui.com/primitives/docs/components/password-toggle-field" },
       { name: "Popover", aliases: ["popup", "flyout"], url: "https://www.radix-ui.com/primitives/docs/components/popover" },
       { name: "Progress", url: "https://www.radix-ui.com/primitives/docs/components/progress" },
       { name: "Radio Group", url: "https://www.radix-ui.com/primitives/docs/components/radio-group" },
@@ -739,4 +747,447 @@
       { name: "Toolbar", url: "https://www.radix-ui.com/primitives/docs/components/toolbar" },
       { name: "Tooltip", url: "https://www.radix-ui.com/primitives/docs/components/tooltip" },
   ],
+  // 54 published UI components verified against https://react-aria.adobe.com/llms.txt and source on 2026-10-07.
+  "react-aria": [
+      { name: "Autocomplete", url: "https://react-aria.adobe.com/Autocomplete" },
+      { name: "Breadcrumbs", url: "https://react-aria.adobe.com/Breadcrumbs" },
+      { name: "Button", url: "https://react-aria.adobe.com/Button" },
+      { name: "Calendar", url: "https://react-aria.adobe.com/Calendar" },
+      { name: "Checkbox", url: "https://react-aria.adobe.com/Checkbox" },
+      { name: "CheckboxGroup", aliases: ["checkbox group"], url: "https://react-aria.adobe.com/CheckboxGroup" },
+      { name: "ColorArea", aliases: ["color area"], url: "https://react-aria.adobe.com/ColorArea" },
+      { name: "ColorField", aliases: ["color field"], url: "https://react-aria.adobe.com/ColorField" },
+      { name: "ColorPicker", aliases: ["color picker"], url: "https://react-aria.adobe.com/ColorPicker" },
+      { name: "ColorSlider", aliases: ["color slider"], url: "https://react-aria.adobe.com/ColorSlider" },
+      { name: "ColorSwatch", aliases: ["color swatch"], url: "https://react-aria.adobe.com/ColorSwatch" },
+      { name: "ColorSwatchPicker", aliases: ["color swatch picker"], url: "https://react-aria.adobe.com/ColorSwatchPicker" },
+      { name: "ColorWheel", aliases: ["color wheel"], url: "https://react-aria.adobe.com/ColorWheel" },
+      { name: "ComboBox", aliases: ["combo box"], url: "https://react-aria.adobe.com/ComboBox" },
+      { name: "DateField", aliases: ["date field"], url: "https://react-aria.adobe.com/DateField" },
+      { name: "DatePicker", aliases: ["date picker"], url: "https://react-aria.adobe.com/DatePicker" },
+      { name: "DateRangePicker", aliases: ["date range picker"], url: "https://react-aria.adobe.com/DateRangePicker" },
+      { name: "Disclosure", url: "https://react-aria.adobe.com/Disclosure" },
+      { name: "DisclosureGroup", aliases: ["disclosure group"], url: "https://react-aria.adobe.com/DisclosureGroup" },
+      { name: "DropZone", aliases: ["drop zone"], url: "https://react-aria.adobe.com/DropZone" },
+      { name: "FileTrigger", aliases: ["file trigger"], url: "https://react-aria.adobe.com/FileTrigger" },
+      { name: "Form", url: "https://react-aria.adobe.com/Form" },
+      { name: "GridList", aliases: ["grid list"], url: "https://react-aria.adobe.com/GridList" },
+      { name: "Group", url: "https://react-aria.adobe.com/Group" },
+      { name: "Link", url: "https://react-aria.adobe.com/Link" },
+      { name: "ListBox", aliases: ["list box"], url: "https://react-aria.adobe.com/ListBox" },
+      { name: "Menu", url: "https://react-aria.adobe.com/Menu" },
+      { name: "Meter", url: "https://react-aria.adobe.com/Meter" },
+      { name: "Modal", url: "https://react-aria.adobe.com/Modal" },
+      { name: "NavigationTree", aliases: ["navigation tree"], url: "https://react-aria.adobe.com/NavigationTree" },
+      { name: "NumberField", aliases: ["number field"], url: "https://react-aria.adobe.com/NumberField" },
+      { name: "Popover", url: "https://react-aria.adobe.com/Popover" },
+      { name: "PreviewTrigger", aliases: ["preview trigger"], url: "https://react-aria.adobe.com/PreviewTrigger" },
+      { name: "ProgressBar", aliases: ["progress bar"], url: "https://react-aria.adobe.com/ProgressBar" },
+      { name: "RadioGroup", aliases: ["radio group"], url: "https://react-aria.adobe.com/RadioGroup" },
+      { name: "RangeCalendar", aliases: ["range calendar"], url: "https://react-aria.adobe.com/RangeCalendar" },
+      { name: "SearchField", aliases: ["search field"], url: "https://react-aria.adobe.com/SearchField" },
+      { name: "Select", url: "https://react-aria.adobe.com/Select" },
+      { name: "Separator", url: "https://react-aria.adobe.com/Separator" },
+      { name: "Slider", url: "https://react-aria.adobe.com/Slider" },
+      { name: "Switch", url: "https://react-aria.adobe.com/Switch" },
+      { name: "Table", url: "https://react-aria.adobe.com/Table" },
+      { name: "Tabs", url: "https://react-aria.adobe.com/Tabs" },
+      { name: "TagGroup", aliases: ["tag group"], url: "https://react-aria.adobe.com/TagGroup" },
+      { name: "TextField", aliases: ["text field"], url: "https://react-aria.adobe.com/TextField" },
+      { name: "TimeField", aliases: ["time field"], url: "https://react-aria.adobe.com/TimeField" },
+      { name: "Toast", url: "https://react-aria.adobe.com/Toast" },
+      { name: "ToggleButton", aliases: ["toggle button"], url: "https://react-aria.adobe.com/ToggleButton" },
+      { name: "ToggleButtonGroup", aliases: ["toggle button group"], url: "https://react-aria.adobe.com/ToggleButtonGroup" },
+      { name: "TokenField", aliases: ["token field"], url: "https://react-aria.adobe.com/TokenField" },
+      { name: "Toolbar", url: "https://react-aria.adobe.com/Toolbar" },
+      { name: "Tooltip", url: "https://react-aria.adobe.com/Tooltip" },
+      { name: "Tree", url: "https://react-aria.adobe.com/Tree" },
+      { name: "Virtualizer", url: "https://react-aria.adobe.com/Virtualizer" },
+  ],
+  // 52 React components verified against https://ark-ui.com/llms.txt on 2026-10-07.
+  "ark-ui": [
+      { name: "Accordion", url: "https://ark-ui.com/docs/components/accordion" },
+      { name: "Angle Slider", url: "https://ark-ui.com/docs/components/angle-slider" },
+      { name: "Avatar", url: "https://ark-ui.com/docs/components/avatar" },
+      { name: "Carousel", url: "https://ark-ui.com/docs/components/carousel" },
+      { name: "Checkbox", url: "https://ark-ui.com/docs/components/checkbox" },
+      { name: "Clipboard", url: "https://ark-ui.com/docs/components/clipboard" },
+      { name: "Collapsible", url: "https://ark-ui.com/docs/components/collapsible" },
+      { name: "Color Picker", url: "https://ark-ui.com/docs/components/color-picker" },
+      { name: "Combobox", url: "https://ark-ui.com/docs/components/combobox" },
+      { name: "Date Input", url: "https://ark-ui.com/docs/components/date-input" },
+      { name: "Date Picker", url: "https://ark-ui.com/docs/components/date-picker" },
+      { name: "Dialog", url: "https://ark-ui.com/docs/components/dialog" },
+      { name: "Drawer", url: "https://ark-ui.com/docs/components/drawer" },
+      { name: "Editable", url: "https://ark-ui.com/docs/components/editable" },
+      { name: "Field", url: "https://ark-ui.com/docs/components/field" },
+      { name: "Fieldset", url: "https://ark-ui.com/docs/components/fieldset" },
+      { name: "File Upload", url: "https://ark-ui.com/docs/components/file-upload" },
+      { name: "Floating Panel", url: "https://ark-ui.com/docs/components/floating-panel" },
+      { name: "Image Cropper", url: "https://ark-ui.com/docs/components/image-cropper" },
+      { name: "Hover Card", url: "https://ark-ui.com/docs/components/hover-card" },
+      { name: "Listbox", url: "https://ark-ui.com/docs/components/listbox" },
+      { name: "Marquee", url: "https://ark-ui.com/docs/components/marquee" },
+      { name: "Menu", url: "https://ark-ui.com/docs/components/menu" },
+      { name: "Navigation Menu", url: "https://ark-ui.com/docs/components/navigation-menu" },
+      { name: "Number Input", url: "https://ark-ui.com/docs/components/number-input" },
+      { name: "Pagination", url: "https://ark-ui.com/docs/components/pagination" },
+      { name: "Password Input", url: "https://ark-ui.com/docs/components/password-input" },
+      { name: "Pin Input", url: "https://ark-ui.com/docs/components/pin-input" },
+      { name: "Popover", url: "https://ark-ui.com/docs/components/popover" },
+      { name: "Progress - Circular", url: "https://ark-ui.com/docs/components/progress-circular" },
+      { name: "Progress - Linear", url: "https://ark-ui.com/docs/components/progress-linear" },
+      { name: "QR Code", url: "https://ark-ui.com/docs/components/qr-code" },
+      { name: "Radio Group", url: "https://ark-ui.com/docs/components/radio-group" },
+      { name: "Rating Group", url: "https://ark-ui.com/docs/components/rating-group" },
+      { name: "Scroll Area", url: "https://ark-ui.com/docs/components/scroll-area" },
+      { name: "Segment Group", url: "https://ark-ui.com/docs/components/segment-group" },
+      { name: "Select", url: "https://ark-ui.com/docs/components/select" },
+      { name: "Signature Pad", url: "https://ark-ui.com/docs/components/signature-pad" },
+      { name: "Slider", url: "https://ark-ui.com/docs/components/slider" },
+      { name: "Splitter", url: "https://ark-ui.com/docs/components/splitter" },
+      { name: "Steps", url: "https://ark-ui.com/docs/components/steps" },
+      { name: "Switch", url: "https://ark-ui.com/docs/components/switch" },
+      { name: "Tabs", url: "https://ark-ui.com/docs/components/tabs" },
+      { name: "Tags Input", url: "https://ark-ui.com/docs/components/tags-input" },
+      { name: "Timer", url: "https://ark-ui.com/docs/components/timer" },
+      { name: "Table of Contents", url: "https://ark-ui.com/docs/components/toc" },
+      { name: "Toast", url: "https://ark-ui.com/docs/components/toast" },
+      { name: "Toggle", url: "https://ark-ui.com/docs/components/toggle" },
+      { name: "Toggle Group", url: "https://ark-ui.com/docs/components/toggle-group" },
+      { name: "Tooltip", url: "https://ark-ui.com/docs/components/tooltip" },
+      { name: "Tour", url: "https://ark-ui.com/docs/components/tour" },
+      { name: "Tree View", url: "https://ark-ui.com/docs/components/tree-view" },
+  ],
+  // 16 React components verified against https://headlessui.com/react on 2026-10-07.
+  "headless-ui": [
+      { name: "Dropdown Menu", aliases: ["menu"], url: "https://headlessui.com/react/menu" },
+      { name: "Disclosure", url: "https://headlessui.com/react/disclosure" },
+      { name: "Dialog", url: "https://headlessui.com/react/dialog" },
+      { name: "Popover", url: "https://headlessui.com/react/popover" },
+      { name: "Tabs", url: "https://headlessui.com/react/tabs" },
+      { name: "Transition", url: "https://headlessui.com/react/transition" },
+      { name: "Button", url: "https://headlessui.com/react/button" },
+      { name: "Checkbox", url: "https://headlessui.com/react/checkbox" },
+      { name: "Combobox", url: "https://headlessui.com/react/combobox" },
+      { name: "Fieldset", url: "https://headlessui.com/react/fieldset" },
+      { name: "Input", url: "https://headlessui.com/react/input" },
+      { name: "Listbox", url: "https://headlessui.com/react/listbox" },
+      { name: "Radio Group", url: "https://headlessui.com/react/radio-group" },
+      { name: "Select", url: "https://headlessui.com/react/select" },
+      { name: "Switch", url: "https://headlessui.com/react/switch" },
+      { name: "Textarea", url: "https://headlessui.com/react/textarea" },
+  ],
+  // 178 UI components verified against Mantine's official docs navigation and manifests on 2026-10-07.
+  "mantine": [
+      { name: "Box", url: "https://mantine.dev/core/box/" },
+      { name: "Button", url: "https://mantine.dev/core/button/" },
+      { name: "Loader", aliases: ["spinner"], url: "https://mantine.dev/core/loader/" },
+      { name: "Container", url: "https://mantine.dev/core/container/" },
+      { name: "Anchor", aliases: ["link"], url: "https://mantine.dev/core/anchor/" },
+      { name: "Input", url: "https://mantine.dev/core/input/" },
+      { name: "ActionIcon", aliases: ["icon button"], url: "https://mantine.dev/core/action-icon/" },
+      { name: "ActionBar", aliases: ["action bar"], url: "https://mantine.dev/core/action-bar/" },
+      { name: "CloseButton", aliases: ["close button"], url: "https://mantine.dev/core/close-button/" },
+      { name: "CopyButton", aliases: ["copy button"], url: "https://mantine.dev/core/copy-button/" },
+      { name: "FileButton", aliases: ["file button"], url: "https://mantine.dev/core/file-button/" },
+      { name: "UnstyledButton", aliases: ["unstyled button"], url: "https://mantine.dev/core/unstyled-button/" },
+      { name: "Tabs", url: "https://mantine.dev/core/tabs/" },
+      { name: "BackgroundImage", aliases: ["background image"], url: "https://mantine.dev/core/background-image/" },
+      { name: "Blockquote", url: "https://mantine.dev/core/blockquote/" },
+      { name: "Breadcrumbs", url: "https://mantine.dev/core/breadcrumbs/" },
+      { name: "Burger", aliases: ["hamburger menu"], url: "https://mantine.dev/core/burger/" },
+      { name: "Center", url: "https://mantine.dev/core/center/" },
+      { name: "Code", url: "https://mantine.dev/core/code/" },
+      { name: "Collapse", url: "https://mantine.dev/core/collapse/" },
+      { name: "ColorPicker", aliases: ["color picker"], url: "https://mantine.dev/core/color-picker/" },
+      { name: "ColorSwatch", aliases: ["color swatch"], url: "https://mantine.dev/core/color-swatch/" },
+      { name: "FocusTrap", aliases: ["focus trap"], url: "https://mantine.dev/core/focus-trap/" },
+      { name: "Group", aliases: ["horizontal stack"], url: "https://mantine.dev/core/group/" },
+      { name: "Highlight", url: "https://mantine.dev/core/highlight/" },
+      { name: "Kbd", aliases: ["keyboard shortcut"], url: "https://mantine.dev/core/kbd/" },
+      { name: "Mark", url: "https://mantine.dev/core/mark/" },
+      { name: "Marquee", url: "https://mantine.dev/core/marquee/" },
+      { name: "MaskInput", aliases: ["mask input"], url: "https://mantine.dev/core/mask-input/" },
+      { name: "NativeSelect", aliases: ["native select"], url: "https://mantine.dev/core/native-select/" },
+      { name: "Notification", url: "https://mantine.dev/core/notification/" },
+      { name: "Paper", url: "https://mantine.dev/core/paper/" },
+      { name: "Popover", url: "https://mantine.dev/core/popover/" },
+      { name: "Portal", url: "https://mantine.dev/core/portal/" },
+      { name: "ScrollArea", aliases: ["scroll area"], url: "https://mantine.dev/core/scroll-area/" },
+      { name: "Scroller", url: "https://mantine.dev/core/scroller/" },
+      { name: "SegmentedControl", aliases: ["segmented control"], url: "https://mantine.dev/core/segmented-control/" },
+      { name: "Slider", url: "https://mantine.dev/core/slider/" },
+      { name: "RangeSlider", aliases: ["range slider"], url: "https://mantine.dev/core/range-slider/" },
+      { name: "Stack", url: "https://mantine.dev/core/stack/" },
+      { name: "Switch", url: "https://mantine.dev/core/switch/" },
+      { name: "Table", url: "https://mantine.dev/core/table/" },
+      { name: "Text", url: "https://mantine.dev/core/text/" },
+      { name: "TextInput", aliases: ["text input"], url: "https://mantine.dev/core/text-input/" },
+      { name: "Title", aliases: ["heading"], url: "https://mantine.dev/core/title/" },
+      { name: "Badge", url: "https://mantine.dev/core/badge/" },
+      { name: "Toggle", url: "https://mantine.dev/core/toggle/" },
+      { name: "Toolbar", url: "https://mantine.dev/core/toolbar/" },
+      { name: "Tour", url: "https://mantine.dev/core/tour/" },
+      { name: "Tooltip", url: "https://mantine.dev/core/tooltip/" },
+      { name: "Transition", url: "https://mantine.dev/core/transition/" },
+      { name: "Typography", url: "https://mantine.dev/core/typography/" },
+      { name: "VisuallyHidden", aliases: ["visually hidden"], url: "https://mantine.dev/core/visually-hidden/" },
+      { name: "DataList", aliases: ["data list"], url: "https://mantine.dev/core/data-list/" },
+      { name: "EmptyState", aliases: ["empty state"], url: "https://mantine.dev/core/empty-state/" },
+      { name: "Divider", url: "https://mantine.dev/core/divider/" },
+      { name: "AspectRatio", aliases: ["aspect ratio"], url: "https://mantine.dev/core/aspect-ratio/" },
+      { name: "Overlay", url: "https://mantine.dev/core/overlay/" },
+      { name: "Avatar", url: "https://mantine.dev/core/avatar/" },
+      { name: "Alert", url: "https://mantine.dev/core/alert/" },
+      { name: "Affix", url: "https://mantine.dev/core/affix/" },
+      { name: "Fieldset", url: "https://mantine.dev/core/fieldset/" },
+      { name: "Checkbox", url: "https://mantine.dev/core/checkbox/" },
+      { name: "Combobox", url: "https://mantine.dev/core/combobox/" },
+      { name: "Modal", url: "https://mantine.dev/core/modal/" },
+      { name: "Drawer", url: "https://mantine.dev/core/drawer/" },
+      { name: "Accordion", url: "https://mantine.dev/core/accordion/" },
+      { name: "Pill", url: "https://mantine.dev/core/pill/" },
+      { name: "PillsInput", aliases: ["pills input"], url: "https://mantine.dev/core/pills-input/" },
+      { name: "Autocomplete", url: "https://mantine.dev/core/autocomplete/" },
+      { name: "TagsInput", aliases: ["tags input"], url: "https://mantine.dev/core/tags-input/" },
+      { name: "Select", url: "https://mantine.dev/core/select/" },
+      { name: "MultiSelect", aliases: ["multi select"], url: "https://mantine.dev/core/multi-select/" },
+      { name: "ComboboxPopover", aliases: ["combobox popover"], url: "https://mantine.dev/core/combobox-popover/" },
+      { name: "Pagination", url: "https://mantine.dev/core/pagination/" },
+      { name: "AppShell", aliases: ["app shell"], url: "https://mantine.dev/core/app-shell/" },
+      { name: "Skeleton", url: "https://mantine.dev/core/skeleton/" },
+      { name: "SimpleGrid", aliases: ["simple grid"], url: "https://mantine.dev/core/simple-grid/" },
+      { name: "Grid", url: "https://mantine.dev/core/grid/" },
+      { name: "HoverCard", aliases: ["hover card"], url: "https://mantine.dev/core/hover-card/" },
+      { name: "Menu", url: "https://mantine.dev/core/menu/" },
+      { name: "Menubar", url: "https://mantine.dev/core/menubar/" },
+      { name: "Progress", url: "https://mantine.dev/core/progress/" },
+      { name: "RingProgress", aliases: ["ring progress"], url: "https://mantine.dev/core/ring-progress/" },
+      { name: "Chip", url: "https://mantine.dev/core/chip/" },
+      { name: "PinInput", aliases: ["pin input", "otp input"], url: "https://mantine.dev/core/pin-input/" },
+      { name: "Rating", url: "https://mantine.dev/core/rating/" },
+      { name: "Space", url: "https://mantine.dev/core/space/" },
+      { name: "Indicator", url: "https://mantine.dev/core/indicator/" },
+      { name: "Textarea", url: "https://mantine.dev/core/textarea/" },
+      { name: "JsonInput", aliases: ["json input"], url: "https://mantine.dev/core/json-input/" },
+      { name: "Image", url: "https://mantine.dev/core/image/" },
+      { name: "Card", url: "https://mantine.dev/core/card/" },
+      { name: "PasswordInput", aliases: ["password input"], url: "https://mantine.dev/core/password-input/" },
+      { name: "FileInput", aliases: ["file input"], url: "https://mantine.dev/core/file-input/" },
+      { name: "Splitter", url: "https://mantine.dev/core/splitter/" },
+      { name: "Stepper", url: "https://mantine.dev/core/stepper/" },
+      { name: "ColorInput", aliases: ["color input"], url: "https://mantine.dev/core/color-input/" },
+      { name: "ThemeIcon", aliases: ["theme icon"], url: "https://mantine.dev/core/theme-icon/" },
+      { name: "NumberInput", aliases: ["number input"], url: "https://mantine.dev/core/number-input/" },
+      { name: "LoadingOverlay", aliases: ["loading overlay"], url: "https://mantine.dev/core/loading-overlay/" },
+      { name: "Radio", url: "https://mantine.dev/core/radio/" },
+      { name: "Timeline", url: "https://mantine.dev/core/timeline/" },
+      { name: "Dialog", url: "https://mantine.dev/core/dialog/" },
+      { name: "Flex", url: "https://mantine.dev/core/flex/" },
+      { name: "List", url: "https://mantine.dev/core/list/" },
+      { name: "Spoiler", aliases: ["show more"], url: "https://mantine.dev/core/spoiler/" },
+      { name: "NavLink", aliases: ["nav link"], url: "https://mantine.dev/core/nav-link/" },
+      { name: "NumberFormatter", aliases: ["number formatter"], url: "https://mantine.dev/core/number-formatter/" },
+      { name: "RollingNumber", aliases: ["rolling number"], url: "https://mantine.dev/core/rolling-number/" },
+      { name: "FloatingIndicator", aliases: ["floating indicator"], url: "https://mantine.dev/core/floating-indicator/" },
+      { name: "Tree", aliases: ["tree view"], url: "https://mantine.dev/core/tree/" },
+      { name: "TreeSelect", aliases: ["tree select"], url: "https://mantine.dev/core/tree-select/" },
+      { name: "Cascader", url: "https://mantine.dev/core/cascader/" },
+      { name: "SemiCircleProgress", aliases: ["semicircle progress"], url: "https://mantine.dev/core/semi-circle-progress/" },
+      { name: "AngleSlider", aliases: ["angle slider"], url: "https://mantine.dev/core/angle-slider/" },
+      { name: "FloatingWindow", aliases: ["floating window"], url: "https://mantine.dev/core/floating-window/" },
+      { name: "TableOfContents", aliases: ["table of contents"], url: "https://mantine.dev/core/table-of-contents/" },
+      { name: "OverflowList", aliases: ["overflow list"], url: "https://mantine.dev/core/overflow-list/" },
+      { name: "HueSlider", aliases: ["hue slider"], url: "https://mantine.dev/core/hue-slider/" },
+      { name: "AlphaSlider", aliases: ["alpha slider"], url: "https://mantine.dev/core/alpha-slider/" },
+      { name: "Calendar", url: "https://mantine.dev/dates/calendar/" },
+      { name: "DateInput", aliases: ["date input"], url: "https://mantine.dev/dates/date-input/" },
+      { name: "DatePicker", aliases: ["date picker"], url: "https://mantine.dev/dates/date-picker/" },
+      { name: "DatePickerInput", aliases: ["date picker input"], url: "https://mantine.dev/dates/date-picker-input/" },
+      { name: "DateTimePicker", aliases: ["date time picker"], url: "https://mantine.dev/dates/date-time-picker/" },
+      { name: "InlineDateTimePicker", aliases: ["inline date time picker"], url: "https://mantine.dev/dates/inline-date-time-picker/" },
+      { name: "MonthPicker", aliases: ["month picker"], url: "https://mantine.dev/dates/month-picker/" },
+      { name: "MonthPickerInput", aliases: ["month picker input"], url: "https://mantine.dev/dates/month-picker-input/" },
+      { name: "TimeInput", aliases: ["time input"], url: "https://mantine.dev/dates/time-input/" },
+      { name: "YearPicker", aliases: ["year picker"], url: "https://mantine.dev/dates/year-picker/" },
+      { name: "YearPickerInput", aliases: ["year picker input"], url: "https://mantine.dev/dates/year-picker-input/" },
+      { name: "TimePicker", aliases: ["time picker"], url: "https://mantine.dev/dates/time-picker/" },
+      { name: "TimeGrid", aliases: ["time grid"], url: "https://mantine.dev/dates/time-grid/" },
+      { name: "TimeValue", aliases: ["time value"], url: "https://mantine.dev/dates/time-value/" },
+      { name: "MiniCalendar", aliases: ["mini calendar"], url: "https://mantine.dev/dates/mini-calendar/" },
+      { name: "AreaChart", aliases: ["area chart"], url: "https://mantine.dev/charts/area-chart/" },
+      { name: "BarChart", aliases: ["bar chart"], url: "https://mantine.dev/charts/bar-chart/" },
+      { name: "LineChart", aliases: ["line chart"], url: "https://mantine.dev/charts/line-chart/" },
+      { name: "Sparkline", url: "https://mantine.dev/charts/sparkline/" },
+      { name: "DonutChart", aliases: ["donut chart"], url: "https://mantine.dev/charts/donut-chart/" },
+      { name: "PieChart", aliases: ["pie chart"], url: "https://mantine.dev/charts/pie-chart/" },
+      { name: "RadarChart", aliases: ["radar chart"], url: "https://mantine.dev/charts/radar-chart/" },
+      { name: "ScatterChart", aliases: ["scatter chart"], url: "https://mantine.dev/charts/scatter-chart/" },
+      { name: "BubbleChart", aliases: ["bubble chart"], url: "https://mantine.dev/charts/bubble-chart/" },
+      { name: "FunnelChart", aliases: ["funnel chart"], url: "https://mantine.dev/charts/funnel-chart/" },
+      { name: "CompositeChart", aliases: ["composite chart"], url: "https://mantine.dev/charts/composite-chart/" },
+      { name: "CandlestickChart", aliases: ["candlestick chart"], url: "https://mantine.dev/charts/candlestick-chart/" },
+      { name: "RadialBarChart", aliases: ["radial bar chart"], url: "https://mantine.dev/charts/radial-bar-chart/" },
+      { name: "Heatmap", url: "https://mantine.dev/charts/heatmap/" },
+      { name: "BarsList", aliases: ["bars list"], url: "https://mantine.dev/charts/bars-list/" },
+      { name: "BulletChart", aliases: ["bullet chart"], url: "https://mantine.dev/charts/bullet-chart/" },
+      { name: "GaugeChart", aliases: ["gauge chart"], url: "https://mantine.dev/charts/gauge-chart/" },
+      { name: "WaffleChart", aliases: ["waffle chart"], url: "https://mantine.dev/charts/waffle-chart/" },
+      { name: "Treemap", url: "https://mantine.dev/charts/treemap/" },
+      { name: "SunburstChart", aliases: ["sunburst chart"], url: "https://mantine.dev/charts/sunburst-chart/" },
+      { name: "MatrixChart", aliases: ["matrix chart"], url: "https://mantine.dev/charts/matrix-chart/" },
+      { name: "SankeyChart", aliases: ["sankey chart"], url: "https://mantine.dev/charts/sankey-chart/" },
+      { name: "CodeHighlight", aliases: ["code highlight"], url: "https://mantine.dev/code-highlight/code-highlight/" },
+      { name: "JsonViewer", aliases: ["json viewer"], url: "https://mantine.dev/code-highlight/json-viewer/" },
+      { name: "DayView", aliases: ["day view"], url: "https://mantine.dev/schedule/day-view/" },
+      { name: "MonthView", aliases: ["month view"], url: "https://mantine.dev/schedule/month-view/" },
+      { name: "WeekView", aliases: ["week view"], url: "https://mantine.dev/schedule/week-view/" },
+      { name: "YearView", aliases: ["year view"], url: "https://mantine.dev/schedule/year-view/" },
+      { name: "MobileMonthView", aliases: ["mobile month view"], url: "https://mantine.dev/schedule/mobile-month-view/" },
+      { name: "Schedule", url: "https://mantine.dev/schedule/schedule/" },
+      { name: "ResourcesDayView", aliases: ["resources day view"], url: "https://mantine.dev/schedule/resources-day-view/" },
+      { name: "ResourcesWeekView", aliases: ["resources week view"], url: "https://mantine.dev/schedule/resources-week-view/" },
+      { name: "ResourcesMonthView", aliases: ["resources month view"], url: "https://mantine.dev/schedule/resources-month-view/" },
+      { name: "ResourcesSchedule", aliases: ["resources schedule"], url: "https://mantine.dev/schedule/resources-schedule/" },
+      { name: "AgendaView", aliases: ["agenda view"], url: "https://mantine.dev/schedule/agenda-view/" },
+      { name: "Notifications", aliases: ["toast", "snackbar"], url: "https://mantine.dev/x/notifications/" },
+      { name: "Spotlight", aliases: ["command palette"], url: "https://mantine.dev/x/spotlight/" },
+      { name: "Carousel", url: "https://mantine.dev/x/carousel/" },
+      { name: "Dropzone", aliases: ["file upload", "drag and drop"], url: "https://mantine.dev/x/dropzone/" },
+      { name: "NavigationProgress", aliases: ["navigation progress", "page loading bar"], url: "https://mantine.dev/x/nprogress/" },
+      { name: "Lightbox", url: "https://mantine.dev/x/lightbox/" },
+      { name: "RichTextEditor", aliases: ["rich text editor", "wysiwyg"], url: "https://mantine.dev/x/tiptap/" },
+  ],
+  // 128 Material UI and MUI X components and families verified against official docs on 2026-10-07.
+  "mui": [
+      { name: "Autocomplete", url: "https://mui.com/material-ui/react-autocomplete/" },
+      { name: "Button", url: "https://mui.com/material-ui/react-button/" },
+      { name: "ButtonGroup", aliases: ["button group"], url: "https://mui.com/material-ui/react-button-group/" },
+      { name: "Checkbox", url: "https://mui.com/material-ui/react-checkbox/" },
+      { name: "Fab", aliases: ["floating action button"], url: "https://mui.com/material-ui/react-floating-action-button/" },
+      { name: "Number Field", aliases: ["number input"], url: "https://mui.com/material-ui/react-number-field/" },
+      { name: "RadioGroup", aliases: ["radio group"], url: "https://mui.com/material-ui/react-radio-button/" },
+      { name: "Rating", url: "https://mui.com/material-ui/react-rating/" },
+      { name: "Select", url: "https://mui.com/material-ui/react-select/" },
+      { name: "Slider", url: "https://mui.com/material-ui/react-slider/" },
+      { name: "Switch", url: "https://mui.com/material-ui/react-switch/" },
+      { name: "TextField", aliases: ["text field"], url: "https://mui.com/material-ui/react-text-field/" },
+      { name: "Transfer List", aliases: ["dual listbox"], url: "https://mui.com/material-ui/react-transfer-list/" },
+      { name: "ToggleButton", aliases: ["toggle button"], url: "https://mui.com/material-ui/react-toggle-button/" },
+      { name: "Avatar", url: "https://mui.com/material-ui/react-avatar/" },
+      { name: "Badge", url: "https://mui.com/material-ui/react-badge/" },
+      { name: "Chip", url: "https://mui.com/material-ui/react-chip/" },
+      { name: "Divider", url: "https://mui.com/material-ui/react-divider/" },
+      { name: "List", url: "https://mui.com/material-ui/react-list/" },
+      { name: "Table", url: "https://mui.com/material-ui/react-table/" },
+      { name: "Tooltip", url: "https://mui.com/material-ui/react-tooltip/" },
+      { name: "Typography", url: "https://mui.com/material-ui/react-typography/" },
+      { name: "Alert", url: "https://mui.com/material-ui/react-alert/" },
+      { name: "Dialog", url: "https://mui.com/material-ui/react-dialog/" },
+      { name: "CircularProgress", aliases: ["circular progress"], url: "https://mui.com/material-ui/api/circular-progress/" },
+      { name: "LinearProgress", aliases: ["linear progress"], url: "https://mui.com/material-ui/api/linear-progress/" },
+      { name: "Skeleton", url: "https://mui.com/material-ui/react-skeleton/" },
+      { name: "Snackbar", aliases: ["toast"], url: "https://mui.com/material-ui/react-snackbar/" },
+      { name: "Accordion", url: "https://mui.com/material-ui/react-accordion/" },
+      { name: "AppBar", aliases: ["app bar"], url: "https://mui.com/material-ui/react-app-bar/" },
+      { name: "Card", url: "https://mui.com/material-ui/react-card/" },
+      { name: "Paper", url: "https://mui.com/material-ui/react-paper/" },
+      { name: "BottomNavigation", aliases: ["bottom navigation"], url: "https://mui.com/material-ui/react-bottom-navigation/" },
+      { name: "Breadcrumbs", url: "https://mui.com/material-ui/react-breadcrumbs/" },
+      { name: "Drawer", url: "https://mui.com/material-ui/react-drawer/" },
+      { name: "Link", url: "https://mui.com/material-ui/react-link/" },
+      { name: "Menu", url: "https://mui.com/material-ui/react-menu/" },
+      { name: "Menubar", aliases: ["menu bar"], url: "https://mui.com/material-ui/react-menubar/" },
+      { name: "Pagination", url: "https://mui.com/material-ui/react-pagination/" },
+      { name: "SpeedDial", aliases: ["speed dial"], url: "https://mui.com/material-ui/react-speed-dial/" },
+      { name: "Stepper", url: "https://mui.com/material-ui/react-stepper/" },
+      { name: "Tabs", url: "https://mui.com/material-ui/react-tabs/" },
+      { name: "Box", url: "https://mui.com/material-ui/react-box/" },
+      { name: "Container", url: "https://mui.com/material-ui/react-container/" },
+      { name: "Grid", url: "https://mui.com/material-ui/react-grid/" },
+      { name: "Stack", url: "https://mui.com/material-ui/react-stack/" },
+      { name: "ImageList", aliases: ["image list"], url: "https://mui.com/material-ui/react-image-list/" },
+      { name: "Backdrop", url: "https://mui.com/material-ui/react-backdrop/" },
+      { name: "ClickAwayListener", aliases: ["click away listener"], url: "https://mui.com/material-ui/react-click-away-listener/" },
+      { name: "Modal", url: "https://mui.com/material-ui/react-modal/" },
+      { name: "NoSsr", aliases: ["no ssr"], url: "https://mui.com/material-ui/react-no-ssr/" },
+      { name: "Popover", url: "https://mui.com/material-ui/react-popover/" },
+      { name: "Popper", url: "https://mui.com/material-ui/react-popper/" },
+      { name: "Portal", url: "https://mui.com/material-ui/react-portal/" },
+      { name: "TextareaAutosize", aliases: ["textarea autosize"], url: "https://mui.com/material-ui/react-textarea-autosize/" },
+      { name: "Masonry", url: "https://mui.com/material-ui/react-masonry/" },
+      { name: "Timeline", url: "https://mui.com/material-ui/react-timeline/" },
+      { name: "Icon", url: "https://mui.com/material-ui/api/icon/" },
+      { name: "SvgIcon", aliases: ["svg icon"], url: "https://mui.com/material-ui/api/svg-icon/" },
+      { name: "Collapse", url: "https://mui.com/material-ui/api/collapse/" },
+      { name: "Fade", url: "https://mui.com/material-ui/api/fade/" },
+      { name: "Grow", url: "https://mui.com/material-ui/api/grow/" },
+      { name: "Slide", url: "https://mui.com/material-ui/api/slide/" },
+      { name: "Zoom", url: "https://mui.com/material-ui/api/zoom/" },
+      { name: "IconButton", aliases: ["icon button"], url: "https://mui.com/material-ui/api/icon-button/" },
+      { name: "NativeSelect", aliases: ["native select"], url: "https://mui.com/material-ui/api/native-select/" },
+      { name: "Radio", url: "https://mui.com/material-ui/api/radio/" },
+      { name: "ToggleButtonGroup", aliases: ["toggle button group"], url: "https://mui.com/material-ui/api/toggle-button-group/" },
+      { name: "AvatarGroup", aliases: ["avatar group"], url: "https://mui.com/material-ui/api/avatar-group/" },
+      { name: "SwipeableDrawer", aliases: ["swipeable drawer"], url: "https://mui.com/material-ui/api/swipeable-drawer/" },
+      { name: "MobileStepper", aliases: ["mobile stepper"], url: "https://mui.com/material-ui/api/mobile-stepper/" },
+      { name: "TablePagination", aliases: ["table pagination"], url: "https://mui.com/material-ui/api/table-pagination/" },
+      { name: "DataGrid", aliases: ["data grid", "data table"], url: "https://mui.com/x/react-data-grid/" },
+      { name: "DatePicker", aliases: ["date picker"], url: "https://mui.com/x/react-date-pickers/date-picker/" },
+      { name: "DateField", aliases: ["date field"], url: "https://mui.com/x/react-date-pickers/date-field/" },
+      { name: "DateCalendar", aliases: ["date calendar"], url: "https://mui.com/x/react-date-pickers/date-calendar/" },
+      { name: "TimePicker", aliases: ["time picker"], url: "https://mui.com/x/react-date-pickers/time-picker/" },
+      { name: "TimeField", aliases: ["time field"], url: "https://mui.com/x/react-date-pickers/time-field/" },
+      { name: "TimeClock", aliases: ["time clock"], url: "https://mui.com/x/react-date-pickers/time-clock/" },
+      { name: "DigitalClock", aliases: ["digital clock"], url: "https://mui.com/x/react-date-pickers/digital-clock/" },
+      { name: "DateTimePicker", aliases: ["date time picker"], url: "https://mui.com/x/react-date-pickers/date-time-picker/" },
+      { name: "DateTimeField", aliases: ["date time field"], url: "https://mui.com/x/react-date-pickers/date-time-field/" },
+      { name: "DateRangePicker", aliases: ["date range picker"], url: "https://mui.com/x/react-date-pickers/date-range-picker/" },
+      { name: "Date Range Field", url: "https://mui.com/x/react-date-pickers/date-range-field/" },
+      { name: "DateRangeCalendar", aliases: ["date range calendar"], url: "https://mui.com/x/react-date-pickers/date-range-calendar/" },
+      { name: "TimeRangePicker", aliases: ["time range picker"], url: "https://mui.com/x/react-date-pickers/time-range-picker/" },
+      { name: "Time Range Field", url: "https://mui.com/x/react-date-pickers/time-range-field/" },
+      { name: "DateTimeRangePicker", aliases: ["date time range picker"], url: "https://mui.com/x/react-date-pickers/date-time-range-picker/" },
+      { name: "Date Time Range Field", url: "https://mui.com/x/react-date-pickers/date-time-range-field/" },
+      { name: "BarChart", aliases: ["bar chart"], url: "https://mui.com/x/react-charts/bars/" },
+      { name: "LineChart", aliases: ["line chart"], url: "https://mui.com/x/react-charts/lines/" },
+      { name: "PieChart", aliases: ["pie chart"], url: "https://mui.com/x/react-charts/pie/" },
+      { name: "ScatterChart", aliases: ["scatter chart"], url: "https://mui.com/x/react-charts/scatter/" },
+      { name: "SparkLineChart", aliases: ["spark line chart"], url: "https://mui.com/x/react-charts/sparkline/" },
+      { name: "Gauge", url: "https://mui.com/x/react-charts/gauge/" },
+      { name: "RadarChart", aliases: ["radar chart"], url: "https://mui.com/x/react-charts/radar/" },
+      { name: "Heatmap", url: "https://mui.com/x/react-charts/heatmap/" },
+      { name: "FunnelChart", aliases: ["funnel chart"], url: "https://mui.com/x/react-charts/funnel/" },
+      { name: "SankeyChart", aliases: ["sankey chart"], url: "https://mui.com/x/react-charts/sankey/" },
+      { name: "CandlestickChart", aliases: ["candlestick chart"], url: "https://mui.com/x/react-charts/candlestick/" },
+      { name: "RadialBarChart", aliases: ["radial bar chart"], url: "https://mui.com/x/react-charts/radial-bars/" },
+      { name: "RadialLineChart", aliases: ["radial line chart"], url: "https://mui.com/x/react-charts/radial-lines/" },
+      { name: "SimpleTreeView", aliases: ["simple tree view"], url: "https://mui.com/x/api/tree-view/simple-tree-view/" },
+      { name: "RichTreeView", aliases: ["rich tree view"], url: "https://mui.com/x/api/tree-view/rich-tree-view/" },
+      { name: "EventCalendar", aliases: ["event calendar"], url: "https://mui.com/x/api/scheduler/event-calendar/" },
+      { name: "EventTimelinePremium", aliases: ["event timeline"], url: "https://mui.com/x/api/scheduler/event-timeline-premium/" },
+      { name: "StandaloneAgendaView", aliases: ["agenda view"], url: "https://mui.com/x/api/scheduler/standalone-agenda-view/" },
+      { name: "StandaloneDayView", aliases: ["day view"], url: "https://mui.com/x/api/scheduler/standalone-day-view/" },
+      { name: "StandaloneEvent", aliases: ["standalone event"], url: "https://mui.com/x/api/scheduler/standalone-event/" },
+      { name: "StandaloneMonthView", aliases: ["month view"], url: "https://mui.com/x/api/scheduler/standalone-month-view/" },
+      { name: "StandaloneWeekView", aliases: ["week view"], url: "https://mui.com/x/api/scheduler/standalone-week-view/" },
+      { name: "ChatBox", aliases: ["chat box"], url: "https://mui.com/x/react-chat/basics/chatbox/" },
+      { name: "ChatConversation", aliases: ["chat conversation"], url: "https://mui.com/x/react-chat/basics/conversation/" },
+      { name: "ChatConversationList", aliases: ["chat conversation list"], url: "https://mui.com/x/react-chat/multi-conversation/conversation-list/" },
+      { name: "ChatConversationHeader", aliases: ["chat conversation header"], url: "https://mui.com/x/react-chat/multi-conversation/conversation-header/" },
+      { name: "ChatMessageList", aliases: ["chat message list", "chat messages"], url: "https://mui.com/x/react-chat/basics/messages/" },
+      { name: "ChatMessageGroup", aliases: ["chat message group"], url: "https://mui.com/x/api/chat/chat-message-group/" },
+      { name: "ChatComposer", aliases: ["chat composer"], url: "https://mui.com/x/react-chat/basics/composer/" },
+      { name: "ChatSuggestions", aliases: ["chat suggestions"], url: "https://mui.com/x/react-chat/behavior/suggestions/" },
+      { name: "ChatTypingIndicator", aliases: ["chat typing indicator"], url: "https://mui.com/x/react-chat/behavior/typing-indicators/" },
+      { name: "ChatUnreadMarker", aliases: ["chat unread marker"], url: "https://mui.com/x/react-chat/display/unread-marker/" },
+      { name: "ChatMessageSkeleton", aliases: ["chat message skeleton"], url: "https://mui.com/x/react-chat/display/loading-and-empty-states/" },
+      { name: "ChatScrollToBottomAffordance", aliases: ["chat scroll to bottom"], url: "https://mui.com/x/react-chat/behavior/scrolling/" },
+      { name: "ChatDateDivider", aliases: ["chat date divider"], url: "https://mui.com/x/react-chat/display/date-divider/" },
+      { name: "ChatMessageSources", aliases: ["chat message sources"], url: "https://mui.com/x/react-chat/display/message-parts/sources-and-citations/" },
+      { name: "ChatMessageSource", aliases: ["chat message source"], url: "https://mui.com/x/api/chat/chat-message-source/" },
+      { name: "ChatCodeBlock", aliases: ["chat code block"], url: "https://mui.com/x/react-chat/display/message-parts/code-blocks/" },
+      { name: "ChatConfirmation", aliases: ["chat confirmation"], url: "https://mui.com/x/react-chat/ai-and-agents/tool-approval/" },
+  ],
 };
```

## data/libraries.ts

Status: modified; +14; −2

```diff
@@ -114,12 +114,12 @@
     name: "shadcn/ui",
     slug: "shadcn-ui",
     description:
-      "Accessible components you copy into your project and own, built on Radix UI and Tailwind CSS.",
+      "Editable React components styled with Tailwind CSS, with Base UI, Radix UI, and React Aria implementations.",
     url: "https://ui.shadcn.com",
     category: "Component Library",
     stacks: ["React", "Next.js", "Astro", "Tailwind CSS", "TypeScript"],
     useCases: ["Dashboards", "Accessibility-first", "Rapid Prototyping"],
-    tags: ["radix", "copy paste", "accessible"],
+    tags: ["base ui", "radix", "react aria", "copy paste", "accessible"],
   },
   {
     name: "Magic UI",
@@ -188,6 +188,18 @@
     tags: ["headless", "primitives", "unstyled"],
   },
   {
+    name: "React Aria Components",
+    slug: "react-aria",
+    addedAt: "2026-10-07T06:02:56+04:00",
+    description:
+      "Unstyled React components with accessible interactions, internationalization, and composable APIs from Adobe.",
+    url: "https://react-aria.adobe.com",
+    category: "Component Library",
+    stacks: ["React", "TypeScript"],
+    useCases: ["Accessibility-first", "Dashboards"],
+    tags: ["headless", "unstyled", "adobe", "react spectrum", "internationalization"],
+  },
+  {
     name: "HeroUI",
     slug: "heroui",
     description:
```

## data/library-details/index.ts

Status: modified; +2; −0

```diff
@@ -9,6 +9,7 @@
 import gsap from "./gsap.ts";
 import radix_ui from "./radix-ui.ts";
 import base_ui from "./base-ui.ts";
+import react_aria from "./react-aria.ts";
 import heroui from "./heroui.ts";
 import mantine from "./mantine.ts";
 import chakra_ui from "./chakra-ui.ts";
@@ -88,6 +89,7 @@
   "gsap": gsap,
   "radix-ui": radix_ui,
   "base-ui": base_ui,
+  "react-aria": react_aria,
   "heroui": heroui,
   "mantine": mantine,
   "chakra-ui": chakra_ui,
```

## data/library-details/react-aria.ts

Status: added; +37; −0

```diff
@@ -1,0 +1,37 @@
+import type { LibraryDetails } from "./types";
+
+export default {
+  docsUrl: "https://react-aria.adobe.com",
+  repoUrl: "https://github.com/adobe/react-spectrum",
+  install: [
+    { label: "npm", command: "npm install react-aria-components" },
+  ],
+  gettingStarted: [
+    "Install react-aria-components in an existing React project. Read https://react-aria.adobe.com/getting-started before choosing imports and component parts.",
+    "Import a component from its documented subpath, for example import { Button } from 'react-aria-components/Button', and render it in an existing view.",
+    "Add styles with your existing CSS, CSS Modules, Tailwind CSS, or CSS-in-JS solution. React Aria does not include default styles; its documented states and data attributes expose interaction state for styling.",
+    "Build complex controls by composing the parts shown in their documentation. Check keyboard access, focus management, and labels before adding more controls.",
+  ],
+  preview: {
+    src: "https://react-aria.adobe.com/server/ReactAriaOpenGraph.c58014f0.webp",
+    alt: "React Aria Components documentation share image",
+  },
+  agentPrompt: `Add React Aria Components to this existing React project.
+
+React Aria Components provides unstyled, accessible React controls from Adobe. The behavior, keyboard interactions, and internationalization come from the library; visual styles stay in this project.
+
+Steps:
+1. Read https://react-aria.adobe.com/getting-started and the documentation for the control I need. Preserve the existing framework, styling solution, and components.
+2. Install the package with this project's package manager, for example "npm install react-aria-components". Do not install React Spectrum's styled component package instead.
+3. Use the documented imports and compose the required parts. A first button can use import { Button } from 'react-aria-components/Button'; complex controls such as Select also need their documented trigger, popover, and list parts.
+4. Style the control with the project's existing CSS or styling system. Use the documented states and data attributes rather than duplicating interaction state.
+5. Verify labels, keyboard navigation, focus behavior, and the project's relevant checks. Report which files changed and which checks ran.
+
+Check current APIs at https://react-aria.adobe.com before writing code. Do not invent parts, props, compatibility constraints, or default styles.`,
+  pricing: {
+    model: "free",
+    summary: "React Aria Components is free and open source under Apache 2.0.",
+    license: "Apache-2.0",
+    source: "https://github.com/adobe/react-spectrum/blob/main/LICENSE",
+  },
+} satisfies LibraryDetails;
```

## data/library-details/shadcn-ui.ts

Status: modified; +1; −1

```diff
@@ -14,7 +14,7 @@
   gettingStarted: [
     "Start from a React + TypeScript project with Tailwind CSS installed and a `@/*` path alias in tsconfig.json pointing at your source root.",
     "Run `npx shadcn@latest init` and answer the prompts for style, base color and options; it writes components.json, installs dependencies, adds the cn utility and sets up CSS variables.",
-    "Add components one by one with `npx shadcn@latest add button`, or run `npx shadcn@latest add` with no argument to browse the full list.",
+    "Use the component documentation matching your project's Base UI, Radix UI, or React Aria implementation. Add components one by one with `npx shadcn@latest add button`, or run `npx shadcn@latest add` with no argument to browse the full list.",
     "Import a component with the configured alias, for example `import { Button } from \"@/components/ui/button\"`.",
     "The component source lands in your repo (for example `src/components/ui`), so edit it directly to match your design system.",
   ],
```

## lib/foundation-components.test.mjs

Status: added; +44; −0

```diff
@@ -1,0 +1,44 @@
+import assert from "node:assert/strict";
+import { test } from "node:test";
+import { componentIndex } from "../data/components.ts";
+import { libraries } from "../data/libraries.ts";
+import { libraryDetails } from "../data/library-details/index.ts";
+import { createDirectorySearch } from "./directory.ts";
+import { createCatalogueTools } from "./mcp-tools.ts";
+
+const slugs = ["shadcn-ui", "react-aria", "base-ui", "radix-ui", "ark-ui", "headless-ui", "mantine", "mui"];
+const search = createDirectorySearch(libraries, componentIndex);
+const tools = createCatalogueTools({ libraries, componentIndex, details: libraryDetails, corpus: [], compatibility: [] });
+
+test("every indexed React foundation component is searchable and resolves to its documented page", () => {
+  for (const slug of slugs) {
+    assert.ok(componentIndex[slug]?.length, `${slug} needs a component index`);
+    for (const component of componentIndex[slug]) {
+      const results = search({ query: component.name, category: null, stacks: ["React"], useCases: [], sort: "curated" });
+      const library = results.find(({ library }) => library.slug === slug);
+      assert.ok(library, `${slug}/${component.name} is missing from library search`);
+      assert.equal(library.components[0].url, component.url);
+
+      const result = tools.invoke("search_components", { query: component.name, library: slug });
+      assert.equal(result.isError, undefined);
+      assert.equal(result.structuredContent.results[0].id, `${slug}/${component.name}`);
+      const details = tools.invoke("get_component", { id: `${slug}/${component.name}` });
+      assert.equal(details.isError, undefined);
+      assert.equal(details.structuredContent.url, component.url);
+    }
+  }
+});
+
+test("foundation search aliases resolve to the intended component and library", () => {
+  for (const [slug, query, name] of [
+    ["shadcn-ui", "typography", "Typeset"],
+    ["react-aria", "color wheel", "ColorWheel"],
+    ["headless-ui", "menu", "Dropdown Menu"],
+    ["mantine", "command palette", "Spotlight"],
+    ["mui", "floating action button", "Fab"],
+  ]) {
+    const result = tools.invoke("search_components", { query, library: slug });
+    assert.equal(result.isError, undefined);
+    assert.equal(result.structuredContent.results[0].id, `${slug}/${name}`);
+  }
+});
```

## lib/mcp-eval.test.mjs

Status: modified; +2; −2

```diff
@@ -46,8 +46,8 @@
 
   assert.deepEqual(
     result.results.map(({ id }) => id),
-    ["shadcn-ui/Command", "shadcn-svelte/Command"],
-    "'command palette' is a recorded alias of both Command components",
+    ["shadcn-ui/Command", "mantine/Spotlight", "shadcn-svelte/Command"],
+    "'command palette' is a recorded alias of Command and Mantine Spotlight",
   );
 });
 
```