@adia-ai/a2ui-corpus 0.5.18 → 0.5.20

package/chunks/error-maintenance.json

@@ -36,7 +36,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "image",

package/chunks/error-page-shell.json

@@ -35,7 +35,7 @@
       "maintenance"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",

package/chunks/faq-accordion.json

@@ -22,7 +22,7 @@
       "knowledge-base"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",

package/chunks/file-upload-dnd.json

@@ -23,7 +23,7 @@
       "form-input"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "upload",

package/chunks/footer-multi-column.json

@@ -26,7 +26,7 @@
       "button"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",

package/chunks/footer-primary-only.json

@@ -8,5 +8,5 @@
   "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-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/form-page-shell.json

@@ -37,7 +37,7 @@
       "full-page-form"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "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        <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\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        <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\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        <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\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        <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\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        <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\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        <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\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        <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\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        <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n      </card-ui>\n    </grid-ui>"
+      "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>"
     },
     {
       "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        <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\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        <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\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        <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\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        <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\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        <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\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        <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\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        <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\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        <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\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=\"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>",
   "source": "catalog/page-shells/app/gallery-page/gallery-page.contents.html",
   "metadata": {
     "domain": "layout",
@@ -43,7 +43,7 @@
       "view-toggle"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",
@@ -175,17 +175,18 @@
       "textContent": "Image 1"
     },
     {
-      "id": "column-9",
-      "component": "Column",
+      "id": "section-3",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-10"
+        "column-9"
       ]
     },
     {
-      "id": "section-3",
-      "component": "Section",
+      "id": "column-9",
+      "component": "Column",
       "children": [
-        "column-9"
+        "text-10"
       ]
     },
     {
@@ -202,17 +203,18 @@
       "textContent": "Image 2"
     },
     {
-      "id": "column-10",
-      "component": "Column",
+      "id": "section-4",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-11"
+        "column-10"
       ]
     },
     {
-      "id": "section-4",
-      "component": "Section",
+      "id": "column-10",
+      "component": "Column",
       "children": [
-        "column-10"
+        "text-11"
       ]
     },
     {
@@ -229,17 +231,18 @@
       "textContent": "Image 3"
     },
     {
-      "id": "column-11",
-      "component": "Column",
+      "id": "section-5",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-12"
+        "column-11"
       ]
     },
     {
-      "id": "section-5",
-      "component": "Section",
+      "id": "column-11",
+      "component": "Column",
       "children": [
-        "column-11"
+        "text-12"
       ]
     },
     {
@@ -256,17 +259,18 @@
       "textContent": "Image 4"
     },
     {
-      "id": "column-12",
-      "component": "Column",
+      "id": "section-6",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-13"
+        "column-12"
       ]
     },
     {
-      "id": "section-6",
-      "component": "Section",
+      "id": "column-12",
+      "component": "Column",
       "children": [
-        "column-12"
+        "text-13"
       ]
     },
     {
@@ -283,17 +287,18 @@
       "textContent": "Image 5"
     },
     {
-      "id": "column-13",
-      "component": "Column",
+      "id": "section-7",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-14"
+        "column-13"
       ]
     },
     {
-      "id": "section-7",
-      "component": "Section",
+      "id": "column-13",
+      "component": "Column",
       "children": [
-        "column-13"
+        "text-14"
       ]
     },
     {
@@ -310,17 +315,18 @@
       "textContent": "Image 6"
     },
     {
-      "id": "column-14",
-      "component": "Column",
+      "id": "section-8",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-15"
+        "column-14"
       ]
     },
     {
-      "id": "section-8",
-      "component": "Section",
+      "id": "column-14",
+      "component": "Column",
       "children": [
-        "column-14"
+        "text-15"
       ]
     },
     {
@@ -337,17 +343,18 @@
       "textContent": "Image 7"
     },
     {
-      "id": "column-15",
-      "component": "Column",
+      "id": "section-9",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-16"
+        "column-15"
       ]
     },
     {
-      "id": "section-9",
-      "component": "Section",
+      "id": "column-15",
+      "component": "Column",
       "children": [
-        "column-15"
+        "text-16"
       ]
     },
     {
@@ -364,17 +371,18 @@
       "textContent": "Image 8"
     },
     {
-      "id": "column-16",
-      "component": "Column",
+      "id": "section-10",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-17"
+        "column-16"
       ]
     },
     {
-      "id": "section-10",
-      "component": "Section",
+      "id": "column-16",
+      "component": "Column",
       "children": [
-        "column-16"
+        "text-17"
       ]
     },
     {

package/chunks/hero-section-split.json

@@ -23,7 +23,7 @@
       "cta"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",

package/chunks/icon-text-row.json

@@ -12,5 +12,5 @@
   },
   "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-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/image-carousel.json

@@ -23,7 +23,7 @@
       "paginated"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",

package/chunks/image-tile.json

@@ -8,5 +8,5 @@
   "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-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/image-upload-preview.json

@@ -23,7 +23,7 @@
       "remove"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "avatar",

package/chunks/inventory-list-stock.json

@@ -28,7 +28,7 @@
       "progress"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",

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

@@ -26,7 +26,7 @@
       "workflow"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",