@adia-ai/a2ui-corpus 0.5.2 → 0.5.4

package/chunks/avatar-group-overflow.json

@@ -0,0 +1,134 @@
+{
+  "name": "avatar-group-overflow",
+  "kind": "block",
+  "primary": "section",
+  "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>Project collaborators</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">12 members</text-ui>\n      </header>\n      <section>\n        <avatar-group-ui max=\"4\">\n          <avatar-ui text=\"Marco Rossi\"></avatar-ui>\n          <avatar-ui text=\"June Chen\"></avatar-ui>\n          <avatar-ui text=\"Diana Singh\"></avatar-ui>\n          <avatar-ui text=\"Aaron Tan\"></avatar-ui>\n          <avatar-ui text=\"Bea Lopez\"></avatar-ui>\n          <avatar-ui text=\"Carlos Ruiz\"></avatar-ui>\n          <avatar-ui text=\"Sarah Park\"></avatar-ui>\n          <avatar-ui text=\"James Kim\"></avatar-ui>\n        </avatar-group-ui>\n      </section>\n    </card-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Avatar stack showing first 4 members with a +N overflow indicator for additional members. Used for team rosters, collaborators, attendees.",
+    "keywords": [
+      "avatar",
+      "group",
+      "stack",
+      "overflow",
+      "members",
+      "team",
+      "roster",
+      "collaborators",
+      "attendees",
+      "count",
+      "plus",
+      "more"
+    ]
+  },
+  "captured_at": "2026-05-14T03:55:24.388Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Project collaborators"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "12 members"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "text": "Marco Rossi"
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar",
+      "text": "June Chen"
+    },
+    {
+      "id": "avatar-3",
+      "component": "Avatar",
+      "text": "Diana Singh"
+    },
+    {
+      "id": "avatar-4",
+      "component": "Avatar",
+      "text": "Aaron Tan"
+    },
+    {
+      "id": "avatar-5",
+      "component": "Avatar",
+      "text": "Bea Lopez"
+    },
+    {
+      "id": "avatar-6",
+      "component": "Avatar",
+      "text": "Carlos Ruiz"
+    },
+    {
+      "id": "avatar-7",
+      "component": "Avatar",
+      "text": "Sarah Park"
+    },
+    {
+      "id": "avatar-8",
+      "component": "Avatar",
+      "text": "James Kim"
+    },
+    {
+      "id": "avatar-group",
+      "component": "AvatarGroup",
+      "children": [
+        "avatar",
+        "avatar-2",
+        "avatar-3",
+        "avatar-4",
+        "avatar-5",
+        "avatar-6",
+        "avatar-7",
+        "avatar-8"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "avatar-group"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "card"
+      ]
+    }
+  ]
+}

package/chunks/breadcrumb-nav.json

@@ -23,34 +23,43 @@
       "chevrons"
     ]
   },
-  "captured_at": "2026-05-13T23:05:50.382Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "link",
       "component": "Link",
-      "href": "/"
+      "href": "/",
+      "text": "Home"
     },
     {
       "id": "caret-right",
-      "component": "Icon"
+      "component": "Icon",
+      "name": "caret-right",
+      "size": "xs"
     },
     {
       "id": "link-2",
       "component": "Link",
-      "href": "/components"
+      "href": "/components",
+      "text": "Components"
     },
     {
       "id": "icon",
-      "component": "Icon"
+      "component": "Icon",
+      "name": "caret-right",
+      "size": "xs"
     },
     {
       "id": "link-3",
       "component": "Link",
-      "href": "/components/data"
+      "href": "/components/data",
+      "text": "Data"
     },
     {
       "id": "icon-2",
-      "component": "Icon"
+      "component": "Icon",
+      "name": "caret-right",
+      "size": "xs"
     },
     {
       "id": "text",
@@ -60,6 +69,7 @@
     {
       "id": "row",
       "component": "Row",
+      "align": "center",
       "gap": "2",
       "children": [
         "link",

package/chunks/calendar-month-view.json

@@ -0,0 +1,103 @@
+{
+  "name": "calendar-month-view",
+  "kind": "block",
+  "primary": "section",
+  "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>",
+  "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.",
+    "keywords": [
+      "calendar",
+      "month",
+      "view",
+      "date",
+      "day",
+      "grid",
+      "weekday",
+      "schedule",
+      "appointment",
+      "picker",
+      "navigate"
+    ]
+  },
+  "captured_at": "2026-05-14T03:55:24.388Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "April 2026"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "caret-left",
+      "size": "sm",
+      "text": "Prev",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "caret-right",
+      "size": "sm",
+      "text": "Next",
+      "variant": "ghost"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "row"
+      ]
+    },
+    {
+      "id": "date-time-input",
+      "component": "DateTimeInput"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "date-time-input"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "card"
+      ]
+    }
+  ]
+}

