@dgplsoares/singulai-ds-mcp 0.4.0 → 0.6.0

package/dist/data/catalog.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.4.0",
+  "version": "0.6.0",
   "generated_at": "2026-05-12",
   "design_system": {
     "name": "Singulai Design System",
@@ -247,33 +247,19 @@
       "xl",
       "full"
     ],
-    "StatColor": [
-      "primary",
-      "success",
-      "warning",
-      "danger",
-      "info",
-      "muted",
-      "purple",
-      "indigo",
-      "pink"
-    ],
-    "StatTrend": [
-      "up",
-      "down",
-      "neutral"
-    ],
-    "StatsBarVariant": [
-      "default",
-      "compact",
-      "cards"
-    ],
     "StatsBarColumns": [
+      1,
       2,
       3,
       4,
       5,
       6
+    ],
+    "FilterDropdownPosition": [
+      "bottom-start",
+      "bottom-end",
+      "top-start",
+      "top-end"
     ]
   },
   "components": [
@@ -2053,42 +2039,116 @@
     {
       "name": "StatsBarComponent",
       "selector": "ds-stats-bar",
-      "description": "Barra horizontal de metricas clicaveis (N stat-cards em grid responsivo 2-6 colunas). Thin-wrap de <app-stats-bar> (221 LOC). NAO confundir com <ds-statsbar-card> que renderiza UMA stat individual do dashboard. Cada stat tem id, label, value, color (9 opcoes legacy DEC-DSA-M), opcionalmente icon, percent, trend (up/down/neutral) com trendValue, tooltip, clickable, onClick. Suporta selecao single (default) ou multi-select via config. Skeleton loading built-in. Padrao Listagem CRUD: barra de filtros visuais no topo da pagina (clicar filtra a tabela abaixo).",
+      "description": "Container slot-based para barra horizontal de N <ds-statsbar-card>. Pattern visual do Figma DEC-FIG-A-2 (25 URLs catalogadas para todas as telas internas — dashboards + listagens). Chrome: bg #EFF3F8 + gradient sobre white + border #DBE0E5 + radius 12px + inner white shadow. Caller compoe via <ds-statsbar-card> filhos. Desktop: flex row. Mobile (<=991px): auto-grid 2 colunas. Mobile pequeno (<=480px): 1 coluna. **NAO confundir** com <ds-statsbar-card> (UMA stat individual). **Nao envolve** o legado <app-stats-bar> de app/shared.",
       "tags": [
         "stats",
+        "statsbar",
         "metrics",
         "kpi",
+        "dashboard",
+        "listagem",
+        "container",
+        "horizontal"
+      ],
+      "props": [
+        {
+          "name": "columns",
+          "type": "StatsBarColumns",
+          "default": "4",
+          "description": "Numero de colunas em desktop (1-6). Mobile sempre vira 2x2 grid (exceto 1/2 que mantem)."
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "default": "'Estatisticas'",
+          "description": "Aria-label do container para screen readers."
+        }
+      ],
+      "outputs": [],
+      "slots": [
+        {
+          "name": "default",
+          "description": "N <ds-statsbar-card> filhos. Cada um e uma stat independente com title/value/delta/variant/icon."
+        }
+      ],
+      "examples": [
+        "<ds-stats-bar [columns]=\"4\">\n  <ds-statsbar-card title=\"Lives Realizadas\" value=\"97\" delta=\"5%\" variant=\"info\" />\n  <ds-statsbar-card title=\"Lives Agendadas\" value=\"3\" delta=\"5%\" variant=\"warning\" />\n  <ds-statsbar-card title=\"Audiencia Media\" value=\"127\" delta=\"5%\" variant=\"success\" />\n  <ds-statsbar-card title=\"Gravacoes\" value=\"42\" delta=\"5%\" variant=\"purple\" />\n</ds-stats-bar>",
+        "// Listagem sem delta (Figma 787-5195 Cursos):\n<ds-stats-bar [columns]=\"4\">\n  <ds-statsbar-card variant=\"info\" title=\"Todos\" value=\"48\" />\n  <ds-statsbar-card variant=\"success\" title=\"Publicados\" value=\"25\" />\n</ds-stats-bar>"
+      ]
+    },
+    {
+      "name": "FilterDropdownComponent",
+      "selector": "ds-filter-dropdown",
+      "description": "Filtro multi-select via overlay com checkboxes round neumorphic. Pattern do Figma DEC-FIG-A-4 (952-15654/16189/16231/16238). Trigger pill neumorphic (bg #EDF1F6 + drop shadow + inset top white / bottom dark) com icon filter + label dinamico + chevron. Overlay com border 1px #ADC2DD + checkboxes 16px round (selecionado: gradient azul #5C8DE2->#27467C + outer shadow neumorphic; nao-selecionado: bg #E3EDF7 + inset shadow). Estado controlado pelo caller (selectedValues array). Click fora ou ESC fecha. Usa CDK Overlay. Para single-select: caller pode emular passando array com 1 item ou usar <ds-dropdown-menu> action items.",
+      "tags": [
         "filter",
+        "dropdown",
+        "multi-select",
+        "checkbox",
+        "overlay",
         "listagem",
-        "crud",
-        "horizontal",
-        "statsbar"
+        "status",
+        "neumorphic"
       ],
       "props": [
         {
-          "name": "stats",
-          "type": "StatItem[]",
+          "name": "options",
+          "type": "FilterDropdownItem[]",
+          "required": true,
+          "description": "Array de opcoes {value, label, count?, disabled?}."
+        },
+        {
+          "name": "selectedValues",
+          "type": "string[]",
           "default": "[]",
-          "description": "Lista de stats. Cada StatItem: {id, label, value (number|string), color?, icon?, percent?, total?, tooltip?, isActive?, clickable?, onClick?, trend?, trendValue?}."
+          "description": "Values atualmente selecionados (controlado pelo caller)."
         },
         {
-          "name": "config",
-          "type": "StatsBarConfig",
-          "default": "{}",
-          "description": "{columns?: 2-6 (default 4), loading?, showSkeleton?, skeletonCount?, variant?: default|compact|cards, containerClass?, showIcons?, showTrends?, multiSelect?}."
+          "name": "triggerLabel",
+          "type": "string",
+          "default": "'Filtro'",
+          "description": "Label do trigger button. Pattern: nome do filtro ativo ou 'N selecionados'."
+        },
+        {
+          "name": "triggerIcon",
+          "type": "string",
+          "default": "'heroFunnel'",
+          "description": "Heroicon do trigger. Default funnel (filter)."
+        },
+        {
+          "name": "position",
+          "type": "FilterDropdownPosition",
+          "default": "'bottom-start'",
+          "description": "Posicao do overlay: bottom-start | bottom-end | top-start | top-end."
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "default": "'Filtrar'",
+          "description": "Aria-label do trigger e do listbox."
+        },
+        {
+          "name": "minWidth",
+          "type": "string",
+          "default": "'200px'",
+          "description": "Largura minima do overlay (CSS)."
         }
       ],
       "outputs": [
         {
-          "name": "statClick",
-          "type": "EventEmitter<StatSelectEvent>",
-          "description": "Emitido ao clicar em uma stat. Inclui item clicado + lista de selecionados (multi)."
+          "name": "filtersChange",
+          "type": "EventEmitter<string[]>",
+          "description": "Emitido com o novo array de selectedValues apos cada toggle."
+        },
+        {
+          "name": "openChange",
+          "type": "EventEmitter<boolean>",
+          "description": "Emitido quando o overlay abre ou fecha."
         }
       ],
       "examples": [
-        "<ds-stats-bar [stats]=\"courseStats()\" [config]=\"{ columns: 4, showTrends: true }\" (statClick)=\"onStatClick($event)\" />",
-        "// Stat com trend:\n{ id: 'active', label: 'Ativos', value: 89, color: 'success', percent: 72, trend: 'up', trendValue: '+12%' }",
-        "// Pipeline 6 colunas:\n<ds-stats-bar [stats]=\"pipelineStats\" [config]=\"{ columns: 6 }\" />"
+        "<ds-filter-dropdown\n  [options]=\"[\n    { value: 'all', label: 'Todos', count: 7 },\n    { value: 'confirmed', label: 'Confirmados', count: 3 },\n    { value: 'pending', label: 'Pendentes', count: 2 }\n  ]\"\n  [selectedValues]=\"selected()\"\n  triggerLabel=\"Todos\"\n  (filtersChange)=\"onFilterChange($event)\"\n/>",
+        "// Caller controla o label dinamico:\nfilterLabel = computed(() => {\n  const sel = this.selected();\n  if (sel.length === 0) return 'Filtro';\n  if (sel.length === 1) return this.options.find(o => o.value === sel[0])?.label ?? 'Filtro';\n  return `${sel.length} selecionados`;\n});"
       ]
     }
   ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dgplsoares/singulai-ds-mcp",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "MCP server exposing the Singulai Design System (Angular 20) to AI agents \u2014 Claude Desktop, Claude Code, Cursor, Continue.",
   "type": "module",
   "main": "dist/index.js",