@adia-ai/a2ui-corpus 0.0.1

package/patterns/layout/faq-accordion.json

@@ -0,0 +1,159 @@
+{
+  "$schema": "../_schema.json",
+  "name": "faq-accordion",
+  "version": 3,
+  "domain": "layout",
+  "description": "Frequently asked questions presented in an accordion layout with expandable question/answer items.",
+  "tags": {
+    "purpose": [
+      "faq",
+      "information",
+      "support"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": [
+      "accordion-expand"
+    ]
+  },
+  "keywords": [
+    "faq",
+    "questions",
+    "answers",
+    "accordion",
+    "help",
+    "support"
+  ],
+  "related": [
+    "accordion-settings",
+    "tabs-panels"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "body"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "title",
+        "desc"
+      ]
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Frequently Asked Questions"
+    },
+    {
+      "id": "desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Find answers to common questions about our platform."
+    },
+    {
+      "id": "body",
+      "component": "Section",
+      "children": [
+        "col-wrap"
+      ]
+    },
+    {
+      "id": "accordion",
+      "component": "Accordion",
+      "children": [
+        "q1",
+        "q2",
+        "q3",
+        "q4",
+        "q5"
+      ]
+    },
+    {
+      "id": "q1",
+      "component": "AccordionItem",
+      "text": "What is included in the free plan?",
+      "children": [
+        "a1"
+      ]
+    },
+    {
+      "id": "a1",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "The free plan includes up to 3 projects, 1 GB of storage, and access to community support forums."
+    },
+    {
+      "id": "q2",
+      "component": "AccordionItem",
+      "text": "Can I upgrade or downgrade at any time?",
+      "children": [
+        "a2"
+      ]
+    },
+    {
+      "id": "a2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Yes, you can change your plan at any time. When upgrading, you'll be charged a prorated amount."
+    },
+    {
+      "id": "q3",
+      "component": "AccordionItem",
+      "text": "How does billing work for teams?",
+      "children": [
+        "a3"
+      ]
+    },
+    {
+      "id": "a3",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Team billing is per-seat. You're charged for each active team member on a monthly or annual basis."
+    },
+    {
+      "id": "q4",
+      "component": "AccordionItem",
+      "text": "Do you offer refunds?",
+      "children": [
+        "a4"
+      ]
+    },
+    {
+      "id": "a4",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "We offer a full refund within 30 days of purchase. After 30 days, we provide prorated refunds for annual plans."
+    },
+    {
+      "id": "q5",
+      "component": "AccordionItem",
+      "text": "Is my data secure?",
+      "children": [
+        "a5"
+      ]
+    },
+    {
+      "id": "a5",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "We use AES-256 encryption at rest, TLS 1.3 in transit, and are SOC 2 Type II certified."
+    },
+    {
+      "id": "col-wrap",
+      "component": "Column",
+      "children": [
+        "accordion"
+      ],
+      "gap": "4"
+    }
+  ]
+}

package/patterns/layout/faq-accordion.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: faq-accordion
+domain: layout
+version: 3
+description: >-
+  Frequently asked questions presented in an accordion layout with expandable question/answer items.
+tags:
+  purpose:
+    - faq
+    - information
+    - support
+  complexity: composed
+  layout: single-column
+  interaction:
+    - accordion-expand
+keywords:
+  - faq
+  - questions
+  - answers
+  - accordion
+  - help
+  - support
+related:
+  - accordion-settings
+  - 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
+  - Text
+  - Section
+  - Accordion
+  - AccordionItem
+  - Column

package/patterns/layout/feature-carousel.json

