@adia-ai/a2ui-corpus 0.0.1

package/compositions/layout/modal-form.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "../_schema.json",
+  "name": "modal-form",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Modal dialog with a simple form inside — for confirmation flows, quick edits, focused inputs.",
+  "tags": { "purpose": ["dialog", "modal", "form"], "complexity": "simple", "layout": "overlay" },
+  "keywords": ["modal", "dialog", "popup", "overlay"],
+
+  "template": [
+    { "id": "root", "component": "Modal", "children": ["hdr", "sec", "ftr"], "open": true },
+    { "id": "hdr", "component": "Header", "children": ["title"] },
+    { "id": "title", "component": "Text", "variant": "section", "textContent": "Quick action" },
+    { "id": "sec", "component": "Section", "children": ["col"] },
+    { "id": "col", "component": "Column", "children": ["name"], "gap": "3" },
+    { "id": "name", "$fragment": "labeled-input",
+      "bindings": { "label": "Name", "name": "name", "type": "text", "placeholder": "Enter a name…" } },
+    { "id": "ftr", "$fragment": "footer-cancel-save",
+      "bindings": { "cancelLabel": "Cancel", "confirmLabel": "Confirm" } }
+  ]
+}

package/compositions/layout/modal-form.yaml

@@ -0,0 +1,34 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: modal-form
+domain: layout
+description: >-
+  Modal dialog with a simple form inside — for confirmation flows, quick edits, focused inputs.
+keywords:
+  - modal
+  - dialog
+  - popup
+  - overlay
+tags:
+  purpose:
+    - dialog
+    - modal
+    - form
+  complexity: simple
+  layout: overlay
+related: []
+fragments_used:
+  - fragment: labeled-input
+    prefix: ""
+  - fragment: footer-cancel-save
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/onboarding-checklist.json

@@ -0,0 +1,94 @@
+{
+  "$schema": "../_schema.json",
+  "name": "onboarding-checklist",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "User onboarding checklist \u2014 a list of steps with checkboxes and status.",
+  "tags": {
+    "purpose": [
+      "onboarding",
+      "checklist"
+    ],
+    "complexity": "simple",
+    "layout": "stacked"
+  },
+  "keywords": [
+    "onboarding",
+    "checklist",
+    "tasks",
+    "getting started"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "$fragment": "card-header-with-description",
+      "bindings": {
+        "heading": "Getting started",
+        "description": "Complete these steps to set up your workspace."
+      }
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "col"
+      ]
+    },
+    {
+      "id": "col",
+      "component": "Column",
+      "children": [
+        "s1",
+        "s2",
+        "s3",
+        "s4"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "s1",
+      "$fragment": "labeled-checkbox",
+      "bindings": {
+        "label": "Create your account",
+        "name": "step1",
+        "checked": true
+      }
+    },
+    {
+      "id": "s2",
+      "$fragment": "labeled-checkbox",
+      "bindings": {
+        "label": "Invite your team",
+        "name": "step2",
+        "checked": true
+      }
+    },
+    {
+      "id": "s3",
+      "$fragment": "labeled-checkbox",
+      "bindings": {
+        "label": "Connect a data source",
+        "name": "step3",
+        "checked": false
+      }
+    },
+    {
+      "id": "s4",
+      "$fragment": "labeled-checkbox",
+      "bindings": {
+        "label": "Publish your first dashboard",
+        "name": "step4",
+        "checked": false
+      }
+    }
+  ]
+}

package/compositions/layout/onboarding-checklist.yaml

@@ -0,0 +1,31 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: onboarding-checklist
+domain: layout
+description: >-
+  User onboarding checklist — a list of steps with checkboxes and status.
+keywords:
+  - onboarding
+  - checklist
+  - tasks
+  - getting started
+tags:
+  purpose:
+    - onboarding
+    - checklist
+  complexity: simple
+  layout: stacked
+related: []
+fragments_used:
+  - fragment: card-header-with-description
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/popover-tooltip.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "../_schema.json",
+  "name": "popover-tooltip",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Interactive button with a popover revealing richer content plus a tooltip on hover — shows both primitives together.",
+  "tags": { "purpose": ["popover", "tooltip", "overlay"], "complexity": "atomic", "layout": "row" },
+  "keywords": ["popover", "tooltip", "hint", "hover", "overlay"],
+
+  "template": [
+    { "id": "root", "component": "Row", "children": ["btn", "pop", "tip"], "gap": "3", "align": "center" },
+    { "id": "btn", "component": "Button", "variant": "ghost", "text": "Details" },
+    { "id": "pop", "component": "Popover", "children": ["pcol"], "anchor": "btn" },
+    { "id": "pcol","component": "Column", "children": ["ptitle", "div", "pbody"], "gap": "2" },
+    { "id": "ptitle","component": "Text", "variant": "section", "textContent": "More info" },
+    { "id": "div","component": "Divider" },
+    { "id": "pbody","component": "Text", "variant": "body", "textContent": "Extended description for the popover surface." },
+    { "id": "tip", "component": "Tooltip", "content": "Click to see details", "anchor": "btn" }
+  ]
+}

