@adia-ai/a2ui-corpus 0.6.48 → 0.6.50

package/chunks/settings-appearance.json

@@ -23,7 +23,7 @@
       "ui-controls"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-general-form.json

@@ -25,7 +25,7 @@
       "identity"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "input",

package/chunks/settings-integrations.json

@@ -32,7 +32,7 @@
       "layout": "grid"
     }
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "avatar",

package/chunks/settings-members-invite.json

@@ -25,7 +25,7 @@
       "add"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text-area",

package/chunks/settings-page-shell.json

@@ -39,7 +39,7 @@
       "panel"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-panel.json

@@ -27,7 +27,7 @@
       "toggle-group"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-profile-security.json

@@ -25,7 +25,7 @@
       "identity"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "avatar",

package/chunks/settings-toggle-switches.json

@@ -33,7 +33,7 @@
       "streaming"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "toggle",

package/chunks/sidebar-nav.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<nav-ui\n  style=\"max-width:220px\">\n  <nav-group-ui label=\"Main\" open>\n    <nav-item-ui icon=\"house\" text=\"Home\" active></nav-item-ui>\n    <nav-item-ui icon=\"chart-bar\" text=\"Dashboard\"></nav-item-ui>\n    <nav-item-ui icon=\"users\" text=\"Members\"></nav-item-ui>\n    <nav-item-ui icon=\"gear\" text=\"Settings\"></nav-item-ui>\n  </nav-group-ui>\n  <nav-group-ui label=\"Projects\" open>\n    <nav-item-ui icon=\"folder\" text=\"Marketing site\"></nav-item-ui>\n    <nav-item-ui icon=\"folder\" text=\"Admin app\"></nav-item-ui>\n    <nav-item-ui icon=\"plus\" text=\"New project\"></nav-item-ui>\n  </nav-group-ui>\n  <divider-ui></divider-ui>\n  <nav-item-ui icon=\"user-circle\" text=\"Kim Granlund\"></nav-item-ui>\n</nav-ui>",
+  "html": "<nav-ui\n  style=\"max-width:220px\">\n  <nav-group-ui text=\"Main\" icon=\"grid-four\" open>\n    <nav-item-ui icon=\"house\" text=\"Home\" active></nav-item-ui>\n    <nav-item-ui icon=\"chart-bar\" text=\"Dashboard\"></nav-item-ui>\n    <nav-item-ui icon=\"users\" text=\"Members\"></nav-item-ui>\n    <nav-item-ui icon=\"gear\" text=\"Settings\"></nav-item-ui>\n  </nav-group-ui>\n  <nav-group-ui text=\"Projects\" icon=\"folders\" open>\n    <nav-item-ui icon=\"folder\" text=\"Marketing site\"></nav-item-ui>\n    <nav-item-ui icon=\"folder\" text=\"Admin app\"></nav-item-ui>\n    <nav-item-ui icon=\"plus\" text=\"New project\"></nav-item-ui>\n  </nav-group-ui>\n  <divider-ui></divider-ui>\n  <nav-item-ui icon=\"user-circle\" text=\"Kim Granlund\"></nav-item-ui>\n</nav-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "metadata": {
     "domain": "navigation",
@@ -27,7 +27,7 @@
       "vertical-nav"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "nav-item",
