@adia-ai/a2ui-corpus 0.0.1

package/patterns/forms/wizard-steps.yaml

@@ -0,0 +1,58 @@
+# Generated by scripts/generate-yaml-scaffolds.mjs
+# Narrative doc — JSON sibling remains the canonical machine source.
+# Fill in TODO sections by hand.
+
+$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
+name: wizard-steps
+domain: forms
+version: 1
+description: >-
+  Multi-step form wizard with progress bar, step content area, and back/next navigation buttons.
+tags:
+  purpose:
+    - data-entry
+    - workflow
+  complexity: complex
+  layout: single-column
+  interaction:
+    - form-submit
+    - navigation
+keywords:
+  - wizard
+  - steps
+  - multi-step
+  - progress
+  - onboarding
+  - workflow
+related:
+  - create-form
+  - auth-signup
+  - progress-tracker
+use-cases:
+  - "TODO: primary use case"
+  - "TODO: secondary use case"
+variants:
+  - name: TODO
+    description: "TODO: variant description"
+wiring-intent:
+  summary: "TODO: describe wiring intent"
+  controllers:
+    - id: wizard-ctrl
+      type: FormController
+      host: root
+  actions:
+    - event: press
+      target: next-btn
+      handler: update-model
+    - event: press
+      target: back-btn
+      handler: update-model
+components:
+  - Card
+  - Header
+  - Text
+  - Progress
+  - Section
+  - Column
+  - Footer
+  - Button

package/patterns/layout/_domain.json

@@ -0,0 +1,29 @@
+{
+  "domain": "layout",
+  "description": "Layout and content display patterns for pages, profiles, media players, calendars, and visual content.",
+  "routing_keywords": [
+    "layout", "hero", "pricing", "card", "grid", "media", "gallery",
+    "profile", "user", "calendar", "schedule", "event", "image", "photo",
+    "caption", "music", "audio", "player", "video", "post", "social",
+    "page", "section", "landing", "content", "display", "view"
+  ],
+  "common_components": ["Card", "Column", "Row", "Text", "Image", "Section", "Header"],
+  "composition_hints": {
+    "typical_root": "Column",
+    "typical_structure": "Column > Card* or Column > Header + Section(content)",
+    "common_pairs": [
+      ["Card", "Image + Column(text)"],
+      ["Row", "Image + Column"],
+      ["Header", "Text[slot=heading]"],
+      ["Section", "Grid | Column"]
+    ]
+  },
+  "patterns": [
+    "calendar-view",
+    "image-caption",
+    "music-player",
+    "video-player",
+    "social-post",
+    "user-profile"
+  ]
+}

package/patterns/layout/accordion-settings.json

@@ -0,0 +1,345 @@
+{
+  "$schema": "../_schema.json",
+  "name": "accordion-settings",
+  "version": 1,
+  "domain": "layout",
+  "description": "Settings panel with accordion sections for profile, notifications, and privacy configuration.",
+  "tags": {
+    "purpose": [
+      "settings",
+      "configuration",
+      "preferences"
+    ],
+    "complexity": "complex",
+    "layout": "single-column",
+    "interaction": [
+      "expand-collapse",
+      "form-input",
+      "toggle"
+    ]
+  },
+  "keywords": [
+    "settings",
+    "accordion",
+    "preferences",
+    "profile",
+    "notifications",
+    "privacy"
+  ],
+  "related": [
+    "faq-accordion",
+    "tabs-panels"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "body",
+        "ftr"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "slots": {
+        "heading": "Settings",
+        "description": "Manage your account preferences and configuration."
+      }
+    },
+    {
+      "id": "body",
+      "component": "Section",
+      "children": [
+        "accordion"
+      ]
+    },
+    {
+      "id": "accordion",
+      "component": "Accordion",
+      "attrs": {
+        "type": "multiple"
+      },
+      "children": [
+        "sec-profile",
+        "sec-notifications",
+        "sec-privacy"
+      ]
+    },
+    {
+      "id": "sec-profile",
+      "component": "AccordionItem",
+      "attrs": {
+        "text": "Profile",
+        "icon": "user"
+      },
+      "children": [
+        "profile-form"
+      ]
+    },
+    {
+      "id": "profile-form",
+      "component": "Column",
+      "attrs": {
+        "gap": "md"
+      },
+      "children": [
+        "profile-name",
+        "profile-email",
+        "profile-bio"
+      ]
+    },
+    {
+      "id": "profile-name",
+      "component": "Input",
+      "attrs": {
+        "label": "Display Name",
+        "placeholder": "Enter your name",
+        "value": "Jane Doe"
+      }
+    },
+    {
+      "id": "profile-email",
+      "component": "Input",
+      "attrs": {
+        "label": "Email",
+        "type": "email",
+        "placeholder": "you@example.com",
+        "value": "jane@example.com"
+      }
+    },
+    {
+      "id": "profile-bio",
+      "component": "TextArea",
+      "attrs": {
+        "label": "Bio",
+        "placeholder": "Tell us about yourself",
+        "rows": 3
+      }
+    },
+    {
+      "id": "sec-notifications",
+      "component": "AccordionItem",
+      "attrs": {
+        "text": "Notifications",
+        "icon": "bell"
+      },
+      "children": [
+        "notif-options"
+      ]
+    },
+    {
+      "id": "notif-options",
+      "component": "Column",
+      "attrs": {
+        "gap": "md"
+      },
+      "children": [
+        "notif-email",
+        "notif-push",
+        "notif-marketing"
+      ]
+    },
+    {
+      "id": "notif-email",
+      "component": "Row",
+      "attrs": {
+        "justify": "between",
+        "align": "center"
+      },
+      "children": [
+        "notif-email-label",
+        "notif-email-toggle"
+      ]
+    },
+    {
+      "id": "notif-email-label",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Email notifications"
+    },
+    {
+      "id": "notif-email-toggle",
+      "component": "Toggle",
+      "attrs": {
+        "checked": true
+      }
+    },
+    {
+      "id": "notif-push",
+      "component": "Row",
+      "attrs": {
+        "justify": "between",
+        "align": "center"
+      },
+      "children": [
+        "notif-push-label",
+        "notif-push-toggle"
+      ]
+    },
+    {
+      "id": "notif-push-label",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Push notifications"
+    },
+    {
+      "id": "notif-push-toggle",
+      "component": "Toggle",
+      "attrs": {
+        "checked": true
+      }
+    },
+    {
+      "id": "notif-marketing",
+      "component": "Row",
+      "attrs": {
+        "justify": "between",
+        "align": "center"
+      },
+      "children": [
+        "notif-marketing-label",
+        "notif-marketing-toggle"
+      ]
+    },
+    {
+      "id": "notif-marketing-label",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Marketing emails"
+    },
+    {
+      "id": "notif-marketing-toggle",
+      "component": "Toggle",
+      "attrs": {
+        "checked": false
+      }
+    },
+    {
+      "id": "sec-privacy",
+      "component": "AccordionItem",
+      "attrs": {
+        "text": "Privacy",
+        "icon": "lock"
+      },
+      "children": [
+        "privacy-options"
+      ]
+    },
+    {
+      "id": "privacy-options",
+      "component": "Column",
+      "attrs": {
+        "gap": "md"
+      },
+      "children": [
+        "priv-profile-vis",
+        "priv-activity",
+        "priv-data"
+      ]
+    },
+    {
+      "id": "priv-profile-vis",
+      "component": "Row",
+      "attrs": {
+        "justify": "between",
+        "align": "center"
+      },
+      "children": [
+        "priv-profile-label",
+        "priv-profile-toggle"
+      ]
+    },
+    {
+      "id": "priv-profile-label",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Public profile"
+    },
+    {
+      "id": "priv-profile-toggle",
+      "component": "Toggle",
+      "attrs": {
+        "checked": true
+      }
+    },
+    {
+      "id": "priv-activity",
+      "component": "Row",
+      "attrs": {
+        "justify": "between",
+        "align": "center"
+      },
+      "children": [
+        "priv-activity-label",
+        "priv-activity-toggle"
+      ]
+    },
+    {
+      "id": "priv-activity-label",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Show activity status"
+    },
+    {
+      "id": "priv-activity-toggle",
+      "component": "Toggle",
+      "attrs": {
+        "checked": false
+      }
+    },
+    {
+      "id": "priv-data",
+      "component": "Row",
+      "attrs": {
+        "justify": "between",
+        "align": "center"
+      },
+      "children": [
+        "priv-data-label",
+        "priv-data-toggle"
+      ]
+    },
+    {
+      "id": "priv-data-label",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Allow analytics collection"
+    },
+    {
+      "id": "priv-data-toggle",
+      "component": "Toggle",
+      "attrs": {
+        "checked": true
+      }
+    },
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "save-btn"
+      ]
+    },
+    {
+      "id": "save-btn",
+      "component": "Button",
+      "attrs": {
+        "variant": "primary"
+      },
+      "content": "Save Changes"
+    }
+  ]
+}

package/patterns/layout/accordion-settings.yaml

@@ -0,0 +1,55 @@
+# Generated by scripts/generate-yaml-scaffolds.mjs
+# Narrative doc — JSON sibling remains the canonical machine source.
+# Fill in TODO sections by hand.
+
+$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
+name: accordion-settings
+domain: layout
+version: 1
+description: >-
+  Settings panel with accordion sections for profile, notifications, and privacy configuration.
+tags:
+  purpose:
+    - settings
+    - configuration
+    - preferences
+  complexity: complex
+  layout: single-column
+  interaction:
+    - expand-collapse
+    - form-input
+    - toggle
+keywords:
+  - settings
+  - accordion
+  - preferences
+  - profile
+  - notifications
+  - privacy
+related:
+  - faq-accordion
+  - tabs-panels
+use-cases:
+  - "TODO: primary use case"
+  - "TODO: secondary use case"
+variants:
+  - name: TODO
+    description: "TODO: variant description"
+wiring-intent:
+  summary: Static pattern (no interactive wiring).
+  controllers: []
+  actions: []
+components:
+  - Card
+  - Header
+  - Section
+  - Accordion
+  - AccordionItem
+  - Column
+  - Input
+  - TextArea
+  - Row
+  - Text
+  - Toggle
+  - Footer
+  - Button

package/patterns/layout/avatar-group.json

@@ -0,0 +1,136 @@
+{
+  "$schema": "../_schema.json",
+  "name": "avatar-group",
+  "version": 1,
+  "domain": "layout",
+  "description": "AvatarGroup displaying five user avatars with an overflow indicator showing additional members.",
+  "tags": {
+    "purpose": [
+      "users",
+      "team",
+      "social"
+    ],
+    "complexity": "simple",
+    "layout": "horizontal",
+    "interaction": []
+  },
+  "keywords": [
+    "avatar",
+    "group",
+    "team",
+    "users",
+    "members",
+    "overflow",
+    "stacked"
+  ],
+  "related": [
+    "testimonials-grid",
+    "badge-showcase"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "body"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "slots": {
+        "heading": "Team Members",
+        "description": "Active contributors on this project."
+      }
+    },
+    {
+      "id": "body",
+      "component": "Section",
+      "children": [
+        "group-row"
+      ]
+    },
+    {
+      "id": "group-row",
+      "component": "Row",
+      "attrs": {
+        "align": "center",
+        "gap": "md"
+      },
+      "children": [
+        "avatars",
+        "count-text"
+      ]
+    },
+    {
+      "id": "avatars",
+      "component": "AvatarGroup",
+      "attrs": {
+        "max": 5,
+        "size": "md"
+      },
+      "children": [
+        "av1",
+        "av2",
+        "av3",
+        "av4",
+        "av5"
+      ]
+    },
+    {
+      "id": "av1",
+      "component": "Avatar",
+      "attrs": {
+        "src": "/avatars/alice.jpg",
+        "alt": "Alice Johnson",
+        "fallback": "AJ"
+      }
+    },
+    {
+      "id": "av2",
+      "component": "Avatar",
+      "attrs": {
+        "src": "/avatars/bob.jpg",
+        "alt": "Bob Smith",
+        "fallback": "BS"
+      }
+    },
+    {
+      "id": "av3",
+      "component": "Avatar",
+      "attrs": {
+        "src": "/avatars/carol.jpg",
+        "alt": "Carol Williams",
+        "fallback": "CW"
+      }
+    },
+    {
+      "id": "av4",
+      "component": "Avatar",
+      "attrs": {
+        "src": "/avatars/dave.jpg",
+        "alt": "Dave Brown",
+        "fallback": "DB"
+      }
+    },
+    {
+      "id": "av5",
+      "component": "Avatar",
+      "attrs": {
+        "src": "/avatars/eve.jpg",
+        "alt": "Eve Davis",
+        "fallback": "ED"
+      }
+    },
+    {
+      "id": "count-text",
+      "component": "Text",
+      "attrs": {
+        "variant": "caption",
+        "muted": true
+      },
+      "content": "+12 more members"
+    }
+  ]
+}

package/patterns/layout/avatar-group.yaml

@@ -0,0 +1,47 @@
+# Generated by scripts/generate-yaml-scaffolds.mjs
+# Narrative doc — JSON sibling remains the canonical machine source.
+# Fill in TODO sections by hand.
+
+$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
+name: avatar-group
+domain: layout
+version: 1
+description: >-
+  AvatarGroup displaying five user avatars with an overflow indicator showing additional members.
+tags:
+  purpose:
+    - users
+    - team
+    - social
+  complexity: simple
+  layout: horizontal
+  interaction: []
+keywords:
+  - avatar
+  - group
+  - team
+  - users
+  - members
+  - overflow
+  - stacked
+related:
+  - testimonials-grid
+  - badge-showcase
+use-cases:
+  - "TODO: primary use case"
+  - "TODO: secondary use case"
+variants:
+  - name: TODO
+    description: "TODO: variant description"
+wiring-intent:
+  summary: Static pattern (no interactive wiring).
+  controllers: []
+  actions: []
+components:
+  - Card
+  - Header
+  - Section
+  - Row
+  - AvatarGroup
+  - Avatar
+  - Text