@adia-ai/a2ui-corpus 0.6.40 → 0.6.42

package/chunks/billing-overview.json

@@ -0,0 +1,234 @@
+{
+  "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    <row-ui gap=\"3\" align=\"center\">\n      <avatar-ui icon=\"star\" size=\"sm\"></avatar-ui>\n      <col-ui gap=\"0\" grow>\n        <row-ui gap=\"2\" align=\"center\">\n          <text-ui strong>Pro plan</text-ui>\n          <badge-ui text=\"Current\" variant=\"accent\"></badge-ui>\n        </row-ui>\n        <text-ui size=\"sm\" color=\"subtle\">$49/month · Next invoice May 14, 2026</text-ui>\n      </col-ui>\n      <button-ui text=\"Upgrade\" variant=\"primary\" size=\"sm\" icon=\"arrow-up\"></button-ui>\n    </row-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-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "icon": "star",
+      "size": "sm"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Pro plan"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "text": "Current",
+      "variant": "accent"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text",
+        "badge"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "$49/month · Next invoice May 14, 2026"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-2",
+        "text-2"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "arrow-up",
+      "size": "sm",
+      "text": "Upgrade",
+      "variant": "primary"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "avatar",
+        "column",
+        "button"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "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-3",
+      "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-2",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "column-3",
+        "field"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "text": "View invoices",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "text": "Change plan",
+      "variant": "outline"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "button-2",
+        "button-3"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "row-3"
+      ]
+    },
+    {
+      "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-27T03:59:46.910Z",
+  "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"
+      ]
+    }
+  ]
+}

package/chunks/blog-post-card.json

