@adia-ai/a2ui-corpus 0.0.1

package/compositions/data/heatmap-calendar.json

@@ -0,0 +1,122 @@
+{
+  "$schema": "../_schema.json",
+  "name": "heatmap-calendar",
+  "version": 1,
+  "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.",
+  "tags": {
+    "purpose": [
+      "analytics",
+      "heatmap",
+      "calendar",
+      "density",
+      "day-cells",
+      "date-grid"
+    ],
+    "complexity": "composed",
+    "layout": "grid"
+  },
+  "keywords": [
+    "heatmap calendar",
+    "calendar heatmap",
+    "contribution calendar",
+    "contribution graph",
+    "day cells",
+    "date cells",
+    "calendar grid",
+    "day grid",
+    "week columns",
+    "github contributions",
+    "streak",
+    "activity calendar",
+    "density grid"
+  ],
+  "related": [
+    "cohort-retention",
+    "chart-dashboard",
+    "activity-feed"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "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"
+      }
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "statRow",
+        "calendarLabel",
+        "heatmap"
+      ]
+    },
+    {
+      "id": "statRow",
+      "component": "Row",
+      "children": [
+        "s1",
+        "s2",
+        "s3"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "s1",
+      "$fragment": "stat-card",
+      "bindings": {
+        "label": "Total commits",
+        "value": "1,284",
+        "trend": "+18% vs last year"
+      }
+    },
+    {
+      "id": "s2",
+      "$fragment": "stat-card",
+      "bindings": {
+        "label": "Longest streak",
+        "value": "34 days",
+        "trend": "Mar 12 \u2013 Apr 14"
+      }
+    },
+    {
+      "id": "s3",
+      "$fragment": "stat-card",
+      "bindings": {
+        "label": "Current streak",
+        "value": "12 days",
+        "trend": "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"
+    },
+    {
+      "id": "heatmap",
+      "component": "Heatmap",
+      "type": "day-grid",
+      "rows": 7,
+      "cols": 52,
+      "startDate": "2025-01-01",
+      "colorScheme": "data-ramp",
+      "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}]"
+    }
+  ]
+}

package/compositions/data/invoice-table.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "../_schema.json",
+  "name": "invoice-table",
+  "version": 1,
+  "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"],
+
+  "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" } }
+  ]
+}

package/compositions/data/invoice-table.yaml

@@ -0,0 +1,33 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: invoice-table
+domain: data
+description: "Invoice with a header, line-items table, and totals row."
+keywords:
+  - invoice
+  - line items
+  - billing
+  - receipt
+  - totals
+tags:
+  purpose:
+    - invoice
+    - billing
+  complexity: simple
+  layout: stacked
+related: []
+fragments_used:
+  - fragment: card-header-with-description
+    prefix: ""
+  - fragment: key-value-row
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/data/kpi-overview.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "../_schema.json",
+  "name": "kpi-overview",
+  "version": 1,
+  "kind": "composition",
+  "domain": "data",
+  "description": "KPI overview panel with three key metrics and trend indicators — for executive summaries and top-of-dashboard widgets.",
+  "tags": {
+    "purpose": ["kpi", "overview", "metrics"],
+    "complexity": "simple",
+    "layout": "grid"
+  },
+  "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" } }
+  ]
+}

package/compositions/data/kpi-overview.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/composition.yaml.schema.json
+kind: composition
+name: kpi-overview
+domain: data
+description: >-
+  KPI overview panel with three key metrics and trend indicators — for executive summaries and top-of-dashboard widgets.
+keywords:
+  - kpi
+  - overview
+  - metrics
+  - trend
+  - performance
+  - indicators
+  - summary
+tags:
+  purpose:
+    - kpi
+    - overview
+    - metrics
+  complexity: simple
+  layout: grid
+related:
+  - stat-card-dashboard
+fragments_used:
+  - fragment: card-header-with-description
+    prefix: ""
+  - fragment: stat-card
+    prefix: ""
+  - fragment: stat-card
+    prefix: ""
+  - fragment: stat-card
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/data/notification-center.json