@@ -0,0 +1,263 @@
+{
+  "$schema": "../_schema.json",
+  "name": "feature-carousel",
+  "version": 1,
+  "domain": "layout",
+  "description": "Multi-slide feature card carousel showing 3 cards at once with icon, title, and description. Peek shows adjacent slides.",
+  "tags": {
+    "purpose": [
+      "content-display",
+      "feature-highlight"
+    ],
+    "complexity": "composed",
+    "layout": "horizontal-scroll",
+    "interaction": [
+      "navigation"
+    ]
+  },
+  "keywords": [
+    "feature",
+    "carousel",
+    "swiper",
+    "cards",
+    "highlights",
+    "benefits",
+    "multi-slide"
+  ],
+  "related": [
+    "image-carousel",
+    "testimonials-carousel",
+    "feature-grid"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Swiper",
+      "slides-per-view": "3",
+      "peek": true,
+      "gap": "4",
+      "children": [
+        "slide-1",
+        "slide-2",
+        "slide-3",
+        "slide-4",
+        "slide-5"
+      ]
+    },
+    {
+      "id": "slide-1",
+      "component": "Card",
+      "variant": "outlined",
+      "children": [
+        "body-1"
+      ]
+    },
+    {
+      "id": "body-1",
+      "component": "Section",
+      "children": [
+        "col-1"
+      ]
+    },
+    {
+      "id": "col-1",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "icon-1",
+        "title-1",
+        "desc-1"
+      ]
+    },
+    {
+      "id": "icon-1",
+      "component": "Icon",
+      "name": "lightning",
+      "color": "primary"
+    },
+    {
+      "id": "title-1",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Lightning Fast"
+    },
+    {
+      "id": "desc-1",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Sub-millisecond render times with zero dependencies."
+    },
+    {
+      "id": "slide-2",
+      "component": "Card",
+      "variant": "outlined",
+      "children": [
+        "body-2"
+      ]
+    },
+    {
+      "id": "body-2",
+      "component": "Section",
+      "children": [
+        "col-2"
+      ]
+    },
+    {
+      "id": "col-2",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "icon-2",
+        "title-2",
+        "desc-2"
+      ]
+    },
+    {
+      "id": "icon-2",
+      "component": "Icon",
+      "name": "paint-brush",
+      "color": "accent"
+    },
+    {
+      "id": "title-2",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Fully Themeable"
+    },
+    {
+      "id": "desc-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Design tokens let you reskin your entire app in minutes."
+    },
+    {
+      "id": "slide-3",
+      "component": "Card",
+      "variant": "outlined",
+      "children": [
+        "body-3"
+      ]
+    },
+    {
+      "id": "body-3",
+      "component": "Section",
+      "children": [
+        "col-3"
+      ]
+    },
+    {
+      "id": "col-3",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "icon-3",
+        "title-3",
+        "desc-3"
+      ]
+    },
+    {
+      "id": "icon-3",
+      "component": "Icon",
+      "name": "shield-check",
+      "color": "success"
+    },
+    {
+      "id": "title-3",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Accessible"
+    },
+    {
+      "id": "desc-3",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "WAI-ARIA patterns baked in. Keyboard nav works out of the box."
+    },
+    {
+      "id": "slide-4",
+      "component": "Card",
+      "variant": "outlined",
+      "children": [
+        "body-4"
+      ]
+    },
+    {
+      "id": "body-4",
+      "component": "Section",
+      "children": [
+        "col-4"
+      ]
+    },
+    {
+      "id": "col-4",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "icon-4",
+        "title-4",
+        "desc-4"
+      ]
+    },
+    {
+      "id": "icon-4",
+      "component": "Icon",
+      "name": "code",
+      "color": "warning"
+    },
+    {
+      "id": "title-4",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Simple API"
+    },
+    {
+      "id": "desc-4",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Light DOM, reflected properties, and predictable patterns."
+    },
+    {
+      "id": "slide-5",
+      "component": "Card",
+      "variant": "outlined",
+      "children": [
+        "body-5"
+      ]
+    },
+    {
+      "id": "body-5",
+      "component": "Section",
+      "children": [
+        "col-5"
+      ]
+    },
+    {
+      "id": "col-5",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "icon-5",
+        "title-5",
+        "desc-5"
+      ]
+    },
+    {
+      "id": "icon-5",
+      "component": "Icon",
+      "name": "devices",
+      "color": "danger"
+    },
+    {
+      "id": "title-5",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Responsive"
+    },
+    {
+      "id": "desc-5",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Container queries adapt layouts to any viewport size."
+    }
+  ]
+}

package/patterns/layout/feature-carousel.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: feature-carousel
+domain: layout
+version: 1
+description: >-
+  Multi-slide feature card carousel showing 3 cards at once with icon, title, and description. Peek shows adjacent slides.
+tags:
+  purpose:
+    - content-display
+    - feature-highlight
+  complexity: composed
+  layout: horizontal-scroll
+  interaction:
+    - navigation
+keywords:
+  - feature
+  - carousel
+  - swiper
+  - cards
+  - highlights
+  - benefits
+  - multi-slide
+related:
+  - image-carousel
+  - testimonials-carousel
+  - feature-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

