@adia-ai/a2ui-corpus 0.4.6 → 0.4.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +25 -0
- package/README.md +81 -85
- package/catalog-a2ui_0_9.json +343 -12
- package/package.json +3 -8
- package/compositions/_schema.json +0 -26
- package/compositions/agent/ai-streaming-response.json +0 -62
- package/compositions/agent/ai-streaming-response.yaml +0 -32
- package/compositions/agent/alert-banner.json +0 -58
- package/compositions/agent/alert-banner.yaml +0 -34
- package/compositions/agent/chat-interface.json +0 -135
- package/compositions/agent/chat-interface.yaml +0 -34
- package/compositions/agent/command-palette.json +0 -113
- package/compositions/agent/command-palette.yaml +0 -30
- package/compositions/agent/empty-state.json +0 -81
- package/compositions/agent/empty-state.yaml +0 -35
- package/compositions/agent/error-state-retry.json +0 -115
- package/compositions/agent/loading-skeleton.json +0 -83
- package/compositions/agent/loading-skeleton.yaml +0 -31
- package/compositions/agent/notification-preferences.json +0 -415
- package/compositions/agent/toast-stack.json +0 -52
- package/compositions/agent/toast-stack.yaml +0 -28
- package/compositions/data/activity-feed.json +0 -253
- package/compositions/data/activity-feed.yaml +0 -43
- package/compositions/data/audit-log-viewer.json +0 -516
- package/compositions/data/bookmark-list.json +0 -195
- package/compositions/data/bookmark-list.yaml +0 -41
- package/compositions/data/bulk-action-toolbar.json +0 -146
- package/compositions/data/changelog-feed.json +0 -357
- package/compositions/data/chart-dashboard.json +0 -111
- package/compositions/data/chart-dashboard.yaml +0 -34
- package/compositions/data/cohort-retention.json +0 -402
- package/compositions/data/column-manager.json +0 -585
- package/compositions/data/data-table-paginated.json +0 -107
- package/compositions/data/data-table-paginated.yaml +0 -36
- package/compositions/data/email-inbox-list.json +0 -255
- package/compositions/data/email-inbox-list.yaml +0 -41
- package/compositions/data/funnel-analytics.json +0 -432
- package/compositions/data/heatmap-calendar.json +0 -235
- package/compositions/data/invoice-table.json +0 -115
- package/compositions/data/invoice-table.yaml +0 -33
- package/compositions/data/kpi-overview.json +0 -198
- package/compositions/data/kpi-overview.yaml +0 -42
- package/compositions/data/notification-center.json +0 -243
- package/compositions/data/notification-center.yaml +0 -41
- package/compositions/data/object-inspector.json +0 -473
- package/compositions/data/product-specs-card.json +0 -73
- package/compositions/data/product-specs-card.yaml +0 -35
- package/compositions/data/progress-tracker.json +0 -161
- package/compositions/data/progress-tracker.yaml +0 -47
- package/compositions/data/review-card.json +0 -101
- package/compositions/data/review-card.yaml +0 -34
- package/compositions/data/saved-views-filter-bar.json +0 -247
- package/compositions/data/shopping-cart-summary.json +0 -180
- package/compositions/data/shopping-cart-summary.yaml +0 -43
- package/compositions/data/stat-card-dashboard.json +0 -231
- package/compositions/data/stat-card-dashboard.yaml +0 -44
- package/compositions/data/status-page.json +0 -413
- package/compositions/data/virtualized-table.json +0 -281
- package/compositions/data/weather-widget.json +0 -84
- package/compositions/data/weather-widget.yaml +0 -31
- package/compositions/forms/change-password-form.json +0 -154
- package/compositions/forms/change-password-form.yaml +0 -44
- package/compositions/forms/color-picker-panel.json +0 -95
- package/compositions/forms/color-picker-panel.yaml +0 -36
- package/compositions/forms/contact-form.json +0 -205
- package/compositions/forms/contact-form.yaml +0 -54
- package/compositions/forms/credit-card-payment-form.json +0 -168
- package/compositions/forms/credit-card-payment-form.yaml +0 -46
- package/compositions/forms/data-import-mapper.json +0 -315
- package/compositions/forms/data-import-wizard.json +0 -321
- package/compositions/forms/date-time-picker-form.json +0 -123
- package/compositions/forms/date-time-picker-form.yaml +0 -38
- package/compositions/forms/destructive-confirm.json +0 -265
- package/compositions/forms/feedback-form.json +0 -123
- package/compositions/forms/feedback-form.yaml +0 -41
- package/compositions/forms/file-upload-form.json +0 -104
- package/compositions/forms/file-upload-form.yaml +0 -37
- package/compositions/forms/login-form.json +0 -139
- package/compositions/forms/login-form.yaml +0 -43
- package/compositions/forms/multi-step-wizard.json +0 -144
- package/compositions/forms/multi-step-wizard.yaml +0 -37
- package/compositions/forms/newsletter-subscription-form.json +0 -108
- package/compositions/forms/newsletter-subscription-form.yaml +0 -40
- package/compositions/forms/otp-verification-form.json +0 -110
- package/compositions/forms/otp-verification-form.yaml +0 -42
- package/compositions/forms/password-reset-form.json +0 -108
- package/compositions/forms/password-reset-form.yaml +0 -40
- package/compositions/forms/permission-matrix.json +0 -189
- package/compositions/forms/profile-edit-form.json +0 -156
- package/compositions/forms/profile-edit-form.yaml +0 -46
- package/compositions/forms/radio-group-form.json +0 -131
- package/compositions/forms/radio-group-form.yaml +0 -39
- package/compositions/forms/search-filters.json +0 -122
- package/compositions/forms/search-filters.yaml +0 -41
- package/compositions/forms/settings-toggles-page.json +0 -223
- package/compositions/forms/settings-toggles-page.yaml +0 -43
- package/compositions/forms/signup-form.json +0 -164
- package/compositions/forms/signup-form.yaml +0 -48
- package/compositions/forms/slider-range-form.json +0 -72
- package/compositions/forms/slider-range-form.yaml +0 -34
- package/compositions/forms/tag-input-form.json +0 -96
- package/compositions/forms/tag-input-form.yaml +0 -31
- package/compositions/forms/team-members-rbac.json +0 -841
- package/compositions/layout/accordion-settings.json +0 -464
- package/compositions/layout/avatar-group-display.json +0 -20
- package/compositions/layout/avatar-group-display.yaml +0 -30
- package/compositions/layout/badge-variants-display.json +0 -128
- package/compositions/layout/badge-variants-display.yaml +0 -31
- package/compositions/layout/bento-overview.json +0 -406
- package/compositions/layout/calendar-month-view.json +0 -275
- package/compositions/layout/calendar-month-view.yaml +0 -29
- package/compositions/layout/code-block.json +0 -75
- package/compositions/layout/code-block.yaml +0 -30
- package/compositions/layout/comparison-table.json +0 -120
- package/compositions/layout/comparison-table.yaml +0 -32
- package/compositions/layout/divider-with-label.json +0 -49
- package/compositions/layout/divider-with-label.yaml +0 -29
- package/compositions/layout/drawer-panel.json +0 -115
- package/compositions/layout/drawer-panel.yaml +0 -34
- package/compositions/layout/embed-iframe.json +0 -69
- package/compositions/layout/embed-iframe.yaml +0 -31
- package/compositions/layout/faq-accordion.json +0 -92
- package/compositions/layout/faq-accordion.yaml +0 -32
- package/compositions/layout/feature-grid.json +0 -208
- package/compositions/layout/feature-grid.yaml +0 -42
- package/compositions/layout/footer-nav.json +0 -195
- package/compositions/layout/footer-nav.yaml +0 -35
- package/compositions/layout/hero-cta.json +0 -80
- package/compositions/layout/hero-cta.yaml +0 -35
- package/compositions/layout/image-gallery.json +0 -119
- package/compositions/layout/image-gallery.yaml +0 -43
- package/compositions/layout/image-with-caption.json +0 -61
- package/compositions/layout/image-with-caption.yaml +0 -29
- package/compositions/layout/kanban-board.json +0 -206
- package/compositions/layout/kanban-board.yaml +0 -37
- package/compositions/layout/keyboard-shortcuts.json +0 -152
- package/compositions/layout/keyboard-shortcuts.yaml +0 -42
- package/compositions/layout/markdown-editor-preview.json +0 -166
- package/compositions/layout/media-player.json +0 -94
- package/compositions/layout/media-player.yaml +0 -30
- package/compositions/layout/modal-form.json +0 -107
- package/compositions/layout/modal-form.yaml +0 -34
- package/compositions/layout/onboarding-checklist.json +0 -101
- package/compositions/layout/onboarding-checklist.yaml +0 -31
- package/compositions/layout/popover-tooltip.json +0 -83
- package/compositions/layout/popover-tooltip.yaml +0 -31
- package/compositions/layout/pricing-tiers.json +0 -240
- package/compositions/layout/pricing-tiers.yaml +0 -41
- package/compositions/layout/product-card.json +0 -108
- package/compositions/layout/product-card.yaml +0 -35
- package/compositions/layout/sidebar-layout.json +0 -165
- package/compositions/layout/sidebar-layout.yaml +0 -39
- package/compositions/layout/split-pane-layout.json +0 -20
- package/compositions/layout/split-pane-layout.yaml +0 -31
- package/compositions/layout/tabs-panel.json +0 -127
- package/compositions/layout/tabs-panel.yaml +0 -34
- package/compositions/layout/testimonial-grid.json +0 -265
- package/compositions/layout/testimonial-grid.yaml +0 -39
- package/compositions/layout/three-pane-shell.json +0 -531
- package/compositions/layout/toolbar-actions.json +0 -90
- package/compositions/layout/toolbar-actions.yaml +0 -29
- package/compositions/navigation/breadcrumb-nav.json +0 -18
- package/compositions/navigation/breadcrumb-nav.yaml +0 -29
- package/compositions/navigation/nav-menu-with-icons.json +0 -130
- package/compositions/navigation/nav-menu-with-icons.yaml +0 -39
- package/compositions/navigation/pagination-controls.json +0 -44
- package/compositions/navigation/pagination-controls.yaml +0 -34
- package/compositions/navigation/segmented-control-tabs.json +0 -17
- package/compositions/navigation/segmented-control-tabs.yaml +0 -29
- package/compositions/navigation/workspace-switcher.json +0 -303
- package/compositions/settings/api-keys.json +0 -602
- package/compositions/settings/feature-flags.json +0 -486
- package/compositions/settings/integrations-gallery.json +0 -927
- package/compositions/settings/session-device-mgmt.json +0 -629
- package/compositions/settings/usage-quota-meter.json +0 -256
- package/compositions/settings/webhooks.json +0 -446
- package/patterns/_components.json +0 -3320
- package/patterns/_index.json +0 -3322
- package/patterns/_schema.json +0 -206
- package/patterns/_taxonomy.json +0 -1970
- package/patterns/agent/_domain.json +0 -27
- package/patterns/agent/alert-banner.json +0 -41
- package/patterns/agent/alert-banner.yaml +0 -38
- package/patterns/agent/chat-interface.json +0 -205
- package/patterns/agent/chat-interface.yaml +0 -58
- package/patterns/agent/command-palette.json +0 -169
- package/patterns/agent/command-palette.yaml +0 -48
- package/patterns/agent/empty-state.json +0 -77
- package/patterns/agent/empty-state.yaml +0 -44
- package/patterns/agent/error-state.json +0 -67
- package/patterns/agent/error-state.yaml +0 -43
- package/patterns/agent/loading-skeleton.json +0 -95
- package/patterns/agent/loading-skeleton.yaml +0 -41
- package/patterns/agent/notifications.json +0 -87
- package/patterns/agent/notifications.yaml +0 -41
- package/patterns/agent/streaming-response.json +0 -58
- package/patterns/agent/streaming-response.yaml +0 -41
- package/patterns/agent/toast-notification.json +0 -67
- package/patterns/agent/toast-notification.yaml +0 -45
- package/patterns/data/_domain.json +0 -35
- package/patterns/data/admin-dashboard-with-charts.json +0 -751
- package/patterns/data/admin-dashboard-with-charts.yaml +0 -79
- package/patterns/data/api-key-table.json +0 -131
- package/patterns/data/api-key-table.yaml +0 -43
- package/patterns/data/bookmark-list-categories.json +0 -552
- package/patterns/data/bookmark-list-categories.yaml +0 -53
- package/patterns/data/bookmark-list.json +0 -163
- package/patterns/data/bookmark-list.yaml +0 -47
- package/patterns/data/chart-card-with-trend-footer.json +0 -102
- package/patterns/data/chart-card-with-trend-footer.yaml +0 -56
- package/patterns/data/chart-dashboard.json +0 -335
- package/patterns/data/chart-dashboard.yaml +0 -48
- package/patterns/data/chart-grid-with-kpis.json +0 -314
- package/patterns/data/chart-grid-with-kpis.yaml +0 -63
- package/patterns/data/chart-with-filter-pills.json +0 -127
- package/patterns/data/chart-with-filter-pills.yaml +0 -76
- package/patterns/data/dashboard.json +0 -153
- package/patterns/data/dashboard.yaml +0 -45
- package/patterns/data/data-table-view.json +0 -145
- package/patterns/data/data-table-view.yaml +0 -61
- package/patterns/data/email-inbox.json +0 -272
- package/patterns/data/email-inbox.yaml +0 -48
- package/patterns/data/event-calendar-details.json +0 -332
- package/patterns/data/event-calendar-details.yaml +0 -57
- package/patterns/data/inventory-table.json +0 -119
- package/patterns/data/inventory-table.yaml +0 -42
- package/patterns/data/leaderboard.json +0 -131
- package/patterns/data/leaderboard.yaml +0 -41
- package/patterns/data/metrics.json +0 -163
- package/patterns/data/metrics.yaml +0 -40
- package/patterns/data/notification-center.json +0 -296
- package/patterns/data/notification-center.yaml +0 -56
- package/patterns/data/onboarding-checklist.json +0 -89
- package/patterns/data/onboarding-checklist.yaml +0 -43
- package/patterns/data/order-tracking.json +0 -167
- package/patterns/data/order-tracking.yaml +0 -48
- package/patterns/data/pagination-nav.json +0 -48
- package/patterns/data/pagination-nav.yaml +0 -42
- package/patterns/data/progress-dashboard.json +0 -183
- package/patterns/data/progress-dashboard.yaml +0 -50
- package/patterns/data/progress-tracker.json +0 -116
- package/patterns/data/progress-tracker.yaml +0 -44
- package/patterns/data/restaurant-menu.json +0 -453
- package/patterns/data/restaurant-menu.yaml +0 -58
- package/patterns/data/stat-cards.json +0 -144
- package/patterns/data/stat-cards.yaml +0 -42
- package/patterns/data/stat-with-sparkline.json +0 -67
- package/patterns/data/stat-with-sparkline.yaml +0 -51
- package/patterns/data/team-activity.json +0 -170
- package/patterns/data/team-activity.yaml +0 -46
- package/patterns/forms/_domain.json +0 -32
- package/patterns/forms/auth-signup.json +0 -213
- package/patterns/forms/auth-signup.yaml +0 -55
- package/patterns/forms/bleed-design-settings.json +0 -193
- package/patterns/forms/bleed-design-settings.yaml +0 -57
- package/patterns/forms/color-picker-demo.json +0 -52
- package/patterns/forms/color-picker-demo.yaml +0 -43
- package/patterns/forms/color-picker-panel.json +0 -48
- package/patterns/forms/color-picker-panel.yaml +0 -38
- package/patterns/forms/color-theme-builder.json +0 -198
- package/patterns/forms/color-theme-builder.yaml +0 -55
- package/patterns/forms/create-form.json +0 -191
- package/patterns/forms/create-form.yaml +0 -55
- package/patterns/forms/credit-card-payment.json +0 -282
- package/patterns/forms/credit-card-payment.yaml +0 -61
- package/patterns/forms/data-import.json +0 -110
- package/patterns/forms/data-import.yaml +0 -49
- package/patterns/forms/date-picker.json +0 -85
- package/patterns/forms/date-picker.yaml +0 -44
- package/patterns/forms/date-range-picker.json +0 -155
- package/patterns/forms/date-range-picker.yaml +0 -54
- package/patterns/forms/file-upload-form.json +0 -151
- package/patterns/forms/file-upload-form.yaml +0 -60
- package/patterns/forms/file-upload-gallery.json +0 -174
- package/patterns/forms/file-upload-gallery.yaml +0 -56
- package/patterns/forms/image-upload-preview.json +0 -72
- package/patterns/forms/image-upload-preview.yaml +0 -42
- package/patterns/forms/login-form.json +0 -205
- package/patterns/forms/login-form.yaml +0 -61
- package/patterns/forms/modal-dialog-form.json +0 -233
- package/patterns/forms/modal-dialog-form.yaml +0 -52
- package/patterns/forms/newsletter-subscribe.json +0 -69
- package/patterns/forms/newsletter-subscribe.yaml +0 -47
- package/patterns/forms/notification-filters.json +0 -296
- package/patterns/forms/notification-filters.yaml +0 -80
- package/patterns/forms/notification-preferences.json +0 -388
- package/patterns/forms/notification-preferences.yaml +0 -66
- package/patterns/forms/otp-form.json +0 -89
- package/patterns/forms/otp-form.yaml +0 -46
- package/patterns/forms/otp-verification.json +0 -127
- package/patterns/forms/otp-verification.yaml +0 -52
- package/patterns/forms/password-reset.json +0 -206
- package/patterns/forms/password-reset.yaml +0 -56
- package/patterns/forms/price-range-filter.json +0 -133
- package/patterns/forms/price-range-filter.yaml +0 -51
- package/patterns/forms/radio-group-selection.json +0 -177
- package/patterns/forms/radio-group-selection.yaml +0 -51
- package/patterns/forms/radio-group.json +0 -119
- package/patterns/forms/radio-group.yaml +0 -50
- package/patterns/forms/search-filters.json +0 -201
- package/patterns/forms/search-filters.yaml +0 -60
- package/patterns/forms/slider-range.json +0 -119
- package/patterns/forms/slider-range.yaml +0 -45
- package/patterns/forms/survey-rating-scales.json +0 -370
- package/patterns/forms/survey-rating-scales.yaml +0 -69
- package/patterns/forms/tag-input.json +0 -112
- package/patterns/forms/tag-input.yaml +0 -47
- package/patterns/forms/theme-customizer.json +0 -180
- package/patterns/forms/theme-customizer.yaml +0 -53
- package/patterns/forms/two-factor-auth.json +0 -249
- package/patterns/forms/two-factor-auth.yaml +0 -62
- package/patterns/forms/volume-control.json +0 -99
- package/patterns/forms/volume-control.yaml +0 -47
- package/patterns/forms/wizard-steps.json +0 -153
- package/patterns/forms/wizard-steps.yaml +0 -58
- package/patterns/layout/_domain.json +0 -29
- package/patterns/layout/accordion-settings.json +0 -289
- package/patterns/layout/accordion-settings.yaml +0 -55
- package/patterns/layout/avatar-group.json +0 -115
- package/patterns/layout/avatar-group.yaml +0 -47
- package/patterns/layout/badge-showcase.json +0 -206
- package/patterns/layout/badge-showcase.yaml +0 -46
- package/patterns/layout/calendar-view.json +0 -88
- package/patterns/layout/calendar-view.yaml +0 -42
- package/patterns/layout/code-block.json +0 -82
- package/patterns/layout/code-block.yaml +0 -47
- package/patterns/layout/consent-banner.json +0 -89
- package/patterns/layout/consent-banner.yaml +0 -50
- package/patterns/layout/cta-banner.json +0 -91
- package/patterns/layout/cta-banner.yaml +0 -46
- package/patterns/layout/divider-label.json +0 -64
- package/patterns/layout/divider-label.yaml +0 -42
- package/patterns/layout/drawer-panel.json +0 -201
- package/patterns/layout/drawer-panel.yaml +0 -54
- package/patterns/layout/embed-content.json +0 -84
- package/patterns/layout/embed-content.yaml +0 -46
- package/patterns/layout/faq-accordion.json +0 -159
- package/patterns/layout/faq-accordion.yaml +0 -47
- package/patterns/layout/feature-carousel.json +0 -263
- package/patterns/layout/feature-carousel.yaml +0 -47
- package/patterns/layout/feature-grid.json +0 -171
- package/patterns/layout/feature-grid.yaml +0 -45
- package/patterns/layout/hero-section.json +0 -101
- package/patterns/layout/hero-section.yaml +0 -46
- package/patterns/layout/image-caption.json +0 -48
- package/patterns/layout/image-caption.yaml +0 -37
- package/patterns/layout/image-carousel.json +0 -173
- package/patterns/layout/image-carousel.yaml +0 -47
- package/patterns/layout/image-gallery.json +0 -128
- package/patterns/layout/image-gallery.yaml +0 -45
- package/patterns/layout/kanban-board.json +0 -292
- package/patterns/layout/kanban-board.yaml +0 -58
- package/patterns/layout/kbd-shortcuts.json +0 -178
- package/patterns/layout/kbd-shortcuts.yaml +0 -43
- package/patterns/layout/markdown-editor.json +0 -126
- package/patterns/layout/markdown-editor.yaml +0 -46
- package/patterns/layout/music-player.json +0 -107
- package/patterns/layout/music-player.yaml +0 -42
- package/patterns/layout/pagination-demo.json +0 -55
- package/patterns/layout/pagination-demo.yaml +0 -44
- package/patterns/layout/pagination-table.json +0 -107
- package/patterns/layout/pagination-table.yaml +0 -59
- package/patterns/layout/popover-demo.json +0 -71
- package/patterns/layout/popover-demo.yaml +0 -46
- package/patterns/layout/popover-menu.json +0 -113
- package/patterns/layout/popover-menu.yaml +0 -45
- package/patterns/layout/pricing-tiers.json +0 -308
- package/patterns/layout/pricing-tiers.yaml +0 -52
- package/patterns/layout/product-card.json +0 -89
- package/patterns/layout/product-card.yaml +0 -46
- package/patterns/layout/product-carousel.json +0 -251
- package/patterns/layout/product-carousel.yaml +0 -47
- package/patterns/layout/social-post.json +0 -119
- package/patterns/layout/social-post.yaml +0 -45
- package/patterns/layout/split-pane.json +0 -69
- package/patterns/layout/split-pane.yaml +0 -41
- package/patterns/layout/swiper-carousel.json +0 -97
- package/patterns/layout/swiper-carousel.yaml +0 -55
- package/patterns/layout/tabs-panels.json +0 -147
- package/patterns/layout/tabs-panels.yaml +0 -46
- package/patterns/layout/team-carousel.json +0 -332
- package/patterns/layout/team-carousel.yaml +0 -50
- package/patterns/layout/testimonials-carousel.json +0 -281
- package/patterns/layout/testimonials-carousel.yaml +0 -50
- package/patterns/layout/testimonials-grid.json +0 -248
- package/patterns/layout/testimonials-grid.yaml +0 -46
- package/patterns/layout/toolbar-buttons.json +0 -151
- package/patterns/layout/toolbar-buttons.yaml +0 -47
- package/patterns/layout/tooltip-buttons.json +0 -109
- package/patterns/layout/tooltip-buttons.yaml +0 -44
- package/patterns/layout/user-profile.json +0 -123
- package/patterns/layout/user-profile.yaml +0 -45
- package/patterns/layout/video-player.json +0 -95
- package/patterns/layout/video-player.yaml +0 -45
- package/patterns/layout/weather-widget.json +0 -127
- package/patterns/layout/weather-widget.yaml +0 -46
- package/patterns/navigation/_domain.json +0 -25
- package/patterns/navigation/breadcrumb-nav.json +0 -57
- package/patterns/navigation/breadcrumb-nav.yaml +0 -39
- package/patterns/navigation/nav-menu-icons.json +0 -71
- package/patterns/navigation/nav-menu-icons.yaml +0 -38
- package/patterns/navigation/section-subnav.json +0 -80
- package/patterns/navigation/segmented-control.json +0 -56
- package/patterns/navigation/segmented-control.yaml +0 -40
- package/patterns/navigation/sidebar-nav.json +0 -207
- package/patterns/navigation/sidebar-nav.yaml +0 -44
|
@@ -1,3320 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"Accordion": {
|
|
3
|
-
"tag": "accordion-ui",
|
|
4
|
-
"category": "container",
|
|
5
|
-
"description": "Accordion container managing single/multiple open states.",
|
|
6
|
-
"props": {
|
|
7
|
-
"multiple": {
|
|
8
|
-
"type": "Boolean",
|
|
9
|
-
"default": false,
|
|
10
|
-
"description": "Allow multiple items open"
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
"events": [],
|
|
14
|
-
"slots": [
|
|
15
|
-
"default"
|
|
16
|
-
],
|
|
17
|
-
"children": "<accordion-item-ui text=\"...\" open>Content</accordion-item-ui>"
|
|
18
|
-
},
|
|
19
|
-
"AccordionItem": {
|
|
20
|
-
"tag": "accordion-item-ui",
|
|
21
|
-
"category": "container",
|
|
22
|
-
"description": "Individual accordion panel with expand/collapse toggle.",
|
|
23
|
-
"props": {
|
|
24
|
-
"text": {
|
|
25
|
-
"type": "String",
|
|
26
|
-
"default": "",
|
|
27
|
-
"description": "Section header text"
|
|
28
|
-
},
|
|
29
|
-
"open": {
|
|
30
|
-
"type": "Boolean",
|
|
31
|
-
"default": false,
|
|
32
|
-
"description": "Expanded state"
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
"events": [
|
|
36
|
-
"toggle"
|
|
37
|
-
],
|
|
38
|
-
"slots": [
|
|
39
|
-
"header",
|
|
40
|
-
"header-text",
|
|
41
|
-
"caret",
|
|
42
|
-
"default (content)"
|
|
43
|
-
]
|
|
44
|
-
},
|
|
45
|
-
"ActionItem": {
|
|
46
|
-
"tag": "action-item-ui",
|
|
47
|
-
"category": "navigation",
|
|
48
|
-
"description": "A single action item inside an action-list-ui. Supports icon, text, and disabled state.",
|
|
49
|
-
"props": {
|
|
50
|
-
"icon": {
|
|
51
|
-
"type": "String",
|
|
52
|
-
"default": "",
|
|
53
|
-
"description": "Icon name (renders icon-ui child)"
|
|
54
|
-
},
|
|
55
|
-
"text": {
|
|
56
|
-
"type": "String",
|
|
57
|
-
"default": "",
|
|
58
|
-
"description": "Action label text"
|
|
59
|
-
},
|
|
60
|
-
"value": {
|
|
61
|
-
"type": "String",
|
|
62
|
-
"default": "",
|
|
63
|
-
"description": "Value emitted in action event detail"
|
|
64
|
-
},
|
|
65
|
-
"variant": {
|
|
66
|
-
"type": "String",
|
|
67
|
-
"default": "",
|
|
68
|
-
"description": "Visual style variant"
|
|
69
|
-
},
|
|
70
|
-
"disabled": {
|
|
71
|
-
"type": "Boolean",
|
|
72
|
-
"default": false,
|
|
73
|
-
"description": "Disables interaction"
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
"events": [],
|
|
77
|
-
"slots": [
|
|
78
|
-
"icon",
|
|
79
|
-
"text"
|
|
80
|
-
]
|
|
81
|
-
},
|
|
82
|
-
"ActionList": {
|
|
83
|
-
"tag": "action-list-ui",
|
|
84
|
-
"category": "navigation",
|
|
85
|
-
"description": "Inline list of command actions with keyboard navigation. Fires action event when an item is clicked or activated via keyboard.",
|
|
86
|
-
"props": {},
|
|
87
|
-
"events": [
|
|
88
|
-
"action"
|
|
89
|
-
],
|
|
90
|
-
"slots": [
|
|
91
|
-
"default (action-item-ui children)"
|
|
92
|
-
]
|
|
93
|
-
},
|
|
94
|
-
"Alert": {
|
|
95
|
-
"tag": "alert-ui",
|
|
96
|
-
"category": "container",
|
|
97
|
-
"description": "Inline alert banner with optional icon and close button.",
|
|
98
|
-
"props": {
|
|
99
|
-
"text": {
|
|
100
|
-
"type": "String",
|
|
101
|
-
"default": "",
|
|
102
|
-
"description": "Alert message"
|
|
103
|
-
},
|
|
104
|
-
"variant": {
|
|
105
|
-
"type": "String",
|
|
106
|
-
"default": "default",
|
|
107
|
-
"enum": [
|
|
108
|
-
"default",
|
|
109
|
-
"info",
|
|
110
|
-
"success",
|
|
111
|
-
"warning",
|
|
112
|
-
"error"
|
|
113
|
-
],
|
|
114
|
-
"description": "Color variant"
|
|
115
|
-
},
|
|
116
|
-
"closable": {
|
|
117
|
-
"type": "Boolean",
|
|
118
|
-
"default": false,
|
|
119
|
-
"description": "Show dismiss button"
|
|
120
|
-
},
|
|
121
|
-
"icon": {
|
|
122
|
-
"type": "String",
|
|
123
|
-
"default": "",
|
|
124
|
-
"description": "Leading icon name"
|
|
125
|
-
}
|
|
126
|
-
},
|
|
127
|
-
"events": [
|
|
128
|
-
"close"
|
|
129
|
-
],
|
|
130
|
-
"slots": [
|
|
131
|
-
"leading",
|
|
132
|
-
"content",
|
|
133
|
-
"close"
|
|
134
|
-
]
|
|
135
|
-
},
|
|
136
|
-
"Avatar": {
|
|
137
|
-
"tag": "avatar-ui",
|
|
138
|
-
"category": "display",
|
|
139
|
-
"description": "Avatar with image \u2192 initials \u2192 empty fallback chain.",
|
|
140
|
-
"props": {
|
|
141
|
-
"src": {
|
|
142
|
-
"type": "String",
|
|
143
|
-
"default": "",
|
|
144
|
-
"description": "Image URL"
|
|
145
|
-
},
|
|
146
|
-
"text": {
|
|
147
|
-
"type": "String",
|
|
148
|
-
"default": "",
|
|
149
|
-
"description": "Display name (for initials)"
|
|
150
|
-
},
|
|
151
|
-
"name": {
|
|
152
|
-
"type": "String",
|
|
153
|
-
"default": "",
|
|
154
|
-
"description": "Name (backcompat alias for text)"
|
|
155
|
-
},
|
|
156
|
-
"size": {
|
|
157
|
-
"type": "String",
|
|
158
|
-
"default": "md",
|
|
159
|
-
"enum": [
|
|
160
|
-
"xs",
|
|
161
|
-
"sm",
|
|
162
|
-
"md",
|
|
163
|
-
"lg",
|
|
164
|
-
"xl"
|
|
165
|
-
],
|
|
166
|
-
"description": "Avatar size"
|
|
167
|
-
},
|
|
168
|
-
"shape": {
|
|
169
|
-
"type": "String",
|
|
170
|
-
"default": "circle",
|
|
171
|
-
"enum": [
|
|
172
|
-
"circle",
|
|
173
|
-
"square"
|
|
174
|
-
],
|
|
175
|
-
"description": "Avatar shape"
|
|
176
|
-
}
|
|
177
|
-
},
|
|
178
|
-
"events": [],
|
|
179
|
-
"slots": [
|
|
180
|
-
"img",
|
|
181
|
-
"initials"
|
|
182
|
-
]
|
|
183
|
-
},
|
|
184
|
-
"AvatarGroup": {
|
|
185
|
-
"tag": "avatar-group-ui",
|
|
186
|
-
"category": "display",
|
|
187
|
-
"description": "Overlapping avatar stack with +N overflow counter.",
|
|
188
|
-
"props": {
|
|
189
|
-
"max": {
|
|
190
|
-
"type": "Number",
|
|
191
|
-
"default": 5,
|
|
192
|
-
"description": "Max visible avatars before overflow"
|
|
193
|
-
},
|
|
194
|
-
"size": {
|
|
195
|
-
"type": "String",
|
|
196
|
-
"default": "",
|
|
197
|
-
"description": "Propagated size to child avatars"
|
|
198
|
-
}
|
|
199
|
-
},
|
|
200
|
-
"events": [],
|
|
201
|
-
"slots": [
|
|
202
|
-
"default (avatar-ui children)",
|
|
203
|
-
"overflow (auto-stamped)"
|
|
204
|
-
],
|
|
205
|
-
"children": "<avatar-ui> elements"
|
|
206
|
-
},
|
|
207
|
-
"Badge": {
|
|
208
|
-
"tag": "badge-ui",
|
|
209
|
-
"category": "display",
|
|
210
|
-
"description": "Inline pill-shaped badge / tag / chart-legend chip. Text via attr(text). Optional leading icon via icon=\"dot\" for legends and status pips.",
|
|
211
|
-
"props": {
|
|
212
|
-
"text": {
|
|
213
|
-
"type": "String",
|
|
214
|
-
"default": "",
|
|
215
|
-
"description": "Badge text"
|
|
216
|
-
},
|
|
217
|
-
"variant": {
|
|
218
|
-
"type": "String",
|
|
219
|
-
"default": "default",
|
|
220
|
-
"enum": [
|
|
221
|
-
"default",
|
|
222
|
-
"accent",
|
|
223
|
-
"info",
|
|
224
|
-
"success",
|
|
225
|
-
"warning",
|
|
226
|
-
"danger"
|
|
227
|
-
],
|
|
228
|
-
"description": "Color variant"
|
|
229
|
-
},
|
|
230
|
-
"size": {
|
|
231
|
-
"type": "String",
|
|
232
|
-
"default": "md",
|
|
233
|
-
"enum": [
|
|
234
|
-
"sm",
|
|
235
|
-
"md"
|
|
236
|
-
],
|
|
237
|
-
"description": "Badge size"
|
|
238
|
-
},
|
|
239
|
-
"icon": {
|
|
240
|
-
"type": "String",
|
|
241
|
-
"default": "",
|
|
242
|
-
"description": "Optional leading icon (any registered name). Use \"dot\" for chart-legend / status pip chips. Inherits the variant's foreground color."
|
|
243
|
-
}
|
|
244
|
-
},
|
|
245
|
-
"events": [],
|
|
246
|
-
"slots": []
|
|
247
|
-
},
|
|
248
|
-
"Block": {
|
|
249
|
-
"tag": "block-ui",
|
|
250
|
-
"category": "layout",
|
|
251
|
-
"description": "Generic padded/margined content wrapper.",
|
|
252
|
-
"props": {
|
|
253
|
-
"padding": {
|
|
254
|
-
"type": "String",
|
|
255
|
-
"default": "md",
|
|
256
|
-
"enum": [
|
|
257
|
-
"none",
|
|
258
|
-
"xs",
|
|
259
|
-
"sm",
|
|
260
|
-
"md",
|
|
261
|
-
"lg",
|
|
262
|
-
"xl"
|
|
263
|
-
],
|
|
264
|
-
"description": "Padding size"
|
|
265
|
-
},
|
|
266
|
-
"margin": {
|
|
267
|
-
"type": "String",
|
|
268
|
-
"default": "none",
|
|
269
|
-
"enum": [
|
|
270
|
-
"none",
|
|
271
|
-
"xs",
|
|
272
|
-
"sm",
|
|
273
|
-
"md",
|
|
274
|
-
"lg",
|
|
275
|
-
"xl"
|
|
276
|
-
],
|
|
277
|
-
"description": "Margin size"
|
|
278
|
-
}
|
|
279
|
-
},
|
|
280
|
-
"events": [],
|
|
281
|
-
"slots": [
|
|
282
|
-
"default"
|
|
283
|
-
]
|
|
284
|
-
},
|
|
285
|
-
"Breadcrumb": {
|
|
286
|
-
"tag": "breadcrumb-ui",
|
|
287
|
-
"category": "navigation",
|
|
288
|
-
"description": "Breadcrumb trail with auto-inserted separators.",
|
|
289
|
-
"props": {
|
|
290
|
-
"separator": {
|
|
291
|
-
"type": "String",
|
|
292
|
-
"default": "/",
|
|
293
|
-
"description": "Separator character"
|
|
294
|
-
}
|
|
295
|
-
},
|
|
296
|
-
"events": [],
|
|
297
|
-
"slots": [
|
|
298
|
-
"default (link/text children)"
|
|
299
|
-
]
|
|
300
|
-
},
|
|
301
|
-
"Button": {
|
|
302
|
-
"tag": "button-ui",
|
|
303
|
-
"category": "action",
|
|
304
|
-
"description": "Clickable button with text, icon, and variant support. Supports submit type for forms.",
|
|
305
|
-
"props": {
|
|
306
|
-
"text": {
|
|
307
|
-
"type": "String",
|
|
308
|
-
"default": "",
|
|
309
|
-
"description": "Button label text"
|
|
310
|
-
},
|
|
311
|
-
"variant": {
|
|
312
|
-
"type": "String",
|
|
313
|
-
"default": "solid",
|
|
314
|
-
"enum": [
|
|
315
|
-
"solid",
|
|
316
|
-
"primary",
|
|
317
|
-
"outline",
|
|
318
|
-
"ghost",
|
|
319
|
-
"danger"
|
|
320
|
-
],
|
|
321
|
-
"description": "Visual style variant"
|
|
322
|
-
},
|
|
323
|
-
"size": {
|
|
324
|
-
"type": "String",
|
|
325
|
-
"default": "md",
|
|
326
|
-
"enum": [
|
|
327
|
-
"sm",
|
|
328
|
-
"md",
|
|
329
|
-
"lg"
|
|
330
|
-
],
|
|
331
|
-
"description": "Button size"
|
|
332
|
-
},
|
|
333
|
-
"disabled": {
|
|
334
|
-
"type": "Boolean",
|
|
335
|
-
"default": false,
|
|
336
|
-
"description": "Disables interaction"
|
|
337
|
-
},
|
|
338
|
-
"block": {
|
|
339
|
-
"type": "Boolean",
|
|
340
|
-
"default": false,
|
|
341
|
-
"description": "Full-width block layout"
|
|
342
|
-
},
|
|
343
|
-
"icon": {
|
|
344
|
-
"type": "String",
|
|
345
|
-
"default": "",
|
|
346
|
-
"description": "Icon name (renders icon-ui child)"
|
|
347
|
-
},
|
|
348
|
-
"type": {
|
|
349
|
-
"type": "String",
|
|
350
|
-
"default": "button",
|
|
351
|
-
"enum": [
|
|
352
|
-
"button",
|
|
353
|
-
"submit",
|
|
354
|
-
"reset"
|
|
355
|
-
],
|
|
356
|
-
"description": "Button type"
|
|
357
|
-
}
|
|
358
|
-
},
|
|
359
|
-
"events": [
|
|
360
|
-
"press"
|
|
361
|
-
],
|
|
362
|
-
"slots": [
|
|
363
|
-
"default (text content)",
|
|
364
|
-
"icon-ui (auto-stamped from icon prop)"
|
|
365
|
-
]
|
|
366
|
-
},
|
|
367
|
-
"CalendarPicker": {
|
|
368
|
-
"tag": "calendar-picker-ui",
|
|
369
|
-
"category": "input",
|
|
370
|
-
"description": "Date picker with trigger button and popover calendar grid. Form-associated.",
|
|
371
|
-
"props": {
|
|
372
|
-
"name": {
|
|
373
|
-
"type": "String",
|
|
374
|
-
"default": "",
|
|
375
|
-
"description": "Form field name"
|
|
376
|
-
},
|
|
377
|
-
"value": {
|
|
378
|
-
"type": "String",
|
|
379
|
-
"default": "",
|
|
380
|
-
"description": "Selected date (ISO string)"
|
|
381
|
-
},
|
|
382
|
-
"disabled": {
|
|
383
|
-
"type": "Boolean",
|
|
384
|
-
"default": false,
|
|
385
|
-
"description": "Disables interaction"
|
|
386
|
-
},
|
|
387
|
-
"required": {
|
|
388
|
-
"type": "Boolean",
|
|
389
|
-
"default": false,
|
|
390
|
-
"description": "Required for validation"
|
|
391
|
-
},
|
|
392
|
-
"label": {
|
|
393
|
-
"type": "String",
|
|
394
|
-
"default": "",
|
|
395
|
-
"description": "Field label"
|
|
396
|
-
},
|
|
397
|
-
"placeholder": {
|
|
398
|
-
"type": "String",
|
|
399
|
-
"default": "Select date...",
|
|
400
|
-
"description": "Trigger text when empty"
|
|
401
|
-
},
|
|
402
|
-
"format": {
|
|
403
|
-
"type": "String",
|
|
404
|
-
"default": "short",
|
|
405
|
-
"enum": [
|
|
406
|
-
"short",
|
|
407
|
-
"long",
|
|
408
|
-
"iso"
|
|
409
|
-
],
|
|
410
|
-
"description": "Display format"
|
|
411
|
-
},
|
|
412
|
-
"min": {
|
|
413
|
-
"type": "String",
|
|
414
|
-
"default": "",
|
|
415
|
-
"description": "Minimum selectable date (ISO)"
|
|
416
|
-
},
|
|
417
|
-
"max": {
|
|
418
|
-
"type": "String",
|
|
419
|
-
"default": "",
|
|
420
|
-
"description": "Maximum selectable date (ISO)"
|
|
421
|
-
},
|
|
422
|
-
"open": {
|
|
423
|
-
"type": "Boolean",
|
|
424
|
-
"default": false,
|
|
425
|
-
"description": "Popover open state"
|
|
426
|
-
}
|
|
427
|
-
},
|
|
428
|
-
"events": [
|
|
429
|
-
"change"
|
|
430
|
-
],
|
|
431
|
-
"slots": [],
|
|
432
|
-
"aliases": [
|
|
433
|
-
"DateTimeInput",
|
|
434
|
-
"DatePicker"
|
|
435
|
-
]
|
|
436
|
-
},
|
|
437
|
-
"Canvas": {
|
|
438
|
-
"tag": "canvas-ui",
|
|
439
|
-
"category": "container",
|
|
440
|
-
"description": "A2UI rendering surface. Host element for dynamically-rendered A2UI component trees from a generator or agent.",
|
|
441
|
-
"props": {
|
|
442
|
-
"theme": {
|
|
443
|
-
"type": "String",
|
|
444
|
-
"default": "",
|
|
445
|
-
"description": "Optional theme preset"
|
|
446
|
-
}
|
|
447
|
-
},
|
|
448
|
-
"events": [
|
|
449
|
-
"click",
|
|
450
|
-
"change",
|
|
451
|
-
"input",
|
|
452
|
-
"canvas-interaction"
|
|
453
|
-
],
|
|
454
|
-
"slots": [
|
|
455
|
-
"default"
|
|
456
|
-
],
|
|
457
|
-
"children": "Any A2UI components",
|
|
458
|
-
"aliases": [
|
|
459
|
-
"render-surface",
|
|
460
|
-
"a2ui-host"
|
|
461
|
-
]
|
|
462
|
-
},
|
|
463
|
-
"Card": {
|
|
464
|
-
"tag": "card-ui",
|
|
465
|
-
"category": "container",
|
|
466
|
-
"description": "Bordered container with header, body, and footer sections.",
|
|
467
|
-
"props": {
|
|
468
|
-
"variant": {
|
|
469
|
-
"type": "String",
|
|
470
|
-
"default": "default",
|
|
471
|
-
"enum": [
|
|
472
|
-
"default",
|
|
473
|
-
"outlined",
|
|
474
|
-
"filled",
|
|
475
|
-
"ghost"
|
|
476
|
-
],
|
|
477
|
-
"description": "Visual style"
|
|
478
|
-
},
|
|
479
|
-
"size": {
|
|
480
|
-
"type": "String",
|
|
481
|
-
"default": "",
|
|
482
|
-
"enum": [
|
|
483
|
-
"sm",
|
|
484
|
-
"md",
|
|
485
|
-
"lg"
|
|
486
|
-
],
|
|
487
|
-
"description": "Padding + font scale"
|
|
488
|
-
},
|
|
489
|
-
"elevation": {
|
|
490
|
-
"type": "Number",
|
|
491
|
-
"default": 1,
|
|
492
|
-
"description": "Shadow depth 0-3"
|
|
493
|
-
},
|
|
494
|
-
"raw": {
|
|
495
|
-
"type": "Boolean",
|
|
496
|
-
"default": false,
|
|
497
|
-
"description": "Strip all chrome"
|
|
498
|
-
},
|
|
499
|
-
"draggable": {
|
|
500
|
-
"type": "Boolean",
|
|
501
|
-
"default": false,
|
|
502
|
-
"description": "Enables drag handle + cursor:grab. Wires the draggable trait; dispatches drag-end."
|
|
503
|
-
}
|
|
504
|
-
},
|
|
505
|
-
"events": ["drag-end"],
|
|
506
|
-
"slots": [
|
|
507
|
-
"default"
|
|
508
|
-
],
|
|
509
|
-
"children": "<header>, <section>, <footer> with slots: heading, description, action",
|
|
510
|
-
"aliases": [
|
|
511
|
-
"ErrorContainer"
|
|
512
|
-
]
|
|
513
|
-
},
|
|
514
|
-
"Chart": {
|
|
515
|
-
"tag": "chart-ui",
|
|
516
|
-
"category": "agent",
|
|
517
|
-
"description": "Declarative SVG chart supporting bar, line, pie, donut, radar, sparkline, stacked-bar, grouped-bar, and multi-line types.",
|
|
518
|
-
"props": {
|
|
519
|
-
"type": {
|
|
520
|
-
"type": "String",
|
|
521
|
-
"default": "bar",
|
|
522
|
-
"enum": [
|
|
523
|
-
"bar",
|
|
524
|
-
"line",
|
|
525
|
-
"pie",
|
|
526
|
-
"donut",
|
|
527
|
-
"radar",
|
|
528
|
-
"sparkline",
|
|
529
|
-
"stacked-bar",
|
|
530
|
-
"grouped-bar",
|
|
531
|
-
"multi-line"
|
|
532
|
-
],
|
|
533
|
-
"description": "Chart type"
|
|
534
|
-
},
|
|
535
|
-
"title": {
|
|
536
|
-
"type": "String",
|
|
537
|
-
"default": "",
|
|
538
|
-
"description": "Chart title"
|
|
539
|
-
},
|
|
540
|
-
"x": {
|
|
541
|
-
"type": "String",
|
|
542
|
-
"default": "",
|
|
543
|
-
"description": "X-axis data key"
|
|
544
|
-
},
|
|
545
|
-
"y": {
|
|
546
|
-
"type": "String",
|
|
547
|
-
"default": "",
|
|
548
|
-
"description": "Y-axis key(s), comma-separated for multi-series"
|
|
549
|
-
},
|
|
550
|
-
"hideAverage": {
|
|
551
|
-
"type": "Boolean",
|
|
552
|
-
"default": false,
|
|
553
|
-
"description": "When true, suppress the overlaid average line",
|
|
554
|
-
"attribute": "hide-average"
|
|
555
|
-
},
|
|
556
|
-
"color": {
|
|
557
|
-
"type": "String",
|
|
558
|
-
"default": "",
|
|
559
|
-
"enum": [
|
|
560
|
-
"accent",
|
|
561
|
-
"success",
|
|
562
|
-
"warning",
|
|
563
|
-
"danger",
|
|
564
|
-
"info"
|
|
565
|
-
],
|
|
566
|
-
"description": "Color scheme"
|
|
567
|
-
},
|
|
568
|
-
"hideGrid": {
|
|
569
|
-
"type": "Boolean",
|
|
570
|
-
"default": false,
|
|
571
|
-
"description": "Hide gridlines",
|
|
572
|
-
"attribute": "hide-grid"
|
|
573
|
-
},
|
|
574
|
-
"hideValues": {
|
|
575
|
-
"type": "Boolean",
|
|
576
|
-
"default": false,
|
|
577
|
-
"description": "Hide value labels",
|
|
578
|
-
"attribute": "hide-values"
|
|
579
|
-
},
|
|
580
|
-
"radius": {
|
|
581
|
-
"type": "Number",
|
|
582
|
-
"default": 4,
|
|
583
|
-
"description": "Bar corner radius"
|
|
584
|
-
},
|
|
585
|
-
"smooth": {
|
|
586
|
-
"type": "Number",
|
|
587
|
-
"default": 0.4,
|
|
588
|
-
"description": "Line smoothing factor"
|
|
589
|
-
},
|
|
590
|
-
"aspect": {
|
|
591
|
-
"type": "String",
|
|
592
|
-
"default": "wide",
|
|
593
|
-
"enum": [
|
|
594
|
-
"wide",
|
|
595
|
-
"square",
|
|
596
|
-
"tall"
|
|
597
|
-
],
|
|
598
|
-
"description": "Aspect ratio"
|
|
599
|
-
},
|
|
600
|
-
"size": {
|
|
601
|
-
"type": "String",
|
|
602
|
-
"default": "",
|
|
603
|
-
"enum": [
|
|
604
|
-
"sm",
|
|
605
|
-
"md",
|
|
606
|
-
"lg"
|
|
607
|
-
],
|
|
608
|
-
"description": "Chart size"
|
|
609
|
-
}
|
|
610
|
-
},
|
|
611
|
-
"events": [],
|
|
612
|
-
"jsApi": {
|
|
613
|
-
"data": "Array of data objects"
|
|
614
|
-
}
|
|
615
|
-
},
|
|
616
|
-
"Chat": {
|
|
617
|
-
"tag": "chat-ui",
|
|
618
|
-
"category": "agent",
|
|
619
|
-
"description": "Chat conversation container. Stacks chat bubbles or message rows vertically. Use with Text[role=user|assistant] children for a conversation transcript.",
|
|
620
|
-
"props": {
|
|
621
|
-
"streaming": {
|
|
622
|
-
"type": "Boolean",
|
|
623
|
-
"default": false,
|
|
624
|
-
"description": "Show streaming/typing indicator on last message"
|
|
625
|
-
}
|
|
626
|
-
},
|
|
627
|
-
"events": [],
|
|
628
|
-
"slots": [
|
|
629
|
-
"default"
|
|
630
|
-
],
|
|
631
|
-
"children": "Text[role], Row, or chat-row fragments",
|
|
632
|
-
"aliases": [
|
|
633
|
-
"conversation",
|
|
634
|
-
"chat-log",
|
|
635
|
-
"message-thread"
|
|
636
|
-
]
|
|
637
|
-
},
|
|
638
|
-
"CheckBox": {
|
|
639
|
-
"tag": "check-ui",
|
|
640
|
-
"category": "input",
|
|
641
|
-
"description": "Checkbox control with pure CSS checkmark. Form-associated.",
|
|
642
|
-
"props": {
|
|
643
|
-
"name": {
|
|
644
|
-
"type": "String",
|
|
645
|
-
"default": "",
|
|
646
|
-
"description": "Form field name"
|
|
647
|
-
},
|
|
648
|
-
"value": {
|
|
649
|
-
"type": "String",
|
|
650
|
-
"default": "",
|
|
651
|
-
"description": "Form value when checked"
|
|
652
|
-
},
|
|
653
|
-
"disabled": {
|
|
654
|
-
"type": "Boolean",
|
|
655
|
-
"default": false,
|
|
656
|
-
"description": "Disables interaction"
|
|
657
|
-
},
|
|
658
|
-
"required": {
|
|
659
|
-
"type": "Boolean",
|
|
660
|
-
"default": false,
|
|
661
|
-
"description": "Required for validation"
|
|
662
|
-
},
|
|
663
|
-
"error": {
|
|
664
|
-
"type": "String",
|
|
665
|
-
"default": "",
|
|
666
|
-
"description": "Validation error"
|
|
667
|
-
},
|
|
668
|
-
"checked": {
|
|
669
|
-
"type": "Boolean",
|
|
670
|
-
"default": false,
|
|
671
|
-
"description": "Checked state"
|
|
672
|
-
},
|
|
673
|
-
"indeterminate": {
|
|
674
|
-
"type": "Boolean",
|
|
675
|
-
"default": false,
|
|
676
|
-
"description": "Indeterminate (mixed) state"
|
|
677
|
-
},
|
|
678
|
-
"label": {
|
|
679
|
-
"type": "String",
|
|
680
|
-
"default": "",
|
|
681
|
-
"description": "Accessible label"
|
|
682
|
-
}
|
|
683
|
-
},
|
|
684
|
-
"events": [
|
|
685
|
-
"change"
|
|
686
|
-
],
|
|
687
|
-
"slots": [
|
|
688
|
-
"box"
|
|
689
|
-
]
|
|
690
|
-
},
|
|
691
|
-
"ChoicePicker": {
|
|
692
|
-
"tag": "select-ui",
|
|
693
|
-
"category": "input",
|
|
694
|
-
"description": "Dropdown select with popover listbox. Supports option groups, icons, avatars, search, and multi-select.",
|
|
695
|
-
"props": {
|
|
696
|
-
"name": {
|
|
697
|
-
"type": "String",
|
|
698
|
-
"default": "",
|
|
699
|
-
"description": "Form field name"
|
|
700
|
-
},
|
|
701
|
-
"value": {
|
|
702
|
-
"type": "String",
|
|
703
|
-
"default": "",
|
|
704
|
-
"description": "Selected value"
|
|
705
|
-
},
|
|
706
|
-
"disabled": {
|
|
707
|
-
"type": "Boolean",
|
|
708
|
-
"default": false,
|
|
709
|
-
"description": "Disables interaction"
|
|
710
|
-
},
|
|
711
|
-
"required": {
|
|
712
|
-
"type": "Boolean",
|
|
713
|
-
"default": false,
|
|
714
|
-
"description": "Required for validation"
|
|
715
|
-
},
|
|
716
|
-
"readonly": {
|
|
717
|
-
"type": "Boolean",
|
|
718
|
-
"default": false,
|
|
719
|
-
"description": "Read-only state"
|
|
720
|
-
},
|
|
721
|
-
"error": {
|
|
722
|
-
"type": "String",
|
|
723
|
-
"default": "",
|
|
724
|
-
"description": "Validation error"
|
|
725
|
-
},
|
|
726
|
-
"placeholder": {
|
|
727
|
-
"type": "String",
|
|
728
|
-
"default": "Select...",
|
|
729
|
-
"description": "Placeholder text"
|
|
730
|
-
},
|
|
731
|
-
"open": {
|
|
732
|
-
"type": "Boolean",
|
|
733
|
-
"default": false,
|
|
734
|
-
"description": "Popover open state"
|
|
735
|
-
},
|
|
736
|
-
"label": {
|
|
737
|
-
"type": "String",
|
|
738
|
-
"default": "",
|
|
739
|
-
"description": "Field label"
|
|
740
|
-
},
|
|
741
|
-
"icon": {
|
|
742
|
-
"type": "String",
|
|
743
|
-
"default": "",
|
|
744
|
-
"description": "Leading icon name"
|
|
745
|
-
},
|
|
746
|
-
"avatar": {
|
|
747
|
-
"type": "String",
|
|
748
|
-
"default": "",
|
|
749
|
-
"description": "Leading avatar URL"
|
|
750
|
-
},
|
|
751
|
-
"multiple": {
|
|
752
|
-
"type": "Boolean",
|
|
753
|
-
"default": false,
|
|
754
|
-
"description": "Allow multi-select"
|
|
755
|
-
},
|
|
756
|
-
"searchable": {
|
|
757
|
-
"type": "Boolean",
|
|
758
|
-
"default": false,
|
|
759
|
-
"description": "Enable search filtering (combobox mode)"
|
|
760
|
-
},
|
|
761
|
-
"free-text": {
|
|
762
|
-
"type": "Boolean",
|
|
763
|
-
"default": false,
|
|
764
|
-
"description": "With searchable: commit the typed query on Enter when no option matches (unconstrained autocomplete)"
|
|
765
|
-
}
|
|
766
|
-
},
|
|
767
|
-
"events": [
|
|
768
|
-
"change"
|
|
769
|
-
],
|
|
770
|
-
"slots": [
|
|
771
|
-
"trigger",
|
|
772
|
-
"display",
|
|
773
|
-
"listbox",
|
|
774
|
-
"caret"
|
|
775
|
-
],
|
|
776
|
-
"children": "<option value=\"...\">Label</option> or <optgroup label=\"...\"><option>...</option></optgroup>"
|
|
777
|
-
},
|
|
778
|
-
"Code": {
|
|
779
|
-
"tag": "code-ui",
|
|
780
|
-
"category": "display",
|
|
781
|
-
"description": "Inline or block code display with optional language label and copy button.",
|
|
782
|
-
"props": {
|
|
783
|
-
"language": {
|
|
784
|
-
"type": "String",
|
|
785
|
-
"default": "",
|
|
786
|
-
"description": "Language label"
|
|
787
|
-
},
|
|
788
|
-
"inline": {
|
|
789
|
-
"type": "Boolean",
|
|
790
|
-
"default": false,
|
|
791
|
-
"description": "Inline code (vs block)"
|
|
792
|
-
}
|
|
793
|
-
},
|
|
794
|
-
"events": [],
|
|
795
|
-
"slots": [
|
|
796
|
-
"header",
|
|
797
|
-
"label",
|
|
798
|
-
"copy",
|
|
799
|
-
"code"
|
|
800
|
-
],
|
|
801
|
-
"children": "Text content (code source)"
|
|
802
|
-
},
|
|
803
|
-
"ColorPicker": {
|
|
804
|
-
"tag": "color-picker-ui",
|
|
805
|
-
"category": "input",
|
|
806
|
-
"description": "OKLCH-native color picker with 2D area and H/C/L sliders. Form-associated.",
|
|
807
|
-
"props": {
|
|
808
|
-
"name": {
|
|
809
|
-
"type": "String",
|
|
810
|
-
"default": "",
|
|
811
|
-
"description": "Form field name"
|
|
812
|
-
},
|
|
813
|
-
"value": {
|
|
814
|
-
"type": "String",
|
|
815
|
-
"default": "",
|
|
816
|
-
"description": "Color value (hex or oklch)"
|
|
817
|
-
},
|
|
818
|
-
"disabled": {
|
|
819
|
-
"type": "Boolean",
|
|
820
|
-
"default": false,
|
|
821
|
-
"description": "Disables interaction"
|
|
822
|
-
},
|
|
823
|
-
"format": {
|
|
824
|
-
"type": "String",
|
|
825
|
-
"default": "hex",
|
|
826
|
-
"enum": [
|
|
827
|
-
"hex",
|
|
828
|
-
"oklch"
|
|
829
|
-
],
|
|
830
|
-
"description": "Output format"
|
|
831
|
-
}
|
|
832
|
-
},
|
|
833
|
-
"events": [
|
|
834
|
-
"input",
|
|
835
|
-
"change"
|
|
836
|
-
],
|
|
837
|
-
"slots": []
|
|
838
|
-
},
|
|
839
|
-
"Column": {
|
|
840
|
-
"tag": "col-ui",
|
|
841
|
-
"category": "layout",
|
|
842
|
-
"description": "Flex column layout primitive.",
|
|
843
|
-
"props": {
|
|
844
|
-
"justify": {
|
|
845
|
-
"type": "String",
|
|
846
|
-
"default": "start",
|
|
847
|
-
"description": "Justify content"
|
|
848
|
-
},
|
|
849
|
-
"align": {
|
|
850
|
-
"type": "String",
|
|
851
|
-
"default": "stretch",
|
|
852
|
-
"description": "Align items"
|
|
853
|
-
},
|
|
854
|
-
"gap": {
|
|
855
|
-
"type": "String",
|
|
856
|
-
"default": "md",
|
|
857
|
-
"enum": [
|
|
858
|
-
"xs",
|
|
859
|
-
"sm",
|
|
860
|
-
"md",
|
|
861
|
-
"lg",
|
|
862
|
-
"xl"
|
|
863
|
-
],
|
|
864
|
-
"description": "Gap between children"
|
|
865
|
-
}
|
|
866
|
-
},
|
|
867
|
-
"events": [],
|
|
868
|
-
"slots": [
|
|
869
|
-
"default"
|
|
870
|
-
]
|
|
871
|
-
},
|
|
872
|
-
"Command": {
|
|
873
|
-
"tag": "command-ui",
|
|
874
|
-
"category": "container",
|
|
875
|
-
"description": "Searchable command palette with keyboard navigation.",
|
|
876
|
-
"props": {
|
|
877
|
-
"placeholder": {
|
|
878
|
-
"type": "String",
|
|
879
|
-
"default": "Type a command...",
|
|
880
|
-
"description": "Input placeholder"
|
|
881
|
-
},
|
|
882
|
-
"open": {
|
|
883
|
-
"type": "Boolean",
|
|
884
|
-
"default": false,
|
|
885
|
-
"description": "Visibility"
|
|
886
|
-
}
|
|
887
|
-
},
|
|
888
|
-
"events": [
|
|
889
|
-
"select",
|
|
890
|
-
"dismiss"
|
|
891
|
-
],
|
|
892
|
-
"slots": [
|
|
893
|
-
"icon",
|
|
894
|
-
"input",
|
|
895
|
-
"list"
|
|
896
|
-
],
|
|
897
|
-
"children": "<optgroup label=\"...\"><option value=\"...\" data-icon=\"...\" data-shortcut=\"...\">Label</option></optgroup>",
|
|
898
|
-
"aliases": [
|
|
899
|
-
"CommandPalette"
|
|
900
|
-
]
|
|
901
|
-
},
|
|
902
|
-
"DescriptionList": {
|
|
903
|
-
"tag": "description-list-ui",
|
|
904
|
-
"category": "display",
|
|
905
|
-
"description": "Semantic key-value metadata list. Wraps native dl/dt/dd semantics with grid layout. Stacked (term above) or inline (term : value on one row).",
|
|
906
|
-
"props": {
|
|
907
|
-
"layout": {
|
|
908
|
-
"type": "String",
|
|
909
|
-
"default": "stacked",
|
|
910
|
-
"enum": [
|
|
911
|
-
"stacked",
|
|
912
|
-
"inline"
|
|
913
|
-
],
|
|
914
|
-
"description": "Term placement relative to value"
|
|
915
|
-
},
|
|
916
|
-
"align": {
|
|
917
|
-
"type": "String",
|
|
918
|
-
"default": "start",
|
|
919
|
-
"enum": [
|
|
920
|
-
"start",
|
|
921
|
-
"between"
|
|
922
|
-
],
|
|
923
|
-
"description": "Alignment for inline layout"
|
|
924
|
-
},
|
|
925
|
-
"items": {
|
|
926
|
-
"type": "Array",
|
|
927
|
-
"default": [],
|
|
928
|
-
"description": "Optional JSON array of {term, description} pairs (alternative to <dt>/<dd> children)"
|
|
929
|
-
}
|
|
930
|
-
},
|
|
931
|
-
"events": [],
|
|
932
|
-
"slots": [
|
|
933
|
-
"default"
|
|
934
|
-
],
|
|
935
|
-
"children": "<dt>Term</dt><dd>Value</dd> pairs"
|
|
936
|
-
},
|
|
937
|
-
"Divider": {
|
|
938
|
-
"tag": "divider-ui",
|
|
939
|
-
"category": "display",
|
|
940
|
-
"description": "Horizontal or vertical divider with optional label.",
|
|
941
|
-
"props": {
|
|
942
|
-
"label": {
|
|
943
|
-
"type": "String",
|
|
944
|
-
"default": "",
|
|
945
|
-
"description": "Center label text"
|
|
946
|
-
},
|
|
947
|
-
"vertical": {
|
|
948
|
-
"type": "Boolean",
|
|
949
|
-
"default": false,
|
|
950
|
-
"description": "Vertical orientation"
|
|
951
|
-
}
|
|
952
|
-
},
|
|
953
|
-
"events": [],
|
|
954
|
-
"slots": [
|
|
955
|
-
"label"
|
|
956
|
-
]
|
|
957
|
-
},
|
|
958
|
-
"Drawer": {
|
|
959
|
-
"tag": "drawer-ui",
|
|
960
|
-
"category": "container",
|
|
961
|
-
"description": "Slide-out panel anchored to a viewport edge. Uses native <dialog>.",
|
|
962
|
-
"props": {
|
|
963
|
-
"text": {
|
|
964
|
-
"type": "String",
|
|
965
|
-
"default": "",
|
|
966
|
-
"description": "Drawer title"
|
|
967
|
-
},
|
|
968
|
-
"side": {
|
|
969
|
-
"type": "String",
|
|
970
|
-
"default": "right",
|
|
971
|
-
"enum": [
|
|
972
|
-
"left",
|
|
973
|
-
"right",
|
|
974
|
-
"top",
|
|
975
|
-
"bottom"
|
|
976
|
-
],
|
|
977
|
-
"description": "Anchor side"
|
|
978
|
-
},
|
|
979
|
-
"size": {
|
|
980
|
-
"type": "String",
|
|
981
|
-
"default": "md",
|
|
982
|
-
"description": "Panel width/height"
|
|
983
|
-
},
|
|
984
|
-
"permanent": {
|
|
985
|
-
"type": "Boolean",
|
|
986
|
-
"default": false,
|
|
987
|
-
"description": "When true, hide close button and suppress backdrop/Escape dismiss"
|
|
988
|
-
},
|
|
989
|
-
"open": {
|
|
990
|
-
"type": "Boolean",
|
|
991
|
-
"default": false,
|
|
992
|
-
"description": "Open/closed state"
|
|
993
|
-
}
|
|
994
|
-
},
|
|
995
|
-
"events": [
|
|
996
|
-
"close"
|
|
997
|
-
],
|
|
998
|
-
"slots": [
|
|
999
|
-
"dialog",
|
|
1000
|
-
"panel",
|
|
1001
|
-
"header",
|
|
1002
|
-
"close",
|
|
1003
|
-
"body"
|
|
1004
|
-
],
|
|
1005
|
-
"methods": [
|
|
1006
|
-
"show()",
|
|
1007
|
-
"hide()"
|
|
1008
|
-
]
|
|
1009
|
-
},
|
|
1010
|
-
"Embed": {
|
|
1011
|
-
"tag": "embed-ui",
|
|
1012
|
-
"category": "agent",
|
|
1013
|
-
"description": "Responsive sandboxed iframe wrapper.",
|
|
1014
|
-
"props": {
|
|
1015
|
-
"src": {
|
|
1016
|
-
"type": "String",
|
|
1017
|
-
"default": "",
|
|
1018
|
-
"description": "Iframe URL"
|
|
1019
|
-
},
|
|
1020
|
-
"height": {
|
|
1021
|
-
"type": "String",
|
|
1022
|
-
"default": "400",
|
|
1023
|
-
"description": "Iframe height"
|
|
1024
|
-
},
|
|
1025
|
-
"width": {
|
|
1026
|
-
"type": "String",
|
|
1027
|
-
"default": "100%",
|
|
1028
|
-
"description": "Iframe width"
|
|
1029
|
-
},
|
|
1030
|
-
"aspect": {
|
|
1031
|
-
"type": "String",
|
|
1032
|
-
"default": "",
|
|
1033
|
-
"description": "CSS aspect-ratio (e.g. 16/9)"
|
|
1034
|
-
}
|
|
1035
|
-
},
|
|
1036
|
-
"events": [],
|
|
1037
|
-
"slots": []
|
|
1038
|
-
},
|
|
1039
|
-
"EmptyState": {
|
|
1040
|
-
"tag": "empty-state-ui",
|
|
1041
|
-
"category": "display",
|
|
1042
|
-
"description": "Placeholder for empty views with icon, heading, description, and action slot.",
|
|
1043
|
-
"props": {
|
|
1044
|
-
"icon": {
|
|
1045
|
-
"type": "String",
|
|
1046
|
-
"default": "",
|
|
1047
|
-
"description": "Icon name"
|
|
1048
|
-
},
|
|
1049
|
-
"heading": {
|
|
1050
|
-
"type": "String",
|
|
1051
|
-
"default": "",
|
|
1052
|
-
"description": "Heading text"
|
|
1053
|
-
},
|
|
1054
|
-
"description": {
|
|
1055
|
-
"type": "String",
|
|
1056
|
-
"default": "",
|
|
1057
|
-
"description": "Description text"
|
|
1058
|
-
}
|
|
1059
|
-
},
|
|
1060
|
-
"events": [],
|
|
1061
|
-
"slots": [
|
|
1062
|
-
"icon",
|
|
1063
|
-
"heading",
|
|
1064
|
-
"description",
|
|
1065
|
-
"action"
|
|
1066
|
-
]
|
|
1067
|
-
},
|
|
1068
|
-
"Footer": {
|
|
1069
|
-
"tag": "footer-ui",
|
|
1070
|
-
"category": "container",
|
|
1071
|
-
"description": "Card footer. Contains actions, pagination, or summary. Typically holds Buttons.",
|
|
1072
|
-
"props": {
|
|
1073
|
-
"justify": {
|
|
1074
|
-
"type": "string",
|
|
1075
|
-
"enum": [
|
|
1076
|
-
"start",
|
|
1077
|
-
"end",
|
|
1078
|
-
"center",
|
|
1079
|
-
"between"
|
|
1080
|
-
],
|
|
1081
|
-
"default": "end",
|
|
1082
|
-
"description": "Horizontal alignment of children"
|
|
1083
|
-
}
|
|
1084
|
-
},
|
|
1085
|
-
"events": [],
|
|
1086
|
-
"slots": [
|
|
1087
|
-
"default"
|
|
1088
|
-
]
|
|
1089
|
-
},
|
|
1090
|
-
"Grid": {
|
|
1091
|
-
"tag": "grid-ui",
|
|
1092
|
-
"category": "layout",
|
|
1093
|
-
"description": "CSS grid layout primitive.",
|
|
1094
|
-
"props": {
|
|
1095
|
-
"columns": {
|
|
1096
|
-
"type": "String",
|
|
1097
|
-
"default": "3",
|
|
1098
|
-
"description": "Number of columns or grid-template-columns"
|
|
1099
|
-
},
|
|
1100
|
-
"gap": {
|
|
1101
|
-
"type": "String",
|
|
1102
|
-
"default": "md",
|
|
1103
|
-
"description": "Grid gap"
|
|
1104
|
-
},
|
|
1105
|
-
"columnGap": {
|
|
1106
|
-
"type": "String",
|
|
1107
|
-
"default": "",
|
|
1108
|
-
"description": "Column gap override",
|
|
1109
|
-
"attribute": "column-gap"
|
|
1110
|
-
},
|
|
1111
|
-
"rowGap": {
|
|
1112
|
-
"type": "String",
|
|
1113
|
-
"default": "",
|
|
1114
|
-
"description": "Row gap override",
|
|
1115
|
-
"attribute": "row-gap"
|
|
1116
|
-
}
|
|
1117
|
-
},
|
|
1118
|
-
"events": [],
|
|
1119
|
-
"slots": [
|
|
1120
|
-
"default"
|
|
1121
|
-
]
|
|
1122
|
-
},
|
|
1123
|
-
"Header": {
|
|
1124
|
-
"tag": "header-ui",
|
|
1125
|
-
"category": "container",
|
|
1126
|
-
"description": "Card header. Contains heading text and optional action slot.",
|
|
1127
|
-
"props": {},
|
|
1128
|
-
"events": [],
|
|
1129
|
-
"slots": [
|
|
1130
|
-
"default",
|
|
1131
|
-
"action"
|
|
1132
|
-
]
|
|
1133
|
-
},
|
|
1134
|
-
"Heatmap": {
|
|
1135
|
-
"tag": "heatmap-ui",
|
|
1136
|
-
"category": "data-display",
|
|
1137
|
-
"description": "Grid heatmap with 5-bucket data ramp — supports day-grid (GitHub contributions), matrix, and density modes.",
|
|
1138
|
-
"props": {
|
|
1139
|
-
"type": {
|
|
1140
|
-
"type": "String",
|
|
1141
|
-
"default": "matrix",
|
|
1142
|
-
"enum": ["day-grid", "matrix", "density"],
|
|
1143
|
-
"description": "Heatmap type"
|
|
1144
|
-
},
|
|
1145
|
-
"rows": {
|
|
1146
|
-
"type": "Number",
|
|
1147
|
-
"default": 7,
|
|
1148
|
-
"description": "Row count"
|
|
1149
|
-
},
|
|
1150
|
-
"cols": {
|
|
1151
|
-
"type": "Number",
|
|
1152
|
-
"default": 12,
|
|
1153
|
-
"description": "Column count"
|
|
1154
|
-
},
|
|
1155
|
-
"scale": {
|
|
1156
|
-
"type": "String",
|
|
1157
|
-
"default": "linear",
|
|
1158
|
-
"enum": ["linear", "log", "quantile"],
|
|
1159
|
-
"description": "Value-to-bucket scale"
|
|
1160
|
-
},
|
|
1161
|
-
"noLegend": {
|
|
1162
|
-
"type": "Boolean",
|
|
1163
|
-
"default": false,
|
|
1164
|
-
"attribute": "no-legend",
|
|
1165
|
-
"description": "Hide the Less/More legend strip"
|
|
1166
|
-
},
|
|
1167
|
-
"colorScheme": {
|
|
1168
|
-
"type": "String",
|
|
1169
|
-
"default": "data-ramp",
|
|
1170
|
-
"enum": ["accent", "success", "warning", "data-ramp"],
|
|
1171
|
-
"attribute": "color-scheme",
|
|
1172
|
-
"description": "Color ramp"
|
|
1173
|
-
},
|
|
1174
|
-
"startDate": {
|
|
1175
|
-
"type": "String",
|
|
1176
|
-
"default": "",
|
|
1177
|
-
"attribute": "start-date",
|
|
1178
|
-
"description": "ISO start date; labels months in day-grid mode"
|
|
1179
|
-
},
|
|
1180
|
-
"aspect": {
|
|
1181
|
-
"type": "String",
|
|
1182
|
-
"default": "wide",
|
|
1183
|
-
"enum": ["square", "wide"],
|
|
1184
|
-
"description": "Aspect ratio"
|
|
1185
|
-
}
|
|
1186
|
-
},
|
|
1187
|
-
"events": ["cell-hover", "cell-click"],
|
|
1188
|
-
"slots": ["title"],
|
|
1189
|
-
"jsApi": {
|
|
1190
|
-
"data": "Array of { r, c, v, label? } cell records"
|
|
1191
|
-
}
|
|
1192
|
-
},
|
|
1193
|
-
"Icon": {
|
|
1194
|
-
"tag": "icon-ui",
|
|
1195
|
-
"category": "display",
|
|
1196
|
-
"description": "SVG icon from the icon registry. Renders inline SVG from getIcon().",
|
|
1197
|
-
"props": {
|
|
1198
|
-
"name": {
|
|
1199
|
-
"type": "String",
|
|
1200
|
-
"default": "",
|
|
1201
|
-
"description": "Icon name from registry"
|
|
1202
|
-
},
|
|
1203
|
-
"size": {
|
|
1204
|
-
"type": "String",
|
|
1205
|
-
"default": "",
|
|
1206
|
-
"description": "Icon size"
|
|
1207
|
-
},
|
|
1208
|
-
"label": {
|
|
1209
|
-
"type": "String",
|
|
1210
|
-
"default": "",
|
|
1211
|
-
"description": "Accessible label (role=img when set)"
|
|
1212
|
-
}
|
|
1213
|
-
},
|
|
1214
|
-
"events": [],
|
|
1215
|
-
"slots": []
|
|
1216
|
-
},
|
|
1217
|
-
"Image": {
|
|
1218
|
-
"tag": "image-ui",
|
|
1219
|
-
"category": "display",
|
|
1220
|
-
"description": "Lazy-loading image with skeleton fallback. Shows skeleton while loading, falls back on error.",
|
|
1221
|
-
"props": {
|
|
1222
|
-
"src": {
|
|
1223
|
-
"type": "String",
|
|
1224
|
-
"default": "",
|
|
1225
|
-
"description": "Image URL"
|
|
1226
|
-
},
|
|
1227
|
-
"alt": {
|
|
1228
|
-
"type": "String",
|
|
1229
|
-
"default": "",
|
|
1230
|
-
"description": "Alt text"
|
|
1231
|
-
},
|
|
1232
|
-
"width": {
|
|
1233
|
-
"type": "String",
|
|
1234
|
-
"default": "",
|
|
1235
|
-
"description": "CSS width"
|
|
1236
|
-
},
|
|
1237
|
-
"height": {
|
|
1238
|
-
"type": "String",
|
|
1239
|
-
"default": "",
|
|
1240
|
-
"description": "CSS height"
|
|
1241
|
-
},
|
|
1242
|
-
"fit": {
|
|
1243
|
-
"type": "String",
|
|
1244
|
-
"default": "cover",
|
|
1245
|
-
"enum": [
|
|
1246
|
-
"cover",
|
|
1247
|
-
"contain",
|
|
1248
|
-
"fill",
|
|
1249
|
-
"none"
|
|
1250
|
-
],
|
|
1251
|
-
"description": "Object-fit mode"
|
|
1252
|
-
},
|
|
1253
|
-
"radius": {
|
|
1254
|
-
"type": "String",
|
|
1255
|
-
"default": "",
|
|
1256
|
-
"enum": [
|
|
1257
|
-
"sm",
|
|
1258
|
-
"md",
|
|
1259
|
-
"lg",
|
|
1260
|
-
"full"
|
|
1261
|
-
],
|
|
1262
|
-
"description": "Border radius token"
|
|
1263
|
-
},
|
|
1264
|
-
"fallback": {
|
|
1265
|
-
"type": "String",
|
|
1266
|
-
"default": "",
|
|
1267
|
-
"description": "Fallback image URL on error"
|
|
1268
|
-
}
|
|
1269
|
-
},
|
|
1270
|
-
"events": [],
|
|
1271
|
-
"slots": [
|
|
1272
|
-
"skeleton",
|
|
1273
|
-
"image"
|
|
1274
|
-
]
|
|
1275
|
-
},
|
|
1276
|
-
"Input": {
|
|
1277
|
-
"tag": "input-ui",
|
|
1278
|
-
"category": "input",
|
|
1279
|
-
"description": "Text input field with contenteditable or native input. Supports prefix/suffix icons, label, and form participation.",
|
|
1280
|
-
"props": {
|
|
1281
|
-
"name": {
|
|
1282
|
-
"type": "String",
|
|
1283
|
-
"default": "",
|
|
1284
|
-
"description": "Form field name"
|
|
1285
|
-
},
|
|
1286
|
-
"value": {
|
|
1287
|
-
"type": "String",
|
|
1288
|
-
"default": "",
|
|
1289
|
-
"description": "Current value"
|
|
1290
|
-
},
|
|
1291
|
-
"disabled": {
|
|
1292
|
-
"type": "Boolean",
|
|
1293
|
-
"default": false,
|
|
1294
|
-
"description": "Disables interaction"
|
|
1295
|
-
},
|
|
1296
|
-
"required": {
|
|
1297
|
-
"type": "Boolean",
|
|
1298
|
-
"default": false,
|
|
1299
|
-
"description": "Required for form validation"
|
|
1300
|
-
},
|
|
1301
|
-
"readonly": {
|
|
1302
|
-
"type": "Boolean",
|
|
1303
|
-
"default": false,
|
|
1304
|
-
"description": "Read-only state"
|
|
1305
|
-
},
|
|
1306
|
-
"error": {
|
|
1307
|
-
"type": "String",
|
|
1308
|
-
"default": "",
|
|
1309
|
-
"description": "Validation error message"
|
|
1310
|
-
},
|
|
1311
|
-
"pattern": {
|
|
1312
|
-
"type": "String",
|
|
1313
|
-
"default": "",
|
|
1314
|
-
"description": "Regex pattern for validation"
|
|
1315
|
-
},
|
|
1316
|
-
"minlength": {
|
|
1317
|
-
"type": "Number",
|
|
1318
|
-
"default": null,
|
|
1319
|
-
"description": "Minimum character length"
|
|
1320
|
-
},
|
|
1321
|
-
"maxlength": {
|
|
1322
|
-
"type": "Number",
|
|
1323
|
-
"default": null,
|
|
1324
|
-
"description": "Maximum character length"
|
|
1325
|
-
},
|
|
1326
|
-
"placeholder": {
|
|
1327
|
-
"type": "String",
|
|
1328
|
-
"default": "",
|
|
1329
|
-
"description": "Placeholder text"
|
|
1330
|
-
},
|
|
1331
|
-
"type": {
|
|
1332
|
-
"type": "String",
|
|
1333
|
-
"default": "text",
|
|
1334
|
-
"enum": [
|
|
1335
|
-
"text",
|
|
1336
|
-
"email",
|
|
1337
|
-
"password",
|
|
1338
|
-
"number",
|
|
1339
|
-
"tel",
|
|
1340
|
-
"url",
|
|
1341
|
-
"search"
|
|
1342
|
-
],
|
|
1343
|
-
"description": "Input type"
|
|
1344
|
-
},
|
|
1345
|
-
"label": {
|
|
1346
|
-
"type": "String",
|
|
1347
|
-
"default": "",
|
|
1348
|
-
"description": "Field label"
|
|
1349
|
-
},
|
|
1350
|
-
"prefix": {
|
|
1351
|
-
"type": "String",
|
|
1352
|
-
"default": "",
|
|
1353
|
-
"description": "Prefix icon name"
|
|
1354
|
-
},
|
|
1355
|
-
"suffix": {
|
|
1356
|
-
"type": "String",
|
|
1357
|
-
"default": "",
|
|
1358
|
-
"description": "Suffix icon name"
|
|
1359
|
-
},
|
|
1360
|
-
"raw": {
|
|
1361
|
-
"type": "Boolean",
|
|
1362
|
-
"default": false,
|
|
1363
|
-
"description": "Raw mode (no chrome)"
|
|
1364
|
-
}
|
|
1365
|
-
},
|
|
1366
|
-
"events": [
|
|
1367
|
-
"input",
|
|
1368
|
-
"change",
|
|
1369
|
-
"submit"
|
|
1370
|
-
],
|
|
1371
|
-
"slots": [
|
|
1372
|
-
"label",
|
|
1373
|
-
"field",
|
|
1374
|
-
"text",
|
|
1375
|
-
"prefix",
|
|
1376
|
-
"suffix"
|
|
1377
|
-
],
|
|
1378
|
-
"aliases": [
|
|
1379
|
-
"TextField"
|
|
1380
|
-
]
|
|
1381
|
-
},
|
|
1382
|
-
"Inspector": {
|
|
1383
|
-
"tag": "inspector-ui",
|
|
1384
|
-
"category": "display",
|
|
1385
|
-
"description": "Property-grid / developer-tools inspector pane. Dockable right-side surface for inspecting object state, record details, or A2UI component trees. Typical use: detail view in master-detail layouts.",
|
|
1386
|
-
"props": {
|
|
1387
|
-
"active": {
|
|
1388
|
-
"type": "String",
|
|
1389
|
-
"default": "surface",
|
|
1390
|
-
"description": "Active tab / view mode"
|
|
1391
|
-
}
|
|
1392
|
-
},
|
|
1393
|
-
"events": [],
|
|
1394
|
-
"slots": [
|
|
1395
|
-
"default"
|
|
1396
|
-
],
|
|
1397
|
-
"children": "DescriptionList, Tabs, or property rows",
|
|
1398
|
-
"aliases": [
|
|
1399
|
-
"object-inspector",
|
|
1400
|
-
"property-grid",
|
|
1401
|
-
"record-detail",
|
|
1402
|
-
"devtools-pane"
|
|
1403
|
-
]
|
|
1404
|
-
},
|
|
1405
|
-
"Kbd": {
|
|
1406
|
-
"tag": "kbd-ui",
|
|
1407
|
-
"category": "display",
|
|
1408
|
-
"description": "Keyboard key cap. Purely decorative, content from innerHTML.",
|
|
1409
|
-
"props": {
|
|
1410
|
-
"size": {
|
|
1411
|
-
"type": "String",
|
|
1412
|
-
"default": "",
|
|
1413
|
-
"description": "Size variant"
|
|
1414
|
-
}
|
|
1415
|
-
},
|
|
1416
|
-
"events": [],
|
|
1417
|
-
"slots": [
|
|
1418
|
-
"default (key text)"
|
|
1419
|
-
],
|
|
1420
|
-
"aliases": [
|
|
1421
|
-
"Keyboard"
|
|
1422
|
-
]
|
|
1423
|
-
},
|
|
1424
|
-
"List": {
|
|
1425
|
-
"tag": "list-ui",
|
|
1426
|
-
"category": "layout",
|
|
1427
|
-
"description": "Styled list with optional icons, dividers, and selection (selectable + selected-key).",
|
|
1428
|
-
"props": {
|
|
1429
|
-
"divider": {
|
|
1430
|
-
"type": "Boolean",
|
|
1431
|
-
"default": false,
|
|
1432
|
-
"description": "Show dividers between items"
|
|
1433
|
-
},
|
|
1434
|
-
"spacing": {
|
|
1435
|
-
"type": "String",
|
|
1436
|
-
"default": "md",
|
|
1437
|
-
"description": "Item spacing"
|
|
1438
|
-
},
|
|
1439
|
-
"selectable": {
|
|
1440
|
-
"type": "Boolean",
|
|
1441
|
-
"default": false,
|
|
1442
|
-
"description": "Enable selection on child listitems (roving tabindex + aria-selected)."
|
|
1443
|
-
},
|
|
1444
|
-
"selectedKey": {
|
|
1445
|
-
"type": "String",
|
|
1446
|
-
"default": "",
|
|
1447
|
-
"attribute": "selected-key",
|
|
1448
|
-
"description": "ID (or data-key) of the currently-selected child listitem."
|
|
1449
|
-
}
|
|
1450
|
-
},
|
|
1451
|
-
"events": ["selection-change"],
|
|
1452
|
-
"slots": [
|
|
1453
|
-
"default"
|
|
1454
|
-
],
|
|
1455
|
-
"children": "<list-item-ui icon=\"...\" text=\"...\" description=\"...\"></list-item-ui>"
|
|
1456
|
-
},
|
|
1457
|
-
"Menu": {
|
|
1458
|
-
"tag": "menu-ui",
|
|
1459
|
-
"category": "container",
|
|
1460
|
-
"description": "Dropdown action menu with roving focus and keyboard navigation. Uses Popover API.",
|
|
1461
|
-
"props": {
|
|
1462
|
-
"open": {
|
|
1463
|
-
"type": "Boolean",
|
|
1464
|
-
"default": false,
|
|
1465
|
-
"description": "Menu open state"
|
|
1466
|
-
},
|
|
1467
|
-
"placement": {
|
|
1468
|
-
"type": "String",
|
|
1469
|
-
"default": "bottom-start",
|
|
1470
|
-
"description": "Popover placement"
|
|
1471
|
-
},
|
|
1472
|
-
"gap": {
|
|
1473
|
-
"type": "Number",
|
|
1474
|
-
"default": 4,
|
|
1475
|
-
"description": "Gap in px"
|
|
1476
|
-
}
|
|
1477
|
-
},
|
|
1478
|
-
"events": [
|
|
1479
|
-
"action"
|
|
1480
|
-
],
|
|
1481
|
-
"slots": [
|
|
1482
|
-
"trigger"
|
|
1483
|
-
],
|
|
1484
|
-
"children": "<menu-item-ui icon=\"...\" text=\"...\" value=\"...\" variant=\"danger\"> and <menu-divider-ui>",
|
|
1485
|
-
"methods": [
|
|
1486
|
-
"show()",
|
|
1487
|
-
"hide()",
|
|
1488
|
-
"toggle()"
|
|
1489
|
-
]
|
|
1490
|
-
},
|
|
1491
|
-
"MenuDivider": {
|
|
1492
|
-
"tag": "menu-divider-ui",
|
|
1493
|
-
"category": "navigation",
|
|
1494
|
-
"description": "Visual separator between groups of menu items inside a menu-ui.",
|
|
1495
|
-
"props": {},
|
|
1496
|
-
"events": [],
|
|
1497
|
-
"slots": []
|
|
1498
|
-
},
|
|
1499
|
-
"MenuItem": {
|
|
1500
|
-
"tag": "menu-item-ui",
|
|
1501
|
-
"category": "navigation",
|
|
1502
|
-
"description": "A single menu item inside a menu-ui dropdown. Supports icon, text, variant, and disabled state.",
|
|
1503
|
-
"props": {
|
|
1504
|
-
"icon": {
|
|
1505
|
-
"type": "String",
|
|
1506
|
-
"default": "",
|
|
1507
|
-
"description": "Icon name (renders icon-ui child)"
|
|
1508
|
-
},
|
|
1509
|
-
"text": {
|
|
1510
|
-
"type": "String",
|
|
1511
|
-
"default": "",
|
|
1512
|
-
"description": "Menu item label text"
|
|
1513
|
-
},
|
|
1514
|
-
"value": {
|
|
1515
|
-
"type": "String",
|
|
1516
|
-
"default": "",
|
|
1517
|
-
"description": "Value emitted in action event detail"
|
|
1518
|
-
},
|
|
1519
|
-
"variant": {
|
|
1520
|
-
"type": "String",
|
|
1521
|
-
"default": "default",
|
|
1522
|
-
"enum": [
|
|
1523
|
-
"default",
|
|
1524
|
-
"danger"
|
|
1525
|
-
],
|
|
1526
|
-
"description": "Visual style variant"
|
|
1527
|
-
},
|
|
1528
|
-
"disabled": {
|
|
1529
|
-
"type": "Boolean",
|
|
1530
|
-
"default": false,
|
|
1531
|
-
"description": "Disables interaction"
|
|
1532
|
-
}
|
|
1533
|
-
},
|
|
1534
|
-
"events": [],
|
|
1535
|
-
"slots": [
|
|
1536
|
-
"icon",
|
|
1537
|
-
"text"
|
|
1538
|
-
]
|
|
1539
|
-
},
|
|
1540
|
-
"Modal": {
|
|
1541
|
-
"tag": "modal-ui",
|
|
1542
|
-
"category": "container",
|
|
1543
|
-
"description": "Centered dialog overlay using native <dialog>. Focus trapping, Escape key, backdrop.",
|
|
1544
|
-
"props": {
|
|
1545
|
-
"text": {
|
|
1546
|
-
"type": "String",
|
|
1547
|
-
"default": "",
|
|
1548
|
-
"description": "Modal title"
|
|
1549
|
-
},
|
|
1550
|
-
"size": {
|
|
1551
|
-
"type": "String",
|
|
1552
|
-
"default": "md",
|
|
1553
|
-
"enum": [
|
|
1554
|
-
"sm",
|
|
1555
|
-
"md",
|
|
1556
|
-
"lg",
|
|
1557
|
-
"xl"
|
|
1558
|
-
],
|
|
1559
|
-
"description": "Panel size"
|
|
1560
|
-
},
|
|
1561
|
-
"permanent": {
|
|
1562
|
-
"type": "Boolean",
|
|
1563
|
-
"default": false,
|
|
1564
|
-
"description": "When true, hide close button and suppress backdrop/Escape dismiss"
|
|
1565
|
-
},
|
|
1566
|
-
"open": {
|
|
1567
|
-
"type": "Boolean",
|
|
1568
|
-
"default": false,
|
|
1569
|
-
"description": "Open/closed state"
|
|
1570
|
-
}
|
|
1571
|
-
},
|
|
1572
|
-
"events": [
|
|
1573
|
-
"close"
|
|
1574
|
-
],
|
|
1575
|
-
"slots": [
|
|
1576
|
-
"dialog",
|
|
1577
|
-
"panel",
|
|
1578
|
-
"header",
|
|
1579
|
-
"close",
|
|
1580
|
-
"body",
|
|
1581
|
-
"footer"
|
|
1582
|
-
],
|
|
1583
|
-
"methods": [
|
|
1584
|
-
"show()",
|
|
1585
|
-
"hide()"
|
|
1586
|
-
],
|
|
1587
|
-
"aliases": [
|
|
1588
|
-
"Dialog"
|
|
1589
|
-
]
|
|
1590
|
-
},
|
|
1591
|
-
"Nav": {
|
|
1592
|
-
"tag": "nav-ui",
|
|
1593
|
-
"category": "navigation",
|
|
1594
|
-
"description": "Collapsible navigation sidebar with groups and items.",
|
|
1595
|
-
"props": {
|
|
1596
|
-
"collapsed": {
|
|
1597
|
-
"type": "Boolean",
|
|
1598
|
-
"default": false,
|
|
1599
|
-
"description": "Collapsed mode (icons only)"
|
|
1600
|
-
}
|
|
1601
|
-
},
|
|
1602
|
-
"events": [
|
|
1603
|
-
"nav-select"
|
|
1604
|
-
],
|
|
1605
|
-
"slots": [
|
|
1606
|
-
"default"
|
|
1607
|
-
],
|
|
1608
|
-
"children": "<nav-group-ui icon=\"...\" text=\"...\" badge=\"...\"><nav-item-ui text=\"...\" value=\"...\"></nav-item-ui></nav-group-ui>"
|
|
1609
|
-
},
|
|
1610
|
-
"Noodles": {
|
|
1611
|
-
"tag": "noodles-ui",
|
|
1612
|
-
"category": "agent",
|
|
1613
|
-
"description": "SVG connection lines (noodles) between children with declared ports. Supports bezier, step, and straight curves.",
|
|
1614
|
-
"props": {
|
|
1615
|
-
"editable": {
|
|
1616
|
-
"type": "Boolean",
|
|
1617
|
-
"default": false,
|
|
1618
|
-
"description": "Allow interactive editing"
|
|
1619
|
-
},
|
|
1620
|
-
"color": {
|
|
1621
|
-
"type": "String",
|
|
1622
|
-
"default": "",
|
|
1623
|
-
"description": "Line color"
|
|
1624
|
-
},
|
|
1625
|
-
"strokeWidth": {
|
|
1626
|
-
"type": "Number",
|
|
1627
|
-
"default": 2,
|
|
1628
|
-
"description": "Line stroke width",
|
|
1629
|
-
"attribute": "stroke-width"
|
|
1630
|
-
},
|
|
1631
|
-
"tension": {
|
|
1632
|
-
"type": "Number",
|
|
1633
|
-
"default": 0.5,
|
|
1634
|
-
"description": "Bezier tension"
|
|
1635
|
-
},
|
|
1636
|
-
"showPorts": {
|
|
1637
|
-
"type": "Boolean",
|
|
1638
|
-
"default": false,
|
|
1639
|
-
"description": "Show port indicators",
|
|
1640
|
-
"attribute": "show-ports"
|
|
1641
|
-
},
|
|
1642
|
-
"portSize": {
|
|
1643
|
-
"type": "Number",
|
|
1644
|
-
"default": 10,
|
|
1645
|
-
"description": "Port indicator size",
|
|
1646
|
-
"attribute": "port-size"
|
|
1647
|
-
},
|
|
1648
|
-
"curve": {
|
|
1649
|
-
"type": "String",
|
|
1650
|
-
"default": "bezier",
|
|
1651
|
-
"enum": [
|
|
1652
|
-
"bezier",
|
|
1653
|
-
"step",
|
|
1654
|
-
"straight"
|
|
1655
|
-
],
|
|
1656
|
-
"description": "Curve mode"
|
|
1657
|
-
},
|
|
1658
|
-
"animated": {
|
|
1659
|
-
"type": "Boolean",
|
|
1660
|
-
"default": false,
|
|
1661
|
-
"description": "Animate connections"
|
|
1662
|
-
},
|
|
1663
|
-
"disabled": {
|
|
1664
|
-
"type": "Boolean",
|
|
1665
|
-
"default": false,
|
|
1666
|
-
"description": "Disable interaction"
|
|
1667
|
-
}
|
|
1668
|
-
},
|
|
1669
|
-
"events": [
|
|
1670
|
-
"noodle-connect",
|
|
1671
|
-
"noodle-disconnect"
|
|
1672
|
-
],
|
|
1673
|
-
"jsApi": {
|
|
1674
|
-
"connections": "Array of connection objects",
|
|
1675
|
-
"connect()": "Create connection",
|
|
1676
|
-
"disconnect()": "Remove connection"
|
|
1677
|
-
},
|
|
1678
|
-
"children": "<div data-noodle-port=\"left right\">Node content</div>"
|
|
1679
|
-
},
|
|
1680
|
-
"OtpInput": {
|
|
1681
|
-
"tag": "otp-input-ui",
|
|
1682
|
-
"category": "input",
|
|
1683
|
-
"description": "One-time password input with individual digit boxes. Auto-advances on entry, backs up on delete.",
|
|
1684
|
-
"props": {
|
|
1685
|
-
"name": {
|
|
1686
|
-
"type": "String",
|
|
1687
|
-
"default": "",
|
|
1688
|
-
"description": "Form field name"
|
|
1689
|
-
},
|
|
1690
|
-
"value": {
|
|
1691
|
-
"type": "String",
|
|
1692
|
-
"default": "",
|
|
1693
|
-
"description": "Current OTP value"
|
|
1694
|
-
},
|
|
1695
|
-
"disabled": {
|
|
1696
|
-
"type": "Boolean",
|
|
1697
|
-
"default": false,
|
|
1698
|
-
"description": "Disables interaction"
|
|
1699
|
-
},
|
|
1700
|
-
"length": {
|
|
1701
|
-
"type": "Number",
|
|
1702
|
-
"default": 6,
|
|
1703
|
-
"description": "Number of digits"
|
|
1704
|
-
}
|
|
1705
|
-
},
|
|
1706
|
-
"events": [
|
|
1707
|
-
"input",
|
|
1708
|
-
"complete"
|
|
1709
|
-
],
|
|
1710
|
-
"slots": [
|
|
1711
|
-
"digit (auto-stamped input elements)"
|
|
1712
|
-
],
|
|
1713
|
-
"aliases": [
|
|
1714
|
-
"OTP"
|
|
1715
|
-
]
|
|
1716
|
-
},
|
|
1717
|
-
"Pagination": {
|
|
1718
|
-
"tag": "pagination-ui",
|
|
1719
|
-
"category": "navigation",
|
|
1720
|
-
"description": "Page navigation with prev/next buttons, page numbers, and ellipsis.",
|
|
1721
|
-
"props": {
|
|
1722
|
-
"page": {
|
|
1723
|
-
"type": "Number",
|
|
1724
|
-
"default": 1,
|
|
1725
|
-
"description": "Current page"
|
|
1726
|
-
},
|
|
1727
|
-
"total": {
|
|
1728
|
-
"type": "Number",
|
|
1729
|
-
"default": 1,
|
|
1730
|
-
"description": "Total pages"
|
|
1731
|
-
},
|
|
1732
|
-
"siblings": {
|
|
1733
|
-
"type": "Number",
|
|
1734
|
-
"default": 1,
|
|
1735
|
-
"description": "Visible siblings around current"
|
|
1736
|
-
},
|
|
1737
|
-
"variant": {
|
|
1738
|
-
"type": "String",
|
|
1739
|
-
"default": "",
|
|
1740
|
-
"description": "Visual variant"
|
|
1741
|
-
}
|
|
1742
|
-
},
|
|
1743
|
-
"events": [
|
|
1744
|
-
"page-change"
|
|
1745
|
-
],
|
|
1746
|
-
"slots": [
|
|
1747
|
-
"nav"
|
|
1748
|
-
]
|
|
1749
|
-
},
|
|
1750
|
-
"Pane": {
|
|
1751
|
-
"tag": "pane-ui",
|
|
1752
|
-
"category": "container",
|
|
1753
|
-
"description": "Resizable, collapsible panel. Use as a named pane inside a three-pane shell or split layout. Supports min/max width constraints. Pair with <row-ui> or <grid-ui> for multi-pane views.",
|
|
1754
|
-
"props": {
|
|
1755
|
-
"collapsed": {
|
|
1756
|
-
"type": "Boolean",
|
|
1757
|
-
"default": false,
|
|
1758
|
-
"description": "Render in collapsed state"
|
|
1759
|
-
},
|
|
1760
|
-
"resizable": {
|
|
1761
|
-
"type": "Boolean",
|
|
1762
|
-
"default": false,
|
|
1763
|
-
"description": "Enable drag-to-resize handle"
|
|
1764
|
-
},
|
|
1765
|
-
"minWidth": {
|
|
1766
|
-
"type": "Number",
|
|
1767
|
-
"default": 200,
|
|
1768
|
-
"description": "Minimum width in pixels",
|
|
1769
|
-
"attribute": "min-width"
|
|
1770
|
-
},
|
|
1771
|
-
"maxWidth": {
|
|
1772
|
-
"type": "Number",
|
|
1773
|
-
"default": 9999,
|
|
1774
|
-
"description": "Maximum width in pixels",
|
|
1775
|
-
"attribute": "max-width"
|
|
1776
|
-
}
|
|
1777
|
-
},
|
|
1778
|
-
"events": [],
|
|
1779
|
-
"slots": [
|
|
1780
|
-
"default"
|
|
1781
|
-
],
|
|
1782
|
-
"children": "Any layout or content components",
|
|
1783
|
-
"aliases": [
|
|
1784
|
-
"split-pane",
|
|
1785
|
-
"side-panel",
|
|
1786
|
-
"resizable-panel",
|
|
1787
|
-
"detail-pane",
|
|
1788
|
-
"list-pane",
|
|
1789
|
-
"context-pane"
|
|
1790
|
-
]
|
|
1791
|
-
},
|
|
1792
|
-
"Panel": {
|
|
1793
|
-
"tag": "pane-ui",
|
|
1794
|
-
"category": "container",
|
|
1795
|
-
"description": "Collapsible, resizable panel with sections.",
|
|
1796
|
-
"props": {
|
|
1797
|
-
"collapsed": {
|
|
1798
|
-
"type": "Boolean",
|
|
1799
|
-
"default": false,
|
|
1800
|
-
"description": "Collapsed state"
|
|
1801
|
-
},
|
|
1802
|
-
"resizable": {
|
|
1803
|
-
"type": "Boolean",
|
|
1804
|
-
"default": false,
|
|
1805
|
-
"description": "Enable drag-to-resize"
|
|
1806
|
-
},
|
|
1807
|
-
"minWidth": {
|
|
1808
|
-
"type": "Number",
|
|
1809
|
-
"default": 200,
|
|
1810
|
-
"description": "Min width when resizing",
|
|
1811
|
-
"attribute": "min-width"
|
|
1812
|
-
},
|
|
1813
|
-
"maxWidth": {
|
|
1814
|
-
"type": "Number",
|
|
1815
|
-
"default": 9999,
|
|
1816
|
-
"description": "Max width when resizing",
|
|
1817
|
-
"attribute": "max-width"
|
|
1818
|
-
}
|
|
1819
|
-
},
|
|
1820
|
-
"events": [],
|
|
1821
|
-
"slots": [
|
|
1822
|
-
"resize"
|
|
1823
|
-
],
|
|
1824
|
-
"children": "<header>, <section>, <footer>",
|
|
1825
|
-
"methods": [
|
|
1826
|
-
"toggle()"
|
|
1827
|
-
],
|
|
1828
|
-
"aliases": [
|
|
1829
|
-
"Pane"
|
|
1830
|
-
]
|
|
1831
|
-
},
|
|
1832
|
-
"PipelineStatus": {
|
|
1833
|
-
"tag": "pipeline-status-ui",
|
|
1834
|
-
"category": "display",
|
|
1835
|
-
"description": "Single-line pipeline / job status indicator with stage, message, and complete boolean. Use for deploy status, batch job progress, CI pipeline state.",
|
|
1836
|
-
"props": {
|
|
1837
|
-
"stage": {
|
|
1838
|
-
"type": "String",
|
|
1839
|
-
"default": "",
|
|
1840
|
-
"description": "Current stage label"
|
|
1841
|
-
},
|
|
1842
|
-
"message": {
|
|
1843
|
-
"type": "String",
|
|
1844
|
-
"default": "",
|
|
1845
|
-
"description": "Detail message"
|
|
1846
|
-
},
|
|
1847
|
-
"complete": {
|
|
1848
|
-
"type": "Boolean",
|
|
1849
|
-
"default": false,
|
|
1850
|
-
"description": "Mark as complete"
|
|
1851
|
-
}
|
|
1852
|
-
},
|
|
1853
|
-
"events": [],
|
|
1854
|
-
"slots": [],
|
|
1855
|
-
"children": "(none)",
|
|
1856
|
-
"aliases": [
|
|
1857
|
-
"job-status",
|
|
1858
|
-
"deploy-status",
|
|
1859
|
-
"pipeline-indicator"
|
|
1860
|
-
]
|
|
1861
|
-
},
|
|
1862
|
-
"Popover": {
|
|
1863
|
-
"tag": "popover-ui",
|
|
1864
|
-
"category": "container",
|
|
1865
|
-
"description": "Popover using Popover API + CSS Anchor Positioning. Triggers: click, hover, manual.",
|
|
1866
|
-
"props": {
|
|
1867
|
-
"placement": {
|
|
1868
|
-
"type": "String",
|
|
1869
|
-
"default": "bottom",
|
|
1870
|
-
"enum": [
|
|
1871
|
-
"top",
|
|
1872
|
-
"bottom",
|
|
1873
|
-
"left",
|
|
1874
|
-
"right",
|
|
1875
|
-
"top-start",
|
|
1876
|
-
"top-end",
|
|
1877
|
-
"bottom-start",
|
|
1878
|
-
"bottom-end"
|
|
1879
|
-
],
|
|
1880
|
-
"description": "Popover placement"
|
|
1881
|
-
},
|
|
1882
|
-
"gap": {
|
|
1883
|
-
"type": "Number",
|
|
1884
|
-
"default": 4,
|
|
1885
|
-
"description": "Gap between trigger and content (px)"
|
|
1886
|
-
},
|
|
1887
|
-
"open": {
|
|
1888
|
-
"type": "Boolean",
|
|
1889
|
-
"default": false,
|
|
1890
|
-
"description": "Open state"
|
|
1891
|
-
},
|
|
1892
|
-
"trigger": {
|
|
1893
|
-
"type": "String",
|
|
1894
|
-
"default": "click",
|
|
1895
|
-
"enum": [
|
|
1896
|
-
"click",
|
|
1897
|
-
"hover",
|
|
1898
|
-
"manual"
|
|
1899
|
-
],
|
|
1900
|
-
"description": "Trigger mode"
|
|
1901
|
-
}
|
|
1902
|
-
},
|
|
1903
|
-
"events": [],
|
|
1904
|
-
"slots": [
|
|
1905
|
-
"trigger",
|
|
1906
|
-
"content"
|
|
1907
|
-
],
|
|
1908
|
-
"methods": [
|
|
1909
|
-
"show()",
|
|
1910
|
-
"hide()",
|
|
1911
|
-
"toggle()"
|
|
1912
|
-
]
|
|
1913
|
-
},
|
|
1914
|
-
"Progress": {
|
|
1915
|
-
"tag": "progress-ui",
|
|
1916
|
-
"category": "display",
|
|
1917
|
-
"description": "Progress indicator. Bar (default) or spinner. Value < 0 = indeterminate.",
|
|
1918
|
-
"props": {
|
|
1919
|
-
"value": {
|
|
1920
|
-
"type": "Number",
|
|
1921
|
-
"default": -1,
|
|
1922
|
-
"description": "Progress 0-100 (-1 = indeterminate)"
|
|
1923
|
-
},
|
|
1924
|
-
"variant": {
|
|
1925
|
-
"type": "String",
|
|
1926
|
-
"default": "bar",
|
|
1927
|
-
"enum": [
|
|
1928
|
-
"bar",
|
|
1929
|
-
"spinner"
|
|
1930
|
-
],
|
|
1931
|
-
"description": "Display variant"
|
|
1932
|
-
}
|
|
1933
|
-
},
|
|
1934
|
-
"events": [],
|
|
1935
|
-
"slots": [
|
|
1936
|
-
"track",
|
|
1937
|
-
"fill"
|
|
1938
|
-
],
|
|
1939
|
-
"aliases": [
|
|
1940
|
-
"LoadingIndicator"
|
|
1941
|
-
]
|
|
1942
|
-
},
|
|
1943
|
-
"ProgressRow": {
|
|
1944
|
-
"tag": "progress-row-ui",
|
|
1945
|
-
"category": "data",
|
|
1946
|
-
"description": "Inline labeled progress row with label, progress bar, and meta text. Used for storage quotas, capacity breakdowns, usage indicators.",
|
|
1947
|
-
"props": {
|
|
1948
|
-
"label": {
|
|
1949
|
-
"type": "String",
|
|
1950
|
-
"default": "",
|
|
1951
|
-
"description": "Left-hand label text"
|
|
1952
|
-
},
|
|
1953
|
-
"value": {
|
|
1954
|
-
"type": "Number",
|
|
1955
|
-
"default": -1,
|
|
1956
|
-
"description": "Progress value 0-100 (-1 = indeterminate)"
|
|
1957
|
-
},
|
|
1958
|
-
"meta": {
|
|
1959
|
-
"type": "String",
|
|
1960
|
-
"default": "",
|
|
1961
|
-
"description": "Right-hand meta text (e.g. '32 GB', '4.2k / 10k')"
|
|
1962
|
-
},
|
|
1963
|
-
"variant": {
|
|
1964
|
-
"type": "String",
|
|
1965
|
-
"default": "",
|
|
1966
|
-
"enum": [
|
|
1967
|
-
"success",
|
|
1968
|
-
"warning",
|
|
1969
|
-
"danger"
|
|
1970
|
-
],
|
|
1971
|
-
"description": "Color variant for the progress fill"
|
|
1972
|
-
}
|
|
1973
|
-
},
|
|
1974
|
-
"events": [],
|
|
1975
|
-
"slots": [
|
|
1976
|
-
"label",
|
|
1977
|
-
"meta"
|
|
1978
|
-
]
|
|
1979
|
-
},
|
|
1980
|
-
"Radio": {
|
|
1981
|
-
"tag": "radio-ui",
|
|
1982
|
-
"category": "input",
|
|
1983
|
-
"description": "Radio button with pure CSS dot. Groups by name attribute. Form-associated.",
|
|
1984
|
-
"props": {
|
|
1985
|
-
"name": {
|
|
1986
|
-
"type": "String",
|
|
1987
|
-
"default": "",
|
|
1988
|
-
"description": "Form field name (groups radios)"
|
|
1989
|
-
},
|
|
1990
|
-
"value": {
|
|
1991
|
-
"type": "String",
|
|
1992
|
-
"default": "",
|
|
1993
|
-
"description": "Radio value"
|
|
1994
|
-
},
|
|
1995
|
-
"disabled": {
|
|
1996
|
-
"type": "Boolean",
|
|
1997
|
-
"default": false,
|
|
1998
|
-
"description": "Disables interaction"
|
|
1999
|
-
},
|
|
2000
|
-
"required": {
|
|
2001
|
-
"type": "Boolean",
|
|
2002
|
-
"default": false,
|
|
2003
|
-
"description": "Required for validation"
|
|
2004
|
-
},
|
|
2005
|
-
"error": {
|
|
2006
|
-
"type": "String",
|
|
2007
|
-
"default": "",
|
|
2008
|
-
"description": "Validation error"
|
|
2009
|
-
},
|
|
2010
|
-
"checked": {
|
|
2011
|
-
"type": "Boolean",
|
|
2012
|
-
"default": false,
|
|
2013
|
-
"description": "Selected state"
|
|
2014
|
-
},
|
|
2015
|
-
"label": {
|
|
2016
|
-
"type": "String",
|
|
2017
|
-
"default": "",
|
|
2018
|
-
"description": "Accessible label"
|
|
2019
|
-
}
|
|
2020
|
-
},
|
|
2021
|
-
"events": [
|
|
2022
|
-
"change"
|
|
2023
|
-
],
|
|
2024
|
-
"slots": [
|
|
2025
|
-
"dot"
|
|
2026
|
-
]
|
|
2027
|
-
},
|
|
2028
|
-
"Range": {
|
|
2029
|
-
"tag": "range-ui",
|
|
2030
|
-
"category": "input",
|
|
2031
|
-
"description": "Draggable numeric field \u2014 horizontal drag on the value changes it. No track/thumb, the entire field is the scrubber. Form-associated.",
|
|
2032
|
-
"props": {
|
|
2033
|
-
"name": {
|
|
2034
|
-
"type": "String",
|
|
2035
|
-
"default": "",
|
|
2036
|
-
"description": "Form field name"
|
|
2037
|
-
},
|
|
2038
|
-
"value": {
|
|
2039
|
-
"type": "Number",
|
|
2040
|
-
"default": 0,
|
|
2041
|
-
"description": "Current value"
|
|
2042
|
-
},
|
|
2043
|
-
"disabled": {
|
|
2044
|
-
"type": "Boolean",
|
|
2045
|
-
"default": false,
|
|
2046
|
-
"description": "Disables interaction"
|
|
2047
|
-
},
|
|
2048
|
-
"required": {
|
|
2049
|
-
"type": "Boolean",
|
|
2050
|
-
"default": false,
|
|
2051
|
-
"description": "Required for validation"
|
|
2052
|
-
},
|
|
2053
|
-
"error": {
|
|
2054
|
-
"type": "String",
|
|
2055
|
-
"default": "",
|
|
2056
|
-
"description": "Validation error"
|
|
2057
|
-
},
|
|
2058
|
-
"min": {
|
|
2059
|
-
"type": "Number",
|
|
2060
|
-
"default": 0,
|
|
2061
|
-
"description": "Minimum value"
|
|
2062
|
-
},
|
|
2063
|
-
"max": {
|
|
2064
|
-
"type": "Number",
|
|
2065
|
-
"default": 100,
|
|
2066
|
-
"description": "Maximum value"
|
|
2067
|
-
},
|
|
2068
|
-
"step": {
|
|
2069
|
-
"type": "Number",
|
|
2070
|
-
"default": 1,
|
|
2071
|
-
"description": "Step increment"
|
|
2072
|
-
},
|
|
2073
|
-
"label": {
|
|
2074
|
-
"type": "String",
|
|
2075
|
-
"default": "",
|
|
2076
|
-
"description": "Label text"
|
|
2077
|
-
},
|
|
2078
|
-
"suffix": {
|
|
2079
|
-
"type": "String",
|
|
2080
|
-
"default": "",
|
|
2081
|
-
"description": "Value suffix"
|
|
2082
|
-
}
|
|
2083
|
-
},
|
|
2084
|
-
"events": [
|
|
2085
|
-
"input",
|
|
2086
|
-
"change"
|
|
2087
|
-
],
|
|
2088
|
-
"slots": [
|
|
2089
|
-
"field",
|
|
2090
|
-
"label",
|
|
2091
|
-
"value",
|
|
2092
|
-
"suffix",
|
|
2093
|
-
"layer"
|
|
2094
|
-
]
|
|
2095
|
-
},
|
|
2096
|
-
"Rating": {
|
|
2097
|
-
"tag": "rating-ui",
|
|
2098
|
-
"category": "form",
|
|
2099
|
-
"description": "Pictorial discrete rating (stars by default) with optional half-step precision. Supports keyboard, hover preview, form participation.",
|
|
2100
|
-
"props": {
|
|
2101
|
-
"value": {
|
|
2102
|
-
"type": "Number",
|
|
2103
|
-
"default": 0,
|
|
2104
|
-
"description": "Current rating value (0..max)"
|
|
2105
|
-
},
|
|
2106
|
-
"max": {
|
|
2107
|
-
"type": "Number",
|
|
2108
|
-
"default": 5,
|
|
2109
|
-
"description": "Number of symbols"
|
|
2110
|
-
},
|
|
2111
|
-
"icon": {
|
|
2112
|
-
"type": "String",
|
|
2113
|
-
"default": "star",
|
|
2114
|
-
"description": "Phosphor icon name (star, heart, thumbs-up, etc)"
|
|
2115
|
-
},
|
|
2116
|
-
"readonly": {
|
|
2117
|
-
"type": "Boolean",
|
|
2118
|
-
"default": false,
|
|
2119
|
-
"description": "Display-only, no interaction"
|
|
2120
|
-
},
|
|
2121
|
-
"allowHalf": {
|
|
2122
|
-
"type": "Boolean",
|
|
2123
|
-
"default": false,
|
|
2124
|
-
"description": "Enable 0.5-step precision"
|
|
2125
|
-
},
|
|
2126
|
-
"size": {
|
|
2127
|
-
"type": "String",
|
|
2128
|
-
"default": "md",
|
|
2129
|
-
"enum": [
|
|
2130
|
-
"sm",
|
|
2131
|
-
"md",
|
|
2132
|
-
"lg"
|
|
2133
|
-
],
|
|
2134
|
-
"description": "Symbol size"
|
|
2135
|
-
},
|
|
2136
|
-
"variant": {
|
|
2137
|
-
"type": "String",
|
|
2138
|
-
"default": "default",
|
|
2139
|
-
"enum": [
|
|
2140
|
-
"default",
|
|
2141
|
-
"accent",
|
|
2142
|
-
"warning"
|
|
2143
|
-
],
|
|
2144
|
-
"description": "Color variant for filled symbols"
|
|
2145
|
-
},
|
|
2146
|
-
"name": {
|
|
2147
|
-
"type": "String",
|
|
2148
|
-
"default": "",
|
|
2149
|
-
"description": "Form field name"
|
|
2150
|
-
}
|
|
2151
|
-
},
|
|
2152
|
-
"events": [
|
|
2153
|
-
"change"
|
|
2154
|
-
],
|
|
2155
|
-
"slots": []
|
|
2156
|
-
},
|
|
2157
|
-
"Richtext": {
|
|
2158
|
-
"tag": "richtext-ui",
|
|
2159
|
-
"category": "display",
|
|
2160
|
-
"description": "Renders a markdown string to styled HTML. Use for agent-generated content, docs previews, or any stored markdown body.",
|
|
2161
|
-
"props": {
|
|
2162
|
-
"src": {
|
|
2163
|
-
"type": "String",
|
|
2164
|
-
"default": "",
|
|
2165
|
-
"description": "URL to fetch markdown from"
|
|
2166
|
-
},
|
|
2167
|
-
"markdown": {
|
|
2168
|
-
"type": "String",
|
|
2169
|
-
"default": "",
|
|
2170
|
-
"description": "Inline markdown source"
|
|
2171
|
-
}
|
|
2172
|
-
},
|
|
2173
|
-
"events": [],
|
|
2174
|
-
"slots": [
|
|
2175
|
-
"default"
|
|
2176
|
-
],
|
|
2177
|
-
"children": "(none \u2014 uses markdown prop)",
|
|
2178
|
-
"aliases": [
|
|
2179
|
-
"markdown",
|
|
2180
|
-
"md-render",
|
|
2181
|
-
"rich-text"
|
|
2182
|
-
]
|
|
2183
|
-
},
|
|
2184
|
-
"Row": {
|
|
2185
|
-
"tag": "row-ui",
|
|
2186
|
-
"category": "layout",
|
|
2187
|
-
"description": "Flex row layout primitive.",
|
|
2188
|
-
"props": {
|
|
2189
|
-
"justify": {
|
|
2190
|
-
"type": "String",
|
|
2191
|
-
"default": "start",
|
|
2192
|
-
"description": "Justify content"
|
|
2193
|
-
},
|
|
2194
|
-
"align": {
|
|
2195
|
-
"type": "String",
|
|
2196
|
-
"default": "center",
|
|
2197
|
-
"description": "Align items"
|
|
2198
|
-
},
|
|
2199
|
-
"gap": {
|
|
2200
|
-
"type": "String",
|
|
2201
|
-
"default": "md",
|
|
2202
|
-
"enum": [
|
|
2203
|
-
"xs",
|
|
2204
|
-
"sm",
|
|
2205
|
-
"md",
|
|
2206
|
-
"lg",
|
|
2207
|
-
"xl"
|
|
2208
|
-
],
|
|
2209
|
-
"description": "Gap between children"
|
|
2210
|
-
},
|
|
2211
|
-
"wrap": {
|
|
2212
|
-
"type": "Boolean",
|
|
2213
|
-
"default": false,
|
|
2214
|
-
"description": "Enable flex wrap"
|
|
2215
|
-
},
|
|
2216
|
-
"draggable": {
|
|
2217
|
-
"type": "Boolean",
|
|
2218
|
-
"default": false,
|
|
2219
|
-
"description": "Enables drag handle + cursor:grab. Wires the draggable trait; dispatches drag-end."
|
|
2220
|
-
}
|
|
2221
|
-
},
|
|
2222
|
-
"events": ["drag-end"],
|
|
2223
|
-
"slots": [
|
|
2224
|
-
"default"
|
|
2225
|
-
]
|
|
2226
|
-
},
|
|
2227
|
-
"Search": {
|
|
2228
|
-
"tag": "search-ui",
|
|
2229
|
-
"category": "input",
|
|
2230
|
-
"description": "Search input with magnifying-glass icon, clear button, and debounced search event.",
|
|
2231
|
-
"props": {
|
|
2232
|
-
"name": {
|
|
2233
|
-
"type": "String",
|
|
2234
|
-
"default": "",
|
|
2235
|
-
"description": "Form field name"
|
|
2236
|
-
},
|
|
2237
|
-
"value": {
|
|
2238
|
-
"type": "String",
|
|
2239
|
-
"default": "",
|
|
2240
|
-
"description": "Search query"
|
|
2241
|
-
},
|
|
2242
|
-
"disabled": {
|
|
2243
|
-
"type": "Boolean",
|
|
2244
|
-
"default": false,
|
|
2245
|
-
"description": "Disables interaction"
|
|
2246
|
-
},
|
|
2247
|
-
"placeholder": {
|
|
2248
|
-
"type": "String",
|
|
2249
|
-
"default": "Search...",
|
|
2250
|
-
"description": "Placeholder text"
|
|
2251
|
-
},
|
|
2252
|
-
"debounce": {
|
|
2253
|
-
"type": "Number",
|
|
2254
|
-
"default": 300,
|
|
2255
|
-
"description": "Debounce delay in ms"
|
|
2256
|
-
}
|
|
2257
|
-
},
|
|
2258
|
-
"events": [
|
|
2259
|
-
"input",
|
|
2260
|
-
"search"
|
|
2261
|
-
],
|
|
2262
|
-
"slots": [],
|
|
2263
|
-
"children": "Composes input-ui internally"
|
|
2264
|
-
},
|
|
2265
|
-
"Section": {
|
|
2266
|
-
"tag": "section-ui",
|
|
2267
|
-
"category": "container",
|
|
2268
|
-
"description": "Content section inside a Card. Groups related content between Header and Footer.",
|
|
2269
|
-
"props": {
|
|
2270
|
-
"grow": {
|
|
2271
|
-
"type": "boolean",
|
|
2272
|
-
"default": false,
|
|
2273
|
-
"description": "Expand to fill available space"
|
|
2274
|
-
},
|
|
2275
|
-
"scroll": {
|
|
2276
|
-
"type": "boolean",
|
|
2277
|
-
"default": false,
|
|
2278
|
-
"description": "Enable overflow scrolling"
|
|
2279
|
-
}
|
|
2280
|
-
},
|
|
2281
|
-
"events": [],
|
|
2282
|
-
"slots": [
|
|
2283
|
-
"default"
|
|
2284
|
-
]
|
|
2285
|
-
},
|
|
2286
|
-
"Segment": {
|
|
2287
|
-
"tag": "segment-ui",
|
|
2288
|
-
"category": "navigation",
|
|
2289
|
-
"description": "Individual segment option, child of segmented-ui.",
|
|
2290
|
-
"props": {
|
|
2291
|
-
"value": {
|
|
2292
|
-
"type": "String",
|
|
2293
|
-
"default": "",
|
|
2294
|
-
"description": "Segment value"
|
|
2295
|
-
},
|
|
2296
|
-
"text": {
|
|
2297
|
-
"type": "String",
|
|
2298
|
-
"default": "",
|
|
2299
|
-
"description": "Display text"
|
|
2300
|
-
},
|
|
2301
|
-
"disabled": {
|
|
2302
|
-
"type": "Boolean",
|
|
2303
|
-
"default": false,
|
|
2304
|
-
"description": "Disable this segment"
|
|
2305
|
-
}
|
|
2306
|
-
},
|
|
2307
|
-
"events": [],
|
|
2308
|
-
"slots": []
|
|
2309
|
-
},
|
|
2310
|
-
"SegmentedControl": {
|
|
2311
|
-
"tag": "segmented-ui",
|
|
2312
|
-
"category": "navigation",
|
|
2313
|
-
"description": "Mutually exclusive toggle group with animated indicator pill. Form-associated.",
|
|
2314
|
-
"props": {
|
|
2315
|
-
"name": {
|
|
2316
|
-
"type": "String",
|
|
2317
|
-
"default": "",
|
|
2318
|
-
"description": "Form field name"
|
|
2319
|
-
},
|
|
2320
|
-
"value": {
|
|
2321
|
-
"type": "String",
|
|
2322
|
-
"default": "",
|
|
2323
|
-
"description": "Selected value"
|
|
2324
|
-
},
|
|
2325
|
-
"disabled": {
|
|
2326
|
-
"type": "Boolean",
|
|
2327
|
-
"default": false,
|
|
2328
|
-
"description": "Disables interaction"
|
|
2329
|
-
}
|
|
2330
|
-
},
|
|
2331
|
-
"events": [
|
|
2332
|
-
"change"
|
|
2333
|
-
],
|
|
2334
|
-
"slots": [
|
|
2335
|
-
"default"
|
|
2336
|
-
],
|
|
2337
|
-
"children": "<segment-ui value=\"...\" text=\"...\"></segment-ui>",
|
|
2338
|
-
"aliases": [
|
|
2339
|
-
"Segmented"
|
|
2340
|
-
]
|
|
2341
|
-
},
|
|
2342
|
-
"Select": {
|
|
2343
|
-
"tag": "select-ui",
|
|
2344
|
-
"category": "input",
|
|
2345
|
-
"description": "Alias for ChoicePicker. Dropdown select with options.",
|
|
2346
|
-
"aliasOf": "ChoicePicker",
|
|
2347
|
-
"props": {
|
|
2348
|
-
"name": {
|
|
2349
|
-
"type": "String",
|
|
2350
|
-
"default": "",
|
|
2351
|
-
"description": "Form field name"
|
|
2352
|
-
},
|
|
2353
|
-
"value": {
|
|
2354
|
-
"type": "String",
|
|
2355
|
-
"default": "",
|
|
2356
|
-
"description": "Selected value"
|
|
2357
|
-
},
|
|
2358
|
-
"disabled": {
|
|
2359
|
-
"type": "Boolean",
|
|
2360
|
-
"default": false,
|
|
2361
|
-
"description": "Disables interaction"
|
|
2362
|
-
},
|
|
2363
|
-
"required": {
|
|
2364
|
-
"type": "Boolean",
|
|
2365
|
-
"default": false,
|
|
2366
|
-
"description": "Required for validation"
|
|
2367
|
-
},
|
|
2368
|
-
"readonly": {
|
|
2369
|
-
"type": "Boolean",
|
|
2370
|
-
"default": false,
|
|
2371
|
-
"description": "Read-only state"
|
|
2372
|
-
},
|
|
2373
|
-
"error": {
|
|
2374
|
-
"type": "String",
|
|
2375
|
-
"default": "",
|
|
2376
|
-
"description": "Validation error"
|
|
2377
|
-
},
|
|
2378
|
-
"placeholder": {
|
|
2379
|
-
"type": "String",
|
|
2380
|
-
"default": "Select...",
|
|
2381
|
-
"description": "Placeholder text"
|
|
2382
|
-
},
|
|
2383
|
-
"open": {
|
|
2384
|
-
"type": "Boolean",
|
|
2385
|
-
"default": false,
|
|
2386
|
-
"description": "Popover open state"
|
|
2387
|
-
},
|
|
2388
|
-
"label": {
|
|
2389
|
-
"type": "String",
|
|
2390
|
-
"default": "",
|
|
2391
|
-
"description": "Field label"
|
|
2392
|
-
},
|
|
2393
|
-
"icon": {
|
|
2394
|
-
"type": "String",
|
|
2395
|
-
"default": "",
|
|
2396
|
-
"description": "Leading icon name"
|
|
2397
|
-
},
|
|
2398
|
-
"avatar": {
|
|
2399
|
-
"type": "String",
|
|
2400
|
-
"default": "",
|
|
2401
|
-
"description": "Leading avatar URL"
|
|
2402
|
-
},
|
|
2403
|
-
"multiple": {
|
|
2404
|
-
"type": "Boolean",
|
|
2405
|
-
"default": false,
|
|
2406
|
-
"description": "Allow multi-select"
|
|
2407
|
-
},
|
|
2408
|
-
"searchable": {
|
|
2409
|
-
"type": "Boolean",
|
|
2410
|
-
"default": false,
|
|
2411
|
-
"description": "Enable search filtering"
|
|
2412
|
-
}
|
|
2413
|
-
},
|
|
2414
|
-
"events": [
|
|
2415
|
-
"change"
|
|
2416
|
-
],
|
|
2417
|
-
"slots": [
|
|
2418
|
-
"trigger",
|
|
2419
|
-
"display",
|
|
2420
|
-
"listbox",
|
|
2421
|
-
"caret"
|
|
2422
|
-
]
|
|
2423
|
-
},
|
|
2424
|
-
"Skeleton": {
|
|
2425
|
-
"tag": "skeleton-ui",
|
|
2426
|
-
"category": "display",
|
|
2427
|
-
"description": "Placeholder shimmer for loading states. Purely presentational.",
|
|
2428
|
-
"props": {
|
|
2429
|
-
"width": {
|
|
2430
|
-
"type": "String",
|
|
2431
|
-
"default": "100%",
|
|
2432
|
-
"description": "Element width"
|
|
2433
|
-
},
|
|
2434
|
-
"height": {
|
|
2435
|
-
"type": "String",
|
|
2436
|
-
"default": "1.2em",
|
|
2437
|
-
"description": "Element height"
|
|
2438
|
-
},
|
|
2439
|
-
"radius": {
|
|
2440
|
-
"type": "String",
|
|
2441
|
-
"default": "sm",
|
|
2442
|
-
"enum": [
|
|
2443
|
-
"none",
|
|
2444
|
-
"sm",
|
|
2445
|
-
"md",
|
|
2446
|
-
"lg",
|
|
2447
|
-
"full"
|
|
2448
|
-
],
|
|
2449
|
-
"description": "Border radius"
|
|
2450
|
-
},
|
|
2451
|
-
"static": {
|
|
2452
|
-
"type": "Boolean",
|
|
2453
|
-
"default": false,
|
|
2454
|
-
"description": "When true, suppress the shimmer animation"
|
|
2455
|
-
}
|
|
2456
|
-
},
|
|
2457
|
-
"events": [],
|
|
2458
|
-
"slots": []
|
|
2459
|
-
},
|
|
2460
|
-
"Slider": {
|
|
2461
|
-
"tag": "slider-ui",
|
|
2462
|
-
"category": "input",
|
|
2463
|
-
"description": "Range slider with track, fill, and thumb. Supports label, suffix, and keyboard control. Form-associated.",
|
|
2464
|
-
"props": {
|
|
2465
|
-
"name": {
|
|
2466
|
-
"type": "String",
|
|
2467
|
-
"default": "",
|
|
2468
|
-
"description": "Form field name"
|
|
2469
|
-
},
|
|
2470
|
-
"value": {
|
|
2471
|
-
"type": "Number",
|
|
2472
|
-
"default": 50,
|
|
2473
|
-
"description": "Current value"
|
|
2474
|
-
},
|
|
2475
|
-
"disabled": {
|
|
2476
|
-
"type": "Boolean",
|
|
2477
|
-
"default": false,
|
|
2478
|
-
"description": "Disables interaction"
|
|
2479
|
-
},
|
|
2480
|
-
"required": {
|
|
2481
|
-
"type": "Boolean",
|
|
2482
|
-
"default": false,
|
|
2483
|
-
"description": "Required for validation"
|
|
2484
|
-
},
|
|
2485
|
-
"error": {
|
|
2486
|
-
"type": "String",
|
|
2487
|
-
"default": "",
|
|
2488
|
-
"description": "Validation error"
|
|
2489
|
-
},
|
|
2490
|
-
"min": {
|
|
2491
|
-
"type": "Number",
|
|
2492
|
-
"default": 0,
|
|
2493
|
-
"description": "Minimum value"
|
|
2494
|
-
},
|
|
2495
|
-
"max": {
|
|
2496
|
-
"type": "Number",
|
|
2497
|
-
"default": 100,
|
|
2498
|
-
"description": "Maximum value"
|
|
2499
|
-
},
|
|
2500
|
-
"step": {
|
|
2501
|
-
"type": "Number",
|
|
2502
|
-
"default": 1,
|
|
2503
|
-
"description": "Step increment"
|
|
2504
|
-
},
|
|
2505
|
-
"label": {
|
|
2506
|
-
"type": "String",
|
|
2507
|
-
"default": "",
|
|
2508
|
-
"description": "Slider label"
|
|
2509
|
-
},
|
|
2510
|
-
"suffix": {
|
|
2511
|
-
"type": "String",
|
|
2512
|
-
"default": "",
|
|
2513
|
-
"description": "Value suffix text"
|
|
2514
|
-
}
|
|
2515
|
-
},
|
|
2516
|
-
"events": [
|
|
2517
|
-
"input",
|
|
2518
|
-
"change"
|
|
2519
|
-
],
|
|
2520
|
-
"slots": [
|
|
2521
|
-
"header",
|
|
2522
|
-
"label",
|
|
2523
|
-
"readout",
|
|
2524
|
-
"value",
|
|
2525
|
-
"suffix",
|
|
2526
|
-
"track",
|
|
2527
|
-
"fill",
|
|
2528
|
-
"thumb"
|
|
2529
|
-
]
|
|
2530
|
-
},
|
|
2531
|
-
"Stack": {
|
|
2532
|
-
"tag": "stack-ui",
|
|
2533
|
-
"category": "layout",
|
|
2534
|
-
"description": "Grid overlay layout \u2014 children stack on top of each other.",
|
|
2535
|
-
"props": {
|
|
2536
|
-
"align": {
|
|
2537
|
-
"type": "String",
|
|
2538
|
-
"default": "center",
|
|
2539
|
-
"description": "Alignment of stacked items"
|
|
2540
|
-
}
|
|
2541
|
-
},
|
|
2542
|
-
"events": [],
|
|
2543
|
-
"slots": [
|
|
2544
|
-
"default"
|
|
2545
|
-
]
|
|
2546
|
-
},
|
|
2547
|
-
"Stat": {
|
|
2548
|
-
"tag": "stat-ui",
|
|
2549
|
-
"category": "display",
|
|
2550
|
-
"description": "Metric/KPI display \u2014 value + label + optional change indicator and trend.",
|
|
2551
|
-
"props": {
|
|
2552
|
-
"value": {
|
|
2553
|
-
"type": "String",
|
|
2554
|
-
"default": "",
|
|
2555
|
-
"description": "Main metric value"
|
|
2556
|
-
},
|
|
2557
|
-
"label": {
|
|
2558
|
-
"type": "String",
|
|
2559
|
-
"default": "",
|
|
2560
|
-
"description": "Metric label"
|
|
2561
|
-
},
|
|
2562
|
-
"change": {
|
|
2563
|
-
"type": "String",
|
|
2564
|
-
"default": "",
|
|
2565
|
-
"description": "Change text (e.g. +12%)"
|
|
2566
|
-
},
|
|
2567
|
-
"trend": {
|
|
2568
|
-
"type": "String",
|
|
2569
|
-
"default": "",
|
|
2570
|
-
"enum": [
|
|
2571
|
-
"up",
|
|
2572
|
-
"down",
|
|
2573
|
-
"neutral"
|
|
2574
|
-
],
|
|
2575
|
-
"description": "Trend direction"
|
|
2576
|
-
},
|
|
2577
|
-
"icon": {
|
|
2578
|
-
"type": "String",
|
|
2579
|
-
"default": "",
|
|
2580
|
-
"description": "Icon name"
|
|
2581
|
-
}
|
|
2582
|
-
},
|
|
2583
|
-
"events": [],
|
|
2584
|
-
"slots": [
|
|
2585
|
-
"value",
|
|
2586
|
-
"label",
|
|
2587
|
-
"change",
|
|
2588
|
-
"icon"
|
|
2589
|
-
]
|
|
2590
|
-
},
|
|
2591
|
-
"Stream": {
|
|
2592
|
-
"tag": "stream-ui",
|
|
2593
|
-
"category": "agent",
|
|
2594
|
-
"description": "Renders an AsyncIterable<string> as streaming text. Used for LLM output and real-time logs.",
|
|
2595
|
-
"props": {
|
|
2596
|
-
"pace": {
|
|
2597
|
-
"type": "Number",
|
|
2598
|
-
"default": 0,
|
|
2599
|
-
"description": "Ms between character renders (0 = real-time)"
|
|
2600
|
-
},
|
|
2601
|
-
"hide-cursor": {
|
|
2602
|
-
"type": "Boolean",
|
|
2603
|
-
"default": false,
|
|
2604
|
-
"description": "When true, suppress the blinking cursor during streaming"
|
|
2605
|
-
},
|
|
2606
|
-
"streaming": {
|
|
2607
|
-
"type": "Boolean",
|
|
2608
|
-
"default": false,
|
|
2609
|
-
"description": "Read-only streaming state"
|
|
2610
|
-
}
|
|
2611
|
-
},
|
|
2612
|
-
"events": [
|
|
2613
|
-
"stream-start",
|
|
2614
|
-
"stream-end",
|
|
2615
|
-
"stream-error"
|
|
2616
|
-
],
|
|
2617
|
-
"jsApi": {
|
|
2618
|
-
"tokens": "AsyncIterable<string> \u2014 the stream source"
|
|
2619
|
-
}
|
|
2620
|
-
},
|
|
2621
|
-
"Swiper": {
|
|
2622
|
-
"tag": "swiper-ui",
|
|
2623
|
-
"category": "agent",
|
|
2624
|
-
"description": "CSS-first carousel with scroll-snap. Supports autoplay, loop, peek, and native scroll markers.",
|
|
2625
|
-
"props": {
|
|
2626
|
-
"autoplay": {
|
|
2627
|
-
"type": "Boolean",
|
|
2628
|
-
"default": false,
|
|
2629
|
-
"description": "Enable auto-advance"
|
|
2630
|
-
},
|
|
2631
|
-
"interval": {
|
|
2632
|
-
"type": "Number",
|
|
2633
|
-
"default": 5000,
|
|
2634
|
-
"description": "Autoplay interval in ms"
|
|
2635
|
-
},
|
|
2636
|
-
"no-pause-on-hover": {
|
|
2637
|
-
"type": "Boolean",
|
|
2638
|
-
"default": false,
|
|
2639
|
-
"description": "When true, keep autoplay running while pointer is over the swiper (default: pauses on hover/focus)"
|
|
2640
|
-
},
|
|
2641
|
-
"loop": {
|
|
2642
|
-
"type": "Boolean",
|
|
2643
|
-
"default": false,
|
|
2644
|
-
"description": "Infinite loop"
|
|
2645
|
-
},
|
|
2646
|
-
"peek": {
|
|
2647
|
-
"type": "Boolean",
|
|
2648
|
-
"default": false,
|
|
2649
|
-
"description": "Show peek of adjacent slides"
|
|
2650
|
-
},
|
|
2651
|
-
"snap": {
|
|
2652
|
-
"type": "String",
|
|
2653
|
-
"default": "start",
|
|
2654
|
-
"description": "Scroll snap alignment"
|
|
2655
|
-
},
|
|
2656
|
-
"gap": {
|
|
2657
|
-
"type": "String",
|
|
2658
|
-
"default": "",
|
|
2659
|
-
"description": "Gap between slides"
|
|
2660
|
-
},
|
|
2661
|
-
"slides-per-view": {
|
|
2662
|
-
"type": "String",
|
|
2663
|
-
"default": "",
|
|
2664
|
-
"description": "Number of visible slides"
|
|
2665
|
-
}
|
|
2666
|
-
},
|
|
2667
|
-
"events": [
|
|
2668
|
-
"change",
|
|
2669
|
-
"autoplay-pause",
|
|
2670
|
-
"autoplay-resume"
|
|
2671
|
-
],
|
|
2672
|
-
"slots": [
|
|
2673
|
-
"default (slide children)"
|
|
2674
|
-
],
|
|
2675
|
-
"aliases": [
|
|
2676
|
-
"Slideshow",
|
|
2677
|
-
"Carousel"
|
|
2678
|
-
]
|
|
2679
|
-
},
|
|
2680
|
-
"Tab": {
|
|
2681
|
-
"tag": "tab-ui",
|
|
2682
|
-
"category": "container",
|
|
2683
|
-
"description": "Single tab panel, child of tabs-ui. Button rendered by parent.",
|
|
2684
|
-
"props": {
|
|
2685
|
-
"text": {
|
|
2686
|
-
"type": "String",
|
|
2687
|
-
"default": "",
|
|
2688
|
-
"description": "Tab label"
|
|
2689
|
-
},
|
|
2690
|
-
"value": {
|
|
2691
|
-
"type": "String",
|
|
2692
|
-
"default": "",
|
|
2693
|
-
"description": "Tab identifier"
|
|
2694
|
-
},
|
|
2695
|
-
"icon": {
|
|
2696
|
-
"type": "String",
|
|
2697
|
-
"default": "",
|
|
2698
|
-
"description": "Tab icon name"
|
|
2699
|
-
},
|
|
2700
|
-
"disabled": {
|
|
2701
|
-
"type": "Boolean",
|
|
2702
|
-
"default": false,
|
|
2703
|
-
"description": "Disable this tab"
|
|
2704
|
-
}
|
|
2705
|
-
},
|
|
2706
|
-
"events": [],
|
|
2707
|
-
"slots": [
|
|
2708
|
-
"default (tab panel content)"
|
|
2709
|
-
]
|
|
2710
|
-
},
|
|
2711
|
-
"Table": {
|
|
2712
|
-
"tag": "table-ui",
|
|
2713
|
-
"category": "agent",
|
|
2714
|
-
"description": "Data table with sorting, selection, pagination, search, column resize, keyboard nav, cell types, and CSV export. CSS grid + ARIA grid roles.",
|
|
2715
|
-
"props": {
|
|
2716
|
-
"sortable": {
|
|
2717
|
-
"type": "Boolean",
|
|
2718
|
-
"default": false,
|
|
2719
|
-
"description": "Enable column sorting"
|
|
2720
|
-
},
|
|
2721
|
-
"selectable": {
|
|
2722
|
-
"type": "Boolean",
|
|
2723
|
-
"default": false,
|
|
2724
|
-
"description": "Enable row selection checkboxes"
|
|
2725
|
-
},
|
|
2726
|
-
"expandable": {
|
|
2727
|
-
"type": "Boolean",
|
|
2728
|
-
"default": false,
|
|
2729
|
-
"description": "Enable row expansion"
|
|
2730
|
-
},
|
|
2731
|
-
"striped": {
|
|
2732
|
-
"type": "Boolean",
|
|
2733
|
-
"default": false,
|
|
2734
|
-
"description": "Alternating row backgrounds"
|
|
2735
|
-
},
|
|
2736
|
-
"raw": {
|
|
2737
|
-
"type": "Boolean",
|
|
2738
|
-
"default": false,
|
|
2739
|
-
"description": "Raw mode"
|
|
2740
|
-
},
|
|
2741
|
-
"density": {
|
|
2742
|
-
"type": "String",
|
|
2743
|
-
"default": "standard",
|
|
2744
|
-
"enum": [
|
|
2745
|
-
"compact",
|
|
2746
|
-
"standard",
|
|
2747
|
-
"comfortable"
|
|
2748
|
-
],
|
|
2749
|
-
"description": "Row density"
|
|
2750
|
-
},
|
|
2751
|
-
"paginate": {
|
|
2752
|
-
"type": "Number",
|
|
2753
|
-
"default": 0,
|
|
2754
|
-
"description": "Rows per page (0 = no pagination)"
|
|
2755
|
-
},
|
|
2756
|
-
"loading": {
|
|
2757
|
-
"type": "Boolean",
|
|
2758
|
-
"default": false,
|
|
2759
|
-
"description": "Show loading overlay"
|
|
2760
|
-
},
|
|
2761
|
-
"search": {
|
|
2762
|
-
"type": "String",
|
|
2763
|
-
"default": "",
|
|
2764
|
-
"description": "Global search filter"
|
|
2765
|
-
}
|
|
2766
|
-
},
|
|
2767
|
-
"events": [
|
|
2768
|
-
"sort",
|
|
2769
|
-
"select",
|
|
2770
|
-
"page",
|
|
2771
|
-
"resize",
|
|
2772
|
-
"cell-click"
|
|
2773
|
-
],
|
|
2774
|
-
"slots": [],
|
|
2775
|
-
"jsApi": {
|
|
2776
|
-
"columns": "Array of column definitions",
|
|
2777
|
-
"data": "Array of row objects",
|
|
2778
|
-
"selected": "Read-only selected indices",
|
|
2779
|
-
"sortState": "Read-only sort state",
|
|
2780
|
-
"exportCSV": "Export data as CSV"
|
|
2781
|
-
},
|
|
2782
|
-
"children": "<col-def key=\"...\" label=\"...\" type=\"...\" width=\"...\" sortable>"
|
|
2783
|
-
},
|
|
2784
|
-
"Tabs": {
|
|
2785
|
-
"tag": "tabs-ui",
|
|
2786
|
-
"category": "container",
|
|
2787
|
-
"description": "Tabbed panel switcher. Renders button strip from child tab-ui elements.",
|
|
2788
|
-
"props": {
|
|
2789
|
-
"value": {
|
|
2790
|
-
"type": "String",
|
|
2791
|
-
"default": "",
|
|
2792
|
-
"description": "Active tab value"
|
|
2793
|
-
},
|
|
2794
|
-
"orientation": {
|
|
2795
|
-
"type": "String",
|
|
2796
|
-
"default": "",
|
|
2797
|
-
"description": "Orientation"
|
|
2798
|
-
}
|
|
2799
|
-
},
|
|
2800
|
-
"events": [
|
|
2801
|
-
"change"
|
|
2802
|
-
],
|
|
2803
|
-
"slots": [
|
|
2804
|
-
"strip (auto-generated)",
|
|
2805
|
-
"tab-button (auto-generated)"
|
|
2806
|
-
],
|
|
2807
|
-
"children": "<tab-ui value=\"...\" text=\"...\">Content</tab-ui>"
|
|
2808
|
-
},
|
|
2809
|
-
"Tag": {
|
|
2810
|
-
"tag": "tag-ui",
|
|
2811
|
-
"category": "display",
|
|
2812
|
-
"description": "Inline tag/chip with optional dismiss button.",
|
|
2813
|
-
"props": {
|
|
2814
|
-
"text": {
|
|
2815
|
-
"type": "String",
|
|
2816
|
-
"default": "",
|
|
2817
|
-
"description": "Tag text"
|
|
2818
|
-
},
|
|
2819
|
-
"variant": {
|
|
2820
|
-
"type": "String",
|
|
2821
|
-
"default": "default",
|
|
2822
|
-
"enum": [
|
|
2823
|
-
"default",
|
|
2824
|
-
"info",
|
|
2825
|
-
"success",
|
|
2826
|
-
"warning",
|
|
2827
|
-
"error"
|
|
2828
|
-
],
|
|
2829
|
-
"description": "Color variant"
|
|
2830
|
-
},
|
|
2831
|
-
"size": {
|
|
2832
|
-
"type": "String",
|
|
2833
|
-
"default": "md",
|
|
2834
|
-
"enum": [
|
|
2835
|
-
"sm",
|
|
2836
|
-
"md"
|
|
2837
|
-
],
|
|
2838
|
-
"description": "Tag size"
|
|
2839
|
-
},
|
|
2840
|
-
"removable": {
|
|
2841
|
-
"type": "Boolean",
|
|
2842
|
-
"default": false,
|
|
2843
|
-
"description": "Show dismiss button"
|
|
2844
|
-
},
|
|
2845
|
-
"disabled": {
|
|
2846
|
-
"type": "Boolean",
|
|
2847
|
-
"default": false,
|
|
2848
|
-
"description": "Disables interaction"
|
|
2849
|
-
}
|
|
2850
|
-
},
|
|
2851
|
-
"events": [
|
|
2852
|
-
"remove"
|
|
2853
|
-
],
|
|
2854
|
-
"slots": [
|
|
2855
|
-
"dismiss"
|
|
2856
|
-
]
|
|
2857
|
-
},
|
|
2858
|
-
"Text": {
|
|
2859
|
-
"tag": "text-ui",
|
|
2860
|
-
"category": "display",
|
|
2861
|
-
"description": "Typography wrapper that applies role tokens. Supports truncation and line clamping.",
|
|
2862
|
-
"props": {
|
|
2863
|
-
"variant": {
|
|
2864
|
-
"type": "String",
|
|
2865
|
-
"default": "body",
|
|
2866
|
-
"enum": [
|
|
2867
|
-
"body",
|
|
2868
|
-
"heading",
|
|
2869
|
-
"title",
|
|
2870
|
-
"display",
|
|
2871
|
-
"caption",
|
|
2872
|
-
"label",
|
|
2873
|
-
"kicker",
|
|
2874
|
-
"code",
|
|
2875
|
-
"h1",
|
|
2876
|
-
"h2",
|
|
2877
|
-
"h3",
|
|
2878
|
-
"h4",
|
|
2879
|
-
"h5",
|
|
2880
|
-
"h6"
|
|
2881
|
-
],
|
|
2882
|
-
"description": "Typography variant"
|
|
2883
|
-
},
|
|
2884
|
-
"truncate": {
|
|
2885
|
-
"type": "Boolean",
|
|
2886
|
-
"default": false,
|
|
2887
|
-
"description": "Single-line truncation with ellipsis"
|
|
2888
|
-
},
|
|
2889
|
-
"lines": {
|
|
2890
|
-
"type": "Number",
|
|
2891
|
-
"default": 0,
|
|
2892
|
-
"description": "Multi-line clamp count (0 = no clamp)"
|
|
2893
|
-
}
|
|
2894
|
-
},
|
|
2895
|
-
"events": [],
|
|
2896
|
-
"slots": [
|
|
2897
|
-
"default (text content)"
|
|
2898
|
-
]
|
|
2899
|
-
},
|
|
2900
|
-
"TextArea": {
|
|
2901
|
-
"tag": "textarea-ui",
|
|
2902
|
-
"category": "input",
|
|
2903
|
-
"description": "Multiline text input using contenteditable. Form-associated.",
|
|
2904
|
-
"props": {
|
|
2905
|
-
"name": {
|
|
2906
|
-
"type": "String",
|
|
2907
|
-
"default": "",
|
|
2908
|
-
"description": "Form field name"
|
|
2909
|
-
},
|
|
2910
|
-
"value": {
|
|
2911
|
-
"type": "String",
|
|
2912
|
-
"default": "",
|
|
2913
|
-
"description": "Current value"
|
|
2914
|
-
},
|
|
2915
|
-
"disabled": {
|
|
2916
|
-
"type": "Boolean",
|
|
2917
|
-
"default": false,
|
|
2918
|
-
"description": "Disables interaction"
|
|
2919
|
-
},
|
|
2920
|
-
"required": {
|
|
2921
|
-
"type": "Boolean",
|
|
2922
|
-
"default": false,
|
|
2923
|
-
"description": "Required for validation"
|
|
2924
|
-
},
|
|
2925
|
-
"readonly": {
|
|
2926
|
-
"type": "Boolean",
|
|
2927
|
-
"default": false,
|
|
2928
|
-
"description": "Read-only state"
|
|
2929
|
-
},
|
|
2930
|
-
"error": {
|
|
2931
|
-
"type": "String",
|
|
2932
|
-
"default": "",
|
|
2933
|
-
"description": "Validation error message"
|
|
2934
|
-
},
|
|
2935
|
-
"pattern": {
|
|
2936
|
-
"type": "String",
|
|
2937
|
-
"default": "",
|
|
2938
|
-
"description": "Regex pattern"
|
|
2939
|
-
},
|
|
2940
|
-
"minlength": {
|
|
2941
|
-
"type": "Number",
|
|
2942
|
-
"default": null,
|
|
2943
|
-
"description": "Min character length"
|
|
2944
|
-
},
|
|
2945
|
-
"maxlength": {
|
|
2946
|
-
"type": "Number",
|
|
2947
|
-
"default": null,
|
|
2948
|
-
"description": "Max character length"
|
|
2949
|
-
},
|
|
2950
|
-
"placeholder": {
|
|
2951
|
-
"type": "String",
|
|
2952
|
-
"default": "",
|
|
2953
|
-
"description": "Placeholder text"
|
|
2954
|
-
},
|
|
2955
|
-
"label": {
|
|
2956
|
-
"type": "String",
|
|
2957
|
-
"default": "",
|
|
2958
|
-
"description": "Field label"
|
|
2959
|
-
},
|
|
2960
|
-
"rows": {
|
|
2961
|
-
"type": "Number",
|
|
2962
|
-
"default": 3,
|
|
2963
|
-
"description": "Visible row count"
|
|
2964
|
-
},
|
|
2965
|
-
"resize": {
|
|
2966
|
-
"type": "String",
|
|
2967
|
-
"default": "vertical",
|
|
2968
|
-
"enum": [
|
|
2969
|
-
"vertical",
|
|
2970
|
-
"horizontal",
|
|
2971
|
-
"both",
|
|
2972
|
-
"none"
|
|
2973
|
-
],
|
|
2974
|
-
"description": "Resize direction"
|
|
2975
|
-
}
|
|
2976
|
-
},
|
|
2977
|
-
"events": [
|
|
2978
|
-
"input",
|
|
2979
|
-
"submit",
|
|
2980
|
-
"change"
|
|
2981
|
-
],
|
|
2982
|
-
"slots": [
|
|
2983
|
-
"label",
|
|
2984
|
-
"text"
|
|
2985
|
-
]
|
|
2986
|
-
},
|
|
2987
|
-
"Timeline": {
|
|
2988
|
-
"tag": "timeline-ui",
|
|
2989
|
-
"category": "display",
|
|
2990
|
-
"description": "Timeline and step wizard. Two modes: timeline (per-item state) and steps (parent-driven).",
|
|
2991
|
-
"props": {
|
|
2992
|
-
"orientation": {
|
|
2993
|
-
"type": "String",
|
|
2994
|
-
"default": "vertical",
|
|
2995
|
-
"enum": [
|
|
2996
|
-
"vertical",
|
|
2997
|
-
"horizontal"
|
|
2998
|
-
],
|
|
2999
|
-
"description": "Layout direction"
|
|
3000
|
-
},
|
|
3001
|
-
"mode": {
|
|
3002
|
-
"type": "String",
|
|
3003
|
-
"default": "timeline",
|
|
3004
|
-
"enum": [
|
|
3005
|
-
"timeline",
|
|
3006
|
-
"steps"
|
|
3007
|
-
],
|
|
3008
|
-
"description": "Display mode"
|
|
3009
|
-
},
|
|
3010
|
-
"step": {
|
|
3011
|
-
"type": "Number",
|
|
3012
|
-
"default": 0,
|
|
3013
|
-
"description": "Current step index (steps mode)"
|
|
3014
|
-
}
|
|
3015
|
-
},
|
|
3016
|
-
"events": [],
|
|
3017
|
-
"slots": [
|
|
3018
|
-
"default"
|
|
3019
|
-
],
|
|
3020
|
-
"children": "<timeline-item-ui text=\"...\" time=\"...\" variant=\"...\" status=\"completed\"></timeline-item-ui>"
|
|
3021
|
-
},
|
|
3022
|
-
"Toast": {
|
|
3023
|
-
"tag": "toast-ui",
|
|
3024
|
-
"category": "container",
|
|
3025
|
-
"description": "Notification popup with auto-dismiss. Animated enter/exit.",
|
|
3026
|
-
"props": {
|
|
3027
|
-
"text": {
|
|
3028
|
-
"type": "String",
|
|
3029
|
-
"default": "",
|
|
3030
|
-
"description": "Toast message"
|
|
3031
|
-
},
|
|
3032
|
-
"variant": {
|
|
3033
|
-
"type": "String",
|
|
3034
|
-
"default": "info",
|
|
3035
|
-
"enum": [
|
|
3036
|
-
"info",
|
|
3037
|
-
"success",
|
|
3038
|
-
"warning",
|
|
3039
|
-
"error"
|
|
3040
|
-
],
|
|
3041
|
-
"description": "Color variant"
|
|
3042
|
-
},
|
|
3043
|
-
"duration": {
|
|
3044
|
-
"type": "Number",
|
|
3045
|
-
"default": 4000,
|
|
3046
|
-
"description": "Auto-dismiss in ms (0 = no auto)"
|
|
3047
|
-
},
|
|
3048
|
-
"position": {
|
|
3049
|
-
"type": "String",
|
|
3050
|
-
"default": "bottom-right",
|
|
3051
|
-
"enum": [
|
|
3052
|
-
"top-left",
|
|
3053
|
-
"top-center",
|
|
3054
|
-
"top-right",
|
|
3055
|
-
"bottom-left",
|
|
3056
|
-
"bottom-center",
|
|
3057
|
-
"bottom-right"
|
|
3058
|
-
],
|
|
3059
|
-
"description": "Screen position"
|
|
3060
|
-
}
|
|
3061
|
-
},
|
|
3062
|
-
"events": [
|
|
3063
|
-
"close"
|
|
3064
|
-
],
|
|
3065
|
-
"slots": [
|
|
3066
|
-
"message",
|
|
3067
|
-
"close"
|
|
3068
|
-
],
|
|
3069
|
-
"methods": [
|
|
3070
|
-
"dismiss()"
|
|
3071
|
-
]
|
|
3072
|
-
},
|
|
3073
|
-
"Toggle": {
|
|
3074
|
-
"tag": "switch-ui",
|
|
3075
|
-
"category": "input",
|
|
3076
|
-
"description": "Toggle switch with pure CSS track and thumb. Form-associated.",
|
|
3077
|
-
"props": {
|
|
3078
|
-
"name": {
|
|
3079
|
-
"type": "String",
|
|
3080
|
-
"default": "",
|
|
3081
|
-
"description": "Form field name"
|
|
3082
|
-
},
|
|
3083
|
-
"value": {
|
|
3084
|
-
"type": "String",
|
|
3085
|
-
"default": "",
|
|
3086
|
-
"description": "Form value when checked"
|
|
3087
|
-
},
|
|
3088
|
-
"disabled": {
|
|
3089
|
-
"type": "Boolean",
|
|
3090
|
-
"default": false,
|
|
3091
|
-
"description": "Disables interaction"
|
|
3092
|
-
},
|
|
3093
|
-
"required": {
|
|
3094
|
-
"type": "Boolean",
|
|
3095
|
-
"default": false,
|
|
3096
|
-
"description": "Required for validation"
|
|
3097
|
-
},
|
|
3098
|
-
"error": {
|
|
3099
|
-
"type": "String",
|
|
3100
|
-
"default": "",
|
|
3101
|
-
"description": "Validation error"
|
|
3102
|
-
},
|
|
3103
|
-
"checked": {
|
|
3104
|
-
"type": "Boolean",
|
|
3105
|
-
"default": false,
|
|
3106
|
-
"description": "Checked state"
|
|
3107
|
-
},
|
|
3108
|
-
"label": {
|
|
3109
|
-
"type": "String",
|
|
3110
|
-
"default": "",
|
|
3111
|
-
"description": "Accessible label"
|
|
3112
|
-
},
|
|
3113
|
-
"size": {
|
|
3114
|
-
"type": "String",
|
|
3115
|
-
"default": "",
|
|
3116
|
-
"description": "Size variant"
|
|
3117
|
-
}
|
|
3118
|
-
},
|
|
3119
|
-
"events": [
|
|
3120
|
-
"change"
|
|
3121
|
-
],
|
|
3122
|
-
"slots": [
|
|
3123
|
-
"track",
|
|
3124
|
-
"thumb",
|
|
3125
|
-
"label"
|
|
3126
|
-
],
|
|
3127
|
-
"aliases": [
|
|
3128
|
-
"Switch"
|
|
3129
|
-
]
|
|
3130
|
-
},
|
|
3131
|
-
"ToggleGroup": {
|
|
3132
|
-
"tag": "toggle-group-ui",
|
|
3133
|
-
"category": "navigation",
|
|
3134
|
-
"description": "Multi-select button group (unlike segmented which is single-select).",
|
|
3135
|
-
"props": {
|
|
3136
|
-
"value": {
|
|
3137
|
-
"type": "String",
|
|
3138
|
-
"default": "",
|
|
3139
|
-
"description": "Comma-separated selected values"
|
|
3140
|
-
},
|
|
3141
|
-
"single": {
|
|
3142
|
-
"type": "Boolean",
|
|
3143
|
-
"default": false,
|
|
3144
|
-
"description": "When true, restrict to one active option (single-select)"
|
|
3145
|
-
}
|
|
3146
|
-
},
|
|
3147
|
-
"events": [
|
|
3148
|
-
"change"
|
|
3149
|
-
],
|
|
3150
|
-
"slots": [
|
|
3151
|
-
"default"
|
|
3152
|
-
],
|
|
3153
|
-
"children": "<toggle-option-ui value=\"...\" text=\"...\" icon=\"...\"></toggle-option-ui>"
|
|
3154
|
-
},
|
|
3155
|
-
"Toolbar": {
|
|
3156
|
-
"tag": "toolbar-ui",
|
|
3157
|
-
"category": "layout",
|
|
3158
|
-
"description": "Horizontal action bar with automatic overflow. Items that don't fit move to a spillover popover menu.",
|
|
3159
|
-
"props": {
|
|
3160
|
-
"gap": {
|
|
3161
|
-
"type": "String",
|
|
3162
|
-
"default": "sm",
|
|
3163
|
-
"description": "Gap between items"
|
|
3164
|
-
},
|
|
3165
|
-
"align": {
|
|
3166
|
-
"type": "String",
|
|
3167
|
-
"default": "start",
|
|
3168
|
-
"description": "Item alignment"
|
|
3169
|
-
},
|
|
3170
|
-
"overflow": {
|
|
3171
|
-
"type": "String",
|
|
3172
|
-
"default": "menu",
|
|
3173
|
-
"enum": [
|
|
3174
|
-
"menu",
|
|
3175
|
-
"none"
|
|
3176
|
-
],
|
|
3177
|
-
"description": "Overflow behavior"
|
|
3178
|
-
}
|
|
3179
|
-
},
|
|
3180
|
-
"events": [],
|
|
3181
|
-
"slots": [
|
|
3182
|
-
"default"
|
|
3183
|
-
],
|
|
3184
|
-
"children": "<toolbar-group-ui>, <button-ui>, <divider-ui vertical>"
|
|
3185
|
-
},
|
|
3186
|
-
"Tooltip": {
|
|
3187
|
-
"tag": "tooltip-ui",
|
|
3188
|
-
"category": "container",
|
|
3189
|
-
"description": "Tooltip popup on hover/focus. Uses Popover API for top-layer rendering.",
|
|
3190
|
-
"props": {
|
|
3191
|
-
"text": {
|
|
3192
|
-
"type": "String",
|
|
3193
|
-
"default": "",
|
|
3194
|
-
"description": "Tooltip text"
|
|
3195
|
-
},
|
|
3196
|
-
"placement": {
|
|
3197
|
-
"type": "String",
|
|
3198
|
-
"default": "top",
|
|
3199
|
-
"enum": [
|
|
3200
|
-
"top",
|
|
3201
|
-
"bottom",
|
|
3202
|
-
"left",
|
|
3203
|
-
"right"
|
|
3204
|
-
],
|
|
3205
|
-
"description": "Placement"
|
|
3206
|
-
},
|
|
3207
|
-
"delay": {
|
|
3208
|
-
"type": "Number",
|
|
3209
|
-
"default": 400,
|
|
3210
|
-
"description": "Show delay in ms"
|
|
3211
|
-
}
|
|
3212
|
-
},
|
|
3213
|
-
"events": [],
|
|
3214
|
-
"slots": [
|
|
3215
|
-
"default (trigger element)"
|
|
3216
|
-
]
|
|
3217
|
-
},
|
|
3218
|
-
"Tree": {
|
|
3219
|
-
"tag": "tree-ui",
|
|
3220
|
-
"category": "data",
|
|
3221
|
-
"description": "Collapsible tree container with keyboard navigation (arrow keys, Enter/Space). Manages selection across nested tree-item-ns.",
|
|
3222
|
-
"props": {},
|
|
3223
|
-
"events": [
|
|
3224
|
-
"tree-select"
|
|
3225
|
-
],
|
|
3226
|
-
"slots": [
|
|
3227
|
-
"default (tree-item-ui children)"
|
|
3228
|
-
]
|
|
3229
|
-
},
|
|
3230
|
-
"TreeItem": {
|
|
3231
|
-
"tag": "tree-item-ui",
|
|
3232
|
-
"category": "data",
|
|
3233
|
-
"description": "A single node in a tree-ui. Supports nesting, collapse/expand, icon, and selection.",
|
|
3234
|
-
"props": {
|
|
3235
|
-
"text": {
|
|
3236
|
-
"type": "String",
|
|
3237
|
-
"default": "",
|
|
3238
|
-
"description": "Display label text"
|
|
3239
|
-
},
|
|
3240
|
-
"icon": {
|
|
3241
|
-
"type": "String",
|
|
3242
|
-
"default": "",
|
|
3243
|
-
"description": "Icon name (renders icon-ui child)"
|
|
3244
|
-
},
|
|
3245
|
-
"value": {
|
|
3246
|
-
"type": "String",
|
|
3247
|
-
"default": "",
|
|
3248
|
-
"description": "Value for selection events"
|
|
3249
|
-
},
|
|
3250
|
-
"open": {
|
|
3251
|
-
"type": "Boolean",
|
|
3252
|
-
"default": false,
|
|
3253
|
-
"description": "Expanded state (when item has children)"
|
|
3254
|
-
},
|
|
3255
|
-
"selected": {
|
|
3256
|
-
"type": "Boolean",
|
|
3257
|
-
"default": false,
|
|
3258
|
-
"description": "Selected state"
|
|
3259
|
-
}
|
|
3260
|
-
},
|
|
3261
|
-
"events": [],
|
|
3262
|
-
"slots": [
|
|
3263
|
-
"row",
|
|
3264
|
-
"chevron",
|
|
3265
|
-
"icon",
|
|
3266
|
-
"text",
|
|
3267
|
-
"actions",
|
|
3268
|
-
"default (nested tree-item-ui children)"
|
|
3269
|
-
]
|
|
3270
|
-
},
|
|
3271
|
-
"Upload": {
|
|
3272
|
-
"tag": "upload-ui",
|
|
3273
|
-
"category": "input",
|
|
3274
|
-
"description": "File upload with drag-and-drop. Uses showOpenFilePicker with input[type=file] fallback. Form-associated.",
|
|
3275
|
-
"props": {
|
|
3276
|
-
"name": {
|
|
3277
|
-
"type": "String",
|
|
3278
|
-
"default": "",
|
|
3279
|
-
"description": "Form field name"
|
|
3280
|
-
},
|
|
3281
|
-
"value": {
|
|
3282
|
-
"type": "String",
|
|
3283
|
-
"default": "",
|
|
3284
|
-
"description": "Current value"
|
|
3285
|
-
},
|
|
3286
|
-
"disabled": {
|
|
3287
|
-
"type": "Boolean",
|
|
3288
|
-
"default": false,
|
|
3289
|
-
"description": "Disables interaction"
|
|
3290
|
-
},
|
|
3291
|
-
"label": {
|
|
3292
|
-
"type": "String",
|
|
3293
|
-
"default": "",
|
|
3294
|
-
"description": "Upload label"
|
|
3295
|
-
},
|
|
3296
|
-
"hint": {
|
|
3297
|
-
"type": "String",
|
|
3298
|
-
"default": "",
|
|
3299
|
-
"description": "Hint text below dropzone"
|
|
3300
|
-
},
|
|
3301
|
-
"accept": {
|
|
3302
|
-
"type": "String",
|
|
3303
|
-
"default": "",
|
|
3304
|
-
"description": "Accepted MIME types"
|
|
3305
|
-
},
|
|
3306
|
-
"multiple": {
|
|
3307
|
-
"type": "Boolean",
|
|
3308
|
-
"default": false,
|
|
3309
|
-
"description": "Allow multiple files"
|
|
3310
|
-
}
|
|
3311
|
-
},
|
|
3312
|
-
"events": [
|
|
3313
|
-
"change"
|
|
3314
|
-
],
|
|
3315
|
-
"slots": [
|
|
3316
|
-
"dropzone",
|
|
3317
|
-
"filelist"
|
|
3318
|
-
]
|
|
3319
|
-
}
|
|
3320
|
-
}
|