@adia-ai/a2ui-corpus 0.0.1

package/compositions/layout/feature-grid.yaml

@@ -0,0 +1,42 @@
+# 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: feature-grid
+domain: layout
+description: >-
+  Feature grid with icon-led tiles — used for product features, team roles, category navigation.
+keywords:
+  - features
+  - feature grid
+  - grid
+  - icons
+  - tiles
+  - team
+tags:
+  purpose:
+    - marketing
+    - feature-grid
+    - team
+  complexity: simple
+  layout: grid
+related: []
+fragments_used:
+  - fragment: card-header-with-description
+    prefix: ""
+  - fragment: icon-title-description
+    prefix: ""
+  - fragment: icon-title-description
+    prefix: ""
+  - fragment: icon-title-description
+    prefix: ""
+  - fragment: icon-title-description
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/footer-nav.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "../_schema.json",
+  "name": "footer-nav",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Site footer with navigation columns and a divider — product, company, resources sections.",
+  "tags": { "purpose": ["footer", "navigation"], "complexity": "simple", "layout": "grid" },
+  "keywords": ["footer", "site footer", "navigation columns", "links"],
+
+  "template": [
+    { "id": "root", "component": "Section", "children": ["grid", "div", "bottom"] },
+    { "id": "grid", "component": "Grid", "children": ["c1", "c2", "c3"], "columns": "3", "gap": "6" },
+
+    { "id": "c1", "$fragment": "link-list-column",
+      "bindings": { "heading": "Product", "link1": "Features",  "link2": "Pricing", "link3": "Changelog" } },
+    { "id": "c2", "$fragment": "link-list-column",
+      "bindings": { "heading": "Company", "link1": "About",     "link2": "Blog",    "link3": "Careers" } },
+    { "id": "c3", "$fragment": "link-list-column",
+      "bindings": { "heading": "Resources","link1": "Docs",     "link2": "Support", "link3": "Community" } },
+
+    { "id": "div", "component": "Divider" },
+    { "id": "bottom", "component": "Row", "children": ["copy", "social"], "gap": "3", "align": "center" },
+    { "id": "copy",   "component": "Text", "variant": "caption", "color": "muted", "textContent": "© 2026 Acme, Inc." },
+    { "id": "social", "component": "Row", "children": ["s1", "s2", "s3"], "gap": "2" },
+    { "id": "s1", "component": "Icon", "name": "twitter" },
+    { "id": "s2", "component": "Icon", "name": "github" },
+    { "id": "s3", "component": "Icon", "name": "linkedin" }
+  ]
+}

package/compositions/layout/footer-nav.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: footer-nav
+domain: layout
+description: >-
+  Site footer with navigation columns and a divider — product, company, resources sections.
+keywords:
+  - footer
+  - site footer
+  - navigation columns
+  - links
+tags:
+  purpose:
+    - footer
+    - navigation
+  complexity: simple
+  layout: grid
+related: []
+fragments_used:
+  - fragment: link-list-column
+    prefix: ""
+  - fragment: link-list-column
+    prefix: ""
+  - fragment: link-list-column
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/hero-cta.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "../_schema.json",
+  "name": "hero-cta",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Hero section with headline, supporting text, and call-to-action buttons — the top-of-page marketing surface.",
+  "tags": {
+    "purpose": ["marketing", "hero", "cta"],
+    "complexity": "simple",
+    "layout": "stacked"
+  },
+  "keywords": ["hero", "cta", "call to action", "banner", "headline", "landing", "marketing"],
+
+  "template": [
+    { "id": "root", "component": "Column", "children": ["hdr", "sub", "actions"], "gap": "4", "align": "center" },
+    { "id": "hdr",  "component": "Header", "children": ["title"] },
+    { "id": "title","component": "Text", "variant": "display", "textContent": "Build faster. Ship sooner." },
+    { "id": "sub",  "component": "Text", "variant": "body", "color": "muted",
+      "textContent": "The fastest way to go from idea to production — batteries included." },
+    { "id": "actions", "$fragment": "dual-cta-row",
+      "bindings": { "primaryLabel": "Get started", "secondaryLabel": "Learn more" } }
+  ]
+}

package/compositions/layout/hero-cta.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: hero-cta
+domain: layout
+description: >-
+  Hero section with headline, supporting text, and call-to-action buttons — the top-of-page marketing surface.
+keywords:
+  - hero
+  - cta
+  - call to action
+  - banner
+  - headline
+  - landing
+  - marketing
+tags:
+  purpose:
+    - marketing
+    - hero
+    - cta
+  complexity: simple
+  layout: stacked
+related: []
+fragments_used:
+  - fragment: dual-cta-row
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/image-gallery.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "../_schema.json",
+  "name": "image-gallery",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Image gallery grid — masonry-style image tiles for portfolios and media libraries.",
+  "tags": { "purpose": ["gallery", "media", "images"], "complexity": "atomic", "layout": "grid" },
+  "keywords": ["gallery", "masonry", "images", "photo grid", "media"],
+
+  "template": [
+    { "id": "root", "component": "Grid", "children": ["c1", "c2", "c3", "c4", "c5", "c6"], "columns": "3", "gap": "3" },
+    { "id": "c1", "$fragment": "image-tile", "bindings": { "src": "https://placehold.co/400x300", "alt": "Photo 1" } },
+    { "id": "c2", "$fragment": "image-tile", "bindings": { "src": "https://placehold.co/400x500", "alt": "Photo 2" } },
+    { "id": "c3", "$fragment": "image-tile", "bindings": { "src": "https://placehold.co/400x350", "alt": "Photo 3" } },
+    { "id": "c4", "$fragment": "image-tile", "bindings": { "src": "https://placehold.co/400x400", "alt": "Photo 4" } },
+    { "id": "c5", "$fragment": "image-tile", "bindings": { "src": "https://placehold.co/400x300", "alt": "Photo 5" } },
+    { "id": "c6", "$fragment": "image-tile", "bindings": { "src": "https://placehold.co/400x450", "alt": "Photo 6" } }
+  ]
+}

package/compositions/layout/image-gallery.yaml

@@ -0,0 +1,43 @@
+# 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: image-gallery
+domain: layout
+description: >-
+  Image gallery grid — masonry-style image tiles for portfolios and media libraries.
+keywords:
+  - gallery
+  - masonry
+  - images
+  - photo grid
+  - media
+tags:
+  purpose:
+    - gallery
+    - media
+    - images
+  complexity: atomic
+  layout: grid
+related: []
+fragments_used:
+  - fragment: image-tile
+    prefix: ""
+  - fragment: image-tile
+    prefix: ""
+  - fragment: image-tile
+    prefix: ""
+  - fragment: image-tile
+    prefix: ""
+  - fragment: image-tile
+    prefix: ""
+  - fragment: image-tile
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/image-with-caption.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "../_schema.json",
+  "name": "image-with-caption",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Image with a caption underneath — figure + descriptive text.",
+  "tags": { "purpose": ["media", "figure"], "complexity": "atomic", "layout": "stacked" },
+  "keywords": ["image", "caption", "figure", "photo", "media"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["sec"] },
+    { "id": "sec", "component": "Section", "children": ["col"] },
+    { "id": "col", "component": "Column", "children": ["img", "cap"], "gap": "2" },
+    { "id": "img", "component": "Image", "src": "https://placehold.co/800x500", "alt": "Placeholder image" },
+    { "id": "cap", "component": "Text", "variant": "caption", "color": "muted",
+      "textContent": "Figure 1: Descriptive caption explaining the image." }
+  ]
+}

package/compositions/layout/image-with-caption.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: image-with-caption
+domain: layout
+description: Image with a caption underneath — figure + descriptive text.
+keywords:
+  - image
+  - caption
+  - figure
+  - photo
+  - media
+tags:
+  purpose:
+    - media
+    - figure
+  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/kanban-board.json

@@ -0,0 +1,38 @@
+{
+  "$schema": "../_schema.json",
+  "name": "kanban-board",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Kanban board with three status columns — To do, In progress, Done — each containing task cards.",
+  "tags": { "purpose": ["kanban", "tasks", "project-board"], "complexity": "medium", "layout": "grid" },
+  "keywords": ["kanban", "board", "project board", "tasks", "columns"],
+
+  "template": [
+    { "id": "root", "component": "Grid", "children": ["c-todo", "c-doing", "c-done"], "columns": "3", "gap": "4" },
+
+    { "id": "c-todo",   "component": "Column", "children": ["h-todo", "t1", "t2"], "gap": "3" },
+    { "id": "h-todo", "$fragment": "card-header-with-badge",
+      "bindings": { "heading": "To do", "badgeLabel": "2", "badgeVariant": "neutral" } },
+    { "id": "t1", "component": "Card", "children": ["t1s"] },
+    { "id": "t1s","component": "Section", "children": ["t1t"] },
+    { "id": "t1t","component": "Text", "variant": "body", "textContent": "Write onboarding copy" },
+    { "id": "t2", "component": "Card", "children": ["t2s"] },
+    { "id": "t2s","component": "Section", "children": ["t2t"] },
+    { "id": "t2t","component": "Text", "variant": "body", "textContent": "Design empty states" },
+
+    { "id": "c-doing",   "component": "Column", "children": ["h-doing", "t3"], "gap": "3" },
+    { "id": "h-doing", "$fragment": "card-header-with-badge",
+      "bindings": { "heading": "In progress", "badgeLabel": "1", "badgeVariant": "info" } },
+    { "id": "t3", "component": "Card", "children": ["t3s"] },
+    { "id": "t3s","component": "Section", "children": ["t3t"] },
+    { "id": "t3t","component": "Text", "variant": "body", "textContent": "Refactor validator" },
+
+    { "id": "c-done",   "component": "Column", "children": ["h-done", "t4"], "gap": "3" },
+    { "id": "h-done", "$fragment": "card-header-with-badge",
+      "bindings": { "heading": "Done", "badgeLabel": "3", "badgeVariant": "success" } },
+    { "id": "t4", "component": "Card", "children": ["t4s"] },
+    { "id": "t4s","component": "Section", "children": ["t4t"] },
+    { "id": "t4t","component": "Text", "variant": "body", "textContent": "Ship v0.2" }
+  ]
+}

package/compositions/layout/kanban-board.yaml

@@ -0,0 +1,37 @@
+# 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: kanban-board
+domain: layout
+description: >-
+  Kanban board with three status columns — To do, In progress, Done — each containing task cards.
+keywords:
+  - kanban
+  - board
+  - project board
+  - tasks
+  - columns
+tags:
+  purpose:
+    - kanban
+    - tasks
+    - project-board
+  complexity: medium
+  layout: grid
+related: []
+fragments_used:
+  - fragment: card-header-with-badge
+    prefix: ""
+  - fragment: card-header-with-badge
+    prefix: ""
+  - 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/keyboard-shortcuts.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "../_schema.json",
+  "name": "keyboard-shortcuts",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Keyboard shortcuts reference card — descriptions paired with keybindings for app cheat-sheets and help modals.",
+  "tags": { "purpose": ["keyboard-shortcuts", "help", "cheat-sheet"], "complexity": "simple", "layout": "stacked" },
+  "keywords": ["keyboard", "shortcuts", "hotkeys", "cheat sheet", "bindings", "kbd"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec"] },
+    { "id": "hdr", "$fragment": "card-header-heading", "bindings": { "heading": "Keyboard shortcuts" } },
+    { "id": "sec", "component": "Section", "children": ["col"] },
+    { "id": "col", "component": "Column", "children": ["r1", "r2", "r3", "r4"], "gap": "2" },
+
+    { "id": "r1", "$fragment": "kbd-shortcut-row",
+      "bindings": { "description": "Quick open",    "keys": "⌘ K" } },
+    { "id": "r2", "$fragment": "kbd-shortcut-row",
+      "bindings": { "description": "Save",          "keys": "⌘ S" } },
+    { "id": "r3", "$fragment": "kbd-shortcut-row",
+      "bindings": { "description": "Toggle sidebar","keys": "⌘ B" } },
+    { "id": "r4", "$fragment": "kbd-shortcut-row",
+      "bindings": { "description": "Command palette","keys": "⌘ ⇧ P" } }
+  ]
+}

package/compositions/layout/keyboard-shortcuts.yaml

@@ -0,0 +1,42 @@
+# 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: keyboard-shortcuts
+domain: layout
+description: >-
+  Keyboard shortcuts reference card — descriptions paired with keybindings for app cheat-sheets and help modals.
+keywords:
+  - keyboard
+  - shortcuts
+  - hotkeys
+  - cheat sheet
+  - bindings
+  - kbd
+tags:
+  purpose:
+    - keyboard-shortcuts
+    - help
+    - cheat-sheet
+  complexity: simple
+  layout: stacked
+related: []
+fragments_used:
+  - fragment: card-header-heading
+    prefix: ""
+  - fragment: kbd-shortcut-row
+    prefix: ""
+  - fragment: kbd-shortcut-row
+    prefix: ""
+  - fragment: kbd-shortcut-row
+    prefix: ""
+  - fragment: kbd-shortcut-row
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/markdown-editor-preview.json

