@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,45 +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: feature-grid
|
|
7
|
-
domain: layout
|
|
8
|
-
version: 1
|
|
9
|
-
description: >-
|
|
10
|
-
Three-column grid of feature cards, each with an icon, heading, and description text.
|
|
11
|
-
tags:
|
|
12
|
-
purpose:
|
|
13
|
-
- features
|
|
14
|
-
- marketing
|
|
15
|
-
- overview
|
|
16
|
-
complexity: composed
|
|
17
|
-
layout: multi-column
|
|
18
|
-
interaction: []
|
|
19
|
-
keywords:
|
|
20
|
-
- features
|
|
21
|
-
- grid
|
|
22
|
-
- benefits
|
|
23
|
-
- capabilities
|
|
24
|
-
- overview
|
|
25
|
-
related:
|
|
26
|
-
- testimonials-grid
|
|
27
|
-
- hero-section
|
|
28
|
-
- pricing-tiers
|
|
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
|
-
- Grid
|
|
41
|
-
- Card
|
|
42
|
-
- Section
|
|
43
|
-
- Column
|
|
44
|
-
- Icon
|
|
45
|
-
- Text
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "../_schema.json",
|
|
3
|
-
"name": "hero-section",
|
|
4
|
-
"version": 1,
|
|
5
|
-
"domain": "layout",
|
|
6
|
-
"description": "Hero section with large display text, deck subtitle, and call-to-action buttons arranged in a column layout.",
|
|
7
|
-
"tags": {
|
|
8
|
-
"purpose": [
|
|
9
|
-
"landing",
|
|
10
|
-
"hero",
|
|
11
|
-
"marketing"
|
|
12
|
-
],
|
|
13
|
-
"complexity": "simple",
|
|
14
|
-
"layout": "single-column",
|
|
15
|
-
"interaction": [
|
|
16
|
-
"navigation"
|
|
17
|
-
]
|
|
18
|
-
},
|
|
19
|
-
"keywords": [
|
|
20
|
-
"hero",
|
|
21
|
-
"landing",
|
|
22
|
-
"banner",
|
|
23
|
-
"headline",
|
|
24
|
-
"cta",
|
|
25
|
-
"above-fold"
|
|
26
|
-
],
|
|
27
|
-
"related": [
|
|
28
|
-
"cta-banner",
|
|
29
|
-
"pricing-tiers"
|
|
30
|
-
],
|
|
31
|
-
"template": [
|
|
32
|
-
{
|
|
33
|
-
"id": "root",
|
|
34
|
-
"component": "Card",
|
|
35
|
-
"children": [
|
|
36
|
-
"body"
|
|
37
|
-
]
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
"id": "body",
|
|
41
|
-
"component": "Section",
|
|
42
|
-
"children": [
|
|
43
|
-
"layout"
|
|
44
|
-
]
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
"id": "layout",
|
|
48
|
-
"component": "Column",
|
|
49
|
-
"children": [
|
|
50
|
-
"headline",
|
|
51
|
-
"subtitle",
|
|
52
|
-
"actions"
|
|
53
|
-
],
|
|
54
|
-
"align": "center",
|
|
55
|
-
"gap": "lg"
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
"id": "headline",
|
|
59
|
-
"component": "Text",
|
|
60
|
-
"attrs": {
|
|
61
|
-
"align": "center"
|
|
62
|
-
},
|
|
63
|
-
"variant": "display",
|
|
64
|
-
"textContent": "Build beautiful interfaces in minutes"
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
"id": "subtitle",
|
|
68
|
-
"component": "Text",
|
|
69
|
-
"attrs": {
|
|
70
|
-
"align": "center"
|
|
71
|
-
},
|
|
72
|
-
"variant": "body",
|
|
73
|
-
"textContent": "A modern component library that helps you ship faster with pre-built, accessible UI patterns.",
|
|
74
|
-
"color": "muted"
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
"id": "actions",
|
|
78
|
-
"component": "Row",
|
|
79
|
-
"children": [
|
|
80
|
-
"btn-primary",
|
|
81
|
-
"btn-secondary"
|
|
82
|
-
],
|
|
83
|
-
"gap": "md",
|
|
84
|
-
"justify": "center"
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
"id": "btn-primary",
|
|
88
|
-
"component": "Button",
|
|
89
|
-
"variant": "primary",
|
|
90
|
-
"size": "lg",
|
|
91
|
-
"text": "Get Started"
|
|
92
|
-
},
|
|
93
|
-
{
|
|
94
|
-
"id": "btn-secondary",
|
|
95
|
-
"component": "Button",
|
|
96
|
-
"variant": "outline",
|
|
97
|
-
"size": "lg",
|
|
98
|
-
"text": "View Docs"
|
|
99
|
-
}
|
|
100
|
-
]
|
|
101
|
-
}
|
|
@@ -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: hero-section
|
|
7
|
-
domain: layout
|
|
8
|
-
version: 1
|
|
9
|
-
description: >-
|
|
10
|
-
Hero section with large display text, deck subtitle, and call-to-action buttons arranged in a column layout.
|
|
11
|
-
tags:
|
|
12
|
-
purpose:
|
|
13
|
-
- landing
|
|
14
|
-
- hero
|
|
15
|
-
- marketing
|
|
16
|
-
complexity: simple
|
|
17
|
-
layout: single-column
|
|
18
|
-
interaction:
|
|
19
|
-
- navigation
|
|
20
|
-
keywords:
|
|
21
|
-
- hero
|
|
22
|
-
- landing
|
|
23
|
-
- banner
|
|
24
|
-
- headline
|
|
25
|
-
- cta
|
|
26
|
-
- above-fold
|
|
27
|
-
related:
|
|
28
|
-
- cta-banner
|
|
29
|
-
- pricing-tiers
|
|
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
|
-
- Section
|
|
43
|
-
- Column
|
|
44
|
-
- Text
|
|
45
|
-
- Row
|
|
46
|
-
- Button
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "../_schema.json",
|
|
3
|
-
"name": "image-caption",
|
|
4
|
-
"version": 1,
|
|
5
|
-
"domain": "layout",
|
|
6
|
-
"description": "Image with a caption below.",
|
|
7
|
-
"tags": {
|
|
8
|
-
"purpose": [
|
|
9
|
-
"media"
|
|
10
|
-
],
|
|
11
|
-
"complexity": "simple",
|
|
12
|
-
"layout": "single-column",
|
|
13
|
-
"interaction": []
|
|
14
|
-
},
|
|
15
|
-
"keywords": [
|
|
16
|
-
"image",
|
|
17
|
-
"caption",
|
|
18
|
-
"figure",
|
|
19
|
-
"photo"
|
|
20
|
-
],
|
|
21
|
-
"related": [
|
|
22
|
-
"social-post",
|
|
23
|
-
"image-upload-preview"
|
|
24
|
-
],
|
|
25
|
-
"template": [
|
|
26
|
-
{
|
|
27
|
-
"id": "root",
|
|
28
|
-
"component": "Column",
|
|
29
|
-
"children": [
|
|
30
|
-
"img",
|
|
31
|
-
"cap"
|
|
32
|
-
],
|
|
33
|
-
"gap": "2"
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
"id": "img",
|
|
37
|
-
"component": "Image",
|
|
38
|
-
"src": "https://picsum.photos/600/400",
|
|
39
|
-
"aspect": "3/2"
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
"id": "cap",
|
|
43
|
-
"component": "Text",
|
|
44
|
-
"variant": "caption",
|
|
45
|
-
"textContent": "Figure 1: Description of the image"
|
|
46
|
-
}
|
|
47
|
-
]
|
|
48
|
-
}
|
|
@@ -1,37 +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: image-caption
|
|
7
|
-
domain: layout
|
|
8
|
-
version: 1
|
|
9
|
-
description: Image with a caption below.
|
|
10
|
-
tags:
|
|
11
|
-
purpose:
|
|
12
|
-
- media
|
|
13
|
-
complexity: simple
|
|
14
|
-
layout: single-column
|
|
15
|
-
interaction: []
|
|
16
|
-
keywords:
|
|
17
|
-
- image
|
|
18
|
-
- caption
|
|
19
|
-
- figure
|
|
20
|
-
- photo
|
|
21
|
-
related:
|
|
22
|
-
- social-post
|
|
23
|
-
- image-upload-preview
|
|
24
|
-
use-cases:
|
|
25
|
-
- "TODO: primary use case"
|
|
26
|
-
- "TODO: secondary use case"
|
|
27
|
-
variants:
|
|
28
|
-
- name: TODO
|
|
29
|
-
description: "TODO: variant description"
|
|
30
|
-
wiring-intent:
|
|
31
|
-
summary: Static pattern (no interactive wiring).
|
|
32
|
-
controllers: []
|
|
33
|
-
actions: []
|
|
34
|
-
components:
|
|
35
|
-
- Column
|
|
36
|
-
- Image
|
|
37
|
-
- Text
|
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "../_schema.json",
|
|
3
|
-
"name": "image-carousel",
|
|
4
|
-
"version": 1,
|
|
5
|
-
"domain": "layout",
|
|
6
|
-
"description": "Image carousel with card slides containing photos, titles, and descriptions. Single slide view with navigation.",
|
|
7
|
-
"tags": {
|
|
8
|
-
"purpose": [
|
|
9
|
-
"media-display",
|
|
10
|
-
"content-browsing"
|
|
11
|
-
],
|
|
12
|
-
"complexity": "composed",
|
|
13
|
-
"layout": "horizontal-scroll",
|
|
14
|
-
"interaction": [
|
|
15
|
-
"navigation"
|
|
16
|
-
]
|
|
17
|
-
},
|
|
18
|
-
"keywords": [
|
|
19
|
-
"carousel",
|
|
20
|
-
"swiper",
|
|
21
|
-
"slideshow",
|
|
22
|
-
"gallery",
|
|
23
|
-
"images",
|
|
24
|
-
"photos",
|
|
25
|
-
"slider"
|
|
26
|
-
],
|
|
27
|
-
"related": [
|
|
28
|
-
"testimonials-carousel",
|
|
29
|
-
"feature-carousel",
|
|
30
|
-
"product-carousel"
|
|
31
|
-
],
|
|
32
|
-
"template": [
|
|
33
|
-
{
|
|
34
|
-
"id": "root",
|
|
35
|
-
"component": "Swiper",
|
|
36
|
-
"gap": "4",
|
|
37
|
-
"children": [
|
|
38
|
-
"slide-1",
|
|
39
|
-
"slide-2",
|
|
40
|
-
"slide-3"
|
|
41
|
-
]
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
"id": "slide-1",
|
|
45
|
-
"component": "Card",
|
|
46
|
-
"variant": "outlined",
|
|
47
|
-
"children": [
|
|
48
|
-
"img-1",
|
|
49
|
-
"body-1"
|
|
50
|
-
]
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
"id": "img-1",
|
|
54
|
-
"component": "Image",
|
|
55
|
-
"src": "https://picsum.photos/seed/carousel1/800/400",
|
|
56
|
-
"alt": "Featured image"
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
"id": "body-1",
|
|
60
|
-
"component": "Section",
|
|
61
|
-
"children": [
|
|
62
|
-
"content-1"
|
|
63
|
-
]
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
"id": "content-1",
|
|
67
|
-
"component": "Column",
|
|
68
|
-
"gap": "1",
|
|
69
|
-
"children": [
|
|
70
|
-
"title-1",
|
|
71
|
-
"desc-1"
|
|
72
|
-
]
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
"id": "title-1",
|
|
76
|
-
"component": "Text",
|
|
77
|
-
"textContent": "Mountain Retreat",
|
|
78
|
-
"strong": true
|
|
79
|
-
},
|
|
80
|
-
{
|
|
81
|
-
"id": "desc-1",
|
|
82
|
-
"component": "Text",
|
|
83
|
-
"textContent": "Escape to the peaks with panoramic alpine views.",
|
|
84
|
-
"variant": "caption"
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
"id": "slide-2",
|
|
88
|
-
"component": "Card",
|
|
89
|
-
"variant": "outlined",
|
|
90
|
-
"children": [
|
|
91
|
-
"img-2",
|
|
92
|
-
"body-2"
|
|
93
|
-
]
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
"id": "img-2",
|
|
97
|
-
"component": "Image",
|
|
98
|
-
"src": "https://picsum.photos/seed/carousel2/800/400",
|
|
99
|
-
"alt": "Featured image"
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
"id": "body-2",
|
|
103
|
-
"component": "Section",
|
|
104
|
-
"children": [
|
|
105
|
-
"content-2"
|
|
106
|
-
]
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
"id": "content-2",
|
|
110
|
-
"component": "Column",
|
|
111
|
-
"gap": "1",
|
|
112
|
-
"children": [
|
|
113
|
-
"title-2",
|
|
114
|
-
"desc-2"
|
|
115
|
-
]
|
|
116
|
-
},
|
|
117
|
-
{
|
|
118
|
-
"id": "title-2",
|
|
119
|
-
"component": "Text",
|
|
120
|
-
"textContent": "Coastal Paradise",
|
|
121
|
-
"strong": true
|
|
122
|
-
},
|
|
123
|
-
{
|
|
124
|
-
"id": "desc-2",
|
|
125
|
-
"component": "Text",
|
|
126
|
-
"textContent": "White sand beaches and stunning sunsets.",
|
|
127
|
-
"variant": "caption"
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
"id": "slide-3",
|
|
131
|
-
"component": "Card",
|
|
132
|
-
"variant": "outlined",
|
|
133
|
-
"children": [
|
|
134
|
-
"img-3",
|
|
135
|
-
"body-3"
|
|
136
|
-
]
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
"id": "img-3",
|
|
140
|
-
"component": "Image",
|
|
141
|
-
"src": "https://picsum.photos/seed/carousel3/800/400",
|
|
142
|
-
"alt": "Featured image"
|
|
143
|
-
},
|
|
144
|
-
{
|
|
145
|
-
"id": "body-3",
|
|
146
|
-
"component": "Section",
|
|
147
|
-
"children": [
|
|
148
|
-
"content-3"
|
|
149
|
-
]
|
|
150
|
-
},
|
|
151
|
-
{
|
|
152
|
-
"id": "content-3",
|
|
153
|
-
"component": "Column",
|
|
154
|
-
"gap": "1",
|
|
155
|
-
"children": [
|
|
156
|
-
"title-3",
|
|
157
|
-
"desc-3"
|
|
158
|
-
]
|
|
159
|
-
},
|
|
160
|
-
{
|
|
161
|
-
"id": "title-3",
|
|
162
|
-
"component": "Text",
|
|
163
|
-
"textContent": "Forest Lodge",
|
|
164
|
-
"strong": true
|
|
165
|
-
},
|
|
166
|
-
{
|
|
167
|
-
"id": "desc-3",
|
|
168
|
-
"component": "Text",
|
|
169
|
-
"textContent": "Secluded cabins surrounded by ancient redwoods.",
|
|
170
|
-
"variant": "caption"
|
|
171
|
-
}
|
|
172
|
-
]
|
|
173
|
-
}
|
|
@@ -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: image-carousel
|
|
7
|
-
domain: layout
|
|
8
|
-
version: 1
|
|
9
|
-
description: >-
|
|
10
|
-
Image carousel with card slides containing photos, titles, and descriptions. Single slide view with navigation.
|
|
11
|
-
tags:
|
|
12
|
-
purpose:
|
|
13
|
-
- media-display
|
|
14
|
-
- content-browsing
|
|
15
|
-
complexity: composed
|
|
16
|
-
layout: horizontal-scroll
|
|
17
|
-
interaction:
|
|
18
|
-
- navigation
|
|
19
|
-
keywords:
|
|
20
|
-
- carousel
|
|
21
|
-
- swiper
|
|
22
|
-
- slideshow
|
|
23
|
-
- gallery
|
|
24
|
-
- images
|
|
25
|
-
- photos
|
|
26
|
-
- slider
|
|
27
|
-
related:
|
|
28
|
-
- testimonials-carousel
|
|
29
|
-
- feature-carousel
|
|
30
|
-
- product-carousel
|
|
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
|
-
- Swiper
|
|
43
|
-
- Card
|
|
44
|
-
- Image
|
|
45
|
-
- Section
|
|
46
|
-
- Column
|
|
47
|
-
- Text
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "../_schema.json",
|
|
3
|
-
"name": "image-gallery",
|
|
4
|
-
"version": 1,
|
|
5
|
-
"domain": "layout",
|
|
6
|
-
"description": "Grid of 6 image components in cards, masonry-style gallery layout.",
|
|
7
|
-
"tags": {
|
|
8
|
-
"purpose": [
|
|
9
|
-
"media"
|
|
10
|
-
],
|
|
11
|
-
"complexity": "composed",
|
|
12
|
-
"layout": "grid",
|
|
13
|
-
"interaction": [
|
|
14
|
-
"click"
|
|
15
|
-
]
|
|
16
|
-
},
|
|
17
|
-
"keywords": [
|
|
18
|
-
"image",
|
|
19
|
-
"gallery",
|
|
20
|
-
"masonry",
|
|
21
|
-
"grid",
|
|
22
|
-
"photos",
|
|
23
|
-
"media",
|
|
24
|
-
"card",
|
|
25
|
-
"columns",
|
|
26
|
-
"content",
|
|
27
|
-
"image-gallery"
|
|
28
|
-
],
|
|
29
|
-
"related": [
|
|
30
|
-
"image-caption",
|
|
31
|
-
"product-card"
|
|
32
|
-
],
|
|
33
|
-
"template": [
|
|
34
|
-
{
|
|
35
|
-
"id": "root",
|
|
36
|
-
"component": "Grid",
|
|
37
|
-
"columns": 3,
|
|
38
|
-
"gap": "3",
|
|
39
|
-
"variant": "masonry",
|
|
40
|
-
"children": [
|
|
41
|
-
"c1",
|
|
42
|
-
"c2",
|
|
43
|
-
"c3",
|
|
44
|
-
"c4",
|
|
45
|
-
"c5",
|
|
46
|
-
"c6"
|
|
47
|
-
]
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"id": "c1",
|
|
51
|
-
"component": "Card",
|
|
52
|
-
"children": [
|
|
53
|
-
"i1"
|
|
54
|
-
]
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
"id": "i1",
|
|
58
|
-
"component": "Image",
|
|
59
|
-
"src": "https://picsum.photos/400/500",
|
|
60
|
-
"alt": "Gallery image 1"
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
"id": "c2",
|
|
64
|
-
"component": "Card",
|
|
65
|
-
"children": [
|
|
66
|
-
"i2"
|
|
67
|
-
]
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
"id": "i2",
|
|
71
|
-
"component": "Image",
|
|
72
|
-
"src": "https://picsum.photos/400/300",
|
|
73
|
-
"alt": "Gallery image 2"
|
|
74
|
-
},
|
|
75
|
-
{
|
|
76
|
-
"id": "c3",
|
|
77
|
-
"component": "Card",
|
|
78
|
-
"children": [
|
|
79
|
-
"i3"
|
|
80
|
-
]
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
"id": "i3",
|
|
84
|
-
"component": "Image",
|
|
85
|
-
"src": "https://picsum.photos/400/400",
|
|
86
|
-
"alt": "Gallery image 3"
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
"id": "c4",
|
|
90
|
-
"component": "Card",
|
|
91
|
-
"children": [
|
|
92
|
-
"i4"
|
|
93
|
-
]
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
"id": "i4",
|
|
97
|
-
"component": "Image",
|
|
98
|
-
"src": "https://picsum.photos/400/350",
|
|
99
|
-
"alt": "Gallery image 4"
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
"id": "c5",
|
|
103
|
-
"component": "Card",
|
|
104
|
-
"children": [
|
|
105
|
-
"i5"
|
|
106
|
-
]
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
"id": "i5",
|
|
110
|
-
"component": "Image",
|
|
111
|
-
"src": "https://picsum.photos/400/450",
|
|
112
|
-
"alt": "Gallery image 5"
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
"id": "c6",
|
|
116
|
-
"component": "Card",
|
|
117
|
-
"children": [
|
|
118
|
-
"i6"
|
|
119
|
-
]
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
"id": "i6",
|
|
123
|
-
"component": "Image",
|
|
124
|
-
"src": "https://picsum.photos/400/320",
|
|
125
|
-
"alt": "Gallery image 6"
|
|
126
|
-
}
|
|
127
|
-
]
|
|
128
|
-
}
|
|
@@ -1,45 +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: image-gallery
|
|
7
|
-
domain: layout
|
|
8
|
-
version: 1
|
|
9
|
-
description: >-
|
|
10
|
-
Grid of 6 image components in cards, masonry-style gallery layout.
|
|
11
|
-
tags:
|
|
12
|
-
purpose:
|
|
13
|
-
- media
|
|
14
|
-
complexity: composed
|
|
15
|
-
layout: grid
|
|
16
|
-
interaction:
|
|
17
|
-
- click
|
|
18
|
-
keywords:
|
|
19
|
-
- image
|
|
20
|
-
- gallery
|
|
21
|
-
- masonry
|
|
22
|
-
- grid
|
|
23
|
-
- photos
|
|
24
|
-
- media
|
|
25
|
-
- card
|
|
26
|
-
- columns
|
|
27
|
-
- content
|
|
28
|
-
- image-gallery
|
|
29
|
-
related:
|
|
30
|
-
- image-caption
|
|
31
|
-
- product-card
|
|
32
|
-
use-cases:
|
|
33
|
-
- "TODO: primary use case"
|
|
34
|
-
- "TODO: secondary use case"
|
|
35
|
-
variants:
|
|
36
|
-
- name: TODO
|
|
37
|
-
description: "TODO: variant description"
|
|
38
|
-
wiring-intent:
|
|
39
|
-
summary: Static pattern (no interactive wiring).
|
|
40
|
-
controllers: []
|
|
41
|
-
actions: []
|
|
42
|
-
components:
|
|
43
|
-
- Grid
|
|
44
|
-
- Card
|
|
45
|
-
- Image
|