@adia-ai/a2ui-corpus 0.0.1 → 0.0.3

package/patterns/_index.json

@@ -1,10 +1,10 @@
 {
-  "generated_at": "2026-04-24T13:58:00.287Z",
+  "generated_at": "2026-04-24T16:21:02.400Z",
   "stats": {
-    "total": 109,
+    "total": 113,
     "by_domain": {
       "agent": 9,
-      "data": 21,
+      "data": 25,
       "forms": 33,
       "layout": 40,
       "navigation": 5,
@@ -12,9 +12,9 @@
     },
     "by_complexity": {
       "primitive": 4,
-      "composed": 60,
-      "simple": 33,
-      "complex": 12
+      "composed": 62,
+      "simple": 34,
+      "complex": 13
     }
   },
   "patterns": [
@@ -78,11 +78,26 @@
       "domain": "layout",
       "file": "layout/calendar-view.json"
     },
+    {
+      "name": "chart-card-with-trend-footer",
+      "domain": "data",
+      "file": "data/chart-card-with-trend-footer.json"
+    },
     {
       "name": "chart-dashboard",
       "domain": "data",
       "file": "data/chart-dashboard.json"
     },
+    {
+      "name": "chart-grid-with-kpis",
+      "domain": "data",
+      "file": "data/chart-grid-with-kpis.json"
+    },
+    {
+      "name": "chart-with-filter-pills",
+      "domain": "data",
+      "file": "data/chart-with-filter-pills.json"
+    },
     {
       "name": "chat-interface",
       "domain": "agent",
@@ -468,6 +483,11 @@
       "domain": "data",
       "file": "data/stat-cards.json"
     },
+    {
+      "name": "stat-with-sparkline",
+      "domain": "data",
+      "file": "data/stat-with-sparkline.json"
+    },
     {
       "name": "streaming-response",
       "domain": "agent",
@@ -746,6 +766,8 @@
     ],
     "dashboard": [
       "admin-dashboard-with-charts",
+      "chart-grid-with-kpis",
+      "chart-with-filter-pills",
       "dashboard",
       "progress-dashboard",
       "stat-cards",
@@ -753,7 +775,10 @@
     ],
     "analytics": [
       "admin-dashboard-with-charts",
-      "chart-dashboard"
+      "chart-card-with-trend-footer",
+      "chart-dashboard",
+      "chart-grid-with-kpis",
+      "chart-with-filter-pills"
     ],
     "charts": [
       "admin-dashboard-with-charts"
@@ -768,8 +793,11 @@
     ],
     "kpi": [
       "admin-dashboard-with-charts",
+      "chart-card-with-trend-footer",
+      "chart-grid-with-kpis",
       "progress-dashboard",
-      "stat-cards"
+      "stat-cards",
+      "stat-with-sparkline"
     ],
     "reports": [
       "admin-dashboard-with-charts"
@@ -783,7 +811,8 @@
     "overview": [
       "admin-dashboard-with-charts",
       "dashboard",
-      "feature-grid"
+      "feature-grid",
+      "stat-with-sparkline"
     ],
     "monitoring": [
       "admin-dashboard-with-charts",
@@ -796,7 +825,8 @@
       "admin-dashboard-with-charts"
     ],
     "revenue": [
-      "admin-dashboard-with-charts"
+      "admin-dashboard-with-charts",
+      "chart-card-with-trend-footer"
     ],
     "users": [
       "admin-dashboard-with-charts",
@@ -878,12 +908,30 @@
       "bookmark-list-categories"
     ],
     "chart": [
-      "chart-dashboard"
+      "chart-card-with-trend-footer",
+      "chart-dashboard",
+      "chart-grid-with-kpis",
+      "chart-with-filter-pills",
+      "stat-with-sparkline"
     ],
-    "graph": [
+    "trend": [
+      "chart-card-with-trend-footer",
+      "chart-grid-with-kpis"
+    ],
+    "card": [
+      "chart-card-with-trend-footer",
+      "image-gallery",
+      "product-card"
+    ],
+    "sales": [
+      "chart-card-with-trend-footer",
       "chart-dashboard"
     ],
     "report": [
+      "chart-card-with-trend-footer",
+      "chart-dashboard"
+    ],
+    "graph": [
       "chart-dashboard"
     ],
     "data": [
@@ -892,8 +940,32 @@
       "data-table-view",
       "pagination-table"
     ],
-    "sales": [
-      "chart-dashboard"
+    "stats": [
+      "chart-grid-with-kpis"
+    ],
+    "sparkline": [
+      "chart-grid-with-kpis",
+      "stat-with-sparkline"
+    ],
+    "reporting": [
+      "chart-grid-with-kpis"
+    ],
+    "filter": [
+      "chart-with-filter-pills",
+      "notification-filters",
+      "price-range-filter",
+      "search-filters"
+    ],
+    "pills": [
+      "chart-with-filter-pills"
+    ],
+    "time-range": [
+      "chart-with-filter-pills",
+      "notification-filters"
+    ],
+    "segmented": [
+      "chart-with-filter-pills",
+      "segmented-control"
     ],
     "panel": [
       "dashboard",
@@ -1177,15 +1249,20 @@
       "restaurant-menu"
     ],
     "stat": [
-      "stat-cards"
+      "stat-cards",
+      "stat-with-sparkline"
     ],
     "metric": [
       "stat-cards",
+      "stat-with-sparkline",
       "weather-widget"
     ],
     "numbers": [
       "stat-cards"
     ],
+    "summary": [
+      "stat-with-sparkline"
+    ],
     "team": [
       "avatar-group",
       "team-activity",
@@ -1496,11 +1573,6 @@
     "filters": [
       "notification-filters"
     ],
-    "filter": [
-      "notification-filters",
-      "price-range-filter",
-      "search-filters"
-    ],
     "notifications": [
       "accordion-settings",
       "notification-filters"
@@ -1517,9 +1589,6 @@
     "priority": [
       "notification-filters"
     ],
-    "time-range": [
-      "notification-filters"
-    ],
     "digest": [
       "notification-filters"
     ],
@@ -2055,10 +2124,6 @@
     "masonry": [
       "image-gallery"
     ],
-    "card": [
-      "image-gallery",
-      "product-card"
-    ],
     "columns": [
       "image-gallery"
     ],
@@ -2384,9 +2449,6 @@
     "section-page": [
       "section-subnav"
     ],
-    "segmented": [
-      "segmented-control"
-    ],
     "selector": [
       "segmented-control"
     ]
@@ -2426,7 +2488,9 @@
       "bookmark-list",
       "bookmark-list-categories",
       "calendar-view",
+      "chart-card-with-trend-footer",
       "chart-dashboard",
+      "chart-with-filter-pills",
       "chat-interface",
       "code-block",
       "color-picker-demo",
@@ -2482,6 +2546,7 @@
       "sidebar-nav",
       "slider-range",
       "social-post",
+      "stat-with-sparkline",
       "streaming-response",
       "survey-rating-scales",
       "tabs-panels",
@@ -2511,6 +2576,8 @@
       "badge-showcase",
       "bookmark-list",
       "bookmark-list-categories",
+      "chart-card-with-trend-footer",
+      "chart-with-filter-pills",
       "chat-interface",
       "color-theme-builder",
       "command-palette",
@@ -2635,6 +2702,7 @@
       "radio-group-selection",
       "slider-range",
       "split-pane",
+      "stat-with-sparkline",
       "streaming-response",
       "toast-notification",
       "volume-control"
@@ -2660,14 +2728,21 @@
     ],
     "visualization": [
       "admin-dashboard-with-charts",
-      "chart-dashboard"
+      "chart-card-with-trend-footer",
+      "chart-dashboard",
+      "chart-grid-with-kpis",
+      "chart-with-filter-pills",
+      "stat-with-sparkline"
     ],
     "data-display": [
       "admin-dashboard-with-charts",
       "api-key-table",
       "bookmark-list",
       "bookmark-list-categories",
+      "chart-card-with-trend-footer",
       "chart-dashboard",
+      "chart-grid-with-kpis",
+      "chart-with-filter-pills",
       "dashboard",
       "data-table-view",
       "email-inbox",
@@ -2680,13 +2755,15 @@
       "pagination-table",
       "progress-dashboard",
       "restaurant-menu",
-      "stat-cards"
+      "stat-cards",
+      "stat-with-sparkline"
     ],
     "complexity:complex": [
       "accordion-settings",
       "admin-dashboard-with-charts",
       "bleed-design-settings",
       "chart-dashboard",
+      "chart-grid-with-kpis",
       "drawer-panel",
       "kanban-board",
       "pricing-tiers",
@@ -2697,6 +2774,7 @@
     ],
     "layout:grid": [
       "admin-dashboard-with-charts",
+      "chart-grid-with-kpis",
       "image-gallery",
       "kanban-board",
       "metrics",
@@ -2707,6 +2785,7 @@
     ],
     "filter": [
       "admin-dashboard-with-charts",
+      "chart-with-filter-pills",
       "notification-filters",
       "search-filters"
     ],
@@ -2732,6 +2811,23 @@
     "click-navigate": [
       "bookmark-list"
     ],
+    "trend-reporting": [
+      "chart-card-with-trend-footer"
+    ],
+    "dashboard": [
+      "chart-grid-with-kpis",
+      "weather-widget"
+    ],
+    "filtering": [
+      "chart-with-filter-pills",
+      "date-range-picker",
+      "notification-filters",
+      "price-range-filter",
+      "search-filters"
+    ],
+    "time-range": [
+      "chart-with-filter-pills"
+    ],
     "layout:two-column": [
       "dashboard"
     ],
@@ -2791,6 +2887,9 @@
     "catalog": [
       "restaurant-menu"
     ],
+    "kpi": [
+      "stat-with-sparkline"
+    ],
     "social": [
       "avatar-group",
       "social-post",
@@ -2907,12 +3006,6 @@
     "checkout": [
       "credit-card-payment"
     ],
-    "filtering": [
-      "date-range-picker",
-      "notification-filters",
-      "price-range-filter",
-      "search-filters"
-    ],
     "file-management": [
       "file-upload-form",
       "file-upload-gallery"
@@ -3219,9 +3312,6 @@
     "tooltip": [
       "tooltip-buttons"
     ],
-    "dashboard": [
-      "weather-widget"
-    ],
     "section-layout": [
       "section-subnav"
     ],

package/patterns/data/chart-card-with-trend-footer.json

@@ -0,0 +1,102 @@
+{
+  "$schema": "../_schema.json",
+  "name": "chart-card-with-trend-footer",
+  "version": 1,
+  "domain": "data",
+  "description": "Chart in a card with heading/description, chart body, and a footer showing trend stat and period caption. Canonical shadcn-style composition adapted for AdiaUI primitives.",
+  "tags": {
+    "purpose": [
+      "visualization",
+      "data-display",
+      "trend-reporting"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": []
+  },
+  "keywords": [
+    "chart",
+    "trend",
+    "card",
+    "revenue",
+    "analytics",
+    "sales",
+    "report",
+    "kpi"
+  ],
+  "related": [
+    "chart-dashboard",
+    "chart-grid-with-kpis",
+    "stat-with-sparkline",
+    "metrics"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "rc-header",
+        "rc-body",
+        "rc-footer"
+      ]
+    },
+    {
+      "id": "rc-header",
+      "component": "Header",
+      "children": [
+        "rc-title",
+        "rc-desc"
+      ]
+    },
+    {
+      "id": "rc-title",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Revenue",
+      "variant": "section"
+    },
+    {
+      "id": "rc-desc",
+      "component": "Text",
+      "slot": "description",
+      "textContent": "January – March 2024",
+      "variant": "caption"
+    },
+    {
+      "id": "rc-body",
+      "component": "Section",
+      "children": [
+        "rc-chart"
+      ]
+    },
+    {
+      "id": "rc-chart",
+      "component": "Chart",
+      "type": "area",
+      "x": "month",
+      "y": "revenue"
+    },
+    {
+      "id": "rc-footer",
+      "component": "Footer",
+      "children": [
+        "rc-trend",
+        "rc-period"
+      ]
+    },
+    {
+      "id": "rc-trend",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Trending up by 5.2% this month",
+      "variant": "body"
+    },
+    {
+      "id": "rc-period",
+      "component": "Text",
+      "slot": "description",
+      "textContent": "Showing total visitors for the last 3 months",
+      "variant": "caption"
+    }
+  ]
+}

package/patterns/data/chart-card-with-trend-footer.yaml

@@ -0,0 +1,56 @@
+$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
+name: chart-card-with-trend-footer
+domain: data
+version: 1
+description: >-
+  Chart in a card with heading/description, chart body, and a footer showing
+  trend stat and period caption. Canonical shadcn-style composition adapted
+  for AdiaUI primitives — the trend + period strings land in the footer's
+  `heading` / `description` slots (Phase 1 card-ui extension).
+tags:
+  purpose:
+    - visualization
+    - data-display
+    - trend-reporting
+  complexity: composed
+  layout: single-column
+  interaction: []
+keywords:
+  - chart
+  - trend
+  - card
+  - revenue
+  - analytics
+  - sales
+  - report
+  - kpi
+related:
+  - chart-dashboard
+  - chart-grid-with-kpis
+  - stat-with-sparkline
+  - metrics
+use-cases:
+  - Revenue / active-users / signups reporting cards on a dashboard.
+  - Time-series summary cards with an inline trend narrative.
+  - A/B test result cards — "Variant B up 5.2% this week."
+variants:
+  - name: line
+    description: Swap `type: area` to `type: line` for a minimal stroke-only look.
+  - name: bar
+    description: Use `type: bar` for categorical / monthly bar breakdowns.
+  - name: no-description
+    description: Omit the `rc-desc` Text child for a tighter two-slot header.
+wiring-intent:
+  summary: >-
+    Static pattern. Consumers typically wire the Chart's .data property via
+    a parent controller; the trend + period strings come from the same
+    source and are computed client-side or server-side.
+  controllers: []
+  actions: []
+components:
+  - Card
+  - Header
+  - Section
+  - Footer
+  - Chart
+  - Text