@adia-ai/a2ui-corpus 0.6.23 → 0.6.25

package/chunks/error-404-actions.json

@@ -11,5 +11,44 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"Go to home\" variant=\"primary\" icon=\"house\" onclick=\"location.href = '/'\"></button-ui>\n              <button-ui text=\"Search docs\" variant=\"outline\" icon=\"magnifying-glass\" onclick=\"location.href = '/site/'\"></button-ui>\n            </col-ui>",
   "source": "apps/errors/app/404/404.contents.html",
-  "captured_at": "2026-05-22T20:26:33.817Z"
+  "metadata": {
+    "domain": "error",
+    "description": "Error 404 page actions — go home and go back buttons for not-found pages.",
+    "keywords": [
+      "error",
+      "404",
+      "not",
+      "found",
+      "actions",
+      "home",
+      "back",
+      "navigation"
+    ]
+  },
+  "captured_at": "2026-05-22T23:31:51.450Z",
+  "template": [
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "house",
+      "text": "Go to home",
+      "variant": "primary"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "magnifying-glass",
+      "text": "Search docs",
+      "variant": "outline"
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    }
+  ]
 }

package/chunks/error-404.json

@@ -39,7 +39,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "image",

package/chunks/error-500-actions.json

@@ -11,5 +11,51 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"Try again\" variant=\"primary\" icon=\"arrows-clockwise\" onclick=\"location.reload()\"></button-ui>\n              <button-ui text=\"View status page\" variant=\"outline\" icon=\"pulse\" onclick=\"window.open('https://status.adia-ui.app', '_blank')\"></button-ui>\n              <button-ui text=\"Contact support\" variant=\"outline\" icon=\"lifebuoy\" onclick=\"location.href = '/site/examples/help'\"></button-ui>\n            </col-ui>",
   "source": "apps/errors/app/500/500.contents.html",
-  "captured_at": "2026-05-22T20:26:33.817Z"
+  "metadata": {
+    "domain": "error",
+    "description": "Error 500 page actions — retry and contact support buttons for server errors.",
+    "keywords": [
+      "error",
+      "500",
+      "server",
+      "error",
+      "actions",
+      "retry",
+      "support"
+    ]
+  },
+  "captured_at": "2026-05-22T23:31:51.450Z",
+  "template": [
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "arrows-clockwise",
+      "text": "Try again",
+      "variant": "primary"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "pulse",
+      "text": "View status page",
+      "variant": "outline"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "icon": "lifebuoy",
+      "text": "Contact support",
+      "variant": "outline"
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "button",
+        "button-2",
+        "button-3"
+      ]
+    }
+  ]
 }

package/chunks/error-500.json

@@ -39,7 +39,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "image",

package/chunks/error-maintenance-actions.json

@@ -11,5 +11,43 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"View live status\" variant=\"primary\" icon=\"pulse\" onclick=\"window.open('https://status.adia-ui.app', '_blank')\"></button-ui>\n              <button-ui text=\"Subscribe to updates\" variant=\"outline\" icon=\"bell\"></button-ui>\n            </col-ui>",
   "source": "apps/errors/app/maintenance/maintenance.contents.html",
-  "captured_at": "2026-05-22T20:26:33.817Z"
+  "metadata": {
+    "domain": "error",
+    "description": "Maintenance page actions — status page link and notification signup.",
+    "keywords": [
+      "error",
+      "maintenance",
+      "actions",
+      "status",
+      "page",
+      "notify",
+      "signup"
+    ]
+  },
+  "captured_at": "2026-05-22T23:31:51.450Z",
+  "template": [
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "pulse",
+      "text": "View live status",
+      "variant": "primary"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "bell",
+      "text": "Subscribe to updates",
+      "variant": "outline"
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    }
+  ]
 }

package/chunks/error-maintenance.json

@@ -36,7 +36,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "image",

package/chunks/error-page-shell.json

@@ -35,7 +35,7 @@
       "maintenance"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",

package/chunks/faq-accordion.json

@@ -22,7 +22,7 @@
       "knowledge-base"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",

package/chunks/file-upload-dnd.json

@@ -23,7 +23,7 @@
       "form-input"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "upload",