package/compositions/layout/popover-tooltip.yaml

@@ -0,0 +1,31 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: popover-tooltip
+domain: layout
+description: >-
+  Interactive button with a popover revealing richer content plus a tooltip on hover — shows both primitives together.
+keywords:
+  - popover
+  - tooltip
+  - hint
+  - hover
+  - overlay
+tags:
+  purpose:
+    - popover
+    - tooltip
+    - overlay
+  complexity: atomic
+  layout: row
+related: []
+fragments_used: []
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/pricing-tiers.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "../_schema.json",
+  "name": "pricing-tiers",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Pricing page with three-tier comparison cards — Free, Pro, Enterprise — each with price, features, and CTA.",
+  "tags": {
+    "purpose": ["marketing", "pricing", "tiers"],
+    "complexity": "medium",
+    "layout": "grid"
+  },
+  "keywords": ["pricing", "tiers", "plans", "free", "pro", "enterprise", "subscription"],
+
+  "template": [
+    { "id": "root", "component": "Column", "children": ["hdr", "grid"], "gap": "6", "align": "center" },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Pricing", "description": "Simple, transparent plans that scale with you." } },
+    { "id": "grid", "component": "Grid", "children": ["tier-free", "tier-pro", "tier-ent"], "columns": "3", "gap": "4" },
+
+    { "id": "tier-free", "$fragment": "pricing-tier-card",
+      "bindings": {
+        "title": "Free", "price": "$0",
+        "description": "For individuals getting started.",
+        "ctaLabel": "Get started", "ctaVariant": "ghost"
+      } },
+
+    { "id": "tier-pro", "$fragment": "pricing-tier-card",
+      "bindings": {
+        "title": "Pro", "price": "$29",
+        "description": "For growing teams and power users.",
+        "ctaLabel": "Upgrade to Pro", "ctaVariant": "primary"
+      } },
+
+    { "id": "tier-ent", "$fragment": "pricing-tier-card",
+      "bindings": {
+        "title": "Enterprise", "price": "Custom",
+        "description": "SSO, SLAs, and dedicated support.",
+        "ctaLabel": "Contact sales", "ctaVariant": "ghost"
+      } }
+  ]
+}

package/compositions/layout/pricing-tiers.yaml

@@ -0,0 +1,41 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: pricing-tiers
+domain: layout
+description: >-
+  Pricing page with three-tier comparison cards — Free, Pro, Enterprise — each with price, features, and CTA.
+keywords:
+  - pricing
+  - tiers
+  - plans
+  - free
+  - pro
+  - enterprise
+  - subscription
+tags:
+  purpose:
+    - marketing
+    - pricing
+    - tiers
+  complexity: medium
+  layout: grid
+related: []
+fragments_used:
+  - fragment: card-header-with-description
+    prefix: ""
+  - fragment: pricing-tier-card
+    prefix: ""
+  - fragment: pricing-tier-card
+    prefix: ""
+  - fragment: pricing-tier-card
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/product-card.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "../_schema.json",
+  "name": "product-card",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Media card with image, title, description, metadata, and an action — for product listings, blog previews, and app store tiles.",
+  "tags": {
+    "purpose": ["product", "media-card", "listing"],
+    "complexity": "simple",
+    "layout": "stacked"
+  },
+  "keywords": ["product", "media card", "image", "blog post", "preview", "listing", "app store"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["img", "hdr", "sec", "ftr"] },
+    { "id": "img", "component": "Image", "src": "https://placehold.co/800x400", "alt": "Product image", "aspect": "16/9" },
+    { "id": "hdr", "$fragment": "card-header-with-badge",
+      "bindings": { "heading": "Acme Launch Kit", "badgeLabel": "New", "badgeVariant": "success" } },
+    { "id": "sec", "component": "Section", "children": ["desc"] },
+    { "id": "desc","component": "Text",   "variant": "body", "color": "muted",
+      "textContent": "Everything you need to ship your next product in a weekend." },
+    { "id": "ftr", "component": "Footer", "children": ["row"] },
+    { "id": "row", "component": "Row", "children": ["price", "btn"], "gap": "3", "align": "center" },
+    { "id": "price","component": "Text", "variant": "heading", "textContent": "$49" },
+    { "id": "btn", "component": "Button", "variant": "primary", "text": "Buy now" }
+  ]
+}

package/compositions/layout/product-card.yaml

@@ -0,0 +1,35 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: product-card
+domain: layout
+description: >-
+  Media card with image, title, description, metadata, and an action — for product listings, blog previews, and app store tiles.
+keywords:
+  - product
+  - media card
+  - image
+  - blog post
+  - preview
+  - listing
+  - app store
+tags:
+  purpose:
+    - product
+    - media-card
+    - listing
+  complexity: simple
+  layout: stacked
+related: []
+fragments_used:
+  - fragment: card-header-with-badge
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/sidebar-layout.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "../_schema.json",
+  "name": "sidebar-layout",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Two-column app shell with sidebar navigation and main content area.",
+  "tags": { "purpose": ["navigation", "shell", "sidebar"], "complexity": "medium", "layout": "row" },
+  "keywords": ["sidebar", "navigation", "app shell", "layout", "split"],
+
+  "template": [
+    { "id": "root", "component": "Row", "children": ["side", "main"], "gap": "0" },
+    { "id": "side", "component": "Column", "children": ["nav"], "gap": "0" },
+    { "id": "nav",  "component": "Nav", "children": ["n1", "n2", "n3", "n4"] },
+    { "id": "n1", "$fragment": "icon-text-row", "bindings": { "icon": "home",     "label": "Home" } },
+    { "id": "n2", "$fragment": "icon-text-row", "bindings": { "icon": "folder",   "label": "Projects" } },
+    { "id": "n3", "$fragment": "icon-text-row", "bindings": { "icon": "users",    "label": "Team" } },
+    { "id": "n4", "$fragment": "icon-text-row", "bindings": { "icon": "settings", "label": "Settings" } },
+    { "id": "main", "component": "Column", "children": ["card"] },
+    { "id": "card", "component": "Card", "children": ["sec"] },
+    { "id": "sec",  "component": "Section", "children": ["body"] },
+    { "id": "body", "component": "Text", "variant": "body", "textContent": "Main content area." }
+  ]
+}

package/compositions/layout/sidebar-layout.yaml

@@ -0,0 +1,39 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: sidebar-layout
+domain: layout
+description: >-
+  Two-column app shell with sidebar navigation and main content area.
+keywords:
+  - sidebar
+  - navigation
+  - app shell
+  - layout
+  - split
+tags:
+  purpose:
+    - navigation
+    - shell
+    - sidebar
+  complexity: medium
+  layout: row
+related: []
+fragments_used:
+  - fragment: icon-text-row
+    prefix: ""
+  - fragment: icon-text-row
+    prefix: ""
+  - fragment: icon-text-row
+    prefix: ""
+  - fragment: icon-text-row
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/split-pane-layout.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "../_schema.json",
+  "name": "split-pane-layout",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Two-pane split layout — resizable columns for master/detail, editor/preview.",
+  "tags": { "purpose": ["split", "pane", "layout"], "complexity": "simple", "layout": "row" },
+  "keywords": ["split pane", "two pane", "resizable", "master detail", "editor preview"],
+
+  "template": [
+    { "id": "root", "component": "Row", "children": ["left", "right"], "gap": "0" },
+    { "id": "left",  "component": "Pane", "children": ["lcard"] },
+    { "id": "lcard", "component": "Card", "children": ["ltext"] },
+    { "id": "ltext", "component": "Text", "variant": "body", "textContent": "Left pane content." },
+    { "id": "right", "component": "Pane", "children": ["rcard"] },
+    { "id": "rcard", "component": "Card", "children": ["rtext"] },
+    { "id": "rtext", "component": "Text", "variant": "body", "textContent": "Right pane content." }
+  ]
+}

package/compositions/layout/split-pane-layout.yaml

@@ -0,0 +1,31 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: split-pane-layout
+domain: layout
+description: >-
+  Two-pane split layout — resizable columns for master/detail, editor/preview.
+keywords:
+  - split pane
+  - two pane
+  - resizable
+  - master detail
+  - editor preview
+tags:
+  purpose:
+    - split
+    - pane
+    - layout
+  complexity: simple
+  layout: row
+related: []
+fragments_used: []
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/tabs-panel.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "../_schema.json",
+  "name": "tabs-panel",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Tabbed content panel with three tabs and their panels.",
+  "tags": {
+    "purpose": ["navigation", "tabs"],
+    "complexity": "simple",
+    "layout": "stacked"
+  },
+  "keywords": ["tabs", "tabbed", "panels", "sections"],
+
+  "template": [
+    { "id": "root", "component": "Column", "children": ["tabs"], "gap": "0" },
+    { "id": "tabs", "component": "Tabs", "children": ["t1", "t2", "t3"], "active": "t1" },
+    { "id": "t1", "component": "Tab", "label": "Overview", "children": ["p1"] },
+    { "id": "p1", "$fragment": "text-card", "bindings": { "text": "High-level summary of the current view." } },
+    { "id": "t2", "component": "Tab", "label": "Details", "children": ["p2"] },
+    { "id": "p2", "$fragment": "text-card", "bindings": { "text": "Deeper fields and metadata." } },
+    { "id": "t3", "component": "Tab", "label": "Activity", "children": ["p3"] },
+    { "id": "p3", "$fragment": "text-card", "bindings": { "text": "Recent events and changes." } }
+  ]
+}