package/patterns/layout/feature-grid.json

@@ -0,0 +1,197 @@
+{
+  "$schema": "../_schema.json",
+  "name": "feature-grid",
+  "version": 1,
+  "domain": "layout",
+  "description": "Three-column grid of feature cards, each with an icon, heading, and description text.",
+  "tags": {
+    "purpose": [
+      "features",
+      "marketing",
+      "overview"
+    ],
+    "complexity": "composed",
+    "layout": "multi-column",
+    "interaction": []
+  },
+  "keywords": [
+    "features",
+    "grid",
+    "benefits",
+    "capabilities",
+    "overview"
+  ],
+  "related": [
+    "testimonials-grid",
+    "hero-section",
+    "pricing-tiers"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Grid",
+      "attrs": {
+        "columns": 3,
+        "gap": "lg"
+      },
+      "children": [
+        "f1-card",
+        "f2-card",
+        "f3-card"
+      ]
+    },
+    {
+      "id": "f1-card",
+      "component": "Card",
+      "children": [
+        "f1-body"
+      ]
+    },
+    {
+      "id": "f1-body",
+      "component": "Section",
+      "children": [
+        "f1-col"
+      ]
+    },
+    {
+      "id": "f1-col",
+      "component": "Column",
+      "attrs": {
+        "gap": "sm"
+      },
+      "children": [
+        "f1-icon",
+        "f1-heading",
+        "f1-desc"
+      ]
+    },
+    {
+      "id": "f1-icon",
+      "component": "Icon",
+      "attrs": {
+        "name": "zap",
+        "size": "lg"
+      }
+    },
+    {
+      "id": "f1-heading",
+      "component": "Text",
+      "attrs": {
+        "variant": "heading"
+      },
+      "content": "Lightning Fast"
+    },
+    {
+      "id": "f1-desc",
+      "component": "Text",
+      "attrs": {
+        "variant": "body",
+        "muted": true
+      },
+      "content": "Optimized rendering engine delivers sub-millisecond updates for smooth, responsive interfaces."
+    },
+    {
+      "id": "f2-card",
+      "component": "Card",
+      "children": [
+        "f2-body"
+      ]
+    },
+    {
+      "id": "f2-body",
+      "component": "Section",
+      "children": [
+        "f2-col"
+      ]
+    },
+    {
+      "id": "f2-col",
+      "component": "Column",
+      "attrs": {
+        "gap": "sm"
+      },
+      "children": [
+        "f2-icon",
+        "f2-heading",
+        "f2-desc"
+      ]
+    },
+    {
+      "id": "f2-icon",
+      "component": "Icon",
+      "attrs": {
+        "name": "shield",
+        "size": "lg"
+      }
+    },
+    {
+      "id": "f2-heading",
+      "component": "Text",
+      "attrs": {
+        "variant": "heading"
+      },
+      "content": "Secure by Default"
+    },
+    {
+      "id": "f2-desc",
+      "component": "Text",
+      "attrs": {
+        "variant": "body",
+        "muted": true
+      },
+      "content": "Built-in input sanitization, CSRF protection, and Content Security Policy headers out of the box."
+    },
+    {
+      "id": "f3-card",
+      "component": "Card",
+      "children": [
+        "f3-body"
+      ]
+    },
+    {
+      "id": "f3-body",
+      "component": "Section",
+      "children": [
+        "f3-col"
+      ]
+    },
+    {
+      "id": "f3-col",
+      "component": "Column",
+      "attrs": {
+        "gap": "sm"
+      },
+      "children": [
+        "f3-icon",
+        "f3-heading",
+        "f3-desc"
+      ]
+    },
+    {
+      "id": "f3-icon",
+      "component": "Icon",
+      "attrs": {
+        "name": "accessibility",
+        "size": "lg"
+      }
+    },
+    {
+      "id": "f3-heading",
+      "component": "Text",
+      "attrs": {
+        "variant": "heading"
+      },
+      "content": "Fully Accessible"
+    },
+    {
+      "id": "f3-desc",
+      "component": "Text",
+      "attrs": {
+        "variant": "body",
+        "muted": true
+      },
+      "content": "WCAG 2.1 AA compliant with keyboard navigation, screen reader support, and focus management built in."
+    }
+  ]
+}