@adia-ai/a2ui-corpus 0.4.2 → 0.4.4

package/compositions/data/heatmap-calendar.json

@@ -1,7 +1,7 @@
 {
   "$schema": "../_schema.json",
   "name": "heatmap-calendar",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "data",
   "description": "Contribution heatmap calendar \u2014 GitHub-style activity grid using the Heatmap component with day-grid layout, 7 rows (days of week) \u00d7 52 columns (weeks), 5-bucket intensity ramp, and a Less/More legend. Canonical visualization of per-day activity density.",
@@ -48,11 +48,25 @@
     },
     {
       "id": "hdr",
-      "$fragment": "card-header-with-description",
-      "bindings": {
-        "heading": "Contribution calendar \u00b7 last 12 months",
-        "description": "Calendar heatmap \u00b7 each cell is one day \u00b7 7 rows (days of week) \u00d7 12 week columns \u00b7 darker = more activity"
-      }
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Contribution calendar \u00b7 last 12 months"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Calendar heatmap \u00b7 each cell is one day \u00b7 7 rows (days of week) \u00d7 12 week columns \u00b7 darker = more activity"
     },
     {
       "id": "sec",
@@ -75,36 +89,134 @@
     },
     {
       "id": "s1",
-      "$fragment": "stat-card",
-      "bindings": {
-        "label": "Total commits",
-        "value": "1,284",
-        "trend": "+18% vs last year"
-      }
+      "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": "Total commits"
+    },
+    {
+      "id": "s1--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "1,284"
+    },
+    {
+      "id": "s1--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "+18% vs last year"
     },
     {
       "id": "s2",
-      "$fragment": "stat-card",
-      "bindings": {
-        "label": "Longest streak",
-        "value": "34 days",
-        "trend": "Mar 12 \u2013 Apr 14"
-      }
+      "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": "Longest streak"
+    },
+    {
+      "id": "s2--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "34 days"
+    },
+    {
+      "id": "s2--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Mar 12 \u2013 Apr 14"
     },
     {
       "id": "s3",
-      "$fragment": "stat-card",
-      "bindings": {
-        "label": "Current streak",
-        "value": "12 days",
-        "trend": "Active today"
-      }
+      "component": "Card",
+      "children": [
+        "s3--sc-sec"
+      ]
+    },
+    {
+      "id": "s3--sc-sec",
+      "component": "Section",
+      "children": [
+        "s3--sc-col"
+      ]
+    },
+    {
+      "id": "s3--sc-col",
+      "component": "Column",
+      "children": [
+        "s3--sc-label",
+        "s3--sc-value",
+        "s3--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "s3--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Current streak"
+    },
+    {
+      "id": "s3--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "12 days"
+    },
+    {
+      "id": "s3--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Active today"
     },
     {
       "id": "calendarLabel",
       "component": "Text",
       "variant": "caption",
-      "color": "subtle",
       "textContent": "Contribution heatmap \u2014 rows are days of the week, columns are weeks, each cell is one day with intensity 0-4"
     },
     {
@@ -118,5 +230,6 @@
       "aspect": "wide",
       "data": "[{\"r\": 0, \"c\": 0, \"v\": 2}, {\"r\": 1, \"c\": 0, \"v\": 0}, {\"r\": 2, \"c\": 0, \"v\": 0}, {\"r\": 3, \"c\": 0, \"v\": 0}, {\"r\": 4, \"c\": 0, \"v\": 2}, {\"r\": 5, \"c\": 0, \"v\": 2}, {\"r\": 6, \"c\": 0, \"v\": 3}, {\"r\": 0, \"c\": 1, \"v\": 0}, {\"r\": 1, \"c\": 1, \"v\": 1}, {\"r\": 2, \"c\": 1, \"v\": 0}, {\"r\": 3, \"c\": 1, \"v\": 0}, {\"r\": 4, \"c\": 1, \"v\": 1}, {\"r\": 5, \"c\": 1, \"v\": 0}, {\"r\": 6, \"c\": 1, \"v\": 0}, {\"r\": 0, \"c\": 2, \"v\": 2}, {\"r\": 1, \"c\": 2, \"v\": 1}, {\"r\": 2, \"c\": 2, \"v\": 0}, {\"r\": 3, \"c\": 2, \"v\": 2}, {\"r\": 4, \"c\": 2, \"v\": 3}, {\"r\": 5, \"c\": 2, \"v\": 0}, {\"r\": 6, \"c\": 2, \"v\": 3}, {\"r\": 0, \"c\": 3, \"v\": 2}, {\"r\": 1, \"c\": 3, \"v\": 1}, {\"r\": 2, \"c\": 3, \"v\": 0}, {\"r\": 3, \"c\": 3, \"v\": 4}, {\"r\": 4, \"c\": 3, \"v\": 1}, {\"r\": 5, \"c\": 3, \"v\": 0}, {\"r\": 6, \"c\": 3, \"v\": 0}, {\"r\": 0, \"c\": 4, \"v\": 3}, {\"r\": 1, \"c\": 4, \"v\": 2}, {\"r\": 2, \"c\": 4, \"v\": 3}, {\"r\": 3, \"c\": 4, \"v\": 2}, {\"r\": 4, \"c\": 4, \"v\": 1}, {\"r\": 5, \"c\": 4, \"v\": 4}, {\"r\": 6, \"c\": 4, \"v\": 1}, {\"r\": 0, \"c\": 5, \"v\": 2}, {\"r\": 1, \"c\": 5, \"v\": 3}, {\"r\": 2, \"c\": 5, \"v\": 2}, {\"r\": 3, \"c\": 5, \"v\": 3}, {\"r\": 4, \"c\": 5, \"v\": 2}, {\"r\": 5, \"c\": 5, \"v\": 2}, {\"r\": 6, \"c\": 5, \"v\": 0}, {\"r\": 0, \"c\": 6, \"v\": 0}, {\"r\": 1, \"c\": 6, \"v\": 0}, {\"r\": 2, \"c\": 6, \"v\": 0}, {\"r\": 3, \"c\": 6, \"v\": 0}, {\"r\": 4, \"c\": 6, \"v\": 0}, {\"r\": 5, \"c\": 6, \"v\": 0}, {\"r\": 6, \"c\": 6, \"v\": 2}, {\"r\": 0, \"c\": 7, \"v\": 1}, {\"r\": 1, \"c\": 7, \"v\": 1}, {\"r\": 2, \"c\": 7, \"v\": 0}, {\"r\": 3, \"c\": 7, \"v\": 0}, {\"r\": 4, \"c\": 7, \"v\": 4}, {\"r\": 5, \"c\": 7, \"v\": 2}, {\"r\": 6, \"c\": 7, \"v\": 2}, {\"r\": 0, \"c\": 8, \"v\": 0}, {\"r\": 1, \"c\": 8, \"v\": 2}, {\"r\": 2, \"c\": 8, \"v\": 0}, {\"r\": 3, \"c\": 8, \"v\": 1}, {\"r\": 4, \"c\": 8, \"v\": 4}, {\"r\": 5, \"c\": 8, \"v\": 2}, {\"r\": 6, \"c\": 8, \"v\": 2}, {\"r\": 0, \"c\": 9, \"v\": 2}, {\"r\": 1, \"c\": 9, \"v\": 3}, {\"r\": 2, \"c\": 9, \"v\": 3}, {\"r\": 3, \"c\": 9, \"v\": 0}, {\"r\": 4, \"c\": 9, \"v\": 0}, {\"r\": 5, \"c\": 9, \"v\": 1}, {\"r\": 6, \"c\": 9, \"v\": 0}, {\"r\": 0, \"c\": 10, \"v\": 0}, {\"r\": 1, \"c\": 10, \"v\": 4}, {\"r\": 2, \"c\": 10, \"v\": 3}, {\"r\": 3, \"c\": 10, \"v\": 1}, {\"r\": 4, \"c\": 10, \"v\": 2}, {\"r\": 5, \"c\": 10, \"v\": 1}, {\"r\": 6, \"c\": 10, \"v\": 4}, {\"r\": 0, \"c\": 11, \"v\": 1}, {\"r\": 1, \"c\": 11, \"v\": 0}, {\"r\": 2, \"c\": 11, \"v\": 0}, {\"r\": 3, \"c\": 11, \"v\": 2}, {\"r\": 4, \"c\": 11, \"v\": 0}, {\"r\": 5, \"c\": 11, \"v\": 2}, {\"r\": 6, \"c\": 11, \"v\": 3}, {\"r\": 0, \"c\": 12, \"v\": 1}, {\"r\": 1, \"c\": 12, \"v\": 0}, {\"r\": 2, \"c\": 12, \"v\": 4}, {\"r\": 3, \"c\": 12, \"v\": 1}, {\"r\": 4, \"c\": 12, \"v\": 0}, {\"r\": 5, \"c\": 12, \"v\": 0}, {\"r\": 6, \"c\": 12, \"v\": 0}, {\"r\": 0, \"c\": 13, \"v\": 2}, {\"r\": 1, \"c\": 13, \"v\": 3}, {\"r\": 2, \"c\": 13, \"v\": 1}, {\"r\": 3, \"c\": 13, \"v\": 0}, {\"r\": 4, \"c\": 13, \"v\": 1}, {\"r\": 5, \"c\": 13, \"v\": 4}, {\"r\": 6, \"c\": 13, \"v\": 1}, {\"r\": 0, \"c\": 14, \"v\": 4}, {\"r\": 1, \"c\": 14, \"v\": 3}, {\"r\": 2, \"c\": 14, \"v\": 0}, {\"r\": 3, \"c\": 14, \"v\": 2}, {\"r\": 4, \"c\": 14, \"v\": 2}, {\"r\": 5, \"c\": 14, \"v\": 1}, {\"r\": 6, \"c\": 14, \"v\": 0}, {\"r\": 0, \"c\": 15, \"v\": 2}, {\"r\": 1, \"c\": 15, \"v\": 0}, {\"r\": 2, \"c\": 15, \"v\": 1}, {\"r\": 3, \"c\": 15, \"v\": 1}, {\"r\": 4, \"c\": 15, \"v\": 4}, {\"r\": 5, \"c\": 15, \"v\": 3}, {\"r\": 6, \"c\": 15, \"v\": 0}, {\"r\": 0, \"c\": 16, \"v\": 1}, {\"r\": 1, \"c\": 16, \"v\": 0}, {\"r\": 2, \"c\": 16, \"v\": 4}, {\"r\": 3, \"c\": 16, \"v\": 3}, {\"r\": 4, \"c\": 16, \"v\": 0}, {\"r\": 5, \"c\": 16, \"v\": 2}, {\"r\": 6, \"c\": 16, \"v\": 2}, {\"r\": 0, \"c\": 17, \"v\": 0}, {\"r\": 1, \"c\": 17, \"v\": 3}, {\"r\": 2, \"c\": 17, \"v\": 1}, {\"r\": 3, \"c\": 17, \"v\": 3}, {\"r\": 4, \"c\": 17, \"v\": 1}, {\"r\": 5, \"c\": 17, \"v\": 0}, {\"r\": 6, \"c\": 17, \"v\": 1}, {\"r\": 0, \"c\": 18, \"v\": 0}, {\"r\": 1, \"c\": 18, \"v\": 4}, {\"r\": 2, \"c\": 18, \"v\": 3}, {\"r\": 3, \"c\": 18, \"v\": 3}, {\"r\": 4, \"c\": 18, \"v\": 1}, {\"r\": 5, \"c\": 18, \"v\": 0}, {\"r\": 6, \"c\": 18, \"v\": 3}, {\"r\": 0, \"c\": 19, \"v\": 4}, {\"r\": 1, \"c\": 19, \"v\": 0}, {\"r\": 2, \"c\": 19, \"v\": 1}, {\"r\": 3, \"c\": 19, \"v\": 0}, {\"r\": 4, \"c\": 19, \"v\": 3}, {\"r\": 5, \"c\": 19, \"v\": 3}, {\"r\": 6, \"c\": 19, \"v\": 0}, {\"r\": 0, \"c\": 20, \"v\": 1}, {\"r\": 1, \"c\": 20, \"v\": 1}, {\"r\": 2, \"c\": 20, \"v\": 0}, {\"r\": 3, \"c\": 20, \"v\": 3}, {\"r\": 4, \"c\": 20, \"v\": 1}, {\"r\": 5, \"c\": 20, \"v\": 0}, {\"r\": 6, \"c\": 20, \"v\": 1}, {\"r\": 0, \"c\": 21, \"v\": 2}, {\"r\": 1, \"c\": 21, \"v\": 0}, {\"r\": 2, \"c\": 21, \"v\": 1}, {\"r\": 3, \"c\": 21, \"v\": 4}, {\"r\": 4, \"c\": 21, \"v\": 2}, {\"r\": 5, \"c\": 21, \"v\": 1}, {\"r\": 6, \"c\": 21, \"v\": 1}, {\"r\": 0, \"c\": 22, \"v\": 0}, {\"r\": 1, \"c\": 22, \"v\": 0}, {\"r\": 2, \"c\": 22, \"v\": 1}, {\"r\": 3, \"c\": 22, \"v\": 2}, {\"r\": 4, \"c\": 22, \"v\": 0}, {\"r\": 5, \"c\": 22, \"v\": 0}, {\"r\": 6, \"c\": 22, \"v\": 0}, {\"r\": 0, \"c\": 23, \"v\": 2}, {\"r\": 1, \"c\": 23, \"v\": 0}, {\"r\": 2, \"c\": 23, \"v\": 4}, {\"r\": 3, \"c\": 23, \"v\": 3}, {\"r\": 4, \"c\": 23, \"v\": 0}, {\"r\": 5, \"c\": 23, \"v\": 0}, {\"r\": 6, \"c\": 23, \"v\": 2}, {\"r\": 0, \"c\": 24, \"v\": 0}, {\"r\": 1, \"c\": 24, \"v\": 0}, {\"r\": 2, \"c\": 24, \"v\": 4}, {\"r\": 3, \"c\": 24, \"v\": 2}, {\"r\": 4, \"c\": 24, \"v\": 1}, {\"r\": 5, \"c\": 24, \"v\": 3}, {\"r\": 6, \"c\": 24, \"v\": 3}, {\"r\": 0, \"c\": 25, \"v\": 0}, {\"r\": 1, \"c\": 25, \"v\": 0}, {\"r\": 2, \"c\": 25, \"v\": 1}, {\"r\": 3, \"c\": 25, \"v\": 1}, {\"r\": 4, \"c\": 25, \"v\": 1}, {\"r\": 5, \"c\": 25, \"v\": 2}, {\"r\": 6, \"c\": 25, \"v\": 2}, {\"r\": 0, \"c\": 26, \"v\": 4}, {\"r\": 1, \"c\": 26, \"v\": 0}, {\"r\": 2, \"c\": 26, \"v\": 1}, {\"r\": 3, \"c\": 26, \"v\": 1}, {\"r\": 4, \"c\": 26, \"v\": 3}, {\"r\": 5, \"c\": 26, \"v\": 0}, {\"r\": 6, \"c\": 26, \"v\": 0}, {\"r\": 0, \"c\": 27, \"v\": 1}, {\"r\": 1, \"c\": 27, \"v\": 1}, {\"r\": 2, \"c\": 27, \"v\": 0}, {\"r\": 3, \"c\": 27, \"v\": 0}, {\"r\": 4, \"c\": 27, \"v\": 4}, {\"r\": 5, \"c\": 27, \"v\": 1}, {\"r\": 6, \"c\": 27, \"v\": 3}, {\"r\": 0, \"c\": 28, \"v\": 2}, {\"r\": 1, \"c\": 28, \"v\": 0}, {\"r\": 2, \"c\": 28, \"v\": 4}, {\"r\": 3, \"c\": 28, \"v\": 3}, {\"r\": 4, \"c\": 28, \"v\": 4}, {\"r\": 5, \"c\": 28, \"v\": 4}, {\"r\": 6, \"c\": 28, \"v\": 3}, {\"r\": 0, \"c\": 29, \"v\": 0}, {\"r\": 1, \"c\": 29, \"v\": 1}, {\"r\": 2, \"c\": 29, \"v\": 0}, {\"r\": 3, \"c\": 29, \"v\": 1}, {\"r\": 4, \"c\": 29, \"v\": 0}, {\"r\": 5, \"c\": 29, \"v\": 1}, {\"r\": 6, \"c\": 29, \"v\": 4}, {\"r\": 0, \"c\": 30, \"v\": 0}, {\"r\": 1, \"c\": 30, \"v\": 3}, {\"r\": 2, \"c\": 30, \"v\": 1}, {\"r\": 3, \"c\": 30, \"v\": 1}, {\"r\": 4, \"c\": 30, \"v\": 4}, {\"r\": 5, \"c\": 30, \"v\": 4}, {\"r\": 6, \"c\": 30, \"v\": 2}, {\"r\": 0, \"c\": 31, \"v\": 2}, {\"r\": 1, \"c\": 31, \"v\": 0}, {\"r\": 2, \"c\": 31, \"v\": 0}, {\"r\": 3, \"c\": 31, \"v\": 4}, {\"r\": 4, \"c\": 31, \"v\": 2}, {\"r\": 5, \"c\": 31, \"v\": 1}, {\"r\": 6, \"c\": 31, \"v\": 2}, {\"r\": 0, \"c\": 32, \"v\": 0}, {\"r\": 1, \"c\": 32, \"v\": 2}, {\"r\": 2, \"c\": 32, \"v\": 1}, {\"r\": 3, \"c\": 32, \"v\": 3}, {\"r\": 4, \"c\": 32, \"v\": 0}, {\"r\": 5, \"c\": 32, \"v\": 4}, {\"r\": 6, \"c\": 32, \"v\": 0}, {\"r\": 0, \"c\": 33, \"v\": 0}, {\"r\": 1, \"c\": 33, \"v\": 2}, {\"r\": 2, \"c\": 33, \"v\": 2}, {\"r\": 3, \"c\": 33, \"v\": 0}, {\"r\": 4, \"c\": 33, \"v\": 0}, {\"r\": 5, \"c\": 33, \"v\": 3}, {\"r\": 6, \"c\": 33, \"v\": 0}, {\"r\": 0, \"c\": 34, \"v\": 2}, {\"r\": 1, \"c\": 34, \"v\": 2}, {\"r\": 2, \"c\": 34, \"v\": 1}, {\"r\": 3, \"c\": 34, \"v\": 2}, {\"r\": 4, \"c\": 34, \"v\": 1}, {\"r\": 5, \"c\": 34, \"v\": 4}, {\"r\": 6, \"c\": 34, \"v\": 0}, {\"r\": 0, \"c\": 35, \"v\": 2}, {\"r\": 1, \"c\": 35, \"v\": 0}, {\"r\": 2, \"c\": 35, \"v\": 1}, {\"r\": 3, \"c\": 35, \"v\": 2}, {\"r\": 4, \"c\": 35, \"v\": 0}, {\"r\": 5, \"c\": 35, \"v\": 1}, {\"r\": 6, \"c\": 35, \"v\": 3}, {\"r\": 0, \"c\": 36, \"v\": 0}, {\"r\": 1, \"c\": 36, \"v\": 1}, {\"r\": 2, \"c\": 36, \"v\": 4}, {\"r\": 3, \"c\": 36, \"v\": 4}, {\"r\": 4, \"c\": 36, \"v\": 0}, {\"r\": 5, \"c\": 36, \"v\": 0}, {\"r\": 6, \"c\": 36, \"v\": 0}, {\"r\": 0, \"c\": 37, \"v\": 4}, {\"r\": 1, \"c\": 37, \"v\": 3}, {\"r\": 2, \"c\": 37, \"v\": 3}, {\"r\": 3, \"c\": 37, \"v\": 1}, {\"r\": 4, \"c\": 37, \"v\": 0}, {\"r\": 5, \"c\": 37, \"v\": 3}, {\"r\": 6, \"c\": 37, \"v\": 2}, {\"r\": 0, \"c\": 38, \"v\": 2}, {\"r\": 1, \"c\": 38, \"v\": 4}, {\"r\": 2, \"c\": 38, \"v\": 2}, {\"r\": 3, \"c\": 38, \"v\": 0}, {\"r\": 4, \"c\": 38, \"v\": 3}, {\"r\": 5, \"c\": 38, \"v\": 0}, {\"r\": 6, \"c\": 38, \"v\": 2}, {\"r\": 0, \"c\": 39, \"v\": 4}, {\"r\": 1, \"c\": 39, \"v\": 0}, {\"r\": 2, \"c\": 39, \"v\": 0}, {\"r\": 3, \"c\": 39, \"v\": 0}, {\"r\": 4, \"c\": 39, \"v\": 2}, {\"r\": 5, \"c\": 39, \"v\": 0}, {\"r\": 6, \"c\": 39, \"v\": 2}, {\"r\": 0, \"c\": 40, \"v\": 2}, {\"r\": 1, \"c\": 40, \"v\": 0}, {\"r\": 2, \"c\": 40, \"v\": 2}, {\"r\": 3, \"c\": 40, \"v\": 0}, {\"r\": 4, \"c\": 40, \"v\": 1}, {\"r\": 5, \"c\": 40, \"v\": 4}, {\"r\": 6, \"c\": 40, \"v\": 3}, {\"r\": 0, \"c\": 41, \"v\": 0}, {\"r\": 1, \"c\": 41, \"v\": 1}, {\"r\": 2, \"c\": 41, \"v\": 0}, {\"r\": 3, \"c\": 41, \"v\": 0}, {\"r\": 4, \"c\": 41, \"v\": 3}, {\"r\": 5, \"c\": 41, \"v\": 2}, {\"r\": 6, \"c\": 41, \"v\": 0}, {\"r\": 0, \"c\": 42, \"v\": 2}, {\"r\": 1, \"c\": 42, \"v\": 2}, {\"r\": 2, \"c\": 42, \"v\": 1}, {\"r\": 3, \"c\": 42, \"v\": 0}, {\"r\": 4, \"c\": 42, \"v\": 0}, {\"r\": 5, \"c\": 42, \"v\": 3}, {\"r\": 6, \"c\": 42, \"v\": 4}, {\"r\": 0, \"c\": 43, \"v\": 1}, {\"r\": 1, \"c\": 43, \"v\": 3}, {\"r\": 2, \"c\": 43, \"v\": 2}, {\"r\": 3, \"c\": 43, \"v\": 0}, {\"r\": 4, \"c\": 43, \"v\": 0}, {\"r\": 5, \"c\": 43, \"v\": 1}, {\"r\": 6, \"c\": 43, \"v\": 3}, {\"r\": 0, \"c\": 44, \"v\": 3}, {\"r\": 1, \"c\": 44, \"v\": 3}, {\"r\": 2, \"c\": 44, \"v\": 3}, {\"r\": 3, \"c\": 44, \"v\": 0}, {\"r\": 4, \"c\": 44, \"v\": 0}, {\"r\": 5, \"c\": 44, \"v\": 0}, {\"r\": 6, \"c\": 44, \"v\": 3}, {\"r\": 0, \"c\": 45, \"v\": 3}, {\"r\": 1, \"c\": 45, \"v\": 1}, {\"r\": 2, \"c\": 45, \"v\": 2}, {\"r\": 3, \"c\": 45, \"v\": 0}, {\"r\": 4, \"c\": 45, \"v\": 4}, {\"r\": 5, \"c\": 45, \"v\": 3}, {\"r\": 6, \"c\": 45, \"v\": 4}, {\"r\": 0, \"c\": 46, \"v\": 3}, {\"r\": 1, \"c\": 46, \"v\": 3}, {\"r\": 2, \"c\": 46, \"v\": 0}, {\"r\": 3, \"c\": 46, \"v\": 2}, {\"r\": 4, \"c\": 46, \"v\": 1}, {\"r\": 5, \"c\": 46, \"v\": 4}, {\"r\": 6, \"c\": 46, \"v\": 3}, {\"r\": 0, \"c\": 47, \"v\": 3}, {\"r\": 1, \"c\": 47, \"v\": 3}, {\"r\": 2, \"c\": 47, \"v\": 0}, {\"r\": 3, \"c\": 47, \"v\": 3}, {\"r\": 4, \"c\": 47, \"v\": 0}, {\"r\": 5, \"c\": 47, \"v\": 3}, {\"r\": 6, \"c\": 47, \"v\": 3}, {\"r\": 0, \"c\": 48, \"v\": 0}, {\"r\": 1, \"c\": 48, \"v\": 3}, {\"r\": 2, \"c\": 48, \"v\": 1}, {\"r\": 3, \"c\": 48, \"v\": 1}, {\"r\": 4, \"c\": 48, \"v\": 3}, {\"r\": 5, \"c\": 48, \"v\": 0}, {\"r\": 6, \"c\": 48, \"v\": 0}, {\"r\": 0, \"c\": 49, \"v\": 0}, {\"r\": 1, \"c\": 49, \"v\": 1}, {\"r\": 2, \"c\": 49, \"v\": 3}, {\"r\": 3, \"c\": 49, \"v\": 4}, {\"r\": 4, \"c\": 49, \"v\": 0}, {\"r\": 5, \"c\": 49, \"v\": 2}, {\"r\": 6, \"c\": 49, \"v\": 1}, {\"r\": 0, \"c\": 50, \"v\": 4}, {\"r\": 1, \"c\": 50, \"v\": 1}, {\"r\": 2, \"c\": 50, \"v\": 4}, {\"r\": 3, \"c\": 50, \"v\": 0}, {\"r\": 4, \"c\": 50, \"v\": 4}, {\"r\": 5, \"c\": 50, \"v\": 0}, {\"r\": 6, \"c\": 50, \"v\": 4}, {\"r\": 0, \"c\": 51, \"v\": 0}, {\"r\": 1, \"c\": 51, \"v\": 0}, {\"r\": 2, \"c\": 51, \"v\": 1}, {\"r\": 3, \"c\": 51, \"v\": 2}, {\"r\": 4, \"c\": 51, \"v\": 1}, {\"r\": 5, \"c\": 51, \"v\": 2}, {\"r\": 6, \"c\": 51, \"v\": 1}]"
     }
-  ]
-}
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
+}

