@adia-ai/a2ui-corpus 0.0.1

package/patterns/layout/popover-menu.yaml

@@ -0,0 +1,45 @@
+# 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: popover-menu
+domain: layout
+version: 1
+description: >-
+  Button that triggers a Popover containing a list of menu action items.
+tags:
+  purpose:
+    - actions
+    - menu
+    - context-menu
+  complexity: composed
+  layout: overlay
+  interaction:
+    - click
+    - menu-select
+keywords:
+  - popover
+  - menu
+  - dropdown
+  - actions
+  - context
+  - more
+related:
+  - tooltip-buttons
+  - drawer-panel
+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:
+  - Popover
+  - Button
+  - Column
+  - Divider

package/patterns/layout/pricing-tiers.json

@@ -0,0 +1,354 @@
+{
+  "$schema": "../_schema.json",
+  "name": "pricing-tiers",
+  "version": 1,
+  "domain": "layout",
+  "description": "Three-column pricing grid with Free, Pro, and Enterprise tiers. Each card shows price, feature list, and CTA button. Pro tier highlighted with accent badge.",
+  "tags": {
+    "purpose": [
+      "pricing",
+      "marketing",
+      "monetization"
+    ],
+    "complexity": "complex",
+    "layout": "multi-column",
+    "interaction": [
+      "navigation"
+    ]
+  },
+  "keywords": [
+    "pricing",
+    "plans",
+    "tiers",
+    "subscription",
+    "free",
+    "pro",
+    "enterprise"
+  ],
+  "related": [
+    "hero-section",
+    "cta-banner",
+    "feature-grid"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Grid",
+      "attrs": {
+        "columns": 3,
+        "gap": "lg"
+      },
+      "children": [
+        "free-card",
+        "pro-card",
+        "enterprise-card"
+      ]
+    },
+    {
+      "id": "free-card",
+      "component": "Card",
+      "children": [
+        "free-hdr",
+        "free-divider",
+        "free-body",
+        "free-ftr"
+      ]
+    },
+    {
+      "id": "free-hdr",
+      "component": "Header",
+      "slots": {
+        "heading": "Free",
+        "description": "For individuals getting started"
+      }
+    },
+    {
+      "id": "free-divider",
+      "component": "Divider"
+    },
+    {
+      "id": "free-body",
+      "component": "Section",
+      "children": [
+        "free-price",
+        "free-features"
+      ]
+    },
+    {
+      "id": "free-price",
+      "component": "Text",
+      "attrs": {
+        "variant": "metric"
+      },
+      "content": "$0/mo"
+    },
+    {
+      "id": "free-features",
+      "component": "Column",
+      "attrs": {
+        "gap": "sm"
+      },
+      "children": [
+        "free-f1",
+        "free-f2",
+        "free-f3"
+      ]
+    },
+    {
+      "id": "free-f1",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Up to 3 projects"
+    },
+    {
+      "id": "free-f2",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "1 GB storage"
+    },
+    {
+      "id": "free-f3",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Community support"
+    },
+    {
+      "id": "free-ftr",
+      "component": "Footer",
+      "children": [
+        "free-btn"
+      ]
+    },
+    {
+      "id": "free-btn",
+      "component": "Button",
+      "attrs": {
+        "variant": "outline",
+        "full": true
+      },
+      "content": "Get Started"
+    },
+    {
+      "id": "pro-card",
+      "component": "Card",
+      "children": [
+        "pro-hdr",
+        "pro-divider",
+        "pro-body",
+        "pro-ftr"
+      ]
+    },
+    {
+      "id": "pro-hdr",
+      "component": "Header",
+      "slots": {
+        "heading": "Pro",
+        "description": "For growing teams",
+        "action": "pro-badge"
+      }
+    },
+    {
+      "id": "pro-badge",
+      "component": "Badge",
+      "attrs": {
+        "variant": "accent"
+      },
+      "content": "Popular"
+    },
+    {
+      "id": "pro-divider",
+      "component": "Divider"
+    },
+    {
+      "id": "pro-body",
+      "component": "Section",
+      "children": [
+        "pro-price",
+        "pro-features"
+      ]
+    },
+    {
+      "id": "pro-price",
+      "component": "Text",
+      "attrs": {
+        "variant": "metric"
+      },
+      "content": "$29/mo"
+    },
+    {
+      "id": "pro-features",
+      "component": "Column",
+      "attrs": {
+        "gap": "sm"
+      },
+      "children": [
+        "pro-f1",
+        "pro-f2",
+        "pro-f3",
+        "pro-f4"
+      ]
+    },
+    {
+      "id": "pro-f1",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Unlimited projects"
+    },
+    {
+      "id": "pro-f2",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "50 GB storage"
+    },
+    {
+      "id": "pro-f3",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Priority support"
+    },
+    {
+      "id": "pro-f4",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Advanced analytics"
+    },
+    {
+      "id": "pro-ftr",
+      "component": "Footer",
+      "children": [
+        "pro-btn"
+      ]
+    },
+    {
+      "id": "pro-btn",
+      "component": "Button",
+      "attrs": {
+        "variant": "primary",
+        "full": true
+      },
+      "content": "Upgrade to Pro"
+    },
+    {
+      "id": "enterprise-card",
+      "component": "Card",
+      "children": [
+        "ent-hdr",
+        "ent-divider",
+        "ent-body",
+        "ent-ftr"
+      ]
+    },
+    {
+      "id": "ent-hdr",
+      "component": "Header",
+      "slots": {
+        "heading": "Enterprise",
+        "description": "For large organizations"
+      }
+    },
+    {
+      "id": "ent-divider",
+      "component": "Divider"
+    },
+    {
+      "id": "ent-body",
+      "component": "Section",
+      "children": [
+        "ent-price",
+        "ent-features"
+      ]
+    },
+    {
+      "id": "ent-price",
+      "component": "Text",
+      "attrs": {
+        "variant": "metric"
+      },
+      "content": "Custom"
+    },
+    {
+      "id": "ent-features",
+      "component": "Column",
+      "attrs": {
+        "gap": "sm"
+      },
+      "children": [
+        "ent-f1",
+        "ent-f2",
+        "ent-f3",
+        "ent-f4",
+        "ent-f5"
+      ]
+    },
+    {
+      "id": "ent-f1",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Everything in Pro"
+    },
+    {
+      "id": "ent-f2",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Unlimited storage"
+    },
+    {
+      "id": "ent-f3",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Dedicated account manager"
+    },
+    {
+      "id": "ent-f4",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "SSO & SAML"
+    },
+    {
+      "id": "ent-f5",
+      "component": "Text",
+      "attrs": {
+        "variant": "body"
+      },
+      "content": "Custom SLA"
+    },
+    {
+      "id": "ent-ftr",
+      "component": "Footer",
+      "children": [
+        "ent-btn"
+      ]
+    },
+    {
+      "id": "ent-btn",
+      "component": "Button",
+      "attrs": {
+        "variant": "outline",
+        "full": true
+      },
+      "content": "Contact Sales"
+    }
+  ]
+}

package/patterns/layout/pricing-tiers.yaml

@@ -0,0 +1,52 @@
+# 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: pricing-tiers
+domain: layout
+version: 1
+description: >-
+  Three-column pricing grid with Free, Pro, and Enterprise tiers. Each card shows price, feature list, and CTA button. Pro tier highlighted with accent badge.
+tags:
+  purpose:
+    - pricing
+    - marketing
+    - monetization
+  complexity: complex
+  layout: multi-column
+  interaction:
+    - navigation
+keywords:
+  - pricing
+  - plans
+  - tiers
+  - subscription
+  - free
+  - pro
+  - enterprise
+related:
+  - hero-section
+  - cta-banner
+  - 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:
+  - Grid
+  - Card
+  - Header
+  - Divider
+  - Section
+  - Text
+  - Column
+  - Footer
+  - Button
+  - Badge

package/patterns/layout/product-card.json

@@ -0,0 +1,89 @@
+{
+  "$schema": "../_schema.json",
+  "name": "product-card",
+  "version": 1,
+  "domain": "layout",
+  "description": "Product card with image, title, price, rating badge, and add-to-cart button.",
+  "tags": {
+    "purpose": [
+      "commerce"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": [
+      "click"
+    ]
+  },
+  "keywords": [
+    "product",
+    "card",
+    "ecommerce",
+    "shop",
+    "price",
+    "rating",
+    "cart"
+  ],
+  "related": [
+    "image-gallery",
+    "image-gallery"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "img",
+        "sec",
+        "ftr"
+      ]
+    },
+    {
+      "id": "img",
+      "component": "Image",
+      "src": "https://picsum.photos/400/300",
+      "aspect": "4/3",
+      "alt": "Product image"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "title",
+        "price",
+        "rating"
+      ]
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Wireless Headphones"
+    },
+    {
+      "id": "price",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "$79.99"
+    },
+    {
+      "id": "rating",
+      "component": "Badge",
+      "text": "★ 4.5",
+      "variant": "success"
+    },
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "cart-btn"
+      ]
+    },
+    {
+      "id": "cart-btn",
+      "component": "Button",
+      "text": "Add to Cart",
+      "icon": "shopping-cart",
+      "variant": "primary"
+    }
+  ]
+}

package/patterns/layout/product-card.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: product-card
+domain: layout
+version: 1
+description: >-
+  Product card with image, title, price, rating badge, and add-to-cart button.
+tags:
+  purpose:
+    - commerce
+  complexity: composed
+  layout: single-column
+  interaction:
+    - click
+keywords:
+  - product
+  - card
+  - ecommerce
+  - shop
+  - price
+  - rating
+  - cart
+related:
+  - image-gallery
+  - image-gallery
+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
+  - Image
+  - Section
+  - Text
+  - Badge
+  - Footer
+  - Button