@adia-ai/a2ui-corpus 0.4.3 → 0.4.4

package/compositions/data/progress-tracker.json

@@ -1,11 +1,20 @@
 {
   "$schema": "../_schema.json",
   "name": "progress-tracker",
-  "version": 1,
+  "version": 2,
   "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" },
+  "description": "Progress tracker card with multiple labeled milestones, each with its own progress bar \u2014 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",
@@ -19,16 +28,134 @@
     "upload progress"
   ],
   "template": [
-    { "id": "root", "component": "Card", "children": ["hdr", "sec"] },
+    {
+      "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", "$fragment": "section-with-stack", "bindings": { "items": ["m1", "m2", "m3", "m4"] } },
-    { "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 } }
-  ]
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Project progress"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Track milestones from kickoff to launch."
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "m1",
+        "m2",
+        "m3",
+        "m4"
+      ]
+    },
+    {
+      "id": "m1",
+      "component": "Column",
+      "children": [
+        "m1--lp-label",
+        "m1--lp-progress"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "m1--lp-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Kickoff"
+    },
+    {
+      "id": "m1--lp-progress",
+      "component": "Progress",
+      "value": 100
+    },
+    {
+      "id": "m2",
+      "component": "Column",
+      "children": [
+        "m2--lp-label",
+        "m2--lp-progress"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "m2--lp-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Design"
+    },
+    {
+      "id": "m2--lp-progress",
+      "component": "Progress",
+      "value": 75
+    },
+    {
+      "id": "m3",
+      "component": "Column",
+      "children": [
+        "m3--lp-label",
+        "m3--lp-progress"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "m3--lp-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Build"
+    },
+    {
+      "id": "m3--lp-progress",
+      "component": "Progress",
+      "value": 40
+    },
+    {
+      "id": "m4",
+      "component": "Column",
+      "children": [
+        "m4--lp-label",
+        "m4--lp-progress"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "m4--lp-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Launch"
+    },
+    {
+      "id": "m4--lp-progress",
+      "component": "Progress",
+      "value": 0
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/data/review-card.json

@@ -1,21 +1,101 @@
 {
   "$schema": "../_schema.json",
   "name": "review-card",
-  "version": 1,
+  "version": 2,
   "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"],
-
+  "description": "Customer review card with a user row header, star rating, and body text \u2014 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." }
-  ]
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "user",
+        "rating"
+      ]
+    },
+    {
+      "id": "user",
+      "component": "Row",
+      "children": [
+        "user--u-av",
+        "user--u-col"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "user--u-av",
+      "component": "Avatar",
+      "name": "Sarah Chen",
+      "size": "md"
+    },
+    {
+      "id": "user--u-col",
+      "component": "Column",
+      "children": [
+        "user--u-p",
+        "user--u-s"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "user--u-p",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Sarah Chen"
+    },
+    {
+      "id": "user--u-s",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Verified buyer \u00b7 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 \u2014 would recommend to anyone looking for a reliable option."
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/data/saved-views-filter-bar.json

@@ -5,47 +5,242 @@
   "kind": "composition",
   "domain": "data",
   "description": "Filter bar with facet chips, operators, and a saved-views dropdown. Active filters render as removable chips; a plus button opens the add-filter menu. The Linear / Attio / HubSpot view header.",
-  "tags": { "purpose": ["filter-bar", "saved-views", "facets"], "complexity": "composed", "layout": "toolbar" },
-  "keywords": ["saved views", "filter bar", "facet chips", "filter chips", "view dropdown", "linear views", "attio views", "hubspot filters", "query builder", "filter operators", "view tabs", "faceted search"],
-
+  "tags": {
+    "purpose": [
+      "filter-bar",
+      "saved-views",
+      "facets"
+    ],
+    "complexity": "composed",
+    "layout": "toolbar"
+  },
+  "keywords": [
+    "saved views",
+    "filter bar",
+    "facet chips",
+    "filter chips",
+    "view dropdown",
+    "linear views",
+    "attio views",
+    "hubspot filters",
+    "query builder",
+    "filter operators",
+    "view tabs",
+    "faceted search"
+  ],
   "template": [
-    { "id": "root", "component": "Column", "gap": "3", "children": ["viewsRow", "chipsBar", "meta", "resultsTable"] },
-
-    { "id": "viewsRow", "component": "Row", "gap": "2", "align": "center", "children": ["savedLabel", "viewsBtn", "tabs"] },
-    { "id": "savedLabel", "component": "Text", "variant": "caption", "color": "subtle", "textContent": "SAVED VIEWS" },
-    { "id": "viewsBtn", "component": "Button", "variant": "outline", "size": "sm", "icon": "squares-four", "textContent": "All issues ▾" },
-    { "id": "tabs", "component": "Tabs", "value": "all", "children": ["t1", "t2", "t3", "t4"] },
-    { "id": "t1", "component": "Tab", "value": "all", "textContent": "All" },
-    { "id": "t2", "component": "Tab", "value": "my", "textContent": "My issues" },
-    { "id": "t3", "component": "Tab", "value": "triage", "textContent": "Triage" },
-    { "id": "t4", "component": "Tab", "value": "backlog", "textContent": "Backlog" },
-
-    { "id": "chipsBar", "component": "Toolbar", "children": ["chip1", "chip2", "chip3", "chip4", "addBtn", "sep", "saveBtn"] },
-    { "id": "chip1", "component": "Tag", "textContent": "Status is In progress, Todo" },
-    { "id": "chip2", "component": "Tag", "textContent": "Assignee is Priya P." },
-    { "id": "chip3", "component": "Tag", "textContent": "Priority is at least Medium" },
-    { "id": "chip4", "component": "Tag", "textContent": "Due before Apr 30" },
-    { "id": "addBtn", "component": "Button", "variant": "ghost", "size": "sm", "icon": "plus", "textContent": "Add filter" },
-    { "id": "sep", "component": "Divider", "vertical": true },
-    { "id": "saveBtn", "component": "Button", "variant": "outline", "size": "sm", "textContent": "Save view" },
-
-    { "id": "meta", "component": "Text", "variant": "caption", "color": "muted", "textContent": "142 issues match · sorted by updated" },
-
-    { "id": "resultsTable", "component": "Table",
+    {
+      "id": "root",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "viewsRow",
+        "chipsBar",
+        "meta",
+        "resultsTable"
+      ]
+    },
+    {
+      "id": "viewsRow",
+      "component": "Row",
+      "gap": "2",
+      "align": "center",
+      "children": [
+        "savedLabel",
+        "viewsBtn",
+        "tabs"
+      ]
+    },
+    {
+      "id": "savedLabel",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "SAVED VIEWS"
+    },
+    {
+      "id": "viewsBtn",
+      "component": "Button",
+      "variant": "outline",
+      "size": "sm",
+      "icon": "squares-four",
+      "textContent": "All issues \u25be"
+    },
+    {
+      "id": "tabs",
+      "component": "Tabs",
+      "value": "all",
+      "children": [
+        "t1",
+        "t2",
+        "t3",
+        "t4"
+      ]
+    },
+    {
+      "id": "t1",
+      "component": "Tab",
+      "value": "all",
+      "textContent": "All"
+    },
+    {
+      "id": "t2",
+      "component": "Tab",
+      "value": "my",
+      "textContent": "My issues"
+    },
+    {
+      "id": "t3",
+      "component": "Tab",
+      "value": "triage",
+      "textContent": "Triage"
+    },
+    {
+      "id": "t4",
+      "component": "Tab",
+      "value": "backlog",
+      "textContent": "Backlog"
+    },
+    {
+      "id": "chipsBar",
+      "component": "Toolbar",
+      "children": [
+        "chip1",
+        "chip2",
+        "chip3",
+        "chip4",
+        "addBtn",
+        "sep",
+        "saveBtn"
+      ]
+    },
+    {
+      "id": "chip1",
+      "component": "Tag",
+      "textContent": "Status is In progress, Todo"
+    },
+    {
+      "id": "chip2",
+      "component": "Tag",
+      "textContent": "Assignee is Priya P."
+    },
+    {
+      "id": "chip3",
+      "component": "Tag",
+      "textContent": "Priority is at least Medium"
+    },
+    {
+      "id": "chip4",
+      "component": "Tag",
+      "textContent": "Due before Apr 30"
+    },
+    {
+      "id": "addBtn",
+      "component": "Button",
+      "variant": "ghost",
+      "size": "sm",
+      "icon": "plus",
+      "textContent": "Add filter"
+    },
+    {
+      "id": "sep",
+      "component": "Divider",
+      "vertical": true
+    },
+    {
+      "id": "saveBtn",
+      "component": "Button",
+      "variant": "outline",
+      "size": "sm",
+      "textContent": "Save view"
+    },
+    {
+      "id": "meta",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "142 issues match \u00b7 sorted by updated"
+    },
+    {
+      "id": "resultsTable",
+      "component": "Table",
       "columns": [
-        { "key": "id", "label": "ID", "type": "text", "width": 90 },
-        { "key": "title", "label": "Title", "type": "text", "flex": 3 },
-        { "key": "status", "label": "Status", "type": "badge", "width": 120 },
-        { "key": "assignee", "label": "Assignee", "type": "text", "width": 140 },
-        { "key": "priority", "label": "Priority", "type": "text", "width": 100 },
-        { "key": "due", "label": "Due", "type": "date", "width": 110 }
+        {
+          "key": "id",
+          "label": "ID",
+          "type": "text",
+          "width": 90
+        },
+        {
+          "key": "title",
+          "label": "Title",
+          "type": "text",
+          "flex": 3
+        },
+        {
+          "key": "status",
+          "label": "Status",
+          "type": "badge",
+          "width": 120
+        },
+        {
+          "key": "assignee",
+          "label": "Assignee",
+          "type": "text",
+          "width": 140
+        },
+        {
+          "key": "priority",
+          "label": "Priority",
+          "type": "text",
+          "width": 100
+        },
+        {
+          "key": "due",
+          "label": "Due",
+          "type": "date",
+          "width": 110
+        }
       ],
       "data": [
-        { "id": "ENG-812", "title": "Sticky column scroll jank on Safari", "status": "In progress", "assignee": "Priya Patel", "priority": "High", "due": "2026-04-24" },
-        { "id": "ENG-809", "title": "Virtualized table spacer off-by-one", "status": "Todo", "assignee": "Priya Patel", "priority": "Medium", "due": "2026-04-25" },
-        { "id": "ENG-807", "title": "Inspector tab focus ring", "status": "In progress", "assignee": "Priya Patel", "priority": "Medium", "due": "2026-04-26" },
-        { "id": "ENG-804", "title": "Command palette keyboard trap", "status": "Todo", "assignee": "Priya Patel", "priority": "High", "due": "2026-04-28" },
-        { "id": "ENG-801", "title": "Dark theme contrast on muted tags", "status": "In progress", "assignee": "Priya Patel", "priority": "Medium", "due": "2026-04-30" }
+        {
+          "id": "ENG-812",
+          "title": "Sticky column scroll jank on Safari",
+          "status": "In progress",
+          "assignee": "Priya Patel",
+          "priority": "High",
+          "due": "2026-04-24"
+        },
+        {
+          "id": "ENG-809",
+          "title": "Virtualized table spacer off-by-one",
+          "status": "Todo",
+          "assignee": "Priya Patel",
+          "priority": "Medium",
+          "due": "2026-04-25"
+        },
+        {
+          "id": "ENG-807",
+          "title": "Inspector tab focus ring",
+          "status": "In progress",
+          "assignee": "Priya Patel",
+          "priority": "Medium",
+          "due": "2026-04-26"
+        },
+        {
+          "id": "ENG-804",
+          "title": "Command palette keyboard trap",
+          "status": "Todo",
+          "assignee": "Priya Patel",
+          "priority": "High",
+          "due": "2026-04-28"
+        },
+        {
+          "id": "ENG-801",
+          "title": "Dark theme contrast on muted tags",
+          "status": "In progress",
+          "assignee": "Priya Patel",
+          "priority": "Medium",
+          "due": "2026-04-30"
+        }
       ]
     }
   ]