@adia-ai/a2ui-corpus 0.0.1
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 +98 -0
- package/README.md +168 -0
- package/catalog-a2ui_0_9.json +12554 -0
- package/catalog-a2ui_0_9_rules.txt +54 -0
- package/compositions/_schema.json +26 -0
- package/compositions/agent/ai-streaming-response.json +19 -0
- package/compositions/agent/ai-streaming-response.yaml +32 -0
- package/compositions/agent/alert-banner.json +23 -0
- package/compositions/agent/alert-banner.yaml +34 -0
- package/compositions/agent/chat-interface.json +127 -0
- package/compositions/agent/chat-interface.yaml +34 -0
- package/compositions/agent/command-palette.json +113 -0
- package/compositions/agent/command-palette.yaml +30 -0
- package/compositions/agent/empty-state.json +22 -0
- package/compositions/agent/empty-state.yaml +35 -0
- package/compositions/agent/error-state-retry.json +32 -0
- package/compositions/agent/loading-skeleton.json +25 -0
- package/compositions/agent/loading-skeleton.yaml +31 -0
- package/compositions/agent/notification-preferences.json +177 -0
- package/compositions/agent/toast-stack.json +17 -0
- package/compositions/agent/toast-stack.yaml +28 -0
- package/compositions/data/activity-feed.json +31 -0
- package/compositions/data/activity-feed.yaml +43 -0
- package/compositions/data/audit-log-viewer.json +75 -0
- package/compositions/data/bookmark-list.json +32 -0
- package/compositions/data/bookmark-list.yaml +41 -0
- package/compositions/data/bulk-action-toolbar.json +28 -0
- package/compositions/data/changelog-feed.json +54 -0
- package/compositions/data/chart-dashboard.json +26 -0
- package/compositions/data/chart-dashboard.yaml +34 -0
- package/compositions/data/cohort-retention.json +50 -0
- package/compositions/data/column-manager.json +321 -0
- package/compositions/data/data-table-paginated.json +29 -0
- package/compositions/data/data-table-paginated.yaml +36 -0
- package/compositions/data/email-inbox-list.json +30 -0
- package/compositions/data/email-inbox-list.yaml +41 -0
- package/compositions/data/funnel-analytics.json +34 -0
- package/compositions/data/heatmap-calendar.json +122 -0
- package/compositions/data/invoice-table.json +26 -0
- package/compositions/data/invoice-table.yaml +33 -0
- package/compositions/data/kpi-overview.json +28 -0
- package/compositions/data/kpi-overview.yaml +42 -0
- package/compositions/data/notification-center.json +31 -0
- package/compositions/data/notification-center.yaml +41 -0
- package/compositions/data/object-inspector.json +53 -0
- package/compositions/data/product-specs-card.json +19 -0
- package/compositions/data/product-specs-card.yaml +35 -0
- package/compositions/data/progress-tracker.json +27 -0
- package/compositions/data/progress-tracker.yaml +47 -0
- package/compositions/data/review-card.json +21 -0
- package/compositions/data/review-card.yaml +34 -0
- package/compositions/data/saved-views-filter-bar.json +52 -0
- package/compositions/data/shopping-cart-summary.json +28 -0
- package/compositions/data/shopping-cart-summary.yaml +43 -0
- package/compositions/data/stat-card-dashboard.json +30 -0
- package/compositions/data/stat-card-dashboard.yaml +44 -0
- package/compositions/data/status-page.json +48 -0
- package/compositions/data/virtualized-table.json +50 -0
- package/compositions/data/weather-widget.json +20 -0
- package/compositions/data/weather-widget.yaml +31 -0
- package/compositions/form/data-import-wizard.json +217 -0
- package/compositions/forms/change-password-form.json +32 -0
- package/compositions/forms/change-password-form.yaml +44 -0
- package/compositions/forms/color-picker-panel.json +25 -0
- package/compositions/forms/color-picker-panel.yaml +36 -0
- package/compositions/forms/contact-form.json +49 -0
- package/compositions/forms/contact-form.yaml +54 -0
- package/compositions/forms/credit-card-payment-form.json +33 -0
- package/compositions/forms/credit-card-payment-form.yaml +46 -0
- package/compositions/forms/data-import-mapper.json +247 -0
- package/compositions/forms/date-time-picker-form.json +23 -0
- package/compositions/forms/date-time-picker-form.yaml +38 -0
- package/compositions/forms/destructive-confirm.json +43 -0
- package/compositions/forms/feedback-form.json +30 -0
- package/compositions/forms/feedback-form.yaml +41 -0
- package/compositions/forms/file-upload-form.json +28 -0
- package/compositions/forms/file-upload-form.yaml +37 -0
- package/compositions/forms/login-form.json +71 -0
- package/compositions/forms/login-form.yaml +43 -0
- package/compositions/forms/multi-step-wizard.json +27 -0
- package/compositions/forms/multi-step-wizard.yaml +37 -0
- package/compositions/forms/newsletter-subscription-form.json +28 -0
- package/compositions/forms/newsletter-subscription-form.yaml +40 -0
- package/compositions/forms/otp-verification-form.json +29 -0
- package/compositions/forms/otp-verification-form.yaml +42 -0
- package/compositions/forms/password-reset-form.json +28 -0
- package/compositions/forms/password-reset-form.yaml +40 -0
- package/compositions/forms/permission-matrix.json +40 -0
- package/compositions/forms/profile-edit-form.json +32 -0
- package/compositions/forms/profile-edit-form.yaml +46 -0
- package/compositions/forms/radio-group-form.json +30 -0
- package/compositions/forms/radio-group-form.yaml +39 -0
- package/compositions/forms/search-filters.json +30 -0
- package/compositions/forms/search-filters.yaml +41 -0
- package/compositions/forms/settings-toggles-page.json +32 -0
- package/compositions/forms/settings-toggles-page.yaml +43 -0
- package/compositions/forms/signup-form.json +34 -0
- package/compositions/forms/signup-form.yaml +48 -0
- package/compositions/forms/slider-range-form.json +17 -0
- package/compositions/forms/slider-range-form.yaml +34 -0
- package/compositions/forms/tag-input-form.json +24 -0
- package/compositions/forms/tag-input-form.yaml +31 -0
- package/compositions/forms/team-members-rbac.json +279 -0
- package/compositions/layout/accordion-settings.json +56 -0
- package/compositions/layout/avatar-group-display.json +20 -0
- package/compositions/layout/avatar-group-display.yaml +30 -0
- package/compositions/layout/badge-variants-display.json +27 -0
- package/compositions/layout/badge-variants-display.yaml +31 -0
- package/compositions/layout/bento-overview.json +40 -0
- package/compositions/layout/calendar-month-view.json +209 -0
- package/compositions/layout/calendar-month-view.yaml +29 -0
- package/compositions/layout/code-block.json +21 -0
- package/compositions/layout/code-block.yaml +30 -0
- package/compositions/layout/comparison-table.json +28 -0
- package/compositions/layout/comparison-table.yaml +32 -0
- package/compositions/layout/divider-with-label.json +17 -0
- package/compositions/layout/divider-with-label.yaml +29 -0
- package/compositions/layout/drawer-panel.json +23 -0
- package/compositions/layout/drawer-panel.yaml +34 -0
- package/compositions/layout/embed-iframe.json +19 -0
- package/compositions/layout/embed-iframe.yaml +31 -0
- package/compositions/layout/faq-accordion.json +85 -0
- package/compositions/layout/faq-accordion.yaml +32 -0
- package/compositions/layout/feature-grid.json +33 -0
- package/compositions/layout/feature-grid.yaml +42 -0
- package/compositions/layout/footer-nav.json +30 -0
- package/compositions/layout/footer-nav.yaml +35 -0
- package/compositions/layout/hero-cta.json +24 -0
- package/compositions/layout/hero-cta.yaml +35 -0
- package/compositions/layout/image-gallery.json +20 -0
- package/compositions/layout/image-gallery.yaml +43 -0
- package/compositions/layout/image-with-caption.json +19 -0
- package/compositions/layout/image-with-caption.yaml +29 -0
- package/compositions/layout/kanban-board.json +38 -0
- package/compositions/layout/kanban-board.yaml +37 -0
- package/compositions/layout/keyboard-shortcuts.json +26 -0
- package/compositions/layout/keyboard-shortcuts.yaml +42 -0
- package/compositions/layout/markdown-editor-preview.json +166 -0
- package/compositions/layout/media-player.json +22 -0
- package/compositions/layout/media-player.yaml +30 -0
- package/compositions/layout/modal-form.json +22 -0
- package/compositions/layout/modal-form.yaml +34 -0
- package/compositions/layout/onboarding-checklist.json +94 -0
- package/compositions/layout/onboarding-checklist.yaml +31 -0
- package/compositions/layout/popover-tooltip.json +21 -0
- package/compositions/layout/popover-tooltip.yaml +31 -0
- package/compositions/layout/pricing-tiers.json +42 -0
- package/compositions/layout/pricing-tiers.yaml +41 -0
- package/compositions/layout/product-card.json +28 -0
- package/compositions/layout/product-card.yaml +35 -0
- package/compositions/layout/sidebar-layout.json +24 -0
- package/compositions/layout/sidebar-layout.yaml +39 -0
- package/compositions/layout/split-pane-layout.json +20 -0
- package/compositions/layout/split-pane-layout.yaml +31 -0
- package/compositions/layout/tabs-panel.json +25 -0
- package/compositions/layout/tabs-panel.yaml +34 -0
- package/compositions/layout/testimonial-grid.json +42 -0
- package/compositions/layout/testimonial-grid.yaml +39 -0
- package/compositions/layout/three-pane-shell.json +316 -0
- package/compositions/layout/toolbar-actions.json +22 -0
- package/compositions/layout/toolbar-actions.yaml +29 -0
- package/compositions/navigation/breadcrumb-nav.json +18 -0
- package/compositions/navigation/breadcrumb-nav.yaml +29 -0
- package/compositions/navigation/nav-menu-with-icons.json +25 -0
- package/compositions/navigation/nav-menu-with-icons.yaml +39 -0
- package/compositions/navigation/pagination-controls.json +44 -0
- package/compositions/navigation/pagination-controls.yaml +34 -0
- package/compositions/navigation/segmented-control-tabs.json +17 -0
- package/compositions/navigation/segmented-control-tabs.yaml +29 -0
- package/compositions/navigation/workspace-switcher.json +29 -0
- package/compositions/settings/api-keys.json +57 -0
- package/compositions/settings/feature-flags.json +41 -0
- package/compositions/settings/integrations-gallery.json +66 -0
- package/compositions/settings/session-device-mgmt.json +52 -0
- package/compositions/settings/usage-quota-meter.json +47 -0
- package/compositions/settings/webhooks.json +62 -0
- package/exemplars/AUDIT-REPORT.md +116 -0
- package/exemplars/blocks-reference.md +409 -0
- package/exemplars/index.html +21 -0
- package/exemplars/prose/auth-login/a2ui.json +2143 -0
- package/exemplars/prose/auth-login/auth-login.yaml +38 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-1.json +316 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-10.json +102 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-11.json +100 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-12.json +101 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-13.json +117 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-2.json +132 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-3.json +190 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-4.json +64 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-5.json +68 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-6.json +117 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-7.json +86 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-8.json +218 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-9.json +81 -0
- package/exemplars/prose/auth-login/index.html +539 -0
- package/exemplars/prose/cta/README.md +3 -0
- package/exemplars/prose/cta/a2ui.json +570 -0
- package/exemplars/prose/cta/chunks/prose-cta-card-1.json +191 -0
- package/exemplars/prose/cta/chunks/prose-cta-card-2.json +96 -0
- package/exemplars/prose/cta/cta.yaml +38 -0
- package/exemplars/prose/cta/data.json +6 -0
- package/exemplars/prose/cta/index.html +143 -0
- package/exemplars/prose/feature-grid/README.md +3 -0
- package/exemplars/prose/feature-grid/a2ui.json +464 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-1.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-2.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-3.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-4.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-5.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-6.json +72 -0
- package/exemplars/prose/feature-grid/data.json +13 -0
- package/exemplars/prose/feature-grid/feature-grid.yaml +35 -0
- package/exemplars/prose/feature-grid/index.html +103 -0
- package/exemplars/prose/footer/README.md +3 -0
- package/exemplars/prose/footer/a2ui.json +359 -0
- package/exemplars/prose/footer/data.json +10 -0
- package/exemplars/prose/footer/footer.yaml +32 -0
- package/exemplars/prose/footer/index.html +110 -0
- package/exemplars/prose/hero/README.md +3 -0
- package/exemplars/prose/hero/a2ui.json +982 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-1.json +52 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-2.json +52 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-3.json +50 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-4.json +50 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-5.json +50 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-6.json +70 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-7.json +70 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-8.json +70 -0
- package/exemplars/prose/hero/data.json +6 -0
- package/exemplars/prose/hero/hero.yaml +38 -0
- package/exemplars/prose/hero/index.html +227 -0
- package/exemplars/prose/pricing/README.md +3 -0
- package/exemplars/prose/pricing/a2ui.json +1367 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-1.json +240 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-2.json +312 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-3.json +333 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-4.json +51 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-5.json +51 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-6.json +51 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-7.json +51 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-8.json +80 -0
- package/exemplars/prose/pricing/data.json +9 -0
- package/exemplars/prose/pricing/index.html +308 -0
- package/exemplars/prose/pricing/pricing.yaml +38 -0
- package/exemplars/prose/steps/README.md +3 -0
- package/exemplars/prose/steps/a2ui.json +662 -0
- package/exemplars/prose/steps/chunks/prose-steps-card-1.json +129 -0
- package/exemplars/prose/steps/chunks/prose-steps-card-2.json +114 -0
- package/exemplars/prose/steps/chunks/prose-steps-card-3.json +182 -0
- package/exemplars/prose/steps/chunks/prose-steps-card-4.json +172 -0
- package/exemplars/prose/steps/data.json +31 -0
- package/exemplars/prose/steps/index.html +173 -0
- package/exemplars/prose/steps/setup.js +12 -0
- package/exemplars/prose/steps/steps.yaml +38 -0
- package/exemplars/prose/testimonials/README.md +3 -0
- package/exemplars/prose/testimonials/a2ui.json +1373 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-1.json +182 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-2.json +145 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-3.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-4.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-5.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-6.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-7.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-8.json +173 -0
- package/exemplars/prose/testimonials/data.json +14 -0
- package/exemplars/prose/testimonials/index.html +294 -0
- package/exemplars/prose/testimonials/testimonials.yaml +33 -0
- package/exemplars/ui/auth-login/a2ui.json +1821 -0
- package/exemplars/ui/auth-login/auth-login.yaml +38 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-1.json +172 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-10.json +123 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-11.json +101 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-12.json +108 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-2.json +153 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-3.json +201 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-4.json +148 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-5.json +91 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-6.json +112 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-7.json +100 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-8.json +99 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-9.json +286 -0
- package/exemplars/ui/auth-login/index.html +383 -0
- package/fragments/_schema.json +72 -0
- package/fragments/action/dual-cta-row.json +29 -0
- package/fragments/action/dual-cta-row.yaml +34 -0
- package/fragments/action/footer-cancel-save.json +31 -0
- package/fragments/action/footer-cancel-save.yaml +34 -0
- package/fragments/action/footer-primary-only.json +23 -0
- package/fragments/action/footer-primary-only.yaml +26 -0
- package/fragments/content/calendar-day-cell.json +29 -0
- package/fragments/content/chart-legend.json +122 -0
- package/fragments/content/column-config-atom.json +121 -0
- package/fragments/content/credential-entry-atom.json +128 -0
- package/fragments/content/directory-entry-atom.json +150 -0
- package/fragments/content/email-row.json +35 -0
- package/fragments/content/email-row.yaml +43 -0
- package/fragments/content/faq-item.json +54 -0
- package/fragments/content/health-entry-atom.json +87 -0
- package/fragments/content/icon-text-row.json +29 -0
- package/fragments/content/icon-text-row.yaml +36 -0
- package/fragments/content/icon-title-description.json +30 -0
- package/fragments/content/icon-title-description.yaml +37 -0
- package/fragments/content/image-tile.json +28 -0
- package/fragments/content/image-tile.yaml +32 -0
- package/fragments/content/incident-row.json +109 -0
- package/fragments/content/kbd-shortcut-row.json +29 -0
- package/fragments/content/kbd-shortcut-row.yaml +33 -0
- package/fragments/content/key-value-row.json +29 -0
- package/fragments/content/key-value-row.yaml +36 -0
- package/fragments/content/labeled-progress.json +29 -0
- package/fragments/content/labeled-progress.yaml +33 -0
- package/fragments/content/link-list-column.json +33 -0
- package/fragments/content/link-list-column.yaml +41 -0
- package/fragments/content/linked-record-row.json +95 -0
- package/fragments/content/marketplace-tile-atom.json +149 -0
- package/fragments/content/metadata-description-list.json +28 -0
- package/fragments/content/metadata-description-list.yaml +36 -0
- package/fragments/content/pending-invite-row.json +113 -0
- package/fragments/content/release-entry.json +159 -0
- package/fragments/content/rollout-entry-atom.json +170 -0
- package/fragments/content/signed-in-entry-atom.json +159 -0
- package/fragments/content/stage-entry-atom.json +117 -0
- package/fragments/content/stat-card.json +31 -0
- package/fragments/content/stat-card.yaml +39 -0
- package/fragments/content/user-identity-row.json +33 -0
- package/fragments/content/user-identity-row.yaml +43 -0
- package/fragments/content/user-notification-row.json +35 -0
- package/fragments/content/user-notification-row.yaml +50 -0
- package/fragments/content/wizard-step-row.json +96 -0
- package/fragments/form/labeled-checkbox.json +27 -0
- package/fragments/form/labeled-checkbox.yaml +36 -0
- package/fragments/form/labeled-input.json +28 -0
- package/fragments/form/labeled-input.yaml +38 -0
- package/fragments/form/labeled-slider.json +34 -0
- package/fragments/form/labeled-slider.yaml +50 -0
- package/fragments/form/labeled-textarea.json +28 -0
- package/fragments/form/labeled-textarea.yaml +39 -0
- package/fragments/form/labeled-toggle.json +29 -0
- package/fragments/form/labeled-toggle.yaml +43 -0
- package/fragments/form/rating-row.json +31 -0
- package/fragments/form/rating-row.yaml +40 -0
- package/fragments/layout/card-header-heading.json +39 -0
- package/fragments/layout/card-header-heading.yaml +27 -0
- package/fragments/layout/card-header-with-badge.json +30 -0
- package/fragments/layout/card-header-with-badge.yaml +40 -0
- package/fragments/layout/card-header-with-description.json +29 -0
- package/fragments/layout/card-header-with-description.yaml +32 -0
- package/fragments/layout/pricing-tier-card.json +37 -0
- package/fragments/layout/pricing-tier-card.yaml +50 -0
- package/fragments/layout/text-card.json +28 -0
- package/fragments/layout/text-card.yaml +30 -0
- package/manifest.json +6 -0
- package/package.json +33 -0
- package/patterns/_components.json +3320 -0
- package/patterns/_index.json +3232 -0
- package/patterns/_schema.json +206 -0
- package/patterns/_taxonomy.json +1970 -0
- package/patterns/agent/_domain.json +27 -0
- package/patterns/agent/alert-banner.json +41 -0
- package/patterns/agent/alert-banner.yaml +38 -0
- package/patterns/agent/chat-interface.json +205 -0
- package/patterns/agent/chat-interface.yaml +58 -0
- package/patterns/agent/command-palette.json +169 -0
- package/patterns/agent/command-palette.yaml +48 -0
- package/patterns/agent/empty-state.json +77 -0
- package/patterns/agent/empty-state.yaml +44 -0
- package/patterns/agent/error-state.json +67 -0
- package/patterns/agent/error-state.yaml +43 -0
- package/patterns/agent/loading-skeleton.json +101 -0
- package/patterns/agent/loading-skeleton.yaml +41 -0
- package/patterns/agent/notifications.json +87 -0
- package/patterns/agent/notifications.yaml +41 -0
- package/patterns/agent/streaming-response.json +58 -0
- package/patterns/agent/streaming-response.yaml +41 -0
- package/patterns/agent/toast-notification.json +70 -0
- package/patterns/agent/toast-notification.yaml +45 -0
- package/patterns/data/_domain.json +35 -0
- package/patterns/data/admin-dashboard-with-charts.json +755 -0
- package/patterns/data/admin-dashboard-with-charts.yaml +79 -0
- package/patterns/data/api-key-table.json +131 -0
- package/patterns/data/api-key-table.yaml +43 -0
- package/patterns/data/bookmark-list-categories.json +143 -0
- package/patterns/data/bookmark-list-categories.yaml +53 -0
- package/patterns/data/bookmark-list.json +163 -0
- package/patterns/data/bookmark-list.yaml +47 -0
- package/patterns/data/chart-dashboard.json +335 -0
- package/patterns/data/chart-dashboard.yaml +48 -0
- package/patterns/data/dashboard.json +153 -0
- package/patterns/data/dashboard.yaml +45 -0
- package/patterns/data/data-table-view.json +121 -0
- package/patterns/data/data-table-view.yaml +61 -0
- package/patterns/data/email-inbox.json +272 -0
- package/patterns/data/email-inbox.yaml +48 -0
- package/patterns/data/event-calendar-details.json +334 -0
- package/patterns/data/event-calendar-details.yaml +57 -0
- package/patterns/data/inventory-table.json +119 -0
- package/patterns/data/inventory-table.yaml +42 -0
- package/patterns/data/leaderboard.json +131 -0
- package/patterns/data/leaderboard.yaml +41 -0
- package/patterns/data/metrics.json +163 -0
- package/patterns/data/metrics.yaml +40 -0
- package/patterns/data/notification-center.json +264 -0
- package/patterns/data/notification-center.yaml +56 -0
- package/patterns/data/onboarding-checklist.json +114 -0
- package/patterns/data/onboarding-checklist.yaml +43 -0
- package/patterns/data/order-tracking.json +167 -0
- package/patterns/data/order-tracking.yaml +48 -0
- package/patterns/data/pagination-nav.json +48 -0
- package/patterns/data/pagination-nav.yaml +42 -0
- package/patterns/data/progress-dashboard.json +195 -0
- package/patterns/data/progress-dashboard.yaml +50 -0
- package/patterns/data/progress-tracker.json +119 -0
- package/patterns/data/progress-tracker.yaml +44 -0
- package/patterns/data/restaurant-menu.json +271 -0
- package/patterns/data/restaurant-menu.yaml +58 -0
- package/patterns/data/stat-cards.json +144 -0
- package/patterns/data/stat-cards.yaml +42 -0
- package/patterns/data/team-activity.json +170 -0
- package/patterns/data/team-activity.yaml +46 -0
- package/patterns/forms/_domain.json +32 -0
- package/patterns/forms/auth-signup.json +221 -0
- package/patterns/forms/auth-signup.yaml +55 -0
- package/patterns/forms/bleed-design-settings.json +201 -0
- package/patterns/forms/bleed-design-settings.yaml +57 -0
- package/patterns/forms/color-picker-demo.json +52 -0
- package/patterns/forms/color-picker-demo.yaml +43 -0
- package/patterns/forms/color-picker-panel.json +48 -0
- package/patterns/forms/color-picker-panel.yaml +38 -0
- package/patterns/forms/color-theme-builder.json +198 -0
- package/patterns/forms/color-theme-builder.yaml +55 -0
- package/patterns/forms/create-form.json +191 -0
- package/patterns/forms/create-form.yaml +55 -0
- package/patterns/forms/credit-card-payment.json +282 -0
- package/patterns/forms/credit-card-payment.yaml +61 -0
- package/patterns/forms/data-import.json +111 -0
- package/patterns/forms/data-import.yaml +49 -0
- package/patterns/forms/date-picker.json +85 -0
- package/patterns/forms/date-picker.yaml +44 -0
- package/patterns/forms/date-range-picker.json +155 -0
- package/patterns/forms/date-range-picker.yaml +54 -0
- package/patterns/forms/file-upload-form.json +151 -0
- package/patterns/forms/file-upload-form.yaml +60 -0
- package/patterns/forms/file-upload-gallery.json +174 -0
- package/patterns/forms/file-upload-gallery.yaml +56 -0
- package/patterns/forms/image-upload-preview.json +72 -0
- package/patterns/forms/image-upload-preview.yaml +42 -0
- package/patterns/forms/login-form.json +213 -0
- package/patterns/forms/login-form.yaml +61 -0
- package/patterns/forms/modal-dialog-form.json +233 -0
- package/patterns/forms/modal-dialog-form.yaml +52 -0
- package/patterns/forms/newsletter-subscribe.json +69 -0
- package/patterns/forms/newsletter-subscribe.yaml +47 -0
- package/patterns/forms/notification-filters.json +345 -0
- package/patterns/forms/notification-filters.yaml +80 -0
- package/patterns/forms/notification-preferences.json +302 -0
- package/patterns/forms/notification-preferences.yaml +66 -0
- package/patterns/forms/otp-form.json +89 -0
- package/patterns/forms/otp-form.yaml +46 -0
- package/patterns/forms/otp-verification.json +128 -0
- package/patterns/forms/otp-verification.yaml +52 -0
- package/patterns/forms/password-reset.json +206 -0
- package/patterns/forms/password-reset.yaml +56 -0
- package/patterns/forms/price-range-filter.json +133 -0
- package/patterns/forms/price-range-filter.yaml +51 -0
- package/patterns/forms/radio-group-selection.json +209 -0
- package/patterns/forms/radio-group-selection.yaml +51 -0
- package/patterns/forms/radio-group.json +143 -0
- package/patterns/forms/radio-group.yaml +50 -0
- package/patterns/forms/search-filters.json +201 -0
- package/patterns/forms/search-filters.yaml +60 -0
- package/patterns/forms/settings-page.json +364 -0
- package/patterns/forms/settings-page.yaml +64 -0
- package/patterns/forms/slider-range.json +119 -0
- package/patterns/forms/slider-range.yaml +45 -0
- package/patterns/forms/survey-rating-scales.json +450 -0
- package/patterns/forms/survey-rating-scales.yaml +69 -0
- package/patterns/forms/tag-input.json +112 -0
- package/patterns/forms/tag-input.yaml +47 -0
- package/patterns/forms/theme-customizer.json +180 -0
- package/patterns/forms/theme-customizer.yaml +53 -0
- package/patterns/forms/two-factor-auth.json +99 -0
- package/patterns/forms/two-factor-auth.yaml +62 -0
- package/patterns/forms/volume-control.json +99 -0
- package/patterns/forms/volume-control.yaml +47 -0
- package/patterns/forms/wizard-steps.json +130 -0
- package/patterns/forms/wizard-steps.yaml +58 -0
- package/patterns/layout/_domain.json +29 -0
- package/patterns/layout/accordion-settings.json +345 -0
- package/patterns/layout/accordion-settings.yaml +55 -0
- package/patterns/layout/avatar-group.json +136 -0
- package/patterns/layout/avatar-group.yaml +47 -0
- package/patterns/layout/badge-showcase.json +244 -0
- package/patterns/layout/badge-showcase.yaml +46 -0
- package/patterns/layout/calendar-view.json +88 -0
- package/patterns/layout/calendar-view.yaml +42 -0
- package/patterns/layout/code-block.json +88 -0
- package/patterns/layout/code-block.yaml +47 -0
- package/patterns/layout/consent-banner.json +89 -0
- package/patterns/layout/consent-banner.yaml +50 -0
- package/patterns/layout/cta-banner.json +99 -0
- package/patterns/layout/cta-banner.yaml +46 -0
- package/patterns/layout/divider-label.json +68 -0
- package/patterns/layout/divider-label.yaml +42 -0
- package/patterns/layout/drawer-panel.json +220 -0
- package/patterns/layout/drawer-panel.yaml +54 -0
- package/patterns/layout/embed-content.json +86 -0
- package/patterns/layout/embed-content.yaml +46 -0
- package/patterns/layout/faq-accordion.json +159 -0
- package/patterns/layout/faq-accordion.yaml +47 -0
- package/patterns/layout/feature-carousel.json +263 -0
- package/patterns/layout/feature-carousel.yaml +47 -0
- package/patterns/layout/feature-grid.json +197 -0
- package/patterns/layout/feature-grid.yaml +45 -0
- package/patterns/layout/hero-section.json +109 -0
- package/patterns/layout/hero-section.yaml +46 -0
- package/patterns/layout/image-caption.json +48 -0
- package/patterns/layout/image-caption.yaml +37 -0
- package/patterns/layout/image-carousel.json +173 -0
- package/patterns/layout/image-carousel.yaml +47 -0
- package/patterns/layout/image-gallery.json +128 -0
- package/patterns/layout/image-gallery.yaml +45 -0
- package/patterns/layout/kanban-board.json +292 -0
- package/patterns/layout/kanban-board.yaml +58 -0
- package/patterns/layout/kbd-shortcuts.json +178 -0
- package/patterns/layout/kbd-shortcuts.yaml +43 -0
- package/patterns/layout/markdown-editor.json +126 -0
- package/patterns/layout/markdown-editor.yaml +46 -0
- package/patterns/layout/music-player.json +107 -0
- package/patterns/layout/music-player.yaml +42 -0
- package/patterns/layout/pagination-demo.json +55 -0
- package/patterns/layout/pagination-demo.yaml +44 -0
- package/patterns/layout/pagination-table.json +107 -0
- package/patterns/layout/pagination-table.yaml +59 -0
- package/patterns/layout/popover-demo.json +71 -0
- package/patterns/layout/popover-demo.yaml +46 -0
- package/patterns/layout/popover-menu.json +117 -0
- package/patterns/layout/popover-menu.yaml +45 -0
- package/patterns/layout/pricing-tiers.json +354 -0
- package/patterns/layout/pricing-tiers.yaml +52 -0
- package/patterns/layout/product-card.json +89 -0
- package/patterns/layout/product-card.yaml +46 -0
- package/patterns/layout/product-carousel.json +251 -0
- package/patterns/layout/product-carousel.yaml +47 -0
- package/patterns/layout/social-post.json +119 -0
- package/patterns/layout/social-post.yaml +45 -0
- package/patterns/layout/split-pane.json +69 -0
- package/patterns/layout/split-pane.yaml +41 -0
- package/patterns/layout/swiper-carousel.json +97 -0
- package/patterns/layout/swiper-carousel.yaml +55 -0
- package/patterns/layout/tabs-panels.json +173 -0
- package/patterns/layout/tabs-panels.yaml +46 -0
- package/patterns/layout/team-carousel.json +332 -0
- package/patterns/layout/team-carousel.yaml +50 -0
- package/patterns/layout/testimonials-carousel.json +281 -0
- package/patterns/layout/testimonials-carousel.yaml +50 -0
- package/patterns/layout/testimonials-grid.json +286 -0
- package/patterns/layout/testimonials-grid.yaml +46 -0
- package/patterns/layout/toolbar-buttons.json +179 -0
- package/patterns/layout/toolbar-buttons.yaml +47 -0
- package/patterns/layout/tooltip-buttons.json +127 -0
- package/patterns/layout/tooltip-buttons.yaml +44 -0
- package/patterns/layout/user-profile.json +123 -0
- package/patterns/layout/user-profile.yaml +45 -0
- package/patterns/layout/video-player.json +95 -0
- package/patterns/layout/video-player.yaml +45 -0
- package/patterns/layout/weather-widget.json +127 -0
- package/patterns/layout/weather-widget.yaml +46 -0
- package/patterns/navigation/_domain.json +25 -0
- package/patterns/navigation/breadcrumb-nav.json +57 -0
- package/patterns/navigation/breadcrumb-nav.yaml +39 -0
- package/patterns/navigation/nav-menu-icons.json +71 -0
- package/patterns/navigation/nav-menu-icons.yaml +38 -0
- package/patterns/navigation/section-subnav.json +79 -0
- package/patterns/navigation/segmented-control.json +56 -0
- package/patterns/navigation/segmented-control.yaml +40 -0
- package/patterns/navigation/sidebar-nav.json +207 -0
- package/patterns/navigation/sidebar-nav.yaml +44 -0
- package/patterns/settings/settings-page.json +280 -0
- package/patterns/settings/settings-page.yaml +51 -0
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "feedback-form",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "forms",
|
|
7
|
+
"description": "Open-ended feedback form with subject and message fields — for support, bug reports, or general feedback.",
|
|
8
|
+
"tags": {
|
|
9
|
+
"purpose": ["feedback", "support"],
|
|
10
|
+
"complexity": "simple",
|
|
11
|
+
"layout": "single-column",
|
|
12
|
+
"interaction": ["form-submit"]
|
|
13
|
+
},
|
|
14
|
+
"keywords": ["feedback", "bug report", "support", "report issue", "comment"],
|
|
15
|
+
"related": ["contact-form"],
|
|
16
|
+
|
|
17
|
+
"template": [
|
|
18
|
+
{ "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
|
|
19
|
+
{ "id": "hdr", "$fragment": "card-header-with-description",
|
|
20
|
+
"bindings": { "heading": "Share your feedback", "description": "Help us improve — we read every message." } },
|
|
21
|
+
{ "id": "sec", "component": "Section", "children": ["col"] },
|
|
22
|
+
{ "id": "col", "component": "Column", "children": ["subject", "message"], "gap": "4" },
|
|
23
|
+
{ "id": "subject", "$fragment": "labeled-input",
|
|
24
|
+
"bindings": { "label": "Subject", "name": "subject", "type": "text", "placeholder": "Short summary" } },
|
|
25
|
+
{ "id": "message", "$fragment": "labeled-textarea",
|
|
26
|
+
"bindings": { "label": "Your feedback", "name": "message", "placeholder": "Tell us what's on your mind…", "rows": 6 } },
|
|
27
|
+
{ "id": "ftr", "$fragment": "footer-primary-only",
|
|
28
|
+
"bindings": { "label": "Send feedback" } }
|
|
29
|
+
]
|
|
30
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
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: feedback-form
|
|
8
|
+
domain: forms
|
|
9
|
+
description: >-
|
|
10
|
+
Open-ended feedback form with subject and message fields — for support, bug reports, or general feedback.
|
|
11
|
+
keywords:
|
|
12
|
+
- feedback
|
|
13
|
+
- bug report
|
|
14
|
+
- support
|
|
15
|
+
- report issue
|
|
16
|
+
- comment
|
|
17
|
+
tags:
|
|
18
|
+
purpose:
|
|
19
|
+
- feedback
|
|
20
|
+
- support
|
|
21
|
+
complexity: simple
|
|
22
|
+
layout: single-column
|
|
23
|
+
interaction:
|
|
24
|
+
- form-submit
|
|
25
|
+
related:
|
|
26
|
+
- contact-form
|
|
27
|
+
fragments_used:
|
|
28
|
+
- fragment: card-header-with-description
|
|
29
|
+
prefix: ""
|
|
30
|
+
- fragment: labeled-input
|
|
31
|
+
prefix: ""
|
|
32
|
+
- fragment: labeled-textarea
|
|
33
|
+
prefix: ""
|
|
34
|
+
- fragment: footer-primary-only
|
|
35
|
+
prefix: ""
|
|
36
|
+
use-cases:
|
|
37
|
+
- "TODO: primary use case"
|
|
38
|
+
wiring-intent:
|
|
39
|
+
summary: Static composition (no interactive wiring).
|
|
40
|
+
controllers: []
|
|
41
|
+
actions: []
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "file-upload-form",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "forms",
|
|
7
|
+
"description": "File upload with a drop zone, instructions, and a submit action.",
|
|
8
|
+
"tags": {
|
|
9
|
+
"purpose": ["upload", "file"],
|
|
10
|
+
"complexity": "simple",
|
|
11
|
+
"layout": "single-column",
|
|
12
|
+
"interaction": ["upload", "drag-drop"]
|
|
13
|
+
},
|
|
14
|
+
"keywords": ["upload", "file", "drag and drop", "attachment", "image upload"],
|
|
15
|
+
|
|
16
|
+
"template": [
|
|
17
|
+
{ "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
|
|
18
|
+
{ "id": "hdr", "$fragment": "card-header-with-description",
|
|
19
|
+
"bindings": { "heading": "Upload files", "description": "Drag and drop files here, or click to browse." } },
|
|
20
|
+
{ "id": "sec", "component": "Section", "children": ["col"] },
|
|
21
|
+
{ "id": "col", "component": "Column", "children": ["dz", "hint"], "gap": "3" },
|
|
22
|
+
{ "id": "dz", "component": "Upload", "name": "files", "multiple": true, "accept": "*/*" },
|
|
23
|
+
{ "id": "hint", "component": "Text", "variant": "caption", "color": "muted",
|
|
24
|
+
"textContent": "Max 10 MB per file. PNG, JPG, PDF supported." },
|
|
25
|
+
{ "id": "ftr", "$fragment": "footer-primary-only",
|
|
26
|
+
"bindings": { "label": "Upload" } }
|
|
27
|
+
]
|
|
28
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
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: file-upload-form
|
|
8
|
+
domain: forms
|
|
9
|
+
description: >-
|
|
10
|
+
File upload with a drop zone, instructions, and a submit action.
|
|
11
|
+
keywords:
|
|
12
|
+
- upload
|
|
13
|
+
- file
|
|
14
|
+
- drag and drop
|
|
15
|
+
- attachment
|
|
16
|
+
- image upload
|
|
17
|
+
tags:
|
|
18
|
+
purpose:
|
|
19
|
+
- upload
|
|
20
|
+
- file
|
|
21
|
+
complexity: simple
|
|
22
|
+
layout: single-column
|
|
23
|
+
interaction:
|
|
24
|
+
- upload
|
|
25
|
+
- drag-drop
|
|
26
|
+
related: []
|
|
27
|
+
fragments_used:
|
|
28
|
+
- fragment: card-header-with-description
|
|
29
|
+
prefix: ""
|
|
30
|
+
- fragment: footer-primary-only
|
|
31
|
+
prefix: ""
|
|
32
|
+
use-cases:
|
|
33
|
+
- "TODO: primary use case"
|
|
34
|
+
wiring-intent:
|
|
35
|
+
summary: Static composition (no interactive wiring).
|
|
36
|
+
controllers: []
|
|
37
|
+
actions: []
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "login-form",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "forms",
|
|
7
|
+
"description": "Sign-in form with email and password inputs, cancel and submit actions. Composed from labeled-input and footer-cancel-save fragments.",
|
|
8
|
+
"tags": {
|
|
9
|
+
"purpose": ["auth", "signin"],
|
|
10
|
+
"complexity": "simple",
|
|
11
|
+
"layout": "single-column",
|
|
12
|
+
"interaction": ["form-submit"]
|
|
13
|
+
},
|
|
14
|
+
"keywords": ["login", "sign in", "signin", "auth", "authentication", "password"],
|
|
15
|
+
"related": ["otp-form", "create-form"],
|
|
16
|
+
|
|
17
|
+
"template": [
|
|
18
|
+
{
|
|
19
|
+
"id": "root",
|
|
20
|
+
"component": "Card",
|
|
21
|
+
"children": ["hdr", "sec", "ftr"]
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"id": "hdr",
|
|
25
|
+
"$fragment": "card-header-with-description",
|
|
26
|
+
"bindings": {
|
|
27
|
+
"heading": "Sign in",
|
|
28
|
+
"description": "Enter your credentials to continue."
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"id": "sec",
|
|
33
|
+
"component": "Section",
|
|
34
|
+
"children": ["col"]
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"id": "col",
|
|
38
|
+
"component": "Column",
|
|
39
|
+
"children": ["email", "password"],
|
|
40
|
+
"gap": "4"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"id": "email",
|
|
44
|
+
"$fragment": "labeled-input",
|
|
45
|
+
"bindings": {
|
|
46
|
+
"label": "Email",
|
|
47
|
+
"name": "email",
|
|
48
|
+
"type": "email",
|
|
49
|
+
"placeholder": "you@example.com"
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"id": "password",
|
|
54
|
+
"$fragment": "labeled-input",
|
|
55
|
+
"bindings": {
|
|
56
|
+
"label": "Password",
|
|
57
|
+
"name": "password",
|
|
58
|
+
"type": "password",
|
|
59
|
+
"placeholder": "••••••••"
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"id": "ftr",
|
|
64
|
+
"$fragment": "footer-cancel-save",
|
|
65
|
+
"bindings": {
|
|
66
|
+
"cancelLabel": "Cancel",
|
|
67
|
+
"confirmLabel": "Sign in"
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
]
|
|
71
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
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: login-form
|
|
8
|
+
domain: forms
|
|
9
|
+
description: >-
|
|
10
|
+
Sign-in form with email and password inputs, cancel and submit actions. Composed from labeled-input and footer-cancel-save fragments.
|
|
11
|
+
keywords:
|
|
12
|
+
- login
|
|
13
|
+
- sign in
|
|
14
|
+
- signin
|
|
15
|
+
- auth
|
|
16
|
+
- authentication
|
|
17
|
+
- password
|
|
18
|
+
tags:
|
|
19
|
+
purpose:
|
|
20
|
+
- auth
|
|
21
|
+
- signin
|
|
22
|
+
complexity: simple
|
|
23
|
+
layout: single-column
|
|
24
|
+
interaction:
|
|
25
|
+
- form-submit
|
|
26
|
+
related:
|
|
27
|
+
- otp-form
|
|
28
|
+
- create-form
|
|
29
|
+
fragments_used:
|
|
30
|
+
- fragment: card-header-with-description
|
|
31
|
+
prefix: ""
|
|
32
|
+
- fragment: labeled-input
|
|
33
|
+
prefix: ""
|
|
34
|
+
- fragment: labeled-input
|
|
35
|
+
prefix: ""
|
|
36
|
+
- fragment: footer-cancel-save
|
|
37
|
+
prefix: ""
|
|
38
|
+
use-cases:
|
|
39
|
+
- "TODO: primary use case"
|
|
40
|
+
wiring-intent:
|
|
41
|
+
summary: Static composition (no interactive wiring).
|
|
42
|
+
controllers: []
|
|
43
|
+
actions: []
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "multi-step-wizard",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "forms",
|
|
7
|
+
"description": "Multi-step form wizard with a progress indicator at the top and a form step below.",
|
|
8
|
+
"tags": { "purpose": ["wizard", "stepper", "multi-step"], "complexity": "medium", "layout": "single-column" },
|
|
9
|
+
"keywords": ["wizard", "stepper", "multi step", "onboarding flow", "setup"],
|
|
10
|
+
|
|
11
|
+
"template": [
|
|
12
|
+
{ "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
|
|
13
|
+
{ "id": "hdr", "component": "Header", "children": ["hc"] },
|
|
14
|
+
{ "id": "hc", "component": "Column", "children": ["title", "sub", "prog"], "gap": "2" },
|
|
15
|
+
{ "id": "title","component": "Text", "variant": "section", "textContent": "Set up your workspace" },
|
|
16
|
+
{ "id": "sub", "component": "Text", "variant": "caption", "color": "muted", "textContent": "Step 2 of 4 — Basics" },
|
|
17
|
+
{ "id": "prog","component": "Progress", "value": 50 },
|
|
18
|
+
{ "id": "sec", "component": "Section", "children": ["col"] },
|
|
19
|
+
{ "id": "col", "component": "Column", "children": ["name", "slug"], "gap": "3" },
|
|
20
|
+
{ "id": "name","$fragment": "labeled-input",
|
|
21
|
+
"bindings": { "label": "Workspace name", "name": "name", "type": "text", "placeholder": "Acme Inc." } },
|
|
22
|
+
{ "id": "slug","$fragment": "labeled-input",
|
|
23
|
+
"bindings": { "label": "URL slug", "name": "slug", "type": "text", "placeholder": "acme" } },
|
|
24
|
+
{ "id": "ftr", "$fragment": "footer-cancel-save",
|
|
25
|
+
"bindings": { "cancelLabel": "Back", "confirmLabel": "Continue" } }
|
|
26
|
+
]
|
|
27
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
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: multi-step-wizard
|
|
8
|
+
domain: forms
|
|
9
|
+
description: >-
|
|
10
|
+
Multi-step form wizard with a progress indicator at the top and a form step below.
|
|
11
|
+
keywords:
|
|
12
|
+
- wizard
|
|
13
|
+
- stepper
|
|
14
|
+
- multi step
|
|
15
|
+
- onboarding flow
|
|
16
|
+
- setup
|
|
17
|
+
tags:
|
|
18
|
+
purpose:
|
|
19
|
+
- wizard
|
|
20
|
+
- stepper
|
|
21
|
+
- multi-step
|
|
22
|
+
complexity: medium
|
|
23
|
+
layout: single-column
|
|
24
|
+
related: []
|
|
25
|
+
fragments_used:
|
|
26
|
+
- fragment: labeled-input
|
|
27
|
+
prefix: ""
|
|
28
|
+
- fragment: labeled-input
|
|
29
|
+
prefix: ""
|
|
30
|
+
- fragment: footer-cancel-save
|
|
31
|
+
prefix: ""
|
|
32
|
+
use-cases:
|
|
33
|
+
- "TODO: primary use case"
|
|
34
|
+
wiring-intent:
|
|
35
|
+
summary: Static composition (no interactive wiring).
|
|
36
|
+
controllers: []
|
|
37
|
+
actions: []
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "newsletter-subscription-form",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "forms",
|
|
7
|
+
"description": "Email capture for newsletter subscription — one email field and a subscribe button.",
|
|
8
|
+
"tags": {
|
|
9
|
+
"purpose": ["marketing", "subscription", "newsletter"],
|
|
10
|
+
"complexity": "simple",
|
|
11
|
+
"layout": "single-column",
|
|
12
|
+
"interaction": ["form-submit"]
|
|
13
|
+
},
|
|
14
|
+
"keywords": ["newsletter", "subscribe", "subscription", "email capture", "mailing list"],
|
|
15
|
+
"related": ["contact-form"],
|
|
16
|
+
|
|
17
|
+
"template": [
|
|
18
|
+
{ "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
|
|
19
|
+
{ "id": "hdr", "$fragment": "card-header-with-description",
|
|
20
|
+
"bindings": { "heading": "Join our newsletter", "description": "Weekly updates, no spam — unsubscribe anytime." } },
|
|
21
|
+
{ "id": "sec", "component": "Section", "children": ["col"] },
|
|
22
|
+
{ "id": "col", "component": "Column", "children": ["email"], "gap": "4" },
|
|
23
|
+
{ "id": "email", "$fragment": "labeled-input",
|
|
24
|
+
"bindings": { "label": "Email", "name": "email", "type": "email", "placeholder": "you@example.com" } },
|
|
25
|
+
{ "id": "ftr", "$fragment": "footer-primary-only",
|
|
26
|
+
"bindings": { "label": "Subscribe" } }
|
|
27
|
+
]
|
|
28
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
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: newsletter-subscription-form
|
|
8
|
+
domain: forms
|
|
9
|
+
description: >-
|
|
10
|
+
Email capture for newsletter subscription — one email field and a subscribe button.
|
|
11
|
+
keywords:
|
|
12
|
+
- newsletter
|
|
13
|
+
- subscribe
|
|
14
|
+
- subscription
|
|
15
|
+
- email capture
|
|
16
|
+
- mailing list
|
|
17
|
+
tags:
|
|
18
|
+
purpose:
|
|
19
|
+
- marketing
|
|
20
|
+
- subscription
|
|
21
|
+
- newsletter
|
|
22
|
+
complexity: simple
|
|
23
|
+
layout: single-column
|
|
24
|
+
interaction:
|
|
25
|
+
- form-submit
|
|
26
|
+
related:
|
|
27
|
+
- contact-form
|
|
28
|
+
fragments_used:
|
|
29
|
+
- fragment: card-header-with-description
|
|
30
|
+
prefix: ""
|
|
31
|
+
- fragment: labeled-input
|
|
32
|
+
prefix: ""
|
|
33
|
+
- fragment: footer-primary-only
|
|
34
|
+
prefix: ""
|
|
35
|
+
use-cases:
|
|
36
|
+
- "TODO: primary use case"
|
|
37
|
+
wiring-intent:
|
|
38
|
+
summary: Static composition (no interactive wiring).
|
|
39
|
+
controllers: []
|
|
40
|
+
actions: []
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "otp-verification-form",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "forms",
|
|
7
|
+
"description": "One-time passcode entry for verification flows — login 2FA, account setup, email/SMS confirmation.",
|
|
8
|
+
"tags": {
|
|
9
|
+
"purpose": ["auth", "verification", "2fa", "otp"],
|
|
10
|
+
"complexity": "simple",
|
|
11
|
+
"layout": "single-column",
|
|
12
|
+
"interaction": ["form-submit"]
|
|
13
|
+
},
|
|
14
|
+
"keywords": ["otp", "verification", "code", "2fa", "two factor", "authenticator", "confirm"],
|
|
15
|
+
"related": ["login-form", "password-reset-form"],
|
|
16
|
+
|
|
17
|
+
"template": [
|
|
18
|
+
{ "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
|
|
19
|
+
{ "id": "hdr", "$fragment": "card-header-with-description",
|
|
20
|
+
"bindings": { "heading": "Enter verification code", "description": "We sent a 6-digit code to your device." } },
|
|
21
|
+
{ "id": "sec", "component": "Section", "children": ["col"] },
|
|
22
|
+
{ "id": "col", "component": "Column", "children": ["otp", "note"], "gap": "3" },
|
|
23
|
+
{ "id": "otp", "component": "OtpInput", "name": "code", "length": 6 },
|
|
24
|
+
{ "id": "note", "component": "Text", "variant": "caption", "color": "muted",
|
|
25
|
+
"textContent": "Didn't receive a code? Resend in 30s." },
|
|
26
|
+
{ "id": "ftr", "$fragment": "footer-primary-only",
|
|
27
|
+
"bindings": { "label": "Verify" } }
|
|
28
|
+
]
|
|
29
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
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: otp-verification-form
|
|
8
|
+
domain: forms
|
|
9
|
+
description: >-
|
|
10
|
+
One-time passcode entry for verification flows — login 2FA, account setup, email/SMS confirmation.
|
|
11
|
+
keywords:
|
|
12
|
+
- otp
|
|
13
|
+
- verification
|
|
14
|
+
- code
|
|
15
|
+
- "2fa"
|
|
16
|
+
- two factor
|
|
17
|
+
- authenticator
|
|
18
|
+
- confirm
|
|
19
|
+
tags:
|
|
20
|
+
purpose:
|
|
21
|
+
- auth
|
|
22
|
+
- verification
|
|
23
|
+
- "2fa"
|
|
24
|
+
- otp
|
|
25
|
+
complexity: simple
|
|
26
|
+
layout: single-column
|
|
27
|
+
interaction:
|
|
28
|
+
- form-submit
|
|
29
|
+
related:
|
|
30
|
+
- login-form
|
|
31
|
+
- password-reset-form
|
|
32
|
+
fragments_used:
|
|
33
|
+
- fragment: card-header-with-description
|
|
34
|
+
prefix: ""
|
|
35
|
+
- fragment: footer-primary-only
|
|
36
|
+
prefix: ""
|
|
37
|
+
use-cases:
|
|
38
|
+
- "TODO: primary use case"
|
|
39
|
+
wiring-intent:
|
|
40
|
+
summary: Static composition (no interactive wiring).
|
|
41
|
+
controllers: []
|
|
42
|
+
actions: []
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "password-reset-form",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "forms",
|
|
7
|
+
"description": "Password recovery — user enters their email and receives a reset link.",
|
|
8
|
+
"tags": {
|
|
9
|
+
"purpose": ["auth", "recovery", "password"],
|
|
10
|
+
"complexity": "simple",
|
|
11
|
+
"layout": "single-column",
|
|
12
|
+
"interaction": ["form-submit"]
|
|
13
|
+
},
|
|
14
|
+
"keywords": ["password", "reset", "forgot", "recovery", "recover"],
|
|
15
|
+
"related": ["login-form"],
|
|
16
|
+
|
|
17
|
+
"template": [
|
|
18
|
+
{ "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
|
|
19
|
+
{ "id": "hdr", "$fragment": "card-header-with-description",
|
|
20
|
+
"bindings": { "heading": "Reset your password", "description": "Enter your email and we'll send you a reset link." } },
|
|
21
|
+
{ "id": "sec", "component": "Section", "children": ["col"] },
|
|
22
|
+
{ "id": "col", "component": "Column", "children": ["email"], "gap": "4" },
|
|
23
|
+
{ "id": "email", "$fragment": "labeled-input",
|
|
24
|
+
"bindings": { "label": "Email", "name": "email", "type": "email", "placeholder": "you@example.com" } },
|
|
25
|
+
{ "id": "ftr", "$fragment": "footer-primary-only",
|
|
26
|
+
"bindings": { "label": "Send reset link" } }
|
|
27
|
+
]
|
|
28
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
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: password-reset-form
|
|
8
|
+
domain: forms
|
|
9
|
+
description: >-
|
|
10
|
+
Password recovery — user enters their email and receives a reset link.
|
|
11
|
+
keywords:
|
|
12
|
+
- password
|
|
13
|
+
- reset
|
|
14
|
+
- forgot
|
|
15
|
+
- recovery
|
|
16
|
+
- recover
|
|
17
|
+
tags:
|
|
18
|
+
purpose:
|
|
19
|
+
- auth
|
|
20
|
+
- recovery
|
|
21
|
+
- password
|
|
22
|
+
complexity: simple
|
|
23
|
+
layout: single-column
|
|
24
|
+
interaction:
|
|
25
|
+
- form-submit
|
|
26
|
+
related:
|
|
27
|
+
- login-form
|
|
28
|
+
fragments_used:
|
|
29
|
+
- fragment: card-header-with-description
|
|
30
|
+
prefix: ""
|
|
31
|
+
- fragment: labeled-input
|
|
32
|
+
prefix: ""
|
|
33
|
+
- fragment: footer-primary-only
|
|
34
|
+
prefix: ""
|
|
35
|
+
use-cases:
|
|
36
|
+
- "TODO: primary use case"
|
|
37
|
+
wiring-intent:
|
|
38
|
+
summary: Static composition (no interactive wiring).
|
|
39
|
+
controllers: []
|
|
40
|
+
actions: []
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "permission-matrix",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "forms",
|
|
7
|
+
"description": "Role × resource capability matrix. Rows = resources, columns = roles, cells = capability chips (View / Edit / Admin / —). Notion/Stripe/Retool RBAC pattern.",
|
|
8
|
+
"tags": { "purpose": ["rbac", "permissions", "matrix", "capabilities"], "complexity": "composed", "layout": "grid" },
|
|
9
|
+
"keywords": ["permissions", "matrix", "rbac", "roles", "resources", "capabilities", "access control", "policy", "grid"],
|
|
10
|
+
"related": ["team-members-rbac", "api-keys"],
|
|
11
|
+
|
|
12
|
+
"template": [
|
|
13
|
+
{ "id": "root", "component": "Card", "children": ["hdr", "sec"] },
|
|
14
|
+
{ "id": "hdr", "$fragment": "card-header-with-description",
|
|
15
|
+
"bindings": { "heading": "Permission matrix · roles × resources", "description": "View = read-only · Edit = create + modify · Admin = full control + delete" } },
|
|
16
|
+
{ "id": "sec", "component": "Section", "children": ["matrix"] },
|
|
17
|
+
|
|
18
|
+
{ "id": "matrix", "component": "Table",
|
|
19
|
+
"columns": [
|
|
20
|
+
{ "key": "resource", "label": "Resource", "type": "text", "flex": 2 },
|
|
21
|
+
{ "key": "owner", "label": "Owner", "type": "badge", "width": 100 },
|
|
22
|
+
{ "key": "admin", "label": "Admin", "type": "badge", "width": 100 },
|
|
23
|
+
{ "key": "member", "label": "Member", "type": "badge", "width": 100 },
|
|
24
|
+
{ "key": "billing", "label": "Billing", "type": "badge", "width": 100 },
|
|
25
|
+
{ "key": "guest", "label": "Guest", "type": "badge", "width": 100 }
|
|
26
|
+
],
|
|
27
|
+
"data": [
|
|
28
|
+
{ "resource": "Workspace settings", "owner": "Admin", "admin": "Edit", "member": "View", "billing": "View", "guest": "—" },
|
|
29
|
+
{ "resource": "Members + roles", "owner": "Admin", "admin": "Admin", "member": "View", "billing": "—", "guest": "—" },
|
|
30
|
+
{ "resource": "Projects", "owner": "Admin", "admin": "Admin", "member": "Edit", "billing": "View", "guest": "View" },
|
|
31
|
+
{ "resource": "Analytics reports", "owner": "Admin", "admin": "Edit", "member": "View", "billing": "View", "guest": "—" },
|
|
32
|
+
{ "resource": "Billing + invoices", "owner": "Admin", "admin": "—", "member": "—", "billing": "Admin", "guest": "—" },
|
|
33
|
+
{ "resource": "API keys", "owner": "Admin", "admin": "Admin", "member": "Edit", "billing": "—", "guest": "—" },
|
|
34
|
+
{ "resource": "Webhooks", "owner": "Admin", "admin": "Edit", "member": "View", "billing": "—", "guest": "—" },
|
|
35
|
+
{ "resource": "Audit log", "owner": "View", "admin": "View", "member": "—", "billing": "View", "guest": "—" },
|
|
36
|
+
{ "resource": "Delete workspace", "owner": "Admin", "admin": "—", "member": "—", "billing": "—", "guest": "—" }
|
|
37
|
+
]
|
|
38
|
+
}
|
|
39
|
+
]
|
|
40
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "profile-edit-form",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "forms",
|
|
7
|
+
"description": "Edit user profile — display name, email, and bio. Standard account settings surface.",
|
|
8
|
+
"tags": {
|
|
9
|
+
"purpose": ["account", "profile", "settings"],
|
|
10
|
+
"complexity": "simple",
|
|
11
|
+
"layout": "single-column",
|
|
12
|
+
"interaction": ["form-submit"]
|
|
13
|
+
},
|
|
14
|
+
"keywords": ["profile", "account", "edit profile", "user profile", "bio", "display name"],
|
|
15
|
+
"related": ["change-password-form", "signup-form"],
|
|
16
|
+
|
|
17
|
+
"template": [
|
|
18
|
+
{ "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
|
|
19
|
+
{ "id": "hdr", "$fragment": "card-header-with-description",
|
|
20
|
+
"bindings": { "heading": "Edit profile", "description": "Update how your account appears to others." } },
|
|
21
|
+
{ "id": "sec", "component": "Section", "children": ["col"] },
|
|
22
|
+
{ "id": "col", "component": "Column", "children": ["name", "email", "bio"], "gap": "4" },
|
|
23
|
+
{ "id": "name", "$fragment": "labeled-input",
|
|
24
|
+
"bindings": { "label": "Display name", "name": "displayName", "type": "text", "placeholder": "Ada Lovelace" } },
|
|
25
|
+
{ "id": "email", "$fragment": "labeled-input",
|
|
26
|
+
"bindings": { "label": "Email", "name": "email", "type": "email", "placeholder": "you@example.com" } },
|
|
27
|
+
{ "id": "bio", "$fragment": "labeled-textarea",
|
|
28
|
+
"bindings": { "label": "Bio", "name": "bio", "placeholder": "A short description…", "rows": 4 } },
|
|
29
|
+
{ "id": "ftr", "$fragment": "footer-cancel-save",
|
|
30
|
+
"bindings": { "cancelLabel": "Cancel", "confirmLabel": "Save profile" } }
|
|
31
|
+
]
|
|
32
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
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: profile-edit-form
|
|
8
|
+
domain: forms
|
|
9
|
+
description: >-
|
|
10
|
+
Edit user profile — display name, email, and bio. Standard account settings surface.
|
|
11
|
+
keywords:
|
|
12
|
+
- profile
|
|
13
|
+
- account
|
|
14
|
+
- edit profile
|
|
15
|
+
- user profile
|
|
16
|
+
- bio
|
|
17
|
+
- display name
|
|
18
|
+
tags:
|
|
19
|
+
purpose:
|
|
20
|
+
- account
|
|
21
|
+
- profile
|
|
22
|
+
- settings
|
|
23
|
+
complexity: simple
|
|
24
|
+
layout: single-column
|
|
25
|
+
interaction:
|
|
26
|
+
- form-submit
|
|
27
|
+
related:
|
|
28
|
+
- change-password-form
|
|
29
|
+
- signup-form
|
|
30
|
+
fragments_used:
|
|
31
|
+
- fragment: card-header-with-description
|
|
32
|
+
prefix: ""
|
|
33
|
+
- fragment: labeled-input
|
|
34
|
+
prefix: ""
|
|
35
|
+
- fragment: labeled-input
|
|
36
|
+
prefix: ""
|
|
37
|
+
- fragment: labeled-textarea
|
|
38
|
+
prefix: ""
|
|
39
|
+
- fragment: footer-cancel-save
|
|
40
|
+
prefix: ""
|
|
41
|
+
use-cases:
|
|
42
|
+
- "TODO: primary use case"
|
|
43
|
+
wiring-intent:
|
|
44
|
+
summary: Static composition (no interactive wiring).
|
|
45
|
+
controllers: []
|
|
46
|
+
actions: []
|