@adia-ai/a2ui-corpus 0.6.42 → 0.6.44

package/chunks/reg-team-size.json

@@ -23,7 +23,7 @@
       "employees"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "segment",
@@ -62,74 +62,47 @@
         "team-size"
       ]
     },
-    {
-      "id": "text",
-      "component": "Text",
-      "textContent": "Choose…",
-      "variant": "body"
-    },
-    {
-      "id": "text-2",
-      "component": "Text",
-      "textContent": "Software · SaaS",
-      "variant": "body"
-    },
-    {
-      "id": "text-3",
-      "component": "Text",
-      "textContent": "Design · Creative",
-      "variant": "body"
-    },
-    {
-      "id": "text-4",
-      "component": "Text",
-      "textContent": "Marketing · Growth",
-      "variant": "body"
-    },
-    {
-      "id": "text-5",
-      "component": "Text",
-      "textContent": "E-commerce · Retail",
-      "variant": "body"
-    },
-    {
-      "id": "text-6",
-      "component": "Text",
-      "textContent": "Finance · Fintech",
-      "variant": "body"
-    },
-    {
-      "id": "text-7",
-      "component": "Text",
-      "textContent": "Education · Research",
-      "variant": "body"
-    },
-    {
-      "id": "text-8",
-      "component": "Text",
-      "textContent": "Healthcare · Biotech",
-      "variant": "body"
-    },
-    {
-      "id": "text-9",
-      "component": "Text",
-      "textContent": "Something else",
-      "variant": "body"
-    },
     {
       "id": "industry",
       "component": "ChoicePicker",
       "name": "industry",
-      "children": [
-        "text",
-        "text-2",
-        "text-3",
-        "text-4",
-        "text-5",
-        "text-6",
-        "text-7",
-        "text-8",
-        "text-9"
+      "options": [
+        {
+          "value": "",
+          "label": "Choose…"
+        },
+        {
+          "value": "software",
+          "label": "Software · SaaS"
+        },
+        {
+          "value": "design",
+          "label": "Design · Creative"
+        },
+        {
+          "value": "marketing",
+          "label": "Marketing · Growth"
+        },
+        {
+          "value": "ecommerce",
+          "label": "E-commerce · Retail"
+        },
+        {
+          "value": "finance",
+          "label": "Finance · Fintech"
+        },
+        {
+          "value": "education",
+          "label": "Education · Research"
+        },
+        {
+          "value": "healthcare",
+          "label": "Healthcare · Biotech"
+        },
+        {
+          "value": "other",
+          "label": "Something else"
+        }
       ]
     },
     {

package/chunks/reg-usecase-picker.json

@@ -27,7 +27,7 @@
       "setup"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "use-case",

package/chunks/reg-workspace-name.json

@@ -31,7 +31,7 @@
       "setup"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",

package/chunks/responsive-grid-pattern.json

@@ -24,7 +24,7 @@
       "layout"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",

package/chunks/responsive-kpi-grid.json

@@ -25,7 +25,7 @@
       "layout"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "stat",

package/chunks/responsive-row-pattern.json

@@ -24,7 +24,7 @@
       "mobile"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",

package/chunks/responsive-wrap-at-pattern.json

@@ -22,31 +22,79 @@
       "toolbar"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
+    {
+      "id": "code",
+      "component": "Code",
+      "textContent": "wrap-at"
+    },
     {
       "id": "text",
       "component": "Text",
       "variant": "heading",
-      "textContent": "Responsive wrap — wrap-at"
+      "textContent": "Responsive wrap —",
+      "children": [
+        "code"
+      ]
+    },
+    {
+      "id": "code-2",
+      "component": "Code",
+      "textContent": "wrap"
+    },
+    {
+      "id": "code-3",
+      "component": "Code",
+      "textContent": "@bp"
+    },
+    {
+      "id": "code-4",
+      "component": "Code",
+      "textContent": "wrap-at=\"bp\""
+    },
+    {
+      "id": "code-5",
+      "component": "Code",
+      "textContent": "wrap"
     },
     {
       "id": "text-2",
       "component": "Text",
       "variant": "body",
-      "textContent": "Boolean attributes like wrap can't use @bp value syntax. Use wrap-at=\"bp\" to enable wrapping from a named breakpoint upward. The existing wrap attribute (always-wrap) is unchanged."
+      "textContent": "Boolean attributes like can't use value syntax. Use to enable wrapping from a named breakpoint upward. The existing attribute (always-wrap) is unchanged.",
+      "children": [
+        "code-2",
+        "code-3",
+        "code-4",
+        "code-5"
+      ]
     },
     {
-      "id": "code",
+      "id": "code-6",
       "component": "Code",
       "language": "html",
       "textContent": "<!-- Toolbar: single-row on desktop, wraps to multiple lines on mobile --> <row-ui gap=\"2 3@md\" wrap-at=\"sm\"> <input-ui placeholder=\"Search...\"></input-ui> <select-ui><option>All statuses</option></select-ui> <button-ui text=\"Export\" variant=\"outline\"></button-ui> <button-ui text=\"+ New\" variant=\"primary\"></button-ui> </row-ui>"
     },
+    {
+      "id": "code-7",
+      "component": "Code",
+      "textContent": "@bp"
+    },
+    {
+      "id": "code-8",
+      "component": "Code",
+      "textContent": "wrap-at"
+    },
     {
       "id": "text-3",
       "component": "Text",
       "variant": "body",
-      "textContent": "Unlike @bp value-annotations, wrap-at is a standalone attribute that takes a single breakpoint name — no multi-value parsing."
+      "textContent": "Unlike value-annotations, is a standalone attribute that takes a single breakpoint name — no multi-value parsing.",
+      "children": [
+        "code-7",
+        "code-8"
+      ]
     },
     {
       "id": "column",
@@ -54,7 +102,7 @@
       "children": [
         "text",
         "text-2",
-        "code",
+        "code-6",
         "text-3"
       ]
     },

package/chunks/revenue-heatmap.json

@@ -26,7 +26,7 @@
       "sales-heatmap"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",
@@ -38,6 +38,7 @@
       "id": "text-2",
       "component": "Text",
       "variant": "body",
+      "slot": "description",
       "textContent": "Sales intensity by day of week and hour"
     },
     {

package/chunks/role-management.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n  <header>\n    <row-ui gap=\"3\" align=\"center\">\n      <h3 grow>Roles</h3>\n      <button-ui text=\"Create role\" variant=\"primary\" size=\"sm\" icon=\"plus\"></button-ui>\n    </row-ui>\n  </header>\n  <section>\n    <col-ui gap=\"2\">\n      <card-ui>\n        <header>\n          <row-ui gap=\"3\" align=\"center\">\n            <badge-ui text=\"Viewer\" variant=\"muted\"></badge-ui>\n            <text-ui color=\"subtle\" grow>Can view all content. Cannot edit or manage.</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">12 members</text-ui>\n            <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n          </row-ui>\n        </header>\n      </card-ui>\n      <card-ui>\n        <header>\n          <row-ui gap=\"3\" align=\"center\">\n            <badge-ui text=\"Editor\" variant=\"accent\"></badge-ui>\n            <col-ui gap=\"0\" grow>\n              <text-ui color=\"subtle\">Can view and edit content. Cannot manage members or billing.</text-ui>\n            </col-ui>\n            <text-ui size=\"sm\" color=\"subtle\">28 members</text-ui>\n            <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n          </row-ui>\n        </header>\n      </card-ui>\n      <card-ui>\n        <header>\n          <row-ui gap=\"3\" align=\"center\">\n            <badge-ui text=\"Admin\" variant=\"danger\"></badge-ui>\n            <text-ui color=\"subtle\" grow>Full access to all workspace settings, members, and billing.</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">4 members</text-ui>\n            <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n            <button-ui text=\"Delete\" variant=\"ghost\" size=\"sm\" icon=\"trash\" color=\"danger\"></button-ui>\n          </row-ui>\n        </header>\n      </card-ui>\n    </col-ui>\n  </section>\n</card-ui>",
+  "html": "<card-ui>\n  <header>\n    <row-ui gap=\"3\" align=\"center\">\n      <h3 grow>Roles</h3>\n      <button-ui text=\"Create role\" variant=\"primary\" size=\"sm\" icon=\"plus\"></button-ui>\n    </row-ui>\n  </header>\n  <section>\n    <list-ui divider>\n      <list-item-ui>\n        <badge-ui slot=\"icon\" text=\"Viewer\" variant=\"muted\"></badge-ui>\n        <text-ui slot=\"text\" strong>Viewer</text-ui>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Can view all content. Cannot edit or manage.</text-ui>\n        <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n          <text-ui size=\"sm\" color=\"subtle\">12 members</text-ui>\n          <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n        </row-ui>\n      </list-item-ui>\n      <list-item-ui>\n        <badge-ui slot=\"icon\" text=\"Editor\" variant=\"accent\"></badge-ui>\n        <text-ui slot=\"text\" strong>Editor</text-ui>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Can view and edit content. Cannot manage members or billing.</text-ui>\n        <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n          <text-ui size=\"sm\" color=\"subtle\">28 members</text-ui>\n          <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n        </row-ui>\n      </list-item-ui>\n      <list-item-ui>\n        <badge-ui slot=\"icon\" text=\"Admin\" variant=\"danger\"></badge-ui>\n        <text-ui slot=\"text\" strong>Admin</text-ui>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Full access to all workspace settings, members, and billing.</text-ui>\n        <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n          <text-ui size=\"sm\" color=\"subtle\">4 members</text-ui>\n          <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n          <button-ui text=\"Delete\" variant=\"danger\" size=\"sm\" icon=\"trash\"></button-ui>\n        </row-ui>\n      </list-item-ui>\n    </list-ui>\n  </section>\n</card-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "metadata": {
     "domain": "settings",
@@ -28,7 +28,7 @@
       "rbac"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",
@@ -64,17 +64,27 @@
     {
       "id": "badge",
       "component": "Badge",
+      "slot": "icon",
       "text": "Viewer",
       "variant": "muted"
     },
     {
       "id": "text-2",
       "component": "Text",
+      "slot": "text",
+      "strong": true,
+      "textContent": "Viewer"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "slot": "description",
       "color": "subtle",
+      "size": "sm",
       "textContent": "Can view all content. Cannot edit or manage."
     },
     {
-      "id": "text-3",
+      "id": "text-4",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
@@ -91,52 +101,48 @@
     {
       "id": "row-2",
       "component": "Row",
+      "slot": "action",
       "align": "center",
-      "gap": "3",
+      "gap": "2",
       "children": [
-        "badge",
-        "text-2",
-        "text-3",
+        "text-4",
         "button-2"
       ]
     },
     {
-      "id": "header-2",
-      "component": "Header",
+      "id": "list-item",
+      "component": "ListItem",
       "children": [
+        "badge",
+        "text-2",
+        "text-3",
         "row-2"
       ]
     },
-    {
-      "id": "card",
-      "component": "Card",
-      "children": [
-        "header-2"
-      ]
-    },
     {
       "id": "badge-2",
       "component": "Badge",
+      "slot": "icon",
       "text": "Editor",
       "variant": "accent"
     },
     {
-      "id": "text-4",
+      "id": "text-5",
       "component": "Text",
-      "color": "subtle",
-      "textContent": "Can view and edit content. Cannot manage members or billing."
+      "slot": "text",
+      "strong": true,
+      "textContent": "Editor"
     },
     {
-      "id": "column-2",
-      "component": "Column",
-      "gap": "0",
-      "grow": true,
-      "children": [
-        "text-4"
-      ]
+      "id": "text-6",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Can view and edit content. Cannot manage members or billing."
     },
     {
-      "id": "text-5",
+      "id": "text-7",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
@@ -153,43 +159,48 @@
     {
       "id": "row-3",
       "component": "Row",
+      "slot": "action",
       "align": "center",
-      "gap": "3",
+      "gap": "2",
       "children": [
-        "badge-2",
-        "column-2",
-        "text-5",
+        "text-7",
         "button-3"
       ]
     },
     {
-      "id": "header-3",
-      "component": "Header",
+      "id": "list-item-2",
+      "component": "ListItem",
       "children": [
+        "badge-2",
+        "text-5",
+        "text-6",
         "row-3"
       ]
     },
-    {
-      "id": "card-2",
-      "component": "Card",
-      "children": [
-        "header-3"
-      ]
-    },
     {
       "id": "badge-3",
       "component": "Badge",
+      "slot": "icon",
       "text": "Admin",
       "variant": "danger"
     },
     {
-      "id": "text-6",
+      "id": "text-8",
+      "component": "Text",
+      "slot": "text",
+      "strong": true,
+      "textContent": "Admin"
+    },
+    {
+      "id": "text-9",
       "component": "Text",
+      "slot": "description",
       "color": "subtle",
+      "size": "sm",
       "textContent": "Full access to all workspace settings, members, and billing."
     },
     {
-      "id": "text-7",
+      "id": "text-10",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
@@ -206,54 +217,55 @@
     {
       "id": "button-5",
       "component": "Button",
-      "color": "danger",
       "icon": "trash",
       "size": "sm",
       "text": "Delete",
-      "variant": "ghost"
+      "variant": "danger"
     },
     {
       "id": "row-4",
       "component": "Row",
+      "slot": "action",
       "align": "center",
-      "gap": "3",
+      "gap": "2",
       "children": [
-        "badge-3",
-        "text-6",
-        "text-7",
+        "text-10",
         "button-4",
         "button-5"
       ]
     },
     {
-      "id": "header-4",
-      "component": "Header",
+      "id": "list-item-3",
+      "component": "ListItem",
       "children": [
+        "badge-3",
+        "text-8",
+        "text-9",
         "row-4"
       ]
     },
     {
-      "id": "card-3",
-      "component": "Card",
+      "id": "list",
+      "component": "List",
+      "divider": true,
       "children": [
-        "header-4"
+        "list-item",
+        "list-item-2",
+        "list-item-3"
       ]
     },
     {
-      "id": "column",
-      "component": "Column",
-      "gap": "2",
+      "id": "section",
+      "component": "Section",
       "children": [
-        "card",
-        "card-2",
-        "card-3"
+        "column"
       ]
     },
     {
-      "id": "section",
-      "component": "Section",
+      "id": "column",
+      "component": "Column",
       "children": [
-        "column"
+        "list"
       ]
     },
     {

package/chunks/search-with-filters.json

@@ -35,7 +35,7 @@
       "discovery"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "search-ui",

package/chunks/section-with-stack.json

@@ -21,7 +21,7 @@
       "nested"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",

package/chunks/segmented-control-billing-tabs.json

@@ -35,39 +35,85 @@
       "current"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "icon": "star"
+    },
     {
       "id": "text",
       "component": "Text",
-      "variant": "body"
+      "variant": "body",
+      "slot": "icon",
+      "children": [
+        "avatar"
+      ]
     },
     {
-      "id": "text-2",
+      "id": "text-3",
       "component": "Text",
-      "variant": "body",
+      "strong": true,
       "textContent": "Pro"
     },
     {
-      "id": "text-3",
+      "id": "badge",
+      "component": "Badge",
+      "text": "Current",
+      "variant": "accent"
+    },
+    {
+      "id": "text-2",
       "component": "Text",
       "variant": "body",
-      "size": "sm"
+      "slot": "heading",
+      "children": [
+        "text-3",
+        "badge"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "size": "sm",
+      "text": "Change plan",
+      "variant": "primary"
     },
     {
       "id": "text-4",
       "component": "Text",
       "variant": "body",
+      "slot": "action",
+      "size": "sm",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "$49/month · billed monthly · Next invoice May 14, 2026"
     },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-6"
+      ]
+    },
     {
       "id": "header",
       "component": "Header",
       "children": [
         "text",
         "text-2",
-        "text-3",
-        "text-4"
+        "text-4",
+        "text-5"
       ]
     },
     {