@adia-ai/a2ui-corpus 0.0.1

package/patterns/layout/swiper-carousel.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: swiper-carousel
+domain: layout
+version: 1
+description: >-
+  General-purpose swiper carousel pattern with image slides inside a card. Supports autoplay, peek, multi-slide views, and looping.
+tags:
+  purpose:
+    - media-display
+    - content-browsing
+    - marketing
+  complexity: composed
+  layout: horizontal-scroll
+  interaction:
+    - navigation
+    - swipe
+    - autoplay
+keywords:
+  - carousel
+  - swiper
+  - slideshow
+  - slider
+  - gallery
+  - slides
+  - banner
+  - hero
+  - image-slider
+related:
+  - image-gallery
+  - hero-section
+  - product-card
+  - image-carousel
+  - testimonials-carousel
+  - feature-carousel
+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
+  - Swiper
+  - Image

package/patterns/layout/tabs-panels.json

@@ -0,0 +1,173 @@
+{
+  "$schema": "../_schema.json",
+  "name": "tabs-panels",
+  "version": 1,
+  "domain": "layout",
+  "description": "Tabs component with three tab panels, each containing descriptive content for different sections.",
+  "tags": {
+    "purpose": [
+      "navigation",
+      "tabs",
+      "content-switching"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": [
+      "tab-switch"
+    ]
+  },
+  "keywords": [
+    "tabs",
+    "panels",
+    "tabbed",
+    "navigation",
+    "sections",
+    "switch"
+  ],
+  "related": [
+    "accordion-settings",
+    "faq-accordion"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "body"
+      ]
+    },
+    {
+      "id": "body",
+      "component": "Section",
+      "children": [
+        "tabs"
+      ]
+    },
+    {
+      "id": "tabs",
+      "component": "Tabs",
+      "attrs": {
+        "defaultValue": "overview"
+      },
+      "children": [
+        "tab-overview",
+        "tab-features",
+        "tab-specs"
+      ]
+    },
+    {
+      "id": "tab-overview",
+      "component": "Tab",
+      "attrs": {
+        "value": "overview",
+        "label": "Overview"
+      },
+      "children": [
+        "overview-content"
+      ]
+    },
+    {
+      "id": "overview-content",
+      "component": "Column",
+      "attrs": {
+        "gap": "sm"
+      },
+      "children": [
+        "overview-heading",
+        "overview-text"
+      ]
+    },
+    {
+      "id": "overview-heading",
+      "component": "Text",
+      "attrs": {
+        "variant": "heading"
+      },
+      "content": "Product Overview"
+    },
+    {
+      "id": "overview-text",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Our platform provides a comprehensive suite of tools for building modern web applications. From design to deployment, everything you need is included."
+    },
+    {
+      "id": "tab-features",
+      "component": "Tab",
+      "attrs": {
+        "value": "features",
+        "label": "Features"
+      },
+      "children": [
+        "features-content"
+      ]
+    },
+    {
+      "id": "features-content",
+      "component": "Column",
+      "attrs": {
+        "gap": "sm"
+      },
+      "children": [
+        "features-heading",
+        "features-text"
+      ]
+    },
+    {
+      "id": "features-heading",
+      "component": "Text",
+      "attrs": {
+        "variant": "heading"
+      },
+      "content": "Key Features"
+    },
+    {
+      "id": "features-text",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Includes real-time collaboration, version control integration, automated testing, CI/CD pipelines, and a built-in component library with 50+ pre-built patterns."
+    },
+    {
+      "id": "tab-specs",
+      "component": "Tab",
+      "attrs": {
+        "value": "specs",
+        "label": "Specifications"
+      },
+      "children": [
+        "specs-content"
+      ]
+    },
+    {
+      "id": "specs-content",
+      "component": "Column",
+      "attrs": {
+        "gap": "sm"
+      },
+      "children": [
+        "specs-heading",
+        "specs-text"
+      ]
+    },
+    {
+      "id": "specs-heading",
+      "component": "Text",
+      "attrs": {
+        "variant": "heading"
+      },
+      "content": "Technical Specs"
+    },
+    {
+      "id": "specs-text",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Built on TypeScript with React 19 support. Bundle size under 15KB gzipped. Supports SSR, RSC, and edge runtime. Compatible with Node.js 18+ and all modern browsers."
+    }
+  ]
+}

package/patterns/layout/tabs-panels.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: tabs-panels
+domain: layout
+version: 1
+description: >-
+  Tabs component with three tab panels, each containing descriptive content for different sections.
+tags:
+  purpose:
+    - navigation
+    - tabs
+    - content-switching
+  complexity: composed
+  layout: single-column
+  interaction:
+    - tab-switch
+keywords:
+  - tabs
+  - panels
+  - tabbed
+  - navigation
+  - sections
+  - switch
+related:
+  - accordion-settings
+  - faq-accordion
+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
+  - Section
+  - Tabs
+  - Tab
+  - Column
+  - Text

package/patterns/layout/team-carousel.json

@@ -0,0 +1,332 @@
+{
+  "$schema": "../_schema.json",
+  "name": "team-carousel",
+  "version": 1,
+  "domain": "layout",
+  "description": "Team member carousel with avatars, names, roles, and skill badges. 2-up peek layout.",
+  "tags": {
+    "purpose": [
+      "content-display",
+      "team-showcase"
+    ],
+    "complexity": "composed",
+    "layout": "horizontal-scroll",
+    "interaction": [
+      "navigation"
+    ]
+  },
+  "keywords": [
+    "team",
+    "carousel",
+    "swiper",
+    "members",
+    "people",
+    "staff",
+    "about",
+    "profiles"
+  ],
+  "related": [
+    "testimonials-carousel",
+    "user-profile",
+    "avatar-group"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Swiper",
+      "slides-per-view": "2",
+      "peek": true,
+      "gap": "4",
+      "children": [
+        "slide-1",
+        "slide-2",
+        "slide-3",
+        "slide-4"
+      ]
+    },
+    {
+      "id": "slide-1",
+      "component": "Card",
+      "variant": "outlined",
+      "children": [
+        "body-1"
+      ]
+    },
+    {
+      "id": "body-1",
+      "component": "Section",
+      "children": [
+        "col-1"
+      ]
+    },
+    {
+      "id": "col-1",
+      "component": "Column",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "avatar-1",
+        "name-1",
+        "role-1",
+        "skills-1"
+      ]
+    },
+    {
+      "id": "avatar-1",
+      "component": "Avatar",
+      "text": "Jordan Lee",
+      "size": "lg"
+    },
+    {
+      "id": "name-1",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Jordan Lee"
+    },
+    {
+      "id": "role-1",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Engineering Manager"
+    },
+    {
+      "id": "skills-1",
+      "component": "Row",
+      "gap": "2",
+      "justify": "center",
+      "children": [
+        "badge-1a",
+        "badge-1b",
+        "badge-1c"
+      ]
+    },
+    {
+      "id": "badge-1a",
+      "component": "Badge",
+      "textContent": "React"
+    },
+    {
+      "id": "badge-1b",
+      "component": "Badge",
+      "textContent": "Node.js"
+    },
+    {
+      "id": "badge-1c",
+      "component": "Badge",
+      "textContent": "GraphQL"
+    },
+    {
+      "id": "slide-2",
+      "component": "Card",
+      "variant": "outlined",
+      "children": [
+        "body-2"
+      ]
+    },
+    {
+      "id": "body-2",
+      "component": "Section",
+      "children": [
+        "col-2"
+      ]
+    },
+    {
+      "id": "col-2",
+      "component": "Column",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "avatar-2",
+        "name-2",
+        "role-2",
+        "skills-2"
+      ]
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar",
+      "text": "Emma Davis",
+      "size": "lg"
+    },
+    {
+      "id": "name-2",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Emma Davis"
+    },
+    {
+      "id": "role-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Product Designer"
+    },
+    {
+      "id": "skills-2",
+      "component": "Row",
+      "gap": "2",
+      "justify": "center",
+      "children": [
+        "badge-2a",
+        "badge-2b",
+        "badge-2c"
+      ]
+    },
+    {
+      "id": "badge-2a",
+      "component": "Badge",
+      "textContent": "Figma"
+    },
+    {
+      "id": "badge-2b",
+      "component": "Badge",
+      "textContent": "CSS"
+    },
+    {
+      "id": "badge-2c",
+      "component": "Badge",
+      "textContent": "Motion"
+    },
+    {
+      "id": "slide-3",
+      "component": "Card",
+      "variant": "outlined",
+      "children": [
+        "body-3"
+      ]
+    },
+    {
+      "id": "body-3",
+      "component": "Section",
+      "children": [
+        "col-3"
+      ]
+    },
+    {
+      "id": "col-3",
+      "component": "Column",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "avatar-3",
+        "name-3",
+        "role-3",
+        "skills-3"
+      ]
+    },
+    {
+      "id": "avatar-3",
+      "component": "Avatar",
+      "text": "Tom Wright",
+      "size": "lg"
+    },
+    {
+      "id": "name-3",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Tom Wright"
+    },
+    {
+      "id": "role-3",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "DevOps Lead"
+    },
+    {
+      "id": "skills-3",
+      "component": "Row",
+      "gap": "2",
+      "justify": "center",
+      "children": [
+        "badge-3a",
+        "badge-3b",
+        "badge-3c"
+      ]
+    },
+    {
+      "id": "badge-3a",
+      "component": "Badge",
+      "textContent": "AWS"
+    },
+    {
+      "id": "badge-3b",
+      "component": "Badge",
+      "textContent": "Docker"
+    },
+    {
+      "id": "badge-3c",
+      "component": "Badge",
+      "textContent": "Terraform"
+    },
+    {
+      "id": "slide-4",
+      "component": "Card",
+      "variant": "outlined",
+      "children": [
+        "body-4"
+      ]
+    },
+    {
+      "id": "body-4",
+      "component": "Section",
+      "children": [
+        "col-4"
+      ]
+    },
+    {
+      "id": "col-4",
+      "component": "Column",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "avatar-4",
+        "name-4",
+        "role-4",
+        "skills-4"
+      ]
+    },
+    {
+      "id": "avatar-4",
+      "component": "Avatar",
+      "text": "Lisa Chang",
+      "size": "lg"
+    },
+    {
+      "id": "name-4",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Lisa Chang"
+    },
+    {
+      "id": "role-4",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Staff Engineer"
+    },
+    {
+      "id": "skills-4",
+      "component": "Row",
+      "gap": "2",
+      "justify": "center",
+      "children": [
+        "badge-4a",
+        "badge-4b",
+        "badge-4c"
+      ]
+    },
+    {
+      "id": "badge-4a",
+      "component": "Badge",
+      "textContent": "Rust"
+    },
+    {
+      "id": "badge-4b",
+      "component": "Badge",
+      "textContent": "WASM"
+    },
+    {
+      "id": "badge-4c",
+      "component": "Badge",
+      "textContent": "Perf"
+    }
+  ]
+}

package/patterns/layout/team-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: team-carousel
+domain: layout
+version: 1
+description: >-
+  Team member carousel with avatars, names, roles, and skill badges. 2-up peek layout.
+tags:
+  purpose:
+    - content-display
+    - team-showcase
+  complexity: composed
+  layout: horizontal-scroll
+  interaction:
+    - navigation
+keywords:
+  - team
+  - carousel
+  - swiper
+  - members
+  - people
+  - staff
+  - about
+  - profiles
+related:
+  - testimonials-carousel
+  - user-profile
+  - 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:
+  - Swiper
+  - Card
+  - Section
+  - Column
+  - Avatar
+  - Text
+  - Row
+  - Badge