@adia-ai/gen-ui 0.8.43 → 0.8.45

package/corpus/chunks/auth-signin-card-otp.json

@@ -8,7 +8,7 @@
   "attrs": {
     "raw": ""
   },
-  "html": "<card-ui raw\n        style=\"max-width: 32rem\">\n        <header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <adia-mark-ui style=\"--adia-mark-size: 5rem\" aria-hidden=\"true\"></adia-mark-ui>\n            </a>\n            <h1>Enter your code</h1>\n            <text-ui>We sent a 6-digit code to <strong color=\"accent\">kim@acme.com</strong>. Enter it below.</text-ui>\n          </col-ui>\n        </header>\n\n        <section>\n          <col-ui gap=\"6\">\n            <col-ui align=\"center\">\n              <otp-input-ui size=\"lg\" length=\"6\" autocomplete=\"one-time-code\"></otp-input-ui>\n            </col-ui>\n\n            <text-ui text-align=\"center\" color=\"subtle\"> Didn't receive it? <a href=\"#\">Resend in 30s</a> </text-ui>\n\n            <text-ui text-align=\"center\">\n              <a href=\"/site/examples/auth/sign-in\">← Use a different method</a>\n            </text-ui>\n\n            <text-ui text-align=\"center\" color=\"subtle\"> Don't have an account? <a href=\"/site/examples/auth/sign-up\">Sign up</a> </text-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
+  "html": "<card-ui raw\n        style=\"max-width: 32rem\">\n        <header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <adia-mark-ui style=\"--adia-mark-size: 5rem\" aria-hidden=\"true\"></adia-mark-ui>\n            </a>\n            <h1>Enter your code</h1>\n            <text-ui>We sent a 6-digit code to <strong color=\"accent\">kim@acme.com</strong>. Enter it below.</text-ui>\n          </col-ui>\n        </header>\n\n        <section>\n          <col-ui gap=\"6\">\n            <col-ui align=\"center\">\n              <otp-input-ui size=\"lg\" length=\"6\"></otp-input-ui>\n            </col-ui>\n\n            <text-ui text-align=\"center\" color=\"subtle\"> Didn't receive it? <a href=\"#\">Resend in 30s</a> </text-ui>\n\n            <text-ui text-align=\"center\">\n              <a href=\"/site/examples/auth/sign-in\">← Use a different method</a>\n            </text-ui>\n\n            <text-ui text-align=\"center\" color=\"subtle\"> Don't have an account? <a href=\"/site/examples/auth/sign-up\">Sign up</a> </text-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/sign-in/otp/verify/verify.contents.html",
   "metadata": {
     "domain": "auth",
@@ -35,7 +35,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-08-15T04:10:49.553Z",
+  "captured_at": "2026-08-19T03:56:11.704Z",
   "template": [
     {
       "id": "adia-mark",

package/corpus/chunks/auth-signin-card-recovery.json

@@ -28,7 +28,7 @@
       "phone"
     ]
   },
-  "captured_at": "2026-08-06T10:45:35.201Z",
+  "captured_at": "2026-08-19T03:56:11.704Z",
   "template": [
     {
       "id": "adia-mark",
@@ -83,6 +83,7 @@
       "component": "Input",
       "required": true,
       "autocomplete": "one-time-code",
+      "error": "Codes look like abcd-efgh. Each code works once.",
       "label": "Backup code",
       "name": "recovery_code",
       "placeholder": "abcd-efgh"

package/corpus/chunks/auth-team-invite.json

@@ -28,7 +28,7 @@
       "accept"
     ]
   },
-  "captured_at": "2026-08-06T10:45:35.201Z",
+  "captured_at": "2026-08-19T03:56:11.704Z",
   "template": [
     {
       "id": "adia-mark",
@@ -184,6 +184,7 @@
     {
       "id": "text-7",
       "component": "Text",
+      "text-align": "center",
       "textContent": "You'll sign in as . As a Member you can read and write all team workspaces.",
       "children": [
         "text-8"

package/corpus/chunks/bulk-action-toolbar-floating.json

@@ -9,7 +9,7 @@
     "data-section": "",
     "data-property": "floating-variant"
   },
-  "html": "<card-ui raw>\n    <section bleed>\n      <table-toolbar-ui id=\"pat-bulk-float-default\" for=\"pat-bulk-float-table\" text=\"Resources\" count=\"12\" no-filter no-sort no-columns></table-toolbar-ui>\n\n      <div data-table-scroll>\n        <table-ui frameless id=\"pat-bulk-float-table\" selectable sortable striped></table-ui>\n\n        <anchor-bar-ui id=\"pat-bulk-float-bar\" anchor=\"bottom\">\n          <!-- align=\"space-between\" pushes the trailing group right —\n               NOT a flex-grow spacer span or an auto margin on a content\n               item. toolbar-ui's overflow reflow sums each top-level\n               child's RENDERED width to decide what fits; any child that\n               absorbs free space (flex-grow, or an auto margin resolved\n               to real pixels post-layout) has already expanded to fill\n               that space by the time it's measured, so the sum always\n               reads \"full\" and spuriously spills content. `justify-content`\n               only repositions flex items — it doesn't touch their\n               individual widths (toolbar-ui's own CSS pins every direct\n               child at `flex: 0 0 auto`) — so grouping into two\n               `<toolbar-group-ui>` atoms and letting `align=\"space-between\"`\n               do the pushing keeps the reflow's width sum accurate. -->\n          <toolbar-ui role=\"toolbar\" aria-label=\"Bulk actions\" align=\"space-between\">\n            <toolbar-group-ui>\n              <text-ui strong aria-live=\"polite\" data-bulk-float-count>0 selected</text-ui>\n              <span data-bulk-controls></span>\n            </toolbar-group-ui>\n            <toolbar-group-ui>\n              <button-ui icon=\"archive\" icon-only aria-label=\"Archive\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"archive\"></button-ui>\n              <button-ui icon=\"download-simple\" icon-only aria-label=\"Export\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"export\"></button-ui>\n              <button-ui icon=\"folder-simple\" icon-only aria-label=\"Move\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"move\"></button-ui>\n              <divider-ui vertical></divider-ui>\n              <button-ui icon=\"trash\" icon-only aria-label=\"Delete\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"delete\"></button-ui>\n              <divider-ui vertical></divider-ui>\n              <button-ui text=\"Clear\" variant=\"ghost\" size=\"sm\" data-bulk-clear></button-ui>\n            </toolbar-group-ui>\n          </toolbar-ui>\n        </anchor-bar-ui>\n      </div>\n    </section>\n  </card-ui>",
+  "html": "<card-ui raw>\n    <section bleed>\n      <table-toolbar-ui id=\"pat-bulk-float-default\" for=\"pat-bulk-float-table\" text=\"Resources\" count=\"12\" no-filter no-sort no-columns></table-toolbar-ui>\n\n      <div data-table-scroll>\n        <table-ui frameless id=\"pat-bulk-float-table\" selectable sortable striped></table-ui>\n\n        <anchor-bar-ui id=\"pat-bulk-float-bar\" anchor=\"bottom\">\n          <!-- align=\"space-between\" pushes the trailing group right —\n               NOT a flex-grow spacer span or an auto margin on a content\n               item. toolbar-ui's overflow reflow sums each top-level\n               child's RENDERED width to decide what fits; any child that\n               absorbs free space (flex-grow, or an auto margin resolved\n               to real pixels post-layout) has already expanded to fill\n               that space by the time it's measured, so the sum always\n               reads \"full\" and spuriously spills content. `justify-content`\n               only repositions flex items — it doesn't touch their\n               individual widths (toolbar-ui's own CSS pins every direct\n               child at `flex: 0 0 auto`) — so grouping into two\n               `<toolbar-group-ui>` atoms and letting `align=\"space-between\"`\n               do the pushing keeps the reflow's width sum accurate. -->\n          <toolbar-ui role=\"toolbar\" aria-label=\"Bulk actions\" align=\"space-between\">\n            <toolbar-group-ui>\n              <text-ui strong aria-live=\"polite\" data-bulk-float-count>0 selected</text-ui>\n              <span data-bulk-controls></span>\n            </toolbar-group-ui>\n            <toolbar-group-ui>\n              <button-ui icon=\"archive\" aria-label=\"Archive\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"archive\"></button-ui>\n              <button-ui icon=\"download-simple\" aria-label=\"Export\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"export\"></button-ui>\n              <button-ui icon=\"folder-simple\" aria-label=\"Move\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"move\"></button-ui>\n              <divider-ui vertical></divider-ui>\n              <button-ui icon=\"trash\" aria-label=\"Delete\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"delete\"></button-ui>\n              <divider-ui vertical></divider-ui>\n              <button-ui text=\"Clear\" variant=\"ghost\" size=\"sm\" data-bulk-clear></button-ui>\n            </toolbar-group-ui>\n          </toolbar-ui>\n        </anchor-bar-ui>\n      </div>\n    </section>\n  </card-ui>",
   "source": "packages/web-components/patterns/bulk-action-toolbar/bulk-action-toolbar.examples.html",
   "metadata": {
     "domain": "data",
@@ -37,7 +37,7 @@
       "notion"
     ]
   },
-  "captured_at": "2026-08-12T16:30:40.372Z",
+  "captured_at": "2026-08-19T03:56:11.704Z",
   "template": [
     {
       "id": "pat-bulk-float-default",

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

@@ -9,7 +9,7 @@
     "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>",
+  "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\" data-stream-src=\"\" style=\"--chart-line-color:var(--md-sys-color-primary); height: 60px\">\n            </chart-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "packages/web-components/components/card/card.examples.html",
   "metadata": {
     "domain": "data",
@@ -28,7 +28,7 @@
       "mini-chart"
     ]
   },
-  "captured_at": "2026-07-17T20:08:04.842Z",
+  "captured_at": "2026-08-19T03:56:11.704Z",
   "template": [
     {
       "id": "text",

package/corpus/chunks/chart-in-card-full-bleed-bar-tall.json

@@ -0,0 +1,66 @@
+{
+  "name": "chart-in-card-full-bleed-bar-tall",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "padding": "none"
+  },
+  "html": "<card-ui padding=\"none\" style=\"max-width:220px;\">\n        <section>\n          <chart-ui id=\"pat-bleed-bar-tall\" type=\"bar\" ratio=\"2:3\" x=\"day\" y=\"sessions\"></chart-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Full-bleed bar chart card pinned to the 2:3 tall ratio — Sessions by day, rendered in horizontal-bar orientation (category on Y) for the narrow column, edge-to-edge against the card's own quiet container-low background.",
+    "keywords": [
+      "chart",
+      "card",
+      "bar",
+      "full-bleed",
+      "edge-to-edge",
+      "sessions",
+      "tall",
+      "ratio",
+      "horizontal",
+      "padding",
+      "none",
+      "dashboard",
+      "analytics",
+      "premium"
+    ]
+  },
+  "captured_at": "2026-08-18T16:00:40.141Z",
+  "template": [
+    {
+      "id": "pat-bleed-bar-tall",
+      "component": "Chart",
+      "type": "bar",
+      "ratio": "2:3",
+      "x": "day",
+      "y": "sessions"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "pat-bleed-bar-tall"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "padding": "none",
+      "children": [
+        "section"
+      ]
+    }
+  ]
+}

package/corpus/chunks/chart-in-card-full-bleed-bar-wide.json

@@ -0,0 +1,65 @@
+{
+  "name": "chart-in-card-full-bleed-bar-wide",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "padding": "none"
+  },
+  "html": "<card-ui padding=\"none\" style=\"max-width:420px;\">\n        <section>\n          <chart-ui id=\"pat-bleed-bar-wide\" type=\"bar\" ratio=\"3:2\" x=\"month\" y=\"revenue\"></chart-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Full-bleed bar chart card pinned to the 3:2 wide ratio — Revenue by month, edge-to-edge against the card's own quiet container-low background, no outer card padding.",
+    "keywords": [
+      "chart",
+      "card",
+      "bar",
+      "full-bleed",
+      "edge-to-edge",
+      "revenue",
+      "wide",
+      "ratio",
+      "padding",
+      "none",
+      "dashboard",
+      "analytics",
+      "premium"
+    ]
+  },
+  "captured_at": "2026-08-18T16:00:40.141Z",
+  "template": [
+    {
+      "id": "pat-bleed-bar-wide",
+      "component": "Chart",
+      "type": "bar",
+      "ratio": "3:2",
+      "x": "month",
+      "y": "revenue"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "pat-bleed-bar-wide"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "padding": "none",
+      "children": [
+        "section"
+      ]
+    }
+  ]
+}

package/corpus/chunks/chart-in-card-full-bleed-legend-composed-square.json

@@ -0,0 +1,110 @@
+{
+  "name": "chart-in-card-full-bleed-legend-composed-square",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "padding": "none"
+  },
+  "html": "<card-ui padding=\"none\" style=\"max-width:320px;\">\n        <header>\n          <span slot=\"heading\"><h3>Revenue vs. growth</h3></span>\n        </header>\n        <section>\n          <chart-ui id=\"pat-fb-legend-11-chart\" type=\"composed\" ratio=\"1:1\" x=\"quarter\" y=\"revenue,growth\"></chart-ui>\n        </section>\n        <section>\n          <chart-legend-ui for=\"pat-fb-legend-11-chart\"></chart-legend-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Full-bleed composed bar+line chart card pinned to the 1:1 square ratio with a mirrored 2-column grid legend below — Revenue bars with a de-emphasized Growth line overlay, edge-to-edge against the card's own quiet container-low background.",
+    "keywords": [
+      "chart",
+      "card",
+      "composed",
+      "full-bleed",
+      "edge-to-edge",
+      "legend",
+      "grid",
+      "square",
+      "ratio",
+      "revenue",
+      "growth",
+      "deemphasized",
+      "dashboard",
+      "analytics",
+      "premium"
+    ]
+  },
+  "captured_at": "2026-08-18T21:33:00.757Z",
+  "template": [
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Revenue vs. growth"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "pat-fb-legend-11-chart",
+      "component": "Chart",
+      "type": "composed",
+      "ratio": "1:1",
+      "x": "quarter",
+      "y": "revenue,growth"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "pat-fb-legend-11-chart"
+      ]
+    },
+    {
+      "id": "chart-legend",
+      "component": "ChartLegend",
+      "for": "pat-fb-legend-11-chart"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "chart-legend"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "section",
+        "section-2"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "padding": "none",
+      "children": [
+        "header",
+        "section-3"
+      ]
+    }
+  ]
+}

package/corpus/chunks/chart-in-card-full-bleed-legend-grouped-tall.json

@@ -0,0 +1,111 @@
+{
+  "name": "chart-in-card-full-bleed-legend-grouped-tall",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "padding": "none"
+  },
+  "html": "<card-ui padding=\"none\" style=\"max-width:220px;\">\n        <header>\n          <span slot=\"heading\"><h3>Signups by platform</h3></span>\n        </header>\n        <section>\n          <chart-ui id=\"pat-fb-legend-23-chart\" type=\"grouped-bar\" ratio=\"2:3\" x=\"quarter\" y=\"desktop,mobile\"></chart-ui>\n        </section>\n        <section>\n          <chart-legend-ui for=\"pat-fb-legend-23-chart\"></chart-legend-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Full-bleed grouped-bar chart card pinned to the 2:3 tall ratio with a mirrored vertical-list legend below — Desktop vs Mobile signups by quarter, rotated to horizontal bars for the narrow column, edge-to-edge against the card's own quiet container-low background.",
+    "keywords": [
+      "chart",
+      "card",
+      "grouped-bar",
+      "full-bleed",
+      "edge-to-edge",
+      "legend",
+      "list",
+      "tall",
+      "ratio",
+      "desktop",
+      "mobile",
+      "signups",
+      "quarter",
+      "dashboard",
+      "analytics",
+      "premium"
+    ]
+  },
+  "captured_at": "2026-08-18T21:33:00.757Z",
+  "template": [
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Signups by platform"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "pat-fb-legend-23-chart",
+      "component": "Chart",
+      "type": "grouped-bar",
+      "ratio": "2:3",
+      "x": "quarter",
+      "y": "desktop,mobile"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "pat-fb-legend-23-chart"
+      ]
+    },
+    {
+      "id": "chart-legend",
+      "component": "ChartLegend",
+      "for": "pat-fb-legend-23-chart"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "chart-legend"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "section",
+        "section-2"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "padding": "none",
+      "children": [
+        "header",
+        "section-3"
+      ]
+    }
+  ]
+}

package/corpus/chunks/chart-in-card-full-bleed-legend-stacked-wide.json

@@ -0,0 +1,110 @@
+{
+  "name": "chart-in-card-full-bleed-legend-stacked-wide",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "padding": "none"
+  },
+  "html": "<card-ui padding=\"none\" style=\"max-width:420px;\">\n        <header>\n          <span slot=\"heading\"><h3>Sessions by device</h3></span>\n        </header>\n        <section>\n          <chart-ui id=\"pat-fb-legend-32-chart\" type=\"stacked-bar\" ratio=\"3:2\" x=\"quarter\" y=\"desktop,mobile,tablet\"></chart-ui>\n        </section>\n        <section>\n          <chart-legend-ui for=\"pat-fb-legend-32-chart\"></chart-legend-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Full-bleed stacked-bar chart card pinned to the 3:2 wide ratio with a mirrored horizontal-row legend below — Sessions by device segment, edge-to-edge against the card's own quiet container-low background.",
+    "keywords": [
+      "chart",
+      "card",
+      "stacked-bar",
+      "full-bleed",
+      "edge-to-edge",
+      "legend",
+      "row",
+      "wide",
+      "ratio",
+      "segments",
+      "sessions",
+      "device",
+      "dashboard",
+      "analytics",
+      "premium"
+    ]
+  },
+  "captured_at": "2026-08-18T21:33:00.757Z",
+  "template": [
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Sessions by device"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "pat-fb-legend-32-chart",
+      "component": "Chart",
+      "type": "stacked-bar",
+      "ratio": "3:2",
+      "x": "quarter",
+      "y": "desktop,mobile,tablet"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "pat-fb-legend-32-chart"
+      ]
+    },
+    {
+      "id": "chart-legend",
+      "component": "ChartLegend",
+      "for": "pat-fb-legend-32-chart"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "chart-legend"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "section",
+        "section-2"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "padding": "none",
+      "children": [
+        "header",
+        "section-3"
+      ]
+    }
+  ]
+}

package/corpus/chunks/chart-in-card-full-bleed-line-square.json

@@ -0,0 +1,66 @@
+{
+  "name": "chart-in-card-full-bleed-line-square",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "padding": "none"
+  },
+  "html": "<card-ui padding=\"none\" style=\"max-width:320px;\">\n        <section>\n          <chart-ui id=\"pat-bleed-line-square\" type=\"line\" ratio=\"1:1\" x=\"month\" y=\"users\" smooth=\"0.4\"></chart-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Full-bleed line chart card pinned to the 1:1 square ratio — Users trend, edge-to-edge against the card's own quiet container-low background, no outer card padding.",
+    "keywords": [
+      "chart",
+      "card",
+      "line",
+      "full-bleed",
+      "edge-to-edge",
+      "users",
+      "square",
+      "ratio",
+      "padding",
+      "none",
+      "dashboard",
+      "analytics",
+      "premium"
+    ]
+  },
+  "captured_at": "2026-08-18T16:00:40.141Z",
+  "template": [
+    {
+      "id": "pat-bleed-line-square",
+      "component": "Chart",
+      "type": "line",
+      "ratio": "1:1",
+      "smooth": 0.4,
+      "x": "month",
+      "y": "users"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "pat-bleed-line-square"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "padding": "none",
+      "children": [
+        "section"
+      ]
+    }
+  ]
+}