@adia-ai/a2ui-corpus 0.4.6 → 0.4.7
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 +19 -0
- package/README.md +81 -85
- package/catalog-a2ui_0_9.json +91 -9
- 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,47 +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/pattern.yaml.schema.json
|
|
6
|
-
name: avatar-group
|
|
7
|
-
domain: layout
|
|
8
|
-
version: 1
|
|
9
|
-
description: >-
|
|
10
|
-
AvatarGroup displaying five user avatars with an overflow indicator showing additional members.
|
|
11
|
-
tags:
|
|
12
|
-
purpose:
|
|
13
|
-
- users
|
|
14
|
-
- team
|
|
15
|
-
- social
|
|
16
|
-
complexity: simple
|
|
17
|
-
layout: horizontal
|
|
18
|
-
interaction: []
|
|
19
|
-
keywords:
|
|
20
|
-
- avatar
|
|
21
|
-
- group
|
|
22
|
-
- team
|
|
23
|
-
- users
|
|
24
|
-
- members
|
|
25
|
-
- overflow
|
|
26
|
-
- stacked
|
|
27
|
-
related:
|
|
28
|
-
- testimonials-grid
|
|
29
|
-
- badge-showcase
|
|
30
|
-
use-cases:
|
|
31
|
-
- "TODO: primary use case"
|
|
32
|
-
- "TODO: secondary use case"
|
|
33
|
-
variants:
|
|
34
|
-
- name: TODO
|
|
35
|
-
description: "TODO: variant description"
|
|
36
|
-
wiring-intent:
|
|
37
|
-
summary: Static pattern (no interactive wiring).
|
|
38
|
-
controllers: []
|
|
39
|
-
actions: []
|
|
40
|
-
components:
|
|
41
|
-
- Card
|
|
42
|
-
- Header
|
|
43
|
-
- Section
|
|
44
|
-
- Row
|
|
45
|
-
- AvatarGroup
|
|
46
|
-
- Avatar
|
|
47
|
-
- Text
|
|
@@ -1,206 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "../_schema.json",
|
|
3
|
-
"name": "badge-showcase",
|
|
4
|
-
"version": 1,
|
|
5
|
-
"domain": "layout",
|
|
6
|
-
"description": "Grid showcasing all badge variants: default, accent, success, warning, danger, and info.",
|
|
7
|
-
"tags": {
|
|
8
|
-
"purpose": [
|
|
9
|
-
"showcase",
|
|
10
|
-
"reference",
|
|
11
|
-
"components"
|
|
12
|
-
],
|
|
13
|
-
"complexity": "composed",
|
|
14
|
-
"layout": "multi-column",
|
|
15
|
-
"interaction": []
|
|
16
|
-
},
|
|
17
|
-
"keywords": [
|
|
18
|
-
"badge",
|
|
19
|
-
"variants",
|
|
20
|
-
"showcase",
|
|
21
|
-
"status",
|
|
22
|
-
"labels",
|
|
23
|
-
"tags"
|
|
24
|
-
],
|
|
25
|
-
"related": [
|
|
26
|
-
"avatar-group",
|
|
27
|
-
"tooltip-buttons"
|
|
28
|
-
],
|
|
29
|
-
"template": [
|
|
30
|
-
{
|
|
31
|
-
"id": "root",
|
|
32
|
-
"component": "Card",
|
|
33
|
-
"children": [
|
|
34
|
-
"hdr",
|
|
35
|
-
"body"
|
|
36
|
-
]
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
"id": "hdr",
|
|
40
|
-
"component": "Header",
|
|
41
|
-
"slots": {
|
|
42
|
-
"heading": "Badge Variants",
|
|
43
|
-
"description": "All available badge styles for status indicators and labels."
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
"id": "body",
|
|
48
|
-
"component": "Section",
|
|
49
|
-
"children": [
|
|
50
|
-
"grid"
|
|
51
|
-
]
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
"id": "grid",
|
|
55
|
-
"component": "Grid",
|
|
56
|
-
"children": [
|
|
57
|
-
"col-default",
|
|
58
|
-
"col-accent",
|
|
59
|
-
"col-success",
|
|
60
|
-
"col-warning",
|
|
61
|
-
"col-danger",
|
|
62
|
-
"col-info"
|
|
63
|
-
],
|
|
64
|
-
"columns": 3,
|
|
65
|
-
"gap": "md"
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
"id": "col-default",
|
|
69
|
-
"component": "Column",
|
|
70
|
-
"children": [
|
|
71
|
-
"badge-default",
|
|
72
|
-
"label-default"
|
|
73
|
-
],
|
|
74
|
-
"align": "center",
|
|
75
|
-
"gap": "xs"
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
"id": "badge-default",
|
|
79
|
-
"component": "Badge",
|
|
80
|
-
"variant": "default",
|
|
81
|
-
"text": "Default"
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
"id": "label-default",
|
|
85
|
-
"component": "Text",
|
|
86
|
-
"variant": "caption",
|
|
87
|
-
"textContent": "default",
|
|
88
|
-
"color": "muted"
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
"id": "col-accent",
|
|
92
|
-
"component": "Column",
|
|
93
|
-
"children": [
|
|
94
|
-
"badge-accent",
|
|
95
|
-
"label-accent"
|
|
96
|
-
],
|
|
97
|
-
"align": "center",
|
|
98
|
-
"gap": "xs"
|
|
99
|
-
},
|
|
100
|
-
{
|
|
101
|
-
"id": "badge-accent",
|
|
102
|
-
"component": "Badge",
|
|
103
|
-
"variant": "accent",
|
|
104
|
-
"text": "Accent"
|
|
105
|
-
},
|
|
106
|
-
{
|
|
107
|
-
"id": "label-accent",
|
|
108
|
-
"component": "Text",
|
|
109
|
-
"variant": "caption",
|
|
110
|
-
"textContent": "accent",
|
|
111
|
-
"color": "muted"
|
|
112
|
-
},
|
|
113
|
-
{
|
|
114
|
-
"id": "col-success",
|
|
115
|
-
"component": "Column",
|
|
116
|
-
"children": [
|
|
117
|
-
"badge-success",
|
|
118
|
-
"label-success"
|
|
119
|
-
],
|
|
120
|
-
"align": "center",
|
|
121
|
-
"gap": "xs"
|
|
122
|
-
},
|
|
123
|
-
{
|
|
124
|
-
"id": "badge-success",
|
|
125
|
-
"component": "Badge",
|
|
126
|
-
"variant": "success",
|
|
127
|
-
"text": "Success"
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
"id": "label-success",
|
|
131
|
-
"component": "Text",
|
|
132
|
-
"variant": "caption",
|
|
133
|
-
"textContent": "success",
|
|
134
|
-
"color": "muted"
|
|
135
|
-
},
|
|
136
|
-
{
|
|
137
|
-
"id": "col-warning",
|
|
138
|
-
"component": "Column",
|
|
139
|
-
"children": [
|
|
140
|
-
"badge-warning",
|
|
141
|
-
"label-warning"
|
|
142
|
-
],
|
|
143
|
-
"align": "center",
|
|
144
|
-
"gap": "xs"
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
"id": "badge-warning",
|
|
148
|
-
"component": "Badge",
|
|
149
|
-
"variant": "warning",
|
|
150
|
-
"text": "Warning"
|
|
151
|
-
},
|
|
152
|
-
{
|
|
153
|
-
"id": "label-warning",
|
|
154
|
-
"component": "Text",
|
|
155
|
-
"variant": "caption",
|
|
156
|
-
"textContent": "warning",
|
|
157
|
-
"color": "muted"
|
|
158
|
-
},
|
|
159
|
-
{
|
|
160
|
-
"id": "col-danger",
|
|
161
|
-
"component": "Column",
|
|
162
|
-
"children": [
|
|
163
|
-
"badge-danger",
|
|
164
|
-
"label-danger"
|
|
165
|
-
],
|
|
166
|
-
"align": "center",
|
|
167
|
-
"gap": "xs"
|
|
168
|
-
},
|
|
169
|
-
{
|
|
170
|
-
"id": "badge-danger",
|
|
171
|
-
"component": "Badge",
|
|
172
|
-
"variant": "danger",
|
|
173
|
-
"text": "Danger"
|
|
174
|
-
},
|
|
175
|
-
{
|
|
176
|
-
"id": "label-danger",
|
|
177
|
-
"component": "Text",
|
|
178
|
-
"variant": "caption",
|
|
179
|
-
"textContent": "danger",
|
|
180
|
-
"color": "muted"
|
|
181
|
-
},
|
|
182
|
-
{
|
|
183
|
-
"id": "col-info",
|
|
184
|
-
"component": "Column",
|
|
185
|
-
"children": [
|
|
186
|
-
"badge-info",
|
|
187
|
-
"label-info"
|
|
188
|
-
],
|
|
189
|
-
"align": "center",
|
|
190
|
-
"gap": "xs"
|
|
191
|
-
},
|
|
192
|
-
{
|
|
193
|
-
"id": "badge-info",
|
|
194
|
-
"component": "Badge",
|
|
195
|
-
"variant": "info",
|
|
196
|
-
"text": "Info"
|
|
197
|
-
},
|
|
198
|
-
{
|
|
199
|
-
"id": "label-info",
|
|
200
|
-
"component": "Text",
|
|
201
|
-
"variant": "caption",
|
|
202
|
-
"textContent": "info",
|
|
203
|
-
"color": "muted"
|
|
204
|
-
}
|
|
205
|
-
]
|
|
206
|
-
}
|
|
@@ -1,46 +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/pattern.yaml.schema.json
|
|
6
|
-
name: badge-showcase
|
|
7
|
-
domain: layout
|
|
8
|
-
version: 1
|
|
9
|
-
description: >-
|
|
10
|
-
Grid showcasing all badge variants: default, accent, success, warning, danger, and info.
|
|
11
|
-
tags:
|
|
12
|
-
purpose:
|
|
13
|
-
- showcase
|
|
14
|
-
- reference
|
|
15
|
-
- components
|
|
16
|
-
complexity: composed
|
|
17
|
-
layout: multi-column
|
|
18
|
-
interaction: []
|
|
19
|
-
keywords:
|
|
20
|
-
- badge
|
|
21
|
-
- variants
|
|
22
|
-
- showcase
|
|
23
|
-
- status
|
|
24
|
-
- labels
|
|
25
|
-
- tags
|
|
26
|
-
related:
|
|
27
|
-
- avatar-group
|
|
28
|
-
- tooltip-buttons
|
|
29
|
-
use-cases:
|
|
30
|
-
- "TODO: primary use case"
|
|
31
|
-
- "TODO: secondary use case"
|
|
32
|
-
variants:
|
|
33
|
-
- name: TODO
|
|
34
|
-
description: "TODO: variant description"
|
|
35
|
-
wiring-intent:
|
|
36
|
-
summary: Static pattern (no interactive wiring).
|
|
37
|
-
controllers: []
|
|
38
|
-
actions: []
|
|
39
|
-
components:
|
|
40
|
-
- Card
|
|
41
|
-
- Header
|
|
42
|
-
- Section
|
|
43
|
-
- Grid
|
|
44
|
-
- Column
|
|
45
|
-
- Badge
|
|
46
|
-
- Text
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "../_schema.json",
|
|
3
|
-
"name": "calendar-view",
|
|
4
|
-
"version": 1,
|
|
5
|
-
"domain": "layout",
|
|
6
|
-
"description": "Calendar month view with navigation and day grid.",
|
|
7
|
-
"tags": {
|
|
8
|
-
"purpose": [
|
|
9
|
-
"scheduling"
|
|
10
|
-
],
|
|
11
|
-
"complexity": "simple",
|
|
12
|
-
"layout": "single-column",
|
|
13
|
-
"interaction": [
|
|
14
|
-
"range-select"
|
|
15
|
-
]
|
|
16
|
-
},
|
|
17
|
-
"keywords": [
|
|
18
|
-
"calendar",
|
|
19
|
-
"month",
|
|
20
|
-
"date",
|
|
21
|
-
"schedule",
|
|
22
|
-
"day"
|
|
23
|
-
],
|
|
24
|
-
"related": [
|
|
25
|
-
"date-picker"
|
|
26
|
-
],
|
|
27
|
-
"template": [
|
|
28
|
-
{
|
|
29
|
-
"id": "root",
|
|
30
|
-
"component": "Card",
|
|
31
|
-
"children": [
|
|
32
|
-
"hdr",
|
|
33
|
-
"sec"
|
|
34
|
-
]
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
"id": "hdr",
|
|
38
|
-
"component": "Header",
|
|
39
|
-
"children": [
|
|
40
|
-
"title",
|
|
41
|
-
"nav"
|
|
42
|
-
]
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
"id": "title",
|
|
46
|
-
"component": "Text",
|
|
47
|
-
"slot": "heading",
|
|
48
|
-
"textContent": "April 2026"
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
"id": "nav",
|
|
52
|
-
"component": "Row",
|
|
53
|
-
"slot": "action",
|
|
54
|
-
"children": [
|
|
55
|
-
"prev",
|
|
56
|
-
"next"
|
|
57
|
-
],
|
|
58
|
-
"gap": "1"
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
"id": "prev",
|
|
62
|
-
"component": "Button",
|
|
63
|
-
"icon": "caret-left",
|
|
64
|
-
"variant": "ghost",
|
|
65
|
-
"size": "sm"
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
"id": "next",
|
|
69
|
-
"component": "Button",
|
|
70
|
-
"icon": "caret-right",
|
|
71
|
-
"variant": "ghost",
|
|
72
|
-
"size": "sm"
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
"id": "sec",
|
|
76
|
-
"component": "Section",
|
|
77
|
-
"children": [
|
|
78
|
-
"grid"
|
|
79
|
-
]
|
|
80
|
-
},
|
|
81
|
-
{
|
|
82
|
-
"id": "grid",
|
|
83
|
-
"component": "Grid",
|
|
84
|
-
"columns": "7",
|
|
85
|
-
"gap": "1"
|
|
86
|
-
}
|
|
87
|
-
]
|
|
88
|
-
}
|
|
@@ -1,42 +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/pattern.yaml.schema.json
|
|
6
|
-
name: calendar-view
|
|
7
|
-
domain: layout
|
|
8
|
-
version: 1
|
|
9
|
-
description: Calendar month view with navigation and day grid.
|
|
10
|
-
tags:
|
|
11
|
-
purpose:
|
|
12
|
-
- scheduling
|
|
13
|
-
complexity: simple
|
|
14
|
-
layout: single-column
|
|
15
|
-
interaction:
|
|
16
|
-
- range-select
|
|
17
|
-
keywords:
|
|
18
|
-
- calendar
|
|
19
|
-
- month
|
|
20
|
-
- date
|
|
21
|
-
- schedule
|
|
22
|
-
- day
|
|
23
|
-
related:
|
|
24
|
-
- date-picker
|
|
25
|
-
use-cases:
|
|
26
|
-
- "TODO: primary use case"
|
|
27
|
-
- "TODO: secondary use case"
|
|
28
|
-
variants:
|
|
29
|
-
- name: TODO
|
|
30
|
-
description: "TODO: variant description"
|
|
31
|
-
wiring-intent:
|
|
32
|
-
summary: Static pattern (no interactive wiring).
|
|
33
|
-
controllers: []
|
|
34
|
-
actions: []
|
|
35
|
-
components:
|
|
36
|
-
- Card
|
|
37
|
-
- Header
|
|
38
|
-
- Text
|
|
39
|
-
- Row
|
|
40
|
-
- Button
|
|
41
|
-
- Section
|
|
42
|
-
- Grid
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "../_schema.json",
|
|
3
|
-
"name": "code-block",
|
|
4
|
-
"version": 1,
|
|
5
|
-
"domain": "layout",
|
|
6
|
-
"primitive": true,
|
|
7
|
-
"description": "Code display block with syntax highlighting, language label, and a copy-to-clipboard button.",
|
|
8
|
-
"tags": {
|
|
9
|
-
"purpose": [
|
|
10
|
-
"code",
|
|
11
|
-
"display",
|
|
12
|
-
"documentation",
|
|
13
|
-
"primitive"
|
|
14
|
-
],
|
|
15
|
-
"complexity": "simple",
|
|
16
|
-
"layout": "single-column",
|
|
17
|
-
"interaction": [
|
|
18
|
-
"copy"
|
|
19
|
-
]
|
|
20
|
-
},
|
|
21
|
-
"keywords": [
|
|
22
|
-
"code",
|
|
23
|
-
"snippet",
|
|
24
|
-
"syntax",
|
|
25
|
-
"copy",
|
|
26
|
-
"programming",
|
|
27
|
-
"codeblock"
|
|
28
|
-
],
|
|
29
|
-
"related": [
|
|
30
|
-
"embed-content",
|
|
31
|
-
"divider-label"
|
|
32
|
-
],
|
|
33
|
-
"template": [
|
|
34
|
-
{
|
|
35
|
-
"id": "root",
|
|
36
|
-
"component": "Card",
|
|
37
|
-
"children": [
|
|
38
|
-
"hdr",
|
|
39
|
-
"body"
|
|
40
|
-
]
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
"id": "hdr",
|
|
44
|
-
"component": "Header",
|
|
45
|
-
"slots": {
|
|
46
|
-
"heading": "Example",
|
|
47
|
-
"action": "copy-btn"
|
|
48
|
-
},
|
|
49
|
-
"children": [
|
|
50
|
-
"lang-badge"
|
|
51
|
-
]
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
"id": "lang-badge",
|
|
55
|
-
"component": "Badge",
|
|
56
|
-
"variant": "default",
|
|
57
|
-
"text": "TypeScript"
|
|
58
|
-
},
|
|
59
|
-
{
|
|
60
|
-
"id": "copy-btn",
|
|
61
|
-
"component": "Button",
|
|
62
|
-
"variant": "ghost",
|
|
63
|
-
"icon": "copy",
|
|
64
|
-
"size": "sm",
|
|
65
|
-
"aria-label": "Copy code"
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
"id": "body",
|
|
69
|
-
"component": "Section",
|
|
70
|
-
"children": [
|
|
71
|
-
"code"
|
|
72
|
-
]
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
"id": "code",
|
|
76
|
-
"component": "Code",
|
|
77
|
-
"language": "typescript",
|
|
78
|
-
"lineNumbers": true,
|
|
79
|
-
"text": "import { render } from '@a2ui/core';\n\nconst App = () => {\n return render({\n component: 'Card',\n children: ['Hello, world!']\n });\n};"
|
|
80
|
-
}
|
|
81
|
-
]
|
|
82
|
-
}
|
|
@@ -1,47 +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/pattern.yaml.schema.json
|
|
6
|
-
name: code-block
|
|
7
|
-
domain: layout
|
|
8
|
-
version: 1
|
|
9
|
-
description: >-
|
|
10
|
-
Code display block with syntax highlighting, language label, and a copy-to-clipboard button.
|
|
11
|
-
tags:
|
|
12
|
-
purpose:
|
|
13
|
-
- code
|
|
14
|
-
- display
|
|
15
|
-
- documentation
|
|
16
|
-
- primitive
|
|
17
|
-
complexity: simple
|
|
18
|
-
layout: single-column
|
|
19
|
-
interaction:
|
|
20
|
-
- copy
|
|
21
|
-
keywords:
|
|
22
|
-
- code
|
|
23
|
-
- snippet
|
|
24
|
-
- syntax
|
|
25
|
-
- copy
|
|
26
|
-
- programming
|
|
27
|
-
- codeblock
|
|
28
|
-
related:
|
|
29
|
-
- embed-content
|
|
30
|
-
- divider-label
|
|
31
|
-
use-cases:
|
|
32
|
-
- "TODO: primary use case"
|
|
33
|
-
- "TODO: secondary use case"
|
|
34
|
-
variants:
|
|
35
|
-
- name: TODO
|
|
36
|
-
description: "TODO: variant description"
|
|
37
|
-
wiring-intent:
|
|
38
|
-
summary: Static pattern (no interactive wiring).
|
|
39
|
-
controllers: []
|
|
40
|
-
actions: []
|
|
41
|
-
components:
|
|
42
|
-
- Card
|
|
43
|
-
- Header
|
|
44
|
-
- Badge
|
|
45
|
-
- Button
|
|
46
|
-
- Section
|
|
47
|
-
- Code
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "../_schema.json",
|
|
3
|
-
"name": "consent-banner",
|
|
4
|
-
"version": 1,
|
|
5
|
-
"domain": "layout",
|
|
6
|
-
"description": "Fixed-position card with consent text (cookie / tracker notice) and accept/decline buttons.",
|
|
7
|
-
"tags": {
|
|
8
|
-
"purpose": [
|
|
9
|
-
"legal"
|
|
10
|
-
],
|
|
11
|
-
"complexity": "simple",
|
|
12
|
-
"layout": "single-column",
|
|
13
|
-
"interaction": [
|
|
14
|
-
"click"
|
|
15
|
-
]
|
|
16
|
-
},
|
|
17
|
-
"keywords": [
|
|
18
|
-
"cookie",
|
|
19
|
-
"consent",
|
|
20
|
-
"banner",
|
|
21
|
-
"privacy",
|
|
22
|
-
"gdpr",
|
|
23
|
-
"accept",
|
|
24
|
-
"decline"
|
|
25
|
-
],
|
|
26
|
-
"related": [
|
|
27
|
-
"alert-banner",
|
|
28
|
-
"toast-notification"
|
|
29
|
-
],
|
|
30
|
-
"template": [
|
|
31
|
-
{
|
|
32
|
-
"id": "root",
|
|
33
|
-
"component": "Card",
|
|
34
|
-
"position": "fixed",
|
|
35
|
-
"children": [
|
|
36
|
-
"sec",
|
|
37
|
-
"actions"
|
|
38
|
-
]
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"id": "sec",
|
|
42
|
-
"component": "Section",
|
|
43
|
-
"children": [
|
|
44
|
-
"msg"
|
|
45
|
-
]
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
"id": "msg",
|
|
49
|
-
"component": "Text",
|
|
50
|
-
"variant": "body",
|
|
51
|
-
"textContent": "We use cookies to improve your experience. By continuing to use this site, you agree to our use of cookies."
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
"id": "actions",
|
|
55
|
-
"component": "Row",
|
|
56
|
-
"gap": "2",
|
|
57
|
-
"children": [
|
|
58
|
-
"accept",
|
|
59
|
-
"decline"
|
|
60
|
-
]
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
"id": "accept",
|
|
64
|
-
"component": "Button",
|
|
65
|
-
"text": "Accept",
|
|
66
|
-
"variant": "primary"
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
"id": "decline",
|
|
70
|
-
"component": "Button",
|
|
71
|
-
"text": "Decline",
|
|
72
|
-
"variant": "ghost"
|
|
73
|
-
}
|
|
74
|
-
],
|
|
75
|
-
"wiring": {
|
|
76
|
-
"actions": [
|
|
77
|
-
{ "event": { "event": "press", "target": "accept" },
|
|
78
|
-
"handler": "submit-resource",
|
|
79
|
-
"config": { "uri": "api://consent", "method": "POST", "body": { "consent": true } },
|
|
80
|
-
"onSuccess": [{ "handler": "notify", "config": { "message": "Preferences saved.", "variant": "success" } }]
|
|
81
|
-
},
|
|
82
|
-
{ "event": { "event": "press", "target": "decline" },
|
|
83
|
-
"handler": "submit-resource",
|
|
84
|
-
"config": { "uri": "api://consent", "method": "POST", "body": { "consent": false } },
|
|
85
|
-
"onSuccess": [{ "handler": "notify", "config": { "message": "Cookies declined.", "variant": "info" } }]
|
|
86
|
-
}
|
|
87
|
-
]
|
|
88
|
-
}
|
|
89
|
-
}
|
|
@@ -1,50 +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/pattern.yaml.schema.json
|
|
6
|
-
name: consent-banner
|
|
7
|
-
domain: layout
|
|
8
|
-
version: 1
|
|
9
|
-
description: >-
|
|
10
|
-
Fixed-position card with consent text (cookie / tracker notice) and accept/decline buttons.
|
|
11
|
-
tags:
|
|
12
|
-
purpose:
|
|
13
|
-
- legal
|
|
14
|
-
complexity: simple
|
|
15
|
-
layout: single-column
|
|
16
|
-
interaction:
|
|
17
|
-
- click
|
|
18
|
-
keywords:
|
|
19
|
-
- cookie
|
|
20
|
-
- consent
|
|
21
|
-
- banner
|
|
22
|
-
- privacy
|
|
23
|
-
- gdpr
|
|
24
|
-
- accept
|
|
25
|
-
- decline
|
|
26
|
-
related:
|
|
27
|
-
- alert-banner
|
|
28
|
-
- toast-notification
|
|
29
|
-
use-cases:
|
|
30
|
-
- "TODO: primary use case"
|
|
31
|
-
- "TODO: secondary use case"
|
|
32
|
-
variants:
|
|
33
|
-
- name: TODO
|
|
34
|
-
description: "TODO: variant description"
|
|
35
|
-
wiring-intent:
|
|
36
|
-
summary: "TODO: describe wiring intent"
|
|
37
|
-
controllers: []
|
|
38
|
-
actions:
|
|
39
|
-
- event: press
|
|
40
|
-
target: accept
|
|
41
|
-
handler: submit-resource
|
|
42
|
-
- event: press
|
|
43
|
-
target: decline
|
|
44
|
-
handler: submit-resource
|
|
45
|
-
components:
|
|
46
|
-
- Card
|
|
47
|
-
- Section
|
|
48
|
-
- Text
|
|
49
|
-
- Row
|
|
50
|
-
- Button
|