@adia-ai/a2ui-corpus 0.6.40 → 0.6.42

package/chunks/team-members-list.json

@@ -0,0 +1,348 @@
+{
+  "name": "team-members-list",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <h3>Team members</h3>\n    <p slot=\"description\">4 members · 1 pending invite</p>\n    <span slot=\"action\" size=\"sm\">\n      <button-ui text=\"Invite\" variant=\"primary\" size=\"sm\" icon=\"user-plus\"></button-ui>\n    </span>\n  </header>\n  <section bleed>\n    <list-ui divider>\n      <list-item-ui>\n        <row-ui gap=\"3\" align=\"center\" grow>\n          <avatar-ui text=\"Alex Chen\"></avatar-ui>\n          <col-ui gap=\"0\" grow>\n            <row-ui align=\"center\" gap=\"2\">\n              <text-ui strong>Alex Chen</text-ui>\n              <badge-ui text=\"Admin\" variant=\"accent\" size=\"sm\"></badge-ui>\n            </row-ui>\n            <text-ui color=\"subtle\" size=\"sm\">alex@acme.com</text-ui>\n          </col-ui>\n          <badge-ui text=\"Online\" variant=\"success\" size=\"sm\"></badge-ui>\n          <button-ui icon=\"dots-three\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </row-ui>\n      </list-item-ui>\n      <list-item-ui>\n        <row-ui gap=\"3\" align=\"center\" grow>\n          <avatar-ui text=\"Sarah Miller\"></avatar-ui>\n          <col-ui gap=\"0\" grow>\n            <row-ui align=\"center\" gap=\"2\">\n              <text-ui strong>Sarah Miller</text-ui>\n              <badge-ui text=\"Editor\" variant=\"subtle\" size=\"sm\"></badge-ui>\n            </row-ui>\n            <text-ui color=\"subtle\" size=\"sm\">sarah@acme.com</text-ui>\n          </col-ui>\n          <badge-ui text=\"Online\" variant=\"success\" size=\"sm\"></badge-ui>\n          <button-ui icon=\"dots-three\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </row-ui>\n      </list-item-ui>\n      <list-item-ui>\n        <row-ui gap=\"3\" align=\"center\" grow>\n          <avatar-ui text=\"James Park\"></avatar-ui>\n          <col-ui gap=\"0\" grow>\n            <row-ui align=\"center\" gap=\"2\">\n              <text-ui strong>James Park</text-ui>\n              <badge-ui text=\"Viewer\" variant=\"muted\" size=\"sm\"></badge-ui>\n            </row-ui>\n            <text-ui color=\"subtle\" size=\"sm\">james@acme.com</text-ui>\n          </col-ui>\n          <badge-ui text=\"Away\" variant=\"warning\" size=\"sm\"></badge-ui>\n          <button-ui icon=\"dots-three\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </row-ui>\n      </list-item-ui>\n    </list-ui>\n  </section>\n  <footer>\n    <button-ui text=\"View all members\" variant=\"ghost\" stretch></button-ui>\n  </footer>\n</card-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "settings",
+    "description": "Team member list with avatar, name, email, role badge, status, and action menu per row.",
+    "keywords": [
+      "team",
+      "members",
+      "list",
+      "avatar",
+      "name",
+      "email",
+      "role",
+      "badge",
+      "status",
+      "action",
+      "menu",
+      "team-member",
+      "workspace",
+      "users",
+      "people",
+      "management"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Team members"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "4 members · 1 pending invite"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "size": "sm"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "text": "Alex Chen"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Alex Chen"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Admin",
+      "variant": "accent"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text-4",
+        "badge"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "alex@acme.com"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-2",
+        "text-5"
+      ]
+    },
+    {
+      "id": "badge-2",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Online",
+      "variant": "success"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "dots-three",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "grow": true,
+      "children": [
+        "avatar",
+        "column",
+        "badge-2",
+        "button"
+      ]
+    },
+    {
+      "id": "list-item",
+      "component": "ListItem",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar",
+      "text": "Sarah Miller"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Sarah Miller"
+    },
+    {
+      "id": "badge-3",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Editor",
+      "variant": "subtle"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text-6",
+        "badge-3"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "sarah@acme.com"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-4",
+        "text-7"
+      ]
+    },
+    {
+      "id": "badge-4",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Online",
+      "variant": "success"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "dots-three",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "grow": true,
+      "children": [
+        "avatar-2",
+        "column-2",
+        "badge-4",
+        "button-2"
+      ]
+    },
+    {
+      "id": "list-item-2",
+      "component": "ListItem",
+      "children": [
+        "row-3"
+      ]
+    },
+    {
+      "id": "avatar-3",
+      "component": "Avatar",
+      "text": "James Park"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "strong": true,
+      "textContent": "James Park"
+    },
+    {
+      "id": "badge-5",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Viewer",
+      "variant": "muted"
+    },
+    {
+      "id": "row-6",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text-8",
+        "badge-5"
+      ]
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "james@acme.com"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-6",
+        "text-9"
+      ]
+    },
+    {
+      "id": "badge-6",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Away",
+      "variant": "warning"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "icon": "dots-three",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "row-5",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "grow": true,
+      "children": [
+        "avatar-3",
+        "column-3",
+        "badge-6",
+        "button-3"
+      ]
+    },
+    {
+      "id": "list-item-3",
+      "component": "ListItem",
+      "children": [
+        "row-5"
+      ]
+    },
+    {
+      "id": "list",
+      "component": "List",
+      "divider": true,
+      "children": [
+        "list-item",
+        "list-item-2",
+        "list-item-3"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "button-4",
+      "component": "Button",
+      "stretch": true,
+      "text": "View all members",
+      "variant": "ghost"
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "button-4"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "list"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/testimonial-grid.json

@@ -22,7 +22,7 @@
       "marketing"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",

package/chunks/testimonials-avatar-cards.json

@@ -0,0 +1,328 @@
+{
+  "name": "testimonials-avatar-cards",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/app/testimonials-avatar-cards/testimonials-avatar-cards.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n  <col-ui gap=\"5\">\n    <col-ui align=\"center\" gap=\"1\">\n      <text-ui size=\"xl\" weight=\"semibold\">What our customers say</text-ui>\n      <text-ui color=\"subtle\">Trusted by thousands of teams worldwide.</text-ui>\n    </col-ui>\n    <grid-ui columns=\"1 3@md\" gap=\"4\">\n      <card-ui>\n        <header>\n          <row-ui gap=\"3\" align=\"center\">\n            <avatar-ui text=\"Sarah Chen\" size=\"md\"></avatar-ui>\n            <col-ui gap=\"0\">\n              <text-ui weight=\"semibold\">Sarah Chen</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Head of Product, Luma</text-ui>\n            </col-ui>\n          </row-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <rating-ui value=\"5\" readonly></rating-ui>\n            <text-ui color=\"subtle\">\"AdiaUI cut our design-to-code cycle in half. The components are exactly what we needed — consistent, accessible, and easy to customize.\"</text-ui>\n          </col-ui>\n        </section>\n      </card-ui>\n\n      <card-ui>\n        <header>\n          <row-ui gap=\"3\" align=\"center\">\n            <avatar-ui text=\"Marcus Webb\" size=\"md\"></avatar-ui>\n            <col-ui gap=\"0\">\n              <text-ui weight=\"semibold\">Marcus Webb</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Senior Engineer, Vertex</text-ui>\n            </col-ui>\n          </row-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <rating-ui value=\"5\" readonly></rating-ui>\n            <text-ui color=\"subtle\">\"The light-DOM approach is refreshing. No shadow DOM quirks, full CSS control, and it just works with our existing stack from day one.\"</text-ui>\n          </col-ui>\n        </section>\n      </card-ui>\n\n      <card-ui>\n        <header>\n          <row-ui gap=\"3\" align=\"center\">\n            <avatar-ui text=\"Priya Nair\" size=\"md\"></avatar-ui>\n            <col-ui gap=\"0\">\n              <text-ui weight=\"semibold\">Priya Nair</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Design Lead, Meridian</text-ui>\n            </col-ui>\n          </row-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <rating-ui value=\"5\" readonly></rating-ui>\n            <text-ui color=\"subtle\">\"The generative UI pipeline is genuinely magical. We describe a screen in plain language and get production-quality markup back instantly.\"</text-ui>\n          </col-ui>\n        </section>\n      </card-ui>\n    </grid-ui>\n  </col-ui>\n</section>",
+  "source": "catalog/ui-patterns/app/testimonials-avatar-cards/testimonials-avatar-cards.contents.html",
+  "metadata": {
+    "domain": "marketing",
+    "description": "Testimonials with avatar cards — three customer testimonials in a grid, each with an avatar, name, role, and quote. Social proof pattern for marketing pages.",
+    "keywords": [
+      "testimonials",
+      "testimonial",
+      "avatar",
+      "cards",
+      "quote",
+      "review",
+      "social",
+      "proof",
+      "customer",
+      "feedback",
+      "person",
+      "grid-ui",
+      "card-ui",
+      "avatar-ui",
+      "rating"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "size": "xl",
+      "weight": "semibold",
+      "textContent": "What our customers say"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Trusted by thousands of teams worldwide."
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "align": "center",
+      "gap": "1",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "size": "md",
+      "text": "Sarah Chen"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Sarah Chen"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Head of Product, Luma"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "avatar",
+        "column-3"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "rating",
+      "component": "Rating",
+      "readonly": true,
+      "value": 5
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "\"AdiaUI cut our design-to-code cycle in half. The components are exactly what we needed — consistent, accessible, and easy to customize.\""
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "rating",
+        "text-5"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar",
+      "size": "md",
+      "text": "Marcus Webb"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Marcus Webb"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Senior Engineer, Vertex"
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-6",
+        "text-7"
+      ]
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "avatar-2",
+        "column-5"
+      ]
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "row-2"
+      ]
+    },
+    {
+      "id": "rating-2",
+      "component": "Rating",
+      "readonly": true,
+      "value": 5
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "\"The light-DOM approach is refreshing. No shadow DOM quirks, full CSS control, and it just works with our existing stack from day one.\""
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "rating-2",
+        "text-8"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-6"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-2",
+        "section-2"
+      ]
+    },
+    {
+      "id": "avatar-3",
+      "component": "Avatar",
+      "size": "md",
+      "text": "Priya Nair"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Priya Nair"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Design Lead, Meridian"
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-9",
+        "text-10"
+      ]
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "avatar-3",
+        "column-7"
+      ]
+    },
+    {
+      "id": "header-3",
+      "component": "Header",
+      "children": [
+        "row-3"
+      ]
+    },
+    {
+      "id": "rating-3",
+      "component": "Rating",
+      "readonly": true,
+      "value": 5
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "\"The generative UI pipeline is genuinely magical. We describe a screen in plain language and get production-quality markup back instantly.\""
+    },
+    {
+      "id": "column-8",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "rating-3",
+        "text-11"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-8"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "header-3",
+        "section-3"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "columns": "1 3@md",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2",
+        "card-3"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "5",
+      "children": [
+        "column-2",
+        "grid"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    }
+  ]
+}

package/chunks/timeline-events.json

@@ -23,7 +23,7 @@
       "releases"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",