package/chunks/card-header-with-description.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<header>\n                <h3>Overview</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Monthly revenue for 2026</text-ui>\n              </header>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-13T23:05:50.382Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

package/chunks/chart-with-filter-pills.json

@@ -24,11 +24,12 @@
       "card"
     ]
   },
-  "captured_at": "2026-05-13T23:05:50.382Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "text",
       "component": "Text",
+      "strong": true,
       "textContent": "Revenue"
     },
     {
@@ -58,6 +59,7 @@
     {
       "id": "segmented-control",
       "component": "SegmentedControl",
+      "value": "month",
       "children": [
         "text-2",
         "text-3",
@@ -68,6 +70,7 @@
     {
       "id": "row",
       "component": "Row",
+      "align": "center",
       "gap": "3",
       "children": [
         "text",
@@ -84,6 +87,7 @@
     {
       "id": "text-6",
       "component": "Text",
+      "strong": true,
       "textContent": "$48,294"
     },
     {

package/chunks/chat-page-shell.json

@@ -46,11 +46,12 @@
       "chatbot"
     ]
   },
-  "captured_at": "2026-05-13T23:05:50.382Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "text",
       "component": "Text",
+      "strong": true,
       "textContent": "Conversations"
     },
     {
@@ -63,6 +64,7 @@
     {
       "id": "text-2",
       "component": "Text",
+      "strong": true,
       "textContent": "Engineering"
     },
     {
@@ -88,6 +90,8 @@
     {
       "id": "card",
       "component": "Card",
+      "padding": "sm",
+      "variant": "subtle",
       "children": [
         "section-2"
       ]
@@ -95,6 +99,7 @@
     {
       "id": "text-4",
       "component": "Text",
+      "strong": true,
       "textContent": "Design"
     },
     {
@@ -120,6 +125,8 @@
     {
       "id": "card-2",
       "component": "Card",
+      "padding": "sm",
+      "variant": "subtle",
       "children": [
         "section-3"
       ]
@@ -151,15 +158,22 @@
     {
       "id": "text-6",
       "component": "Text",
+      "strong": true,
       "textContent": "#engineering"
     },
     {
       "id": "button",
-      "component": "Button"
+      "component": "Button",
+      "icon": "search",
+      "size": "sm",
+      "variant": "ghost"
     },
     {
       "id": "button-2",
-      "component": "Button"
+      "component": "Button",
+      "icon": "gear",
+      "size": "sm",
+      "variant": "ghost"
     },
     {
       "id": "row",
@@ -181,7 +195,9 @@
     },
     {
       "id": "avatar",
-      "component": "Avatar"
+      "component": "Avatar",
+      "size": "sm",
+      "src": "/avatar-1.png"
     },
     {
       "id": "text-7",
@@ -205,6 +221,8 @@
     {
       "id": "card-3",
       "component": "Card",
+      "padding": "sm",
+      "variant": "subtle",
       "children": [
         "section-6"
       ]
@@ -212,6 +230,7 @@
     {
       "id": "row-2",
       "component": "Row",
+      "align": "start",
       "gap": "2",
       "children": [
         "avatar",
@@ -240,18 +259,24 @@
     {
       "id": "card-4",
       "component": "Card",
+      "padding": "sm",
+      "variant": "primary",
       "children": [
         "section-7"
       ]
     },
     {
       "id": "avatar-2",
-      "component": "Avatar"
+      "component": "Avatar",
+      "size": "sm",
+      "src": "/avatar-2.png"
     },
     {
       "id": "row-3",
       "component": "Row",
+      "align": "start",
       "gap": "2",
+      "justify": "end",
       "children": [
         "card-4",
         "avatar-2"
@@ -275,19 +300,27 @@
     },
     {
       "id": "button-3",
-      "component": "Button"
+      "component": "Button",
+      "icon": "plus",
+      "size": "sm",
+      "variant": "ghost"
     },
     {
       "id": "input",
-      "component": "Input"
+      "component": "Input",
+      "placeholder": "Type a message…"
     },
     {
       "id": "button-4",
-      "component": "Button"
+      "component": "Button",
+      "icon": "paper-plane",
+      "size": "sm",
+      "variant": "primary"
     },
     {
       "id": "row-4",
       "component": "Row",
+      "align": "center",
       "gap": "2",
       "children": [
         "button-3",

package/chunks/chat-streaming-surface.json

@@ -26,7 +26,7 @@
       "input"
     ]
   },
-  "captured_at": "2026-05-13T23:05:50.382Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "text",
@@ -61,11 +61,15 @@
     },
     {
       "id": "button",
-      "component": "Button"
+      "component": "Button",
+      "icon": "paper-plane-right",
+      "size": "sm",
+      "variant": "primary"
     },
     {
       "id": "row",
       "component": "Row",
+      "align": "center",
       "gap": "2",
       "children": [
         "chat-input",
@@ -82,6 +86,7 @@
     {
       "id": "root",
       "component": "Card",
+      "raw": true,
       "children": [
         "section",
         "footer"

package/chunks/color-picker-swatches.json

@@ -0,0 +1,137 @@
+{
+  "name": "color-picker-swatches",
+  "kind": "block",
+  "primary": "section",
+  "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>Accent color</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">OKLCH or pick a preset</text-ui>\n      </header>\n      <section>\n        <col-ui gap=\"3\">\n          <color-picker-ui format=\"oklch\"></color-picker-ui>\n          <col-ui gap=\"2\">\n            <text-ui size=\"sm\" color=\"subtle\">Presets</text-ui>\n            <row-ui gap=\"2\" wrap>\n              <swatch-ui color=\"oklch(0.62 0.18 240)\" size=\"md\"></swatch-ui>\n              <swatch-ui color=\"oklch(0.65 0.20 25)\" size=\"md\"></swatch-ui>\n              <swatch-ui color=\"oklch(0.70 0.15 145)\" size=\"md\"></swatch-ui>\n              <swatch-ui color=\"oklch(0.75 0.10 80)\" size=\"md\"></swatch-ui>\n              <swatch-ui color=\"oklch(0.55 0.20 320)\" size=\"md\"></swatch-ui>\n              <swatch-ui color=\"oklch(0.50 0.15 0)\" size=\"md\"></swatch-ui>\n            </row-ui>\n          </col-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Color picker with OKLCH input + preset swatch palette. Click a swatch to apply; manual input edits the picker.",
+    "keywords": [
+      "color",
+      "picker",
+      "swatch",
+      "palette",
+      "oklch",
+      "hex",
+      "preset",
+      "accent",
+      "token",
+      "chooser"
+    ]
+  },
+  "captured_at": "2026-05-14T03:55:24.388Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Accent color"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "OKLCH or pick a preset"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "color-picker",
+      "component": "ColorPicker",
+      "format": "oklch"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Presets"
+    },
+    {
+      "id": "column-3",
+      "component": "Column"
+    },
+    {
+      "id": "column-4",
+      "component": "Column"
+    },
+    {
+      "id": "column-5",
+      "component": "Column"
+    },
+    {
+      "id": "column-6",
+      "component": "Column"
+    },
+    {
+      "id": "column-7",
+      "component": "Column"
+    },
+    {
+      "id": "column-8",
+      "component": "Column"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "wrap": true,
+      "children": [
+        "column-3",
+        "column-4",
+        "column-5",
+        "column-6",
+        "column-7",
+        "column-8"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-3",
+        "row"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "color-picker",
+        "column-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "card"
+      ]
+    }
+  ]
+}

package/chunks/command-palette.json

@@ -24,11 +24,12 @@
       "launcher"
     ]
   },
-  "captured_at": "2026-05-13T23:05:50.382Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "input",
-      "component": "Input"
+      "component": "Input",
+      "placeholder": "Search commands..."
     },
     {
       "id": "header",