@adia-ai/a2ui-corpus 0.0.1

package/compositions/layout/calendar-month-view.json

@@ -0,0 +1,209 @@
+{
+  "$schema": "../_schema.json",
+  "name": "calendar-month-view",
+  "version": 4,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Monthly event calendar: a CalendarPicker month grid with prev/today/next navigation paired with an upcoming-events list showing dated items with type badges.",
+  "tags": {
+    "purpose": [
+      "calendar",
+      "schedule",
+      "events"
+    ],
+    "complexity": "medium",
+    "layout": "split-pane"
+  },
+  "keywords": [
+    "calendar",
+    "month view",
+    "event calendar",
+    "schedule",
+    "agenda",
+    "planner",
+    "monthly calendar",
+    "calendar grid",
+    "date grid",
+    "weekday headers",
+    "appointments",
+    "meetings",
+    "bookings",
+    "events",
+    "date picker calendar",
+    "calendar view",
+    "weekly view",
+    "calendar with events",
+    "upcoming events",
+    "event details",
+    "calendarpicker"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "navrow"
+      ]
+    },
+    {
+      "id": "navrow",
+      "component": "Row",
+      "children": [
+        "prev",
+        "title",
+        "today",
+        "next"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "prev",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "chevron-left",
+      "ariaLabel": "Previous month"
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "April 2026"
+    },
+    {
+      "id": "today",
+      "component": "Button",
+      "variant": "outline",
+      "text": "Today"
+    },
+    {
+      "id": "next",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "chevron-right",
+      "ariaLabel": "Next month"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "split"
+      ]
+    },
+    {
+      "id": "split",
+      "component": "Row",
+      "gap": "4",
+      "align": "start",
+      "children": [
+        "cal",
+        "events"
+      ]
+    },
+    {
+      "id": "cal",
+      "component": "CalendarPicker",
+      "value": "2026-04-15",
+      "min": "2026-04-01",
+      "max": "2026-04-30",
+      "label": "Select date"
+    },
+    {
+      "id": "events",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "evtitle",
+        "e1",
+        "e2",
+        "e3",
+        "e4",
+        "e5",
+        "legend"
+      ]
+    },
+    {
+      "id": "evtitle",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Upcoming events"
+    },
+    {
+      "id": "e1",
+      "$fragment": "calendar-day-cell",
+      "bindings": {
+        "date": "Apr 3 \u2014 Design review",
+        "event": "Meeting"
+      }
+    },
+    {
+      "id": "e2",
+      "$fragment": "calendar-day-cell",
+      "bindings": {
+        "date": "Apr 9 \u2014 1:1 with Alex",
+        "event": "Meeting"
+      }
+    },
+    {
+      "id": "e3",
+      "$fragment": "calendar-day-cell",
+      "bindings": {
+        "date": "Apr 15 \u2014 Q2 kickoff",
+        "event": "All-hands"
+      }
+    },
+    {
+      "id": "e4",
+      "$fragment": "calendar-day-cell",
+      "bindings": {
+        "date": "Apr 22 \u2014 Product launch",
+        "event": "Launch"
+      }
+    },
+    {
+      "id": "e5",
+      "$fragment": "calendar-day-cell",
+      "bindings": {
+        "date": "Apr 28 \u2014 All-hands",
+        "event": "All-hands"
+      }
+    },
+    {
+      "id": "legend",
+      "component": "Row",
+      "gap": "2",
+      "align": "center",
+      "children": [
+        "lg1",
+        "lg2",
+        "lg3"
+      ]
+    },
+    {
+      "id": "lg1",
+      "component": "Badge",
+      "variant": "brand",
+      "text": "Meeting"
+    },
+    {
+      "id": "lg2",
+      "component": "Badge",
+      "variant": "accent",
+      "text": "Deadline"
+    },
+    {
+      "id": "lg3",
+      "component": "Badge",
+      "variant": "success",
+      "text": "Launch"
+    }
+  ]
+}

package/compositions/layout/calendar-month-view.yaml

@@ -0,0 +1,29 @@
+# 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: calendar-month-view
+domain: layout
+description: >-
+  Calendar month view with navigation controls and day cells in a grid.
+keywords:
+  - calendar
+  - month view
+  - event calendar
+  - schedule
+tags:
+  purpose:
+    - calendar
+    - schedule
+  complexity: medium
+  layout: stacked
+related: []
+fragments_used: []
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/code-block.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "../_schema.json",
+  "name": "code-block",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Code block with a header showing the language and a copy action.",
+  "tags": { "purpose": ["code", "reference"], "complexity": "atomic", "layout": "stacked" },
+  "keywords": ["code block", "code", "syntax", "highlight", "snippet"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec"] },
+    { "id": "hdr", "component": "Header", "children": ["row"] },
+    { "id": "row", "component": "Row", "children": ["lang", "copy"], "gap": "3", "align": "center" },
+    { "id": "lang","component": "Text", "variant": "caption", "color": "muted", "textContent": "javascript" },
+    { "id": "copy","component": "Button", "variant": "ghost", "text": "Copy" },
+    { "id": "sec", "component": "Section", "children": ["code"] },
+    { "id": "code","component": "Code", "language": "javascript",
+      "content": "export function add(a, b) {\n  return a + b;\n}" }
+  ]
+}

package/compositions/layout/code-block.yaml

@@ -0,0 +1,30 @@
+# 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: code-block
+domain: layout
+description: >-
+  Code block with a header showing the language and a copy action.
+keywords:
+  - code block
+  - code
+  - syntax
+  - highlight
+  - snippet
+tags:
+  purpose:
+    - code
+    - reference
+  complexity: atomic
+  layout: stacked
+related: []
+fragments_used: []
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/comparison-table.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "../_schema.json",
+  "name": "comparison-table",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Feature comparison table — rows of features checked off per plan.",
+  "tags": { "purpose": ["comparison", "pricing", "table"], "complexity": "simple", "layout": "stacked" },
+  "keywords": ["comparison", "compare", "feature table", "plans"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec"] },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Plan comparison", "description": "See what's included in each plan." } },
+    { "id": "sec", "component": "Section", "children": ["row", "tbl"] },
+    { "id": "row", "component": "Row", "children": ["search"], "gap": "2" },
+    { "id": "search", "component": "Input", "name": "filter", "placeholder": "Filter features…" },
+    { "id": "tbl", "component": "Table",
+      "columns": ["Feature", "Free", "Pro", "Enterprise"],
+      "rows": [
+        ["Unlimited projects", "—", "✓", "✓"],
+        ["Team seats",         "1", "5", "Unlimited"],
+        ["Priority support",   "—", "—", "✓"],
+        ["SSO / SAML",         "—", "—", "✓"],
+        ["Audit logs",         "—", "✓", "✓"]
+      ] }
+  ]
+}

package/compositions/layout/comparison-table.yaml

@@ -0,0 +1,32 @@
+# 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: comparison-table
+domain: layout
+description: >-
+  Feature comparison table — rows of features checked off per plan.
+keywords:
+  - comparison
+  - compare
+  - feature table
+  - plans
+tags:
+  purpose:
+    - comparison
+    - pricing
+    - table
+  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/divider-with-label.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "../_schema.json",
+  "name": "divider-with-label",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Divider line with an inline text label — section separator with context.",
+  "tags": { "purpose": ["separator", "divider"], "complexity": "atomic", "layout": "row" },
+  "keywords": ["divider", "separator", "rule", "section break"],
+
+  "template": [
+    { "id": "root", "component": "Row", "children": ["d1", "label", "d2"], "gap": "2", "align": "center" },
+    { "id": "d1",    "component": "Divider" },
+    { "id": "label", "component": "Text", "variant": "caption", "color": "muted", "textContent": "OR" },
+    { "id": "d2",    "component": "Divider" }
+  ]
+}

package/compositions/layout/divider-with-label.yaml

@@ -0,0 +1,29 @@
+# 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: divider-with-label
+domain: layout
+description: >-
+  Divider line with an inline text label — section separator with context.
+keywords:
+  - divider
+  - separator
+  - rule
+  - section break
+tags:
+  purpose:
+    - separator
+    - divider
+  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/drawer-panel.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "../_schema.json",
+  "name": "drawer-panel",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Slide-in drawer panel with header, content, and footer — used for details views, filters, settings slide-outs.",
+  "tags": { "purpose": ["drawer", "panel", "side-sheet"], "complexity": "simple", "layout": "overlay" },
+  "keywords": ["drawer", "side panel", "slide out", "sheet"],
+
+  "template": [
+    { "id": "root", "component": "Drawer", "children": ["card"], "side": "right", "open": true },
+    { "id": "card", "component": "Card", "children": ["hdr", "sec", "ftr"] },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Details", "description": "Review before confirming." } },
+    { "id": "sec", "component": "Section", "children": ["col"] },
+    { "id": "col", "component": "Column", "children": ["body"], "gap": "3" },
+    { "id": "body", "component": "Text", "variant": "body",
+      "textContent": "Additional details and controls live inside this side panel." },
+    { "id": "ftr", "$fragment": "footer-cancel-save",
+      "bindings": { "cancelLabel": "Close", "confirmLabel": "Apply" } }
+  ]
+}

package/compositions/layout/drawer-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: drawer-panel
+domain: layout
+description: >-
+  Slide-in drawer panel with header, content, and footer — used for details views, filters, settings slide-outs.
+keywords:
+  - drawer
+  - side panel
+  - slide out
+  - sheet
+tags:
+  purpose:
+    - drawer
+    - panel
+    - side-sheet
+  complexity: simple
+  layout: overlay
+related: []
+fragments_used:
+  - fragment: card-header-with-description
+    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/embed-iframe.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "../_schema.json",
+  "name": "embed-iframe",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Embedded iframe content with a header — for video, maps, external widgets.",
+  "tags": { "purpose": ["embed", "media"], "complexity": "atomic", "layout": "stacked" },
+  "keywords": ["embed", "iframe", "video embed", "external"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec"] },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Embedded content", "description": "External content rendered in an iframe." } },
+    { "id": "sec", "component": "Section", "children": ["embed"] },
+    { "id": "embed", "component": "Embed", "src": "https://example.com/widget",
+      "aspect": "16/9", "title": "External content" }
+  ]
+}

package/compositions/layout/embed-iframe.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: embed-iframe
+domain: layout
+description: >-
+  Embedded iframe content with a header — for video, maps, external widgets.
+keywords:
+  - embed
+  - iframe
+  - video embed
+  - external
+tags:
+  purpose:
+    - embed
+    - media
+  complexity: atomic
+  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/faq-accordion.json

@@ -0,0 +1,85 @@
+{
+  "$schema": "../_schema.json",
+  "name": "faq-accordion",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "FAQ page built as an accordion of question/answer items.",
+  "tags": {
+    "purpose": [
+      "marketing",
+      "faq",
+      "help"
+    ],
+    "complexity": "simple",
+    "layout": "stacked"
+  },
+  "keywords": [
+    "faq",
+    "frequently asked",
+    "accordion",
+    "help",
+    "questions"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Column",
+      "children": [
+        "hdr",
+        "acc"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "hdr",
+      "$fragment": "card-header-with-description",
+      "bindings": {
+        "heading": "Frequently asked questions",
+        "description": "Can't find an answer? Contact support."
+      }
+    },
+    {
+      "id": "acc",
+      "component": "Accordion",
+      "children": [
+        "a1",
+        "a2",
+        "a3",
+        "a4"
+      ]
+    },
+    {
+      "id": "a1",
+      "$fragment": "faq-item",
+      "bindings": {
+        "question": "How does billing work?",
+        "answer": "You're billed monthly, in advance. Cancel anytime."
+      }
+    },
+    {
+      "id": "a2",
+      "$fragment": "faq-item",
+      "bindings": {
+        "question": "Can I change plans later?",
+        "answer": "Yes \u2014 upgrades apply immediately, downgrades at the next cycle."
+      }
+    },
+    {
+      "id": "a3",
+      "$fragment": "faq-item",
+      "bindings": {
+        "question": "Do you offer discounts?",
+        "answer": "Annual plans get 20% off. Education and open-source projects get 50%."
+      }
+    },
+    {
+      "id": "a4",
+      "$fragment": "faq-item",
+      "bindings": {
+        "question": "What about data ownership?",
+        "answer": "You own all your data \u2014 export anytime, no lock-in."
+      }
+    }
+  ]
+}

package/compositions/layout/faq-accordion.yaml

@@ -0,0 +1,32 @@
+# 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: faq-accordion
+domain: layout
+description: FAQ page built as an accordion of question/answer items.
+keywords:
+  - faq
+  - frequently asked
+  - accordion
+  - help
+  - questions
+tags:
+  purpose:
+    - marketing
+    - faq
+    - help
+  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/feature-grid.json

@@ -0,0 +1,33 @@
+{
+  "$schema": "../_schema.json",
+  "name": "feature-grid",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Feature grid with icon-led tiles — used for product features, team roles, category navigation.",
+  "tags": {
+    "purpose": ["marketing", "feature-grid", "team"],
+    "complexity": "simple",
+    "layout": "grid"
+  },
+  "keywords": ["features", "feature grid", "grid", "icons", "tiles", "team"],
+
+  "template": [
+    { "id": "root", "component": "Column", "children": ["hdr", "grid"], "gap": "6", "align": "center" },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Everything you need", "description": "A complete toolkit for modern teams." } },
+    { "id": "grid", "component": "Grid", "children": ["c1", "c2", "c3", "c4"], "columns": "3", "gap": "4" },
+    { "id": "c1", "component": "Card", "children": ["f1"] },
+    { "id": "f1", "$fragment": "icon-title-description",
+      "bindings": { "icon": "bolt",     "title": "Lightning fast",  "description": "Sub-second page loads out of the box." } },
+    { "id": "c2", "component": "Card", "children": ["f2"] },
+    { "id": "f2", "$fragment": "icon-title-description",
+      "bindings": { "icon": "shield",   "title": "Secure by default","description": "SOC-2 compliant with end-to-end encryption." } },
+    { "id": "c3", "component": "Card", "children": ["f3"] },
+    { "id": "f3", "$fragment": "icon-title-description",
+      "bindings": { "icon": "puzzle",   "title": "Fully extensible","description": "Plugins, webhooks, and a typed API." } },
+    { "id": "c4", "component": "Card", "children": ["f4"] },
+    { "id": "f4", "$fragment": "icon-title-description",
+      "bindings": { "icon": "globe",    "title": "Global CDN",      "description": "Edge-deployed in 40+ regions worldwide." } }
+  ]
+}