@adia-ai/a2ui-corpus 0.4.9 → 0.5.1

package/chunks/marketing-page-shell.json

@@ -24,5 +24,283 @@
   "attrs": {},
   "html": "<article>\n  <section data-chunk-slot=\"hero\">\n    <col-ui align=\"center\" gap=\"4\">\n      <h1>Build faster with AdiaUI</h1>\n      <text-ui color=\"subtle\" size=\"lg\">Light-DOM web components + generative UI pipeline</text-ui>\n      <row-ui gap=\"3\">\n        <button-ui text=\"Get started\" variant=\"primary\" size=\"lg\"></button-ui>\n        <button-ui text=\"See demo\" variant=\"outline\" size=\"lg\"></button-ui>\n      </row-ui>\n    </col-ui>\n  </section>\n\n  <section data-chunk-slot=\"features\">\n    <grid-ui columns=\"3\" gap=\"4\">\n      <card-ui>\n        <header><h3>94+ Primitives</h3></header>\n        <section><text-ui color=\"subtle\">Battle-tested components for every surface</text-ui></section>\n      </card-ui>\n      <card-ui>\n        <header><h3>Gen-UI Pipeline</h3></header>\n        <section><text-ui color=\"subtle\">Generate UIs from natural language</text-ui></section>\n      </card-ui>\n      <card-ui>\n        <header><h3>A2UI Runtime</h3></header>\n        <section><text-ui color=\"subtle\">Agent-to-UI JSON with live rendering</text-ui></section>\n      </card-ui>\n    </grid-ui>\n  </section>\n\n  <section data-chunk-slot=\"cta\">\n    <card-ui raw align=\"center\">\n      <col-ui align=\"center\" gap=\"3\">\n        <h2>Ready to ship?</h2>\n        <text-ui color=\"subtle\">Start building in minutes</text-ui>\n        <button-ui text=\"Start free trial\" variant=\"primary\" size=\"lg\"></button-ui>\n      </col-ui>\n    </card-ui>\n  </section>\n</article>",
   "source": "catalog/page-shells/app/marketing-page/marketing-page.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "layout",
+    "description": "Marketing landing page composed of hero + 3-card feature grid + closing CTA banner.",
+    "keywords": [
+      "marketing",
+      "landing",
+      "page",
+      "hero",
+      "features",
+      "cta",
+      "product",
+      "home",
+      "homepage"
+    ]
+  },
+  "captured_at": "2026-05-13T21:56:57.777Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "h1",
+      "textContent": "Build faster with AdiaUI"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Light-DOM web components + generative UI pipeline"
+    },
+    {
+      "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",
+        "row"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "data-chunk-slot": "hero",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "h3",
+      "textContent": "94+ Primitives"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Battle-tested components for every surface"
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text-4"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section-3"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "h3",
+      "textContent": "Gen-UI Pipeline"
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-5"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Generate UIs from natural language"
+    },
+    {
+      "id": "section-4",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "text-6"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-2",
+        "section-4"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "variant": "h3",
+      "textContent": "A2UI Runtime"
+    },
+    {
+      "id": "header-3",
+      "component": "Header",
+      "children": [
+        "text-7"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "Agent-to-UI JSON with live rendering"
+    },
+    {
+      "id": "section-5",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "text-8"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "header-3",
+        "section-5"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2",
+        "card-3"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "data-chunk-slot": "features",
+      "children": [
+        "grid"
+      ]
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "variant": "h2",
+      "textContent": "Ready to ship?"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "textContent": "Start building in minutes"
+    },
+    {
+      "id": "button-3",
+      "component": "Button"
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "text-9",
+        "text-10",
+        "button-3"
+      ]
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "section-7",
+      "component": "Section",
+      "children": [
+        "column-6"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "section-7"
+      ]
+    },
+    {
+      "id": "section-6",
+      "component": "Section",
+      "data-chunk-slot": "cta",
+      "children": [
+        "card-4"
+      ]
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "children": [
+        "section",
+        "section-2",
+        "section-6"
+      ]
+    },
+    {
+      "id": "section-8",
+      "component": "Section",
+      "children": [
+        "column-7"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "section-8"
+      ]
+    }
+  ]
 }

package/chunks/masonry-gallery.json

@@ -0,0 +1,289 @@
+{
+  "name": "masonry-gallery",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <col-ui gap=\"4\">\n      <header>\n        <h3>Gallery</h3>\n        <p>128 images</p>\n      </header>\n      <grid-ui columns=\"4\" gap=\"2\">\n        <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ tall image ]</text-ui></section></card-ui>\n        <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ wide image ]</text-ui></section></card-ui>\n        <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ square ]</text-ui></section></card-ui>\n        <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ tall image ]</text-ui></section></card-ui>\n        <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ wide image ]</text-ui></section></card-ui>\n        <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ square ]</text-ui></section></card-ui>\n        <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ tall image ]</text-ui></section></card-ui>\n        <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ wide image ]</text-ui></section></card-ui>\n      </grid-ui>\n    </col-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Masonry image gallery — variable-height tiles in a column-flow grid with hover overlays.",
+    "keywords": [
+      "masonry",
+      "gallery",
+      "images",
+      "photos",
+      "grid",
+      "variable-height",
+      "pinterest",
+      "tiles",
+      "overlays",
+      "lightbox"
+    ]
+  },
+  "captured_at": "2026-05-13T21:56:57.777Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "h3",
+      "textContent": "Gallery"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "128 images"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "[ tall image ]"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "[ wide image ]"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "text-4"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "[ square ]"
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "text-5"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "[ tall image ]"
+    },
+    {
+      "id": "section-4",
+      "component": "Section",
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "children": [
+        "text-6"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "section-4"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "[ wide image ]"
+    },
+    {
+      "id": "section-5",
+      "component": "Section",
+      "children": [
+        "column-6"
+      ]
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "children": [
+        "text-7"
+      ]
+    },
+    {
+      "id": "card-5",
+      "component": "Card",
+      "children": [
+        "section-5"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "[ square ]"
+    },
+    {
+      "id": "section-6",
+      "component": "Section",
+      "children": [
+        "column-7"
+      ]
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "children": [
+        "text-8"
+      ]
+    },
+    {
+      "id": "card-6",
+      "component": "Card",
+      "children": [
+        "section-6"
+      ]
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "[ tall image ]"
+    },
+    {
+      "id": "section-7",
+      "component": "Section",
+      "children": [
+        "column-8"
+      ]
+    },
+    {
+      "id": "column-8",
+      "component": "Column",
+      "children": [
+        "text-9"
+      ]
+    },
+    {
+      "id": "card-7",
+      "component": "Card",
+      "children": [
+        "section-7"
+      ]
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "textContent": "[ wide image ]"
+    },
+    {
+      "id": "section-8",
+      "component": "Section",
+      "children": [
+        "column-9"
+      ]
+    },
+    {
+      "id": "column-9",
+      "component": "Column",
+      "children": [
+        "text-10"
+      ]
+    },
+    {
+      "id": "card-8",
+      "component": "Card",
+      "children": [
+        "section-8"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "gap": "2",
+      "children": [
+        "card",
+        "card-2",
+        "card-3",
+        "card-4",
+        "card-5",
+        "card-6",
+        "card-7",
+        "card-8"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "header",
+        "grid"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    }
+  ]
+}

package/chunks/member-edit-drawer.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"member-edit-drawer\" placement=\"end\" size=\"md\">\n      <header>\n        <h2 slot=\"heading\">Edit member</h2>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Adjust role, manager, and department. Changes save to admin → directory.</text-ui>\n      </header>\n      <section>\n        <field-ui label=\"Full name\">\n          <input-ui name=\"m_name\" value=\"Alex Chen\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Title\">\n          <input-ui name=\"m_title\" value=\"Senior Engineer\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Department\">\n          <select-ui name=\"m_dept\" value=\"engineering\">\n            <option value=\"engineering\" selected>Engineering</option>\n            <option value=\"product\">Product</option>\n            <option value=\"design\">Design</option>\n            <option value=\"sales\">Sales</option>\n            <option value=\"cs\">Customer Success</option>\n            <option value=\"ops\">Operations</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Reports to\">\n          <select-ui name=\"m_manager\" value=\"maya\">\n            <option value=\"jane\">Jane Doe (Founder)</option>\n            <option value=\"maya\" selected>Maya Patel (VP Engineering)</option>\n            <option value=\"riley\">Riley Park (Head of Design)</option>\n            <option value=\"morgan\">Morgan Lee (Head of Sales)</option>\n            <option value=\"\">No manager</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Status\">\n          <segmented-ui name=\"m_status\" value=\"active\">\n            <segment-ui text=\"Active\" value=\"active\"></segment-ui>\n            <segment-ui text=\"Pending\" value=\"pending\"></segment-ui>\n            <segment-ui text=\"Suspended\" value=\"suspended\"></segment-ui>\n          </segmented-ui>\n        </field-ui>\n      </section>\n      <footer>\n        <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n        <button-ui slot=\"action\" text=\"Save changes\" variant=\"primary\"></button-ui>\n      </footer>\n    </drawer-ui>",
   "source": "apps/user-flow/app/registration/org-review/org-review.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

package/chunks/metadata-description-list.json

@@ -10,5 +10,5 @@
   },
   "html": "<description-list-ui layout=\"stacked\">\n            <dt>Period</dt>\n            <dd>2025-01-01 → 2025-12-31</dd>\n            <dt>Currency</dt>\n            <dd>USD, converted at month-end FX</dd>\n            <dt>Source</dt>\n            <dd>warehouse.finance.revenue_v4</dd>\n            <dt>Filter</dt>\n            <dd>status = \"won\", excluded internal test accounts</dd>\n            <dt>Refreshed</dt>\n            <dd>2026-04-20 09:12 UTC</dd>\n          </description-list-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-13T21:56:57.777Z"
 }