forlogic-core 2.0.2 → 2.0.4

package/docs/design-system/tables-grids.md

@@ -0,0 +1,114 @@
+<!-- ⚠️ ARQUIVO GERADO AUTOMATICAMENTE — NÃO EDITAR MANUALMENTE -->
+<!-- Fonte: src/design-system/docs/ | Regenerar: npx tsx scripts/generate-ds-docs.ts -->
+
+# Data Grid
+
+Categoria: **Data Grid** | 3 componentes
+
+### CrudTable
+
+Componente de tabela CRUD completo com ordenação, seleção, resize de colunas, ações em massa e paginação integrada com useCrud.
+
+> Fonte: `src\design-system\docs\components\crud\CrudTableDoc.tsx`
+
+---
+
+### Ellipsis Text (TruncatedCell)
+
+Componente utilitário que trunca texto longo e exibe tooltip automático quando o conteúdo está cortado. Também disponível como EllipsisText.
+
+**Uso:**
+```tsx
+import { TruncatedCell } from 'forlogic-core';
+// 💡 Alias disponível: import { EllipsisText } from 'forlogic-core';
+
+<td className="max-w-[200px]">
+  <TruncatedCell>
+    Texto que pode ser muito longo...
+  </TruncatedCell>
+</td>
+
+// Com className customizada
+<TruncatedCell className="text-muted-foreground">
+  {item.description}
+</TruncatedCell>
+```
+
+**Props:**
+| Prop | Tipo | Padrão | Descrição |
+|------|------|--------|-----------|
+| `children` | `ReactNode` | - | Conteúdo a ser renderizado (e truncado se necessário) |
+| `className` | `string` | - | Classes CSS adicionais para o container |
+
+**Acessibilidade:**
+- Tooltip automático garante que o conteúdo completo é acessível via hover/focus
+- Usa role tooltip com aria para leitores de tela
+
+**Notas:**
+- 💡 Alias: Também disponível como 
+-  — import { EllipsisText } from 
+- ,
+        
+- ,
+        
+- ,
+        
+
+> Fonte: `src\design-system\docs\components\TruncatedCellDoc.tsx`
+
+---
+
+### Accordion & Collapsible
+
+Componentes de expansão/colapso para revelar conteúdo. Accordion para múltiplos itens, Collapsible para item único.
+
+**Uso:**
+```tsx
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "forlogic-core"
+
+<Accordion type="single" collapsible>
+  <AccordionItem value="item-1">
+    <AccordionTrigger>Is it accessible?</AccordionTrigger>
+    <AccordionContent>
+      Yes. It adheres to the WAI-ARIA design pattern.
+    </AccordionContent>
+  </AccordionItem>
+</Accordion>
+```
+
+**Props:**
+| Prop | Tipo | Padrão | Descrição |
+|------|------|--------|-----------|
+| `collapsible` | `boolean` | false | Accordion: Quando type é  |
+
+**Exemplos:**
+```tsx
+<Accordion type=
+```
+```tsx
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from
+```
+
+**Acessibilidade:**
+- Acessível por teclado - Espaço ou Enter para alternar
+- Teclas de seta para navegar entre itens do accordion
+- Suporte ARIA completo com roles e estados adequados
+- Gerenciamento de foco e indicadores de foco visíveis
+
+**Notas:**
+- **Accordion** é ideal para FAQs e listas de perguntas frequentes
+- **Collapsible** é melhor para um único elemento expansível
+- Ambos suportam animações suaves de abertura/fechamento
+
+> Fonte: `src\design-system\docs\components\AccordionDoc.tsx`
+
+---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forlogic-core",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -36,7 +36,7 @@
     "dev": "vite",
     "build": "vite build",
     "build:dev": "vite build --mode development",
-    "build:lib": "rollup -c",
+    "build:lib": "npx tsx scripts/generate-ds-docs.ts & rollup -c",
     "lint": "eslint .",
     "preview": "vite preview"
   },