package/chunks/footer-multi-column.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<section>\n    <col-ui gap=\"6\">\n      <grid-ui columns=\"4\" gap=\"6\">\n        <col-ui gap=\"2\">\n          <text-ui strong>Product</text-ui>\n          <link-ui href=\"#\" text=\"Features\"></link-ui>\n          <link-ui href=\"#\" text=\"Pricing\"></link-ui>\n          <link-ui href=\"#\" text=\"Integrations\"></link-ui>\n          <link-ui href=\"#\" text=\"Changelog\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Company</text-ui>\n          <link-ui href=\"#\" text=\"About\"></link-ui>\n          <link-ui href=\"#\" text=\"Blog\"></link-ui>\n          <link-ui href=\"#\" text=\"Careers\"></link-ui>\n          <link-ui href=\"#\" text=\"Press\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Resources</text-ui>\n          <link-ui href=\"#\" text=\"Docs\"></link-ui>\n          <link-ui href=\"#\" text=\"API reference\"></link-ui>\n          <link-ui href=\"#\" text=\"Status\"></link-ui>\n          <link-ui href=\"#\" text=\"Support\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Stay in the loop</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">Monthly digest, no spam.</text-ui>\n          <button-ui text=\"Subscribe\" variant=\"primary\" size=\"sm\"></button-ui>\n        </col-ui>\n      </grid-ui>\n      <divider-ui></divider-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <text-ui size=\"sm\" color=\"subtle\">© 2026 Acme Inc. All rights reserved.</text-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"github-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n          <icon-ui name=\"x-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n          <icon-ui name=\"linkedin-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n        </row-ui>\n      </row-ui>\n    </col-ui>\n  </section>",
+  "html": "<section>\n    <col-ui gap=\"6\">\n      <grid-ui columns=\"2 4@md\" gap=\"6\">\n        <col-ui gap=\"2\">\n          <text-ui strong>Product</text-ui>\n          <link-ui href=\"#\" text=\"Features\"></link-ui>\n          <link-ui href=\"#\" text=\"Pricing\"></link-ui>\n          <link-ui href=\"#\" text=\"Integrations\"></link-ui>\n          <link-ui href=\"#\" text=\"Changelog\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Company</text-ui>\n          <link-ui href=\"#\" text=\"About\"></link-ui>\n          <link-ui href=\"#\" text=\"Blog\"></link-ui>\n          <link-ui href=\"#\" text=\"Careers\"></link-ui>\n          <link-ui href=\"#\" text=\"Press\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Resources</text-ui>\n          <link-ui href=\"#\" text=\"Docs\"></link-ui>\n          <link-ui href=\"#\" text=\"API reference\"></link-ui>\n          <link-ui href=\"#\" text=\"Status\"></link-ui>\n          <link-ui href=\"#\" text=\"Support\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Stay in the loop</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">Monthly digest, no spam.</text-ui>\n          <button-ui text=\"Subscribe\" variant=\"primary\" size=\"sm\"></button-ui>\n        </col-ui>\n      </grid-ui>\n      <divider-ui></divider-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <text-ui size=\"sm\" color=\"subtle\">© 2026 Acme Inc. All rights reserved.</text-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"github-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n          <icon-ui name=\"x-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n          <icon-ui name=\"linkedin-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n        </row-ui>\n      </row-ui>\n    </col-ui>\n  </section>",
   "source": "catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
   "metadata": {
     "domain": "layout",
@@ -26,7 +26,7 @@
       "button"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",
@@ -187,7 +187,7 @@
     {
       "id": "grid",
       "component": "Grid",
-      "columns": "4",
+      "columns": "2 4@md",
       "gap": "6",
       "children": [
         "column-2",

package/chunks/footer-primary-only.json

@@ -8,5 +8,34 @@
   "attrs": {},
   "html": "<footer>\n            <button-ui text=\"Connect\" stretch onclick=\"document.getElementById('drawer-figma').open = true\"></button-ui>\n          </footer>",
   "source": "apps/saas/app/integrations/integrations.contents.html",
-  "captured_at": "2026-05-22T20:26:33.817Z"
+  "metadata": {
+    "domain": "layout",
+    "description": "Marketing footer — single-row footer with brand logo and primary navigation links.",
+    "keywords": [
+      "footer",
+      "marketing",
+      "brand",
+      "logo",
+      "nav",
+      "links",
+      "minimal",
+      "layout"
+    ]
+  },
+  "captured_at": "2026-05-22T23:31:51.450Z",
+  "template": [
+    {
+      "id": "button",
+      "component": "Button",
+      "stretch": true,
+      "text": "Connect"
+    },
+    {
+      "id": "root",
+      "component": "Footer",
+      "children": [
+        "button"
+      ]
+    }
+  ]
 }

package/chunks/form-page-shell.json

@@ -37,7 +37,7 @@
       "full-page-form"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",

package/chunks/gallery-page-shell.json

@@ -17,7 +17,7 @@
     {
       "name": "grid",
       "tagName": "section",
-      "html": "<grid-ui columns=\"4\" gap=\"3\">\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n        </section>\n      </card-ui>\n    </grid-ui>"
+      "html": "<grid-ui columns=\"2 4@md\" gap=\"3\">\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n        </section>\n      </card-ui>\n    </grid-ui>"
     },
     {
       "name": "lightbox",
@@ -27,7 +27,7 @@
   ],
   "nested": [],
   "attrs": {},
-  "html": "<article\n  style=\"display:flex; flex-direction:column; height:100vh;\">\n  <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n    <text-ui strong size=\"lg\">Media Gallery</text-ui>\n    <row-ui gap=\"2\">\n      <button-ui icon=\"upload\" variant=\"outline\" size=\"sm\" text=\"Upload\"></button-ui>\n      <button-ui icon=\"folder\" variant=\"ghost\" size=\"sm\"></button-ui>\n    </row-ui>\n  </header>\n\n  <section data-chunk-slot=\"filter-bar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; gap:var(--a-space-2);\">\n    <input-ui placeholder=\"Search media…\" icon=\"search\" style=\"width:240px;\"></input-ui>\n    <select-ui size=\"sm\">\n      <option>All types</option>\n      <option>Images</option>\n      <option>Videos</option>\n      <option>Documents</option>\n    </select-ui>\n    <select-ui size=\"sm\">\n      <option>Any time</option>\n      <option>Today</option>\n      <option>This week</option>\n      <option>This month</option>\n    </select-ui>\n  </section>\n\n  <section data-chunk-slot=\"grid\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n    <grid-ui columns=\"4\" gap=\"3\">\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n        </section>\n      </card-ui>\n    </grid-ui>\n  </section>\n\n  <dialog-ui data-chunk-slot=\"lightbox\" id=\"lightbox\" style=\"display:none;\">\n    <img src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\">\n  </dialog-ui>\n</article>",
+  "html": "<article\n  style=\"display:flex; flex-direction:column; height:100vh;\">\n  <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n    <text-ui strong size=\"lg\">Media Gallery</text-ui>\n    <row-ui gap=\"2\">\n      <button-ui icon=\"upload\" variant=\"outline\" size=\"sm\" text=\"Upload\"></button-ui>\n      <button-ui icon=\"folder\" variant=\"ghost\" size=\"sm\"></button-ui>\n    </row-ui>\n  </header>\n\n  <section data-chunk-slot=\"filter-bar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; gap:var(--a-space-2);\">\n    <input-ui placeholder=\"Search media…\" icon=\"search\" style=\"width:240px;\"></input-ui>\n    <select-ui size=\"sm\">\n      <option>All types</option>\n      <option>Images</option>\n      <option>Videos</option>\n      <option>Documents</option>\n    </select-ui>\n    <select-ui size=\"sm\">\n      <option>Any time</option>\n      <option>Today</option>\n      <option>This week</option>\n      <option>This month</option>\n    </select-ui>\n  </section>\n\n  <section data-chunk-slot=\"grid\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n    <grid-ui columns=\"2 4@md\" gap=\"3\">\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n        </section>\n      </card-ui>\n    </grid-ui>\n  </section>\n\n  <dialog-ui data-chunk-slot=\"lightbox\" id=\"lightbox\" style=\"display:none;\">\n    <img src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\">\n  </dialog-ui>\n</article>",
   "source": "catalog/page-shells/app/gallery-page/gallery-page.contents.html",
   "metadata": {
     "domain": "layout",
@@ -43,7 +43,7 @@
       "view-toggle"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",
@@ -413,7 +413,7 @@
     {
       "id": "grid",
       "component": "Grid",
-      "columns": "4",
+      "columns": "2 4@md",
       "gap": "3",
       "children": [
         "card",

package/chunks/hero-section-split.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<section>\n    <grid-ui columns=\"2\" gap=\"6\" align=\"center\">\n      <col-ui gap=\"4\">\n        <text-ui size=\"sm\" color=\"accent\" weight=\"semibold\" tracking=\"wide\">NEW IN 2026</text-ui>\n        <h1>Ship AI-native UIs in hours, not weeks</h1>\n        <text-ui size=\"lg\" color=\"subtle\">A2UI primitives + free-form composer + grounded chunk vocabulary. Real production HTML, generated on demand.</text-ui>\n        <row-ui gap=\"3\">\n          <button-ui text=\"Start free\" variant=\"primary\" size=\"lg\"></button-ui>\n          <button-ui text=\"Watch demo\" variant=\"outline\" size=\"lg\" icon=\"play-circle\"></button-ui>\n        </row-ui>\n      </col-ui>\n      <card-ui raw>\n        <section>\n          <text-ui color=\"subtle\" size=\"sm\">[ product screenshot ]</text-ui>\n        </section>\n      </card-ui>\n    </grid-ui>\n  </section>",
+  "html": "<section>\n    <grid-ui columns=\"1 2@md\" gap=\"6\" align=\"center\">\n      <col-ui gap=\"4\">\n        <text-ui size=\"sm\" color=\"accent\" weight=\"semibold\" tracking=\"wide\">NEW IN 2026</text-ui>\n        <h1>Ship AI-native UIs in hours, not weeks</h1>\n        <text-ui size=\"lg\" color=\"subtle\">A2UI primitives + free-form composer + grounded chunk vocabulary. Real production HTML, generated on demand.</text-ui>\n        <row-ui gap=\"3\">\n          <button-ui text=\"Start free\" variant=\"primary\" size=\"lg\"></button-ui>\n          <button-ui text=\"Watch demo\" variant=\"outline\" size=\"lg\" icon=\"play-circle\"></button-ui>\n        </row-ui>\n      </col-ui>\n      <card-ui raw>\n        <section>\n          <text-ui color=\"subtle\" size=\"sm\">[ product screenshot ]</text-ui>\n        </section>\n      </card-ui>\n    </grid-ui>\n  </section>",
   "source": "catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
   "metadata": {
     "domain": "layout",
@@ -23,7 +23,7 @@
       "cta"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",
@@ -113,7 +113,7 @@
     {
       "id": "grid",
       "component": "Grid",
-      "columns": "2",
+      "columns": "1 2@md",
       "gap": "6",
       "children": [
         "column",

package/chunks/icon-text-row.json

@@ -12,5 +12,49 @@
   },
   "html": "<row-ui gap=\"2\" align=\"center\" grow>\n              <icon-ui name=\"git-branch\"></icon-ui>\n              <text-ui grow>acme-corp/web</text-ui>\n              <text-ui color=\"subtle\">2m ago</text-ui>\n            </row-ui>",
   "source": "apps/saas/app/integrations/integrations.contents.html",
-  "captured_at": "2026-05-22T20:26:33.817Z"
+  "metadata": {
+    "domain": "display",
+    "description": "Icon + text row — inline row combining a leading icon with a label, used in lists or menus.",
+    "keywords": [
+      "icon",
+      "text",
+      "row",
+      "inline",
+      "label",
+      "list",
+      "menu",
+      "item"
+    ]
+  },
+  "captured_at": "2026-05-22T23:31:51.450Z",
+  "template": [
+    {
+      "id": "git-branch",
+      "component": "Icon",
+      "name": "git-branch"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "acme-corp/web"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "2m ago"
+    },
+    {
+      "id": "root",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "git-branch",
+        "text",
+        "text-2"
+      ]
+    }
+  ]
 }

package/chunks/image-carousel.json

@@ -23,7 +23,7 @@
       "paginated"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",

package/chunks/image-tile.json

@@ -8,5 +8,82 @@
   "attrs": {},
   "html": "<card-ui>\n        <image-ui slot=\"media\" src=\"https://picsum.photos/seed/q4-prep/960/360\" alt=\"\" style=\"aspect-ratio: 8/3\"></image-ui>\n        <header>\n          <h3>Q4 Board Prep — Revenue & Outlook Draft</h3>\n          <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">confluence.internal · 6 min read</text-ui>\n        </header>\n        <section>\n          <text-ui>Sarah Chen's shared draft covers ARR trajectory, cohort retention, and the segmentation the board will want to see.</text-ui>\n        </section>\n      </card-ui>",
   "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
-  "captured_at": "2026-05-22T20:26:33.817Z"
+  "metadata": {
+    "domain": "display",
+    "description": "Image tile component — aspect-ratio image with optional caption overlay.",
+    "keywords": [
+      "image",
+      "tile",
+      "photo",
+      "caption",
+      "media",
+      "gallery",
+      "aspect",
+      "ratio"
+    ]
+  },
+  "captured_at": "2026-05-22T23:31:51.450Z",
+  "template": [
+    {
+      "id": "image",
+      "component": "Image",
+      "src": "https://picsum.photos/seed/q4-prep/960/360"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Q4 Board Prep — Revenue & Outlook Draft"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "confluence.internal · 6 min read"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Sarah Chen's shared draft covers ARR trajectory, cohort retention, and the segmentation the board will want to see."
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "image",
+        "section"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section-2"
+      ]
+    }
+  ]
 }

package/chunks/image-upload-preview.json

@@ -23,7 +23,7 @@
       "remove"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "avatar",

package/chunks/inventory-list-stock.json

@@ -28,7 +28,7 @@
       "progress"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",

package/chunks/kanban-board-3col.json

@@ -26,7 +26,7 @@
       "workflow"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",

package/chunks/kanban-page-shell.json

@@ -40,7 +40,7 @@
       "workflow"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",

package/chunks/kbd-shortcuts.json

@@ -24,7 +24,7 @@
       "quick-keys"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",

package/chunks/labeled-textarea.json

@@ -25,7 +25,7 @@
       "field-ui"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text-area",

package/chunks/leaderboard-table.json

@@ -25,7 +25,7 @@
       "winners"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",

package/chunks/linked-record-row.json

@@ -28,7 +28,7 @@
       "layout": "inline"
     }
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "check-circle",

package/chunks/marketing-hero-cta.json

@@ -22,7 +22,7 @@
       "buttons"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",