@seniorsistemas/angular-components-mcp 1.0.0-beta.3 → 1.0.0

package/dist/data/components-metadata.json

@@ -0,0 +1,4402 @@
+{
+  "categories": {
+    "inputs": {
+      "description": "Input and action components",
+      "components": [
+        {
+          "name": "button",
+          "selector": "s-button",
+          "description": "Componente de botão versátil que suporta ícones, tooltip, menu de opções (tiered menu), badge, animações e diferentes prioridades visuais. Pode ser configurado como botão de ação simples, botão com menu dropdown ou botão deslizante (slide).",
+          "package": "@seniorsistemas/angular-components/button",
+          "priority": "high",
+          "keywords": [
+            "button",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do elemento botão no DOM. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "label",
+              "description": "Texto exibido dentro do botão.",
+              "type": "string"
+            },
+            {
+              "name": "tooltip",
+              "description": "Texto do tooltip exibido ao passar o mouse sobre o botão.",
+              "type": "string"
+            },
+            {
+              "name": "tooltipPosition",
+              "description": "Posição do tooltip em relação ao botão.",
+              "default": "'top'",
+              "type": "TooltipPositions"
+            },
+            {
+              "name": "iconClass",
+              "description": "Classe de ícone exibida à esquerda do label (ex.: `'fas fa-save'`).",
+              "type": "string"
+            },
+            {
+              "name": "rightIconClass",
+              "description": "Classe de ícone exibida à direita do label.",
+              "type": "string"
+            },
+            {
+              "name": "caret",
+              "description": "Exibe o ícone de caret (seta) quando o botão possui um menu de opções.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "styleClass",
+              "description": "Classe CSS adicional aplicada ao elemento `<button>` interno.",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "baseZIndex",
+              "description": "Z-index base do painel do menu dropdown associado ao botão.",
+              "default": "0",
+              "type": "number"
+            },
+            {
+              "name": "disabled",
+              "description": "Desabilita o botão, impedindo cliques e interação do usuário.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "auxiliary",
+              "description": "Aplica estilo auxiliar (menos destaque visual) ao botão.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "type",
+              "description": "Tipo do elemento `<button>` HTML (`'button'`, `'submit'`, `'reset'`).",
+              "default": "'button'",
+              "type": "string"
+            },
+            {
+              "name": "priority",
+              "description": "Prioridade visual do botão, que determina seu estilo. Aceita `'primary'`, `'default'`, `'danger'`, `'link'`, entre outros.",
+              "default": "'primary'",
+              "type": "ButtonPriority"
+            },
+            {
+              "name": "menuOptions",
+              "description": "Lista de itens do menu dropdown exibido ao clicar no caret do botão.",
+              "default": "[]",
+              "type": "TieredMenuItemData[]"
+            },
+            {
+              "name": "menuAriaLabel",
+              "description": "Tamanho visual do botão. Aceita `'default'` ou `'small'`.",
+              "default": "'default'",
+              "type": "string"
+            },
+            {
+              "name": "size",
+              "type": "'default' | 'small'"
+            },
+            {
+              "name": "slide",
+              "description": "Habilita o modo slide, que exibe uma animação de deslize ao passar o mouse. Requer `priority` igual a `'default'` ou `'link'` e um `label` definido.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "animation",
+              "description": "Tipo de animação aplicada ao botão (`'rotate'`, `'pulse'`, etc.).",
+              "type": "ButtonAnimations"
+            },
+            {
+              "name": "badge",
+              "description": "Configuração do badge exibido sobre o botão, com contador ou indicador visual.",
+              "type": "ButtonBadgeConfig"
+            },
+            {
+              "name": "iconColor",
+              "description": "Cor aplicada ao ícone do botão, sobrescrevendo a cor padrão do tema.",
+              "type": "string"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "clicked",
+              "description": "Emitido ao clicar no botão, desde que não esteja desabilitado.",
+              "type": "EventEmitter<any>"
+            }
+          ]
+        },
+        {
+          "name": "dynamic-form",
+          "selector": "s-dynamic-form",
+          "description": "Componente de formulário dinâmico que renderiza campos configuráveis a partir de uma estrutura de dados (`DynamicStructure[]` ou `DynamicType[]`). Suporta múltiplos tipos de campo (texto, número, select, data, arquivo, etc.) e integra-se a um `FormGroup` Angular existente.",
+          "package": "@seniorsistemas/angular-components/dynamic-form",
+          "priority": "high",
+          "keywords": [
+            "dynamic-form",
+            "dynamic",
+            "form",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do formulário dinâmico no DOM.",
+              "type": "string"
+            },
+            {
+              "name": "configs",
+              "description": "Lista de estruturas de campos dinâmicos a serem renderizados.",
+              "default": "[]",
+              "type": "DynamicStructure[]"
+            },
+            {
+              "name": "fields",
+              "description": "Lista legada de campos dinâmicos no formato `DynamicType[]`.",
+              "type": "DynamicType[]",
+              "deprecated": true
+            },
+            {
+              "name": "form",
+              "description": "`FormGroup` Angular ao qual os campos dinâmicos serão vinculados. Campo obrigatório."
+            },
+            {
+              "name": "errorMessages",
+              "description": "Mapa de mensagens de erro customizadas por nome de validador, aplicadas globalmente aos campos do formulário.",
+              "default": "{}",
+              "type": "any"
+            }
+          ],
+          "mustUse": true,
+          "reason": "Always prefer dynamic-form over individual form components for better UX consistency"
+        },
+        {
+          "name": "accordion",
+          "selector": "s-accordion",
+          "description": "Componente de acordeão que gerencia a abertura e o fechamento de painéis {",
+          "package": "@seniorsistemas/angular-components/accordion",
+          "priority": "medium",
+          "keywords": [
+            "accordion",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "activeIndex",
+              "description": "Índice (ou lista de índices) do(s) painel(is) que devem iniciar abertos. Aceita um número para painel único ou um array de números para o modo múltiplo.",
+              "type": "number | number[]"
+            },
+            {
+              "name": "multiple",
+              "description": "Permite que múltiplos painéis estejam abertos ao mesmo tempo. Quando `false`, abrir um painel fecha automaticamente o anterior.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ]
+        },
+        {
+          "name": "autocomplete",
+          "selector": "s-autocomplete",
+          "description": "Componente de autocompletar com sugestões dinâmicas, suportando seleção simples e múltipla. Implementa {",
+          "package": "@seniorsistemas/angular-components/autocomplete",
+          "priority": "medium",
+          "keywords": [
+            "autocomplete",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "suggestions",
+              "description": "Lista estática de sugestões exibidas no dropdown. No modo lazy, prefira usar o output `lazyLoad`.",
+              "default": "[]",
+              "type": "T[]"
+            },
+            {
+              "name": "placeholder",
+              "description": "Texto exibido no input quando nenhum valor está selecionado.",
+              "type": "string"
+            },
+            {
+              "name": "suggestionValue",
+              "description": "Chave do objeto de sugestão cujo valor será emitido ao formulário.",
+              "type": "keyof T"
+            },
+            {
+              "name": "suggestionLabel",
+              "description": "Chave do objeto de sugestão usada como texto de exibição no dropdown.",
+              "type": "keyof T"
+            },
+            {
+              "name": "readonly",
+              "description": "Torna o campo somente leitura, impedindo digitação e seleção.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "emptyMessage",
+              "description": "Mensagem exibida no dropdown quando nenhuma sugestão é encontrada.",
+              "type": "string"
+            },
+            {
+              "name": "delay",
+              "description": "Tempo de espera em ms após a última tecla antes de acionar a busca por sugestões.",
+              "default": "300",
+              "type": "number"
+            },
+            {
+              "name": "invalid",
+              "description": "Exibe estado de erro visual no campo de input.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "virtualScroll",
+              "description": "Habilita virtualização da lista de sugestões para melhor performance com grandes volumes de dados.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "virtualScrollItemSize",
+              "description": "Altura fixa em pixels de cada item no virtual scroll.",
+              "default": "37",
+              "type": "number"
+            },
+            {
+              "name": "lazy",
+              "description": "Ativa o carregamento assíncrono de sugestões via o output `lazyLoad`.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "dropdown",
+              "description": "Exibe um botão de dropdown para abrir a lista sem necessidade de digitação.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "forceSelection",
+              "description": "Quando `true`, o valor do campo deve ser obrigatoriamente uma das opções sugeridas.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "checkmark",
+              "description": "Exibe ícone de checkmark ao lado da opção selecionada no dropdown.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "multiple",
+              "description": "Habilita seleção de múltiplos itens exibidos como chips no campo.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "minLengthToSearch",
+              "description": "Quantidade mínima de caracteres necessária para acionar a busca por sugestões.",
+              "default": "1",
+              "type": "number"
+            },
+            {
+              "name": "inputClass",
+              "description": "Classe CSS adicional aplicada ao elemento `<input>` interno.",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "dataKey",
+              "description": "Chave do objeto usada para comparação de identidade entre opções, evitando duplicatas na seleção múltipla.",
+              "type": "keyof T"
+            },
+            {
+              "name": "value",
+              "description": "Valor atualmente selecionado no modo simples, via two-way binding.",
+              "type": "T | null"
+            },
+            {
+              "name": "values",
+              "description": "Lista de valores selecionados no modo múltiplo, via two-way binding.",
+              "default": "[]",
+              "type": "T[]"
+            },
+            {
+              "name": "disabled",
+              "description": "Controla o estado desabilitado do componente via two-way binding.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "lazyLoad",
+              "description": "Emitido no modo lazy quando o usuário digita e o componente está pronto para receber novas sugestões. O evento contém `query` (texto digitado) e `response` (função callback para fornecer os dados).",
+              "type": "{ query: string; response: (data: T[]) ="
+            },
+            {
+              "name": "selected",
+              "description": "Emitido quando o usuário seleciona uma sugestão do dropdown.",
+              "type": "T"
+            },
+            {
+              "name": "unselected",
+              "description": "Emitido quando o usuário remove uma sugestão selecionada (modo múltiplo).",
+              "type": "T"
+            },
+            {
+              "name": "blurred",
+              "description": "Emitido quando o campo perde o foco.",
+              "type": "Event"
+            },
+            {
+              "name": "cleared",
+              "description": "Emitido quando o campo é limpo pelo usuário."
+            },
+            {
+              "name": "keyUp",
+              "description": "Emitido a cada pressionamento de tecla no campo de input.",
+              "type": "Event"
+            },
+            {
+              "name": "focused",
+              "description": "Emitido quando o campo recebe foco.",
+              "type": "any"
+            },
+            {
+              "name": "completeMethod",
+              "description": "Emitido quando o usuário digita no campo, fornecendo o texto atual para filtragem de sugestões.",
+              "type": "{ query: string }"
+            }
+          ]
+        },
+        {
+          "name": "checkbox",
+          "selector": "s-checkbox",
+          "description": "Componente de caixa de seleção (checkbox) com suporte a três estados: marcado, desmarcado e indeterminado. Implementa {",
+          "package": "@seniorsistemas/angular-components/checkbox",
+          "priority": "medium",
+          "keywords": [
+            "checkbox",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "disabled",
+              "description": "Controla o estado desabilitado via two-way binding.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "checked",
+              "description": "Valor marcado/desmarcado do checkbox via two-way binding.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "indeterminate",
+              "description": "Quando `true`, o checkbox inicia no estado indeterminado (traço) até a primeira interação do usuário.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "label",
+              "description": "Texto do label exibido ao lado do checkbox.",
+              "default": "''",
+              "type": "string"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "checkedChange",
+              "description": "Emitido quando o valor do checkbox é alterado pelo usuário. Emite o novo valor booleano (`true` para marcado, `false` para desmarcado).",
+              "type": "boolean"
+            }
+          ],
+          "note": "Prefer using dynamic-form with appropriate field type instead"
+        },
+        {
+          "name": "select",
+          "selector": "s-select",
+          "description": "Componente de seleção dropdown genérico com suporte a seleção simples e múltipla, filtro, agrupamento, virtual scroll e acessibilidade (ARIA combobox). Implementa {",
+          "package": "@seniorsistemas/angular-components/select",
+          "priority": "medium",
+          "keywords": [
+            "select",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "placeholder",
+              "description": "Texto exibido quando nenhuma opção está selecionada.",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "multiple",
+              "description": "Habilita a seleção de múltiplas opções simultâneas.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "options",
+              "description": "Lista de opções disponíveis para seleção. Campo obrigatório."
+            },
+            {
+              "name": "optionLabel",
+              "description": "Chave do objeto de opção usada como label de exibição.",
+              "type": "keyof T"
+            },
+            {
+              "name": "optionValue",
+              "description": "Chave do objeto de opção usada como valor a ser emitido ao formulário.",
+              "type": "keyof T"
+            },
+            {
+              "name": "showClear",
+              "description": "Exibe um botão para limpar a seleção atual.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "filter",
+              "description": "Habilita um campo de filtro textual para pesquisa nas opções.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "checkmark",
+              "description": "Exibe um ícone de checkmark ao lado da opção selecionada.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "filterBy",
+              "description": "Chave(s) do objeto usada(s) para filtragem textual. Quando não informado, usa `optionLabel`.",
+              "type": "keyof T | (keyof T)[]"
+            },
+            {
+              "name": "group",
+              "description": "Habilita agrupamento de opções. As opções devem conter itens filhos conforme a estrutura de grupo suportada.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "virtualScroll",
+              "description": "Habilita virtualização da lista para melhor performance com grandes volumes de opções.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "virtualScrollItemSize",
+              "description": "Altura fixa de cada item da lista em pixels, necessária para o cálculo do virtual scroll.",
+              "default": "37",
+              "type": "number"
+            },
+            {
+              "name": "emptyMessage",
+              "description": "Mensagem exibida quando nenhuma opção corresponde ao filtro aplicado.",
+              "default": "null",
+              "type": "string | null"
+            },
+            {
+              "name": "disabled",
+              "description": "Controla o estado desabilitado do componente via two-way binding.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "showOptions",
+              "description": "Controla a visibilidade do painel de opções via two-way binding.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ],
+          "note": "Prefer using dynamic-form with appropriate field type instead"
+        },
+        {
+          "name": "bignumber-input",
+          "selector": "input[sBignumberInput]",
+          "description": "Diretiva de máscara para campos de entrada de números de grande precisão, adaptada do `CurrencyMaskDirective`. Permite configurar precisão, escala, separadores decimais e de milhar de acordo com o locale da aplicação.",
+          "package": "@seniorsistemas/angular-components/bignumber-input",
+          "priority": "low",
+          "keywords": [
+            "bignumber-input",
+            "bignumber",
+            "input",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "precision",
+              "description": "Número total de dígitos significativos aceitos pelo campo.",
+              "default": "15",
+              "type": "number"
+            },
+            {
+              "name": "scale",
+              "description": "Número de casas decimais exibidas e aceitas pelo campo.",
+              "default": "0",
+              "type": "number"
+            },
+            {
+              "name": "decimalSeparator",
+              "description": "Separador decimal personalizado. Quando não informado, utiliza o separador definido pelo locale ativo da aplicação.",
+              "type": "string"
+            },
+            {
+              "name": "thousandsSeparator",
+              "description": "Separador de milhar personalizado. Quando não informado, utiliza o separador definido pelo locale ativo da aplicação.",
+              "type": "string"
+            },
+            {
+              "name": "alignTo",
+              "description": "Alinhamento do conteúdo do campo. Aceita `'left'` ou `'right'`.",
+              "default": "'left'",
+              "type": "'left' | 'right'"
+            },
+            {
+              "name": "allowNegative",
+              "description": "Permite a entrada de valores negativos.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "placeholder",
+              "description": "Texto de placeholder exibido quando o campo está vazio.",
+              "type": "string"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "pasteRejected",
+              "description": "Emitido quando uma colé (paste) é rejeitada pela validação do campo. Emite a string colada que foi recusada."
+            }
+          ]
+        },
+        {
+          "name": "calendar-mask",
+          "selector": "p-calendar[sCalendarMask]",
+          "description": "Diretiva que aplica máscara de entrada a um componente `p-calendar` do PrimeNG, formatando automaticamente a data conforme o formato configurado no calendário. Intercepta os eventos de teclado e input do campo interno do calendar para garantir que apenas entradas válidas sejam aceitas.",
+          "package": "@seniorsistemas/angular-components/calendar-mask",
+          "priority": "low",
+          "keywords": [
+            "calendar-mask",
+            "calendar",
+            "mask",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "slotChar",
+              "description": "Caractere usado como placeholder para as posições ainda não preenchidas na máscara.",
+              "default": "'_'",
+              "type": "string"
+            },
+            {
+              "name": "autoClear",
+              "description": "Quando `true`, limpa automaticamente o campo caso o valor digitado seja inválido ao perder o foco.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ]
+        },
+        {
+          "name": "chat",
+          "selector": "s-chat",
+          "description": "Componente de interface de chat que exibe uma lista de mensagens e faz scroll automático até a última mensagem sempre que novas são adicionadas. Renderiza cada mensagem via {",
+          "package": "@seniorsistemas/angular-components/chat",
+          "priority": "low",
+          "keywords": [
+            "chat",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "messages",
+              "description": "Lista de mensagens exibidas no chat. Cada item é do tipo {",
+              "default": "[]",
+              "type": "ChatMessage[]"
+            }
+          ]
+        },
+        {
+          "name": "checkbox-list",
+          "selector": "s-checkbox-list",
+          "description": "Componente de lista de checkboxes hierárquica, com suporte a estados pai/filho e indeterminado. Ao marcar/desmarcar o item pai, todos os filhos são afetados, e o estado do pai é calculado automaticamente com base nos filhos. Implementa {",
+          "package": "@seniorsistemas/angular-components/checkbox-list",
+          "priority": "low",
+          "keywords": [
+            "checkbox-list",
+            "checkbox",
+            "list",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "data",
+              "description": "Estrutura de dados que define o item raiz e seus filhos. Cada `CheckboxListData` pode conter o label, estado inicial e uma lista de filhos recursiva. Campo obrigatório."
+            }
+          ]
+        },
+        {
+          "name": "chips",
+          "selector": "s-chip-item",
+          "description": "Componente interno de item individual de chip, utilizado pelo {",
+          "package": "@seniorsistemas/angular-components/chips",
+          "priority": "low",
+          "keywords": [
+            "chips",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "dataRender",
+              "description": "Conteúdo a ser exibido no chip (string ou objeto). Campo obrigatório."
+            },
+            {
+              "name": "objectField",
+              "description": "Chave do objeto usada para exibição quando `dataRender` for um objeto. Campo obrigatório."
+            },
+            {
+              "name": "disabled",
+              "description": "Desabilita os eventos de clique do chip. Campo obrigatório.",
+              "type": "boolean"
+            },
+            {
+              "name": "templateRef",
+              "description": "Template personalizado para renderização interna do chip."
+            },
+            {
+              "name": "itemIndex",
+              "description": "Índice do chip na lista, usado ao emitir o evento de remoção. Campo obrigatório.",
+              "type": "number"
+            },
+            {
+              "name": "showTooltip",
+              "description": "Habilita o tooltip para chips com texto truncado. Campo obrigatório.",
+              "type": "boolean"
+            },
+            {
+              "name": "maxLengthRenderWithoutTooltip",
+              "description": "Limite de caracteres exibidos antes de truncar o texto do chip. Campo obrigatório.",
+              "type": "number"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "clickRemove",
+              "description": "Emitido ao clicar no botão de remoção do chip."
+            },
+            {
+              "name": "chipClicked",
+              "description": "Emitido ao clicar sobre o chip (fora do botão de remoção)."
+            }
+          ]
+        },
+        {
+          "name": "code-editor",
+          "selector": "s-code-editor",
+          "description": "Componente de editor de código com syntax highlighting, construído sobre um editor Monaco/CodeMirror. Implementa {",
+          "package": "@seniorsistemas/angular-components/code-editor",
+          "priority": "low",
+          "keywords": [
+            "code-editor",
+            "code",
+            "editor",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "set",
+              "description": "Opções de configuração do editor (linguagem, tema, readonly, etc.). Ao atribuir um novo valor, as opções são aplicadas imediatamente ao editor."
+            },
+            {
+              "name": "set",
+              "description": "Conteúdo textual do editor. Ao atribuir, o código é propagado ao núcleo do editor."
+            },
+            {
+              "name": "isCodeValid",
+              "description": "Indica se o código atual é válido segundo as regras do editor. Pode ser usado para exibir indicadores visuais de erro.",
+              "default": "false",
+              "type": "boolean | undefined"
+            },
+            {
+              "name": "set",
+              "description": "Payload adicional passado ao núcleo do editor, utilizado para contexto de autocompletar ou validações específicas da linguagem."
+            }
+          ],
+          "outputs": [
+            {
+              "name": "codeChange",
+              "description": "Emitido sempre que o conteúdo do editor é alterado. Emite o código atual como string."
+            },
+            {
+              "name": "isCodeValidChange",
+              "description": "Emitido quando o estado de validade do código muda."
+            },
+            {
+              "name": "onCodeChange",
+              "description": "Emitido sempre que o conteúdo do editor é alterado.",
+              "deprecated": true
+            },
+            {
+              "name": "onComponentFinishLoad",
+              "description": "Emitido quando o componente finaliza o carregamento e o editor está pronto para uso."
+            }
+          ]
+        },
+        {
+          "name": "content-generator",
+          "selector": "s-content-generator, s-text-area-ia",
+          "description": "Componente de área de texto com geração de conteúdo por inteligência artificial. Integra-se ao serviço IAssist para sugerir e completar textos com base em um prompt configurável. Suporta reconhecimento de voz opcional e mantém contexto entre gerações quando `keepContext` é `true`. Implementa {",
+          "package": "@seniorsistemas/angular-components/content-generator",
+          "priority": "low",
+          "keywords": [
+            "content-generator",
+            "content",
+            "generator",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do componente no DOM. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "label",
+              "description": "Label exibido acima da área de texto."
+            },
+            {
+              "name": "placeholder",
+              "description": "Texto de placeholder exibido na área de texto quando vazia.",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "prompt",
+              "description": "Instrução (prompt) enviada ao serviço de IA para gerar o conteúdo sugerido."
+            },
+            {
+              "name": "readonly",
+              "description": "Torna a área de texto somente leitura.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "rows",
+              "description": "Número de linhas visíveis da área de texto.",
+              "default": "10",
+              "type": "number"
+            },
+            {
+              "name": "cols",
+              "description": "Número de colunas visíveis da área de texto.",
+              "default": "10",
+              "type": "number"
+            },
+            {
+              "name": "speechRecognition",
+              "description": "Habilita o botão de reconhecimento de voz para ditado de texto.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "keepContext",
+              "description": "Quando `true`, o histórico de gerações anteriores é enviado ao serviço de IA como contexto.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "speechRecognitionPlaceholder",
+              "description": "Texto de placeholder exibido no campo de reconhecimento de voz.",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "maxLength",
+              "description": "Limite máximo de caracteres permitidos na área de texto. `null` desabilita o limite.",
+              "default": "null",
+              "type": "number | null"
+            },
+            {
+              "name": "textAreaStyle",
+              "description": "Estilos CSS inline aplicados à área de texto interna.",
+              "type": "Partial<CSSStyleDeclaration"
+            }
+          ]
+        },
+        {
+          "name": "country-phone-picker",
+          "selector": "s-country-phone-picker",
+          "description": "Componente seletor de país e número de telefone com máscara dinâmica. Exibe uma lista de países com seus códigos DDI e aplica automaticamente a máscara de formatação do número conforme o país selecionado. Implementa {",
+          "package": "@seniorsistemas/angular-components/country-phone-picker",
+          "priority": "low",
+          "keywords": [
+            "country-phone-picker",
+            "country",
+            "phone",
+            "picker",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "countries",
+              "description": "Lista de códigos de país (ISO 3166-1 alpha-2) exibidos no seletor. Quando vazia, todos os países disponíveis são listados.",
+              "default": "[]",
+              "type": "string[]"
+            },
+            {
+              "name": "ordination",
+              "description": "Critério de ordenação dos países na lista. Aceita os valores do enum `Ordination` (ex.: por nome, por DDI, sem ordenação).",
+              "default": "Ordination.NO",
+              "type": "Ordination"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "selected",
+              "description": "Emitido quando o usuário seleciona um país no dropdown. Emite um objeto {",
+              "type": "EventEmitter<CountryPhoneData>"
+            },
+            {
+              "name": "focusLost",
+              "description": "Emitido quando o campo de número de telefone perde o foco. Emite o objeto {",
+              "type": "EventEmitter<PhoneSelectionData | null>"
+            }
+          ]
+        },
+        {
+          "name": "custom-fields",
+          "selector": "s-custom-fields",
+          "description": "Componente que carrega e renderiza campos customizados dinamicamente a partir da API de customização de campos do Senior. Realiza chamadas HTTP para obter a configuração dos campos, gera o formulário reativamente via {",
+          "package": "@seniorsistemas/angular-components/custom-fields",
+          "priority": "low",
+          "keywords": [
+            "custom-fields",
+            "custom",
+            "fields",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "domain",
+              "description": "Domínio utilizado para buscar os campos customizados na API. Campo obrigatório."
+            },
+            {
+              "name": "service",
+              "description": "Nome do serviço utilizado para identificar os campos customizados. Campo obrigatório."
+            },
+            {
+              "name": "entity",
+              "description": "Nome da entidade para a qual os campos customizados são carregados. Campo obrigatório."
+            },
+            {
+              "name": "invalidErrorLabel",
+              "description": "Mensagem de erro exibida quando algum campo customizado está inválido.",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "entityObject",
+              "description": "Objeto com dados pré-carregados da entidade, evitando chamadas extras à API.",
+              "type": "CustomFieldsResponse"
+            },
+            {
+              "name": "customFieldsEndpoint",
+              "description": "Endpoint para buscar a configuração dos campos customizados.",
+              "type": "string"
+            },
+            {
+              "name": "fileLocationEndpoint",
+              "description": "Endpoint para solicitar o upload de arquivos em campos do tipo blob.",
+              "type": "string"
+            },
+            {
+              "name": "requestAccessEndpoint",
+              "description": "Endpoint para solicitar acesso a arquivos já enviados.",
+              "type": "string"
+            },
+            {
+              "name": "requiredErrorMessage",
+              "description": "Mensagem de erro exibida quando um campo obrigatório não está preenchido.",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "displayTimeInfoSign",
+              "description": "Tempo em ms após o qual o info-sign de campos do tipo data é exibido.",
+              "default": "0",
+              "type": "number"
+            },
+            {
+              "name": "showFileUploadDate",
+              "description": "Exibe a data de upload nos campos do tipo arquivo.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "ready",
+              "description": "Observable que sinaliza quando o componente deve iniciar o carregamento dos campos.",
+              "default": "null",
+              "type": "null"
+            },
+            {
+              "name": "disableFields",
+              "description": "Quando `true`, todos os campos customizados são desabilitados.",
+              "type": "boolean | undefined"
+            }
+          ]
+        },
+        {
+          "name": "fieldset",
+          "selector": "s-fieldset",
+          "description": "Componente de fieldset com legenda, ícone configurável e suporte a toggle (recolher/expandir) com animação. Suporta template personalizado para o cabeçalho via diretiva `TemplateDirective` com tipo `'header'`.",
+          "package": "@seniorsistemas/angular-components/fieldset",
+          "priority": "low",
+          "keywords": [
+            "fieldset",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "legend",
+              "description": "Texto exibido como título do fieldset.",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "toggleable",
+              "description": "Habilita o botão de toggle que permite recolher e expandir o conteúdo.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "icon",
+              "description": "Classe de ícone exibida ao lado da legenda (ex.: `'fas fa-cog'`).",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "destroyOnHide",
+              "description": "Quando `true`, remove o conteúdo do DOM ao recolher o fieldset.",
+              "default": "true",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "beforeToggle",
+              "description": "Emitido imediatamente antes da animação de toggle iniciar, com o estado atual."
+            },
+            {
+              "name": "afterToggle",
+              "description": "Emitido após a animação de toggle concluir, com o novo estado."
+            }
+          ]
+        },
+        {
+          "name": "file-picker",
+          "selector": "s-file-picker, s-file-upload",
+          "description": "Componente de upload de arquivos com suporte a seleção múltipla, validação de tipo/tamanho, controle de permissões (adicionar, ler, remover), download e cancelamento de uploads em andamento.",
+          "package": "@seniorsistemas/angular-components/file-picker",
+          "priority": "low",
+          "keywords": [
+            "file-picker",
+            "file",
+            "picker",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador do componente no DOM. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "chooseLabel",
+              "description": "Rótulo do botão de seleção de arquivo.",
+              "type": "string"
+            },
+            {
+              "name": "removeLabel",
+              "description": "Rótulo do botão de remoção de arquivo.",
+              "type": "string"
+            },
+            {
+              "name": "cancelLabel",
+              "description": "Rótulo do botão de cancelamento de upload.",
+              "type": "string"
+            },
+            {
+              "name": "successTooltip",
+              "description": "Texto do tooltip exibido após upload bem-sucedido.",
+              "type": "string"
+            },
+            {
+              "name": "multiple",
+              "description": "Permite selecionar múltiplos arquivos ao mesmo tempo.",
+              "type": "boolean"
+            },
+            {
+              "name": "accept",
+              "description": "Tipos MIME aceitos pelo seletor de arquivo (ex.: `'application/pdf,image/*'`).",
+              "type": "string"
+            },
+            {
+              "name": "supportedExtensions",
+              "description": "Lista de extensões de arquivo aceitas para validação (ex.: `['.pdf', '.docx']`).",
+              "default": "[]",
+              "type": "string[]"
+            },
+            {
+              "name": "ariaLabelFileName",
+              "description": "Label ARIA para o nome do arquivo, para leitores de tela.",
+              "type": "string"
+            },
+            {
+              "name": "maxFileSize",
+              "description": "Tamanho máximo por arquivo em bytes.",
+              "type": "number"
+            },
+            {
+              "name": "maxCombinedFileSize",
+              "description": "Tamanho máximo combinado de todos os arquivos em bytes.",
+              "type": "number"
+            },
+            {
+              "name": "fileLimit",
+              "description": "Número máximo de arquivos que podem ser selecionados.",
+              "type": "number"
+            },
+            {
+              "name": "ariaLabelProgress",
+              "description": "Label ARIA para a barra de progresso do upload.",
+              "type": "string"
+            },
+            {
+              "name": "ariaLabelSuccess",
+              "description": "Label ARIA para o ícone de sucesso.",
+              "type": "string"
+            },
+            {
+              "name": "ariaLabelError",
+              "description": "Label ARIA para mensagens de erro de validação.",
+              "type": "string"
+            },
+            {
+              "name": "ariaLabelRemove",
+              "description": "Label ARIA para o botão de remoção de arquivo.",
+              "type": "string"
+            },
+            {
+              "name": "formControl",
+              "description": "FormControl externo vinculado ao componente para controle de estado.",
+              "type": "FormControl"
+            },
+            {
+              "name": "disabled",
+              "description": "Desabilita todas as interações do componente.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "showFileUploadDate",
+              "description": "Exibe a data de upload de cada arquivo.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "permissions",
+              "description": "Lista de permissões habilitadas no componente: `'add'`, `'read'`, `'remove'`.",
+              "default": "ALL_PERMISSIONS",
+              "type": "FilePickerPermissions[]"
+            },
+            {
+              "name": "set",
+              "description": "Lista de arquivos já enviados a serem exibidos no componente. Ao atribuir, os arquivos são processados e suas URLs são geradas para preview."
+            }
+          ],
+          "outputs": [
+            {
+              "name": "uploadHandler",
+              "description": "Emitido quando o usuário seleciona arquivos válidos para upload.",
+              "type": "EventEmitter<{ files: FileDto[] }>"
+            },
+            {
+              "name": "removeFile",
+              "description": "Emitido quando o usuário remove um arquivo da lista.",
+              "type": "EventEmitter<{ file: File }>"
+            },
+            {
+              "name": "cancelUpload",
+              "description": "Emitido quando o usuário cancela um upload em andamento. Emite o índice do arquivo cancelado.",
+              "type": "EventEmitter<number>"
+            },
+            {
+              "name": "downloadFile",
+              "description": "Emitido quando o usuário clica para baixar um arquivo.",
+              "type": "EventEmitter<{ index: number"
+            },
+            {
+              "name": "validateErrors",
+              "description": "Emitido quando um arquivo não passa na validação de tipo, tamanho ou limite.",
+              "type": "EventEmitter<UploadError>"
+            }
+          ]
+        },
+        {
+          "name": "image-cropper",
+          "selector": "s-image-cropper",
+          "description": "Componente de recorte de imagem que integra a biblioteca `cropperjs`. Exibe um dialog com uma área interativa para selecionar, recortar e remover imagens, suportando razão de aspecto configurável, formato circular e templates de cabeçalho/rodapé.",
+          "package": "@seniorsistemas/angular-components/image-cropper",
+          "priority": "low",
+          "keywords": [
+            "image-cropper",
+            "image",
+            "cropper",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do componente no DOM. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "visible",
+              "description": "Controla a visibilidade do dialog de corte.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "header",
+              "description": "Título exibido no cabeçalho do dialog.",
+              "default": "'Recortar imagem'",
+              "type": "string"
+            },
+            {
+              "name": "cropLabel",
+              "description": "Rótulo do botão de confirmar o corte.",
+              "default": "'Recortar'",
+              "type": "string"
+            },
+            {
+              "name": "selectAnotherLabel",
+              "description": "Rótulo do botão de trocar a imagem.",
+              "default": "'Trocar'",
+              "type": "string"
+            },
+            {
+              "name": "removeLabel",
+              "description": "Rótulo do botão de remover a imagem.",
+              "default": "'Remover'",
+              "type": "string"
+            },
+            {
+              "name": "cancelLabel",
+              "description": "Rótulo do botão de cancelar.",
+              "default": "'Cancelar'",
+              "type": "string"
+            },
+            {
+              "name": "emptyStateTitle",
+              "description": "Título do empty state quando nenhuma imagem foi selecionada.",
+              "type": "string"
+            },
+            {
+              "name": "emptyStateActionLabel",
+              "description": "Rótulo do botão de ação do empty state.",
+              "default": "'Escolher imagem'",
+              "type": "string"
+            },
+            {
+              "name": "emptyStateIconClass",
+              "description": "Classe do ícone exibido no empty state.",
+              "default": "'fa fa-picture-o'",
+              "type": "string"
+            },
+            {
+              "name": "aspectRatio",
+              "description": "Razão de aspecto para o recorte (ex.: `1` para quadrado, `16/9`).",
+              "default": "NaN (livre)"
+            },
+            {
+              "name": "rounded",
+              "description": "Quando `true`, exibe a área de recorte no formato circular.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "allowSelectAnother",
+              "description": "Exibe o botão para trocar a imagem selecionada.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "allowRemove",
+              "description": "Exibe o botão para remover a imagem.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "allowCancel",
+              "description": "Exibe o botão para cancelar o recorte.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "imageSource",
+              "description": "URL ou base64 da imagem a ser carregada no cropper.",
+              "type": "string"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "visibleChange",
+              "description": "Emitido quando o valor de `visible` muda, habilitando two-way binding com `[(visible)]`."
+            },
+            {
+              "name": "changeImage",
+              "description": "Emitido quando o usuário troca a imagem selecionada."
+            },
+            {
+              "name": "croppedImage",
+              "description": "Emitido com a imagem recortada em formato base64 string."
+            },
+            {
+              "name": "croppedCanvas",
+              "description": "Emitido com o `HTMLCanvasElement` resultante do recorte."
+            },
+            {
+              "name": "removedImage",
+              "description": "Emitido quando o usuário confirma a remoção da imagem."
+            },
+            {
+              "name": "cancel",
+              "description": "Emitido quando o usuário cancela o recorte."
+            }
+          ]
+        },
+        {
+          "name": "inline-edit",
+          "selector": "s-inline-edit",
+          "description": "Componente de edição inline que renderiza dinamicamente campos editáveis (texto, número, data, textarea, lookup e gerador de conteúdo) a partir de uma lista de configurações `InlineEditField[]`. Integrado a um `FormGroup` Angular fornecido externamente.",
+          "package": "@seniorsistemas/angular-components/inline-edit",
+          "priority": "low",
+          "keywords": [
+            "inline-edit",
+            "inline",
+            "edit",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "formGroup",
+              "description": "`FormGroup` Angular ao qual os campos inline serão vinculados.",
+              "default": "new FormGroup({})",
+              "type": "FormGroup"
+            },
+            {
+              "name": "fields",
+              "description": "Lista de configurações dos campos inline a serem renderizados.",
+              "default": "[]",
+              "type": "InlineEditField[]"
+            },
+            {
+              "name": "errorMessages",
+              "description": "Mapa de mensagens de erro customizadas por nome de validador.",
+              "type": "any"
+            }
+          ]
+        },
+        {
+          "name": "interactive-content",
+          "selector": "[sInteractiveContent]",
+          "description": "Diretiva de acessibilidade que torna qualquer elemento HTML interativo, adicionando suporte a eventos de foco e navegação por teclado (Enter e Espaço) além do clique padrão. Gerencia automaticamente o atributo `tabindex`.",
+          "package": "@seniorsistemas/angular-components/interactive-content",
+          "priority": "low",
+          "keywords": [
+            "interactive-content",
+            "interactive",
+            "content",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "focusable",
+              "description": "Habilita o foco via teclado (tabindex).",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "disabled",
+              "description": "Desabilita os eventos de interação do elemento.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "stopPropagation",
+              "description": "Quando `true`, chama `event.stopPropagation()` ao ativar.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "activated",
+              "description": "Emitido quando o usuário clica ou pressiona Enter/Espaço no elemento.",
+              "default": "{ alias: 'sInteractiveContent' }",
+              "type": "PointerEvent | KeyboardEvent"
+            }
+          ]
+        },
+        {
+          "name": "localized-number-input",
+          "selector": "input[sLocalizedNumberInput]",
+          "description": "Diretiva de validação para campos `<input>` que verificam se o valor digitado é um número localizado válido (considerando separadores decimal e de milhar do locale ativo). Ao ser integrada ao `NG_VALIDATORS`, adiciona o erro `invalidNumber` ao control quando o valor não corresponde ao formato esperado.",
+          "package": "@seniorsistemas/angular-components/localized-number-input",
+          "priority": "low",
+          "keywords": [
+            "localized-number-input",
+            "localized",
+            "number",
+            "input",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "decimalSeparator",
+              "description": "Separador decimal personalizado. Usa o do locale ativo se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "thousandsSeparator",
+              "description": "Separador de milhar personalizado. Usa o do locale ativo se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "precision",
+              "description": "Número máximo de casas decimais aceitas na validação.",
+              "default": "2",
+              "type": "number"
+            }
+          ]
+        },
+        {
+          "name": "mouse-events",
+          "selector": "[sDoubleClick]",
+          "description": "Diretiva que detecta duplo clique em um elemento com um intervalo configurável entre cliques (`_DOUBLE_CLICK_DELAY`). Emite o evento `doubleClicked` somente quando dois cliques ocorrem dentro do intervalo definido.",
+          "package": "@seniorsistemas/angular-components/mouse-events",
+          "priority": "low",
+          "keywords": [
+            "mouse-events",
+            "mouse",
+            "events",
+            "inputs"
+          ],
+          "outputs": [
+            {
+              "name": "doubleClicked",
+              "description": "Emitido quando um duplo clique é detectado dentro do intervalo de tempo.",
+              "type": "EventEmitter<PointerEvent>"
+            }
+          ]
+        },
+        {
+          "name": "navigation-button",
+          "selector": "s-navigation-button",
+          "description": "Componente de navegação por etapas que exibe o estado atual (step) com suporte a avanço, retrocesso e seleção direta via dropdown (`TieredMenu`). Implementa `ControlValueAccessor` para integração com formulários Angular.",
+          "package": "@seniorsistemas/angular-components/navigation-button",
+          "priority": "low",
+          "keywords": [
+            "navigation-button",
+            "navigation",
+            "button",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "steps",
+              "description": "Lista de etapas de navegação. Campo obrigatório."
+            },
+            {
+              "name": "defaultValue",
+              "description": "Valor padrão a ser selecionado ao inicializar o componente.",
+              "type": "unknown"
+            },
+            {
+              "name": "tooltip",
+              "description": "Texto exibido no tooltip do botão principal.",
+              "type": "string"
+            },
+            {
+              "name": "changeOnInit",
+              "description": "Quando `true`, emite `stepChanged` durante a inicialização com a etapa atual.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "stepChanged",
+              "description": "Emitido quando o usuário navega para uma nova etapa, com informações da etapa anterior e atual.",
+              "type": "EventEmitter<NavigationButtonStepChangedInfo>"
+            }
+          ]
+        },
+        {
+          "name": "number-input",
+          "selector": "input[sNumberInput]",
+          "description": "Diretiva de entrada numérica com formatação localizada (separador decimal e de milhar), suporte a precisão, escala e alinhamento. Extende `CurrencyMaskDirective`.",
+          "package": "@seniorsistemas/angular-components/number-input",
+          "priority": "low",
+          "keywords": [
+            "number-input",
+            "number",
+            "input",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "precision",
+              "description": "Número total de dígitos (inteiros + decimais).",
+              "default": "15",
+              "type": "number"
+            },
+            {
+              "name": "scale",
+              "description": "Número de casas decimais.",
+              "default": "0",
+              "type": "number"
+            },
+            {
+              "name": "decimalSeparator",
+              "description": "Separador decimal personalizado. Usa o do locale ativo se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "thousandsSeparator",
+              "description": "Separador de milhar personalizado. Usa o do locale ativo se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "alignTo",
+              "description": "Alinhamento do texto no campo.",
+              "default": "NumberAlignmentOption.LEFT"
+            },
+            {
+              "name": "allowNegative",
+              "description": "Habilita a entrada de valores negativos.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "placeholder",
+              "description": "Placeholder exibido quando o campo está vazio.",
+              "type": "string"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "pasteRejected",
+              "description": "Emitido quando o conteúdo colado pelo usuário é rejeitado por ser inválido."
+            }
+          ]
+        },
+        {
+          "name": "password-strength",
+          "selector": "s-password-strength",
+          "description": "Componente interno que exibe visualmente os indicadores de força de senha. Utilizado em conjunto com a diretiva {",
+          "package": "@seniorsistemas/angular-components/password-strength",
+          "priority": "low",
+          "keywords": [
+            "password-strength",
+            "password",
+            "strength",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "weakTitle",
+              "description": "Texto personalizado exibido quando a senha é classificada como fraca. Se não informado, utiliza a tradução padrão do token `platform.angular_components.weak`.",
+              "type": "string"
+            },
+            {
+              "name": "mediumTitle",
+              "description": "Texto personalizado exibido quando a senha é classificada como média. Se não informado, utiliza a tradução padrão do token `platform.angular_components.medium`.",
+              "type": "string"
+            },
+            {
+              "name": "strongTitle",
+              "description": "Texto personalizado exibido quando a senha é classificada como forte. Se não informado, utiliza a tradução padrão do token `platform.angular_components.strong`.",
+              "type": "string"
+            },
+            {
+              "name": "description",
+              "description": "Descrição complementar exibida abaixo dos indicadores de força, orientando o usuário sobre os requisitos esperados para a senha. Campo obrigatório."
+            }
+          ]
+        },
+        {
+          "name": "pin-code-field",
+          "selector": "s-pin-code-field",
+          "description": "Componente de entrada de código PIN/OTP com campos individuais para cada dígito. Implementa {",
+          "package": "@seniorsistemas/angular-components/pin-code-field",
+          "priority": "low",
+          "keywords": [
+            "pin-code-field",
+            "pin",
+            "code",
+            "field",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "length",
+              "description": "Número de campos de entrada (comprimento do código PIN). Deve ser ao menos 1.",
+              "default": "6",
+              "type": "number"
+            },
+            {
+              "name": "alphanumeric",
+              "description": "Permite entrada alfanumérica e de caracteres especiais. Quando `false`, aceita apenas dígitos numéricos (0–9).",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "helpText",
+              "description": "Texto de ajuda exibido abaixo dos campos de entrada, fornecendo instruções adicionais ao usuário.",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "invalid",
+              "description": "Controla a visualização do estado de erro do componente. Quando `true`, exibe borda vermelha nos campos de entrada. Normalmente vinculado ao estado `invalid && dirty` do `FormControl`.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "disabled",
+              "description": "Controla o estado desabilitado do componente via two-way binding. Quando `true`, todos os campos ficam desabilitados e a interação do usuário é bloqueada.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "codeFilled",
+              "description": "Emitido quando todos os campos do código PIN são preenchidos. Emite o código completo como string.",
+              "type": "string"
+            }
+          ]
+        },
+        {
+          "name": "profile-picture-picker",
+          "selector": "s-profile-picture-picker",
+          "description": "Componente para seleção, edição e remoção de foto de perfil do usuário. Permite ao usuário fazer upload de uma imagem, recortá-la com o {",
+          "package": "@seniorsistemas/angular-components/profile-picture-picker",
+          "priority": "low",
+          "keywords": [
+            "profile-picture-picker",
+            "profile",
+            "picture",
+            "picker",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "simpleTitle",
+              "description": "Título simples exibido quando nenhuma imagem está selecionada."
+            },
+            {
+              "name": "actionTitle",
+              "description": "Título de ação exibido como label principal do botão de upload."
+            },
+            {
+              "name": "subtitle",
+              "description": "Legenda exibida abaixo do título, descrevendo formatos suportados ou outras orientações para o usuário. Campo obrigatório."
+            },
+            {
+              "name": "aspectRatio",
+              "description": "Proporção (aspect ratio) do recorte da imagem. Por exemplo, `1` para quadrado, `16/9` para widescreen.",
+              "default": "1",
+              "type": "number"
+            },
+            {
+              "name": "cropperLabelsConfig",
+              "description": "Configurações de rótulos exibidos no componente de recorte de imagem (cropper). Permite sobrescrever os textos padrão dos botões e instruções do cropper.",
+              "type": "CropperLabelsConfig"
+            },
+            {
+              "name": "removeButtonLabel",
+              "description": "Texto do botão de remoção da foto atual. Se não informado, utiliza o label padrão de remoção.",
+              "type": "string"
+            },
+            {
+              "name": "changeButtonLabel",
+              "description": "Texto do botão de troca da foto atual. Se não informado, utiliza o label padrão de alteração.",
+              "type": "string"
+            },
+            {
+              "name": "confirmationTexts",
+              "description": "Textos personalizados exibidos no diálogo de confirmação ao remover ou substituir a foto. Permite sobrescrever título, mensagem e botões.",
+              "type": "ConfirmationTexts"
+            },
+            {
+              "name": "maxFileSize",
+              "description": "Tamanho máximo permitido para o arquivo de imagem, em bytes. Quando o arquivo excede esse limite, o output `invalidFile` é emitido.",
+              "type": "number"
+            },
+            {
+              "name": "accept",
+              "description": "Tipos MIME aceitos pelo input de arquivo. Exemplo: `\"image/jpeg,image/png\"`.",
+              "type": "string"
+            },
+            {
+              "name": "supportedExtensions",
+              "description": "Lista de extensões de arquivo aceitas para validação. Exemplo: `['.jpg', '.jpeg', '.png']`.",
+              "default": "[]",
+              "type": "string[]"
+            },
+            {
+              "name": "image",
+              "description": "Imagem atual do componente. Pode ser uma string base64, um objeto {",
+              "default": "null",
+              "type": "string | ProfilePicturePickerData | null"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "changedImage",
+              "description": "Emitido ao selecionar ou recortar uma nova imagem. Emite a string base64 da imagem.",
+              "type": "EventEmitter<string>",
+              "deprecated": true
+            },
+            {
+              "name": "imageChange",
+              "description": "Emitido ao selecionar, recortar ou alterar a imagem. Emite a string base64 ou um objeto {"
+            },
+            {
+              "name": "removedImage",
+              "description": "Emitido quando o usuário confirma a remoção da foto atual."
+            },
+            {
+              "name": "invalidFile",
+              "description": "Emitido quando o arquivo selecionado não passa na validação. Emite um objeto {",
+              "type": "EventEmitter<FileValidationErrors>"
+            }
+          ]
+        },
+        {
+          "name": "radio-button",
+          "selector": "s-radiobutton",
+          "description": "Componente de botão de opção (radio button) individual que implementa {",
+          "package": "@seniorsistemas/angular-components/radio-button",
+          "priority": "low",
+          "keywords": [
+            "radio-button",
+            "radio",
+            "button",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "buttonDisabled",
+              "description": "Controla o estado desabilitado do botão via two-way binding.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "label",
+              "description": "Texto do label exibido ao lado do botão de opção. Campo obrigatório."
+            },
+            {
+              "name": "name",
+              "description": "Nome do grupo de radio buttons. Deve ser igual para todos os botões do mesmo grupo. Campo obrigatório."
+            },
+            {
+              "name": "value",
+              "description": "Valor associado a este botão de opção. Emitido ao formulário quando o item é selecionado. Campo obrigatório."
+            },
+            {
+              "name": "inputId",
+              "description": "Identificador único do elemento `<input>` interno, usado para acessibilidade. Gerado automaticamente se não informado.",
+              "default": "`RadioButton_${RadioButtonComponent.ID++}`",
+              "type": "string"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "focusedInput",
+              "description": "Emitido quando o campo interno recebe foco.",
+              "type": "FocusEvent"
+            },
+            {
+              "name": "inputFocusLost",
+              "description": "Emitido quando o campo interno perde o foco.",
+              "type": "FocusEvent"
+            }
+          ]
+        },
+        {
+          "name": "select-button",
+          "selector": "s-select-button",
+          "description": "Componente de seleção por botões agrupados, onde cada opção é representada visualmente como um botão clicável. Suporta seleção simples e múltipla. Implementa {",
+          "package": "@seniorsistemas/angular-components/select-button",
+          "priority": "low",
+          "keywords": [
+            "select-button",
+            "select",
+            "button",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "items",
+              "description": "Lista de itens exibidos como botões de seleção. Cada item pode possuir `label`, `value` e `disabled`. Campo obrigatório."
+            },
+            {
+              "name": "multiple",
+              "description": "Habilita a seleção de múltiplos itens ao mesmo tempo. Quando `false`, apenas um item pode estar ativo por vez.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "itemSelected",
+              "description": "Emitido após a seleção de um item, com a lista completa dos itens atualmente selecionados (array de {"
+            },
+            {
+              "name": "itemClicked",
+              "description": "Emitido no momento do clique em um item, antes da atualização do estado de seleção. Útil para side-effects imediatos ao clique."
+            }
+          ]
+        },
+        {
+          "name": "slider",
+          "selector": "s-slider",
+          "description": "Componente de controle deslizante (slider) para seleção de valores numéricos dentro de um intervalo definido. Suporta modo simples (um valor) e modo de intervalo (dois valores: início e fim). Implementa {",
+          "package": "@seniorsistemas/angular-components/slider",
+          "priority": "low",
+          "keywords": [
+            "slider",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "multiple",
+              "description": "Habilita o modo de intervalo, permitindo selecionar um valor mínimo e máximo. Quando `true`, o valor do componente é um array `[inicio, fim]`.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "value",
+              "description": "Valor atual do slider. No modo simples é um número; no modo de intervalo (`multiple: true`) é um array `[inicio, fim]`.",
+              "default": "0",
+              "type": "number | [number, number]"
+            },
+            {
+              "name": "step",
+              "description": "Incremento aplicado a cada movimento do thumb do slider.",
+              "default": "1",
+              "type": "number"
+            },
+            {
+              "name": "hiddenThumb",
+              "description": "Oculta visualmente o thumb (botão arrastável) do slider. Útil para visualizações onde apenas a faixa de progresso deve ser exibida.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "disabled",
+              "description": "Desabilita a interação do usuário com o slider.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "min",
+              "description": "Valor mínimo permitido no slider.",
+              "default": "0"
+            },
+            {
+              "name": "max",
+              "description": "Valor máximo permitido no slider.",
+              "default": "100"
+            },
+            {
+              "name": "minValueLabel",
+              "description": "Label exibido abaixo ou ao lado do valor mínimo do slider. Útil para indicar semanticamente os extremos do intervalo.",
+              "type": "string"
+            },
+            {
+              "name": "maxValueLabel",
+              "description": "Label exibido abaixo ou ao lado do valor máximo do slider. Útil para indicar semanticamente os extremos do intervalo.",
+              "type": "string"
+            },
+            {
+              "name": "tabindex",
+              "description": "Índice de tabulação do elemento, controlando a ordem de foco via teclado.",
+              "default": "0",
+              "type": "number"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "valueChange",
+              "description": "Emitido sempre que o valor do slider é alterado pelo usuário. Emite o novo valor (número ou array de dois números no modo de intervalo)."
+            }
+          ]
+        },
+        {
+          "name": "speech-recognition",
+          "selector": "s-speech-recognition",
+          "description": "Componente de reconhecimento de voz que integra a Web Speech API para transcrever a fala do usuário em texto, inserída diretamente em um `<textarea>` fornecido. Suporta também text-to-speech para leitura em voz alta do conteúdo do campo.",
+          "package": "@seniorsistemas/angular-components/speech-recognition",
+          "priority": "low",
+          "keywords": [
+            "speech-recognition",
+            "speech",
+            "recognition",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "textAreaElement",
+              "description": "Referência ao elemento `<textarea>` nativo que receberá o texto transcrito. Campo obrigatório."
+            },
+            {
+              "name": "keepContext",
+              "description": "Quando `true`, mantém o texto existente no campo ao iniciar novo reconhecimento.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "speechRecognitionPlaceholder",
+              "description": "Placeholder exibido no textarea durante o reconhecimento de voz.",
+              "default": "''",
+              "type": "string"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "recognizedText",
+              "description": "Emitido quando o reconhecimento de voz é concluído, com o texto transcrito."
+            }
+          ]
+        },
+        {
+          "name": "split-button",
+          "selector": "s-split-button",
+          "description": "Botão composto com ação principal e dropdown de opções adicionais. Ao clicar no botão principal emite `buttonClicked`; ao clicar no ícone de seta abre/fecha o dropdown com a lista de `options`.",
+          "package": "@seniorsistemas/angular-components/split-button",
+          "priority": "low",
+          "keywords": [
+            "split-button",
+            "split",
+            "button",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "disabled",
+              "description": "Desabilita o botão principal e o dropdown.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "iconClass",
+              "description": "Classe do ícone exibido no botão principal. Campo obrigatório."
+            },
+            {
+              "name": "label",
+              "description": "Rótulo do botão principal. Campo obrigatório."
+            },
+            {
+              "name": "type",
+              "description": "Estilo visual do botão (`'primary'` ou `'secondary'`).",
+              "default": "'primary'",
+              "type": "SplitButtonType"
+            },
+            {
+              "name": "options",
+              "description": "Lista de opções exibidas no dropdown. Campo obrigatório."
+            }
+          ],
+          "outputs": [
+            {
+              "name": "buttonClicked",
+              "description": "Emitido quando o usuário clica no botão principal (não no dropdown)."
+            }
+          ]
+        },
+        {
+          "name": "star-rating",
+          "selector": "s-star-rating",
+          "description": "Componente de avaliação por estrelas com suporte a `ControlValueAccessor` para integração com formulários Angular. Permite configurar o número de estrelas, alinhamento e estado desabilitado. Clicar na estrela já selecionada a deseleciona.",
+          "package": "@seniorsistemas/angular-components/star-rating",
+          "priority": "low",
+          "keywords": [
+            "star-rating",
+            "star",
+            "rating",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "selectedStar",
+              "description": "Índice da estrela atualmente selecionada (1-based).",
+              "default": "0",
+              "type": "number"
+            },
+            {
+              "name": "starsRange",
+              "description": "Número total de estrelas exibidas.",
+              "default": "5",
+              "type": "number"
+            },
+            {
+              "name": "justifyContent",
+              "description": "Alinhamento horizontal das estrelas.",
+              "default": "'center'",
+              "type": "JustifyTypes"
+            },
+            {
+              "name": "disabled",
+              "description": "Desabilita a seleção de estrelas.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ]
+        },
+        {
+          "name": "switch",
+          "selector": "s-switch",
+          "description": "Componente de chave tipo switch (liga/desliga) que implementa `ControlValueAccessor` para uso em formulários Angular. Suporta rótulos personalizados para os estados verdadeiro e falso, além de modo somente leitura.",
+          "package": "@seniorsistemas/angular-components/switch",
+          "priority": "low",
+          "keywords": [
+            "switch",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "readonly",
+              "description": "Impede alterações pelo usuário sem desabilitar o campo.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "trueLabel",
+              "description": "Rótulo exibido quando o valor é `true`.",
+              "type": "string"
+            },
+            {
+              "name": "falseLabel",
+              "description": "Rótulo exibido quando o valor é `false`.",
+              "type": "string"
+            },
+            {
+              "name": "inputId",
+              "description": "`id` do elemento `<input>` interno para associação com `<label>`.",
+              "type": "string"
+            },
+            {
+              "name": "inputName",
+              "description": "Atributo `name` do `<input>` interno.",
+              "type": "string"
+            },
+            {
+              "name": "disabled",
+              "description": "Desabilita o componente, impedindo interação e alterações.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "value",
+              "description": "Valor atual do switch.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "valueChanged",
+              "description": "Emitido quando o valor do switch muda, com o novo estado booleano."
+            }
+          ]
+        },
+        {
+          "name": "text-area",
+          "selector": "s-textarea",
+          "description": "Componente de área de texto com suporte a reconhecimento de voz, filtro de teclas, comprimento máximo e integração com `ControlValueAccessor`. Renderiza condicionalmente o componente `SpeechRecognitionComponent` quando a flag `speechRecognition` está ativa.",
+          "package": "@seniorsistemas/angular-components/text-area",
+          "priority": "low",
+          "keywords": [
+            "text-area",
+            "text",
+            "area",
+            "inputs"
+          ],
+          "inputs": [
+            {
+              "name": "inputId",
+              "description": "Identificador do elemento `<textarea>` no DOM.",
+              "default": "'textarea-{random}'",
+              "type": "string"
+            },
+            {
+              "name": "rows",
+              "description": "Número de linhas visíveis no textarea.",
+              "default": "5",
+              "type": "number"
+            },
+            {
+              "name": "speechRecognition",
+              "description": "Habilita o botão de reconhecimento de voz.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "keyFilter",
+              "description": "Filtro de teclas aceitas, usando padrão ou expressão regular.",
+              "type": "RegExp | KeyFilterPattern | null | undefined"
+            },
+            {
+              "name": "keepContext",
+              "description": "Quando `true`, mantém o contexto ao reiniciar o reconhecimento de voz.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "speechRecognitionPlaceholder",
+              "description": "Placeholder exibido durante o reconhecimento de voz.",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "maxLength",
+              "description": "Número máximo de caracteres aceitos.",
+              "default": "null (ilimitado)",
+              "type": "number | null"
+            },
+            {
+              "name": "placeholder",
+              "description": "Texto exibido quando o campo está vazio.",
+              "type": "string | undefined"
+            },
+            {
+              "name": "get",
+              "description": "Estilos inline aplicados ao elemento `<textarea>` interno.",
+              "default": "`{ resize: 'vertical' }`"
+            },
+            {
+              "name": "readOnly",
+              "description": "Coloca o textarea em modo somente leitura.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ],
+          "note": "Prefer using dynamic-form with appropriate field type instead"
+        }
+      ]
+    },
+    "feedback": {
+      "description": "User feedback components",
+      "components": [
+        {
+          "name": "alert",
+          "selector": "s-alert",
+          "description": "Componente de alerta que exibe mensagens informativas, de sucesso, aviso ou erro. Suporta fechamento manual pelo usuário e emite um evento ao ser fechado.",
+          "package": "@seniorsistemas/angular-components/alert",
+          "priority": "high",
+          "keywords": [
+            "alert",
+            "feedback"
+          ],
+          "inputs": [
+            {
+              "name": "severity",
+              "description": "Nível de severidade do alerta, que define a cor e o ícone exibidos. - `'info'`: alerta informativo (padrão). - `'success'`: alerta de sucesso. - `'warning'`: alerta de aviso. - `'error'`: alerta de erro.",
+              "default": "'info'",
+              "type": "'info' | 'success' | 'warning' | 'error'"
+            },
+            {
+              "name": "summary",
+              "description": "Título principal do alerta exibido em destaque. Campo obrigatório."
+            },
+            {
+              "name": "detail",
+              "description": "Mensagem detalhada exibida abaixo do título do alerta. Campo obrigatório."
+            },
+            {
+              "name": "closable",
+              "description": "Quando `true`, exibe o botão de fechar o alerta. Quando `false`, o alerta não pode ser dispensado pelo usuário.",
+              "default": "true",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "closed",
+              "description": "Emitido quando o usuário fecha o alerta clicando no botão de fechar."
+            }
+          ]
+        },
+        {
+          "name": "toast",
+          "selector": "s-toast",
+          "description": "Componente individual de notificação (toast) que exibe uma mensagem temporária na tela. Gerencia automaticamente o timer de dismiss quando `toast.sticky` é `false`. Recomenda-se utilizar o `ToastService` para criar e empilhar toasts na aplicação.",
+          "package": "@seniorsistemas/angular-components/toast",
+          "priority": "high",
+          "keywords": [
+            "toast",
+            "feedback"
+          ],
+          "inputs": [
+            {
+              "name": "toast",
+              "description": "Objeto com os dados da notificação a ser exibida. Inclui propriedades como `severity`, `summary`, `detail`, `duration` e `sticky`."
+            }
+          ],
+          "outputs": [
+            {
+              "name": "dismiss",
+              "description": "Emitido quando a notificação é descartada, seja pelo timer automático (ao expirar `toast.duration`) ou pela ação manual do usuário."
+            }
+          ]
+        },
+        {
+          "name": "badge",
+          "selector": "s-badge",
+          "description": "Componente de badge (etiqueta) para exibir rótulos coloridos e clicáveis, com suporte a ícones, variantes visuais (pill, tag) e estado selecionável.",
+          "package": "@seniorsistemas/angular-components/badge",
+          "priority": "medium",
+          "keywords": [
+            "badge",
+            "feedback"
+          ],
+          "inputs": [
+            {
+              "name": "type",
+              "description": "Variante visual do badge.",
+              "default": "'pill'",
+              "type": "BadgeTypes"
+            },
+            {
+              "name": "color",
+              "description": "Cor do badge.",
+              "default": "'blue'",
+              "type": "BadgeColors"
+            },
+            {
+              "name": "title",
+              "description": "Texto de título exibido no badge.",
+              "type": "string"
+            },
+            {
+              "name": "text",
+              "description": "Texto principal exibido dentro do badge.",
+              "type": "string"
+            },
+            {
+              "name": "selectable",
+              "description": "Habilita o modo selecionável, emitindo o evento `selected` ao clicar.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "iconClass",
+              "description": "Classe CSS do ícone exibido no badge (ex.: `'fa fa-check'`).",
+              "type": "string"
+            },
+            {
+              "name": "iconPosition",
+              "description": "Posição do ícone em relação ao texto.",
+              "default": "'left'",
+              "type": "'left' | 'right'"
+            },
+            {
+              "name": "infoSign",
+              "description": "Configuração do info-sign exibido no badge, com texto e tempo de exibição opcional."
+            },
+            {
+              "name": "enableTruncateText",
+              "default": "false",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "selected",
+              "description": "Emitido ao clicar no badge, enviando o valor de `text`."
+            }
+          ]
+        },
+        {
+          "name": "control-errors",
+          "selector": "s-control-errors",
+          "description": "Componente que exibe as mensagens de erro de validação associadas a um controle de formulário. Observa as alterações de estado do controle e renderiza as mensagens mapeadas em `errorMessages`. Compativel com `AbstractControl` do Reactive Forms e `NgModel` do Template-Driven Forms.",
+          "package": "@seniorsistemas/angular-components/control-errors",
+          "priority": "low",
+          "keywords": [
+            "control-errors",
+            "control",
+            "errors",
+            "feedback"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do componente. Gerado automaticamente se não informado. Usado para associação acessível com o campo correspondente.",
+              "type": "string"
+            },
+            {
+              "name": "control",
+              "description": "Controle do formulário cujos erros serão exibidos. Aceita `AbstractControl` (Reactive Forms) ou `NgModel` (Template-Driven Forms). Campo obrigatório."
+            },
+            {
+              "name": "errorMessages",
+              "description": "Mapa de chaves de erro para mensagens de texto exibidas ao usuário. Cada chave corresponde a um erro que pode estar presente em `control.errors`.",
+              "type": "any"
+            },
+            {
+              "name": "form",
+              "description": "Referência ao formulário pai. Utilizado em cenários de validação customizada que dependem do estado geral do formulário.",
+              "type": "any"
+            }
+          ]
+        },
+        {
+          "name": "empty-state",
+          "selector": "s-empty-state",
+          "description": "Componente de estado vazio exibido quando não há conteúdo para mostrar. Apresenta um ícone, título, descrição e até duas ações configuráveis (primária com suporte a tiered menu e secundária simples).",
+          "package": "@seniorsistemas/angular-components/empty-state",
+          "priority": "low",
+          "keywords": [
+            "empty-state",
+            "empty",
+            "state",
+            "feedback"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do componente. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "title",
+              "description": "Título principal exibido no estado vazio. Campo obrigatório."
+            },
+            {
+              "name": "iconClass",
+              "description": "Classe CSS do ícone exibido no estado vazio. Aceita classes de bibliotecas de ícones como Font Awesome.",
+              "default": "'fa fa-inbox'",
+              "type": "string"
+            },
+            {
+              "name": "description",
+              "description": "Texto descritivo exibido abaixo do título, explicando o motivo do estado vazio ou orientando o usuário sobre as próximas ações.",
+              "type": "string"
+            },
+            {
+              "name": "showPrimaryAction",
+              "description": "Controla a visibilidade do botão de ação primária.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "showSecondaryAction",
+              "description": "Controla a visibilidade do botão de ação secundária.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "primaryActionLabel",
+              "description": "Texto do botão de ação primária. Quando `primaryModel` possui itens, o botão exibe um tiered menu ao clicar.",
+              "type": "string"
+            },
+            {
+              "name": "secondaryActionLabel",
+              "description": "Texto do botão de ação secundária.",
+              "type": "string"
+            },
+            {
+              "name": "primaryModel",
+              "description": "Lista de itens para o tiered menu da ação primária. Quando informado com itens, o botão primário exibe um menu de opções ao invés de emitir o evento `primaryAction` diretamente.",
+              "type": "TieredMenuItemData[]"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "primaryAction",
+              "description": "Emitido quando o usuário clica no botão de ação primária e `primaryModel` está vazio."
+            },
+            {
+              "name": "secondaryAction",
+              "description": "Emitido quando o usuário clica no botão de ação secundária."
+            }
+          ]
+        },
+        {
+          "name": "loading-state",
+          "selector": "s-loading-state",
+          "description": "Componente de estado de carregamento que exibe um indicador animado enquanto um processo assíncrono está em andamento. Suporta bloqueio da janela inteira e diferentes tipos de indicadores visuais. Também pode ser usado como diretiva estrutural `[sLoadingState]`.",
+          "package": "@seniorsistemas/angular-components/loading-state",
+          "priority": "low",
+          "keywords": [
+            "loading-state",
+            "loading",
+            "state",
+            "feedback"
+          ],
+          "inputs": [
+            {
+              "name": "indicator",
+              "description": "Tipo de indicador visual exibido durante o carregamento. - `LoadingStateIndicators.Dots`: indicador de pontos animados (padrão). - `LoadingStateIndicators.Logo`: indicador com logotipo animado.",
+              "default": "LoadingStateIndicators.Dots",
+              "type": "LoadingStateIndicators"
+            },
+            {
+              "name": "id",
+              "description": "Identificador único do componente. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "blockWindow",
+              "description": "Quando `true`, bloqueia a janela inteira durante o carregamento, sobrepondo todo o conteúdo da página com o indicador.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "set",
+              "description": "Controla o estado de carregamento do componente. Campo obrigatório. Quando `true`, exibe o indicador de carregamento após um breve delay. Quando `false`, remove o indicador após um breve delay (evita flash)."
+            }
+          ]
+        },
+        {
+          "name": "progressbar",
+          "selector": "s-progressbar",
+          "description": "Componente de barra de progresso que representa visualmente o avanço de uma tarefa. Suporta modo determinado (valor percentual) e indeterminado (progresso desconhecido), além de um valor-alvo para comparação.",
+          "package": "@seniorsistemas/angular-components/progressbar",
+          "priority": "low",
+          "keywords": [
+            "progressbar",
+            "feedback"
+          ],
+          "inputs": [
+            {
+              "name": "value",
+              "description": "Valor atual do progresso, em percentual (0 a 100). Não utilizado quando `mode` é `'indeterminate'`. Lança erro se o valor estiver fora do intervalo permitido."
+            },
+            {
+              "name": "activeColor",
+              "description": "Cor ativa da barra de progresso. Campo obrigatório. Valores aceitos: `'blue'`, `'green'`, `'red'`, `'yellow'`."
+            },
+            {
+              "name": "numberFormatOptions",
+              "description": "Opções de formatação numérica utilizadas para exibir o valor percentual. Baseado na API `Intl.NumberFormat`.",
+              "default": "`{ style: 'decimal', minimumFractionDigits: 0, maximumFractionDigits: 2 }`",
+              "type": "Intl.NumberFormatOptions"
+            },
+            {
+              "name": "targetValue",
+              "description": "Valor-alvo em percentual (0 a 100), exibido como marcador de referência na barra. Não utilizado quando `mode` é `'indeterminate'`.",
+              "type": "number"
+            },
+            {
+              "name": "label",
+              "description": "Rótulo descritivo exibido ao lado da barra de progresso principal.",
+              "type": "string"
+            },
+            {
+              "name": "targetLabel",
+              "description": "Rótulo descritivo exibido ao lado do marcador de valor-alvo.",
+              "type": "string"
+            },
+            {
+              "name": "showValue",
+              "description": "Quando `true`, exibe o valor percentual atual sobre ou próximo da barra.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "mode",
+              "description": "Modo de operação da barra de progresso. - `'determinate'`: exibe o progresso baseado em `value` (padrão). - `'indeterminate'`: animação contínua sem valor definido; `value`, `targetValue` e `targetLabel` não devem ser usados.",
+              "default": "'determinate'",
+              "type": "ProgressBarMode"
+            }
+          ]
+        },
+        {
+          "name": "rating-scale",
+          "selector": "s-rating-scale",
+          "description": "Componente de escala de avaliação que permite ao usuário selecionar um nó de uma escala visual. Implementa `ControlValueAccessor` para integração com Reactive Forms e Template-Driven Forms. Ideal para pesquisas de satisfação (NPS, CSAT) e questionários de feedback.",
+          "package": "@seniorsistemas/angular-components/rating-scale",
+          "priority": "low",
+          "keywords": [
+            "rating-scale",
+            "rating",
+            "scale",
+            "feedback"
+          ],
+          "inputs": [
+            {
+              "name": "nodes",
+              "description": "Lista de nós que compõem a escala de avaliação. Campo obrigatório. Cada `RatingScaleNode` define o valor, rótulo e cor do item na escala."
+            },
+            {
+              "name": "startLabel",
+              "description": "Rótulo exibido no início (extremidade esquerda) da escala.",
+              "type": "string"
+            },
+            {
+              "name": "endLabel",
+              "description": "Rótulo exibido no final (extremidade direita) da escala.",
+              "type": "string"
+            },
+            {
+              "name": "disabled",
+              "description": "Quando `true`, a escala fica desabilitada e o usuário não pode selecionar nenhum nó.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ]
+        }
+      ]
+    },
+    "navegação": {
+      "description": "Navegação components",
+      "components": [
+        {
+          "name": "tabs",
+          "selector": "s-tab-item",
+          "description": "Componente de item de aba, utilizado como filho direto de `TabsComponent`. Define o rótulo, ícone e conteúdo de cada aba individualmente. Suporta templates customizados para cabeçalho e corpo via `TemplateDirective`.",
+          "package": "@seniorsistemas/angular-components/tabs",
+          "priority": "high",
+          "keywords": [
+            "tabs",
+            "navegação"
+          ],
+          "inputs": [
+            {
+              "name": "icon",
+              "description": "Classe de ícone exibida ao lado do rótulo da aba (ex: classe de Font Awesome.",
+              "type": "string"
+            },
+            {
+              "name": "header",
+              "description": "Texto do rótulo exibido na aba.",
+              "type": "string"
+            },
+            {
+              "name": "disabled",
+              "description": "Quando `true`, a aba fica desabilitada e não pode ser selecionada pelo usuário.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "value",
+              "description": "Valor identificador único da aba, utilizado pelo `TabsComponent` para controlar a aba ativa. Quando não informado, é atribuído automaticamente o índice da aba (baseado em zero).",
+              "type": "string | number"
+            },
+            {
+              "name": "destroyOnHide",
+              "description": "Quando `true`, destrói o conteúdo da aba ao escondê-la, liberando recursos. Exige que o conteúdo seja envolvido em um template com `sTemplate=\"body\"`.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ]
+        },
+        {
+          "name": "breadcrumb",
+          "selector": "s-breadcrumb-list",
+          "description": "Componente de trilha de navegação (breadcrumb) que detecta automaticamente a rota ativa do Angular Router e constrói o caminho hierárquico de páginas. Cada segmento da rota precisa ter a propriedade `routeTitle` definida nos `data` da rota.",
+          "package": "@seniorsistemas/angular-components/breadcrumb",
+          "priority": "medium",
+          "keywords": [
+            "breadcrumb",
+            "navegação"
+          ],
+          "inputs": [
+            {
+              "name": "items"
+            }
+          ]
+        },
+        {
+          "name": "grid-menu",
+          "selector": "s-grid-menu",
+          "description": "Componente de menu em grade que exibe uma coleção de itens como cards clicáveis. Suporta seleção de item ativo e pode utilizar ícones do Font Awesome ou ícones padrão.",
+          "package": "@seniorsistemas/angular-components/grid-menu",
+          "priority": "low",
+          "keywords": [
+            "grid-menu",
+            "grid",
+            "menu",
+            "navegação"
+          ],
+          "inputs": [
+            {
+              "name": "set",
+              "description": "Lista de itens exibidos no grid. Aceita um único item ou um array de `GridMenuItem`. Valores nulos ou indefinidos resultam em uma lista vazia."
+            },
+            {
+              "name": "useFontAwesomeIcons",
+              "description": "Quando `true`, utiliza classes de ícones do Font Awesome nos itens do grid. Quando `false`, utiliza o sistema de ícones padrão do projeto.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "selectable",
+              "description": "Habilita o modo de seleção do grid. Quando `true`, permite que o usuário clique em um item para selecioná-lo, marcando-o como ativo.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "selected",
+              "description": "Item atualmente selecionado no grid. Usado em conjunto com `selectable = true` e suporta two-way binding via `[(selected)]`."
+            }
+          ],
+          "outputs": [
+            {
+              "name": "selectedChange",
+              "description": "Emitido quando o usuário seleciona um novo item no grid. Retorna o `GridMenuItem` selecionado. Usado para two-way binding com `[(selected)]`."
+            }
+          ]
+        },
+        {
+          "name": "tiered-menu",
+          "selector": "[sTieredMenu]",
+          "description": "Diretiva que anexa um menu multinível (tiered menu) a qualquer elemento do DOM. Ao disparar o evento configurado no elemento hospedeiro, exibe um painel flutuante com itens de menu hierárquicos, suportando submenus aninhados e divisores. Em telas estreitas (< 600px), o menu é exibido em modo aninhado fullscreen.",
+          "package": "@seniorsistemas/angular-components/tiered-menu",
+          "priority": "low",
+          "keywords": [
+            "tiered-menu",
+            "tiered",
+            "menu",
+            "navegação"
+          ],
+          "inputs": [
+            {
+              "name": "items",
+              "description": "Lista de itens exibidos no menu. Cada item pode conter um array de `children` para criar submenus aninhados, além de propriedades como `label`, `icon`, `disabled`, `command` e `divider`.",
+              "type": "TieredMenuItemData[]"
+            },
+            {
+              "name": "focusedItem",
+              "description": "Item que receberá o foco inicial ao abrir o menu. Útil para destacar uma opção pré-selecionada ou contextual.",
+              "type": "TieredMenuItemData | undefined"
+            },
+            {
+              "name": "triggerEvent",
+              "description": "Define o evento do elemento hospedeiro que dispara a abertura do menu. - `'click'`: abre o menu ao clicar no elemento (padrão). - `'hover'`: abre o menu ao passar o mouse sobre o elemento.",
+              "default": "'click'",
+              "type": "'click' | 'hover'"
+            },
+            {
+              "name": "ariaLabel",
+              "type": "string"
+            }
+          ]
+        },
+        {
+          "name": "workspace-switch",
+          "selector": "s-workspace-switch",
+          "description": "Componente de seleção de workspace exibe um dropdown com a lista de espaços de trabalho disponíveis, permitindo ao usuário alternar entre eles. Suporta navegação por teclado (setas, Enter, Escape), estado desabilitado e um botão de ação customizável no rodapé.",
+          "package": "@seniorsistemas/angular-components/workspace-switch",
+          "priority": "low",
+          "keywords": [
+            "workspace-switch",
+            "workspace",
+            "switch",
+            "navegação"
+          ],
+          "inputs": [
+            {
+              "name": "workspaces",
+              "description": "Lista de workspaces disponíveis para seleção. Campo obrigatório. Cada item deve implementar a interface `Workspace`. Lança um erro em runtime se a lista estiver vazia.",
+              "type": "Workspace[]"
+            },
+            {
+              "name": "footerButtonLabel",
+              "description": "Rótulo exibido no botão de ação localizado no rodapé do dropdown.",
+              "default": "'Adicionar'",
+              "type": "string"
+            },
+            {
+              "name": "showFooterButton",
+              "description": "Controla a visibilidade do botão de ação no rodapé do dropdown. Quando `false`, o botão não é renderizado.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "disabled",
+              "description": "Quando `true`, o componente fica desabilitado: não abre o dropdown, não emite eventos e fica inacessível via teclado (`tabindex = -1`).",
+              "default": "false",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "footerButtonClicked",
+              "description": "Emitido quando o usuário clica no botão de ação do rodapé do dropdown."
+            },
+            {
+              "name": "selected",
+              "description": "Emitido quando o usuário seleciona um workspace da lista. Retorna o objeto `Workspace` selecionado.",
+              "type": "EventEmitter<Workspace>"
+            }
+          ]
+        }
+      ]
+    },
+    "structure": {
+      "description": "Structural layout components",
+      "components": [
+        {
+          "name": "card",
+          "selector": "s-card",
+          "description": "Componente de cartão com suporte a banner, cabeçalho (título, subtítulo e ícone) e templates customizáveis para cabeçalho, corpo e rodapé via `TemplateDirective`.",
+          "package": "@seniorsistemas/angular-components/card",
+          "priority": "high",
+          "keywords": [
+            "card",
+            "structure"
+          ],
+          "inputs": [
+            {
+              "name": "bannerImage",
+              "description": "URL da imagem exibida como banner no topo do card.",
+              "type": "string"
+            },
+            {
+              "name": "fullWidth",
+              "description": "Faz o card ocupar 100% da largura disponível.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "title",
+              "description": "Título exibido no cabeçalho do card.",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "subtitle",
+              "description": "Subtítulo exibido abaixo do título.",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "icon",
+              "description": "Classe do ícone exibido no cabeçalho.",
+              "default": "''",
+              "type": "string"
+            }
+          ]
+        },
+        {
+          "name": "stepper",
+          "selector": "s-stepper, s-steps",
+          "description": "Componente de progresso em etapas (stepper) com animações. Exibe uma linha do tempo horizontal de passos, permitindo navegar entre eles. Suporta passos ocultos e desabilitados. Também responde ao seletor legado `s-steps`.",
+          "package": "@seniorsistemas/angular-components/stepper",
+          "priority": "high",
+          "keywords": [
+            "stepper",
+            "structure"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do componente no DOM. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "steps",
+              "description": "Lista de etapas exibidas no stepper. Campo obrigatório."
+            },
+            {
+              "name": "activeIndex",
+              "description": "Índice (0-based) da etapa atualmente ativa. Campo obrigatório.",
+              "type": "number"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "stepSelected",
+              "description": "Emitido quando o usuário clica em uma etapa não desabilitada.",
+              "type": "EventEmitter<StepSelectionEvent>"
+            }
+          ]
+        },
+        {
+          "name": "collapse-link",
+          "selector": "s-collapse-link",
+          "description": "Componente de link expansor que mostra/oculta conteúdo transclusão com animação de colapso. Exibe rótulos diferentes para os estados expandido e colapsado.",
+          "package": "@seniorsistemas/angular-components/collapse-link",
+          "priority": "low",
+          "keywords": [
+            "collapse-link",
+            "collapse",
+            "link",
+            "structure"
+          ],
+          "inputs": [
+            {
+              "name": "buttonId",
+              "description": "Identificador do botão de toggle. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "expandedLabel",
+              "description": "Rótulo exibido quando o conteúdo está expandido.",
+              "default": "'Mostrar menos'",
+              "type": "string"
+            },
+            {
+              "name": "collapsedLabel",
+              "description": "Rótulo exibido quando o conteúdo está colapsado.",
+              "default": "'Mostrar mais'",
+              "type": "string"
+            },
+            {
+              "name": "disabled",
+              "description": "Desabilita o botão de toggle.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "collapse",
+              "description": "Controla externamente o estado colapsado do componente.",
+              "default": "true",
+              "type": "boolean"
+            }
+          ]
+        },
+        {
+          "name": "global-search",
+          "selector": "s-global-search",
+          "description": "Componente de busca global com input, dropdown de resultados, estado de carregamento, empty state e suporte a itens customizáveis via `GlobalSearchDropdownItemComponent`.",
+          "package": "@seniorsistemas/angular-components/global-search",
+          "priority": "low",
+          "keywords": [
+            "global-search",
+            "global",
+            "search",
+            "structure"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do componente no DOM. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "delay",
+              "description": "Tempo de debounce em ms antes de emitir o evento de busca.",
+              "default": "500",
+              "type": "number"
+            },
+            {
+              "name": "totalItensLabel",
+              "description": "Label que acompanha o total de resultados. Campo obrigatório."
+            },
+            {
+              "name": "showMoreLabel",
+              "description": "Rótulo do link para exibir mais resultados. Campo obrigatório."
+            },
+            {
+              "name": "placeholder",
+              "description": "Placeholder do input de busca.",
+              "type": "string"
+            },
+            {
+              "name": "isLoading",
+              "description": "Exibe indicador de carregamento no dropdown.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "totalElements",
+              "description": "Número total de resultados encontrados.",
+              "type": "number"
+            },
+            {
+              "name": "emptyTitle",
+              "description": "Título do empty state quando não há resultados.",
+              "type": "string"
+            },
+            {
+              "name": "emptyDescription",
+              "description": "Descrição do empty state exibida abaixo do título.",
+              "type": "string"
+            },
+            {
+              "name": "emptyIcon",
+              "description": "Classe do ícone exibido no empty state.",
+              "type": "string"
+            },
+            {
+              "name": "showFooter",
+              "description": "Exibe o rodapé com o link \"ver mais\" e contagem de resultados.",
+              "default": "true",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "searched",
+              "description": "Emitido ao digitar no campo de busca, com o valor atual da pesquisa."
+            },
+            {
+              "name": "focused",
+              "description": "Emitido quando o campo de busca ganha ou perde foco (`true` = focado)."
+            },
+            {
+              "name": "moreShown",
+              "description": "Emitido ao clicar no link para exibir mais resultados."
+            }
+          ]
+        },
+        {
+          "name": "insights",
+          "selector": "s-insights, s-ia-insight",
+          "description": "Componente de painel lateral de insights com IA. Exibe uma lista de itens de insights em um sidebar, suportando templates customizáveis para o conteúdo de introdução, estado vazio e sem permissão. Também exporta como seletor legado `s-ia-insight`.",
+          "package": "@seniorsistemas/angular-components/insights",
+          "priority": "low",
+          "keywords": [
+            "insights",
+            "structure"
+          ],
+          "inputs": [
+            {
+              "name": "insights",
+              "description": "Lista de itens de insight a serem exibidos no painel.",
+              "default": "[]",
+              "type": "InsightsItem[]"
+            },
+            {
+              "name": "hasPermission",
+              "description": "Indica se o usuário tem permissão para ver os insights.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "introText",
+              "description": "Texto de introdução exibido no topo do painel (quando sem template customizado).",
+              "type": "string"
+            },
+            {
+              "name": "emptyText",
+              "description": "Texto exibido quando não há insights disponíveis.",
+              "type": "string"
+            },
+            {
+              "name": "noPermissionText",
+              "description": "Texto exibido quando o usuário não tem permissão.",
+              "type": "string"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "openInsights",
+              "description": "Emitido quando o painel de insights é aberto.",
+              "type": "void"
+            },
+            {
+              "name": "closedInsights",
+              "description": "Emitido quando o painel de insights é fechado.",
+              "type": "void"
+            }
+          ]
+        },
+        {
+          "name": "object-card",
+          "selector": "s-object-card",
+          "description": "Card de exibição de objeto com setor principal, campos extras e painel expansível. Calcula automaticamente quantos campos cábem visíveis conforme a largura do container e suporta nível de severidade.",
+          "package": "@seniorsistemas/angular-components/object-card",
+          "priority": "low",
+          "keywords": [
+            "object-card",
+            "object",
+            "card",
+            "structure"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador do componente no DOM. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "expanded",
+              "description": "Define se o painel expansível está aberto.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "expandTooltip",
+              "description": "Tooltip do botão de expandir.",
+              "default": "'Abrir painel'",
+              "type": "string"
+            },
+            {
+              "name": "collapseTooltip",
+              "description": "Tooltip do botão de colapsar.",
+              "default": "'Fechar painel'",
+              "type": "string"
+            },
+            {
+              "name": "fieldsMinWidth",
+              "description": "Largura mínima em pixels de cada campo visível.",
+              "default": "200",
+              "type": "number"
+            },
+            {
+              "name": "severity",
+              "description": "Nível de severidade que altera o estilo visual.",
+              "default": "'default'",
+              "type": "Severities"
+            },
+            {
+              "name": "borderButtonOptions",
+              "description": "Opções de configuração do botão de borda lateral.",
+              "type": "BorderButtonOptions"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "expandedChange",
+              "description": "Emitido quando o estado de expansão muda, com o novo valor booleano."
+            }
+          ]
+        },
+        {
+          "name": "paginator",
+          "selector": "s-paginator",
+          "description": "Componente de paginação standalone que exibe botões de páginas, seletor de itens por página e navegação para primeira/última página. Emite `pageChange` a cada mudança de página ou tamanho de página.",
+          "package": "@seniorsistemas/angular-components/paginator",
+          "priority": "low",
+          "keywords": [
+            "paginator",
+            "structure"
+          ],
+          "inputs": [
+            {
+              "name": "totalRecords",
+              "description": "Número total de registros. Campo obrigatório."
+            },
+            {
+              "name": "rows",
+              "description": "Número de itens por página. Suporta two-way binding.",
+              "default": "10",
+              "type": "number"
+            },
+            {
+              "name": "rowsPerPageOptions",
+              "description": "Opções do seletor de itens por página.",
+              "default": "[10, 20, 50, 100, 200]",
+              "type": "number[]"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "pageChange",
+              "description": "Emitido sempre que a página ou o número de itens por página muda.",
+              "type": "PageChange"
+            }
+          ]
+        },
+        {
+          "name": "structure",
+          "selector": "s-footer",
+          "description": "Componente de rodapé da estrutura da página. Projeta conteúdo via ng-content.",
+          "package": "@seniorsistemas/angular-components/structure",
+          "priority": "low",
+          "keywords": [
+            "structure"
+          ]
+        },
+        {
+          "name": "timeline",
+          "selector": "s-timeline",
+          "description": "Componente de linha do tempo que renderiza itens de forma horizontal ou vertical (ou autodetectável por largura de tela). Suporta navegação entre etapas, destaque do item ativo e modo colapsável para muitos itens.",
+          "package": "@seniorsistemas/angular-components/timeline",
+          "priority": "low",
+          "keywords": [
+            "timeline",
+            "structure"
+          ],
+          "inputs": [
+            {
+              "name": "set",
+              "description": "Lista de itens da linha do tempo. Campo obrigatório. IDs duplicados são rejeitados com exceção."
+            },
+            {
+              "name": "activeIndex",
+              "description": "Índice ativo (0-based) que define o item em destaque. Campo obrigatório."
+            },
+            {
+              "name": "highlightActiveItem",
+              "description": "Aplica destaque visual ao item ativo.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "direction",
+              "description": "Direção de renderização: `'horizontal'` ou `'vertical'`.",
+              "default": "'horizontal'",
+              "type": "typeof HORIZONTAL | typeof VERTICAL"
+            },
+            {
+              "name": "collapsable",
+              "description": "Habilita o modo colapsável quando há muitos itens.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "counterLabel",
+              "description": "Rótulo exibido no contador de itens colapsados.",
+              "default": "'items'",
+              "type": "string"
+            }
+          ]
+        },
+        {
+          "name": "topbar",
+          "selector": "s-topbar, s-product-header",
+          "description": "Componente de barra superior (topbar) com título e suporte a conteúdo transclusão. Também responde ao seletor legado `s-product-header`.",
+          "package": "@seniorsistemas/angular-components/topbar",
+          "priority": "low",
+          "keywords": [
+            "topbar",
+            "structure"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do componente no DOM. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "header",
+              "description": "Título exibido na barra superior. Campo obrigatório."
+            },
+            {
+              "name": "baseZIndex",
+              "description": "Z-index base aplicado ao componente.",
+              "default": "0",
+              "type": "number"
+            },
+            {
+              "name": "isHeaderFrame",
+              "description": "Quando `true`, aplica borda inferior; quando `false`, aplica borda superior.",
+              "default": "true",
+              "type": "boolean"
+            }
+          ]
+        }
+      ]
+    },
+    "common": {
+      "description": "Common components",
+      "components": [
+        {
+          "name": "common",
+          "selector": "s-common",
+          "description": "Componente de ícone do IAssist, exibido a partir de um template SVG externo.",
+          "package": "@seniorsistemas/angular-components/common",
+          "priority": "low",
+          "keywords": [
+            "common"
+          ]
+        }
+      ]
+    },
+    "overlay": {
+      "description": "Overlay components",
+      "components": [
+        {
+          "name": "dialog",
+          "selector": "s-dialog",
+          "description": "Componente de diálogo modal que exibe conteúdo em uma janela sobreposta. Suporta templates customizados para cabeçalho, corpo e rodapé via `sTemplate`. Pode ser utilizado de forma declarativa (via `visible`) ou programática (via `DialogService`).",
+          "package": "@seniorsistemas/angular-components/dialog",
+          "priority": "high",
+          "keywords": [
+            "dialog",
+            "overlay"
+          ],
+          "inputs": [
+            {
+              "name": "header",
+              "description": "Texto exibido no cabeçalho do diálogo. Pode ser substituído por um template com `sTemplate=\"header\"`."
+            },
+            {
+              "name": "visible",
+              "description": "Controla a visibilidade do diálogo. Suporta two-way binding via `[(visible)]`. Ao definir `true`, o diálogo é aberto; ao definir `false`, é fechado. Não deve ser usado em conjunto com `DialogService` (modo programático).",
+              "default": "undefined",
+              "type": "boolean | undefined"
+            },
+            {
+              "name": "size",
+              "description": "Tamanho do diálogo. Valores aceitos: `'sm'`, `'md'` (padrão), `'lg'`, `'xl'`, `'fullscreen'`.",
+              "default": "'md'",
+              "type": "DialogSize"
+            },
+            {
+              "name": "contentClassName",
+              "description": "Classes CSS adicionais aplicadas ao container de conteúdo do diálogo.",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "escapeOnEsc",
+              "description": "Quando `true`, pressionar a tecla Escape fecha o diálogo.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "destroyClickOutside",
+              "description": "Quando `true`, clicar fora do diálogo (no backdrop) fecha o diálogo.",
+              "default": "true",
+              "type": "boolean"
+            }
+          ]
+        },
+        {
+          "name": "confirm-dialog",
+          "selector": "s-confirm-dialog",
+          "description": "Componente interno do diálogo de confirmação, renderizado pelo `ConfirmDialogService`. Exibe uma janela modal com uma mensagem, título e botões de aceitar e rejeitar configuráveis. Não deve ser instanciado diretamente; utilize `ConfirmDialogService.open()` para exibi-lo.",
+          "package": "@seniorsistemas/angular-components/confirm-dialog",
+          "priority": "low",
+          "keywords": [
+            "confirm-dialog",
+            "confirm",
+            "dialog",
+            "overlay"
+          ]
+        },
+        {
+          "name": "editable-overlay",
+          "selector": "p-table[sEditableOverlay]",
+          "description": "Diretiva aplicada a um `p-table` do PrimeNG para corrigir o comportamento de clique fora da célula editável, evitando que cliques em overlays (como dropdowns e modais) fechem indevidamente o modo de edição da célula.",
+          "package": "@seniorsistemas/angular-components/editable-overlay",
+          "priority": "low",
+          "keywords": [
+            "editable-overlay",
+            "editable",
+            "overlay"
+          ],
+          "inputs": [
+            {
+              "name": "table",
+              "description": "Referência direta à instância do `p-table` ao qual a diretiva está aplicada. Utilizada para sobrescrever o comportamento padrão de `bindDocumentEditListener`.",
+              "type": "any"
+            }
+          ]
+        },
+        {
+          "name": "help-popover",
+          "selector": "[sHelpPopover]",
+          "description": "Diretiva que exibe um popover de ajuda ao clicar no elemento hospedeiro. O popover suporta conteúdo como texto simples ou `TemplateRef`, além de botão de fechar, ícone, cabeçalho, rodapé e posição configurável. Pode ser acionado programaticamente.",
+          "package": "@seniorsistemas/angular-components/help-popover",
+          "priority": "low",
+          "keywords": [
+            "help-popover",
+            "help",
+            "popover",
+            "overlay"
+          ],
+          "inputs": [
+            {
+              "name": "sHelpPopover",
+              "description": "Conteúdo do popover. Aceita uma `string` com texto simples ou um `TemplateRef` para renderizar conteúdo Angular customizado dentro do popover.",
+              "type": "string | TemplateRef<any> | null"
+            },
+            {
+              "name": "closeButton",
+              "description": "Quando `true`, exibe o botão de fechar (X) no cabeçalho do popover.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "popoverIcon",
+              "description": "Classe de ícone exibida no cabeçalho do popover (ex: classe de Font Awesome).",
+              "type": "string"
+            },
+            {
+              "name": "popoverHeader",
+              "description": "Texto exibido no cabeçalho do popover.",
+              "type": "string"
+            },
+            {
+              "name": "popoverFooter",
+              "description": "Texto exibido no rodapé do popover.",
+              "type": "string"
+            },
+            {
+              "name": "popoverButtonText",
+              "description": "Texto do botão de ação exibido no rodapé do popover. Ao clicar, emite o evento `buttonClicked`.",
+              "type": "string"
+            },
+            {
+              "name": "popoverArrowPosition",
+              "description": "Alinhamento da seta indicadora em relação ao lado do popover. Valores aceitos: `'beginning'` (padrão), `'middle'`, `'end'`.",
+              "default": "'beginning'",
+              "type": "HelpPopoverArrowPosition"
+            },
+            {
+              "name": "set",
+              "description": "Posição do popover em relação ao elemento hospedeiro. Valores aceitos: `'top'`, `'bottom'` (padrão), `'left'`, `'right'`. O componente tenta reposicionar automaticamente caso não haja espaço.",
+              "default": "'bottom'"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "buttonClicked",
+              "description": "Emitido quando o usuário clica no botão de ação do rodapé do popover."
+            }
+          ]
+        },
+        {
+          "name": "info-sign",
+          "selector": "[sInfoSign]",
+          "description": "Diretiva estrutural que exibe um ícone de informação ao lado do elemento hospedeiro. Ao interagir com o ícone, um tooltip com a mensagem configurada é exibido temporariamente. Suporta sincronização de posição com um campo de input referenciado.",
+          "package": "@seniorsistemas/angular-components/info-sign",
+          "priority": "low",
+          "keywords": [
+            "info-sign",
+            "info",
+            "sign",
+            "overlay"
+          ],
+          "inputs": [
+            {
+              "name": "sInfoSign",
+              "description": "Mensagem exibida no tooltip do ícone de informação. Campo obrigatório."
+            },
+            {
+              "name": "displayTime",
+              "description": "Tempo em milissegundos que o tooltip permanece visível após ser exibido.",
+              "default": "5000",
+              "type": "number"
+            },
+            {
+              "name": "focusedInputRef",
+              "description": "Referência a um elemento de input HTML para posicionamento relativo do info sign. Utilizado quando `useFocusedInputRef` é `true`.",
+              "type": "HTMLInputElement | HTMLElement | undefined | null"
+            },
+            {
+              "name": "useFocusedInputRef",
+              "description": "Quando `true`, utiliza `focusedInputRef` para calcular o posicionamento do ícone.",
+              "default": "true",
+              "type": "boolean"
+            }
+          ]
+        },
+        {
+          "name": "sidebar",
+          "selector": "s-sidebar",
+          "description": "Componente de painel lateral deslizante (sidebar) que aparece sobre o conteúdo vindo do lado direito da tela. Suporta templates customizados para cabeçalho, corpo e rodapé via `sTemplate`, bloqueio de scroll automático e confirmação de fechamento.",
+          "package": "@seniorsistemas/angular-components/sidebar",
+          "priority": "low",
+          "keywords": [
+            "sidebar",
+            "overlay"
+          ],
+          "inputs": [
+            {
+              "name": "visible",
+              "description": "Controla a visibilidade da sidebar. Suporta two-way binding via `[(visible)]`.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "closable",
+              "description": "Quando `true`, exibe o botão de fechar (X) no cabeçalho da sidebar.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "dismissible",
+              "description": "Quando `true`, clicar no backdrop (área escurecida fora da sidebar) fecha o painel.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "closeOnEscape",
+              "description": "Quando `true`, pressionar a tecla Escape fecha a sidebar.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "header",
+              "description": "Texto exibido no cabeçalho padrão da sidebar. Pode ser substituído por um template customizado via `sTemplate=\"header\"`.",
+              "type": "string"
+            },
+            {
+              "name": "largeSized",
+              "description": "Quando `true`, aumenta a largura da sidebar para acomodar mais conteúdo.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "cache",
+              "description": "Quando `true`, mantém o conteúdo da sidebar no DOM mesmo quando oculta, preservando o estado interno dos componentes filhos.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "set",
+              "description": "Função de confirmação chamada antes de fechar a sidebar. Quando retornar `false`, o fechamento é bloqueado. Útil para validar formulários não salvos."
+            }
+          ]
+        },
+        {
+          "name": "slide-in-bar",
+          "selector": "s-slide-in-bar, s-slide-panel",
+          "description": "Componente de painel deslizante lateral que expande/colapsa ao clicar em um botão de toggle. Em telas pequenas (≤ 420px), o painel entra em modo overlay, sobrepondo o conteúdo. Substitui o seletor `s-slide-panel` (deprecado desde v20.0.0).",
+          "package": "@seniorsistemas/angular-components/slide-in-bar",
+          "priority": "low",
+          "keywords": [
+            "slide-in-bar",
+            "slide",
+            "in",
+            "bar",
+            "overlay"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do painel. Gerado automaticamente se não informado. Usado internamente pelo `SlideInBarService` para comunicação entre painéis.",
+              "type": "string"
+            },
+            {
+              "name": "openIcon",
+              "description": "Classe de ícone exibida no botão de abertura do painel.",
+              "default": "'fas fa-chevron-right'",
+              "type": "string"
+            },
+            {
+              "name": "closeIcon",
+              "description": "Classe de ícone exibida no botão de fechamento do painel.",
+              "default": "'fas fa-chevron-left'",
+              "type": "string"
+            },
+            {
+              "name": "cache",
+              "description": "Quando `true`, mantém o conteúdo do painel no DOM mesmo quando fechado, preservando o estado interno dos componentes filhos.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "createOpen",
+              "description": "Quando `true`, o painel é iniciado já aberto.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "noOverlap",
+              "description": "Quando `true`, o painel não sobrepõe o conteúdo ao expandir, empurrando o layout adjacente.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "panelOpened",
+              "description": "Emitido quando o painel é aberto pelo usuário."
+            },
+            {
+              "name": "panelClosed",
+              "description": "Emitido quando o painel é fechado pelo usuário."
+            }
+          ]
+        },
+        {
+          "name": "tooltip",
+          "selector": "[sTooltip]",
+          "description": "Diretiva que exibe um tooltip (dica de ferramenta) flutuante ao interagir com o elemento hospedeiro. Posiciona-se automaticamente considerando o espaço disponível na tela. Suporta eventos de hover, click e focus, além de comportamentos customizados para mobile.",
+          "package": "@seniorsistemas/angular-components/tooltip",
+          "priority": "low",
+          "keywords": [
+            "tooltip",
+            "overlay"
+          ],
+          "inputs": [
+            {
+              "name": "tooltip",
+              "description": "Texto exibido no tooltip. Quando vazio ou `undefined`, o tooltip não é renderizado.",
+              "type": "string"
+            },
+            {
+              "name": "tooltipPosition",
+              "description": "Posição preferencial do tooltip em relação ao elemento hospedeiro. O tooltip se reposiciona automaticamente se não houver espaço suficiente.",
+              "default": "'top'",
+              "type": "TooltipPositions"
+            },
+            {
+              "name": "showDelay",
+              "description": "Tempo em milissegundos antes do tooltip aparecer após o evento de ativação.",
+              "default": "500",
+              "type": "number"
+            },
+            {
+              "name": "displayTime",
+              "description": "Tempo em milissegundos que o tooltip permanece visível após aparecer. Quando não informado, o tooltip permanece até o usuário sair do elemento.",
+              "type": "number"
+            },
+            {
+              "name": "tooltipEvent",
+              "description": "Evento do elemento hospedeiro que dispara a exibição do tooltip. - `'hover'`: exibe ao passar o mouse (padrão). - `'click'`: exibe ao clicar. - `'focus'`: exibe ao focar no elemento.",
+              "default": "'hover'",
+              "type": "TooltipEvent"
+            },
+            {
+              "name": "escape",
+              "description": "Quando `true`, o conteúdo HTML do tooltip é escapado antes de ser renderizado.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "visible",
+              "description": "Quando `false`, o tooltip nunca é exibido, mesmo que haja interação do usuário. Útil para desabilitar tooltips dinamicamente.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "mobileBehavior",
+              "description": "Comportamento do tooltip em dispositivos móveis (touch). - `'pressing'`: exibe ao pressionar e manter o toque (padrão). - `'none'`: desabilita o tooltip em dispositivos táteis.",
+              "default": "'pressing'",
+              "type": "MobileBehavior"
+            },
+            {
+              "name": "focusedInputRef",
+              "description": "Referência a um input HTML para sincronizar a exibição do tooltip com o foco no campo.",
+              "type": "HTMLInputElement | null"
+            },
+            {
+              "name": "checkTruncatedText",
+              "description": "Quando `true`, o tooltip só é exibido se o texto do elemento estiver truncado (overflow). Útil para cells de tabela ou elementos com `text-overflow: ellipsis`.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ]
+        }
+      ]
+    },
+    "data": {
+      "description": "Data components",
+      "components": [
+        {
+          "name": "table",
+          "selector": "s-table-columns",
+          "description": "Componente interno que renderiza uma linha de colunas da tabela, aplicando formatação localizada (data, número, moeda, token, etc.) para cada coluna. Normalmente usado dentro do contexto de uma tabela PrimeNG.",
+          "package": "@seniorsistemas/angular-components/table",
+          "priority": "high",
+          "keywords": [
+            "table",
+            "data"
+          ],
+          "inputs": [
+            {
+              "name": "columns",
+              "description": "Lista de configurações das colunas a serem renderizadas.",
+              "default": "[]",
+              "type": "Column[]"
+            },
+            {
+              "name": "rowValue",
+              "description": "Objeto da linha com os valores a serem exibidos nas colunas. Campo obrigatório."
+            },
+            {
+              "name": "locale",
+              "description": "Opções de localização (calendário e número) usadas para formatação.",
+              "default": "null",
+              "type": "TableColumnLocaleOptions | null"
+            }
+          ]
+        },
+        {
+          "name": "panel",
+          "selector": "s-panel",
+          "description": "Componente de painel com cabeçalho, corpo e rodapé customizáveis via `TemplateDirective`. Suporta colapsar/expandir com animação, nível de severidade para estilo visual e botão de borda configurável.",
+          "package": "@seniorsistemas/angular-components/panel",
+          "priority": "medium",
+          "keywords": [
+            "panel",
+            "data"
+          ],
+          "inputs": [
+            {
+              "name": "header",
+              "description": "Título exibido no cabeçalho do painel.",
+              "type": "string"
+            },
+            {
+              "name": "toggleable",
+              "description": "Habilita o botão de toggle para colapsar/expandir o painel.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "collapsed",
+              "description": "Define o estado inicial do painel como colapsado.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "severity",
+              "description": "Nível de severidade que altera o estilo visual do painel.",
+              "default": "'default'",
+              "type": "Severities"
+            },
+            {
+              "name": "borderButtonOptions",
+              "description": "Opções de configuração do botão de borda lateral do painel.",
+              "type": "BorderButtonOptions"
+            },
+            {
+              "name": "class",
+              "description": "Classes CSS adicionais aplicadas ao elemento raíz do painel.",
+              "default": "''",
+              "type": "string"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "collapsedChange",
+              "description": "Emitido quando o estado de colapso muda, com o novo valor booleano."
+            }
+          ]
+        },
+        {
+          "name": "gantt",
+          "selector": "s-gantt",
+          "description": "Componente de diagrama de Gantt para visualização e manipulação de tarefas em linha do tempo. Suporta diferentes modos de visualização (dia, semana, mês), movimentação de tarefas via drag e popup de detalhes ao clicar.",
+          "package": "@seniorsistemas/angular-components/gantt",
+          "priority": "low",
+          "keywords": [
+            "gantt",
+            "data"
+          ],
+          "inputs": [
+            {
+              "name": "columnTitle",
+              "description": "Título da coluna lateral de identificação das tarefas.",
+              "type": "string"
+            },
+            {
+              "name": "multipleTaskPerLine",
+              "description": "Permite renderizar múltiplas tarefas na mesma linha.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "showSideTable",
+              "description": "Exibe a tabela lateral com os nomes das tarefas.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "viewMode",
+              "description": "Modo de visualização do gantt (dia, semana, mês, etc.).",
+              "default": "ViewMode.Day"
+            },
+            {
+              "name": "tasks",
+              "description": "Lista de grupos de tarefas a serem renderizados. Campo obrigatório."
+            },
+            {
+              "name": "marginBeforeStart",
+              "description": "Margem em dias antes do início da primeira tarefa.",
+              "type": "number"
+            },
+            {
+              "name": "marginAfterEnd",
+              "description": "Margem em dias após o fim da última tarefa.",
+              "type": "number"
+            },
+            {
+              "name": "allowMovement",
+              "description": "Habilita o arrastar de tarefas para alterar datas.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "hasPopup",
+              "description": "Exibe popup com detalhes ao clicar em uma tarefa.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "containerWidth",
+              "description": "Largura do container em pixels. Se omitido, usa a largura natural.",
+              "type": "number"
+            },
+            {
+              "name": "fullWidth",
+              "description": "Faz o gantt ocupar 100% da largura disponível.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "showOnlyHours",
+              "description": "Exibe apenas horas na linha do tempo (ignora dias).",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "showOnlyDays",
+              "description": "Exibe apenas dias na linha do tempo (ignora horas).",
+              "default": "false",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "taskClicked",
+              "description": "Emitido quando o usuário clica em uma tarefa.",
+              "type": "EventEmitter<Task>"
+            },
+            {
+              "name": "taskDateChanged",
+              "description": "Emitido quando o usuário arrasta e modifica as datas de uma tarefa.",
+              "type": "EventEmitter<any>"
+            },
+            {
+              "name": "viewChanged",
+              "description": "Emitido quando o modo de visualização é alterado.",
+              "type": "EventEmitter<ViewMode>"
+            }
+          ]
+        },
+        {
+          "name": "infinite-scroll",
+          "selector": "[sInfiniteScroll]",
+          "description": "Diretiva de scroll infinito que detecta quando o usuário chega ao final do elemento e emite o evento `scrolled`. Deve ser aplicada a um elemento com overflow e scroll habilitado.",
+          "package": "@seniorsistemas/angular-components/infinite-scroll",
+          "priority": "low",
+          "keywords": [
+            "infinite-scroll",
+            "infinite",
+            "scroll",
+            "data"
+          ],
+          "outputs": [
+            {
+              "name": "scrolled",
+              "description": "Emitido quando o usuário atinge o final do elemento com scroll."
+            }
+          ]
+        },
+        {
+          "name": "kanban",
+          "selector": "s-kanban",
+          "description": "Componente de quadro Kanban com suporte a arrastar e soltar colunas e itens. Permite seleção via checkboxes, templates customizáveis para cabeçalho, corpo e rodapé dos cards, além de emitir eventos de movição e seleção.",
+          "package": "@seniorsistemas/angular-components/kanban",
+          "priority": "low",
+          "keywords": [
+            "kanban",
+            "data"
+          ],
+          "inputs": [
+            {
+              "name": "data",
+              "description": "Dados do quadro Kanban com colunas e itens. Campo obrigatório."
+            },
+            {
+              "name": "showItemCheckboxes",
+              "description": "Exibe checkboxes de seleção em cada item Kanban.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "showColumnCheckboxes",
+              "description": "Exibe checkboxes de seleção no cabeçalho de cada coluna.",
+              "default": "true",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "itemsMoved",
+              "description": "Emitido quando o usuário move um item entre colunas ou posições."
+            },
+            {
+              "name": "dataUpdated",
+              "description": "Emitido quando os dados do quadro são atualizados após movição."
+            },
+            {
+              "name": "itemsSelected",
+              "description": "Emitido quando a seleção de itens muda, com a lista de itens selecionados."
+            }
+          ]
+        },
+        {
+          "name": "mask",
+          "selector": "s-mask",
+          "description": "Pipe que aplica uma máscara de formatação a uma string, suportando os tokens `9` (dígito), `a` (letra) e `*` (alfanumérico), além de suporte a posições opcionais com `?`.",
+          "package": "@seniorsistemas/angular-components/mask",
+          "priority": "low",
+          "keywords": [
+            "mask",
+            "data"
+          ]
+        },
+        {
+          "name": "picklist",
+          "selector": "s-picklist",
+          "description": "Componente de lista de dupla seleção (picklist) com suporte a arrastar e soltar, filtro, checkboxes e template customizável para cada item. Emite eventos ao mover itens entre as listas.",
+          "package": "@seniorsistemas/angular-components/picklist",
+          "priority": "low",
+          "keywords": [
+            "picklist",
+            "data"
+          ],
+          "inputs": [
+            {
+              "name": "itensToSelect",
+              "description": "Lista de itens disponíveis para seleção (coluna esquerda).",
+              "default": "[]",
+              "type": "PickListItem<any>[]"
+            },
+            {
+              "name": "selectedItens",
+              "description": "Lista de itens já selecionados (coluna direita).",
+              "default": "[]",
+              "type": "PickListItem<any>[]"
+            },
+            {
+              "name": "availableItensLabel",
+              "description": "Rótulo do título da lista de disponíveis.",
+              "type": "string"
+            },
+            {
+              "name": "availableItensPlaceholder",
+              "description": "Placeholder da busca na lista de disponíveis.",
+              "type": "string"
+            },
+            {
+              "name": "addSelectedItensLabel",
+              "description": "Rótulo do botão de adicionar itens selecionados.",
+              "type": "string"
+            },
+            {
+              "name": "addAllItensLabel",
+              "description": "Rótulo do botão de adicionar todos os itens.",
+              "type": "string"
+            },
+            {
+              "name": "selectedItensLabel",
+              "description": "Rótulo do título da lista de selecionados.",
+              "type": "string"
+            },
+            {
+              "name": "selectedItensPlaceholder",
+              "description": "Placeholder da busca na lista de selecionados.",
+              "type": "string"
+            },
+            {
+              "name": "removeSelectedItemsLabel",
+              "description": "Rótulo do botão de remover itens selecionados.",
+              "type": "string"
+            },
+            {
+              "name": "removeAllItemsLabel",
+              "description": "Rótulo do botão de remover todos os itens.",
+              "type": "string"
+            },
+            {
+              "name": "showCheckbox",
+              "description": "Exibe checkbox nos itens das listas.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "filterBy",
+              "description": "Propriedade usada para filtrar os itens das listas.",
+              "default": "''",
+              "type": "string"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "selectedItensChange",
+              "description": "Emitido quando a lista de selecionados muda."
+            },
+            {
+              "name": "itensToSelectChange",
+              "description": "Emitido quando a lista de disponíveis muda."
+            }
+          ]
+        },
+        {
+          "name": "table-header",
+          "selector": "s-table-header-checkbox",
+          "description": "Componente de checkbox de cabeçalho para tabelas PrimeNG. Integra-se automaticamente ao `TableService` para sincronizar o estado de seleção total/parcial com as linhas da tabela.",
+          "package": "@seniorsistemas/angular-components/table-header",
+          "priority": "low",
+          "keywords": [
+            "table-header",
+            "table",
+            "header",
+            "data"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do componente no DOM. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "disabled",
+              "description": "Desabilita o checkbox de cabeçalho.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "rowProps",
+              "description": "Lista de propriedades dos itens da linha usadas para identificação.",
+              "type": "string[]"
+            },
+            {
+              "name": "useAllObject",
+              "description": "Quando `true`, usa o objeto completo da linha em vez de propriedades específicas.",
+              "type": "boolean"
+            }
+          ]
+        },
+        {
+          "name": "thumbnail",
+          "selector": "s-thumbnail",
+          "description": "Componente de miniatura de imagem com suporte a imagem de fallback, ícone de ação sobrepôsto, orientação automática e diferentes tamanhos predefinidos.",
+          "package": "@seniorsistemas/angular-components/thumbnail",
+          "priority": "low",
+          "keywords": [
+            "thumbnail",
+            "data"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do componente no DOM. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "size",
+              "description": "Tamanho da miniatura: `'small'`, `'medium'`, `'large'`, etc.",
+              "default": "'medium'",
+              "type": "ThumbnailSize"
+            },
+            {
+              "name": "imageSource",
+              "description": "URL da imagem principal.",
+              "type": "string"
+            },
+            {
+              "name": "imageFallback",
+              "description": "URL da imagem de fallback exibida quando a principal falha ao carregar.",
+              "type": "string"
+            },
+            {
+              "name": "imageAlt",
+              "description": "Texto alternativo (atributo `alt`) da imagem.",
+              "type": "string"
+            },
+            {
+              "name": "iconClass",
+              "description": "Classe do ícone exibido quando não há imagem disponível.",
+              "default": "'far fa-image'",
+              "type": "string"
+            },
+            {
+              "name": "hasAction",
+              "description": "Habilita a exibição de um botão de ação sobrepôsto.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "actionIconClass",
+              "description": "Classe do ícone do botão de ação.",
+              "default": "'fas fa-camera'",
+              "type": "string"
+            },
+            {
+              "name": "isTile",
+              "description": "Aplica estilo de tile ao thumbnail.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "isBrand",
+              "description": "Aplica estilo de marca ao thumbnail.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ]
+        },
+        {
+          "name": "thumbnails",
+          "selector": "s-thumbnails",
+          "description": "Componente de galeria de miniaturas com suporte a seleção múltipla e abertura de itens. Gerencia o estado de seleção internamente e emite eventos para o componente pai.",
+          "package": "@seniorsistemas/angular-components/thumbnails",
+          "priority": "low",
+          "keywords": [
+            "thumbnails",
+            "data"
+          ],
+          "inputs": [
+            {
+              "name": "items",
+              "description": "Lista de itens exibidos na galeria.",
+              "default": "[]",
+              "type": "ThumbnailsItem[]"
+            },
+            {
+              "name": "selectable",
+              "description": "Habilita a seleção de itens.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "combineCheckboxEvent",
+              "description": "Quando `true`, combina o evento de checkbox com o de seleção.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "set",
+              "description": "Lista de itens atualmente selecionados. Suporta two-way binding.",
+              "default": "[]"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "selectionChange",
+              "description": "Emitido quando a seleção de itens muda."
+            },
+            {
+              "name": "itemOpened",
+              "description": "Emitido quando o usuário abre um item (clique duplo ou ação de abrir)."
+            }
+          ]
+        },
+        {
+          "name": "tree",
+          "selector": "s-tree",
+          "description": "Componente de árvore hierárquica com suporte a seleção única ou múltipla, checkboxes, noós expansíveis e edição inline de rótulos. Gerencia o estado interno dos nós e emite eventos na seleção, expansão, colapso e edição.",
+          "package": "@seniorsistemas/angular-components/tree",
+          "priority": "low",
+          "keywords": [
+            "tree",
+            "data"
+          ],
+          "inputs": [
+            {
+              "name": "treeData",
+              "description": "Lista de nós raíz da árvore.",
+              "default": "[]",
+              "type": "TreeNodeItem[]"
+            },
+            {
+              "name": "get",
+              "description": "Nó(s) selecionado(s). Suporta array ou item único dependendo de `selectionMode`.",
+              "default": "[]"
+            },
+            {
+              "name": "loading",
+              "description": "Exibe indicador de carregamento nos nós.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "selectionMode",
+              "description": "Modo de seleção: `'single'` ou `'multiple'`.",
+              "default": "'single'",
+              "type": "'single' | 'multiple'"
+            },
+            {
+              "name": "showCheckbox",
+              "description": "Exibe checkboxes nos nós para seleção visual.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "allExpanded",
+              "description": "Expão todos os nós inicialmente.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "selectedChange",
+              "description": "Emitido quando a seleção muda, com o(s) nó(s) selecionado(s).",
+              "type": "EventEmitter<TreeNodeItem[] | TreeNodeItem>"
+            },
+            {
+              "name": "treeNodeItemClicked",
+              "description": "Emitido quando o usuário clica em um nó da árvore.",
+              "type": "EventEmitter<TreeNodeItem>"
+            },
+            {
+              "name": "treeNodeEdit",
+              "description": "Emitido após uma edição inline de rótulo de nó.",
+              "type": "EventEmitter<TreeNodeEdit>"
+            },
+            {
+              "name": "nodeExpanded",
+              "description": "Emitido quando um nó é expandido pelo usuário.",
+              "type": "EventEmitter<TreeNodeItem>"
+            },
+            {
+              "name": "nodeCollapsed",
+              "description": "Emitido quando um nó é colapsado pelo usuário.",
+              "type": "EventEmitter<TreeNodeItem>"
+            }
+          ]
+        }
+      ]
+    },
+    "summary": {
+      "description": "Summary components",
+      "components": [
+        {
+          "name": "label-value",
+          "selector": "s-label-value",
+          "description": "Componente de exibição de par label/valor que suporta diferentes tipos de conteúdo configurados via `LabelValueConfiguration`: texto, número, moeda, data e badge.",
+          "package": "@seniorsistemas/angular-components/label-value",
+          "priority": "low",
+          "keywords": [
+            "label-value",
+            "label",
+            "value",
+            "summary"
+          ],
+          "inputs": [
+            {
+              "name": "configuration",
+              "description": "Configuração do par label/valor, incluindo tipo e dados para renderização. Campo obrigatório."
+            }
+          ]
+        },
+        {
+          "name": "stats-card",
+          "selector": "s-stats-card",
+          "description": "Card de estatística que exibe um valor numérico com ícone, rótulo e animação de contagem. Suporta diferentes estilos visuais (borda, versão leve) e pode emitir evento ao ser clicado.",
+          "package": "@seniorsistemas/angular-components/stats-card",
+          "priority": "low",
+          "keywords": [
+            "stats-card",
+            "stats",
+            "card",
+            "summary"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do card no DOM. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "label",
+              "description": "Rótulo descritivo da estatística exibida. Campo obrigatório."
+            },
+            {
+              "name": "alwaysWithBorder",
+              "description": "Exibe borda mesmo quando o card não está em destaque.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "lightVersion",
+              "description": "Ativa a versão visual leve (sem sombra e com fundo claro).",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "lightMode",
+              "description": "Ativa o modo de cores claras para o card.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "iconClass",
+              "description": "Classe do ícone exibido no card.",
+              "default": "'fa fa-bar-chart'",
+              "type": "string"
+            },
+            {
+              "name": "color",
+              "description": "Cor de destaque do card em formato CSS.",
+              "default": "'#339966'",
+              "type": "string"
+            },
+            {
+              "name": "animateNumbers",
+              "description": "Habilita a animação de contagem ao atualizar o valor.",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "clickable",
+              "description": "Habilita o cursor de ponteiro e o evento de clique.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "tooltip",
+              "description": "Texto do tooltip exibido ao passar o mouse sobre o card.",
+              "default": "''",
+              "type": "string"
+            },
+            {
+              "name": "set",
+              "description": "Valor numérico exibido no card. Quando `animateNumbers` está ativo, a contagem é animada."
+            }
+          ],
+          "outputs": [
+            {
+              "name": "clicked",
+              "description": "Emitido quando o usuário clica no card (requer `clickable = true`)."
+            }
+          ]
+        },
+        {
+          "name": "tile",
+          "selector": "s-tile",
+          "description": "Card clicável que representa uma opção ou destino de navegação, exibindo ícone (por classe ou imagem), rótulo e descrição opcional. Suporta navegação por teclado e exibe as iniciais do rótulo como fallback.",
+          "package": "@seniorsistemas/angular-components/tile",
+          "priority": "low",
+          "keywords": [
+            "tile",
+            "summary"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do elemento no DOM. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "label",
+              "description": "Rótulo principal exibido no tile. Campo obrigatório."
+            },
+            {
+              "name": "description",
+              "description": "Texto descritivo exibido abaixo do rótulo.",
+              "type": "string"
+            },
+            {
+              "name": "iconClass",
+              "description": "Classe do ícone exibido no tile (ex.: `'fas fa-home'`).",
+              "type": "string"
+            },
+            {
+              "name": "imageSource",
+              "description": "URL da imagem exibida no tile.",
+              "type": "string"
+            },
+            {
+              "name": "imageAlt",
+              "description": "Texto alternativo para a imagem (`alt`).",
+              "type": "string"
+            },
+            {
+              "name": "disabled",
+              "description": "Desabilita o tile, removendo interações e aplicando estilo desativado.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "tabIndex",
+              "description": "`tabindex` do tile para navegação por teclado.",
+              "default": "0",
+              "type": "number"
+            },
+            {
+              "name": "thumbnail",
+              "description": "Exibe o thumbnail (miniatura) no tile.",
+              "default": "true",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "clicked",
+              "description": "Emitido quando o usuário clica ou pressiona Enter/Espaço no tile."
+            }
+          ]
+        },
+        {
+          "name": "token-list",
+          "selector": "s-token-list",
+          "description": "Componente de lista de tokens (etiquetas) clicáveis e opcionalmente removíveis. Emite eventos ao selecionar ou remover um token.",
+          "package": "@seniorsistemas/angular-components/token-list",
+          "priority": "low",
+          "keywords": [
+            "token-list",
+            "token",
+            "list",
+            "summary"
+          ],
+          "inputs": [
+            {
+              "name": "id",
+              "description": "Identificador único do componente no DOM. Gerado automaticamente se não informado.",
+              "type": "string"
+            },
+            {
+              "name": "tokens",
+              "description": "Lista de tokens exibidos. Campo obrigatório."
+            },
+            {
+              "name": "removableTokens",
+              "description": "Exibe o botão de remoção em cada token.",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "hidePointerEvents",
+              "description": "Quando `true`, remove os eventos de ponteiro (hover/clique) dos tokens.",
+              "default": "false",
+              "type": "boolean"
+            }
+          ],
+          "outputs": [
+            {
+              "name": "tokenSelected",
+              "description": "Emitido quando o usuário clica em um token não desabilitado.",
+              "type": "EventEmitter<IToken>"
+            },
+            {
+              "name": "tokenRemoved",
+              "description": "Emitido quando o usuário remove um token não desabilitado.",
+              "type": "EventEmitter<IToken>"
+            }
+          ]
+        }
+      ]
+    },
+    "numeric": {
+      "description": "Numeric components",
+      "components": [
+        {
+          "name": "numeric",
+          "selector": "s-numeric",
+          "description": "Angular pipe for formatting numeric values according to the active locale. Wraps `NumericService.instant()` and reactively responds to locale changes via `LocaleService`. Accepts an optional `locale` override and `Intl.NumberFormatOptions` for fine-grained control.",
+          "package": "@seniorsistemas/angular-components/numeric",
+          "priority": "low",
+          "keywords": [
+            "numeric"
+          ]
+        },
+        {
+          "name": "numeric-mask",
+          "selector": "[sNumericMask]",
+          "description": "Diretiva de máscara numérica com suporte a internacionalização. Formata valores numéricos de acordo com o locale especificado, aplicando separadores de milhar e decimal adequados, com suporte a valores negativos, controle de casas decimais mín/máx e notação científica.",
+          "package": "@seniorsistemas/angular-components/numeric-mask",
+          "priority": "low",
+          "keywords": [
+            "numeric-mask",
+            "numeric",
+            "mask"
+          ],
+          "inputs": [
+            {
+              "name": "locale",
+              "default": "undefined",
+              "type": "string | undefined"
+            },
+            {
+              "name": "minDecimalPlaces",
+              "default": "0",
+              "type": "number"
+            },
+            {
+              "name": "maxDecimalPlaces",
+              "default": "10",
+              "type": "number"
+            },
+            {
+              "name": "allowNegative",
+              "default": "false",
+              "type": "boolean"
+            },
+            {
+              "name": "allowScientificNotation",
+              "default": "true",
+              "type": "boolean"
+            },
+            {
+              "name": "min",
+              "default": "undefined",
+              "type": "number | undefined"
+            },
+            {
+              "name": "max",
+              "default": "undefined",
+              "type": "number | undefined"
+            }
+          ]
+        }
+      ]
+    },
+    "shared": {
+      "description": "Shared components",
+      "components": [
+        {
+          "name": "shared",
+          "selector": "s-border-button",
+          "description": "Botão com borda que varia de estilo de acordo com a severidade informada. Utilizado internamente por outros componentes da biblioteca.",
+          "package": "@seniorsistemas/angular-components/shared",
+          "priority": "low",
+          "keywords": [
+            "shared"
+          ],
+          "inputs": [
+            {
+              "name": "severity",
+              "description": "Nível de severidade que define a cor e estilo do botão.",
+              "default": "'default'",
+              "type": "Severities"
+            },
+            {
+              "name": "options",
+              "description": "Opções de configuração do botão (rótulo, ação, etc.).",
+              "type": "BorderButtonOptions"
+            }
+          ]
+        },
+        {
+          "name": "template",
+          "selector": "[sTemplate]",
+          "description": "Diretiva estrutural que marca um `<ng-template>` com um alias nomeado, permitindo que componentes pai identifiquem e projetem templates específicos por nome.",
+          "package": "@seniorsistemas/angular-components/template",
+          "priority": "low",
+          "keywords": [
+            "template",
+            "shared"
+          ],
+          "inputs": [
+            {
+              "name": "alias",
+              "description": "Nome (alias) que identifica o template nomeado. Utilizado como valor do atributo `sTemplate`.",
+              "type": "'sTemplate',"
+            }
+          ]
+        }
+      ]
+    }
+  }
+}