@adia-ai/gen-ui 0.8.45 → 0.8.46

package/corpus/chunks/new-enrollments-radial-bar.json

@@ -0,0 +1,157 @@
+{
+  "name": "new-enrollments-radial-bar",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/new-enrollments/new-enrollments.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui\n        style=\"max-width:360px;\">\n        <header>\n          <span slot=\"heading\"><h3>New enrollments</h3></span>\n          <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n            <select-ui size=\"sm\" variant=\"ghost\" value=\"30d\">\n              <option value=\"30d\">Last 30 days</option>\n              <option value=\"7d\">Last 7 days</option>\n            </select-ui>\n            <button-ui icon=\"dots-three-vertical\" variant=\"ghost\" size=\"sm\" aria-label=\"Card options\"></button-ui>\n          </row-ui>\n        </header>\n        <section bleed>\n          <chart-ui id=\"ne-radial-bar\" type=\"radial-bar\" x=\"channel\" y=\"v\"\n            data='[{\"channel\":\"Online\",\"v\":82},{\"channel\":\"Referral\",\"v\":61},{\"channel\":\"Walk-in\",\"v\":45}]'>\n          </chart-ui>\n        </section>\n        <section>\n          <chart-legend-ui for=\"ne-radial-bar\"></chart-legend-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/patterns/new-enrollments/new-enrollments.examples.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "New enrollments radial-bar card — enrollment channel mix (Online, Referral, Walk-in) each as percent of its monthly target reached, paired with a legend band naming all three channels.",
+    "keywords": [
+      "new",
+      "enrollments",
+      "dashboard",
+      "card",
+      "radial-bar",
+      "channel",
+      "mix",
+      "online",
+      "referral",
+      "walk-in",
+      "target",
+      "legend",
+      "analytics",
+      "chart"
+    ]
+  },
+  "captured_at": "2026-08-21T15:01:27.959Z",
+  "template": [
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "New enrollments"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "size": "sm",
+      "value": "30d",
+      "variant": "ghost",
+      "options": [
+        {
+          "value": "30d",
+          "label": "Last 30 days"
+        },
+        {
+          "value": "7d",
+          "label": "Last 7 days"
+        }
+      ]
+    },
+    {
+      "id": "card-options",
+      "component": "Button",
+      "aria-label": "Card options",
+      "icon": "dots-three-vertical",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "slot": "action",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "choice-picker",
+        "card-options"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "row"
+      ]
+    },
+    {
+      "id": "ne-radial-bar",
+      "component": "Chart",
+      "type": "radial-bar",
+      "data": [
+        {
+          "channel": "Online",
+          "v": 82
+        },
+        {
+          "channel": "Referral",
+          "v": 61
+        },
+        {
+          "channel": "Walk-in",
+          "v": 45
+        }
+      ],
+      "x": "channel",
+      "y": "v"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "ne-radial-bar"
+      ]
+    },
+    {
+      "id": "chart-legend",
+      "component": "ChartLegend",
+      "for": "ne-radial-bar"
+    },
+    {
+      "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",
+      "children": [
+        "header",
+        "section-3"
+      ]
+    }
+  ]
+}

package/corpus/chunks/new-enrollments-sparkline.json

@@ -0,0 +1,243 @@
+{
+  "name": "new-enrollments-sparkline",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/new-enrollments/new-enrollments.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui\n        style=\"max-width:360px;\">\n        <header>\n          <span slot=\"heading\"><h3>New enrollments</h3></span>\n          <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n            <select-ui size=\"sm\" variant=\"ghost\" value=\"30d\">\n              <option value=\"30d\">Last 30 days</option>\n              <option value=\"7d\">Last 7 days</option>\n            </select-ui>\n            <button-ui icon=\"dots-three-vertical\" variant=\"ghost\" size=\"sm\" aria-label=\"Card options\"></button-ui>\n          </row-ui>\n        </header>\n        <section bleed>\n          <chart-ui id=\"ne-sparkline\" type=\"sparkline\" x=\"day\" y=\"value\"\n            data='[{\"day\":\"Jul 25\",\"value\":1580},{\"day\":\"Jul 26\",\"value\":1620},{\"day\":\"Jul 27\",\"value\":1550},{\"day\":\"Jul 28\",\"value\":1670},{\"day\":\"Jul 29\",\"value\":1710},{\"day\":\"Jul 30\",\"value\":1640},{\"day\":\"Jul 31\",\"value\":1690},{\"day\":\"Aug 1\",\"value\":1730},{\"day\":\"Aug 2\",\"value\":1660},{\"day\":\"Aug 3\",\"value\":1780},{\"day\":\"Aug 4\",\"value\":1810},{\"day\":\"Aug 5\",\"value\":1750},{\"day\":\"Aug 6\",\"value\":1700},{\"day\":\"Aug 7\",\"value\":1840},{\"day\":\"Aug 8\",\"value\":1790},{\"day\":\"Aug 9\",\"value\":1880},{\"day\":\"Aug 10\",\"value\":1820},{\"day\":\"Aug 11\",\"value\":1760},{\"day\":\"Aug 12\",\"value\":1910},{\"day\":\"Aug 13\",\"value\":1850},{\"day\":\"Aug 14\",\"value\":1800},{\"day\":\"Aug 15\",\"value\":1940},{\"day\":\"Aug 16\",\"value\":1890},{\"day\":\"Aug 17\",\"value\":1830},{\"day\":\"Aug 18\",\"value\":1970},{\"day\":\"Aug 19\",\"value\":1920},{\"day\":\"Aug 20\",\"value\":1870},{\"day\":\"Aug 21\",\"value\":2032},{\"day\":\"Aug 22\",\"value\":1950},{\"day\":\"Aug 23\",\"value\":1990}]'>\n          </chart-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/patterns/new-enrollments/new-enrollments.examples.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "New enrollments sparkline card — 30-day daily enrollment trend as a bare-marks sparkline, hovering any point surfaces the exact count and day via the built-in tooltip.",
+    "keywords": [
+      "new",
+      "enrollments",
+      "dashboard",
+      "card",
+      "sparkline",
+      "tooltip",
+      "trend",
+      "daily",
+      "compact",
+      "bare-marks",
+      "analytics",
+      "chart"
+    ]
+  },
+  "captured_at": "2026-08-21T15:01:27.959Z",
+  "template": [
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "New enrollments"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "size": "sm",
+      "value": "30d",
+      "variant": "ghost",
+      "options": [
+        {
+          "value": "30d",
+          "label": "Last 30 days"
+        },
+        {
+          "value": "7d",
+          "label": "Last 7 days"
+        }
+      ]
+    },
+    {
+      "id": "card-options",
+      "component": "Button",
+      "aria-label": "Card options",
+      "icon": "dots-three-vertical",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "slot": "action",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "choice-picker",
+        "card-options"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "row"
+      ]
+    },
+    {
+      "id": "ne-sparkline",
+      "component": "Chart",
+      "type": "sparkline",
+      "data": [
+        {
+          "day": "Jul 25",
+          "value": 1580
+        },
+        {
+          "day": "Jul 26",
+          "value": 1620
+        },
+        {
+          "day": "Jul 27",
+          "value": 1550
+        },
+        {
+          "day": "Jul 28",
+          "value": 1670
+        },
+        {
+          "day": "Jul 29",
+          "value": 1710
+        },
+        {
+          "day": "Jul 30",
+          "value": 1640
+        },
+        {
+          "day": "Jul 31",
+          "value": 1690
+        },
+        {
+          "day": "Aug 1",
+          "value": 1730
+        },
+        {
+          "day": "Aug 2",
+          "value": 1660
+        },
+        {
+          "day": "Aug 3",
+          "value": 1780
+        },
+        {
+          "day": "Aug 4",
+          "value": 1810
+        },
+        {
+          "day": "Aug 5",
+          "value": 1750
+        },
+        {
+          "day": "Aug 6",
+          "value": 1700
+        },
+        {
+          "day": "Aug 7",
+          "value": 1840
+        },
+        {
+          "day": "Aug 8",
+          "value": 1790
+        },
+        {
+          "day": "Aug 9",
+          "value": 1880
+        },
+        {
+          "day": "Aug 10",
+          "value": 1820
+        },
+        {
+          "day": "Aug 11",
+          "value": 1760
+        },
+        {
+          "day": "Aug 12",
+          "value": 1910
+        },
+        {
+          "day": "Aug 13",
+          "value": 1850
+        },
+        {
+          "day": "Aug 14",
+          "value": 1800
+        },
+        {
+          "day": "Aug 15",
+          "value": 1940
+        },
+        {
+          "day": "Aug 16",
+          "value": 1890
+        },
+        {
+          "day": "Aug 17",
+          "value": 1830
+        },
+        {
+          "day": "Aug 18",
+          "value": 1970
+        },
+        {
+          "day": "Aug 19",
+          "value": 1920
+        },
+        {
+          "day": "Aug 20",
+          "value": 1870
+        },
+        {
+          "day": "Aug 21",
+          "value": 2032
+        },
+        {
+          "day": "Aug 22",
+          "value": 1950
+        },
+        {
+          "day": "Aug 23",
+          "value": 1990
+        }
+      ],
+      "x": "day",
+      "y": "value"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "ne-sparkline"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/corpus/chunks/new-enrollments-stacked-bar.json

@@ -0,0 +1,182 @@
+{
+  "name": "new-enrollments-stacked-bar",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/new-enrollments/new-enrollments.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui\n        style=\"max-width:360px;\">\n        <header>\n          <span slot=\"heading\"><h3>New enrollments</h3></span>\n          <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n            <select-ui size=\"sm\" variant=\"ghost\" value=\"6m\">\n              <option value=\"6m\">Last 6 months</option>\n              <option value=\"3m\">Last 3 months</option>\n              <option value=\"1m\">Last month</option>\n            </select-ui>\n            <button-ui icon=\"dots-three-vertical\" variant=\"ghost\" size=\"sm\" aria-label=\"Card options\"></button-ui>\n          </row-ui>\n        </header>\n        <section bleed>\n          <chart-ui id=\"ne-stacked-bar\" type=\"stacked-bar\" labels=\"chip\" today=\"Aug\" x=\"month\" y=\"New,Returning\"\n            data='[{\"month\":\"Mar\",\"New\":5,\"Returning\":3},{\"month\":\"Apr\",\"New\":6,\"Returning\":4},{\"month\":\"May\",\"New\":7,\"Returning\":4},{\"month\":\"Jun\",\"New\":6,\"Returning\":5},{\"month\":\"Jul\",\"New\":10,\"Returning\":6},{\"month\":\"Aug\",\"New\":12,\"Returning\":8,\"provisional\":true}]'>\n          </chart-ui>\n        </section>\n        <section>\n          <chart-legend-ui for=\"ne-stacked-bar\"></chart-legend-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/patterns/new-enrollments/new-enrollments.examples.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "New enrollments stacked-bar card — New vs Returning enrollments by month, the current month rendered with a soft tonal fill and dashed outline as a provisional/incomplete period, paired with a legend band naming both segments.",
+    "keywords": [
+      "new",
+      "enrollments",
+      "dashboard",
+      "card",
+      "stacked-bar",
+      "provisional",
+      "tonal",
+      "dashed",
+      "legend",
+      "today-marker",
+      "new",
+      "returning",
+      "analytics",
+      "chart"
+    ]
+  },
+  "captured_at": "2026-08-21T16:42:15.756Z",
+  "template": [
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "New enrollments"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "size": "sm",
+      "value": "6m",
+      "variant": "ghost",
+      "options": [
+        {
+          "value": "6m",
+          "label": "Last 6 months"
+        },
+        {
+          "value": "3m",
+          "label": "Last 3 months"
+        },
+        {
+          "value": "1m",
+          "label": "Last month"
+        }
+      ]
+    },
+    {
+      "id": "card-options",
+      "component": "Button",
+      "aria-label": "Card options",
+      "icon": "dots-three-vertical",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "slot": "action",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "choice-picker",
+        "card-options"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "row"
+      ]
+    },
+    {
+      "id": "ne-stacked-bar",
+      "component": "Chart",
+      "type": "stacked-bar",
+      "data": [
+        {
+          "month": "Mar",
+          "New": 5,
+          "Returning": 3
+        },
+        {
+          "month": "Apr",
+          "New": 6,
+          "Returning": 4
+        },
+        {
+          "month": "May",
+          "New": 7,
+          "Returning": 4
+        },
+        {
+          "month": "Jun",
+          "New": 6,
+          "Returning": 5
+        },
+        {
+          "month": "Jul",
+          "New": 10,
+          "Returning": 6
+        },
+        {
+          "month": "Aug",
+          "New": 12,
+          "Returning": 8,
+          "provisional": true
+        }
+      ],
+      "labels": "chip",
+      "today": "Aug",
+      "x": "month",
+      "y": "New,Returning"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "ne-stacked-bar"
+      ]
+    },
+    {
+      "id": "chart-legend",
+      "component": "ChartLegend",
+      "for": "ne-stacked-bar"
+    },
+    {
+      "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",
+      "children": [
+        "header",
+        "section-3"
+      ]
+    }
+  ]
+}

package/corpus/chunks/table-footer-client-mode.json

@@ -0,0 +1,56 @@
+{
+  "name": "table-footer-client-mode",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/table-footer/table-footer.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "client-mode — derives from a paginated table"
+  },
+  "html": "<col-ui gap=\"0\">\n        <table-ui id=\"demo-footer-client\" paginate=\"4\" no-pager sortable></table-ui>\n        <table-footer-ui for=\"demo-footer-client\"></table-footer-ui>\n      </col-ui>",
+  "source": "packages/web-components/components/table-footer/table-footer.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Client-mode table footer with zero footer attributes set — derives page-size from the table's own paginate value and range-total from its filtered row count. The table's own internal pager is suppressed via no-pager.",
+    "keywords": [
+      "table",
+      "footer",
+      "pagination",
+      "client",
+      "mode",
+      "paginate",
+      "no-pager",
+      "derive",
+      "filtered",
+      "count",
+      "data",
+      "grid"
+    ]
+  },
+  "captured_at": "2026-08-21T02:53:19.885Z",
+  "template": [
+    {
+      "id": "demo-footer-client",
+      "component": "Table",
+      "no-pager": true,
+      "paginate": 4,
+      "sortable": true
+    },
+    {
+      "id": "table-footer",
+      "component": "TableFooter",
+      "for": "demo-footer-client"
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "demo-footer-client",
+        "table-footer"
+      ]
+    }
+  ]
+}

package/corpus/chunks/table-footer-count-only.json

@@ -0,0 +1,40 @@
+{
+  "name": "table-footer-count-only",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/table-footer/table-footer.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "unknown page size — count-only label, no pager"
+  },
+  "html": "<table-footer-ui range-total=\"128\"></table-footer-ui>",
+  "source": "packages/web-components/components/table-footer/table-footer.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Table footer with page-size unset (the default) — renders a count-only label ('128 items') with no pager, since the derivation math needs a page size to produce a range window.",
+    "keywords": [
+      "table",
+      "footer",
+      "pagination",
+      "count",
+      "only",
+      "unknown",
+      "page",
+      "size",
+      "default",
+      "state",
+      "data",
+      "grid"
+    ]
+  },
+  "captured_at": "2026-08-21T02:53:19.885Z",
+  "template": [
+    {
+      "id": "root",
+      "component": "TableFooter",
+      "range-total": 128
+    }
+  ]
+}