@adia-ai/gen-ui 0.8.37

package/corpus/chunks/card-with-form.json

@@ -0,0 +1,143 @@
+{
+  "name": "card-with-form",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/card/card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "card with form fields"
+  },
+  "html": "<card-ui style=\"max-width:400px\">\n        <header>\n          <h3>Edit profile</h3>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <field-ui label=\"Full name\">\n              <input-ui value=\"Maya Chen\" placeholder=\"Full name\"></input-ui>\n            </field-ui>\n            <field-ui label=\"Role\">\n              <select-ui value=\"designer\">\n                <option value=\"designer\">Designer</option>\n                <option value=\"engineer\">Engineer</option>\n                <option value=\"product\">Product</option>\n              </select-ui>\n            </field-ui>\n          </col-ui>\n        </section>\n        <footer>\n          <row-ui gap=\"2\" justify=\"end\">\n            <button-ui text=\"Cancel\" variant=\"ghost\"></button-ui>\n            <button-ui text=\"Save changes\" variant=\"primary\"></button-ui>\n          </row-ui>\n        </footer>\n      </card-ui>",
+  "source": "packages/web-components/components/card/card.examples.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Form card — card containing labeled form fields with a footer action row. Standard shape for settings forms and quick-edit surfaces.",
+    "keywords": [
+      "card",
+      "form",
+      "fields",
+      "input",
+      "select",
+      "label",
+      "footer",
+      "actions",
+      "save",
+      "cancel",
+      "settings",
+      "quick-edit"
+    ]
+  },
+  "captured_at": "2026-07-17T20:08:04.842Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Edit profile"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "input",
+      "component": "Input",
+      "placeholder": "Full name",
+      "value": "Maya Chen"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Full name",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "value": "designer",
+      "options": [
+        {
+          "value": "designer",
+          "label": "Designer"
+        },
+        {
+          "value": "engineer",
+          "label": "Engineer"
+        },
+        {
+          "value": "product",
+          "label": "Product"
+        }
+      ]
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Role",
+      "children": [
+        "choice-picker"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "field",
+        "field-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "text": "Cancel",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "text": "Save changes",
+      "variant": "primary"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "justify": "end",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/corpus/chunks/card-with-sparkline.json

@@ -0,0 +1,90 @@
+{
+  "name": "card-with-sparkline",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/card/card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "card with sparkline chart"
+  },
+  "html": "<card-ui style=\"max-width:320px\">\n        <header>\n          <h3>Weekly signups</h3>\n          <text-ui slot=\"description\">Last 7 days</text-ui>\n        </header>\n        <section>\n          <col-ui gap=\"2\">\n            <text-ui variant=\"display\">284</text-ui>\n            <chart-ui type=\"line\" height=\"60\"\n              data-stream-src=\"\"\n              style=\"--chart-line-color:var(--md-sys-color-primary)\">\n            </chart-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/components/card/card.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Sparkline card — KPI metric above a compact line chart. Standard dashboard widget for time-series summaries.",
+    "keywords": [
+      "card",
+      "sparkline",
+      "chart",
+      "line",
+      "metric",
+      "kpi",
+      "dashboard",
+      "widget",
+      "time-series",
+      "trend",
+      "mini-chart"
+    ]
+  },
+  "captured_at": "2026-07-17T20:08:04.842Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Weekly signups"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "slot": "description",
+      "textContent": "Last 7 days"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "284"
+    },
+    {
+      "id": "chart",
+      "component": "Chart",
+      "type": "line",
+      "data-stream-src": ""
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-3",
+        "chart"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/corpus/chunks/card-with-stat-kpi.json

@@ -0,0 +1,86 @@
+{
+  "name": "card-with-stat-kpi",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/card/card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "card with KPI stat"
+  },
+  "html": "<card-ui style=\"max-width:260px\">\n        <header>\n          <h3>Revenue</h3>\n          <tag-ui slot=\"action\" variant=\"success\">↑ 8.4%</tag-ui>\n        </header>\n        <section>\n          <stat-ui label=\"This month\" value=\"$12,400\" change=\"+$960\" trend=\"up\" icon=\"currency-dollar\"></stat-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/components/card/card.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "KPI card — card containing a stat-ui metric with label, value, trend indicator, and optional icon.",
+    "keywords": [
+      "card",
+      "stat",
+      "kpi",
+      "metric",
+      "value",
+      "trend",
+      "dashboard",
+      "analytics",
+      "revenue",
+      "users",
+      "conversion"
+    ]
+  },
+  "captured_at": "2026-08-13T16:17:52.286Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Revenue"
+    },
+    {
+      "id": "tag",
+      "component": "Tag",
+      "slot": "action",
+      "variant": "success",
+      "text": "↑ 8.4%"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "tag"
+      ]
+    },
+    {
+      "id": "stat",
+      "component": "Stat",
+      "change": "+$960",
+      "icon": "currency-dollar",
+      "label": "This month",
+      "trend": "up",
+      "value": "$12,400"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "stat"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}