package/compositions/layout/tabs-panel.yaml

@@ -0,0 +1,34 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: tabs-panel
+domain: layout
+description: Tabbed content panel with three tabs and their panels.
+keywords:
+  - tabs
+  - tabbed
+  - panels
+  - sections
+tags:
+  purpose:
+    - navigation
+    - tabs
+  complexity: simple
+  layout: stacked
+related: []
+fragments_used:
+  - fragment: text-card
+    prefix: ""
+  - fragment: text-card
+    prefix: ""
+  - fragment: text-card
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/testimonial-grid.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "../_schema.json",
+  "name": "testimonial-grid",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Testimonial grid with avatar-led quote cards — for marketing pages and social proof sections.",
+  "tags": {
+    "purpose": ["marketing", "testimonial", "social-proof"],
+    "complexity": "simple",
+    "layout": "grid"
+  },
+  "keywords": ["testimonial", "testimonials", "quote", "social proof", "review"],
+
+  "template": [
+    { "id": "root", "component": "Column", "children": ["hdr", "grid"], "gap": "6", "align": "center" },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Loved by teams worldwide", "description": "Here's what our customers say." } },
+    { "id": "grid", "component": "Grid", "children": ["tc1", "tc2", "tc3"], "columns": "3", "gap": "4" },
+
+    { "id": "tc1", "component": "Card", "children": ["tc1-sec"] },
+    { "id": "tc1-sec", "component": "Section", "children": ["tc1-col"] },
+    { "id": "tc1-col", "component": "Column", "children": ["tc1-q", "tc1-who"], "gap": "3" },
+    { "id": "tc1-q",   "component": "Text", "variant": "body", "textContent": "\"This changed how our team ships. It's faster and more reliable.\"" },
+    { "id": "tc1-who", "$fragment": "user-identity-row",
+      "bindings": { "avatarName": "Ada Lovelace",  "primary": "Ada Lovelace",  "secondary": "Principal Engineer, Analytica" } },
+
+    { "id": "tc2", "component": "Card", "children": ["tc2-sec"] },
+    { "id": "tc2-sec", "component": "Section", "children": ["tc2-col"] },
+    { "id": "tc2-col", "component": "Column", "children": ["tc2-q", "tc2-who"], "gap": "3" },
+    { "id": "tc2-q",   "component": "Text", "variant": "body", "textContent": "\"We replaced three tools with this one. No regrets.\"" },
+    { "id": "tc2-who", "$fragment": "user-identity-row",
+      "bindings": { "avatarName": "Grace Hopper",  "primary": "Grace Hopper",  "secondary": "CTO, Compilerly" } },
+
+    { "id": "tc3", "component": "Card", "children": ["tc3-sec"] },
+    { "id": "tc3-sec", "component": "Section", "children": ["tc3-col"] },
+    { "id": "tc3-col", "component": "Column", "children": ["tc3-q", "tc3-who"], "gap": "3" },
+    { "id": "tc3-q",   "component": "Text", "variant": "body", "textContent": "\"Onboarded the whole team in an afternoon.\"" },
+    { "id": "tc3-who", "$fragment": "user-identity-row",
+      "bindings": { "avatarName": "Alan Turing",   "primary": "Alan Turing",   "secondary": "Head of Platform, Enigma" } }
+  ]
+}

package/compositions/layout/testimonial-grid.yaml

@@ -0,0 +1,39 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: testimonial-grid
+domain: layout
+description: >-
+  Testimonial grid with avatar-led quote cards — for marketing pages and social proof sections.
+keywords:
+  - testimonial
+  - testimonials
+  - quote
+  - social proof
+  - review
+tags:
+  purpose:
+    - marketing
+    - testimonial
+    - social-proof
+  complexity: simple
+  layout: grid
+related: []
+fragments_used:
+  - fragment: card-header-with-description
+    prefix: ""
+  - fragment: user-identity-row
+    prefix: ""
+  - fragment: user-identity-row
+    prefix: ""
+  - fragment: user-identity-row
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []