@fundamental-styles/mcp 0.41.7-rc.8 → 0.41.7

package/data/components/README.md

@@ -0,0 +1,281 @@
+# Component Documentation Index
+
+This directory contains AI-consumable documentation extracted from Storybook stories.
+
+**Generated:** 2026-06-09T18:29:01.792Z
+**Total Components:** 166
+
+## Components by Category
+
+### AI
+
+| Component | Selector | File |
+|-----------|----------|------|
+| AI/Components/Busy Indicator | `fd-ai-busy-indicator` | [ai-busy-indicator.md](./ai-busy-indicator.md) |
+| AI/Components/Button | `fd-button` | [button-ai.md](./button-ai.md) |
+| AI/Components/Loading Bar | `fd-ai-loading-bar` | [ai-loading-bar.md](./ai-loading-bar.md) |
+| AI/Components/Prompt Input | `fd-prompt-input` | [prompt-input-ai.md](./prompt-input-ai.md) |
+| AI/Patterns/Acknowledgment | `fd-message-box-docs-static` | [message-box-docs-static-ai.md](./message-box-docs-static-ai.md) |
+| AI/Patterns/Guided Prompt | `fd-popover` | [popover-ai.md](./popover-ai.md) |
+| AI/Patterns/Notice | `fd-form-label` | [form-label-ai.md](./form-label-ai.md) |
+| AI/Patterns/Progress Indicator | `fd-form-item` | [form-item-ai.md](./form-item-ai.md) |
+| AI/Patterns/Quick Prompt | `fd-button` | [button-ai.md](./button-ai.md) |
+| AI/Patterns/Text Highlight | `fd-form-item` | [form-item-ai.md](./form-item-ai.md) |
+| AI/Patterns/Writing Assistant | `fd-form-item` | [form-item-ai.md](./form-item-ai.md) |
+| AI/Patterns/Writing Assistant Toolbar | `fd-toolbar` | [toolbar-ai.md](./toolbar-ai.md) |
+
+### BTP
+
+| Component | Selector | File |
+|-----------|----------|------|
+| BTP/Avatar | `fd-avatar` | [avatar-btp.md](./avatar-btp.md) |
+| BTP/Button | `fd-button` | [button-btp.md](./button-btp.md) |
+| BTP/Navigation/Horizontal Navigation | `fd-navigation` | [navigation-navigation.md](./navigation-navigation.md) |
+| BTP/Navigation/Vertical Navigation | `fd-navigation` | [navigation.md](./navigation.md) |
+| BTP/Splitter | `fd-splitter` | [splitter.md](./splitter.md) |
+| BTP/Title Bar | `fd-toolbar` | [toolbar-btp.md](./toolbar-btp.md) |
+| BTP/Tool Header | `fd-tool-header` | [tool-header.md](./tool-header.md) |
+| BTP/User Menu | `fd-popover` | [popover-btp.md](./popover-btp.md) |
+| Dev/Navigation Menu | `fd-navigation-menu` | [navigation-menu.md](./navigation-menu.md) |
+
+### Components
+
+| Component | Selector | File |
+|-----------|----------|------|
+| BTP/Search Field | `fd-search-field` | [search-field.md](./search-field.md) |
+| Components/Action Bar | `fd-action-bar` | [action-bar.md](./action-bar.md) |
+| Components/Action Sheet | `fd-button` | [button-action-sheet.md](./button-action-sheet.md) |
+| Components/Avatar | `fd-avatar` | [avatar.md](./avatar.md) |
+| Components/Avatar Group | `fd-avatar-group` | [avatar-group.md](./avatar-group.md) |
+| Components/Bar | `fd-bar` | [bar.md](./bar.md) |
+| Components/Breadcrumb | `fd-breadcrumb` | [breadcrumb.md](./breadcrumb.md) |
+| Components/Busy Indicator | `fd-dialog-docs-static` | [dialog-docs-static-busy-indicator.md](./dialog-docs-static-busy-indicator.md) |
+| Components/Buttons/Button | `fd-button` | [button.md](./button.md) |
+| Components/Buttons/Button Split | `fd-button-split` | [button-split.md](./button-split.md) |
+| Components/Buttons/Segmented Button | `fd-segmented-button` | [segmented-button.md](./segmented-button.md) |
+| Components/Calendar | `fd-calendar` | [calendar.md](./calendar.md) |
+| Components/Card/Card | `fd-card` | [card.md](./card.md) |
+| Components/Card/Media Card | `fd-card` | [card-card-media.md](./card-card-media.md) |
+| Components/Carousel | `fd-carousel` | [carousel.md](./carousel.md) |
+| Components/Code | `fd-code` | [code.md](./code.md) |
+| Components/Counter | `fd-button` | [button-counter.md](./button-counter.md) |
+| Components/Cx Side Navigation | `fd-input-group` | [input-group.md](./input-group.md) |
+| Components/Dialog | `fd-dialog-docs-static` | [dialog-docs-static.md](./dialog-docs-static.md) |
+| Components/Feed Input | `fd-feed-input` | [feed-input.md](./feed-input.md) |
+| Components/Feed List and Item | `fd-feed-list` | [feed-list.md](./feed-list.md) |
+| Components/File Uploader | `fd-form-item` | [form-item-file-uploader.md](./form-item-file-uploader.md) |
+| Components/Forms/Checkbox | `fd-fieldset` | [fieldset-forms.md](./fieldset-forms.md) |
+| Components/Forms/Field Set | `fd-fieldset` | [fieldset-2.md](./fieldset-2.md) |
+| Components/Forms/Form Group | `fd-container` | [container.md](./container.md) |
+| Components/Forms/Form Header | `fd-form-header` | [form-header.md](./form-header.md) |
+| Components/Forms/Form Item | `fd-form-item` | [form-item-2.md](./form-item-2.md) |
+| Components/Forms/Form Label | `fd-form-item` | [form-item-3.md](./form-item-3.md) |
+| Components/Forms/Form Message | `fd-form-item` | [form-item-5.md](./form-item-5.md) |
+| Components/Forms/Input | `fd-form-item` | [form-item.md](./form-item.md) |
+| Components/Forms/Input Group | `fd-form-item` | [form-item-4.md](./form-item-4.md) |
+| Components/Forms/Prompt Input | `fd-prompt-input` | [prompt-input.md](./prompt-input.md) |
+| Components/Forms/Radio | `fd-fieldset` | [fieldset.md](./fieldset.md) |
+| Components/Forms/Textarea | `fd-form-item` | [form-item-forms.md](./form-item-forms.md) |
+| Components/Generic Tag | `fd-generic-tag` | [generic-tag.md](./generic-tag.md) |
+| Components/Generic Tiles | `fd-tile` | [tile.md](./tile.md) |
+| Components/Grid List/Grid List | `fd-grid-list` | [grid-list.md](./grid-list.md) |
+| Components/Grid List/Selection | `fd-grid-list` | [grid-list-grid-list.md](./grid-list-grid-list.md) |
+| Components/Icon Tab Bar | `fd-icon-tab-bar` | [icon-tab-bar.md](./icon-tab-bar.md) |
+| Components/Icons/BusinessSuiteInAppSymbol Icons | `` | [components-icons-businesssuiteinappsymbol-icons.md](./components-icons-businesssuiteinappsymbol-icons.md) |
+| Components/Icons/SAP Icons | `` | [components-icons-sap-icons.md](./components-icons-sap-icons.md) |
+| Components/Icons/TNT Icons | `` | [components-icons-tnt-icons.md](./components-icons-tnt-icons.md) |
+| Components/Illustrated Message | `fd-illustrated-message` | [illustrated-message.md](./illustrated-message.md) |
+| Components/Info Label | `fd-info-label` | [info-label.md](./info-label.md) |
+| Components/List/Byline | `fd-list` | [list-list.md](./list-list.md) |
+| Components/List/Standard | `fd-list` | [list-3.md](./list-3.md) |
+| Components/List/Subline | `fd-list` | [list-2.md](./list-2.md) |
+| Components/Menu | `fd-menu` | [menu.md](./menu.md) |
+| Components/Message Box | `fd-message-box-docs-static` | [message-box-docs-static.md](./message-box-docs-static.md) |
+| Components/Message Page | `fd-message-page` | [message-page.md](./message-page.md) |
+| Components/Message Popover | `fd-popover` | [popover-message-popover.md](./popover-message-popover.md) |
+| Components/Message Strip | `fd-message-strip` | [message-strip.md](./message-strip.md) |
+| Components/Message Toast | `fd-message-toast` | [message-toast.md](./message-toast.md) |
+| Components/Micro Process Flow | `fd-micro-process-flow` | [micro-process-flow.md](./micro-process-flow.md) |
+| Components/Notifications | `fd-popover` | [popover-notification.md](./popover-notification.md) |
+| Components/Object Identifier | `fd-object-identifier` | [object-identifier.md](./object-identifier.md) |
+| Components/Object List | `fd-list` | [list.md](./list.md) |
+| Components/Object Marker | `fd-object-marker` | [object-marker.md](./object-marker.md) |
+| Components/Object Number | `fd-object-number` | [object-number.md](./object-number.md) |
+| Components/Object Status | `fd-object-status` | [object-status.md](./object-status.md) |
+| Components/Pagination | `fd-pagination` | [pagination.md](./pagination.md) |
+| Components/Panel | `fd-panel` | [panel.md](./panel.md) |
+| Components/Popover | `fd-popover` | [popover.md](./popover.md) |
+| Components/Product Switch | `fd-avatar` | [avatar-product-switch.md](./avatar-product-switch.md) |
+| Components/Progress Indicator | `fd-progress-indicator` | [progress-indicator.md](./progress-indicator.md) |
+| Components/Quick View | `fd-popover` | [popover-quick-view.md](./popover-quick-view.md) |
+| Components/Rating Indicator | `fd-rating-indicator` | [rating-indicator.md](./rating-indicator.md) |
+| Components/Scrollbar | `fd-scrollbar` | [scrollbar.md](./scrollbar.md) |
+| Components/Select | `fd-form-label` | [form-label.md](./form-label.md) |
+| Components/Settings | `fd-dialog-docs-static` | [dialog-docs-static-settings.md](./dialog-docs-static-settings.md) |
+| Components/Shellbar | `fd-shellbar` | [shellbar.md](./shellbar.md) |
+| Components/Side Navigation | `fd-side-nav` | [side-nav.md](./side-nav.md) |
+| Components/Skeleton | `fd-skeleton` | [skeleton.md](./skeleton.md) |
+| Components/Slider | `fd-slider` | [slider.md](./slider.md) |
+| Components/Status Indicator | `fd-form-label` | [form-label-status-indicator.md](./form-label-status-indicator.md) |
+| Components/Step Input | `fd-form-label` | [form-label-step-input.md](./form-label-step-input.md) |
+| Components/Switch | `fd-form-group` | [form-group.md](./form-group.md) |
+| Components/Table | `fd-table` | [table.md](./table.md) |
+| Components/Text | `fd-text` | [text.md](./text.md) |
+| Components/Time | `fd-time` | [time.md](./time.md) |
+| Components/Time Picker | `fd-popover` | [popover-timepicker.md](./popover-timepicker.md) |
+| Components/Title | `fd-title` | [title.md](./title.md) |
+| Components/Token | `fd-token` | [token.md](./token.md) |
+| Components/Tokenizer | `fd-tokenizer` | [tokenizer.md](./tokenizer.md) |
+| Components/Toolbar | `fd-toolbar` | [toolbar.md](./toolbar.md) |
+| Components/Tree | `fd-tree` | [tree.md](./tree.md) |
+| Components/Upload Collection | `fd-message-page` | [message-page-upload-collection.md](./message-page-upload-collection.md) |
+| Components/User Menu | `fd-popover` | [popover-user-menu.md](./popover-user-menu.md) |
+| Components/Variant Management | `fd-variant-management` | [variant-management.md](./variant-management.md) |
+| Components/Vertical Navigation | `fd-vertical-nav` | [vertical-nav.md](./vertical-nav.md) |
+| Components/Wizard | `fd-wizard` | [wizard.md](./wizard.md) |
+
+### Deprecated
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Deprecated/Components/Tabs | `fd-tabs` | [tabs.md](./tabs.md) |
+| Deprecated/Components/Time Picker | `fd-popover` | [popover-deprecated.md](./popover-deprecated.md) |
+
+### Dev
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Dev/Drag and Drop Icon Tab Bar | `fd-icon-tab-bar` | [icon-tab-bar-dev.md](./icon-tab-bar-dev.md) |
+| Dev/Facets | `fd-dynamic-page` | [dynamic-page.md](./dynamic-page.md) |
+| Dev/Numeric Content | `fd-numeric-content` | [numeric-content.md](./numeric-content.md) |
+| Dev/Object Attribute | `fd-object-attribute` | [object-attribute.md](./object-attribute.md) |
+| Dev/Off Screen | `fd-off-screen` | [off-screen.md](./off-screen.md) |
+
+### Layouts
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Layouts/Dynamic Page | `fd-dynamic-page` | [dynamic-page-dynamic-page.md](./dynamic-page-dynamic-page.md) |
+| Layouts/Dynamic Side Content | `fd-dynamic-side` | [dynamic-side.md](./dynamic-side.md) |
+| Layouts/Fixed Card Layout | `fd-card` | [card-layouts.md](./card-layouts.md) |
+| Layouts/Flexible Column | `fd-flexible-column-layout` | [flexible-column-layout.md](./flexible-column-layout.md) |
+| Layouts/Layout Grid | `` | [layouts-layout-grid.md](./layouts-layout-grid.md) |
+| Layouts/Layout Panel | `fd-layout-panel` | [layout-panel.md](./layout-panel.md) |
+| Layouts/Margins | `fd-panel` | [panel-layouts.md](./panel-layouts.md) |
+| Layouts/Paddings | `` | [layouts-paddings.md](./layouts-paddings.md) |
+| Layouts/Page | `fd-page` | [page.md](./page.md) |
+| Layouts/Page Footer | `fd-form-label` | [form-label-layouts.md](./form-label-layouts.md) |
+| Layouts/Resizable Card Layout | `fd-resizable-card-layout` | [resizable-card-layout.md](./resizable-card-layout.md) |
+| Layouts/Section | `` | [layouts-section.md](./layouts-section.md) |
+| Layouts/Tool Layout | `fd-tool-layout` | [tool-layout.md](./tool-layout.md) |
+
+### Patterns
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Patterns/Combobox Input | `fd-dialog` | [dialog.md](./dialog.md) |
+| Patterns/Contextual Menu | `fd-popover` | [popover-patterns.md](./popover-patterns.md) |
+| Patterns/Date Picker | `fd-dialog-docs-static` | [dialog-docs-static-patterns.md](./dialog-docs-static-patterns.md) |
+| Patterns/Horizontal Navigation | `fd-horizontal-navigation` | [horizontal-navigation.md](./horizontal-navigation.md) |
+| Patterns/Multi ComboBox | `fd-popover` | [popover-patterns.md](./popover-patterns.md) |
+| Patterns/Multi Input | `fd-form-label` | [form-label-patterns.md](./form-label-patterns.md) |
+| Patterns/Time Picker | `fd-popover` | [popover-patterns.md](./popover-patterns.md) |
+
+### border
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Border | `` | [border.md](./border.md) |
+
+### border-radius
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Border Radius | `` | [border-radius.md](./border-radius.md) |
+
+### container-queries
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Container Queries | `` | [container-queries.md](./container-queries.md) |
+
+### elevation
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Elevation | `` | [elevation.md](./elevation.md) |
+
+### heading
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Heading | `` | [heading.md](./heading.md) |
+
+### media-queries
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Media Queries | `` | [media-queries.md](./media-queries.md) |
+
+### overflow
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Overflow | `` | [overflow.md](./overflow.md) |
+
+### padding
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Padding | `` | [padding.md](./padding.md) |
+
+### page-title
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Titles | `` | [titles.md](./titles.md) |
+
+### patterns
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Patterns/Busy Indicator | `fd-dialog-docs-static` | [dialog-docs-static-patterns.md](./dialog-docs-static-patterns.md) |
+| Patterns/Label | `` | [patterns-label.md](./patterns-label.md) |
+
+### reset
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Component Reset | `` | [component-reset.md](./component-reset.md) |
+
+### text
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Text | `` | [text-text.md](./text-text.md) |
+
+### typography
+
+| Component | Selector | File |
+|-----------|----------|------|
+| Typography | `` | [typography.md](./typography.md) |
+
+## Usage for AI Agents
+
+These markdown files are designed to be consumed by AI coding assistants:
+
+1. **Direct File Access**: Each component has its own markdown file
+2. **Structured Format**: Consistent frontmatter with metadata
+3. **Complete Examples**: Full HTML snippets from Storybook stories
+4. **Modifier Reference**: All CSS modifier classes documented
+5. **State Classes**: Interactive states (hover, active, disabled, etc.)
+
+## Keeping Docs Updated
+
+To regenerate this documentation:
+
+```bash
+npm run docs:extract
+```
+
+This should be run whenever component stories are updated.