@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,531 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "../_schema.json",
|
|
3
|
-
"name": "three-pane-shell",
|
|
4
|
-
"version": 2,
|
|
5
|
-
"kind": "composition",
|
|
6
|
-
"domain": "layout",
|
|
7
|
-
"description": "Three-pane application shell \u2014 a list pane on the left, a detail pane in the middle, and a context pane on the right. The canonical Linear / Superhuman / Attio / Apple Mail workbench layout. Each pane is an explicitly labeled region: the list pane renders an item List, the detail pane renders a record Header with Tabs and a DescriptionList, and the context pane renders a Card with related metadata.",
|
|
8
|
-
"tags": {
|
|
9
|
-
"purpose": [
|
|
10
|
-
"app-shell",
|
|
11
|
-
"workbench",
|
|
12
|
-
"layout",
|
|
13
|
-
"list-pane",
|
|
14
|
-
"detail-pane",
|
|
15
|
-
"context-pane"
|
|
16
|
-
],
|
|
17
|
-
"complexity": "composed",
|
|
18
|
-
"layout": "three-column"
|
|
19
|
-
},
|
|
20
|
-
"keywords": [
|
|
21
|
-
"three pane",
|
|
22
|
-
"three-pane",
|
|
23
|
-
"list pane",
|
|
24
|
-
"detail pane",
|
|
25
|
-
"context pane",
|
|
26
|
-
"list detail context",
|
|
27
|
-
"workbench",
|
|
28
|
-
"linear layout",
|
|
29
|
-
"mail app",
|
|
30
|
-
"superhuman",
|
|
31
|
-
"attio",
|
|
32
|
-
"app shell",
|
|
33
|
-
"inbox detail",
|
|
34
|
-
"master detail inspector",
|
|
35
|
-
"split view"
|
|
36
|
-
],
|
|
37
|
-
"template": [
|
|
38
|
-
{
|
|
39
|
-
"id": "root",
|
|
40
|
-
"component": "Grid",
|
|
41
|
-
"columns": "3",
|
|
42
|
-
"gap": "0",
|
|
43
|
-
"children": [
|
|
44
|
-
"pane-list",
|
|
45
|
-
"pane-detail",
|
|
46
|
-
"pane-context"
|
|
47
|
-
]
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"id": "pane-list",
|
|
51
|
-
"component": "Pane",
|
|
52
|
-
"resizable": true,
|
|
53
|
-
"minWidth": 240,
|
|
54
|
-
"children": [
|
|
55
|
-
"list-label",
|
|
56
|
-
"ph1",
|
|
57
|
-
"list-search",
|
|
58
|
-
"list-nav",
|
|
59
|
-
"list-items"
|
|
60
|
-
]
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
"id": "list-label",
|
|
64
|
-
"component": "Text",
|
|
65
|
-
"variant": "caption",
|
|
66
|
-
"textContent": "LIST PANE \u00b7 selectable master list \u00b7 click or keyboard-navigate to select \u00b7 selection syncs to detail pane on the right"
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
"id": "ph1",
|
|
70
|
-
"component": "Header",
|
|
71
|
-
"children": [
|
|
72
|
-
"ph1--h-text"
|
|
73
|
-
]
|
|
74
|
-
},
|
|
75
|
-
{
|
|
76
|
-
"id": "ph1--h-text",
|
|
77
|
-
"component": "Text",
|
|
78
|
-
"slot": "heading",
|
|
79
|
-
"variant": "section",
|
|
80
|
-
"textContent": "Inbox \u00b7 24"
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
"id": "list-search",
|
|
84
|
-
"component": "Input",
|
|
85
|
-
"placeholder": "Search inbox\u2026",
|
|
86
|
-
"size": "sm",
|
|
87
|
-
"prefix": "magnifying-glass"
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
"id": "list-nav",
|
|
91
|
-
"component": "Nav",
|
|
92
|
-
"children": [
|
|
93
|
-
"nav-all",
|
|
94
|
-
"nav-unread",
|
|
95
|
-
"nav-starred"
|
|
96
|
-
]
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
"id": "nav-all",
|
|
100
|
-
"component": "Button",
|
|
101
|
-
"variant": "ghost",
|
|
102
|
-
"size": "sm",
|
|
103
|
-
"textContent": "All \u00b7 24"
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
"id": "nav-unread",
|
|
107
|
-
"component": "Button",
|
|
108
|
-
"variant": "ghost",
|
|
109
|
-
"size": "sm",
|
|
110
|
-
"textContent": "Unread \u00b7 6"
|
|
111
|
-
},
|
|
112
|
-
{
|
|
113
|
-
"id": "nav-starred",
|
|
114
|
-
"component": "Button",
|
|
115
|
-
"variant": "ghost",
|
|
116
|
-
"size": "sm",
|
|
117
|
-
"textContent": "Starred \u00b7 3"
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
"id": "list-items",
|
|
121
|
-
"component": "List",
|
|
122
|
-
"selectable": true,
|
|
123
|
-
"selectedKey": "lh-todo-selected",
|
|
124
|
-
"children": [
|
|
125
|
-
"lh-todo-selected",
|
|
126
|
-
"lh-doing",
|
|
127
|
-
"lh-done",
|
|
128
|
-
"lh-old",
|
|
129
|
-
"lh-5",
|
|
130
|
-
"lh-6"
|
|
131
|
-
]
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
"id": "lh-todo-selected",
|
|
135
|
-
"component": "Row",
|
|
136
|
-
"gap": "2",
|
|
137
|
-
"align": "center",
|
|
138
|
-
"selected": true,
|
|
139
|
-
"aria-selected": "true",
|
|
140
|
-
"children": [
|
|
141
|
-
"lh-todo-sel-badge",
|
|
142
|
-
"lh-todo-inner"
|
|
143
|
-
]
|
|
144
|
-
},
|
|
145
|
-
{
|
|
146
|
-
"id": "lh-todo-sel-badge",
|
|
147
|
-
"component": "Badge",
|
|
148
|
-
"variant": "primary",
|
|
149
|
-
"textContent": "Selected"
|
|
150
|
-
},
|
|
151
|
-
{
|
|
152
|
-
"id": "lh-todo-inner",
|
|
153
|
-
"component": "Row",
|
|
154
|
-
"children": [
|
|
155
|
-
"lh-todo-inner--u-av",
|
|
156
|
-
"lh-todo-inner--u-col"
|
|
157
|
-
],
|
|
158
|
-
"gap": "3"
|
|
159
|
-
},
|
|
160
|
-
{
|
|
161
|
-
"id": "lh-todo-inner--u-av",
|
|
162
|
-
"component": "Avatar",
|
|
163
|
-
"name": "Helena Moreau",
|
|
164
|
-
"size": "md"
|
|
165
|
-
},
|
|
166
|
-
{
|
|
167
|
-
"id": "lh-todo-inner--u-col",
|
|
168
|
-
"component": "Column",
|
|
169
|
-
"children": [
|
|
170
|
-
"lh-todo-inner--u-p",
|
|
171
|
-
"lh-todo-inner--u-s"
|
|
172
|
-
],
|
|
173
|
-
"gap": "0"
|
|
174
|
-
},
|
|
175
|
-
{
|
|
176
|
-
"id": "lh-todo-inner--u-p",
|
|
177
|
-
"component": "Text",
|
|
178
|
-
"variant": "body",
|
|
179
|
-
"textContent": "Helena Moreau"
|
|
180
|
-
},
|
|
181
|
-
{
|
|
182
|
-
"id": "lh-todo-inner--u-s",
|
|
183
|
-
"component": "Text",
|
|
184
|
-
"variant": "caption",
|
|
185
|
-
"textContent": "Ship v1.2 release notes \u00b7 9:14"
|
|
186
|
-
},
|
|
187
|
-
{
|
|
188
|
-
"id": "lh-doing",
|
|
189
|
-
"component": "Row",
|
|
190
|
-
"children": [
|
|
191
|
-
"lh-doing--u-av",
|
|
192
|
-
"lh-doing--u-col"
|
|
193
|
-
],
|
|
194
|
-
"gap": "3"
|
|
195
|
-
},
|
|
196
|
-
{
|
|
197
|
-
"id": "lh-doing--u-av",
|
|
198
|
-
"component": "Avatar",
|
|
199
|
-
"name": "Priya Patel",
|
|
200
|
-
"size": "md"
|
|
201
|
-
},
|
|
202
|
-
{
|
|
203
|
-
"id": "lh-doing--u-col",
|
|
204
|
-
"component": "Column",
|
|
205
|
-
"children": [
|
|
206
|
-
"lh-doing--u-p",
|
|
207
|
-
"lh-doing--u-s"
|
|
208
|
-
],
|
|
209
|
-
"gap": "0"
|
|
210
|
-
},
|
|
211
|
-
{
|
|
212
|
-
"id": "lh-doing--u-p",
|
|
213
|
-
"component": "Text",
|
|
214
|
-
"variant": "body",
|
|
215
|
-
"textContent": "Priya Patel"
|
|
216
|
-
},
|
|
217
|
-
{
|
|
218
|
-
"id": "lh-doing--u-s",
|
|
219
|
-
"component": "Text",
|
|
220
|
-
"variant": "caption",
|
|
221
|
-
"textContent": "Design review \u2014 inspector \u00b7 8:02"
|
|
222
|
-
},
|
|
223
|
-
{
|
|
224
|
-
"id": "lh-done",
|
|
225
|
-
"component": "Row",
|
|
226
|
-
"children": [
|
|
227
|
-
"lh-done--u-av",
|
|
228
|
-
"lh-done--u-col"
|
|
229
|
-
],
|
|
230
|
-
"gap": "3"
|
|
231
|
-
},
|
|
232
|
-
{
|
|
233
|
-
"id": "lh-done--u-av",
|
|
234
|
-
"component": "Avatar",
|
|
235
|
-
"name": "Marcus Johnson",
|
|
236
|
-
"size": "md"
|
|
237
|
-
},
|
|
238
|
-
{
|
|
239
|
-
"id": "lh-done--u-col",
|
|
240
|
-
"component": "Column",
|
|
241
|
-
"children": [
|
|
242
|
-
"lh-done--u-p",
|
|
243
|
-
"lh-done--u-s"
|
|
244
|
-
],
|
|
245
|
-
"gap": "0"
|
|
246
|
-
},
|
|
247
|
-
{
|
|
248
|
-
"id": "lh-done--u-p",
|
|
249
|
-
"component": "Text",
|
|
250
|
-
"variant": "body",
|
|
251
|
-
"textContent": "Marcus Johnson"
|
|
252
|
-
},
|
|
253
|
-
{
|
|
254
|
-
"id": "lh-done--u-s",
|
|
255
|
-
"component": "Text",
|
|
256
|
-
"variant": "caption",
|
|
257
|
-
"textContent": "Weekly eng digest \u00b7 Tue"
|
|
258
|
-
},
|
|
259
|
-
{
|
|
260
|
-
"id": "lh-old",
|
|
261
|
-
"component": "Row",
|
|
262
|
-
"children": [
|
|
263
|
-
"lh-old--u-av",
|
|
264
|
-
"lh-old--u-col"
|
|
265
|
-
],
|
|
266
|
-
"gap": "3"
|
|
267
|
-
},
|
|
268
|
-
{
|
|
269
|
-
"id": "lh-old--u-av",
|
|
270
|
-
"component": "Avatar",
|
|
271
|
-
"name": "Jordan Kim",
|
|
272
|
-
"size": "md"
|
|
273
|
-
},
|
|
274
|
-
{
|
|
275
|
-
"id": "lh-old--u-col",
|
|
276
|
-
"component": "Column",
|
|
277
|
-
"children": [
|
|
278
|
-
"lh-old--u-p",
|
|
279
|
-
"lh-old--u-s"
|
|
280
|
-
],
|
|
281
|
-
"gap": "0"
|
|
282
|
-
},
|
|
283
|
-
{
|
|
284
|
-
"id": "lh-old--u-p",
|
|
285
|
-
"component": "Text",
|
|
286
|
-
"variant": "body",
|
|
287
|
-
"textContent": "Jordan Kim"
|
|
288
|
-
},
|
|
289
|
-
{
|
|
290
|
-
"id": "lh-old--u-s",
|
|
291
|
-
"component": "Text",
|
|
292
|
-
"variant": "caption",
|
|
293
|
-
"textContent": "QA \u2014 smoke suite flaky \u00b7 Mon"
|
|
294
|
-
},
|
|
295
|
-
{
|
|
296
|
-
"id": "lh-5",
|
|
297
|
-
"component": "Row",
|
|
298
|
-
"children": [
|
|
299
|
-
"lh-5--u-av",
|
|
300
|
-
"lh-5--u-col"
|
|
301
|
-
],
|
|
302
|
-
"gap": "3"
|
|
303
|
-
},
|
|
304
|
-
{
|
|
305
|
-
"id": "lh-5--u-av",
|
|
306
|
-
"component": "Avatar",
|
|
307
|
-
"name": "Sara Ono",
|
|
308
|
-
"size": "md"
|
|
309
|
-
},
|
|
310
|
-
{
|
|
311
|
-
"id": "lh-5--u-col",
|
|
312
|
-
"component": "Column",
|
|
313
|
-
"children": [
|
|
314
|
-
"lh-5--u-p",
|
|
315
|
-
"lh-5--u-s"
|
|
316
|
-
],
|
|
317
|
-
"gap": "0"
|
|
318
|
-
},
|
|
319
|
-
{
|
|
320
|
-
"id": "lh-5--u-p",
|
|
321
|
-
"component": "Text",
|
|
322
|
-
"variant": "body",
|
|
323
|
-
"textContent": "Sara Ono"
|
|
324
|
-
},
|
|
325
|
-
{
|
|
326
|
-
"id": "lh-5--u-s",
|
|
327
|
-
"component": "Text",
|
|
328
|
-
"variant": "caption",
|
|
329
|
-
"textContent": "Invoice approved \u00b7 Mon"
|
|
330
|
-
},
|
|
331
|
-
{
|
|
332
|
-
"id": "lh-6",
|
|
333
|
-
"component": "Row",
|
|
334
|
-
"children": [
|
|
335
|
-
"lh-6--u-av",
|
|
336
|
-
"lh-6--u-col"
|
|
337
|
-
],
|
|
338
|
-
"gap": "3"
|
|
339
|
-
},
|
|
340
|
-
{
|
|
341
|
-
"id": "lh-6--u-av",
|
|
342
|
-
"component": "Avatar",
|
|
343
|
-
"name": "Luis Cruz",
|
|
344
|
-
"size": "md"
|
|
345
|
-
},
|
|
346
|
-
{
|
|
347
|
-
"id": "lh-6--u-col",
|
|
348
|
-
"component": "Column",
|
|
349
|
-
"children": [
|
|
350
|
-
"lh-6--u-p",
|
|
351
|
-
"lh-6--u-s"
|
|
352
|
-
],
|
|
353
|
-
"gap": "0"
|
|
354
|
-
},
|
|
355
|
-
{
|
|
356
|
-
"id": "lh-6--u-p",
|
|
357
|
-
"component": "Text",
|
|
358
|
-
"variant": "body",
|
|
359
|
-
"textContent": "Luis Cruz"
|
|
360
|
-
},
|
|
361
|
-
{
|
|
362
|
-
"id": "lh-6--u-s",
|
|
363
|
-
"component": "Text",
|
|
364
|
-
"variant": "caption",
|
|
365
|
-
"textContent": "Quarterly review \u00b7 Sun"
|
|
366
|
-
},
|
|
367
|
-
{
|
|
368
|
-
"id": "pane-detail",
|
|
369
|
-
"component": "Pane",
|
|
370
|
-
"resizable": true,
|
|
371
|
-
"minWidth": 400,
|
|
372
|
-
"children": [
|
|
373
|
-
"detail-label",
|
|
374
|
-
"dh",
|
|
375
|
-
"dprops",
|
|
376
|
-
"dbody",
|
|
377
|
-
"dactions"
|
|
378
|
-
]
|
|
379
|
-
},
|
|
380
|
-
{
|
|
381
|
-
"id": "detail-label",
|
|
382
|
-
"component": "Text",
|
|
383
|
-
"variant": "caption",
|
|
384
|
-
"textContent": "DETAIL PANE \u00b7 showing details for currently-selected list item (selection syncs from list pane via selectable List + selectedKey)"
|
|
385
|
-
},
|
|
386
|
-
{
|
|
387
|
-
"id": "dh",
|
|
388
|
-
"component": "Header",
|
|
389
|
-
"children": [
|
|
390
|
-
"dh--h-title",
|
|
391
|
-
"dh--h-desc"
|
|
392
|
-
]
|
|
393
|
-
},
|
|
394
|
-
{
|
|
395
|
-
"id": "dh--h-title",
|
|
396
|
-
"component": "Text",
|
|
397
|
-
"slot": "heading",
|
|
398
|
-
"variant": "section",
|
|
399
|
-
"textContent": "Ship v1.2 release notes"
|
|
400
|
-
},
|
|
401
|
-
{
|
|
402
|
-
"id": "dh--h-desc",
|
|
403
|
-
"component": "Text",
|
|
404
|
-
"slot": "description",
|
|
405
|
-
"variant": "caption",
|
|
406
|
-
"textContent": "Helena Moreau \u00b7 9:14 AM"
|
|
407
|
-
},
|
|
408
|
-
{
|
|
409
|
-
"id": "dprops",
|
|
410
|
-
"component": "DescriptionList",
|
|
411
|
-
"layout": "inline",
|
|
412
|
-
"align": "between",
|
|
413
|
-
"textContent": "From\tHelena Moreau\nTo\tEngineering\nSubject\tShip v1.2 release notes\nLabels\trelease, docs"
|
|
414
|
-
},
|
|
415
|
-
{
|
|
416
|
-
"id": "dbody",
|
|
417
|
-
"component": "Text",
|
|
418
|
-
"textContent": "Hey team \u2014 final draft of the v1.2 release notes is ready for review. Please leave comments by EOD Thursday."
|
|
419
|
-
},
|
|
420
|
-
{
|
|
421
|
-
"id": "dactions",
|
|
422
|
-
"component": "Row",
|
|
423
|
-
"gap": "2",
|
|
424
|
-
"children": [
|
|
425
|
-
"dbtn1",
|
|
426
|
-
"dbtn2",
|
|
427
|
-
"dbtn3"
|
|
428
|
-
]
|
|
429
|
-
},
|
|
430
|
-
{
|
|
431
|
-
"id": "dbtn1",
|
|
432
|
-
"component": "Button",
|
|
433
|
-
"variant": "primary",
|
|
434
|
-
"textContent": "Reply"
|
|
435
|
-
},
|
|
436
|
-
{
|
|
437
|
-
"id": "dbtn2",
|
|
438
|
-
"component": "Button",
|
|
439
|
-
"variant": "outline",
|
|
440
|
-
"textContent": "Reply all"
|
|
441
|
-
},
|
|
442
|
-
{
|
|
443
|
-
"id": "dbtn3",
|
|
444
|
-
"component": "Button",
|
|
445
|
-
"variant": "ghost",
|
|
446
|
-
"textContent": "Forward"
|
|
447
|
-
},
|
|
448
|
-
{
|
|
449
|
-
"id": "pane-context",
|
|
450
|
-
"component": "Pane",
|
|
451
|
-
"resizable": true,
|
|
452
|
-
"collapsed": false,
|
|
453
|
-
"minWidth": 280,
|
|
454
|
-
"children": [
|
|
455
|
-
"context-label",
|
|
456
|
-
"ch",
|
|
457
|
-
"cuser",
|
|
458
|
-
"cdiv1",
|
|
459
|
-
"clist"
|
|
460
|
-
]
|
|
461
|
-
},
|
|
462
|
-
{
|
|
463
|
-
"id": "context-label",
|
|
464
|
-
"component": "Text",
|
|
465
|
-
"variant": "caption",
|
|
466
|
-
"textContent": "CONTEXT PANE \u00b7 related metadata/records for the currently-selected item from the list"
|
|
467
|
-
},
|
|
468
|
-
{
|
|
469
|
-
"id": "ch",
|
|
470
|
-
"component": "Header",
|
|
471
|
-
"children": [
|
|
472
|
-
"ch--h-text"
|
|
473
|
-
]
|
|
474
|
-
},
|
|
475
|
-
{
|
|
476
|
-
"id": "ch--h-text",
|
|
477
|
-
"component": "Text",
|
|
478
|
-
"slot": "heading",
|
|
479
|
-
"variant": "section",
|
|
480
|
-
"textContent": "Context"
|
|
481
|
-
},
|
|
482
|
-
{
|
|
483
|
-
"id": "cuser",
|
|
484
|
-
"component": "Row",
|
|
485
|
-
"children": [
|
|
486
|
-
"cuser--u-av",
|
|
487
|
-
"cuser--u-col"
|
|
488
|
-
],
|
|
489
|
-
"gap": "3"
|
|
490
|
-
},
|
|
491
|
-
{
|
|
492
|
-
"id": "cuser--u-av",
|
|
493
|
-
"component": "Avatar",
|
|
494
|
-
"name": "Helena Moreau",
|
|
495
|
-
"size": "md"
|
|
496
|
-
},
|
|
497
|
-
{
|
|
498
|
-
"id": "cuser--u-col",
|
|
499
|
-
"component": "Column",
|
|
500
|
-
"children": [
|
|
501
|
-
"cuser--u-p",
|
|
502
|
-
"cuser--u-s"
|
|
503
|
-
],
|
|
504
|
-
"gap": "0"
|
|
505
|
-
},
|
|
506
|
-
{
|
|
507
|
-
"id": "cuser--u-p",
|
|
508
|
-
"component": "Text",
|
|
509
|
-
"variant": "body",
|
|
510
|
-
"textContent": "Helena Moreau"
|
|
511
|
-
},
|
|
512
|
-
{
|
|
513
|
-
"id": "cuser--u-s",
|
|
514
|
-
"component": "Text",
|
|
515
|
-
"variant": "caption",
|
|
516
|
-
"textContent": "helena@acme.io"
|
|
517
|
-
},
|
|
518
|
-
{
|
|
519
|
-
"id": "cdiv1",
|
|
520
|
-
"component": "Divider"
|
|
521
|
-
},
|
|
522
|
-
{
|
|
523
|
-
"id": "clist",
|
|
524
|
-
"component": "DescriptionList",
|
|
525
|
-
"layout": "inline",
|
|
526
|
-
"align": "between",
|
|
527
|
-
"textContent": "PR\t#4812 \u2014 v1.2 release\nMeeting\tRelease review \u00b7 Thu 3 PM\nDoc\tRELEASE.md"
|
|
528
|
-
}
|
|
529
|
-
],
|
|
530
|
-
"_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
|
|
531
|
-
}
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "../_schema.json",
|
|
3
|
-
"name": "toolbar-actions",
|
|
4
|
-
"version": 1,
|
|
5
|
-
"kind": "composition",
|
|
6
|
-
"domain": "layout",
|
|
7
|
-
"description": "Toolbar with grouped icon buttons separated by dividers \u2014 for editor surfaces, formatting bars, and action rails.",
|
|
8
|
-
"tags": {
|
|
9
|
-
"purpose": [
|
|
10
|
-
"toolbar",
|
|
11
|
-
"actions"
|
|
12
|
-
],
|
|
13
|
-
"complexity": "atomic",
|
|
14
|
-
"layout": "row"
|
|
15
|
-
},
|
|
16
|
-
"keywords": [
|
|
17
|
-
"toolbar",
|
|
18
|
-
"actions",
|
|
19
|
-
"icon buttons",
|
|
20
|
-
"formatting"
|
|
21
|
-
],
|
|
22
|
-
"template": [
|
|
23
|
-
{
|
|
24
|
-
"id": "root",
|
|
25
|
-
"component": "Toolbar",
|
|
26
|
-
"children": [
|
|
27
|
-
"b1",
|
|
28
|
-
"b2",
|
|
29
|
-
"b3",
|
|
30
|
-
"d1",
|
|
31
|
-
"b4",
|
|
32
|
-
"b5",
|
|
33
|
-
"d2",
|
|
34
|
-
"b6"
|
|
35
|
-
]
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
"id": "b1",
|
|
39
|
-
"component": "Button",
|
|
40
|
-
"variant": "ghost",
|
|
41
|
-
"icon": "bold",
|
|
42
|
-
"aria-label": "Bold"
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
"id": "b2",
|
|
46
|
-
"component": "Button",
|
|
47
|
-
"variant": "ghost",
|
|
48
|
-
"icon": "italic",
|
|
49
|
-
"aria-label": "Italic"
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
"id": "b3",
|
|
53
|
-
"component": "Button",
|
|
54
|
-
"variant": "ghost",
|
|
55
|
-
"icon": "underline",
|
|
56
|
-
"aria-label": "Underline"
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
"id": "d1",
|
|
60
|
-
"component": "Divider",
|
|
61
|
-
"vertical": true
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
"id": "b4",
|
|
65
|
-
"component": "Button",
|
|
66
|
-
"variant": "ghost",
|
|
67
|
-
"icon": "list",
|
|
68
|
-
"aria-label": "List"
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
"id": "b5",
|
|
72
|
-
"component": "Button",
|
|
73
|
-
"variant": "ghost",
|
|
74
|
-
"icon": "list-ol",
|
|
75
|
-
"aria-label": "Ordered list"
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
"id": "d2",
|
|
79
|
-
"component": "Divider",
|
|
80
|
-
"vertical": true
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
"id": "b6",
|
|
84
|
-
"component": "Button",
|
|
85
|
-
"variant": "ghost",
|
|
86
|
-
"icon": "link",
|
|
87
|
-
"aria-label": "Link"
|
|
88
|
-
}
|
|
89
|
-
]
|
|
90
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
# Generated by scripts/generate-yaml-scaffolds.mjs
|
|
2
|
-
# Narrative doc — JSON sibling remains the canonical machine source.
|
|
3
|
-
# Fill in TODO sections by hand.
|
|
4
|
-
|
|
5
|
-
$schema: ../../../../../scripts/schemas/composition.yaml.schema.json
|
|
6
|
-
kind: composition
|
|
7
|
-
name: toolbar-actions
|
|
8
|
-
domain: layout
|
|
9
|
-
description: >-
|
|
10
|
-
Toolbar with grouped icon buttons separated by dividers — for editor surfaces, formatting bars, and action rails.
|
|
11
|
-
keywords:
|
|
12
|
-
- toolbar
|
|
13
|
-
- actions
|
|
14
|
-
- icon buttons
|
|
15
|
-
- formatting
|
|
16
|
-
tags:
|
|
17
|
-
purpose:
|
|
18
|
-
- toolbar
|
|
19
|
-
- actions
|
|
20
|
-
complexity: atomic
|
|
21
|
-
layout: row
|
|
22
|
-
related: []
|
|
23
|
-
fragments_used: []
|
|
24
|
-
use-cases:
|
|
25
|
-
- "TODO: primary use case"
|
|
26
|
-
wiring-intent:
|
|
27
|
-
summary: Static composition (no interactive wiring).
|
|
28
|
-
controllers: []
|
|
29
|
-
actions: []
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "../_schema.json",
|
|
3
|
-
"name": "breadcrumb-nav",
|
|
4
|
-
"version": 1,
|
|
5
|
-
"kind": "composition",
|
|
6
|
-
"domain": "navigation",
|
|
7
|
-
"description": "Breadcrumb navigation trail — shows the hierarchy from root to current page.",
|
|
8
|
-
"tags": { "purpose": ["navigation", "breadcrumb"], "complexity": "atomic", "layout": "row" },
|
|
9
|
-
"keywords": ["breadcrumb", "trail", "navigation", "path"],
|
|
10
|
-
|
|
11
|
-
"template": [
|
|
12
|
-
{ "id": "root", "component": "Breadcrumb", "children": ["b1", "b2", "b3", "b4"] },
|
|
13
|
-
{ "id": "b1", "component": "Text", "variant": "body", "textContent": "Home" },
|
|
14
|
-
{ "id": "b2", "component": "Text", "variant": "body", "textContent": "Projects" },
|
|
15
|
-
{ "id": "b3", "component": "Text", "variant": "body", "textContent": "Acme" },
|
|
16
|
-
{ "id": "b4", "component": "Text", "variant": "body", "textContent": "Settings" }
|
|
17
|
-
]
|
|
18
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
# Generated by scripts/generate-yaml-scaffolds.mjs
|
|
2
|
-
# Narrative doc — JSON sibling remains the canonical machine source.
|
|
3
|
-
# Fill in TODO sections by hand.
|
|
4
|
-
|
|
5
|
-
$schema: ../../../../../scripts/schemas/composition.yaml.schema.json
|
|
6
|
-
kind: composition
|
|
7
|
-
name: breadcrumb-nav
|
|
8
|
-
domain: navigation
|
|
9
|
-
description: >-
|
|
10
|
-
Breadcrumb navigation trail — shows the hierarchy from root to current page.
|
|
11
|
-
keywords:
|
|
12
|
-
- breadcrumb
|
|
13
|
-
- trail
|
|
14
|
-
- navigation
|
|
15
|
-
- path
|
|
16
|
-
tags:
|
|
17
|
-
purpose:
|
|
18
|
-
- navigation
|
|
19
|
-
- breadcrumb
|
|
20
|
-
complexity: atomic
|
|
21
|
-
layout: row
|
|
22
|
-
related: []
|
|
23
|
-
fragments_used: []
|
|
24
|
-
use-cases:
|
|
25
|
-
- "TODO: primary use case"
|
|
26
|
-
wiring-intent:
|
|
27
|
-
summary: Static composition (no interactive wiring).
|
|
28
|
-
controllers: []
|
|
29
|
-
actions: []
|