@@ -56,7 +56,9 @@
     {
       "id": "nav-group",
       "component": "NavGroup",
+      "icon": "grid-four",
       "open": true,
+      "text": "Main",
       "children": [
         "nav-item",
         "nav-item-2",
@@ -85,7 +87,9 @@
     {
       "id": "nav-group-2",
       "component": "NavGroup",
+      "icon": "folders",
       "open": true,
+      "text": "Projects",
       "children": [
         "nav-item-5",
         "nav-item-6",

package/chunks/sidebar-navigation-panel.json

@@ -31,7 +31,7 @@
       "toggle"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text",

package/chunks/slider-range-controls.json

@@ -24,7 +24,7 @@
       "dual-handle"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text",

package/chunks/social-media-post-card.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n  <header>\n    <row-ui gap=\"3\" align=\"center\" justify=\"space-between\">\n      <row-ui gap=\"3\" align=\"center\">\n        <avatar-ui text=\"Maya Rivera\" size=\"md\"></avatar-ui>\n        <col-ui gap=\"0\">\n          <text-ui weight=\"semibold\">Maya Rivera</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">@mayarivera</text-ui>\n        </col-ui>\n      </row-ui>\n      <text-ui size=\"sm\" color=\"subtle\">2h ago</text-ui>\n    </row-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <text-ui>Just shipped a redesigned onboarding flow using AdiaUI primitives. The generative UI pipeline turned a 2-day project into a 2-hour one. Absolutely wild what's possible now. 🚀</text-ui>\n      <image-ui\n        src=\"https://picsum.photos/seed/post42/800/450\"\n        alt=\"Screenshot of the redesigned onboarding flow\"\n        fit=\"cover\"\n        raw\n        style=\"border-radius:var(--a-radius-md)\"></image-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"4\" align=\"center\">\n      <button-ui variant=\"ghost\" icon=\"heart\" size=\"sm\" aria-label=\"Like\" text=\"214\"></button-ui>\n      <button-ui variant=\"ghost\" icon=\"chat\" size=\"sm\" aria-label=\"Comment\" text=\"38\"></button-ui>\n      <button-ui variant=\"ghost\" icon=\"share\" size=\"sm\" aria-label=\"Share\" text=\"12\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
+  "html": "<card-ui>\n  <header>\n    <avatar-ui slot=\"icon\" text=\"Maya Rivera\" size=\"md\"></avatar-ui>\n    <text-ui slot=\"heading\" weight=\"semibold\">Maya Rivera</text-ui>\n    <text-ui slot=\"description\" size=\"sm\" color=\"subtle\">@mayarivera</text-ui>\n    <text-ui slot=\"action\" size=\"sm\" color=\"subtle\">2h ago</text-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <text-ui>Just shipped a redesigned onboarding flow using AdiaUI primitives. The generative UI pipeline turned a 2-day project into a 2-hour one. Absolutely wild what's possible now. 🚀</text-ui>\n      <image-ui\n        src=\"https://picsum.photos/seed/post42/800/450\"\n        alt=\"Screenshot of the redesigned onboarding flow\"\n        fit=\"cover\"\n        raw\n        style=\"border-radius:var(--a-radius-md)\"></image-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"4\" align=\"center\">\n      <button-ui variant=\"ghost\" icon=\"heart\" size=\"sm\" aria-label=\"Like\" text=\"214\"></button-ui>\n      <button-ui variant=\"ghost\" icon=\"chat\" size=\"sm\" aria-label=\"Comment\" text=\"38\"></button-ui>\n      <button-ui variant=\"ghost\" icon=\"share\" size=\"sm\" aria-label=\"Share\" text=\"12\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
   "source": "catalog/ui-patterns/app/social-media-post-card/social-media-post-card.contents.html",
   "metadata": {
     "domain": "data",
@@ -30,69 +30,46 @@
       "image-ui"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "avatar",
       "component": "Avatar",
+      "slot": "icon",
       "size": "md",
       "text": "Maya Rivera"
     },
     {
       "id": "text",
       "component": "Text",
+      "slot": "heading",
       "weight": "semibold",
       "textContent": "Maya Rivera"
     },
     {
       "id": "text-2",
       "component": "Text",
+      "slot": "description",
       "color": "subtle",
       "size": "sm",
       "textContent": "@mayarivera"
     },
-    {
-      "id": "column",
-      "component": "Column",
-      "gap": "0",
-      "children": [
-        "text",
-        "text-2"
-      ]
-    },
-    {
-      "id": "row-2",
-      "component": "Row",
-      "align": "center",
-      "gap": "3",
-      "children": [
-        "avatar",
-        "column"
-      ]
-    },
     {
       "id": "text-3",
       "component": "Text",
+      "slot": "action",
       "color": "subtle",
       "size": "sm",
       "textContent": "2h ago"
     },
-    {
-      "id": "row",
-      "component": "Row",
-      "align": "center",
-      "gap": "3",
-      "justify": "space-between",
-      "children": [
-        "row-2",
-        "text-3"
-      ]
-    },
     {
       "id": "header",
       "component": "Header",
       "children": [
-        "row"
+        "avatar",
+        "text",
+        "text-2",
+        "text-3"
       ]
     },
     {
@@ -109,7 +86,7 @@
       "src": "https://picsum.photos/seed/post42/800/450"
     },
     {
-      "id": "column-2",
+      "id": "column",
       "component": "Column",
       "gap": "3",
       "children": [
@@ -121,7 +98,7 @@
       "id": "section",
       "component": "Section",
       "children": [
-        "column-2"
+        "column"
       ]
     },
     {
@@ -152,7 +129,7 @@
       "variant": "ghost"
     },
     {
-      "id": "row-3",
+      "id": "row",
       "component": "Row",
       "align": "center",
       "gap": "4",
@@ -166,7 +143,7 @@
       "id": "footer",
       "component": "Footer",
       "children": [
-        "row-3"
+        "row"
       ]
     },
     {

package/chunks/sortable-search-paginate-table.json

@@ -31,7 +31,7 @@
       "interactive"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text",

package/chunks/split-pane-editor-preview.json

@@ -30,7 +30,7 @@
       "split-view"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text",

package/chunks/stat-cards-kpi-dashboard.json

@@ -40,7 +40,7 @@
       "business-metrics"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "stat",

package/chunks/status-dashboard.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n  <header>\n    <h3>System status</h3>\n    <badge-ui text=\"All systems operational\" variant=\"success\"></badge-ui>\n  </header>\n  <section>\n    <col-ui gap=\"2\">\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui>\n        <col-ui grow><text-ui>API</text-ui></col-ui>\n        <text-ui size=\"sm\" color=\"subtle\">99.98% uptime</text-ui>\n        <badge-ui text=\"Operational\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui>\n        <col-ui grow><text-ui>Web App</text-ui></col-ui>\n        <text-ui size=\"sm\" color=\"subtle\">100% uptime</text-ui>\n        <badge-ui text=\"Operational\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"warning\" color=\"warning\" size=\"sm\"></icon-ui>\n        <col-ui grow><text-ui>Webhooks</text-ui></col-ui>\n        <text-ui size=\"sm\" color=\"subtle\">98.2% uptime</text-ui>\n        <badge-ui text=\"Degraded\" variant=\"warning\" size=\"sm\"></badge-ui>\n      </row-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui>\n        <col-ui grow><text-ui>Storage</text-ui></col-ui>\n        <text-ui size=\"sm\" color=\"subtle\">99.99% uptime</text-ui>\n        <badge-ui text=\"Operational\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <text-ui size=\"sm\" color=\"subtle\">Last incident: 3 days ago · <link-ui href=\"#\" text=\"View history\"></link-ui></text-ui>\n  </footer>\n</card-ui>",
+  "html": "<card-ui>\n  <header>\n    <h3>System status</h3>\n    <badge-ui slot=\"action\" text=\"All systems operational\" variant=\"success\"></badge-ui>\n  </header>\n  <section>\n    <col-ui gap=\"2\">\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui>\n        <col-ui grow><text-ui>API</text-ui></col-ui>\n        <text-ui size=\"sm\" color=\"subtle\">99.98% uptime</text-ui>\n        <badge-ui text=\"Operational\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui>\n        <col-ui grow><text-ui>Web App</text-ui></col-ui>\n        <text-ui size=\"sm\" color=\"subtle\">100% uptime</text-ui>\n        <badge-ui text=\"Operational\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"warning\" color=\"warning\" size=\"sm\"></icon-ui>\n        <col-ui grow><text-ui>Webhooks</text-ui></col-ui>\n        <text-ui size=\"sm\" color=\"subtle\">98.2% uptime</text-ui>\n        <badge-ui text=\"Degraded\" variant=\"warning\" size=\"sm\"></badge-ui>\n      </row-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui>\n        <col-ui grow><text-ui>Storage</text-ui></col-ui>\n        <text-ui size=\"sm\" color=\"subtle\">99.99% uptime</text-ui>\n        <badge-ui text=\"Operational\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <text-ui size=\"sm\" color=\"subtle\">Last incident: 3 days ago · <link-ui href=\"#\" text=\"View history\"></link-ui></text-ui>\n  </footer>\n</card-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "metadata": {
     "domain": "data",
@@ -25,7 +25,7 @@
       "degraded"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text",
@@ -36,6 +36,7 @@
     {
       "id": "badge",
       "component": "Badge",
+      "slot": "action",
       "text": "All systems operational",
       "variant": "success"
     },

package/chunks/stepper-form-wizard.json

@@ -32,7 +32,7 @@
       "next"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "column",

package/chunks/survey-rating-form.json

@@ -29,7 +29,7 @@
       "stars"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text",

package/chunks/tabs-with-panels.json

@@ -22,7 +22,7 @@
       "tab-strip"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "tab",

package/chunks/tag-chips-filter.json

@@ -32,7 +32,7 @@
       "clear"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text",

package/chunks/team-members-list.json

@@ -30,7 +30,7 @@
       "management"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text",

package/chunks/testimonial-grid.json

@@ -22,7 +22,7 @@
       "marketing"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text",

package/chunks/testimonials-avatar-cards.json

@@ -6,7 +6,7 @@
   "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>",
+  "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          <avatar-ui slot=\"icon\" text=\"Sarah Chen\" size=\"md\"></avatar-ui>\n          <text-ui slot=\"heading\" weight=\"semibold\">Sarah Chen</text-ui>\n          <text-ui slot=\"description\" size=\"sm\" color=\"subtle\">Head of Product, Luma</text-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          <avatar-ui slot=\"icon\" text=\"Marcus Webb\" size=\"md\"></avatar-ui>\n          <text-ui slot=\"heading\" weight=\"semibold\">Marcus Webb</text-ui>\n          <text-ui slot=\"description\" size=\"sm\" color=\"subtle\">Senior Engineer, Vertex</text-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          <avatar-ui slot=\"icon\" text=\"Priya Nair\" size=\"md\"></avatar-ui>\n          <text-ui slot=\"heading\" weight=\"semibold\">Priya Nair</text-ui>\n          <text-ui slot=\"description\" size=\"sm\" color=\"subtle\">Design Lead, Meridian</text-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",
@@ -29,7 +29,7 @@
       "rating"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text",
@@ -57,46 +57,32 @@
     {
       "id": "avatar",
       "component": "Avatar",
+      "slot": "icon",
       "size": "md",
       "text": "Sarah Chen"
     },
     {
       "id": "text-3",
       "component": "Text",
+      "slot": "heading",
       "weight": "semibold",
       "textContent": "Sarah Chen"
     },
     {
       "id": "text-4",
       "component": "Text",
+      "slot": "description",
       "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"
+        "avatar",
+        "text-3",
+        "text-4"
       ]
     },
     {
@@ -112,7 +98,7 @@
       "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",
+      "id": "column-3",
       "component": "Column",
       "gap": "3",
       "children": [
@@ -124,7 +110,7 @@
       "id": "section",
       "component": "Section",
       "children": [
-        "column-4"
+        "column-3"
       ]
     },
     {
@@ -138,46 +124,32 @@
     {
       "id": "avatar-2",
       "component": "Avatar",
+      "slot": "icon",
       "size": "md",
       "text": "Marcus Webb"
     },
     {
       "id": "text-6",
       "component": "Text",
+      "slot": "heading",
       "weight": "semibold",
       "textContent": "Marcus Webb"
     },
     {
       "id": "text-7",
       "component": "Text",
+      "slot": "description",
       "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"
+        "avatar-2",
+        "text-6",
+        "text-7"
       ]
     },
     {
@@ -193,7 +165,7 @@
       "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",
+      "id": "column-4",
       "component": "Column",
       "gap": "3",
       "children": [
@@ -205,7 +177,7 @@
       "id": "section-2",
       "component": "Section",
       "children": [
-        "column-6"
+        "column-4"
       ]
     },
     {
@@ -219,46 +191,32 @@
     {
       "id": "avatar-3",
       "component": "Avatar",
+      "slot": "icon",
       "size": "md",
       "text": "Priya Nair"
     },
     {
       "id": "text-9",
       "component": "Text",
+      "slot": "heading",
       "weight": "semibold",
       "textContent": "Priya Nair"
     },
     {
       "id": "text-10",
       "component": "Text",
+      "slot": "description",
       "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"
+        "avatar-3",
+        "text-9",
+        "text-10"
       ]
     },
     {
@@ -274,7 +232,7 @@
       "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",
+      "id": "column-5",
       "component": "Column",
       "gap": "3",
       "children": [
@@ -286,7 +244,7 @@
       "id": "section-3",
       "component": "Section",
       "children": [
-        "column-8"
+        "column-5"
       ]
     },
     {

package/chunks/timeline-events.json

@@ -23,7 +23,7 @@
       "releases"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "text",

package/chunks/toolbar-icons.json

@@ -30,7 +30,7 @@
       "icon-only"
     ]
   },
-  "captured_at": "2026-05-29T20:59:10.675Z",
+  "captured_at": "2026-05-30T16:01:25.906Z",
   "template": [
     {
       "id": "button",