@@ -0,0 +1,189 @@
+{
+  "name": "blog-post-card",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <section bleed>\n    <chart-ui type=\"sparkline\" x=\"t\" y=\"v\" color=\"accent\" hide-values\n      data='[{\"t\":1,\"v\":40},{\"t\":2,\"v\":65},{\"t\":3,\"v\":50},{\"t\":4,\"v\":80},{\"t\":5,\"v\":60},{\"t\":6,\"v\":90},{\"t\":7,\"v\":70}]'\n      style=\"height:200px\"></chart-ui>\n  </section>\n  <header>\n    <row-ui gap=\"2\" align=\"center\">\n      <badge-ui text=\"Design\" variant=\"accent\" size=\"sm\"></badge-ui>\n      <text-ui size=\"sm\" color=\"subtle\">5 min read</text-ui>\n    </row-ui>\n    <h3>Building accessible UI systems at scale</h3>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <text-ui color=\"subtle\">How we migrated 80 components to a token-driven design system while maintaining full backwards compatibility.</text-ui>\n      <row-ui gap=\"2\" align=\"center\">\n        <avatar-ui text=\"Maya Rivera\" size=\"sm\"></avatar-ui>\n        <col-ui gap=\"0\">\n          <text-ui strong size=\"sm\">Maya Rivera</text-ui>\n          <text-ui color=\"subtle\" size=\"sm\">May 14, 2026</text-ui>\n        </col-ui>\n      </row-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <button-ui text=\"Read article\" variant=\"ghost\" icon=\"arrow-right\" stretch></button-ui>\n  </footer>\n</card-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "content",
+    "description": "Blog post preview card with cover image, title, excerpt, author avatar, and read time.",
+    "keywords": [
+      "blog",
+      "post",
+      "preview",
+      "card",
+      "cover",
+      "image",
+      "title",
+      "excerpt",
+      "author",
+      "avatar",
+      "read-time",
+      "blog-post",
+      "article",
+      "content-card"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "chart",
+      "component": "Chart",
+      "type": "sparkline",
+      "color": "accent",
+      "data": "[{\"t\":1,\"v\":40},{\"t\":2,\"v\":65},{\"t\":3,\"v\":50},{\"t\":4,\"v\":80},{\"t\":5,\"v\":60},{\"t\":6,\"v\":90},{\"t\":7,\"v\":70}]",
+      "x": "t",
+      "y": "v"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "chart"
+      ]
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Design",
+      "variant": "accent"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "5 min read"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "badge",
+        "text"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Building accessible UI systems at scale"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "row",
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "How we migrated 80 components to a token-driven design system while maintaining full backwards compatibility."
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "size": "sm",
+      "text": "Maya Rivera"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "size": "sm",
+      "strong": true,
+      "textContent": "Maya Rivera"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "May 14, 2026"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "avatar",
+        "column-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "text-3",
+        "row-2"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "arrow-right",
+      "stretch": true,
+      "text": "Read article",
+      "variant": "ghost"
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "section",
+        "section-2"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section-3",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/{breadcrumb-nav.json → breadcrumb-navigation.json}

@@ -1,5 +1,5 @@
 {
-  "name": "breadcrumb-nav",
+  "name": "breadcrumb-navigation",
   "kind": "block",
   "primary": "section",
   "page": "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
@@ -10,20 +10,24 @@
   "source": "catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
   "metadata": {
     "domain": "navigation",
-    "description": "Breadcrumb trail with chevron separators showing path-to-current-page.",
+    "description": "Breadcrumb navigation trail using link-ui and icon-ui separators to show the hierarchical path to the current page, enabling users to navigate back up the hierarchy.",
     "keywords": [
       "breadcrumb",
-      "trail",
-      "nav",
+      "navigation",
       "path",
-      "location",
-      "current-page",
       "hierarchy",
-      "navigation",
-      "chevrons"
+      "link",
+      "separator",
+      "breadcrumb-ui",
+      "trail",
+      "link-ui",
+      "icon-ui",
+      "current-page",
+      "location",
+      "ancestor"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "link",

package/chunks/calendar-month-view.json

@@ -1,60 +1,62 @@
 {
   "name": "calendar-month-view",
   "kind": "block",
-  "primary": "section",
+  "primary": "card-ui",
   "page": "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<section>\n    <card-ui>\n      <header>\n        <text-ui strong>April 2026</text-ui>\n        <row-ui gap=\"1\">\n          <button-ui icon=\"caret-left\" variant=\"ghost\" size=\"sm\" text=\"Prev\"></button-ui>\n          <button-ui icon=\"caret-right\" variant=\"ghost\" size=\"sm\" text=\"Next\"></button-ui>\n        </row-ui>\n      </header>\n      <section>\n        <calendar-picker-ui></calendar-picker-ui>\n      </section>\n    </card-ui>\n  </section>",
+  "html": "<card-ui>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"caret-left\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <text-ui strong grow align=\"center\">April 2026</text-ui>\n        <button-ui icon=\"caret-right\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>\n    </header>\n    <section>\n      <calendar-picker-ui></calendar-picker-ui>\n    </section>\n  </card-ui>",
   "source": "catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html",
   "metadata": {
     "domain": "data",
-    "description": "Calendar month view with weekday headers, day grid, today indicator, and next/prev month navigation. Uses calendar-picker-ui.",
+    "description": "Calendar date picker with month navigation — calendar-picker-ui with prev/next month buttons.",
     "keywords": [
       "calendar",
-      "month",
-      "view",
       "date",
+      "picker",
+      "month",
+      "navigation",
+      "calendar-picker-ui",
+      "month-view",
+      "weekday",
       "day",
       "grid",
-      "weekday",
       "schedule",
       "appointment",
-      "picker",
       "navigate"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
-    {
-      "id": "text",
-      "component": "Text",
-      "strong": true,
-      "textContent": "April 2026"
-    },
     {
       "id": "button",
       "component": "Button",
       "icon": "caret-left",
       "size": "sm",
-      "text": "Prev",
       "variant": "ghost"
     },
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "April 2026"
+    },
     {
       "id": "button-2",
       "component": "Button",
       "icon": "caret-right",
       "size": "sm",
-      "text": "Next",
       "variant": "ghost"
     },
     {
       "id": "row",
       "component": "Row",
-      "gap": "1",
+      "align": "center",
+      "gap": "2",
       "children": [
         "button",
+        "text",
         "button-2"
       ]
     },
@@ -62,13 +64,12 @@
       "id": "header",
       "component": "Header",
       "children": [
-        "text",
         "row"
       ]
     },
     {
-      "id": "date-time-input",
-      "component": "DateTimeInput"
+      "id": "calendar-picker",
+      "component": "CalendarPicker"
     },
     {
       "id": "section",
@@ -81,23 +82,16 @@
       "id": "column",
       "component": "Column",
       "children": [
-        "date-time-input"
+        "calendar-picker"
       ]
     },
     {
-      "id": "card",
+      "id": "root",
       "component": "Card",
       "children": [
         "header",
         "section"
       ]
-    },
-    {
-      "id": "root",
-      "component": "Section",
-      "children": [
-        "card"
-      ]
     }
   ]
 }