@adia-ai/gen-ui 0.8.37

package/corpus/chunks/analytics-chart.json

@@ -0,0 +1,213 @@
+{
+  "name": "analytics-chart",
+  "kind": "block",
+  "primary": "grid-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "columns": "1 2@md",
+    "gap": "4"
+  },
+  "html": "<grid-ui columns=\"1 2@md\" gap=\"4\">\n            <card-ui>\n              <header>\n                <h3>Revenue</h3>\n                <p slot=\"description\">Monthly revenue breakdown</p>\n              </header>\n              <section>\n                <chart-ui type=\"bar\" x=\"month\" y=\"revenue\" hide-values\n                  data='[{\"month\":\"Jan\",\"revenue\":3200},{\"month\":\"Feb\",\"revenue\":4100},{\"month\":\"Mar\",\"revenue\":3800},{\"month\":\"Apr\",\"revenue\":5200},{\"month\":\"May\",\"revenue\":4800},{\"month\":\"Jun\",\"revenue\":6100}]'></chart-ui>\n              </section>\n            </card-ui>\n            <card-ui>\n              <header>\n                <h3>Sessions</h3>\n                <p slot=\"description\">Daily session trend</p>\n              </header>\n              <section>\n                <chart-ui type=\"line\" x=\"day\" y=\"sessions\" smooth=\"0.4\" hide-values\n                  data='[{\"day\":\"Mon\",\"sessions\":1200},{\"day\":\"Tue\",\"sessions\":1800},{\"day\":\"Wed\",\"sessions\":1500},{\"day\":\"Thu\",\"sessions\":2200},{\"day\":\"Fri\",\"sessions\":1900},{\"day\":\"Sat\",\"sessions\":800},{\"day\":\"Sun\",\"sessions\":600}]'></chart-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Analytics dashboard with bar chart and line chart displayed side by side. Revenue bar chart on the left, sessions trend line chart on the right.",
+    "keywords": [
+      "analytics",
+      "chart",
+      "bar",
+      "chart",
+      "line",
+      "chart",
+      "side",
+      "by",
+      "side",
+      "dashboard",
+      "two",
+      "column",
+      "grid",
+      "revenue",
+      "sessions",
+      "trend",
+      "data",
+      "visualization",
+      "bar",
+      "line",
+      "analytics-chart"
+    ]
+  },
+  "captured_at": "2026-08-10T18:10:27.206Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Revenue"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Monthly revenue breakdown"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "chart",
+      "component": "Chart",
+      "type": "bar",
+      "data": [
+        {
+          "month": "Jan",
+          "revenue": 3200
+        },
+        {
+          "month": "Feb",
+          "revenue": 4100
+        },
+        {
+          "month": "Mar",
+          "revenue": 3800
+        },
+        {
+          "month": "Apr",
+          "revenue": 5200
+        },
+        {
+          "month": "May",
+          "revenue": 4800
+        },
+        {
+          "month": "Jun",
+          "revenue": 6100
+        }
+      ],
+      "hideValues": true,
+      "x": "month",
+      "y": "revenue"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "chart"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Sessions"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Daily session trend"
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "chart-2",
+      "component": "Chart",
+      "type": "line",
+      "data": [
+        {
+          "day": "Mon",
+          "sessions": 1200
+        },
+        {
+          "day": "Tue",
+          "sessions": 1800
+        },
+        {
+          "day": "Wed",
+          "sessions": 1500
+        },
+        {
+          "day": "Thu",
+          "sessions": 2200
+        },
+        {
+          "day": "Fri",
+          "sessions": 1900
+        },
+        {
+          "day": "Sat",
+          "sessions": 800
+        },
+        {
+          "day": "Sun",
+          "sessions": 600
+        }
+      ],
+      "hideValues": true,
+      "smooth": 0.4,
+      "x": "day",
+      "y": "sessions"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "chart-2"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-2",
+        "section-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 2@md",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2"
+      ]
+    }
+  ]
+}

package/corpus/chunks/analytics-sparklines-dashboard.json

@@ -0,0 +1,259 @@
+{
+  "name": "analytics-sparklines-dashboard",
+  "kind": "block",
+  "primary": "grid-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "columns": "2 4@lg",
+    "gap": "4"
+  },
+  "html": "<grid-ui columns=\"2 4@lg\" gap=\"4\">\n            <card-ui>\n              <header>\n                <h3>Page Views</h3>\n                <text-ui slot=\"description\" variant=\"title\">84,232</text-ui>\n              </header>\n              <section bleed>\n                <chart-ui id=\"dash-spark-views\" type=\"sparkline\" x=\"d\" y=\"v\"></chart-ui>\n              </section>\n            </card-ui>\n            <card-ui>\n              <header>\n                <h3>Bounce Rate</h3>\n                <text-ui slot=\"description\" variant=\"title\">24.3%</text-ui>\n              </header>\n              <section bleed>\n                <chart-ui id=\"dash-spark-bounce\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"warning\"></chart-ui>\n              </section>\n            </card-ui>\n            <card-ui>\n              <header>\n                <h3>Session Duration</h3>\n                <text-ui slot=\"description\" variant=\"title\">4m 32s</text-ui>\n              </header>\n              <section bleed>\n                <chart-ui id=\"dash-spark-duration\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"success\"></chart-ui>\n              </section>\n            </card-ui>\n            <card-ui>\n              <header>\n                <h3>Conversion</h3>\n                <text-ui slot=\"description\" variant=\"title\">3.2%</text-ui>\n              </header>\n              <section bleed>\n                <chart-ui id=\"dash-spark-conv\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"info\"></chart-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "4-column web analytics cards with inline sparklines — each card pairs a headline metric value with a small trend sparkline chart. Page views, bounce rate, session duration, conversion metrics with mini-chart.",
+    "keywords": [
+      "analytics",
+      "sparklines",
+      "page-views",
+      "bounce-rate",
+      "session-duration",
+      "conversion",
+      "web-analytics",
+      "mini-chart",
+      "chart-ui",
+      "inline-chart",
+      "trend",
+      "sparkline-chart",
+      "sparklines",
+      "dashboard",
+      "analytics-dashboard",
+      "web-metrics",
+      "traffic"
+    ]
+  },
+  "captured_at": "2026-07-17T20:08:04.842Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Page Views"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "slot": "description",
+      "variant": "title",
+      "textContent": "84,232"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "dash-spark-views",
+      "component": "Chart",
+      "type": "sparkline",
+      "x": "d",
+      "y": "v"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "dash-spark-views"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Bounce Rate"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "slot": "description",
+      "variant": "title",
+      "textContent": "24.3%"
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "dash-spark-bounce",
+      "component": "Chart",
+      "type": "sparkline",
+      "color": "warning",
+      "x": "d",
+      "y": "v"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "dash-spark-bounce"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-2",
+        "section-2"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Session Duration"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "slot": "description",
+      "variant": "title",
+      "textContent": "4m 32s"
+    },
+    {
+      "id": "header-3",
+      "component": "Header",
+      "children": [
+        "text-5",
+        "text-6"
+      ]
+    },
+    {
+      "id": "dash-spark-duration",
+      "component": "Chart",
+      "type": "sparkline",
+      "color": "success",
+      "x": "d",
+      "y": "v"
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "dash-spark-duration"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "header-3",
+        "section-3"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Conversion"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "slot": "description",
+      "variant": "title",
+      "textContent": "3.2%"
+    },
+    {
+      "id": "header-4",
+      "component": "Header",
+      "children": [
+        "text-7",
+        "text-8"
+      ]
+    },
+    {
+      "id": "dash-spark-conv",
+      "component": "Chart",
+      "type": "sparkline",
+      "color": "info",
+      "x": "d",
+      "y": "v"
+    },
+    {
+      "id": "section-4",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "dash-spark-conv"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "header-4",
+        "section-4"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "2 4@lg",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2",
+        "card-3",
+        "card-4"
+      ]
+    }
+  ]
+}

package/corpus/chunks/anchor-bar-selection-bar.json

@@ -0,0 +1,226 @@
+{
+  "name": "anchor-bar-selection-bar",
+  "kind": "block",
+  "primary": "section",
+  "page": "/packages/web-components/components/anchor-bar/anchor-bar.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "selection-bar"
+  },
+  "html": "<card-ui raw>\n    <section bleed>\n      <div data-selection-scroll style=\"max-height: 12rem; overflow: auto; position: relative; border: 1px solid var(--md-sys-color-neutral-outline-variant); border-radius: var(--a-radius-md);\">\n        <table style=\"width:100%; border-collapse: collapse;\">\n          <tbody>\n            <tr><td style=\"padding: var(--a-space-3);\"><check-ui data-sel-row\n              onchange=\"const n=this.closest('[data-selection-scroll]').querySelectorAll('[data-sel-row][checked]').length; const bar=this.closest('[data-selection-scroll]').querySelector('#selection-bar'); bar.querySelector('[data-sel-count]').textContent=String(n); bar.open=n>0;\"></check-ui> invoice-0192.pdf</td></tr>\n            <tr><td style=\"padding: var(--a-space-3);\"><check-ui data-sel-row\n              onchange=\"const n=this.closest('[data-selection-scroll]').querySelectorAll('[data-sel-row][checked]').length; const bar=this.closest('[data-selection-scroll]').querySelector('#selection-bar'); bar.querySelector('[data-sel-count]').textContent=String(n); bar.open=n>0;\"></check-ui> invoice-0193.pdf</td></tr>\n            <tr><td style=\"padding: var(--a-space-3);\">invoice-0194.pdf</td></tr>\n            <tr><td style=\"padding: var(--a-space-3);\">invoice-0195.pdf</td></tr>\n          </tbody>\n        </table>\n        <anchor-bar-ui id=\"selection-bar\" anchor=\"bottom\">\n          <toolbar-ui role=\"toolbar\" aria-label=\"Bulk actions\" align=\"space-between\">\n            <toolbar-group-ui>\n              <text-ui strong aria-live=\"polite\"><span data-sel-count>0</span> selected</text-ui>\n            </toolbar-group-ui>\n            <toolbar-group-ui>\n              <button-ui icon=\"archive\" icon-only aria-label=\"Archive\" variant=\"ghost\" size=\"sm\"></button-ui>\n              <button-ui icon=\"download-simple\" icon-only aria-label=\"Export\" variant=\"ghost\" size=\"sm\"></button-ui>\n              <divider-ui vertical></divider-ui>\n              <button-ui icon=\"trash\" icon-only aria-label=\"Delete\" variant=\"ghost\" size=\"sm\"></button-ui>\n              <divider-ui vertical></divider-ui>\n              <button-ui text=\"Clear\" variant=\"ghost\" size=\"sm\" data-sel-clear\n                onclick=\"const scope=this.closest('[data-selection-scroll]'); scope.querySelectorAll('[data-sel-row]').forEach((row)=>{row.checked=false;}); const bar=scope.querySelector('#selection-bar'); bar.querySelector('[data-sel-count]').textContent='0'; bar.open=false;\"></button-ui>\n            </toolbar-group-ui>\n          </toolbar-ui>\n        </anchor-bar-ui>\n      </div>\n    </section>\n  </card-ui>",
+  "source": "packages/web-components/components/anchor-bar/anchor-bar.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Floating bulk-action selection bar built on anchor-bar-ui — selection count leads, actions trail, destructive last, an explicit Clear button, matching the site's bulk-action-toolbar pattern.",
+    "keywords": [
+      "anchor",
+      "bar",
+      "bulk",
+      "action",
+      "selection",
+      "toolbar",
+      "floating",
+      "sticky",
+      "table",
+      "archive",
+      "export",
+      "move",
+      "delete",
+      "clear"
+    ]
+  },
+  "captured_at": "2026-07-31T06:05:26.939Z",
+  "template": [
+    {
+      "id": "check-box",
+      "component": "CheckBox",
+      "data-sel-row": "",
+      "data-sel-count": ""
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "invoice-0192.pdf",
+      "variant": "body"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "check-box",
+        "text"
+      ]
+    },
+    {
+      "id": "check-box-2",
+      "component": "CheckBox",
+      "data-sel-row": "",
+      "data-sel-count": ""
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "invoice-0193.pdf",
+      "variant": "body"
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "children": [
+        "check-box-2",
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "invoice-0194.pdf",
+      "variant": "body"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "invoice-0195.pdf",
+      "variant": "body"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "column-4",
+        "column-6",
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "table",
+      "component": "Table",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "0",
+      "data-sel-count": ""
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "strong": true,
+      "textContent": "selected",
+      "children": [
+        "text-6"
+      ]
+    },
+    {
+      "id": "toolbar-group",
+      "component": "ToolbarGroup",
+      "children": [
+        "text-5"
+      ]
+    },
+    {
+      "id": "archive",
+      "component": "Button",
+      "aria-label": "Archive",
+      "icon": "archive",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "export",
+      "component": "Button",
+      "aria-label": "Export",
+      "icon": "download-simple",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "divider",
+      "component": "Divider",
+      "vertical": true
+    },
+    {
+      "id": "delete",
+      "component": "Button",
+      "aria-label": "Delete",
+      "icon": "trash",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "divider-2",
+      "component": "Divider",
+      "vertical": true
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "size": "sm",
+      "text": "Clear",
+      "variant": "ghost",
+      "data-sel-clear": "",
+      "data-sel-row": ""
+    },
+    {
+      "id": "toolbar-group-2",
+      "component": "ToolbarGroup",
+      "children": [
+        "archive",
+        "export",
+        "divider",
+        "delete",
+        "divider-2",
+        "button"
+      ]
+    },
+    {
+      "id": "bulk-actions",
+      "component": "Toolbar",
+      "align": "space-between",
+      "children": [
+        "toolbar-group",
+        "toolbar-group-2"
+      ]
+    },
+    {
+      "id": "selection-bar",
+      "component": "AnchorBar",
+      "anchor": "bottom",
+      "children": [
+        "bulk-actions"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "data-selection-scroll": "",
+      "children": [
+        "table",
+        "selection-bar"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "raw": true,
+      "children": [
+        "section"
+      ]
+    }
+  ]
+}