@adia-ai/a2ui-corpus 0.0.1

package/patterns/layout/toolbar-buttons.json

@@ -0,0 +1,179 @@
+{
+  "$schema": "../_schema.json",
+  "name": "toolbar-buttons",
+  "version": 1,
+  "domain": "layout",
+  "description": "Toolbar with grouped icon buttons for text formatting, alignment, and undo/redo actions separated by dividers.",
+  "tags": {
+    "purpose": [
+      "toolbar",
+      "editor",
+      "formatting"
+    ],
+    "complexity": "composed",
+    "layout": "horizontal",
+    "interaction": [
+      "toggle",
+      "click"
+    ]
+  },
+  "keywords": [
+    "toolbar",
+    "editor",
+    "formatting",
+    "bold",
+    "italic",
+    "align",
+    "undo",
+    "redo"
+  ],
+  "related": [
+    "tooltip-buttons",
+    "tabs-panels"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Toolbar",
+      "attrs": {
+        "aria-label": "Text formatting"
+      },
+      "children": [
+        "format-group",
+        "div1",
+        "align-group",
+        "div2",
+        "history-group"
+      ]
+    },
+    {
+      "id": "format-group",
+      "component": "Row",
+      "attrs": {
+        "gap": "xs"
+      },
+      "children": [
+        "btn-bold",
+        "btn-italic",
+        "btn-underline"
+      ]
+    },
+    {
+      "id": "btn-bold",
+      "component": "Button",
+      "attrs": {
+        "variant": "ghost",
+        "icon": "bold",
+        "aria-label": "Bold",
+        "size": "sm"
+      }
+    },
+    {
+      "id": "btn-italic",
+      "component": "Button",
+      "attrs": {
+        "variant": "ghost",
+        "icon": "italic",
+        "aria-label": "Italic",
+        "size": "sm"
+      }
+    },
+    {
+      "id": "btn-underline",
+      "component": "Button",
+      "attrs": {
+        "variant": "ghost",
+        "icon": "underline",
+        "aria-label": "Underline",
+        "size": "sm"
+      }
+    },
+    {
+      "id": "div1",
+      "component": "Divider",
+      "attrs": {
+        "orientation": "vertical"
+      }
+    },
+    {
+      "id": "align-group",
+      "component": "Row",
+      "attrs": {
+        "gap": "xs"
+      },
+      "children": [
+        "btn-align-left",
+        "btn-align-center",
+        "btn-align-right"
+      ]
+    },
+    {
+      "id": "btn-align-left",
+      "component": "Button",
+      "attrs": {
+        "variant": "ghost",
+        "icon": "align-left",
+        "aria-label": "Align left",
+        "size": "sm"
+      }
+    },
+    {
+      "id": "btn-align-center",
+      "component": "Button",
+      "attrs": {
+        "variant": "ghost",
+        "icon": "align-center",
+        "aria-label": "Align center",
+        "size": "sm"
+      }
+    },
+    {
+      "id": "btn-align-right",
+      "component": "Button",
+      "attrs": {
+        "variant": "ghost",
+        "icon": "align-right",
+        "aria-label": "Align right",
+        "size": "sm"
+      }
+    },
+    {
+      "id": "div2",
+      "component": "Divider",
+      "attrs": {
+        "orientation": "vertical"
+      }
+    },
+    {
+      "id": "history-group",
+      "component": "Row",
+      "attrs": {
+        "gap": "xs"
+      },
+      "children": [
+        "btn-undo",
+        "btn-redo"
+      ]
+    },
+    {
+      "id": "btn-undo",
+      "component": "Button",
+      "attrs": {
+        "variant": "ghost",
+        "icon": "undo",
+        "aria-label": "Undo",
+        "size": "sm"
+      }
+    },
+    {
+      "id": "btn-redo",
+      "component": "Button",
+      "attrs": {
+        "variant": "ghost",
+        "icon": "redo",
+        "aria-label": "Redo",
+        "size": "sm"
+      }
+    }
+  ]
+}

package/patterns/layout/toolbar-buttons.yaml

