@adia-ai/gen-ui 0.8.37

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

@@ -0,0 +1,293 @@
+{
+  "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-07-17T20:08:04.842Z",
+  "template": [
+    {
+      "id": "image",
+      "component": "Image",
+      "span": "3",
+      "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",
+      "span": "2",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 5@md",
+      "gap": "4",
+      "children": [
+        "image",
+        "card"
+      ]
+    }
+  ]
+}

package/corpus/chunks/marketing-hero-cta.json

@@ -0,0 +1,102 @@
+{
+  "name": "marketing-hero-cta",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/app/marketing-hero-cta/marketing-hero-cta.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n  <col-ui align=\"center\" gap=\"5\">\n    <col-ui align=\"center\" gap=\"2\">\n      <text-ui variant=\"kicker\" color=\"accent\">ADIAUI v0.3</text-ui>\n      <h1>Build UIs with natural language</h1>\n      <text-ui size=\"lg\" color=\"subtle\" text-align=\"center\">Light-DOM web components + generative UI pipeline.<br>Ship faster, iterate smarter.</text-ui>\n    </col-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\" icon=\"play-circle\"></button-ui>\n    </row-ui>\n  </col-ui>\n</section>",
+  "source": "catalog/ui-patterns/app/marketing-hero-cta/marketing-hero-cta.contents.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Marketing hero section with centered heading, supporting lede, and two CTA buttons (primary + outline).",
+    "keywords": [
+      "hero",
+      "cta",
+      "marketing",
+      "landing-page",
+      "heading",
+      "lede",
+      "call-to-action",
+      "buttons"
+    ]
+  },
+  "captured_at": "2026-08-12T01:31:29.973Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "color": "accent",
+      "variant": "kicker",
+      "textContent": "ADIAUI v0.3"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "Build UIs with natural language"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "size": "lg",
+      "text-align": "center",
+      "textContent": "Light-DOM web components + generative UI pipeline. Ship faster, iterate smarter.",
+      "children": []
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "size": "lg",
+      "text": "Get started",
+      "variant": "primary"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "play-circle",
+      "size": "lg",
+      "text": "See demo",
+      "variant": "outline"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "align": "center",
+      "gap": "5",
+      "children": [
+        "column-2",
+        "row"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    }
+  ]
+}