@adia-ai/a2ui-corpus 0.4.2 → 0.4.4

package/compositions/layout/three-pane-shell.json

@@ -1,7 +1,7 @@
 {
   "$schema": "../_schema.json",
   "name": "three-pane-shell",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "layout",
   "description": "Three-pane application shell \u2014 a list pane on the left, a detail pane in the middle, and a context pane on the right. The canonical Linear / Superhuman / Attio / Apple Mail workbench layout. Each pane is an explicitly labeled region: the list pane renders an item List, the detail pane renders a record Header with Tabs and a DescriptionList, and the context pane renders a Card with related metadata.",
@@ -63,22 +63,28 @@
       "id": "list-label",
       "component": "Text",
       "variant": "caption",
-      "color": "subtle",
       "textContent": "LIST PANE \u00b7 selectable master list \u00b7 click or keyboard-navigate to select \u00b7 selection syncs to detail pane on the right"
     },
     {
       "id": "ph1",
-      "$fragment": "card-header-heading",
-      "bindings": {
-        "heading": "Inbox \u00b7 24"
-      }
+      "component": "Header",
+      "children": [
+        "ph1--h-text"
+      ]
+    },
+    {
+      "id": "ph1--h-text",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Inbox \u00b7 24"
     },
     {
       "id": "list-search",
       "component": "Input",
       "placeholder": "Search inbox\u2026",
-      "icon": "magnifying-glass",
-      "size": "sm"
+      "size": "sm",
+      "prefix": "magnifying-glass"
     },
     {
       "id": "list-nav",
@@ -144,57 +150,219 @@
     },
     {
       "id": "lh-todo-inner",
-      "$fragment": "user-identity-row",
-      "bindings": {
-        "avatarName": "Helena Moreau",
-        "primary": "Helena Moreau",
-        "secondary": "Ship v1.2 release notes \u00b7 9:14"
-      }
+      "component": "Row",
+      "children": [
+        "lh-todo-inner--u-av",
+        "lh-todo-inner--u-col"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "lh-todo-inner--u-av",
+      "component": "Avatar",
+      "name": "Helena Moreau",
+      "size": "md"
+    },
+    {
+      "id": "lh-todo-inner--u-col",
+      "component": "Column",
+      "children": [
+        "lh-todo-inner--u-p",
+        "lh-todo-inner--u-s"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "lh-todo-inner--u-p",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Helena Moreau"
+    },
+    {
+      "id": "lh-todo-inner--u-s",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Ship v1.2 release notes \u00b7 9:14"
     },
     {
       "id": "lh-doing",
-      "$fragment": "user-identity-row",
-      "bindings": {
-        "avatarName": "Priya Patel",
-        "primary": "Priya Patel",
-        "secondary": "Design review \u2014 inspector \u00b7 8:02"
-      }
+      "component": "Row",
+      "children": [
+        "lh-doing--u-av",
+        "lh-doing--u-col"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "lh-doing--u-av",
+      "component": "Avatar",
+      "name": "Priya Patel",
+      "size": "md"
+    },
+    {
+      "id": "lh-doing--u-col",
+      "component": "Column",
+      "children": [
+        "lh-doing--u-p",
+        "lh-doing--u-s"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "lh-doing--u-p",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Priya Patel"
+    },
+    {
+      "id": "lh-doing--u-s",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Design review \u2014 inspector \u00b7 8:02"
     },
     {
       "id": "lh-done",
-      "$fragment": "user-identity-row",
-      "bindings": {
-        "avatarName": "Marcus Johnson",
-        "primary": "Marcus Johnson",
-        "secondary": "Weekly eng digest \u00b7 Tue"
-      }
+      "component": "Row",
+      "children": [
+        "lh-done--u-av",
+        "lh-done--u-col"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "lh-done--u-av",
+      "component": "Avatar",
+      "name": "Marcus Johnson",
+      "size": "md"
+    },
+    {
+      "id": "lh-done--u-col",
+      "component": "Column",
+      "children": [
+        "lh-done--u-p",
+        "lh-done--u-s"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "lh-done--u-p",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Marcus Johnson"
+    },
+    {
+      "id": "lh-done--u-s",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Weekly eng digest \u00b7 Tue"
     },
     {
       "id": "lh-old",
-      "$fragment": "user-identity-row",
-      "bindings": {
-        "avatarName": "Jordan Kim",
-        "primary": "Jordan Kim",
-        "secondary": "QA \u2014 smoke suite flaky \u00b7 Mon"
-      }
+      "component": "Row",
+      "children": [
+        "lh-old--u-av",
+        "lh-old--u-col"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "lh-old--u-av",
+      "component": "Avatar",
+      "name": "Jordan Kim",
+      "size": "md"
+    },
+    {
+      "id": "lh-old--u-col",
+      "component": "Column",
+      "children": [
+        "lh-old--u-p",
+        "lh-old--u-s"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "lh-old--u-p",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Jordan Kim"
+    },
+    {
+      "id": "lh-old--u-s",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "QA \u2014 smoke suite flaky \u00b7 Mon"
     },
     {
       "id": "lh-5",
-      "$fragment": "user-identity-row",
-      "bindings": {
-        "avatarName": "Sara Ono",
-        "primary": "Sara Ono",
-        "secondary": "Invoice approved \u00b7 Mon"
-      }
+      "component": "Row",
+      "children": [
+        "lh-5--u-av",
+        "lh-5--u-col"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "lh-5--u-av",
+      "component": "Avatar",
+      "name": "Sara Ono",
+      "size": "md"
+    },
+    {
+      "id": "lh-5--u-col",
+      "component": "Column",
+      "children": [
+        "lh-5--u-p",
+        "lh-5--u-s"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "lh-5--u-p",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Sara Ono"
+    },
+    {
+      "id": "lh-5--u-s",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Invoice approved \u00b7 Mon"
     },
     {
       "id": "lh-6",
-      "$fragment": "user-identity-row",
-      "bindings": {
-        "avatarName": "Luis Cruz",
-        "primary": "Luis Cruz",
-        "secondary": "Quarterly review \u00b7 Sun"
-      }
+      "component": "Row",
+      "children": [
+        "lh-6--u-av",
+        "lh-6--u-col"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "lh-6--u-av",
+      "component": "Avatar",
+      "name": "Luis Cruz",
+      "size": "md"
+    },
+    {
+      "id": "lh-6--u-col",
+      "component": "Column",
+      "children": [
+        "lh-6--u-p",
+        "lh-6--u-s"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "lh-6--u-p",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Luis Cruz"
+    },
+    {
+      "id": "lh-6--u-s",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Quarterly review \u00b7 Sun"
     },
     {
       "id": "pane-detail",
@@ -213,16 +381,29 @@
       "id": "detail-label",
       "component": "Text",
       "variant": "caption",
-      "color": "subtle",
       "textContent": "DETAIL PANE \u00b7 showing details for currently-selected list item (selection syncs from list pane via selectable List + selectedKey)"
     },
     {
       "id": "dh",
-      "$fragment": "card-header-with-description",
-      "bindings": {
-        "heading": "Ship v1.2 release notes",
-        "description": "Helena Moreau \u00b7 9:14 AM"
-      }
+      "component": "Header",
+      "children": [
+        "dh--h-title",
+        "dh--h-desc"
+      ]
+    },
+    {
+      "id": "dh--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Ship v1.2 release notes"
+    },
+    {
+      "id": "dh--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Helena Moreau \u00b7 9:14 AM"
     },
     {
       "id": "dprops",
@@ -282,24 +463,57 @@
       "id": "context-label",
       "component": "Text",
       "variant": "caption",
-      "color": "subtle",
       "textContent": "CONTEXT PANE \u00b7 related metadata/records for the currently-selected item from the list"
     },
     {
       "id": "ch",
-      "$fragment": "card-header-heading",
-      "bindings": {
-        "heading": "Context"
-      }
+      "component": "Header",
+      "children": [
+        "ch--h-text"
+      ]
+    },
+    {
+      "id": "ch--h-text",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Context"
     },
     {
       "id": "cuser",
-      "$fragment": "user-identity-row",
-      "bindings": {
-        "avatarName": "Helena Moreau",
-        "primary": "Helena Moreau",
-        "secondary": "helena@acme.io"
-      }
+      "component": "Row",
+      "children": [
+        "cuser--u-av",
+        "cuser--u-col"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "cuser--u-av",
+      "component": "Avatar",
+      "name": "Helena Moreau",
+      "size": "md"
+    },
+    {
+      "id": "cuser--u-col",
+      "component": "Column",
+      "children": [
+        "cuser--u-p",
+        "cuser--u-s"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "cuser--u-p",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Helena Moreau"
+    },
+    {
+      "id": "cuser--u-s",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "helena@acme.io"
     },
     {
       "id": "cdiv1",
@@ -312,5 +526,6 @@
       "align": "between",
       "textContent": "PR\t#4812 \u2014 v1.2 release\nMeeting\tRelease review \u00b7 Thu 3 PM\nDoc\tRELEASE.md"
     }
-  ]
-}
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
+}

package/compositions/layout/toolbar-actions.json

@@ -4,19 +4,87 @@
   "version": 1,
   "kind": "composition",
   "domain": "layout",
-  "description": "Toolbar with grouped icon buttons separated by dividers — for editor surfaces, formatting bars, and action rails.",
-  "tags": { "purpose": ["toolbar", "actions"], "complexity": "atomic", "layout": "row" },
-  "keywords": ["toolbar", "actions", "icon buttons", "formatting"],
-
+  "description": "Toolbar with grouped icon buttons separated by dividers \u2014 for editor surfaces, formatting bars, and action rails.",
+  "tags": {
+    "purpose": [
+      "toolbar",
+      "actions"
+    ],
+    "complexity": "atomic",
+    "layout": "row"
+  },
+  "keywords": [
+    "toolbar",
+    "actions",
+    "icon buttons",
+    "formatting"
+  ],
   "template": [
-    { "id": "root", "component": "Toolbar", "children": ["b1", "b2", "b3", "d1", "b4", "b5", "d2", "b6"] },
-    { "id": "b1", "component": "Button", "variant": "ghost", "icon": "bold",      "ariaLabel": "Bold" },
-    { "id": "b2", "component": "Button", "variant": "ghost", "icon": "italic",    "ariaLabel": "Italic" },
-    { "id": "b3", "component": "Button", "variant": "ghost", "icon": "underline", "ariaLabel": "Underline" },
-    { "id": "d1", "component": "Divider", "orientation": "vertical" },
-    { "id": "b4", "component": "Button", "variant": "ghost", "icon": "list",     "ariaLabel": "List" },
-    { "id": "b5", "component": "Button", "variant": "ghost", "icon": "list-ol",  "ariaLabel": "Ordered list" },
-    { "id": "d2", "component": "Divider", "orientation": "vertical" },
-    { "id": "b6", "component": "Button", "variant": "ghost", "icon": "link",     "ariaLabel": "Link" }
+    {
+      "id": "root",
+      "component": "Toolbar",
+      "children": [
+        "b1",
+        "b2",
+        "b3",
+        "d1",
+        "b4",
+        "b5",
+        "d2",
+        "b6"
+      ]
+    },
+    {
+      "id": "b1",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "bold",
+      "aria-label": "Bold"
+    },
+    {
+      "id": "b2",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "italic",
+      "aria-label": "Italic"
+    },
+    {
+      "id": "b3",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "underline",
+      "aria-label": "Underline"
+    },
+    {
+      "id": "d1",
+      "component": "Divider",
+      "vertical": true
+    },
+    {
+      "id": "b4",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "list",
+      "aria-label": "List"
+    },
+    {
+      "id": "b5",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "list-ol",
+      "aria-label": "Ordered list"
+    },
+    {
+      "id": "d2",
+      "component": "Divider",
+      "vertical": true
+    },
+    {
+      "id": "b6",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "link",
+      "aria-label": "Link"
+    }
   ]
 }

package/compositions/navigation/nav-menu-with-icons.json

@@ -1,25 +1,130 @@
 {
   "$schema": "../_schema.json",
   "name": "nav-menu-with-icons",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "navigation",
-  "description": "Navigation menu with icons and text labels — for sidebar menus and app navigation.",
+  "description": "Navigation menu with icons and text labels \u2014 for sidebar menus and app navigation.",
   "tags": {
-    "purpose": ["navigation"],
+    "purpose": [
+      "navigation"
+    ],
     "complexity": "simple",
     "layout": "single-column",
-    "interaction": ["navigation"]
+    "interaction": [
+      "navigation"
+    ]
   },
-  "keywords": ["navigation", "menu", "icons", "vertical", "sidebar menu"],
-
+  "keywords": [
+    "navigation",
+    "menu",
+    "icons",
+    "vertical",
+    "sidebar menu"
+  ],
   "template": [
-    { "id": "root", "component": "Nav", "children": ["col"] },
-    { "id": "col",  "component": "Column", "children": ["n1", "n2", "n3", "n4"], "gap": "1" },
-
-    { "id": "n1", "$fragment": "icon-text-row", "bindings": { "icon": "house",      "label": "Dashboard" } },
-    { "id": "n2", "$fragment": "icon-text-row", "bindings": { "icon": "chart-bar",  "label": "Analytics" } },
-    { "id": "n3", "$fragment": "icon-text-row", "bindings": { "icon": "users",      "label": "Users" } },
-    { "id": "n4", "$fragment": "icon-text-row", "bindings": { "icon": "gear",       "label": "Settings" } }
-  ]
+    {
+      "id": "root",
+      "component": "Nav",
+      "children": [
+        "col"
+      ]
+    },
+    {
+      "id": "col",
+      "component": "Column",
+      "children": [
+        "n1",
+        "n2",
+        "n3",
+        "n4"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "n1",
+      "component": "Row",
+      "children": [
+        "n1--ir-icon",
+        "n1--ir-label"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "n1--ir-icon",
+      "component": "Icon",
+      "name": "house"
+    },
+    {
+      "id": "n1--ir-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Dashboard"
+    },
+    {
+      "id": "n2",
+      "component": "Row",
+      "children": [
+        "n2--ir-icon",
+        "n2--ir-label"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "n2--ir-icon",
+      "component": "Icon",
+      "name": "chart-bar"
+    },
+    {
+      "id": "n2--ir-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Analytics"
+    },
+    {
+      "id": "n3",
+      "component": "Row",
+      "children": [
+        "n3--ir-icon",
+        "n3--ir-label"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "n3--ir-icon",
+      "component": "Icon",
+      "name": "users"
+    },
+    {
+      "id": "n3--ir-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Users"
+    },
+    {
+      "id": "n4",
+      "component": "Row",
+      "children": [
+        "n4--ir-icon",
+        "n4--ir-label"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "n4--ir-icon",
+      "component": "Icon",
+      "name": "gear"
+    },
+    {
+      "id": "n4--ir-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Settings"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/navigation/pagination-controls.json

@@ -37,8 +37,8 @@
     {
       "id": "pager",
       "component": "Pagination",
-      "totalPages": 10,
-      "currentPage": 1
+      "total": 10,
+      "page": 1
     }
   ]
 }