@adia-ai/a2ui-corpus 0.4.3 → 0.4.5

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

@@ -1,22 +1,61 @@
 {
   "$schema": "../_schema.json",
   "name": "image-with-caption",
-  "version": 1,
+  "version": 2,
   "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"],
+  "description": "Image with a caption underneath \u2014 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", "$fragment": "section-with-stack", "bindings": { "items": ["img", "cap"], "gap": "2" } },
-    { "id": "img", "component": "Image", "src": "https://placehold.co/800x500", "alt": "Placeholder image" },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "sec"
+      ]
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "img",
+        "cap"
+      ]
+    },
+    {
+      "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."
     }
-  ]
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/layout/kanban-board.json

@@ -1,38 +1,206 @@
 {
   "$schema": "../_schema.json",
   "name": "kanban-board",
-  "version": 1,
+  "version": 2,
   "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"],
-
+  "description": "Kanban board with three status columns \u2014 To do, In progress, Done \u2014 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" }
-  ]
+    {
+      "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",
+      "component": "Header",
+      "children": [
+        "h-todo--hb-title",
+        "h-todo--hb-badge"
+      ]
+    },
+    {
+      "id": "h-todo--hb-title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "To do"
+    },
+    {
+      "id": "h-todo--hb-badge",
+      "component": "Badge",
+      "variant": "neutral",
+      "textContent": "2"
+    },
+    {
+      "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",
+      "component": "Header",
+      "children": [
+        "h-doing--hb-title",
+        "h-doing--hb-badge"
+      ]
+    },
+    {
+      "id": "h-doing--hb-title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "In progress"
+    },
+    {
+      "id": "h-doing--hb-badge",
+      "component": "Badge",
+      "variant": "info",
+      "textContent": "1"
+    },
+    {
+      "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",
+      "component": "Header",
+      "children": [
+        "h-done--hb-title",
+        "h-done--hb-badge"
+      ]
+    },
+    {
+      "id": "h-done--hb-title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Done"
+    },
+    {
+      "id": "h-done--hb-badge",
+      "component": "Badge",
+      "variant": "success",
+      "textContent": "3"
+    },
+    {
+      "id": "t4",
+      "component": "Card",
+      "children": [
+        "t4s"
+      ]
+    },
+    {
+      "id": "t4s",
+      "component": "Section",
+      "children": [
+        "t4t"
+      ]
+    },
+    {
+      "id": "t4t",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Ship v0.2"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/layout/keyboard-shortcuts.json

@@ -1,19 +1,152 @@
 {
   "$schema": "../_schema.json",
   "name": "keyboard-shortcuts",
-  "version": 1,
+  "version": 2,
   "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"],
+  "description": "Keyboard shortcuts reference card \u2014 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", "$fragment": "section-with-stack", "bindings": { "items": ["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" } }
-  ]
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "hdr--h-text"
+      ]
+    },
+    {
+      "id": "hdr--h-text",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Keyboard shortcuts"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "r1",
+        "r2",
+        "r3",
+        "r4"
+      ]
+    },
+    {
+      "id": "r1",
+      "component": "Row",
+      "children": [
+        "r1--ksr-desc",
+        "r1--ksr-kbd"
+      ],
+      "justify": "between",
+      "align": "center"
+    },
+    {
+      "id": "r1--ksr-desc",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Quick open"
+    },
+    {
+      "id": "r1--ksr-kbd",
+      "component": "Kbd",
+      "textContent": "\u2318 K"
+    },
+    {
+      "id": "r2",
+      "component": "Row",
+      "children": [
+        "r2--ksr-desc",
+        "r2--ksr-kbd"
+      ],
+      "justify": "between",
+      "align": "center"
+    },
+    {
+      "id": "r2--ksr-desc",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Save"
+    },
+    {
+      "id": "r2--ksr-kbd",
+      "component": "Kbd",
+      "textContent": "\u2318 S"
+    },
+    {
+      "id": "r3",
+      "component": "Row",
+      "children": [
+        "r3--ksr-desc",
+        "r3--ksr-kbd"
+      ],
+      "justify": "between",
+      "align": "center"
+    },
+    {
+      "id": "r3--ksr-desc",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Toggle sidebar"
+    },
+    {
+      "id": "r3--ksr-kbd",
+      "component": "Kbd",
+      "textContent": "\u2318 B"
+    },
+    {
+      "id": "r4",
+      "component": "Row",
+      "children": [
+        "r4--ksr-desc",
+        "r4--ksr-kbd"
+      ],
+      "justify": "between",
+      "align": "center"
+    },
+    {
+      "id": "r4--ksr-desc",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Command palette"
+    },
+    {
+      "id": "r4--ksr-kbd",
+      "component": "Kbd",
+      "textContent": "\u2318 \u21e7 P"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

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

@@ -66,35 +66,35 @@
       "component": "Button",
       "variant": "ghost",
       "icon": "bold",
-      "ariaLabel": "Bold"
+      "aria-label": "Bold"
     },
     {
       "id": "i",
       "component": "Button",
       "variant": "ghost",
       "icon": "italic",
-      "ariaLabel": "Italic"
+      "aria-label": "Italic"
     },
     {
       "id": "h",
       "component": "Button",
       "variant": "ghost",
       "icon": "heading",
-      "ariaLabel": "Heading"
+      "aria-label": "Heading"
     },
     {
       "id": "link",
       "component": "Button",
       "variant": "ghost",
       "icon": "link",
-      "ariaLabel": "Link"
+      "aria-label": "Link"
     },
     {
       "id": "code",
       "component": "Button",
       "variant": "ghost",
       "icon": "code",
-      "ariaLabel": "Code"
+      "aria-label": "Code"
     },
     {
       "id": "preview",
@@ -163,4 +163,4 @@
       "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

@@ -4,19 +4,91 @@
   "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"],
-
+  "description": "Media player controls with playback, time display, and volume slider \u2014 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 }
+    {
+      "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",
+      "aria-label": "Previous"
+    },
+    {
+      "id": "play",
+      "component": "Button",
+      "variant": "primary",
+      "icon": "play",
+      "aria-label": "Play"
+    },
+    {
+      "id": "next",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "skip-forward",
+      "aria-label": "Next"
+    },
+    {
+      "id": "time",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "1:24 / 4:02"
+    },
+    {
+      "id": "vol",
+      "component": "Slider",
+      "name": "volume",
+      "min": 0,
+      "max": 100,
+      "value": 75
+    }
   ]
 }