@adia-ai/a2ui-corpus 0.7.20 → 0.7.21

package/chunks/feature-grid-three-cards.json

@@ -0,0 +1,187 @@
+{
+  "name": "feature-grid-three-cards",
+  "kind": "block",
+  "primary": "grid-ui",
+  "page": "/catalog/page-shells/app/marketing-page/marketing-page.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "columns": "1 3@md",
+    "gap": "4"
+  },
+  "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>",
+  "source": "catalog/page-shells/app/marketing-page/marketing-page.contents.html",
+  "metadata": {
+    "domain": "marketing",
+    "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.",
+    "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"
+    ]
+  },
+  "captured_at": "2026-06-10T19:45:40.486Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "94+ Primitives"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Battle-tested components for every surface"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Gen-UI Pipeline"
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Generate UIs from natural language"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text-4"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-2",
+        "section-2"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "A2UI Runtime"
+    },
+    {
+      "id": "header-3",
+      "component": "Header",
+      "children": [
+        "text-5"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Agent-to-UI JSON with live rendering"
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "text-6"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "header-3",
+        "section-3"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 3@md",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2",
+        "card-3"
+      ]
+    }
+  ]
+}

package/chunks/grid-2col-entry-cards.json

@@ -0,0 +1,158 @@
+{
+  "name": "grid-2col-entry-cards",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/grid/grid.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "2-column entry cards"
+  },
+  "html": "<grid-ui columns=\"1 2@sm\" gap=\"4\">\n        <card-ui>\n          <header>\n            <h3>Quick start</h3>\n            <tag-ui slot=\"action\" size=\"sm\" variant=\"success\">~1 min</tag-ui>\n          </header>\n          <section><p>Paste 3 lines into any HTML file. No install required.</p></section>\n        </card-ui>\n        <card-ui>\n          <header>\n            <h3>npm + Vite</h3>\n            <tag-ui slot=\"action\" size=\"sm\" variant=\"info\">~5 min</tag-ui>\n          </header>\n          <section><p>Install the package and configure for production builds.</p></section>\n        </card-ui>\n      </grid-ui>",
+  "source": "packages/web-components/components/grid/grid.examples.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "2-column entry card grid — feature cards in a 2-up grid. Common on landing pages and onboarding flows.",
+    "keywords": [
+      "grid",
+      "2-column",
+      "cards",
+      "features",
+      "options",
+      "entry",
+      "landing",
+      "onboarding",
+      "layout"
+    ]
+  },
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Quick start"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "~1 min",
+      "variant": "body"
+    },
+    {
+      "id": "tag",
+      "component": "Tag",
+      "slot": "action",
+      "size": "sm",
+      "variant": "success",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "tag"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Paste 3 lines into any HTML file. No install required."
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "npm + Vite"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "~5 min",
+      "variant": "body"
+    },
+    {
+      "id": "tag-2",
+      "component": "Tag",
+      "slot": "action",
+      "size": "sm",
+      "variant": "info",
+      "children": [
+        "text-5"
+      ]
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-4",
+        "tag-2"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Install the package and configure for production builds."
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text-6"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-2",
+        "section-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 2@sm",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2"
+      ]
+    }
+  ]
+}

package/chunks/grid-kpi-4col.json