@@ -0,0 +1,31 @@
+{
+  "$schema": "../_schema.json",
+  "name": "notification-center",
+  "version": 1,
+  "kind": "composition",
+  "domain": "data",
+  "description": "Notification center with avatar rows and unread badges — for in-app inboxes and alert digests.",
+  "tags": {
+    "purpose": ["notifications", "inbox", "alerts"],
+    "complexity": "simple",
+    "layout": "stacked"
+  },
+  "keywords": ["notifications", "notification center", "alerts", "inbox", "badges"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec"] },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Notifications", "description": "3 unread" } },
+    { "id": "sec", "component": "Section", "children": ["col"] },
+    { "id": "col", "component": "Column", "children": ["n1", "n2", "n3", "n4"], "gap": "3" },
+
+    { "id": "n1", "$fragment": "user-notification-row",
+      "bindings": { "avatarName": "Ada Lovelace", "primary": "Ada mentioned you in a comment", "secondary": "2 min ago", "badgeLabel": "New", "badgeVariant": "primary" } },
+    { "id": "n2", "$fragment": "user-notification-row",
+      "bindings": { "avatarName": "Grace Hopper", "primary": "Grace assigned you a task", "secondary": "15 min ago", "badgeLabel": "New", "badgeVariant": "primary" } },
+    { "id": "n3", "$fragment": "user-notification-row",
+      "bindings": { "avatarName": "System", "primary": "Weekly digest is ready", "secondary": "1 hour ago", "badgeLabel": "Info", "badgeVariant": "info" } },
+    { "id": "n4", "$fragment": "user-identity-row",
+      "bindings": { "avatarName": "Alan Turing", "primary": "Alan approved your PR", "secondary": "yesterday" } }
+  ]
+}

package/compositions/data/notification-center.yaml

@@ -0,0 +1,41 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: notification-center
+domain: data
+description: >-
+  Notification center with avatar rows and unread badges — for in-app inboxes and alert digests.
+keywords:
+  - notifications
+  - notification center
+  - alerts
+  - inbox
+  - badges
+tags:
+  purpose:
+    - notifications
+    - inbox
+    - alerts
+  complexity: simple
+  layout: stacked
+related: []
+fragments_used:
+  - fragment: card-header-with-description
+    prefix: ""
+  - fragment: user-notification-row
+    prefix: ""
+  - fragment: user-notification-row
+    prefix: ""
+  - fragment: user-notification-row
+    prefix: ""
+  - fragment: user-identity-row
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/data/object-inspector.json

@@ -0,0 +1,53 @@
+{
+  "$schema": "../_schema.json",
+  "name": "object-inspector",
+  "version": 1,
+  "kind": "composition",
+  "domain": "data",
+  "description": "Object inspector — record header plus tabbed detail, a property grid, linked records, and an activity side rail. The Linear issue drawer / Attio record page.",
+  "tags": { "purpose": ["inspector", "record-view", "detail-panel"], "complexity": "composed", "layout": "two-column" },
+  "keywords": ["object inspector", "record inspector", "record view", "detail drawer", "right drawer", "issue drawer", "linear issue panel", "attio record", "property grid", "linked records", "activity feed", "detail panel", "entity view"],
+
+  "template": [
+    { "id": "root", "component": "Inspector", "active": "properties", "children": ["hdr", "tabs", "propsSec", "linkedSec", "activitySec"] },
+
+    { "id": "hdr", "$fragment": "card-header-with-description", "bindings": { "heading": "ENG-812 · Sticky column scroll jank on Safari", "description": "In progress · P1 · Tables v2" } },
+
+    { "id": "tabs", "component": "Tabs", "value": "overview", "children": ["t1", "t2", "t3", "t4"] },
+    { "id": "t1", "component": "Tab", "value": "overview", "textContent": "Overview" },
+    { "id": "t2", "component": "Tab", "value": "comments", "textContent": "Comments" },
+    { "id": "t3", "component": "Tab", "value": "activity", "textContent": "Activity" },
+    { "id": "t4", "component": "Tab", "value": "links", "textContent": "Links" },
+
+    { "id": "propsSec", "component": "Section", "children": ["propsTitle", "props"] },
+    { "id": "propsTitle", "component": "Text", "variant": "caption", "color": "subtle", "textContent": "PROPERTIES" },
+    { "id": "props", "component": "Column", "gap": "1", "children": ["prop-status", "prop-assignee", "prop-priority", "prop-labels", "prop-project", "prop-cycle", "prop-estimate", "prop-due"] },
+    { "id": "prop-status",   "$fragment": "key-value-row", "bindings": { "label": "Status",   "value": "In progress" } },
+    { "id": "prop-assignee", "$fragment": "key-value-row", "bindings": { "label": "Assignee", "value": "Priya Patel" } },
+    { "id": "prop-priority", "$fragment": "key-value-row", "bindings": { "label": "Priority", "value": "High" } },
+    { "id": "prop-labels",   "$fragment": "key-value-row", "bindings": { "label": "Labels",   "value": "bug, a11y" } },
+    { "id": "prop-project",  "$fragment": "key-value-row", "bindings": { "label": "Project",  "value": "Tables v2" } },
+    { "id": "prop-cycle",    "$fragment": "key-value-row", "bindings": { "label": "Cycle",    "value": "Cycle 18" } },
+    { "id": "prop-estimate", "$fragment": "key-value-row", "bindings": { "label": "Estimate", "value": "3 pts" } },
+    { "id": "prop-due",      "$fragment": "key-value-row", "bindings": { "label": "Due",      "value": "Apr 24, 2026" } },
+
+    { "id": "linkedSec", "component": "Section", "children": ["linkedTitle", "linkedList"] },
+    { "id": "linkedTitle", "component": "Text", "variant": "caption", "color": "subtle", "textContent": "LINKED RECORDS · 4" },
+    { "id": "linkedList", "component": "List", "children": ["lr1", "lr2", "lr3", "lr4"] },
+    { "id": "lr1", "$fragment": "linked-record-row", "bindings": { "icon": "git-pull-request", "title": "PR #4814 — fix: stabilize sticky col on WebKit", "badgeLabel": "Open",        "badgeVariant": "success" } },
+    { "id": "lr2", "$fragment": "linked-record-row", "bindings": { "icon": "bug",               "title": "ENG-807 — Inspector tab focus ring",           "badgeLabel": "In progress", "badgeVariant": "neutral" } },
+    { "id": "lr3", "$fragment": "linked-record-row", "bindings": { "icon": "file-text",         "title": "WebKit subgrid flash RCA",                      "badgeLabel": "Doc",         "badgeVariant": "neutral" } },
+    { "id": "lr4", "$fragment": "linked-record-row", "bindings": { "icon": "bug",               "title": "ENG-804 — Command palette keyboard trap",       "badgeLabel": "Todo",        "badgeVariant": "warning" } },
+
+    { "id": "activitySec", "component": "Section", "children": ["activityTitle", "activityTimeline"] },
+    { "id": "activityTitle", "component": "Text", "variant": "caption", "color": "subtle", "textContent": "ACTIVITY" },
+    { "id": "activityTimeline", "component": "Timeline",
+      "items": [
+        { "title": "Priya Patel marked In progress", "description": "Moved from Todo", "time": "9:14 AM" },
+        { "title": "Helena Moreau commented", "description": "Reproduced on Safari 17.4 — adding trace", "time": "Yesterday 4:02 PM" },
+        { "title": "Marcus Johnson linked PR #4814", "description": "fix: stabilize sticky col on WebKit", "time": "Yesterday 2:18 PM" },
+        { "title": "Jordan Kim created ENG-812", "description": "Filed from triage queue", "time": "Tue 11:05 AM" }
+      ]
+    }
+  ]
+}

package/compositions/data/product-specs-card.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "../_schema.json",
+  "name": "product-specs-card",
+  "version": 1,
+  "kind": "composition",
+  "domain": "data",
+  "description": "Product specifications card with a titled header and a metadata description list — for product detail pages, technical spec summaries, ingredient lists.",
+  "tags": { "purpose": ["specs", "metadata", "product-details"], "complexity": "simple", "layout": "stacked" },
+  "keywords": ["specs", "specifications", "product details", "metadata", "properties", "tech specs", "ingredients"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec"] },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Specifications", "description": "Technical details" } },
+    { "id": "sec", "component": "Section", "children": ["dl"] },
+    { "id": "dl", "component": "DescriptionList", "layout": "inline", "align": "between",
+      "items": "[{\"term\":\"Weight\",\"description\":\"2.8 lbs\"},{\"term\":\"Dimensions\",\"description\":\"12 × 8 × 1 in\"},{\"term\":\"Material\",\"description\":\"Aluminum\"},{\"term\":\"Color\",\"description\":\"Space gray\"},{\"term\":\"Warranty\",\"description\":\"1 year\"}]" }
+  ]
+}

package/compositions/data/product-specs-card.yaml

@@ -0,0 +1,35 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: product-specs-card
+domain: data
+description: >-
+  Product specifications card with a titled header and a metadata description list — for product detail pages, technical spec summaries, ingredient lists.
+keywords:
+  - specs
+  - specifications
+  - product details
+  - metadata
+  - properties
+  - tech specs
+  - ingredients
+tags:
+  purpose:
+    - specs
+    - metadata
+    - product-details
+  complexity: simple
+  layout: stacked
+related: []
+fragments_used:
+  - fragment: card-header-with-description
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/data/progress-tracker.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "../_schema.json",
+  "name": "progress-tracker",
+  "version": 1,
+  "kind": "composition",
+  "domain": "data",
+  "description": "Progress tracker card with multiple labeled milestones, each with its own progress bar — for project boards, upload batches, multi-step tasks, order tracking, shipment status, delivery timelines.",
+  "tags": { "purpose": ["progress", "tracker", "milestones", "order-tracking"], "complexity": "simple", "layout": "stacked" },
+  "keywords": ["progress", "tracker", "project", "milestones", "status", "order tracking", "timeline", "shipment", "delivery", "upload progress"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec"] },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Project progress", "description": "Track milestones from kickoff to launch." } },
+    { "id": "sec", "component": "Section", "children": ["col"] },
+    { "id": "col", "component": "Column", "children": ["m1", "m2", "m3", "m4"], "gap": "3" },
+
+    { "id": "m1", "$fragment": "labeled-progress",
+      "bindings": { "label": "Kickoff",       "value": 100 } },
+    { "id": "m2", "$fragment": "labeled-progress",
+      "bindings": { "label": "Design",        "value": 75 } },
+    { "id": "m3", "$fragment": "labeled-progress",
+      "bindings": { "label": "Build",         "value": 40 } },
+    { "id": "m4", "$fragment": "labeled-progress",
+      "bindings": { "label": "Launch",        "value": 0 } }
+  ]
+}

package/compositions/data/progress-tracker.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/composition.yaml.schema.json
+kind: composition
+name: progress-tracker
+domain: data
+description: >-
+  Progress tracker card with multiple labeled milestones, each with its own progress bar — for project boards, upload batches, multi-step tasks, order tracking, shipment status, delivery timelines.
+keywords:
+  - progress
+  - tracker
+  - project
+  - milestones
+  - status
+  - order tracking
+  - timeline
+  - shipment
+  - delivery
+  - upload progress
+tags:
+  purpose:
+    - progress
+    - tracker
+    - milestones
+    - order-tracking
+  complexity: simple
+  layout: stacked
+related: []
+fragments_used:
+  - fragment: card-header-with-description
+    prefix: ""
+  - fragment: labeled-progress
+    prefix: ""
+  - fragment: labeled-progress
+    prefix: ""
+  - fragment: labeled-progress
+    prefix: ""
+  - fragment: labeled-progress
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/data/review-card.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "../_schema.json",
+  "name": "review-card",
+  "version": 1,
+  "kind": "composition",
+  "domain": "data",
+  "description": "Customer review card with a user row header, star rating, and body text — for product reviews, app store ratings, testimonials with numeric scoring.",
+  "tags": { "purpose": ["review", "testimonial", "rating"], "complexity": "simple", "layout": "stacked" },
+  "keywords": ["review", "rating", "stars", "testimonial", "feedback", "customer review"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec"] },
+    { "id": "hdr", "component": "Header", "children": ["user", "rating"] },
+    { "id": "user", "$fragment": "user-identity-row",
+      "bindings": { "avatarName": "Sarah Chen", "primary": "Sarah Chen", "secondary": "Verified buyer · 2 days ago" } },
+    { "id": "rating", "component": "Rating", "value": 5, "max": 5, "readonly": true, "size": "sm" },
+    { "id": "sec", "component": "Section", "children": ["body"] },
+    { "id": "body", "component": "Text", "variant": "body",
+      "textContent": "Exceeded my expectations. The build quality is excellent and setup was seamless — would recommend to anyone looking for a reliable option." }
+  ]
+}

package/compositions/data/review-card.yaml

@@ -0,0 +1,34 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: review-card
+domain: data
+description: >-
+  Customer review card with a user row header, star rating, and body text — for product reviews, app store ratings, testimonials with numeric scoring.
+keywords:
+  - review
+  - rating
+  - stars
+  - testimonial
+  - feedback
+  - customer review
+tags:
+  purpose:
+    - review
+    - testimonial
+    - rating
+  complexity: simple
+  layout: stacked
+related: []
+fragments_used:
+  - fragment: user-identity-row
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []