@dgplsoares/singulai-ds-mcp 0.2.0 → 0.4.0

package/dist/data/catalog.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.2.0",
-  "generated_at": "2026-05-11",
+  "version": "0.4.0",
+  "generated_at": "2026-05-12",
   "design_system": {
     "name": "Singulai Design System",
     "version": "DS-2.1",
@@ -233,6 +233,47 @@
     "PipelineFunnelDeltaDirection": [
       "up",
       "down"
+    ],
+    "OffcanvasPosition": [
+      "left",
+      "right",
+      "top",
+      "bottom"
+    ],
+    "OffcanvasSize": [
+      "sm",
+      "md",
+      "lg",
+      "xl",
+      "full"
+    ],
+    "StatColor": [
+      "primary",
+      "success",
+      "warning",
+      "danger",
+      "info",
+      "muted",
+      "purple",
+      "indigo",
+      "pink"
+    ],
+    "StatTrend": [
+      "up",
+      "down",
+      "neutral"
+    ],
+    "StatsBarVariant": [
+      "default",
+      "compact",
+      "cards"
+    ],
+    "StatsBarColumns": [
+      2,
+      3,
+      4,
+      5,
+      6
     ]
   },
   "components": [
@@ -1915,6 +1956,140 @@
         "<ds-pipeline-funnel [items]=\"funilItems\" />",
         "// Items com polaridade invertida (tickets em aberto):\n[{key:'open',label:'Em aberto',value:42,percent:80,variant:'danger',deltaPercent:15,deltaDirection:'up',inversePolarity:true}]"
       ]
+    },
+    {
+      "name": "OffcanvasComponent",
+      "selector": "ds-offcanvas",
+      "description": "Painel lateral deslizante (slide-out drawer). Thin-wrap de <app-offcanvas> (298 LOC). Forwarda 100% da API + re-exporta types. 4 posicoes (left/right/top/bottom) × 5 sizes (sm/md/lg/xl/full). Backdrop click + ESC + body scroll lock + animacao suave configuravel + focus trap + close button + header/footer slots via TemplateRef. Suporta tambem ng-content direto no body. Two-way binding via [(isOpen)]. Padrao default: position=right, size=md. Pattern tipico para CRUD edits inline, filtros laterais, bottom sheets (mobile), notification centers.",
+      "tags": [
+        "offcanvas",
+        "drawer",
+        "sidebar",
+        "panel",
+        "modal",
+        "slide-out",
+        "sheet",
+        "crud",
+        "form-edit"
+      ],
+      "props": [
+        {
+          "name": "isOpen",
+          "type": "boolean",
+          "default": "false",
+          "description": "Estado de abertura. Two-way binding via [(isOpen)]."
+        },
+        {
+          "name": "config",
+          "type": "OffcanvasConfig",
+          "default": "{}",
+          "description": "{position?, size?, showBackdrop?, closeOnBackdrop?, closeOnEscape?, showCloseButton?, containerClass?, panelClass?, zIndex?, blockScroll?, animationDuration?}."
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "default": "''",
+          "description": "Titulo do header. Quando vazio, header so renderiza se showCloseButton."
+        },
+        {
+          "name": "subtitle",
+          "type": "string",
+          "default": "''",
+          "description": "Subtitulo opcional abaixo do titulo."
+        },
+        {
+          "name": "data",
+          "type": "unknown",
+          "default": "null",
+          "description": "Dados passados para templateContext (uso com TemplateRef)."
+        },
+        {
+          "name": "contentTemplate",
+          "type": "TemplateRef<OffcanvasTemplateContext> | undefined",
+          "default": "undefined",
+          "description": "TemplateRef alternativo ao ng-content para o body. Recebe contexto {$implicit: data, close}."
+        },
+        {
+          "name": "footerTemplate",
+          "type": "TemplateRef<OffcanvasTemplateContext> | undefined",
+          "default": "undefined",
+          "description": "TemplateRef para o footer (action buttons). Mesmo contexto do contentTemplate."
+        }
+      ],
+      "outputs": [
+        {
+          "name": "opened",
+          "type": "EventEmitter<OffcanvasOpenEvent>",
+          "description": "Emitido apos a animacao de abertura iniciar."
+        },
+        {
+          "name": "closed",
+          "type": "EventEmitter<OffcanvasCloseEvent>",
+          "description": "Emitido ao fechar. reason: backdrop|escape|button|programmatic."
+        },
+        {
+          "name": "isOpenChange",
+          "type": "EventEmitter<boolean>",
+          "description": "Two-way binding [(isOpen)]."
+        }
+      ],
+      "publicMethods": [
+        {
+          "name": "open",
+          "signature": "(): void",
+          "description": "Abre o panel imperativamente (via ViewChild)."
+        },
+        {
+          "name": "close",
+          "signature": "(result?: unknown): void",
+          "description": "Fecha o panel imperativamente, com resultado opcional."
+        }
+      ],
+      "examples": [
+        "<ds-offcanvas [(isOpen)]=\"isFormOpen\" title=\"Editar Curso\" [config]=\"{ position: 'right', size: 'lg' }\"><form>...</form></ds-offcanvas>",
+        "// Com TemplateRef e footer:\n<ds-offcanvas [(isOpen)]=\"open\" title=\"...\" [contentTemplate]=\"body\" [footerTemplate]=\"footer\" [data]=\"item\" />\n<ng-template #body let-item let-close=\"close\">...</ng-template>"
+      ]
+    },
+    {
+      "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).",
+      "tags": [
+        "stats",
+        "metrics",
+        "kpi",
+        "filter",
+        "listagem",
+        "crud",
+        "horizontal",
+        "statsbar"
+      ],
+      "props": [
+        {
+          "name": "stats",
+          "type": "StatItem[]",
+          "default": "[]",
+          "description": "Lista de stats. Cada StatItem: {id, label, value (number|string), color?, icon?, percent?, total?, tooltip?, isActive?, clickable?, onClick?, trend?, trendValue?}."
+        },
+        {
+          "name": "config",
+          "type": "StatsBarConfig",
+          "default": "{}",
+          "description": "{columns?: 2-6 (default 4), loading?, showSkeleton?, skeletonCount?, variant?: default|compact|cards, containerClass?, showIcons?, showTrends?, multiSelect?}."
+        }
+      ],
+      "outputs": [
+        {
+          "name": "statClick",
+          "type": "EventEmitter<StatSelectEvent>",
+          "description": "Emitido ao clicar em uma stat. Inclui item clicado + lista de selecionados (multi)."
+        }
+      ],
+      "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 }\" />"
+      ]
     }
   ],
   "services": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dgplsoares/singulai-ds-mcp",
-  "version": "0.2.0",
+  "version": "0.4.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",