@adia-ai/a2ui-corpus 0.0.1

package/patterns/layout/markdown-editor.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: markdown-editor
+domain: layout
+version: 1
+description: >-
+  Split pane with TextArea for editing markdown on the left and a preview card on the right.
+tags:
+  purpose:
+    - editing
+  complexity: composed
+  layout: split
+  interaction:
+    - input
+    - resize
+keywords:
+  - markdown
+  - editor
+  - preview
+  - split
+  - writing
+  - text
+related:
+  - split-pane
+  - kbd-shortcuts
+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:
+  - Row
+  - Pane
+  - Card
+  - Header
+  - Text
+  - Section
+  - TextArea

package/patterns/layout/music-player.json

@@ -0,0 +1,107 @@
+{
+  "$schema": "../_schema.json",
+  "name": "music-player",
+  "version": 1,
+  "domain": "layout",
+  "description": "Music player with album art, seek slider, and transport controls.",
+  "tags": {
+    "purpose": [
+      "media"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": []
+  },
+  "keywords": [
+    "music",
+    "player",
+    "audio",
+    "song",
+    "playback"
+  ],
+  "related": [
+    "video-player"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "sec"
+      ]
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "info",
+        "slider",
+        "transport"
+      ]
+    },
+    {
+      "id": "info",
+      "component": "Row",
+      "children": [
+        "title"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "title",
+      "component": "Column",
+      "children": [
+        "song",
+        "artist"
+      ]
+    },
+    {
+      "id": "song",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Song Title"
+    },
+    {
+      "id": "artist",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Artist Name"
+    },
+    {
+      "id": "slider",
+      "component": "Slider",
+      "value": 35,
+      "max": 100
+    },
+    {
+      "id": "transport",
+      "component": "Row",
+      "children": [
+        "prev",
+        "play",
+        "next"
+      ],
+      "justify": "center",
+      "gap": "3"
+    },
+    {
+      "id": "prev",
+      "component": "Button",
+      "icon": "skip-back",
+      "variant": "ghost"
+    },
+    {
+      "id": "play",
+      "component": "Button",
+      "icon": "play",
+      "variant": "primary"
+    },
+    {
+      "id": "next",
+      "component": "Button",
+      "icon": "skip-forward",
+      "variant": "ghost"
+    }
+  ]
+}

package/patterns/layout/music-player.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/pattern.yaml.schema.json
+name: music-player
+domain: layout
+version: 1
+description: >-
+  Music player with album art, seek slider, and transport controls.
+tags:
+  purpose:
+    - media
+  complexity: composed
+  layout: single-column
+  interaction: []
+keywords:
+  - music
+  - player
+  - audio
+  - song
+  - playback
+related:
+  - video-player
+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
+  - Row
+  - Column
+  - Text
+  - Slider
+  - Button

package/patterns/layout/pagination-demo.json

@@ -0,0 +1,55 @@
+{
+  "$schema": "../_schema.json",
+  "name": "pagination-demo",
+  "version": 1,
+  "domain": "layout",
+  "description": "Simple pagination controls card showing a pagination component with page numbers and prev/next buttons.",
+  "tags": {
+    "purpose": [
+      "navigation",
+      "data-display"
+    ],
+    "complexity": "simple",
+    "layout": "single-column",
+    "interaction": [
+      "navigation"
+    ]
+  },
+  "keywords": [
+    "pagination",
+    "paging",
+    "controls",
+    "pages",
+    "next",
+    "previous",
+    "page numbers"
+  ],
+  "related": [
+    "pagination-table",
+    "data-table-view",
+    "pagination-nav"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "sec"
+      ]
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "pg"
+      ]
+    },
+    {
+      "id": "pg",
+      "component": "Pagination",
+      "page": 1,
+      "total": 10,
+      "variant": "button"
+    }
+  ]
+}

package/patterns/layout/pagination-demo.yaml

@@ -0,0 +1,44 @@
+# 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: pagination-demo
+domain: layout
+version: 1
+description: >-
+  Simple pagination controls card showing a pagination component with page numbers and prev/next buttons.
+tags:
+  purpose:
+    - navigation
+    - data-display
+  complexity: simple
+  layout: single-column
+  interaction:
+    - navigation
+keywords:
+  - pagination
+  - paging
+  - controls
+  - pages
+  - next
+  - previous
+  - page numbers
+related:
+  - pagination-table
+  - data-table-view
+  - pagination-nav
+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
+  - Pagination

package/patterns/layout/pagination-table.json

@@ -0,0 +1,107 @@
+{
+  "$schema": "../_schema.json",
+  "name": "pagination-table",
+  "version": 1,
+  "domain": "layout",
+  "description": "Data table wrapped in a card with a heading header and button-variant pagination below. Suited for transaction lists, order histories, and tabular data views.",
+  "tags": {
+    "purpose": [
+      "data-display",
+      "pagination"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": [
+      "pagination",
+      "sort-filter"
+    ]
+  },
+  "keywords": [
+    "table",
+    "pagination",
+    "transactions",
+    "data",
+    "rows",
+    "paginated",
+    "list",
+    "records"
+  ],
+  "related": [
+    "data-table-view",
+    "inventory-table",
+    "leaderboard"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "title"
+      ]
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Transactions"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "col"
+      ]
+    },
+    {
+      "id": "col",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "tbl",
+        "pager"
+      ]
+    },
+    {
+      "id": "tbl",
+      "component": "Table",
+      "sortable": true,
+      "striped": true
+    },
+    {
+      "id": "pager",
+      "component": "Pagination",
+      "page": 1,
+      "total": 10,
+      "variant": "button"
+    }
+  ],
+  "wiring": {
+    "controllers": [
+      { "id": "table-ctrl", "type": "SelectionController", "host": "tbl",
+        "config": { "mode": "multi" },
+        "bind": { "selected": "/table/selected", "sort": "/table/sort", "page": "/table/page" } }
+    ],
+    "actions": [
+      { "event": { "event": "navigate", "target": "pager" },
+        "handler": "refresh-source",
+        "config": { "source": "table-data" }
+      },
+      { "event": { "event": "sort", "target": "tbl" },
+        "handler": "refresh-source",
+        "config": { "source": "table-data" }
+      }
+    ],
+    "data": [
+      { "id": "table-data", "uri": "api://data/table?page={/table/page}&sort={/table/sort}", "refresh": "on-action" }
+    ]
+  }
+}

package/patterns/layout/pagination-table.yaml

@@ -0,0 +1,59 @@
+# 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: pagination-table
+domain: layout
+version: 1
+description: >-
+  Data table wrapped in a card with a heading header and button-variant pagination below. Suited for transaction lists, order histories, and tabular data views.
+tags:
+  purpose:
+    - data-display
+    - pagination
+  complexity: composed
+  layout: single-column
+  interaction:
+    - pagination
+    - sort-filter
+keywords:
+  - table
+  - pagination
+  - transactions
+  - data
+  - rows
+  - paginated
+  - list
+  - records
+related:
+  - data-table-view
+  - inventory-table
+  - leaderboard
+use-cases:
+  - "TODO: primary use case"
+  - "TODO: secondary use case"
+variants:
+  - name: TODO
+    description: "TODO: variant description"
+wiring-intent:
+  summary: "TODO: describe wiring intent"
+  controllers:
+    - id: table-ctrl
+      type: SelectionController
+      host: tbl
+  actions:
+    - event: navigate
+      target: pager
+      handler: refresh-source
+    - event: sort
+      target: tbl
+      handler: refresh-source
+components:
+  - Card
+  - Header
+  - Text
+  - Section
+  - Column
+  - Table
+  - Pagination

package/patterns/layout/popover-demo.json

@@ -0,0 +1,71 @@
+{
+  "$schema": "../_schema.json",
+  "name": "popover-demo",
+  "version": 1,
+  "domain": "layout",
+  "description": "Popover component demo showing a trigger button that opens a floating content panel with text.",
+  "tags": {
+    "purpose": [
+      "overlay",
+      "content-display"
+    ],
+    "complexity": "simple",
+    "layout": "single-column",
+    "interaction": [
+      "toggle"
+    ]
+  },
+  "keywords": [
+    "popover",
+    "popup",
+    "overlay",
+    "floating",
+    "dropdown",
+    "content",
+    "panel"
+  ],
+  "related": [
+    "tooltip-buttons",
+    "popover-menu",
+    "drawer-panel"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "sec"
+      ]
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "pop"
+      ]
+    },
+    {
+      "id": "pop",
+      "component": "Popover",
+      "trigger": "click",
+      "placement": "bottom",
+      "children": [
+        "trigger",
+        "content"
+      ]
+    },
+    {
+      "id": "trigger",
+      "component": "Button",
+      "slot": "trigger",
+      "text": "Open Popover",
+      "variant": "outline"
+    },
+    {
+      "id": "content",
+      "component": "Text",
+      "slot": "content",
+      "textContent": "This is the popover content. It can contain any elements."
+    }
+  ]
+}

package/patterns/layout/popover-demo.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: popover-demo
+domain: layout
+version: 1
+description: >-
+  Popover component demo showing a trigger button that opens a floating content panel with text.
+tags:
+  purpose:
+    - overlay
+    - content-display
+  complexity: simple
+  layout: single-column
+  interaction:
+    - toggle
+keywords:
+  - popover
+  - popup
+  - overlay
+  - floating
+  - dropdown
+  - content
+  - panel
+related:
+  - tooltip-buttons
+  - popover-menu
+  - 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:
+  - Card
+  - Section
+  - Popover
+  - Button
+  - Text

package/patterns/layout/popover-menu.json

@@ -0,0 +1,117 @@
+{
+  "$schema": "../_schema.json",
+  "name": "popover-menu",
+  "version": 1,
+  "domain": "layout",
+  "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"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Popover",
+      "attrs": {
+        "placement": "bottom-end"
+      },
+      "children": [
+        "trigger",
+        "menu-content"
+      ]
+    },
+    {
+      "id": "trigger",
+      "component": "Button",
+      "attrs": {
+        "variant": "outline",
+        "icon": "more-horizontal",
+        "aria-label": "More actions"
+      }
+    },
+    {
+      "id": "menu-content",
+      "component": "Column",
+      "attrs": {
+        "gap": "xs",
+        "padding": "sm"
+      },
+      "children": [
+        "menu-edit",
+        "menu-duplicate",
+        "menu-share",
+        "menu-div",
+        "menu-delete"
+      ]
+    },
+    {
+      "id": "menu-edit",
+      "component": "Button",
+      "attrs": {
+        "variant": "ghost",
+        "icon": "edit",
+        "full": true,
+        "align": "start"
+      },
+      "content": "Edit"
+    },
+    {
+      "id": "menu-duplicate",
+      "component": "Button",
+      "attrs": {
+        "variant": "ghost",
+        "icon": "copy",
+        "full": true,
+        "align": "start"
+      },
+      "content": "Duplicate"
+    },
+    {
+      "id": "menu-share",
+      "component": "Button",
+      "attrs": {
+        "variant": "ghost",
+        "icon": "share",
+        "full": true,
+        "align": "start"
+      },
+      "content": "Share"
+    },
+    {
+      "id": "menu-div",
+      "component": "Divider"
+    },
+    {
+      "id": "menu-delete",
+      "component": "Button",
+      "attrs": {
+        "variant": "danger",
+        "icon": "trash",
+        "full": true,
+        "align": "start"
+      },
+      "content": "Delete"
+    }
+  ]
+}