package/compositions/data/invoice-table.json

@@ -1,26 +1,115 @@
 {
   "$schema": "../_schema.json",
   "name": "invoice-table",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "data",
   "description": "Invoice with a header, line-items table, and totals row.",
-  "tags": { "purpose": ["invoice", "billing"], "complexity": "simple", "layout": "stacked" },
-  "keywords": ["invoice", "line items", "billing", "receipt", "totals"],
-
+  "tags": {
+    "purpose": [
+      "invoice",
+      "billing"
+    ],
+    "complexity": "simple",
+    "layout": "stacked"
+  },
+  "keywords": [
+    "invoice",
+    "line items",
+    "billing",
+    "receipt",
+    "totals"
+  ],
   "template": [
-    { "id": "root", "component": "Card", "children": ["hdr", "sec"] },
-    { "id": "hdr", "$fragment": "card-header-with-description",
-      "bindings": { "heading": "Invoice #INV-0042", "description": "Issued April 14, 2026 · Due April 28, 2026" } },
-    { "id": "sec", "component": "Section", "children": ["tbl", "tot"] },
-    { "id": "tbl", "component": "Table",
-      "columns": ["Item", "Qty", "Unit", "Amount"],
-      "rows": [
-        ["Setup fee",       "1",  "$500", "$500"],
-        ["Hourly consulting","12","$150", "$1,800"],
-        ["License — annual","1",  "$299", "$299"]
-      ] },
-    { "id": "tot", "$fragment": "key-value-row",
-      "bindings": { "label": "Total", "value": "$2,599" } }
-  ]
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Invoice #INV-0042"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Issued April 14, 2026 \u00b7 Due April 28, 2026"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "tbl",
+        "tot"
+      ]
+    },
+    {
+      "id": "tbl",
+      "component": "Table",
+      "columns": [
+        "Item",
+        "Qty",
+        "Unit",
+        "Amount"
+      ],
+      "data": [
+        [
+          "Setup fee",
+          "1",
+          "$500",
+          "$500"
+        ],
+        [
+          "Hourly consulting",
+          "12",
+          "$150",
+          "$1,800"
+        ],
+        [
+          "License \u2014 annual",
+          "1",
+          "$299",
+          "$299"
+        ]
+      ]
+    },
+    {
+      "id": "tot",
+      "component": "Row",
+      "children": [
+        "tot--kv-label",
+        "tot--kv-value"
+      ],
+      "justify": "between"
+    },
+    {
+      "id": "tot--kv-label",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Total"
+    },
+    {
+      "id": "tot--kv-value",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "$2,599"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/data/kpi-overview.json

@@ -1,28 +1,198 @@
 {
   "$schema": "../_schema.json",
   "name": "kpi-overview",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "data",
-  "description": "KPI overview panel with three key metrics and trend indicators — for executive summaries and top-of-dashboard widgets.",
+  "description": "KPI overview panel with three key metrics and trend indicators \u2014 for executive summaries and top-of-dashboard widgets.",
   "tags": {
-    "purpose": ["kpi", "overview", "metrics"],
+    "purpose": [
+      "kpi",
+      "overview",
+      "metrics"
+    ],
     "complexity": "simple",
     "layout": "grid"
   },
-  "keywords": ["kpi", "overview", "metrics", "trend", "performance", "indicators", "summary"],
-  "related": ["stat-card-dashboard"],
-
+  "keywords": [
+    "kpi",
+    "overview",
+    "metrics",
+    "trend",
+    "performance",
+    "indicators",
+    "summary"
+  ],
+  "related": [
+    "stat-card-dashboard"
+  ],
   "template": [
-    { "id": "root", "component": "Section", "children": ["hdr", "grid"] },
-    { "id": "hdr", "$fragment": "card-header-with-description",
-      "bindings": { "heading": "Key performance indicators", "description": "Updated every 5 minutes." } },
-    { "id": "grid", "component": "Row", "children": ["k1", "k2", "k3"], "gap": "4" },
-    { "id": "k1", "$fragment": "stat-card",
-      "bindings": { "label": "Monthly revenue", "value": "$124K", "trend": "↑ 18% YoY" } },
-    { "id": "k2", "$fragment": "stat-card",
-      "bindings": { "label": "Customer LTV",    "value": "$890",  "trend": "↑ 4% QoQ" } },
-    { "id": "k3", "$fragment": "stat-card",
-      "bindings": { "label": "Churn rate",      "value": "2.1%",  "trend": "↓ 0.3pt" } }
-  ]
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "hdr",
+        "grid"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Key performance indicators"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Updated every 5 minutes."
+    },
+    {
+      "id": "grid",
+      "component": "Row",
+      "children": [
+        "k1",
+        "k2",
+        "k3"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "k1",
+      "component": "Card",
+      "children": [
+        "k1--sc-sec"
+      ]
+    },
+    {
+      "id": "k1--sc-sec",
+      "component": "Section",
+      "children": [
+        "k1--sc-col"
+      ]
+    },
+    {
+      "id": "k1--sc-col",
+      "component": "Column",
+      "children": [
+        "k1--sc-label",
+        "k1--sc-value",
+        "k1--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "k1--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Monthly revenue"
+    },
+    {
+      "id": "k1--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "$124K"
+    },
+    {
+      "id": "k1--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "\u2191 18% YoY"
+    },
+    {
+      "id": "k2",
+      "component": "Card",
+      "children": [
+        "k2--sc-sec"
+      ]
+    },
+    {
+      "id": "k2--sc-sec",
+      "component": "Section",
+      "children": [
+        "k2--sc-col"
+      ]
+    },
+    {
+      "id": "k2--sc-col",
+      "component": "Column",
+      "children": [
+        "k2--sc-label",
+        "k2--sc-value",
+        "k2--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "k2--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Customer LTV"
+    },
+    {
+      "id": "k2--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "$890"
+    },
+    {
+      "id": "k2--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "\u2191 4% QoQ"
+    },
+    {
+      "id": "k3",
+      "component": "Card",
+      "children": [
+        "k3--sc-sec"
+      ]
+    },
+    {
+      "id": "k3--sc-sec",
+      "component": "Section",
+      "children": [
+        "k3--sc-col"
+      ]
+    },
+    {
+      "id": "k3--sc-col",
+      "component": "Column",
+      "children": [
+        "k3--sc-label",
+        "k3--sc-value",
+        "k3--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "k3--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Churn rate"
+    },
+    {
+      "id": "k3--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "2.1%"
+    },
+    {
+      "id": "k3--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "\u2193 0.3pt"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }