@adia-ai/a2ui-corpus 0.7.19 → 0.7.21

package/chunks/logo-cloud-trusted-by.json

@@ -0,0 +1,235 @@
+{
+  "name": "logo-cloud-trusted-by",
+  "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\" align=\"center\">\n      <text-ui size=\"sm\" color=\"subtle\">Trusted by teams at</text-ui>\n      <grid-ui columns=\"2 5@md\" gap=\"4\">\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Acme</text-ui></section></card-ui>\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Globex</text-ui></section></card-ui>\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Initech</text-ui></section></card-ui>\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Umbrella</text-ui></section></card-ui>\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Soylent</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": "marketing",
+    "description": "Logo cloud — a centered 'trusted by' eyebrow over a responsive grid of muted partner / customer logos rendered as placeholder tiles. The social-proof logo strip that reassures landing-page visitors which companies already use the product.",
+    "keywords": [
+      "logo",
+      "cloud",
+      "trusted",
+      "by",
+      "customers",
+      "partners",
+      "brands",
+      "companies",
+      "social",
+      "proof",
+      "logos",
+      "grid",
+      "as",
+      "seen",
+      "on",
+      "used",
+      "by",
+      "clients",
+      "integrations",
+      "marketing",
+      "landing",
+      "strip",
+      "logo",
+      "wall",
+      "company",
+      "logos",
+      "placeholder",
+      "tiles",
+      "credibility",
+      "trust",
+      "band",
+      "brands",
+      "row"
+    ]
+  },
+  "captured_at": "2026-06-10T19:45:40.486Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Trusted by teams at"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "strong": true,
+      "textContent": "Acme"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "raw": true,
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "strong": true,
+      "textContent": "Globex"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "raw": true,
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "strong": true,
+      "textContent": "Initech"
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "text-4"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "raw": true,
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "strong": true,
+      "textContent": "Umbrella"
+    },
+    {
+      "id": "section-4",
+      "component": "Section",
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "children": [
+        "text-5"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "raw": true,
+      "children": [
+        "section-4"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "color": "subtle",
+      "strong": true,
+      "textContent": "Soylent"
+    },
+    {
+      "id": "section-5",
+      "component": "Section",
+      "children": [
+        "column-6"
+      ]
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "children": [
+        "text-6"
+      ]
+    },
+    {
+      "id": "card-5",
+      "component": "Card",
+      "raw": true,
+      "children": [
+        "section-5"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "columns": "2 5@md",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2",
+        "card-3",
+        "card-4",
+        "card-5"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "align": "center",
+      "gap": "4",
+      "children": [
+        "text",
+        "grid"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    }
+  ]
+}

package/chunks/map-with-location-list.json

@@ -0,0 +1,291 @@
+{
+  "name": "map-with-location-list",
+  "kind": "block",
+  "primary": "grid-ui",
+  "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "columns": "1 5@md",
+    "gap": "4"
+  },
+  "html": "<grid-ui\n        columns=\"1 5@md\"\n        gap=\"4\">\n        <image-ui span=\"3\" src=\"https://picsum.photos/seed/map-q4/640/480\" alt=\"Map of field-visit locations\" radius=\"md\" style=\"aspect-ratio: 4/3\"></image-ui>\n        <card-ui span=\"2\">\n          <header>\n            <h3>Field visits · Q4</h3>\n          </header>\n          <section>\n            <list-ui divider>\n              <list-item-ui>\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"map-pin\" color=\"accent\"></icon-ui>\n                  <col-ui gap=\"0\">\n                    <text-ui strong>San Francisco</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Acme Corp · Globex · 3 more</text-ui>\n                  </col-ui>\n                </row-ui>\n              </list-item-ui>\n              <list-item-ui>\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"map-pin\" color=\"accent\"></icon-ui>\n                  <col-ui gap=\"0\">\n                    <text-ui strong>New York</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Stark Industries · 2 more</text-ui>\n                  </col-ui>\n                </row-ui>\n              </list-item-ui>\n              <list-item-ui>\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"map-pin\" color=\"accent\"></icon-ui>\n                  <col-ui gap=\"0\">\n                    <text-ui strong>London</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Umbrella Corp</text-ui>\n                  </col-ui>\n                </row-ui>\n              </list-item-ui>\n              <list-item-ui>\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"map-pin\" color=\"accent\"></icon-ui>\n                  <col-ui gap=\"0\">\n                    <text-ui strong>Berlin</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Wayne Enterprises</text-ui>\n                  </col-ui>\n                </row-ui>\n              </list-item-ui>\n            </list-ui>\n          </section>\n        </card-ui>\n      </grid-ui>",
+  "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Map with location list — a wide map image paired with a side card listing the plotted places, each row a map-pin icon, a place name, and the entities at that location. The standard 'map + legend list' layout for geographic results.",
+    "keywords": [
+      "map",
+      "location",
+      "list",
+      "places",
+      "geographic",
+      "pins",
+      "markers",
+      "field",
+      "visits",
+      "cities",
+      "region",
+      "side",
+      "panel",
+      "legend",
+      "map",
+      "pin",
+      "icon",
+      "address",
+      "site",
+      "list",
+      "locations",
+      "plotted",
+      "map",
+      "plus",
+      "list",
+      "geo",
+      "map",
+      "view",
+      "directory"
+    ]
+  },
+  "captured_at": "2026-06-10T16:56:21.616Z",
+  "template": [
+    {
+      "id": "image",
+      "component": "Image",
+      "alt": "Map of field-visit locations",
+      "radius": "md",
+      "src": "https://picsum.photos/seed/map-q4/640/480"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Field visits · Q4"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "map-pin",
+      "component": "Icon",
+      "name": "map-pin"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "strong": true,
+      "textContent": "San Francisco"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Acme Corp · Globex · 3 more"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "map-pin",
+        "column"
+      ]
+    },
+    {
+      "id": "list-item",
+      "component": "ListItem",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "icon",
+      "component": "Icon",
+      "name": "map-pin"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "strong": true,
+      "textContent": "New York"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Stark Industries · 2 more"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "icon",
+        "column-2"
+      ]
+    },
+    {
+      "id": "list-item-2",
+      "component": "ListItem",
+      "children": [
+        "row-2"
+      ]
+    },
+    {
+      "id": "icon-2",
+      "component": "Icon",
+      "name": "map-pin"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "strong": true,
+      "textContent": "London"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Umbrella Corp"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-6",
+        "text-7"
+      ]
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "icon-2",
+        "column-3"
+      ]
+    },
+    {
+      "id": "list-item-3",
+      "component": "ListItem",
+      "children": [
+        "row-3"
+      ]
+    },
+    {
+      "id": "icon-3",
+      "component": "Icon",
+      "name": "map-pin"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Berlin"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Wayne Enterprises"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-8",
+        "text-9"
+      ]
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "icon-3",
+        "column-4"
+      ]
+    },
+    {
+      "id": "list-item-4",
+      "component": "ListItem",
+      "children": [
+        "row-4"
+      ]
+    },
+    {
+      "id": "list",
+      "component": "List",
+      "divider": true,
+      "children": [
+        "list-item",
+        "list-item-2",
+        "list-item-3",
+        "list-item-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "children": [
+        "list"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 5@md",
+      "gap": "4",
+      "children": [
+        "image",
+        "card"
+      ]
+    }
+  ]
+}

package/chunks/marketing-page-shell.json

@@ -12,17 +12,20 @@
     {
       "name": "features",
       "tagName": "section",
-      "html": "<grid-ui columns=\"1 3@md\" 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>"
+      "html": "<grid-ui columns=\"1 3@md\" gap=\"4\"\n      data-chunk=\"feature-grid-three-cards\"\n      data-chunk-kind=\"block\"\n      data-chunk-domain=\"marketing\"\n      data-chunk-description=\"Three-card feature grid — a responsive 1-up / 3-up grid of plain feature cards, each a bold heading over a one-line subtitle, no icons. The marketing 'three key features / benefits / highlights' row that sits below a landing hero.\"\n      data-chunk-keywords=\"feature grid three cards columns marketing landing features benefits highlights value props selling points card heading subtitle product capabilities responsive 3-up grid showcase what you get features section no icons\">\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>"
     },
     {
       "name": "cta",
       "tagName": "section",
-      "html": "<card-ui raw align=\"center\">\n      <section>\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      </section>\n    </card-ui>"
+      "html": "<card-ui raw align=\"center\"\n      data-chunk=\"cta-banner-centered\"\n      data-chunk-kind=\"block\"\n      data-chunk-domain=\"marketing\"\n      data-chunk-description=\"Centered call-to-action banner — a borderless full-width card with a centered closing headline, a one-line supporting subtitle, and a single primary action button. The 'Ready to ship? / Get started today' conversion banner that closes a marketing or landing page.\"\n      data-chunk-keywords=\"cta call to action banner centered closing conversion sign up get started ready to ship trial headline subtitle primary button bottom of page footer cta marketing landing conversion strip prompt encourage signup final push\">\n      <section>\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      </section>\n    </card-ui>"
     }
   ],
-  "nested": [],
+  "nested": [
+    "feature-grid-three-cards",
+    "cta-banner-centered"
+  ],
   "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=\"1 3@md\" 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      <section>\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      </section>\n    </card-ui>\n  </section>\n</article>",
+  "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=\"1 3@md\" gap=\"4\"><!-- nested: feature-grid-three-cards --></grid-ui>\n  </section>\n\n  <section data-chunk-slot=\"cta\">\n    <card-ui raw align=\"center\"><!-- nested: cta-banner-centered --></card-ui>\n  </section>\n</article>",
   "source": "catalog/page-shells/app/marketing-page/marketing-page.contents.html",
   "metadata": {
     "domain": "layout",
@@ -39,7 +42,7 @@
       "homepage"
     ]
   },
-  "captured_at": "2026-06-07T19:28:13.657Z",
+  "captured_at": "2026-06-10T19:45:40.486Z",
   "template": [
     {
       "id": "text",
@@ -220,7 +223,7 @@
       ]
     },
     {
-      "id": "grid",
+      "id": "grid-2",
       "component": "Grid",
       "columns": "1 3@md",
       "gap": "4",
@@ -230,6 +233,15 @@
         "card-3"
       ]
     },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "columns": "1 3@md",
+      "gap": "4",
+      "children": [
+        "grid-2"
+      ]
+    },
     {
       "id": "section-2",
       "component": "Section",
@@ -276,13 +288,35 @@
       ]
     },
     {
-      "id": "card-4",
+      "id": "card-5",
       "component": "Card",
       "raw": true,
       "children": [
         "section-7"
       ]
     },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "children": [
+        "card-5"
+      ]
+    },
+    {
+      "id": "section-8",
+      "component": "Section",
+      "children": [
+        "column-6"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "raw": true,
+      "children": [
+        "section-8"
+      ]
+    },
     {
       "id": "section-6",
       "component": "Section",
@@ -292,7 +326,7 @@
       ]
     },
     {
-      "id": "column-6",
+      "id": "column-7",
       "component": "Column",
       "children": [
         "section",
@@ -301,17 +335,17 @@
       ]
     },
     {
-      "id": "section-8",
+      "id": "section-9",
       "component": "Section",
       "children": [
-        "column-6"
+        "column-7"
       ]
     },
     {
       "id": "root",
       "component": "Card",
       "children": [
-        "section-8"
+        "section-9"
       ]
     }
   ]