@@ -0,0 +1,166 @@
+{
+  "$schema": "../_schema.json",
+  "name": "markdown-editor-preview",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Split-pane markdown editor with a Textarea source on the left and a Richtext rendered preview on the right, plus a toolbar for bold/italic/link/heading formatting.",
+  "tags": {
+    "purpose": [
+      "editor",
+      "markdown",
+      "preview"
+    ],
+    "complexity": "medium",
+    "layout": "split-pane"
+  },
+  "keywords": [
+    "markdown",
+    "markdown editor",
+    "editor",
+    "preview",
+    "markdown preview",
+    "live preview",
+    "split pane",
+    "split-pane",
+    "side by side",
+    "rich text",
+    "richtext",
+    "formatting toolbar",
+    "bold italic heading link",
+    "markdown to html",
+    "md editor",
+    "writing tool",
+    "document editor"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "toolbar"
+      ]
+    },
+    {
+      "id": "toolbar",
+      "component": "Toolbar",
+      "children": [
+        "b",
+        "i",
+        "h",
+        "link",
+        "code",
+        "preview"
+      ]
+    },
+    {
+      "id": "b",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "bold",
+      "ariaLabel": "Bold"
+    },
+    {
+      "id": "i",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "italic",
+      "ariaLabel": "Italic"
+    },
+    {
+      "id": "h",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "heading",
+      "ariaLabel": "Heading"
+    },
+    {
+      "id": "link",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "link",
+      "ariaLabel": "Link"
+    },
+    {
+      "id": "code",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "code",
+      "ariaLabel": "Code"
+    },
+    {
+      "id": "preview",
+      "component": "Button",
+      "variant": "outline",
+      "icon": "eye",
+      "text": "Preview"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "split"
+      ]
+    },
+    {
+      "id": "split",
+      "component": "Row",
+      "gap": "3",
+      "align": "stretch",
+      "children": [
+        "edcol",
+        "prcol"
+      ]
+    },
+    {
+      "id": "edcol",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "edtitle",
+        "editor"
+      ]
+    },
+    {
+      "id": "edtitle",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Markdown"
+    },
+    {
+      "id": "editor",
+      "component": "Textarea",
+      "name": "source",
+      "rows": "14",
+      "value": "# Hello, world\n\nWrite **markdown** on the left, see the rendered result on the *right*.\n\n- lists\n- work\n- too\n\n```js\nconsole.log('preview')\n```"
+    },
+    {
+      "id": "prcol",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "prtitle",
+        "preview-pane"
+      ]
+    },
+    {
+      "id": "prtitle",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Preview"
+    },
+    {
+      "id": "preview-pane",
+      "component": "Richtext",
+      "html": "<h1>Hello, world</h1><p>Write <strong>markdown</strong> on the left, see the rendered result on the <em>right</em>.</p><ul><li>lists</li><li>work</li><li>too</li></ul><pre><code>console.log('preview')</code></pre>"
+    }
+  ]
+}

package/compositions/layout/media-player.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "../_schema.json",
+  "name": "media-player",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Media player controls with playback, time display, and volume slider — for music or video.",
+  "tags": { "purpose": ["media", "player"], "complexity": "simple", "layout": "stacked" },
+  "keywords": ["music player", "video player", "playback", "controls", "slider"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["sec", "ftr"] },
+    { "id": "sec", "component": "Section", "children": ["embed"] },
+    { "id": "embed", "component": "Embed", "src": "https://example.com/media.mp4", "aspect": "16/9" },
+    { "id": "ftr", "component": "Row", "children": ["prev", "play", "next", "time", "vol"], "gap": "3", "align": "center" },
+    { "id": "prev","component": "Button", "variant": "ghost", "icon": "skip-back",    "ariaLabel": "Previous" },
+    { "id": "play","component": "Button", "variant": "primary", "icon": "play",       "ariaLabel": "Play" },
+    { "id": "next","component": "Button", "variant": "ghost", "icon": "skip-forward", "ariaLabel": "Next" },
+    { "id": "time","component": "Text", "variant": "caption", "color": "muted", "textContent": "1:24 / 4:02" },
+    { "id": "vol", "component": "Slider", "name": "volume", "min": 0, "max": 100, "value": 75 }
+  ]
+}

package/compositions/layout/media-player.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: media-player
+domain: layout
+description: >-
+  Media player controls with playback, time display, and volume slider — for music or video.
+keywords:
+  - music player
+  - video player
+  - playback
+  - controls
+  - slider
+tags:
+  purpose:
+    - media
+    - player
+  complexity: simple
+  layout: stacked
+related: []
+fragments_used: []
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []