@adia-ai/a2ui-corpus 0.4.8 → 0.5.0

package/chunks/form-page-shell.json

@@ -24,5 +24,111 @@
   "attrs": {},
   "html": "<article>\n  <header data-chunk-slot=\"page-header\">\n    <h1>Sign in</h1>\n    <text-ui color=\"subtle\">Enter your credentials to continue</text-ui>\n  </header>\n\n  <section data-chunk-slot=\"form-content\">\n    <form>\n      <field-ui label=\"Email\">\n        <input-ui type=\"email\" placeholder=\"you@example.com\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Password\">\n        <input-ui type=\"password\" placeholder=\"••••••••\"></input-ui>\n      </field-ui>\n    </form>\n  </section>\n\n  <footer data-chunk-slot=\"page-footer\">\n    <button-ui text=\"Sign in\" variant=\"primary\"></button-ui>\n    <button-ui text=\"Forgot password?\" variant=\"ghost\" size=\"sm\"></button-ui>\n  </footer>\n</article>",
   "source": "catalog/page-shells/app/form-page/form-page.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "forms",
+    "description": "Centered single-form page with header (title + supporting copy), form body, and footer-row submit.",
+    "keywords": [
+      "form",
+      "page",
+      "centered",
+      "single-form",
+      "submit",
+      "standalone",
+      "full-page-form"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "h1",
+      "textContent": "Sign in"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Enter your credentials to continue"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "data-chunk-slot": "page-header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "input",
+      "component": "Input"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "input-2",
+      "component": "Input"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "children": [
+        "input-2"
+      ]
+    },
+    {
+      "id": "form-container",
+      "component": "FormContainer",
+      "children": [
+        "field",
+        "field-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "data-chunk-slot": "form-content",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button"
+    },
+    {
+      "id": "button-2",
+      "component": "Button"
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "data-chunk-slot": "page-footer",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "form-container"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
 }

package/chunks/gallery-page-shell.json

@@ -27,7 +27,405 @@
   ],
   "nested": [],
   "attrs": {},
-  "html": "<article 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        <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>",
   "source": "catalog/page-shells/app/gallery-page/gallery-page.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "layout",
+    "description": "Image gallery page with header (title + view toggle) and responsive image grid surface.",
+    "keywords": [
+      "gallery",
+      "images",
+      "grid",
+      "masonry",
+      "photos",
+      "thumbnails",
+      "browse",
+      "view-toggle"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Media Gallery"
+    },
+    {
+      "id": "button",
+      "component": "Button"
+    },
+    {
+      "id": "button-2",
+      "component": "Button"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "data-chunk-slot": "header",
+      "children": [
+        "text",
+        "row"
+      ]
+    },
+    {
+      "id": "input",
+      "component": "Input"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "All types",
+      "variant": "body"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Images",
+      "variant": "body"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Videos",
+      "variant": "body"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Documents",
+      "variant": "body"
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "children": [
+        "text-2",
+        "text-3",
+        "text-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Any time",
+      "variant": "body"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Today",
+      "variant": "body"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "This week",
+      "variant": "body"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "This month",
+      "variant": "body"
+    },
+    {
+      "id": "choice-picker-2",
+      "component": "ChoicePicker",
+      "children": [
+        "text-6",
+        "text-7",
+        "text-8",
+        "text-9"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "data-chunk-slot": "filter-bar",
+      "children": [
+        "input",
+        "choice-picker",
+        "choice-picker-2"
+      ]
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "textContent": "Image 1"
+    },
+    {
+      "id": "column-9",
+      "component": "Column",
+      "children": [
+        "text-10"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-9"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "textContent": "Image 2"
+    },
+    {
+      "id": "column-10",
+      "component": "Column",
+      "children": [
+        "text-11"
+      ]
+    },
+    {
+      "id": "section-4",
+      "component": "Section",
+      "children": [
+        "column-10"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-4"
+      ]
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "textContent": "Image 3"
+    },
+    {
+      "id": "column-11",
+      "component": "Column",
+      "children": [
+        "text-12"
+      ]
+    },
+    {
+      "id": "section-5",
+      "component": "Section",
+      "children": [
+        "column-11"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-5"
+      ]
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "textContent": "Image 4"
+    },
+    {
+      "id": "column-12",
+      "component": "Column",
+      "children": [
+        "text-13"
+      ]
+    },
+    {
+      "id": "section-6",
+      "component": "Section",
+      "children": [
+        "column-12"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "section-6"
+      ]
+    },
+    {
+      "id": "text-14",
+      "component": "Text",
+      "textContent": "Image 5"
+    },
+    {
+      "id": "column-13",
+      "component": "Column",
+      "children": [
+        "text-14"
+      ]
+    },
+    {
+      "id": "section-7",
+      "component": "Section",
+      "children": [
+        "column-13"
+      ]
+    },
+    {
+      "id": "card-5",
+      "component": "Card",
+      "children": [
+        "section-7"
+      ]
+    },
+    {
+      "id": "text-15",
+      "component": "Text",
+      "textContent": "Image 6"
+    },
+    {
+      "id": "column-14",
+      "component": "Column",
+      "children": [
+        "text-15"
+      ]
+    },
+    {
+      "id": "section-8",
+      "component": "Section",
+      "children": [
+        "column-14"
+      ]
+    },
+    {
+      "id": "card-6",
+      "component": "Card",
+      "children": [
+        "section-8"
+      ]
+    },
+    {
+      "id": "text-16",
+      "component": "Text",
+      "textContent": "Image 7"
+    },
+    {
+      "id": "column-15",
+      "component": "Column",
+      "children": [
+        "text-16"
+      ]
+    },
+    {
+      "id": "section-9",
+      "component": "Section",
+      "children": [
+        "column-15"
+      ]
+    },
+    {
+      "id": "card-7",
+      "component": "Card",
+      "children": [
+        "section-9"
+      ]
+    },
+    {
+      "id": "text-17",
+      "component": "Text",
+      "textContent": "Image 8"
+    },
+    {
+      "id": "column-16",
+      "component": "Column",
+      "children": [
+        "text-17"
+      ]
+    },
+    {
+      "id": "section-10",
+      "component": "Section",
+      "children": [
+        "column-16"
+      ]
+    },
+    {
+      "id": "card-8",
+      "component": "Card",
+      "children": [
+        "section-10"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "gap": "3",
+      "children": [
+        "card",
+        "card-2",
+        "card-3",
+        "card-4",
+        "card-5",
+        "card-6",
+        "card-7",
+        "card-8"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "data-chunk-slot": "grid",
+      "children": [
+        "grid"
+      ]
+    },
+    {
+      "id": "image",
+      "component": "Image",
+      "src": "/placeholder.png",
+      "alt": "Preview"
+    },
+    {
+      "id": "lightbox",
+      "component": "Column",
+      "data-chunk-slot": "lightbox",
+      "children": [
+        "image"
+      ]
+    },
+    {
+      "id": "column-17",
+      "component": "Column",
+      "children": [
+        "section",
+        "section-2",
+        "lightbox"
+      ]
+    },
+    {
+      "id": "section-11",
+      "component": "Section",
+      "children": [
+        "column-17"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section-11"
+      ]
+    }
+  ]
 }

package/chunks/hero-section-split.json

@@ -0,0 +1,115 @@
+{
+  "name": "hero-section-split",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
+  "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>",
+  "source": "catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Two-column hero — left side heading + lede + CTA buttons; right side product image or media.",
+    "keywords": [
+      "hero",
+      "split-hero",
+      "two-column",
+      "landing-page",
+      "heading",
+      "lede",
+      "media",
+      "product-image",
+      "cta"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "NEW IN 2026"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "h1",
+      "textContent": "Ship AI-native UIs in hours, not weeks"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "A2UI primitives + free-form composer + grounded chunk vocabulary. Real production HTML, generated on demand."
+    },
+    {
+      "id": "button",
+      "component": "Button"
+    },
+    {
+      "id": "button-2",
+      "component": "Button"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "text",
+        "text-2",
+        "text-3",
+        "row"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "[ product screenshot ]"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text-4"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "gap": "6",
+      "children": [
+        "column",
+        "card"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "grid"
+      ]
+    }
+  ]
+}

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-12T19:23:09.661Z"
+  "captured_at": "2026-05-13T20:06:48.496Z"
 }

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-12T19:23:09.661Z"
+  "captured_at": "2026-05-13T20:06:48.496Z"
 }