@@ -0,0 +1,47 @@
+# 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: toolbar-buttons
+domain: layout
+version: 1
+description: >-
+  Toolbar with grouped icon buttons for text formatting, alignment, and undo/redo actions separated by dividers.
+tags:
+  purpose:
+    - toolbar
+    - editor
+    - formatting
+  complexity: composed
+  layout: horizontal
+  interaction:
+    - toggle
+    - click
+keywords:
+  - toolbar
+  - editor
+  - formatting
+  - bold
+  - italic
+  - align
+  - undo
+  - redo
+related:
+  - tooltip-buttons
+  - tabs-panels
+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:
+  - Toolbar
+  - Row
+  - Button
+  - Divider

package/patterns/layout/tooltip-buttons.json

@@ -0,0 +1,127 @@
+{
+  "$schema": "../_schema.json",
+  "name": "tooltip-buttons",
+  "version": 1,
+  "domain": "layout",
+  "description": "Row of icon buttons each wrapped in a Tooltip to provide accessible hover labels.",
+  "tags": {
+    "purpose": [
+      "actions",
+      "toolbar",
+      "accessibility"
+    ],
+    "complexity": "composed",
+    "layout": "horizontal",
+    "interaction": [
+      "hover",
+      "tooltip"
+    ]
+  },
+  "keywords": [
+    "tooltip",
+    "buttons",
+    "icon",
+    "hover",
+    "actions",
+    "accessible"
+  ],
+  "related": [
+    "toolbar-buttons",
+    "popover-menu"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Row",
+      "attrs": {
+        "gap": "sm"
+      },
+      "children": [
+        "tip-edit",
+        "tip-duplicate",
+        "tip-share",
+        "tip-delete"
+      ]
+    },
+    {
+      "id": "tip-edit",
+      "component": "Tooltip",
+      "attrs": {
+        "content": "Edit item"
+      },
+      "children": [
+        "btn-edit"
+      ]
+    },
+    {
+      "id": "btn-edit",
+      "component": "Button",
+      "attrs": {
+        "variant": "ghost",
+        "icon": "edit",
+        "aria-label": "Edit",
+        "size": "sm"
+      }
+    },
+    {
+      "id": "tip-duplicate",
+      "component": "Tooltip",
+      "attrs": {
+        "content": "Duplicate item"
+      },
+      "children": [
+        "btn-duplicate"
+      ]
+    },
+    {
+      "id": "btn-duplicate",
+      "component": "Button",
+      "attrs": {
+        "variant": "ghost",
+        "icon": "copy",
+        "aria-label": "Duplicate",
+        "size": "sm"
+      }
+    },
+    {
+      "id": "tip-share",
+      "component": "Tooltip",
+      "attrs": {
+        "content": "Share item"
+      },
+      "children": [
+        "btn-share"
+      ]
+    },
+    {
+      "id": "btn-share",
+      "component": "Button",
+      "attrs": {
+        "variant": "ghost",
+        "icon": "share",
+        "aria-label": "Share",
+        "size": "sm"
+      }
+    },
+    {
+      "id": "tip-delete",
+      "component": "Tooltip",
+      "attrs": {
+        "content": "Delete item"
+      },
+      "children": [
+        "btn-delete"
+      ]
+    },
+    {
+      "id": "btn-delete",
+      "component": "Button",
+      "attrs": {
+        "variant": "danger",
+        "icon": "trash",
+        "aria-label": "Delete",
+        "size": "sm"
+      }
+    }
+  ]
+}

package/patterns/layout/tooltip-buttons.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: tooltip-buttons
+domain: layout
+version: 1
+description: >-
+  Row of icon buttons each wrapped in a Tooltip to provide accessible hover labels.
+tags:
+  purpose:
+    - actions
+    - toolbar
+    - accessibility
+  complexity: composed
+  layout: horizontal
+  interaction:
+    - hover
+    - tooltip
+keywords:
+  - tooltip
+  - buttons
+  - icon
+  - hover
+  - actions
+  - accessible
+related:
+  - toolbar-buttons
+  - popover-menu
+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
+  - Tooltip
+  - Button

package/patterns/layout/user-profile.json

@@ -0,0 +1,123 @@
+{
+  "$schema": "../_schema.json",
+  "name": "user-profile",
+  "version": 2,
+  "domain": "layout",
+  "description": "Profile card with avatar, name, role, and status badges.",
+  "tags": {
+    "purpose": [
+      "social"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": []
+  },
+  "keywords": [
+    "user",
+    "profile",
+    "account",
+    "personal",
+    "bio"
+  ],
+  "related": [
+    "team-activity",
+    "social-post"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec",
+        "ftr"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "name"
+      ]
+    },
+    {
+      "id": "name",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Kim Granlund",
+      "variant": "section"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "children": [
+        "avatar",
+        "info"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "name": "Kim Granlund",
+      "size": "lg"
+    },
+    {
+      "id": "info",
+      "component": "Column",
+      "children": [
+        "role",
+        "tags"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "role",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Product Engineer"
+    },
+    {
+      "id": "tags",
+      "component": "Row",
+      "children": [
+        "t1",
+        "t2"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "t1",
+      "component": "Badge",
+      "text": "Admin",
+      "variant": "info"
+    },
+    {
+      "id": "t2",
+      "component": "Badge",
+      "text": "Active",
+      "variant": "success"
+    },
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "action-btn"
+      ]
+    },
+    {
+      "id": "action-btn",
+      "component": "Button",
+      "text": "Save",
+      "variant": "primary",
+      "slot": "action"
+    }
+  ]
+}

package/patterns/layout/user-profile.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: user-profile
+domain: layout
+version: 2
+description: "Profile card with avatar, name, role, and status badges."
+tags:
+  purpose:
+    - social
+  complexity: composed
+  layout: single-column
+  interaction: []
+keywords:
+  - user
+  - profile
+  - account
+  - personal
+  - bio
+related:
+  - team-activity
+  - social-post
+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
+  - Header
+  - Text
+  - Section
+  - Row
+  - Avatar
+  - Column
+  - Badge
+  - Footer
+  - Button

package/patterns/layout/video-player.json

@@ -0,0 +1,95 @@
+{
+  "$schema": "../_schema.json",
+  "name": "video-player",
+  "version": 1,
+  "domain": "layout",
+  "description": "Video player with embed area, seek slider, and playback controls.",
+  "tags": {
+    "purpose": [
+      "media",
+      "messaging",
+      "layout"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": [
+      "realtime"
+    ]
+  },
+  "keywords": [
+    "video",
+    "player",
+    "media",
+    "playback",
+    "stream"
+  ],
+  "related": [
+    "music-player"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "vid",
+        "controls"
+      ]
+    },
+    {
+      "id": "vid",
+      "component": "Section",
+      "children": [
+        "embed"
+      ]
+    },
+    {
+      "id": "embed",
+      "component": "Embed",
+      "src": "https://example.com/video",
+      "aspect": "16/9"
+    },
+    {
+      "id": "controls",
+      "component": "Section",
+      "children": [
+        "seek",
+        "btns"
+      ]
+    },
+    {
+      "id": "seek",
+      "component": "Slider",
+      "value": 25,
+      "max": 100
+    },
+    {
+      "id": "btns",
+      "component": "Row",
+      "children": [
+        "play",
+        "vol",
+        "time"
+      ],
+      "justify": "between",
+      "align": "center"
+    },
+    {
+      "id": "play",
+      "component": "Button",
+      "icon": "play",
+      "variant": "ghost"
+    },
+    {
+      "id": "vol",
+      "component": "Button",
+      "icon": "speaker-high",
+      "variant": "ghost"
+    },
+    {
+      "id": "time",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "2:30 / 10:00"
+    }
+  ]
+}

package/patterns/layout/video-player.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: video-player
+domain: layout
+version: 1
+description: >-
+  Video player with embed area, seek slider, and playback controls.
+tags:
+  purpose:
+    - media
+    - messaging
+    - layout
+  complexity: composed
+  layout: single-column
+  interaction:
+    - realtime
+keywords:
+  - video
+  - player
+  - media
+  - playback
+  - stream
+related:
+  - music-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
+  - Embed
+  - Slider
+  - Row
+  - Button
+  - Text