@adia-ai/a2ui-corpus 0.0.1

package/patterns/layout/testimonials-carousel.json

@@ -0,0 +1,281 @@
+{
+  "$schema": "../_schema.json",
+  "name": "testimonials-carousel",
+  "version": 1,
+  "domain": "layout",
+  "description": "Auto-advancing testimonial carousel with quote icon, review text, divider, and author avatar/name. Loops infinitely.",
+  "tags": {
+    "purpose": [
+      "social-proof",
+      "content-display"
+    ],
+    "complexity": "composed",
+    "layout": "horizontal-scroll",
+    "interaction": [
+      "autoplay"
+    ]
+  },
+  "keywords": [
+    "testimonial",
+    "carousel",
+    "review",
+    "quote",
+    "swiper",
+    "social proof",
+    "customer"
+  ],
+  "related": [
+    "image-carousel",
+    "feature-carousel",
+    "testimonials-grid"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Swiper",
+      "autoplay": true,
+      "interval": 4000,
+      "loop": true,
+      "gap": "4",
+      "children": [
+        "slide-1",
+        "slide-2",
+        "slide-3"
+      ]
+    },
+    {
+      "id": "slide-1",
+      "component": "Card",
+      "variant": "outlined",
+      "children": [
+        "body-1"
+      ]
+    },
+    {
+      "id": "body-1",
+      "component": "Section",
+      "children": [
+        "col-1"
+      ]
+    },
+    {
+      "id": "col-1",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "quote-1",
+        "text-1",
+        "div-1",
+        "author-1"
+      ]
+    },
+    {
+      "id": "quote-1",
+      "component": "Icon",
+      "name": "quotes",
+      "color": "muted"
+    },
+    {
+      "id": "text-1",
+      "component": "Text",
+      "textContent": "The API is intuitive and the defaults just work. We shipped in half the time."
+    },
+    {
+      "id": "div-1",
+      "component": "Divider"
+    },
+    {
+      "id": "author-1",
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "avatar-1",
+        "info-1"
+      ]
+    },
+    {
+      "id": "avatar-1",
+      "component": "Avatar",
+      "text": "Sarah Chen",
+      "size": "sm"
+    },
+    {
+      "id": "info-1",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "name-1",
+        "role-1"
+      ]
+    },
+    {
+      "id": "name-1",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Sarah Chen"
+    },
+    {
+      "id": "role-1",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "VP Engineering, Globex"
+    },
+    {
+      "id": "slide-2",
+      "component": "Card",
+      "variant": "outlined",
+      "children": [
+        "body-2"
+      ]
+    },
+    {
+      "id": "body-2",
+      "component": "Section",
+      "children": [
+        "col-2"
+      ]
+    },
+    {
+      "id": "col-2",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "quote-2",
+        "text-2",
+        "div-2",
+        "author-2"
+      ]
+    },
+    {
+      "id": "quote-2",
+      "component": "Icon",
+      "name": "quotes",
+      "color": "muted"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Design tokens make theming predictable. We reskinned 3 brands in one afternoon."
+    },
+    {
+      "id": "div-2",
+      "component": "Divider"
+    },
+    {
+      "id": "author-2",
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "avatar-2",
+        "info-2"
+      ]
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar",
+      "text": "Marcus Rivera",
+      "size": "sm"
+    },
+    {
+      "id": "info-2",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "name-2",
+        "role-2"
+      ]
+    },
+    {
+      "id": "name-2",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Marcus Rivera"
+    },
+    {
+      "id": "role-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Design Lead, Hooli"
+    },
+    {
+      "id": "slide-3",
+      "component": "Card",
+      "variant": "outlined",
+      "children": [
+        "body-3"
+      ]
+    },
+    {
+      "id": "body-3",
+      "component": "Section",
+      "children": [
+        "col-3"
+      ]
+    },
+    {
+      "id": "col-3",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "quote-3",
+        "text-3",
+        "div-3",
+        "author-3"
+      ]
+    },
+    {
+      "id": "quote-3",
+      "component": "Icon",
+      "name": "quotes",
+      "color": "muted"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Lighthouse scores jumped 30 points after migrating. Zero render-blocking."
+    },
+    {
+      "id": "div-3",
+      "component": "Divider"
+    },
+    {
+      "id": "author-3",
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "avatar-3",
+        "info-3"
+      ]
+    },
+    {
+      "id": "avatar-3",
+      "component": "Avatar",
+      "text": "Priya Patel",
+      "size": "sm"
+    },
+    {
+      "id": "info-3",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "name-3",
+        "role-3"
+      ]
+    },
+    {
+      "id": "name-3",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Priya Patel"
+    },
+    {
+      "id": "role-3",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "CTO, TechStart"
+    }
+  ]
+}

package/patterns/layout/testimonials-carousel.yaml

@@ -0,0 +1,50 @@
+# 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: testimonials-carousel
+domain: layout
+version: 1
+description: >-
+  Auto-advancing testimonial carousel with quote icon, review text, divider, and author avatar/name. Loops infinitely.
+tags:
+  purpose:
+    - social-proof
+    - content-display
+  complexity: composed
+  layout: horizontal-scroll
+  interaction:
+    - autoplay
+keywords:
+  - testimonial
+  - carousel
+  - review
+  - quote
+  - swiper
+  - social proof
+  - customer
+related:
+  - image-carousel
+  - feature-carousel
+  - testimonials-grid
+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:
+  - Swiper
+  - Card
+  - Section
+  - Column
+  - Icon
+  - Text
+  - Divider
+  - Row
+  - Avatar

package/patterns/layout/testimonials-grid.json

@@ -0,0 +1,286 @@
+{
+  "$schema": "../_schema.json",
+  "name": "testimonials-grid",
+  "version": 1,
+  "domain": "layout",
+  "description": "Three-column grid of testimonial cards, each with a quote, avatar, name, and role.",
+  "tags": {
+    "purpose": [
+      "social-proof",
+      "testimonials",
+      "marketing"
+    ],
+    "complexity": "complex",
+    "layout": "multi-column",
+    "interaction": []
+  },
+  "keywords": [
+    "testimonial",
+    "quote",
+    "review",
+    "social-proof",
+    "customer"
+  ],
+  "related": [
+    "feature-grid",
+    "avatar-group"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Grid",
+      "attrs": {
+        "columns": 3,
+        "gap": "lg"
+      },
+      "children": [
+        "t1-card",
+        "t2-card",
+        "t3-card"
+      ]
+    },
+    {
+      "id": "t1-card",
+      "component": "Card",
+      "children": [
+        "t1-body"
+      ]
+    },
+    {
+      "id": "t1-body",
+      "component": "Section",
+      "children": [
+        "t1-icon",
+        "t1-quote",
+        "t1-author"
+      ]
+    },
+    {
+      "id": "t1-icon",
+      "component": "Icon",
+      "attrs": {
+        "name": "quote",
+        "size": "lg",
+        "muted": true
+      }
+    },
+    {
+      "id": "t1-quote",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "This tool completely transformed our workflow. We shipped our redesign in half the time we expected."
+    },
+    {
+      "id": "t1-author",
+      "component": "Row",
+      "attrs": {
+        "gap": "sm",
+        "align": "center"
+      },
+      "children": [
+        "t1-avatar",
+        "t1-info"
+      ]
+    },
+    {
+      "id": "t1-avatar",
+      "component": "Avatar",
+      "attrs": {
+        "src": "/avatars/sarah.jpg",
+        "alt": "Sarah Chen"
+      }
+    },
+    {
+      "id": "t1-info",
+      "component": "Column",
+      "attrs": {
+        "gap": "xs"
+      },
+      "children": [
+        "t1-name",
+        "t1-role"
+      ]
+    },
+    {
+      "id": "t1-name",
+      "component": "Text",
+      "attrs": {
+        "variant": "label"
+      },
+      "content": "Sarah Chen"
+    },
+    {
+      "id": "t1-role",
+      "component": "Text",
+      "attrs": {
+        "variant": "caption",
+        "muted": true
+      },
+      "content": "VP of Engineering, Acme Corp"
+    },
+    {
+      "id": "t2-card",
+      "component": "Card",
+      "children": [
+        "t2-body"
+      ]
+    },
+    {
+      "id": "t2-body",
+      "component": "Section",
+      "children": [
+        "t2-icon",
+        "t2-quote",
+        "t2-author"
+      ]
+    },
+    {
+      "id": "t2-icon",
+      "component": "Icon",
+      "attrs": {
+        "name": "quote",
+        "size": "lg",
+        "muted": true
+      }
+    },
+    {
+      "id": "t2-quote",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "The pre-built patterns saved us hundreds of hours. Our design system finally feels consistent."
+    },
+    {
+      "id": "t2-author",
+      "component": "Row",
+      "attrs": {
+        "gap": "sm",
+        "align": "center"
+      },
+      "children": [
+        "t2-avatar",
+        "t2-info"
+      ]
+    },
+    {
+      "id": "t2-avatar",
+      "component": "Avatar",
+      "attrs": {
+        "src": "/avatars/james.jpg",
+        "alt": "James Park"
+      }
+    },
+    {
+      "id": "t2-info",
+      "component": "Column",
+      "attrs": {
+        "gap": "xs"
+      },
+      "children": [
+        "t2-name",
+        "t2-role"
+      ]
+    },
+    {
+      "id": "t2-name",
+      "component": "Text",
+      "attrs": {
+        "variant": "label"
+      },
+      "content": "James Park"
+    },
+    {
+      "id": "t2-role",
+      "component": "Text",
+      "attrs": {
+        "variant": "caption",
+        "muted": true
+      },
+      "content": "Lead Designer, StartupXYZ"
+    },
+    {
+      "id": "t3-card",
+      "component": "Card",
+      "children": [
+        "t3-body"
+      ]
+    },
+    {
+      "id": "t3-body",
+      "component": "Section",
+      "children": [
+        "t3-icon",
+        "t3-quote",
+        "t3-author"
+      ]
+    },
+    {
+      "id": "t3-icon",
+      "component": "Icon",
+      "attrs": {
+        "name": "quote",
+        "size": "lg",
+        "muted": true
+      }
+    },
+    {
+      "id": "t3-quote",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Best component library I've used. The accessibility defaults alone justify the switch from our old setup."
+    },
+    {
+      "id": "t3-author",
+      "component": "Row",
+      "attrs": {
+        "gap": "sm",
+        "align": "center"
+      },
+      "children": [
+        "t3-avatar",
+        "t3-info"
+      ]
+    },
+    {
+      "id": "t3-avatar",
+      "component": "Avatar",
+      "attrs": {
+        "src": "/avatars/maria.jpg",
+        "alt": "Maria Lopez"
+      }
+    },
+    {
+      "id": "t3-info",
+      "component": "Column",
+      "attrs": {
+        "gap": "xs"
+      },
+      "children": [
+        "t3-name",
+        "t3-role"
+      ]
+    },
+    {
+      "id": "t3-name",
+      "component": "Text",
+      "attrs": {
+        "variant": "label"
+      },
+      "content": "Maria Lopez"
+    },
+    {
+      "id": "t3-role",
+      "component": "Text",
+      "attrs": {
+        "variant": "caption",
+        "muted": true
+      },
+      "content": "CTO, DevTools Inc"
+    }
+  ]
+}

package/patterns/layout/testimonials-grid.yaml

@@ -0,0 +1,46 @@
+# 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: testimonials-grid
+domain: layout
+version: 1
+description: >-
+  Three-column grid of testimonial cards, each with a quote, avatar, name, and role.
+tags:
+  purpose:
+    - social-proof
+    - testimonials
+    - marketing
+  complexity: complex
+  layout: multi-column
+  interaction: []
+keywords:
+  - testimonial
+  - quote
+  - review
+  - social-proof
+  - customer
+related:
+  - feature-grid
+  - avatar-group
+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:
+  - Grid
+  - Card
+  - Section
+  - Icon
+  - Text
+  - Row
+  - Avatar
+  - Column