@adia-ai/a2ui-corpus 0.6.41 → 0.6.43

package/chunks/auth-team-invite.json

@@ -28,7 +28,7 @@
       "accept"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "image",
@@ -51,10 +51,26 @@
       "variant": "display",
       "textContent": "You've been invited"
     },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Maya Patel"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Member"
+    },
     {
       "id": "text-2",
       "component": "Text",
-      "textContent": "Maya Patel invited you to join Acme as a Member ."
+      "textContent": "invited you to join Acme as a .",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
     },
     {
       "id": "column",
@@ -88,13 +104,13 @@
       "text": "A"
     },
     {
-      "id": "text-3",
+      "id": "text-5",
       "component": "Text",
       "strong": true,
       "textContent": "Acme"
     },
     {
-      "id": "text-4",
+      "id": "text-6",
       "component": "Text",
       "color": "subtle",
       "textContent": "acme.adia-ui.app · 24 members"
@@ -104,8 +120,8 @@
       "component": "Column",
       "gap": "0",
       "children": [
-        "text-3",
-        "text-4"
+        "text-5",
+        "text-6"
       ]
     },
     {
@@ -162,9 +178,19 @@
       ]
     },
     {
-      "id": "text-5",
+      "id": "text-8",
       "component": "Text",
-      "textContent": "You'll sign in as kim@acme.com . As a Member you can read and write all team workspaces."
+      "variant": "body",
+      "color": "accent",
+      "textContent": "kim@acme.com"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "You'll sign in as . As a Member you can read and write all team workspaces.",
+      "children": [
+        "text-8"
+      ]
     },
     {
       "id": "button",
@@ -195,12 +221,30 @@
       ]
     },
     {
-      "id": "text-6",
+      "id": "text-10",
+      "component": "Text",
+      "textContent": "Sign in with a different one",
+      "variant": "body"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "/site/examples/auth/sign-in",
+      "text": "Sign in with a different one",
+      "children": [
+        "text-10"
+      ]
+    },
+    {
+      "id": "text-9",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "text-align": "center",
-      "textContent": "Not the right account? Sign in with a different one"
+      "textContent": "Not the right account?",
+      "children": [
+        "link"
+      ]
     },
     {
       "id": "column-2",
@@ -208,9 +252,9 @@
       "gap": "6",
       "children": [
         "card",
-        "text-5",
+        "text-7",
         "column-6",
-        "text-6"
+        "text-9"
       ]
     },
     {

package/chunks/avatar-group-overflow.json

@@ -26,7 +26,7 @@
       "more"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",

package/chunks/{users-table-badge.json → badge-variants-table.json}

@@ -1,30 +1,45 @@
 {
-  "name": "users-table-badge",
+  "name": "badge-variants-table",
   "kind": "block",
   "primary": "card-ui",
   "page": "/catalog/ui-patterns/app/users-table-badge/users-table-badge.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n  <header>\n    <h3>Users</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Team members and their roles</text-ui>\n  </header>\n  <section bleed>\n    <table-ui>\n      <thead>\n        <tr>\n          <th>User</th>\n          <th>Role</th>\n          <th>Status</th>\n          <th>Last active</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui><text-ui>Alex Chen</text-ui></row-ui></td>\n          <td><badge-ui text=\"Admin\" variant=\"accent\" size=\"sm\"></badge-ui></td>\n          <td><badge-ui text=\"Online\" variant=\"success\" size=\"sm\"></badge-ui></td>\n          <td><text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui></td>\n        </tr>\n        <tr>\n          <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui><text-ui>Sarah Miller</text-ui></row-ui></td>\n          <td><badge-ui text=\"Editor\" variant=\"info\" size=\"sm\"></badge-ui></td>\n          <td><badge-ui text=\"Away\" variant=\"warning\" size=\"sm\"></badge-ui></td>\n          <td><text-ui color=\"subtle\" size=\"sm\">1h ago</text-ui></td>\n        </tr>\n        <tr>\n          <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"James Park\" size=\"sm\"></avatar-ui><text-ui>James Park</text-ui></row-ui></td>\n          <td><badge-ui text=\"Viewer\" variant=\"muted\" size=\"sm\"></badge-ui></td>\n          <td><badge-ui text=\"Offline\" variant=\"muted\" size=\"sm\"></badge-ui></td>\n          <td><text-ui color=\"subtle\" size=\"sm\">3h ago</text-ui></td>\n        </tr>\n      </tbody>\n    </table-ui>\n  </section>\n</card-ui>",
+  "html": "<card-ui>\n  <header>\n    <h3>Users</h3>\n    <p slot=\"description\">Team members and their roles</p>\n  </header>\n  <section bleed>\n    <table-ui>\n      <thead>\n        <tr>\n          <th>User</th>\n          <th>Role</th>\n          <th>Status</th>\n          <th>Last active</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui><text-ui>Alex Chen</text-ui></row-ui></td>\n          <td><badge-ui text=\"Admin\" variant=\"accent\" size=\"sm\"></badge-ui></td>\n          <td><badge-ui text=\"Online\" variant=\"success\" size=\"sm\"></badge-ui></td>\n          <td><text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui></td>\n        </tr>\n        <tr>\n          <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui><text-ui>Sarah Miller</text-ui></row-ui></td>\n          <td><badge-ui text=\"Editor\" variant=\"info\" size=\"sm\"></badge-ui></td>\n          <td><badge-ui text=\"Away\" variant=\"warning\" size=\"sm\"></badge-ui></td>\n          <td><text-ui color=\"subtle\" size=\"sm\">1h ago</text-ui></td>\n        </tr>\n        <tr>\n          <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"James Park\" size=\"sm\"></avatar-ui><text-ui>James Park</text-ui></row-ui></td>\n          <td><badge-ui text=\"Viewer\" variant=\"muted\" size=\"sm\"></badge-ui></td>\n          <td><badge-ui text=\"Offline\" variant=\"muted\" size=\"sm\"></badge-ui></td>\n          <td><text-ui color=\"subtle\" size=\"sm\">3h ago</text-ui></td>\n        </tr>\n      </tbody>\n    </table-ui>\n  </section>\n</card-ui>",
   "source": "catalog/ui-patterns/app/users-table-badge/users-table-badge.contents.html",
   "metadata": {
     "domain": "data",
-    "description": "Users data table with name + email + role badge + status + row actions; sortable headers + pagination.",
+    "description": "Users table showing role and status columns populated with badge-ui variants — accent for Admin, info for Editor, muted for Viewer, success/warning/muted for Online/Away/Offline status.",
     "keywords": [
+      "badge",
+      "variant",
+      "accent",
+      "info",
+      "success",
+      "warning",
+      "danger",
+      "muted",
+      "badge-ui",
+      "status",
+      "pill",
+      "indicator",
+      "label",
+      "tag",
       "users",
       "table",
-      "data",
-      "list",
-      "directory",
-      "members",
       "roles",
-      "badge",
-      "sortable",
-      "pagination"
+      "members",
+      "variants",
+      "different",
+      "badge-ui",
+      "badge-variants",
+      "accent",
+      "info",
+      "muted"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",
@@ -35,7 +50,8 @@
     {
       "id": "text-2",
       "component": "Text",
-      "color": "subtle",
+      "variant": "body",
+      "slot": "description",
       "textContent": "Team members and their roles"
     },
     {

package/chunks/billing-overview.json

@@ -0,0 +1,202 @@
+{
+  "name": "billing-overview",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <avatar-ui slot=\"icon\" icon=\"star\" size=\"sm\"></avatar-ui>\n    <h3>Pro plan</h3>\n    <p slot=\"description\">$49/month · Next invoice May 14, 2026</p>\n    <button-ui slot=\"action\" text=\"Upgrade\" variant=\"primary\" size=\"sm\" icon=\"arrow-up\"></button-ui>\n  </header>\n  <section>\n    <col-ui gap=\"4\">\n      <col-ui gap=\"2\">\n        <text-ui strong>Usage this cycle</text-ui>\n        <progress-row-ui label=\"API calls\" value=\"68\" meta=\"68,000 / 100,000\"></progress-row-ui>\n        <progress-row-ui label=\"Storage\" value=\"42\" meta=\"42 GB / 100 GB\"></progress-row-ui>\n        <progress-row-ui label=\"Team seats\" value=\"75\" meta=\"3 / 4 seats\"></progress-row-ui>\n        <progress-row-ui label=\"Workflow runs\" value=\"91\" meta=\"91 / 100\"></progress-row-ui>\n      </col-ui>\n      <field-ui label=\"Billing interval\">\n        <segmented-ui value=\"monthly\">\n          <segment-ui value=\"monthly\" text=\"Monthly\"></segment-ui>\n          <segment-ui value=\"annual\" text=\"Annual · 2 months free\"></segment-ui>\n        </segmented-ui>\n      </field-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\">\n      <button-ui text=\"View invoices\" variant=\"ghost\"></button-ui>\n      <button-ui text=\"Change plan\" variant=\"outline\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "billing",
+    "description": "Billing overview with current plan card, usage meter, next invoice date, and upgrade button.",
+    "keywords": [
+      "billing",
+      "overview",
+      "current",
+      "plan",
+      "usage",
+      "meter",
+      "next",
+      "invoice",
+      "date",
+      "upgrade",
+      "button",
+      "billing-overview",
+      "plan",
+      "card",
+      "subscription"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "slot": "icon",
+      "icon": "star",
+      "size": "sm"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Pro plan"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "$49/month · Next invoice May 14, 2026"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "slot": "action",
+      "icon": "arrow-up",
+      "size": "sm",
+      "text": "Upgrade",
+      "variant": "primary"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "avatar",
+        "text",
+        "text-2",
+        "button"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Usage this cycle"
+    },
+    {
+      "id": "progress-row",
+      "component": "ProgressRow",
+      "label": "API calls",
+      "meta": "68,000 / 100,000",
+      "value": 68
+    },
+    {
+      "id": "progress-row-2",
+      "component": "ProgressRow",
+      "label": "Storage",
+      "meta": "42 GB / 100 GB",
+      "value": 42
+    },
+    {
+      "id": "progress-row-3",
+      "component": "ProgressRow",
+      "label": "Team seats",
+      "meta": "3 / 4 seats",
+      "value": 75
+    },
+    {
+      "id": "progress-row-4",
+      "component": "ProgressRow",
+      "label": "Workflow runs",
+      "meta": "91 / 100",
+      "value": 91
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-3",
+        "progress-row",
+        "progress-row-2",
+        "progress-row-3",
+        "progress-row-4"
+      ]
+    },
+    {
+      "id": "segment",
+      "component": "Segment",
+      "text": "Monthly",
+      "value": "monthly"
+    },
+    {
+      "id": "segment-2",
+      "component": "Segment",
+      "text": "Annual · 2 months free",
+      "value": "annual"
+    },
+    {
+      "id": "segmented-control",
+      "component": "SegmentedControl",
+      "value": "monthly",
+      "children": [
+        "segment",
+        "segment-2"
+      ]
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Billing interval",
+      "children": [
+        "segmented-control"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "column-2",
+        "field"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "text": "View invoices",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "text": "Change plan",
+      "variant": "outline"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "button-2",
+        "button-3"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/billing-progress-label.json

@@ -0,0 +1,101 @@
+{
+  "name": "billing-progress-label",
+  "kind": "block",
+  "primary": "div",
+  "page": "/apps/saas/app/billing/billing.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-col": ""
+  },
+  "html": "<div data-col>\n      <col-ui gap=\"4\">\n        <progress-row-ui label=\"API calls\" value=\"68\" meta=\"680k / 1M\"></progress-row-ui>\n        <progress-row-ui label=\"Storage\" value=\"42\" meta=\"42 GB / 100 GB\"></progress-row-ui>\n        <progress-row-ui label=\"Team seats\" value=\"75\" meta=\"6 / 8\"></progress-row-ui>\n        <progress-row-ui label=\"Workflow runs\" value=\"91\" meta=\"18,200 / 20,000\"></progress-row-ui>\n      </col-ui>\n      <alert-ui variant=\"warning\" icon=\"warning\" text=\"Workflow runs are approaching your plan limit. Upgrade to avoid throttling.\"></alert-ui>\n    </div>",
+  "source": "apps/saas/app/billing/billing.contents.html",
+  "metadata": {
+    "domain": "settings",
+    "description": "Usage quota section — labeled progress bars with percentage and value/total meta for each metered resource (API calls, storage, team seats, workflow runs). Progress bar with label pattern using progress-row-ui.",
+    "keywords": [
+      "progress",
+      "bar",
+      "label",
+      "usage",
+      "quota",
+      "progress-row-ui",
+      "labeled",
+      "progress",
+      "metered",
+      "resource",
+      "limit",
+      "storage",
+      "seats",
+      "API",
+      "calls",
+      "workflow",
+      "runs",
+      "percentage",
+      "value",
+      "total",
+      "billing",
+      "quota",
+      "usage",
+      "gauge"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "progress-row",
+      "component": "ProgressRow",
+      "label": "API calls",
+      "meta": "680k / 1M",
+      "value": 68
+    },
+    {
+      "id": "progress-row-2",
+      "component": "ProgressRow",
+      "label": "Storage",
+      "meta": "42 GB / 100 GB",
+      "value": 42
+    },
+    {
+      "id": "progress-row-3",
+      "component": "ProgressRow",
+      "label": "Team seats",
+      "meta": "6 / 8",
+      "value": 75
+    },
+    {
+      "id": "progress-row-4",
+      "component": "ProgressRow",
+      "label": "Workflow runs",
+      "meta": "18,200 / 20,000",
+      "value": 91
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "progress-row",
+        "progress-row-2",
+        "progress-row-3",
+        "progress-row-4"
+      ]
+    },
+    {
+      "id": "alert",
+      "component": "Alert",
+      "icon": "warning",
+      "text": "Workflow runs are approaching your plan limit. Upgrade to avoid throttling.",
+      "variant": "warning"
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-col": "",
+      "children": [
+        "column",
+        "alert"
+      ]
+    }
+  ]
+}