@@ -0,0 +1,164 @@
+{
+  "name": "grid-kpi-4col",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/grid/grid.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "KPI 4-column grid"
+  },
+  "html": "<grid-ui columns=\"4\" gap=\"3\">\n        <card-ui><section><stat-ui label=\"Revenue\" value=\"$12,400\" change=\"+8.4%\" trend=\"up\" icon=\"currency-dollar\"></stat-ui></section></card-ui>\n        <card-ui><section><stat-ui label=\"Users\" value=\"2,840\" change=\"+12%\" trend=\"up\" icon=\"users\"></stat-ui></section></card-ui>\n        <card-ui><section><stat-ui label=\"Conversion\" value=\"3.2%\" change=\"-0.3%\" trend=\"down\" icon=\"chart-line\"></stat-ui></section></card-ui>\n        <card-ui><section><stat-ui label=\"Avg. Order\" value=\"$87\" change=\"+$4\" trend=\"up\" icon=\"receipt\"></stat-ui></section></card-ui>\n      </grid-ui>",
+  "source": "packages/web-components/components/grid/grid.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "4-column KPI grid — stat cards in a fixed grid layout for dashboard metrics.",
+    "keywords": [
+      "grid",
+      "kpi",
+      "stat",
+      "card",
+      "dashboard",
+      "metrics",
+      "4-column",
+      "fixed",
+      "layout"
+    ]
+  },
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "template": [
+    {
+      "id": "stat",
+      "component": "Stat",
+      "change": "+8.4%",
+      "icon": "currency-dollar",
+      "label": "Revenue",
+      "trend": "up",
+      "value": "$12,400"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "stat"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "stat-2",
+      "component": "Stat",
+      "change": "+12%",
+      "icon": "users",
+      "label": "Users",
+      "trend": "up",
+      "value": "2,840"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "stat-2"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "stat-3",
+      "component": "Stat",
+      "change": "-0.3%",
+      "icon": "chart-line",
+      "label": "Conversion",
+      "trend": "down",
+      "value": "3.2%"
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "stat-3"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "stat-4",
+      "component": "Stat",
+      "change": "+$4",
+      "icon": "receipt",
+      "label": "Avg. Order",
+      "trend": "up",
+      "value": "$87"
+    },
+    {
+      "id": "section-4",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "stat-4"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "section-4"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "4",
+      "gap": "3",
+      "children": [
+        "card",
+        "card-2",
+        "card-3",
+        "card-4"
+      ]
+    }
+  ]
+}

package/chunks/grid-responsive-kpi.json

@@ -0,0 +1,165 @@
+{
+  "name": "grid-responsive-kpi",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/grid/grid.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "responsive 1→2→4 grid"
+  },
+  "html": "<grid-ui columns=\"1 2@sm 4@lg\" gap=\"3 4@md\">\n        <card-ui><section><stat-ui label=\"Revenue\" value=\"$12,400\" change=\"+8.4%\" trend=\"up\"></stat-ui></section></card-ui>\n        <card-ui><section><stat-ui label=\"Users\" value=\"2,840\" change=\"+12%\" trend=\"up\"></stat-ui></section></card-ui>\n        <card-ui><section><stat-ui label=\"Sessions\" value=\"48k\" change=\"+5%\" trend=\"up\"></stat-ui></section></card-ui>\n        <card-ui><section><stat-ui label=\"Bounce rate\" value=\"38%\" change=\"-2%\" trend=\"up\"></stat-ui></section></card-ui>\n      </grid-ui>",
+  "source": "packages/web-components/components/grid/grid.examples.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Responsive KPI grid — 1 column on mobile, 2 on tablet, 4 on desktop using @bp notation.",
+    "keywords": [
+      "grid",
+      "responsive",
+      "breakpoint",
+      "columns",
+      "kpi",
+      "card",
+      "layout",
+      "1",
+      "2",
+      "4",
+      "mobile",
+      "tablet",
+      "desktop",
+      "@bp"
+    ]
+  },
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "template": [
+    {
+      "id": "stat",
+      "component": "Stat",
+      "change": "+8.4%",
+      "label": "Revenue",
+      "trend": "up",
+      "value": "$12,400"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "stat"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "stat-2",
+      "component": "Stat",
+      "change": "+12%",
+      "label": "Users",
+      "trend": "up",
+      "value": "2,840"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "stat-2"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "stat-3",
+      "component": "Stat",
+      "change": "+5%",
+      "label": "Sessions",
+      "trend": "up",
+      "value": "48k"
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "stat-3"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "stat-4",
+      "component": "Stat",
+      "change": "-2%",
+      "label": "Bounce rate",
+      "trend": "up",
+      "value": "38%"
+    },
+    {
+      "id": "section-4",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "stat-4"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "section-4"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 2@sm 4@lg",
+      "gap": "3 4@md",
+      "children": [
+        "card",
+        "card-2",
+        "card-3",
+        "card-4"
+      ]
+    }
+  ]
+}