@adia-ai/a2ui-corpus 0.4.2 → 0.4.4

package/compositions/layout/bento-overview.json

@@ -1,40 +1,406 @@
 {
   "$schema": "../_schema.json",
   "name": "bento-overview",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "layout",
-  "description": "Bento-grid home dashboard — one hero tile plus five supporting tiles (stats, roadmap, activity, top customers). The Apple / Vercel / Linear overview layout.",
-  "tags": { "purpose": ["dashboard", "home", "overview", "bento"], "complexity": "composed", "layout": "grid" },
-  "keywords": ["bento", "bento grid", "overview dashboard", "home dashboard", "vercel home", "apple dashboard", "6 tile overview", "hero plus stats", "summary page"],
-
+  "description": "Bento-grid home dashboard \u2014 one hero tile plus five supporting tiles (stats, roadmap, activity, top customers). The Apple / Vercel / Linear overview layout.",
+  "tags": {
+    "purpose": [
+      "dashboard",
+      "home",
+      "overview",
+      "bento"
+    ],
+    "complexity": "composed",
+    "layout": "grid"
+  },
+  "keywords": [
+    "bento",
+    "bento grid",
+    "overview dashboard",
+    "home dashboard",
+    "vercel home",
+    "apple dashboard",
+    "6 tile overview",
+    "hero plus stats",
+    "summary page"
+  ],
   "template": [
-    { "id": "root", "component": "Grid", "columns": "3", "gap": "4", "children": ["hero", "s1", "s2", "roadmap", "activity", "customers"] },
-
-    { "id": "hero", "component": "Card", "children": ["hero-h", "hero-s"] },
-    { "id": "hero-h", "$fragment": "card-header-with-description", "bindings": { "heading": "Revenue", "description": "Last 30 days · USD" } },
-    { "id": "hero-s", "component": "Section", "children": ["hero-val", "hero-cap"] },
-    { "id": "hero-val", "component": "Text", "variant": "display", "textContent": "$284,520" },
-    { "id": "hero-cap", "component": "Text", "variant": "caption", "color": "success", "textContent": "↑ 12.4% vs previous period" },
-
-    { "id": "s1", "$fragment": "stat-card", "bindings": { "label": "Active users", "value": "1,284", "trend": "↑ 8% this week" } },
-    { "id": "s2", "$fragment": "stat-card", "bindings": { "label": "Conversion", "value": "3.8%", "trend": "↑ 0.4pt" } },
-
-    { "id": "roadmap", "component": "Card", "children": ["rh", "rs"] },
-    { "id": "rh", "$fragment": "card-header-with-description", "bindings": { "heading": "This week's roadmap", "description": "3 of 5 shipped" } },
-    { "id": "rs", "component": "Section", "children": ["rl"] },
-    { "id": "rl", "component": "List", "textContent": "Three-pane shell shipped\nWorkspace switcher v2\nVirtualized table\nSaved-views filter bar · in review\nBulk action toolbar · planned" },
-
-    { "id": "activity", "component": "Card", "children": ["ah", "as"] },
-    { "id": "ah", "$fragment": "card-header-heading", "bindings": { "heading": "Activity" } },
-    { "id": "as", "component": "Section", "children": ["act1", "act2", "act3"] },
-    { "id": "act1", "$fragment": "user-identity-row", "bindings": { "avatarName": "Priya Patel", "primary": "Priya merged PR #4812", "secondary": "2m ago" } },
-    { "id": "act2", "$fragment": "user-identity-row", "bindings": { "avatarName": "Marcus Johnson", "primary": "Marcus opened ENG-812", "secondary": "14m ago" } },
-    { "id": "act3", "$fragment": "user-identity-row", "bindings": { "avatarName": "Helena Moreau", "primary": "Helena commented on Ship v1.2", "secondary": "32m ago" } },
-
-    { "id": "customers", "component": "Card", "children": ["ch", "cs"] },
-    { "id": "ch", "$fragment": "card-header-with-description", "bindings": { "heading": "Top customers", "description": "By MRR, this month" } },
-    { "id": "cs", "component": "Section", "children": ["cdl"] },
-    { "id": "cdl", "component": "DescriptionList", "layout": "inline", "align": "between", "textContent": "Northwind Co.\t$18.2k\nGlobex Corp\t$12.5k\nInitech\t$9.1k" }
-  ]
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "3",
+      "gap": "4",
+      "children": [
+        "hero",
+        "s1",
+        "s2",
+        "roadmap",
+        "activity",
+        "customers"
+      ]
+    },
+    {
+      "id": "hero",
+      "component": "Card",
+      "children": [
+        "hero-h",
+        "hero-s"
+      ]
+    },
+    {
+      "id": "hero-h",
+      "component": "Header",
+      "children": [
+        "hero-h--h-title",
+        "hero-h--h-desc"
+      ]
+    },
+    {
+      "id": "hero-h--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Revenue"
+    },
+    {
+      "id": "hero-h--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Last 30 days \u00b7 USD"
+    },
+    {
+      "id": "hero-s",
+      "component": "Section",
+      "children": [
+        "hero-val",
+        "hero-cap"
+      ]
+    },
+    {
+      "id": "hero-val",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "$284,520"
+    },
+    {
+      "id": "hero-cap",
+      "component": "Text",
+      "variant": "caption",
+      "color": "success",
+      "textContent": "\u2191 12.4% vs previous period"
+    },
+    {
+      "id": "s1",
+      "component": "Card",
+      "children": [
+        "s1--sc-sec"
+      ]
+    },
+    {
+      "id": "s1--sc-sec",
+      "component": "Section",
+      "children": [
+        "s1--sc-col"
+      ]
+    },
+    {
+      "id": "s1--sc-col",
+      "component": "Column",
+      "children": [
+        "s1--sc-label",
+        "s1--sc-value",
+        "s1--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "s1--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Active users"
+    },
+    {
+      "id": "s1--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "1,284"
+    },
+    {
+      "id": "s1--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "\u2191 8% this week"
+    },
+    {
+      "id": "s2",
+      "component": "Card",
+      "children": [
+        "s2--sc-sec"
+      ]
+    },
+    {
+      "id": "s2--sc-sec",
+      "component": "Section",
+      "children": [
+        "s2--sc-col"
+      ]
+    },
+    {
+      "id": "s2--sc-col",
+      "component": "Column",
+      "children": [
+        "s2--sc-label",
+        "s2--sc-value",
+        "s2--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "s2--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Conversion"
+    },
+    {
+      "id": "s2--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "3.8%"
+    },
+    {
+      "id": "s2--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "\u2191 0.4pt"
+    },
+    {
+      "id": "roadmap",
+      "component": "Card",
+      "children": [
+        "rh",
+        "rs"
+      ]
+    },
+    {
+      "id": "rh",
+      "component": "Header",
+      "children": [
+        "rh--h-title",
+        "rh--h-desc"
+      ]
+    },
+    {
+      "id": "rh--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "This week's roadmap"
+    },
+    {
+      "id": "rh--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "3 of 5 shipped"
+    },
+    {
+      "id": "rs",
+      "component": "Section",
+      "children": [
+        "rl"
+      ]
+    },
+    {
+      "id": "rl",
+      "component": "List",
+      "textContent": "Three-pane shell shipped\nWorkspace switcher v2\nVirtualized table\nSaved-views filter bar \u00b7 in review\nBulk action toolbar \u00b7 planned"
+    },
+    {
+      "id": "activity",
+      "component": "Card",
+      "children": [
+        "ah",
+        "as"
+      ]
+    },
+    {
+      "id": "ah",
+      "component": "Header",
+      "children": [
+        "ah--h-text"
+      ]
+    },
+    {
+      "id": "ah--h-text",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Activity"
+    },
+    {
+      "id": "as",
+      "component": "Section",
+      "children": [
+        "act1",
+        "act2",
+        "act3"
+      ]
+    },
+    {
+      "id": "act1",
+      "component": "Row",
+      "children": [
+        "act1--u-av",
+        "act1--u-col"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "act1--u-av",
+      "component": "Avatar",
+      "name": "Priya Patel",
+      "size": "md"
+    },
+    {
+      "id": "act1--u-col",
+      "component": "Column",
+      "children": [
+        "act1--u-p",
+        "act1--u-s"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "act1--u-p",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Priya merged PR #4812"
+    },
+    {
+      "id": "act1--u-s",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "2m ago"
+    },
+    {
+      "id": "act2",
+      "component": "Row",
+      "children": [
+        "act2--u-av",
+        "act2--u-col"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "act2--u-av",
+      "component": "Avatar",
+      "name": "Marcus Johnson",
+      "size": "md"
+    },
+    {
+      "id": "act2--u-col",
+      "component": "Column",
+      "children": [
+        "act2--u-p",
+        "act2--u-s"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "act2--u-p",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Marcus opened ENG-812"
+    },
+    {
+      "id": "act2--u-s",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "14m ago"
+    },
+    {
+      "id": "act3",
+      "component": "Row",
+      "children": [
+        "act3--u-av",
+        "act3--u-col"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "act3--u-av",
+      "component": "Avatar",
+      "name": "Helena Moreau",
+      "size": "md"
+    },
+    {
+      "id": "act3--u-col",
+      "component": "Column",
+      "children": [
+        "act3--u-p",
+        "act3--u-s"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "act3--u-p",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Helena commented on Ship v1.2"
+    },
+    {
+      "id": "act3--u-s",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "32m ago"
+    },
+    {
+      "id": "customers",
+      "component": "Card",
+      "children": [
+        "ch",
+        "cs"
+      ]
+    },
+    {
+      "id": "ch",
+      "component": "Header",
+      "children": [
+        "ch--h-title",
+        "ch--h-desc"
+      ]
+    },
+    {
+      "id": "ch--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Top customers"
+    },
+    {
+      "id": "ch--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "By MRR, this month"
+    },
+    {
+      "id": "cs",
+      "component": "Section",
+      "children": [
+        "cdl"
+      ]
+    },
+    {
+      "id": "cdl",
+      "component": "DescriptionList",
+      "layout": "inline",
+      "align": "between",
+      "textContent": "Northwind Co.\t$18.2k\nGlobex Corp\t$12.5k\nInitech\t$9.1k"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

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

@@ -1,7 +1,7 @@
 {
   "$schema": "../_schema.json",
   "name": "calendar-month-view",
-  "version": 4,
+  "version": 5,
   "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.",
@@ -70,7 +70,7 @@
       "component": "Button",
       "variant": "ghost",
       "icon": "chevron-left",
-      "ariaLabel": "Previous month"
+      "aria-label": "Previous month"
     },
     {
       "id": "title",
@@ -89,7 +89,7 @@
       "component": "Button",
       "variant": "ghost",
       "icon": "chevron-right",
-      "ariaLabel": "Next month"
+      "aria-label": "Next month"
     },
     {
       "id": "sec",
@@ -138,43 +138,108 @@
     },
     {
       "id": "e1",
-      "$fragment": "calendar-day-cell",
-      "bindings": {
-        "date": "Apr 3 \u2014 Design review",
-        "event": "Meeting"
-      }
+      "component": "Column",
+      "children": [
+        "e1--cdc-date",
+        "e1--cdc-event"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "e1--cdc-date",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Apr 3 \u2014 Design review"
+    },
+    {
+      "id": "e1--cdc-event",
+      "component": "Badge",
+      "variant": "brand",
+      "textContent": "Meeting"
     },
     {
       "id": "e2",
-      "$fragment": "calendar-day-cell",
-      "bindings": {
-        "date": "Apr 9 \u2014 1:1 with Alex",
-        "event": "Meeting"
-      }
+      "component": "Column",
+      "children": [
+        "e2--cdc-date",
+        "e2--cdc-event"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "e2--cdc-date",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Apr 9 \u2014 1:1 with Alex"
+    },
+    {
+      "id": "e2--cdc-event",
+      "component": "Badge",
+      "variant": "brand",
+      "textContent": "Meeting"
     },
     {
       "id": "e3",
-      "$fragment": "calendar-day-cell",
-      "bindings": {
-        "date": "Apr 15 \u2014 Q2 kickoff",
-        "event": "All-hands"
-      }
+      "component": "Column",
+      "children": [
+        "e3--cdc-date",
+        "e3--cdc-event"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "e3--cdc-date",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Apr 15 \u2014 Q2 kickoff"
+    },
+    {
+      "id": "e3--cdc-event",
+      "component": "Badge",
+      "variant": "brand",
+      "textContent": "All-hands"
     },
     {
       "id": "e4",
-      "$fragment": "calendar-day-cell",
-      "bindings": {
-        "date": "Apr 22 \u2014 Product launch",
-        "event": "Launch"
-      }
+      "component": "Column",
+      "children": [
+        "e4--cdc-date",
+        "e4--cdc-event"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "e4--cdc-date",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Apr 22 \u2014 Product launch"
+    },
+    {
+      "id": "e4--cdc-event",
+      "component": "Badge",
+      "variant": "brand",
+      "textContent": "Launch"
     },
     {
       "id": "e5",
-      "$fragment": "calendar-day-cell",
-      "bindings": {
-        "date": "Apr 28 \u2014 All-hands",
-        "event": "All-hands"
-      }
+      "component": "Column",
+      "children": [
+        "e5--cdc-date",
+        "e5--cdc-event"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "e5--cdc-date",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Apr 28 \u2014 All-hands"
+    },
+    {
+      "id": "e5--cdc-event",
+      "component": "Badge",
+      "variant": "brand",
+      "textContent": "All-hands"
     },
     {
       "id": "legend",
@@ -205,5 +270,6 @@
       "variant": "success",
       "text": "Launch"
     }
-  ]
-}
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
+}

package/compositions/layout/code-block.json

@@ -5,17 +5,71 @@
   "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"],
-
+  "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}" }
+    {
+      "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",
+      "textContent": "javascript"
+    },
+    {
+      "id": "copy",
+      "component": "Button",
+      "variant": "ghost",
+      "text": "Copy"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "code"
+      ]
+    },
+    {
+      "id": "code",
+      "component": "Code",
+      "language": "javascript",
+      "text": "export function add(a, b) {\n  return a + b;\n}"
+    }
   ]
 }