forlogic-core 2.0.7 → 2.1.0

package/dist/leadership/components/LeadershipPage.d.ts

@@ -13,7 +13,7 @@ export interface LeadershipPageProps {
     columns?: TreeTableColumn<LeaderNode>[];
     /** Header da coluna de nome (default: "Líder") */
     nameHeader?: string;
-    /** Texto da zona de drop raiz (default: "Tornar Líder Raiz") */
+    /** Texto da zona de drop raiz (default: t('leadership_make_root')) */
     rootDropLabel?: string;
 }
 export declare function LeadershipPage({ unassociatedUsers, onAssociateUser, onMoveNode: customMoveNode, onMoveNodes: customMoveNodes, columns: customColumns, nameHeader, rootDropLabel, }?: LeadershipPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/media/components/ImageRenderer.d.ts

@@ -12,7 +12,7 @@
  *   content={{
  *     imageUrl: 'https://example.com/image.jpg',
  *     caption: 'Minha imagem',
- *     alt: 'Descrição da imagem',
+ *     alt: t('image_description'),
  *     alignment: 'center',
  *     allowDownload: true
  *   }}

package/dist/media/components/VideoEditor.d.ts

@@ -1,22 +1,2 @@
-/**
- * Video Editor Component
- *
- * Editor genérico de vídeo para forlogic-core.
- * Suporta URL, upload e código embed.
- *
- * @example
- * ```tsx
- * import { VideoEditor } from 'forlogic-core';
- *
- * <VideoEditor
- *   value={videoData}
- *   onChange={setVideoData}
- *   onSubmit={handleSave}
- *   onCancel={handleCancel}
- *   uploadFunction={myUploadFunction}
- *   uploadOptions={{ bucket: 'videos', folder: 'content' }}
- * />
- * ```
- */
 import type { MediaEditorProps, VideoBlockContent } from '../types';
 export declare function VideoEditor({ value, onChange, onSubmit, onCancel, uploadFunction, deleteFunction, uploadOptions }: MediaEditorProps<VideoBlockContent>): import("react/jsx-runtime").JSX.Element;

package/dist/media/components/VideoRenderer.d.ts

@@ -1,8 +1,2 @@
-/**
- * Video Renderer Component
- *
- * Renderizador genérico de vídeo para forlogic-core.
- * Suporta YouTube, Vimeo e arquivos diretos.
- */
 import type { MediaRendererProps, VideoBlockContent } from '../types';
 export declare function VideoRenderer({ content, className, style }: MediaRendererProps<VideoBlockContent>): import("react/jsx-runtime").JSX.Element;

package/dist/qualiex/components/QualiexUserField.d.ts

@@ -52,7 +52,7 @@ export type QualiexUserDisplayFormat = 'name' | 'name-email' | 'name-role' | 'cu
  * // Display customizado
  * <QualiexUserField
  *   displayFormat="custom"
- *   customDisplayFn={(user) => `${user.userName} - ${user.placeName || 'Sem local'}`}
+ *   customDisplayFn={(user) => `${user.userName} - ${user.placeName || t('no_place_selected')}`}
  *   value={userId}
  *   onChange={setUserId}
  * />

package/dist/tailwind/index.esm.js

@@ -9,6 +9,10 @@ const forlogicTailwindPreset = {
       }
     },
     extend: {
+      fontFamily: {
+        sans: ["Inter", "Roboto", "-apple-system", "BlinkMacSystemFont", '"Segoe UI"', '"Helvetica Neue"', "Arial", "sans-serif"],
+        mono: ['"Roboto Mono"', "Menlo", "Monaco", '"Courier New"', "monospace"]
+      },
       colors: {
         border: "hsl(var(--border))",
         input: "hsl(var(--input))",

package/dist/tailwind/index.js

@@ -11,6 +11,10 @@ const forlogicTailwindPreset = {
       }
     },
     extend: {
+      fontFamily: {
+        sans: ["Inter", "Roboto", "-apple-system", "BlinkMacSystemFont", '"Segoe UI"', '"Helvetica Neue"', "Arial", "sans-serif"],
+        mono: ['"Roboto Mono"', "Menlo", "Monaco", '"Courier New"', "monospace"]
+      },
       colors: {
         border: "hsl(var(--border))",
         input: "hsl(var(--input))",

package/dist/types.d.ts

@@ -405,6 +405,7 @@ export interface UserInfo {
     name: string;
     identifier: string;
     alias?: string;
+    isSysAdmin: boolean;
 }
 export interface Company {
     id: string;

package/docs/WORKSPACE_KNOWLEDGE.md

@@ -0,0 +1,119 @@
+# forlogic-core — Workspace Knowledge
+
+> **Documento para colar no Lovable Workspace Knowledge** de projetos consumidores.
+> Funciona como mapa de referências cruzadas entre os projetos.
+
+---
+
+## Projetos do Ecossistema
+
+| Projeto | Alias | Responsabilidade |
+|---------|-------|-----------------|
+| **forlogic-docs** | `@forlogic-docs` | Fonte canônica de regras, padrões, templates e documentação |
+| **qualiex-admin** | `@Admin` | Código-fonte da lib `forlogic-core`, Design System e docs gerados |
+
+---
+
+## Onde buscar cada informação
+
+### Regras e Padrões → `@forlogic-docs`
+
+| O que | Caminho |
+|-------|---------|
+| Constituição (regras canônicas) | `docs/engenharia/padroes/constitution.md` |
+| Guia de migração de ícones | `docs/engenharia/padroes/icon-migration.md` |
+| Guia de publicação da lib | `docs/engenharia/devops/publish.md` |
+| Prompt: auditoria | `docs/templates/prompts/audit.md` |
+| Prompt: criação de tela | `docs/templates/prompts/new-screen.md` |
+| Prompt: starter template | `docs/templates/prompts/starter.md` |
+| ADRs (decisões de arquitetura) | `docs/adrs/` |
+| Specs de API | `docs/apis/` |
+
+### Código-fonte e Design System → `@Admin`
+
+| O que | Caminho |
+|-------|---------|
+| Código dos componentes UI | `lib/components/ui/` |
+| Sistema CRUD | `lib/crud/` |
+| Barrel exports (lista completa) | `lib/exports/ui.ts`, `lib/exports/index.ts` |
+| Documentação MD do Design System | `docs/design-system/` |
+| Golden snippets (exemplos) | `docs/design-system/examples.md` |
+| Docs interativos (código-fonte) | `src/design-system/docs/` |
+| Hooks compartilhados | `lib/hooks/` |
+| Providers (CoreProviders) | `lib/providers/` |
+| Serviços (Base, Email, Error) | `lib/services/` |
+| Config Vite/Tailwind | `lib/vite/`, `lib/tailwind/` |
+| Spec do módulo Queries | `spec/queries.md` |
+
+---
+
+## Schema do Projeto
+
+> ⚠️ **O schema é definido no `README.md` de cada projeto consumidor.** Consulte-o antes de qualquer query.
+
+```ts
+// ✅ CORRETO — substituir pelo schema do projeto
+supabase.schema('SCHEMA_DO_PROJETO').from('tabela').select('*');
+
+// ❌ ERRADO
+supabase.from('tabela').select('*');
+```
+
+---
+
+## Regras Invioláveis (resumo)
+
+> Fonte canônica: `@forlogic-docs docs/engenharia/padroes/constitution.md`
+
+| Regra | Detalhe |
+|-------|---------|
+| Schema obrigatório | `.schema('...')` em toda query Supabase |
+| Sem DELETE físico | Soft delete com `deleted_at` |
+| Lib-first | Usar `forlogic-core` antes de criar componente |
+| Import do Supabase | `getSupabaseClient()` de `forlogic-core` |
+| Import de i18n | `useTranslation` de `forlogic-core`, nunca de `react-i18next` |
+| Sem hardcoded admin | Nunca localStorage/sessionStorage para roles |
+
+---
+
+## Design System — Categorias
+
+> Para ver props e exemplos: `@Admin docs/design-system/<arquivo>.md`
+
+| Categoria | Arquivo |
+|-----------|---------|
+| Fundação | `foundation.md` |
+| Botões & Ações | `buttons-actions.md` |
+| Inputs | `inputs.md` |
+| Seletores | `selectors.md` |
+| Data Display | `data-display.md` |
+| Data Grid | `tables-grids.md` |
+| Navegação | `navigation.md` |
+| Dialogs | `dialogs.md` |
+| Layout | `layout.md` |
+| CRUD | `crud.md` |
+
+### Aliases
+
+| Original | Alias(es) |
+|----------|-----------|
+| Combobox | SelectSearch, MultiSelect, EntitySelect |
+| ComboTree | TreeSelect |
+| ActionButton | ActionMenu, RowActions |
+| CrudPrimitiveTable | DataTable |
+
+---
+
+## Instrução para IA — Leitura Obrigatória
+
+**QUANDO** criar ou modificar qualquer arquivo `.tsx`:
+
+- **SE** contém tabela/CRUD → **LER** `@Admin docs/design-system/crud.md` ANTES
+- **SE** contém formulário → **LER** `@Admin docs/design-system/inputs.md` ANTES
+- **SE** contém modal → **LER** `@Admin docs/design-system/dialogs.md` ANTES
+- **SE** contém botões/ações → **LER** `@Admin docs/design-system/buttons-actions.md` ANTES
+- **SE** é layout → **LER** `@Admin docs/design-system/layout.md` ANTES
+
+**SEMPRE** consultar `@Admin docs/design-system/examples.md` como referência.
+
+**VALIDAÇÃO**: Todo import de componente visual DEVE vir de `forlogic-core`.

package/docs/design-system/README.md

@@ -3,7 +3,7 @@
 
 # Design System — forlogic-core
 
-> Gerado automaticamente em 2026-04-06
+> Gerado automaticamente em 2026-04-09
 > Total: 92 componentes documentados em 15 categorias
 
 ## Categorias

package/docs/design-system/patterns/feature-flags.md

@@ -7,6 +7,7 @@
 | `VITE_SHOW_USER_PREFERENCES` | Exibe "Preferências" no menu do usuário (idioma, timezone, formato de data) | Não exibe |
 | `VITE_I18N_DEBUG_MODE` | Modo debug de i18n (mostra chaves ao invés de traduções) | `"false"` |
 | `VITE_IS_QUALIEX` | Usa logos Qualiex ao invés de Forlogic | `"false"` |
+| `VITE_SHOW_EDIT_PROFILE` | Exibe "Editar Perfil" no menu do usuário (foto e idioma) | Não exibe |
 
 ## Uso
 

package/docs/design-system/patterns/i18n-setup.md

@@ -8,7 +8,9 @@
 
 ## Setup em projetos consumidores
 
-1. Criar JSONs flat em `src/i18n/pt-BR.json`: `{ "key": "value" }` (sem nesting)
+### Projeto simples (poucas chaves)
+
+1. Criar JSON flat em `src/i18n/pt-BR.json`: `{ "key": "value" }` (sem nesting)
 2. Passar para CoreProviders:
 
 ```tsx
@@ -17,6 +19,67 @@
 
 3. Usar `useTranslation` de `forlogic-core` (nunca de `react-i18next`)
 
+### Projeto modular (múltiplas features)
+
+Para módulos com muitas chaves, dividir traduções por feature:
+
+```text
+src/i18n/
+├── pt-BR/
+│   ├── common.json          ← chaves gerais do módulo
+│   ├── matrices.json        ← feature: matrizes
+│   ├── requirements.json    ← feature: requisitos
+│   └── reports.json         ← feature: relatórios
+├── en-US/
+│   ├── common.json
+│   ├── matrices.json
+│   ├── requirements.json
+│   └── reports.json
+└── index.ts                 ← merge automático
+```
+
+#### Arquivo `src/i18n/index.ts`
+
+```ts
+import { mergeTranslationFiles } from 'forlogic-core/i18n';
+
+import ptCommon from './pt-BR/common.json';
+import ptMatrices from './pt-BR/matrices.json';
+import ptRequirements from './pt-BR/requirements.json';
+import ptReports from './pt-BR/reports.json';
+
+import enCommon from './en-US/common.json';
+import enMatrices from './en-US/matrices.json';
+import enRequirements from './en-US/requirements.json';
+import enReports from './en-US/reports.json';
+
+export const appTranslations = {
+  'pt-BR': mergeTranslationFiles(ptCommon, ptMatrices, ptRequirements, ptReports),
+  'en-US': mergeTranslationFiles(enCommon, enMatrices, enRequirements, enReports),
+};
+```
+
+#### Uso no App
+
+```tsx
+import { CoreProviders } from 'forlogic-core';
+import { appTranslations } from './i18n';
+
+function App() {
+  return (
+    <CoreProviders appTranslations={appTranslations}>
+      <BrowserRouter><Routes /></BrowserRouter>
+    </CoreProviders>
+  );
+}
+```
+
+## Regras dos JSONs
+
+- Formato **flat** (sem nesting): `{ "key": "value" }`
+- Chaves duplicadas entre arquivos: o último spread vence (common → features)
+- Chaves do `app` sobrescrevem chaves do `core` com mesmo nome
+
 ## Resolução de chaves
 
 ```
@@ -25,6 +88,17 @@ t('objective')  → app: "Objetivo"
 t('save') com override no app → app: "Gravar" (sobrescreve core)
 ```
 
+## Helper `mergeTranslationFiles`
+
+Utilitário exportado pela lib para facilitar o merge:
+
+```ts
+import { mergeTranslationFiles } from 'forlogic-core/i18n';
+
+const ptBR = mergeTranslationFiles(common, matrices, requirements);
+// Equivalente a: { ...common, ...matrices, ...requirements }
+```
+
 ## Debug
 
 ```ts
@@ -40,3 +114,4 @@ console.log('Resources:', i18n.store.data);
 | Import de `react-i18next` direto | Usar import de `forlogic-core` |
 | `appTranslations` não passado | Adicionar prop no CoreProviders |
 | JSON com formato errado | Deve ser flat, sem nesting |
+| Chave duplicada entre features | Último arquivo no merge vence |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forlogic-core",
-  "version": "2.0.7",
+  "version": "2.1.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/docs/AUDIT_PROMPT.md

@@ -1,74 +0,0 @@
-# Prompt de Auditoria — Design System
-
-> **Como usar**: Cole este prompt em uma conversa do Lovable no projeto consumidor para auditar e corrigir violações do Design System.
-
----
-
-## Prompt para copiar
-
-```
-Audite TODOS os arquivos .tsx do projeto em busca de violações do Design System do forlogic-core.
-
-Antes de começar, leia obrigatoriamente via cross-project:
-@Admin docs/design-system/crud.md
-@Admin docs/design-system/inputs.md
-@Admin docs/design-system/selectors.md
-@Admin docs/design-system/layout.md
-@Admin docs/design-system/dialogs.md
-@Admin docs/design-system/buttons-actions.md
-
-Verifique CADA arquivo .tsx contra estas regras:
-
-### Imports inválidos
-- [ ] Import de componente UI que NÃO vem de `forlogic-core` (Button, Dialog, Input, Select, Table, etc.)
-- [ ] Import de `react-i18next` em vez de `useTranslation` de `forlogic-core`
-- [ ] Import de `@/integrations/supabase/client` em vez de `getSupabaseClient()` de `forlogic-core`
-
-### Componentes proibidos
-- [ ] `<Select>` ou `<StatusSelect>` → deve ser `<Combobox>`
-- [ ] `<MoreHorizontal>` genérico como menu de ações → deve ser `<ActionButton>`
-- [ ] `<DeleteConfirmationDialog>` → deve ser `<Dialog>`
-- [ ] `<Searchbar>` → deve ser `<Input>` com ícone de busca
-- [ ] `BulkActionBar` separado → deve ser dropdown no `CrudActionBar`
-- [ ] Paginação manual → deve ser `CrudPrimitivePagination`
-
-### Supabase
-- [ ] Query sem `.schema('SCHEMA_PADRAO')` (qualquer `supabase.from(` direto)
-- [ ] DELETE físico (deve ser soft delete com `deleted_at`)
-- [ ] `supabase` importado diretamente do client em vez de `getSupabaseClient()`
-
-### Layout
-- [ ] Página sem `usePageMetadata` (título/subtítulo)
-- [ ] Layout sem `AppLayout` + `AppSidebar`
-- [ ] Componente criado localmente quando existe equivalente na lib
-
-### Formulários
-- [ ] Formulário sem `BaseForm` ou `react-hook-form` + `zod`
-- [ ] Select nativo HTML em vez de `Combobox`
-
-Para cada violação encontrada, gere um relatório no formato:
-
-| Arquivo | Linha | Violação | Correção |
-|---------|-------|----------|----------|
-| src/pages/X.tsx | 15 | Import de Button local | Usar `import { Button } from 'forlogic-core'` |
-
-Depois do relatório, pergunte se devo corrigir automaticamente.
-```
-
----
-
-## Variações
-
-### Auditoria rápida (apenas imports)
-
-```
-Busque em TODOS os arquivos .tsx do projeto por imports que NÃO vêm de 'forlogic-core'.
-Liste: arquivo, linha, import atual, e o import correto de forlogic-core.
-```
-
-### Auditoria de Supabase
-
-```
-Busque em TODOS os arquivos .ts/.tsx por chamadas a `supabase.from(` sem `.schema('SCHEMA_PADRAO')`.
-Liste: arquivo, linha, query atual, e a correção com .schema().
-```

package/docs/ICON_MIGRATION_GUIDE.md

@@ -1,177 +0,0 @@
-# Guia de Migração de Ícones: Angular Material → Lucide React
-
-> Referência para substituir ícones do Material Symbols/Icons pelos equivalentes do [Lucide React](https://lucide.dev/icons/).
-
----
-
-## 1. Material Icons → Lucide React
-
-| Material Icon | Lucide React | Import |
-|:---|:---|:---|
-| `add` | `Plus` | `import { Plus } from 'lucide-react'` |
-| `alarm` | `AlarmClock` | `import { AlarmClock } from 'lucide-react'` |
-| `arrow_back` | `ArrowLeft` | `import { ArrowLeft } from 'lucide-react'` |
-| `arrow_downward` | `ArrowDown` | `import { ArrowDown } from 'lucide-react'` |
-| `arrow_drop_down` | `ChevronDown` | `import { ChevronDown } from 'lucide-react'` |
-| `arrow_drop_up` | `ChevronUp` | `import { ChevronUp } from 'lucide-react'` |
-| `arrow_outward` | `ExternalLink` | `import { ExternalLink } from 'lucide-react'` |
-| `arrow_right_alt` | `ArrowRight` | `import { ArrowRight } from 'lucide-react'` |
-| `arrow_upward` | `ArrowUp` | `import { ArrowUp } from 'lucide-react'` |
-| `article` | `FileText` | `import { FileText } from 'lucide-react'` |
-| `attach_file` | `Paperclip` | `import { Paperclip } from 'lucide-react'` |
-| `auto_stories` | `BookOpen` | `import { BookOpen } from 'lucide-react'` |
-| `cancel` | `XCircle` | `import { XCircle } from 'lucide-react'` |
-| `chat` | `MessageCircle` | `import { MessageCircle } from 'lucide-react'` |
-| `check` | `Check` | `import { Check } from 'lucide-react'` |
-| `check_circle` | `CheckCircle` | `import { CheckCircle } from 'lucide-react'` |
-| `circle` | `Circle` | `import { Circle } from 'lucide-react'` |
-| `clear` | `X` | `import { X } from 'lucide-react'` |
-| `close` | `X` | `import { X } from 'lucide-react'` |
-| `cloud_upload` | `CloudUpload` | `import { CloudUpload } from 'lucide-react'` |
-| `comment` | `MessageSquare` | `import { MessageSquare } from 'lucide-react'` |
-| `delete` | `Trash2` | `import { Trash2 } from 'lucide-react'` |
-| `done` | `Check` | `import { Check } from 'lucide-react'` |
-| `drag_indicator` | `GripVertical` | `import { GripVertical } from 'lucide-react'` |
-| `edit` | `Pencil` | `import { Pencil } from 'lucide-react'` |
-| `error` | `CircleAlert` | `import { CircleAlert } from 'lucide-react'` |
-| `exit_to_app` | `LogOut` | `import { LogOut } from 'lucide-react'` |
-| `expand_more` | `ChevronDown` | `import { ChevronDown } from 'lucide-react'` |
-| `favorite` | `Heart` | `import { Heart } from 'lucide-react'` |
-| `favorite_border` | `Heart` (sem fill) | `import { Heart } from 'lucide-react'` |
-| `group` | `Users` | `import { Users } from 'lucide-react'` |
-| `help` | `HelpCircle` | `import { HelpCircle } from 'lucide-react'` |
-| `hourglass_bottom` | `Hourglass` | `import { Hourglass } from 'lucide-react'` |
-| `info` | `Info` | `import { Info } from 'lucide-react'` |
-| `keyboard_arrow_down` | `ChevronDown` | `import { ChevronDown } from 'lucide-react'` |
-| `keyboard_tab` | `ArrowRightToLine` | `import { ArrowRightToLine } from 'lucide-react'` |
-| `label` | `Tag` | `import { Tag } from 'lucide-react'` |
-| `link` | `Link` | `import { Link } from 'lucide-react'` |
-| `menu` | `Menu` | `import { Menu } from 'lucide-react'` |
-| `more_vert` | `MoreVertical` | `import { MoreVertical } from 'lucide-react'` |
-| `person` | `User` | `import { User } from 'lucide-react'` |
-| `person_outline` | `User` | `import { User } from 'lucide-react'` |
-| `place` | `MapPin` | `import { MapPin } from 'lucide-react'` |
-| `refresh` | `RefreshCw` | `import { RefreshCw } from 'lucide-react'` |
-| `repeat` | `Repeat` | `import { Repeat } from 'lucide-react'` |
-| `schedule` | `Clock` | `import { Clock } from 'lucide-react'` |
-| `search` | `Search` | `import { Search } from 'lucide-react'` |
-| `star` | `Star` | `import { Star } from 'lucide-react'` |
-| `star_border` | `Star` (sem fill) | `import { Star } from 'lucide-react'` |
-| `supervisor_account` | `UserCheck` | `import { UserCheck } from 'lucide-react'` |
-| `swap_horiz` | `ArrowLeftRight` | `import { ArrowLeftRight } from 'lucide-react'` |
-| `verified` | `BadgeCheck` | `import { BadgeCheck } from 'lucide-react'` |
-| `visibility` | `Eye` | `import { Eye } from 'lucide-react'` |
-| `warning` | `TriangleAlert` | `import { TriangleAlert } from 'lucide-react'` |
-
----
-
-## 2. Ícones de gráficos (Material → Lucide/Recharts)
-
-| Material Icon | Lucide React | Nota |
-|:---|:---|:---|
-| `area_chart_black_24dp` | `AreaChart` | `import { AreaChart } from 'lucide-react'` |
-| `bar_chart_black_24dp` | `BarChart3` | `import { BarChart3 } from 'lucide-react'` |
-| `legend_toggle` | `ListFilter` | Alternativa mais próxima |
-| `multiline_chart_black_24dp` | `LineChart` | `import { LineChart } from 'lucide-react'` |
-| `pie_chart_black_24dp` | `PieChart` | `import { PieChart } from 'lucide-react'` |
-| `pin_black_24dp` | `Pin` | `import { Pin } from 'lucide-react'` |
-| `poll` | `BarChart` | `import { BarChart } from 'lucide-react'` |
-| `show_chart_black_24dp` | `TrendingUp` | `import { TrendingUp } from 'lucide-react'` |
-| `stacked_bar_chart_black_24dp` | `BarChart3` | Mesmo ícone, sem variante "stacked" |
-| `stacked_line_chart` | `LineChart` | Mesmo ícone |
-| `trending_up` | `TrendingUp` | `import { TrendingUp } from 'lucide-react'` |
-| `view_list_black_24dp` | `List` | `import { List } from 'lucide-react'` |
-| `view_module` | `LayoutGrid` | `import { LayoutGrid } from 'lucide-react'` |
-
----
-
-## 3. SVGs customizados do flc-icon (sem equivalente Lucide)
-
-Estes ícones são SVGs específicos do projeto e **não têm equivalente no Lucide**. Devem ser mantidos como assets SVG importados diretamente:
-
-### Ícones de extensão de arquivo
-| SVG | Uso | Ação |
-|:----|:----|:-----|
-| `asp.svg`, `csv.svg`, `doc.svg`, `docx.svg`, `gif.svg`, `htm.svg`, `html.svg`, `jpg.svg`, `jpeg.svg`, `mp3.svg`, `mp4.svg`, `ods.svg`, `odt.svg`, `pdf.svg`, `png.svg`, `ppt.svg`, `pptx.svg`, `rar.svg`, `txt.svg`, `xls.svg`, `xlsx.svg`, `zip.svg` | Ícones de tipo de arquivo | Manter como SVG — representam extensões com cores e tipografia específicas |
-| `gdocs.svg`, `gsheets.svg` | Google Docs/Sheets | Manter como SVG |
-
-### Ícones customizados do domínio
-| SVG | Lucide alternativo | Ação |
-|:----|:----|:-----|
-| `calendar.svg` | `Calendar` | Substituir por Lucide |
-| `clock-exclamation.svg` | `ClockAlert` ¹ | Verificar se existe no Lucide |
-| `distance.svg`, `distance-control.svg`, `distance-flow.svg` | — | Manter como SVG (domínio específico) |
-| `document.svg`, `document-configuration.svg`, `document-configuration-active.svg` | `FileText` / `FileCog` | Avaliar substituição |
-| `double-check.svg` | `CheckCheck` | Substituir por Lucide |
-| `double-square.svg` | `CopyPlus` | Avaliar substituição |
-| `drag-pan.svg` | `Move` | Substituir por Lucide |
-| `empty-state.svg`, `empty-state-control.svg`, `empty-state-flow.svg` | — | Manter (ilustrações) |
-| `eye.svg` | `Eye` | Substituir por Lucide |
-| `family-star.svg` | — | Manter como SVG |
-| `file-key.svg` | `FileKey` | Substituir por Lucide |
-| `file-lock.svg`, `file-locker.svg` | `FileLock` | Substituir por Lucide |
-| `file-plus.svg` | `FilePlus` | Substituir por Lucide |
-| `file-remove.svg` | `FileX` | Substituir por Lucide |
-| `flag-check.svg` | `FlagTriangleRight` | Avaliar substituição |
-| `folder.svg` | `Folder` | Substituir por Lucide |
-| `folder-key.svg` | `FolderKey` | Substituir por Lucide |
-| `groups.svg`, `groups-filled.svg` | `Users` | Substituir por Lucide |
-| `history.svg` | `History` | Substituir por Lucide |
-| `hourglass.svg`, `hourglass_empty.svg` | `Hourglass` | Substituir por Lucide |
-| `ia.svg` | `Sparkles` | Substituir por Lucide |
-| `info.svg` | `Info` | Substituir por Lucide |
-| `key.svg` | `Key` | Substituir por Lucide |
-| `notification.svg` | `Bell` | Substituir por Lucide |
-| `print.svg` | `Printer` | Substituir por Lucide |
-| `recycle-bin.svg` | `Trash2` | Substituir por Lucide |
-| `refresh.svg` | `RefreshCw` | Substituir por Lucide |
-| `star.svg` | `Star` | Substituir por Lucide |
-| `stop.svg` | `CircleStop` | Substituir por Lucide |
-| `trash.svg`, `trash-bin.svg` | `Trash2` | Substituir por Lucide |
-| `triangle-alert.svg` | `TriangleAlert` | Substituir por Lucide |
-| `upload.svg` | `Upload` | Substituir por Lucide |
-| `user-group.svg` | `Users` | Substituir por Lucide |
-| `user-key.svg` | `UserCog` | Avaliar substituição |
-| `user-team.svg`, `user-team-control.svg`, `user-team-flow.svg` | `Users` | Manter se visual único |
-
----
-
-## 4. Como migrar na prática
-
-### Antes (Angular)
-```html
-<mat-icon>edit</mat-icon>
-<mat-icon>delete</mat-icon>
-<flc-icon iconSize="24px">pdf</flc-icon>
-```
-
-### Depois (React)
-```tsx
-import { Pencil, Trash2 } from 'lucide-react';
-import pdfIcon from '@/assets/icons/pdf.svg';
-
-<Pencil size={24} />
-<Trash2 size={24} />
-<img src={pdfIcon} alt="PDF" width={24} height={24} />
-```
-
-### Dica: Tamanhos padrão
-
-| Contexto | Tamanho |
-|:---------|:--------|
-| Inline (texto, botões) | `size={16}` |
-| Padrão (toolbar, menu) | `size={20}` |
-| Destaque (cards, empty states) | `size={24}` |
-| Ilustração | `size={48}` ou maior |
-
----
-
-## 5. Resumo
-
-| Categoria | Total | Substituir por Lucide | Manter como SVG |
-|:----------|:------|:---------------------|:----------------|
-| Material Icons | ~50 | **50** (100%) | 0 |
-| SVGs de extensão | ~24 | 0 | **24** (100%) |
-| SVGs customizados | ~40 | **~25** (62%) | **~15** (38%) |
-
-> ¹ `ClockAlert` não existe no Lucide atualmente. Usar `Clock` + badge ou manter SVG customizado.