@datametria/vue-components 2.0.1 → 2.1.0

package/README.md

@@ -7,7 +7,7 @@
 ## Vue.js Component Library com Sistema de Theming Multi-Brand/Multi-Tenant
 
 [![Build Status](https://img.shields.io/github/actions/workflow/status/datametria/DATAMETRIA-common-libraries/ci-cd-monorepo.yml?branch=main)](https://github.com/datametria/DATAMETRIA-common-libraries/actions)
-[![Coverage](https://img.shields.io/badge/coverage-98.2%25-brightgreen)](https://github.com/datametria/DATAMETRIA-common-libraries)
+[![Coverage](https://img.shields.io/badge/coverage-98.1%25-brightgreen)](https://github.com/datametria/DATAMETRIA-common-libraries)
 [![License](https://img.shields.io/github/license/datametria/DATAMETRIA-common-libraries)](LICENSE)
 [![Version](https://img.shields.io/npm/v/@datametria/vue-components)](https://www.npmjs.com/package/@datametria/vue-components)
 [![Vue.js](https://img.shields.io/badge/Vue.js-3.3+-green)](https://vuejs.org/)
@@ -20,8 +20,8 @@
 
 </div>
 
-**Versão**: 2.0.1  
-**Data**: 27/11/2025  
+**Versão**: 2.1.0
+**Data**: 19/11/2025
 **Autor**: Vander Loto - CTO DATAMETRIA
 
 ---
@@ -78,13 +78,17 @@ Biblioteca completa de componentes Vue.js 3 com suporte a **theming multi-brand/
 - 🏢 **Multi-Tenant**: Suporte a múltiplas marcas simultaneamente
 - 📱 **Backward Compatible**: 100% compatível com v1.x
 
-### Melhorias v2.0.1
+### Novidades v2.1.0
 
-- 🐛 **Bug Fixes**: Eliminados todos os warnings dos testes
-- ⚡ **Performance**: Ajustado limite de teste de performance (1000ms)
-- 🧪 **Testes**: 1052 testes passando, 0 warnings
-- 📚 **Qualidade**: Cobertura mantida em 98.2%
-- 🔧 **Estabilidade**: Props obrigatórias corrigidas nos testes
+- 🏗️ **Novos Componentes de Navegação**
+  - DatametriaSidebar: Sidebar lateral com colapso
+  - DatametriaFloatingBar: Barra flutuante para ações rápidas
+- ⬆️ **DatametriaTabs Melhorado**
+  - Variantes: default, pills, underline
+  - Orientação: horizontal e vertical
+  - Ícones, badges e tabs desabilitáveis
+- 🧪 **Testes**: +62 testes (100% coverage)
+- 📚 **Documentação**: 3 novos guias completos
 
 ---
 
@@ -93,18 +97,18 @@ Biblioteca completa de componentes Vue.js 3 com suporte a **theming multi-brand/
 ### NPM
 
 ```bash
-npm install @datametria/vue-components@^2.0.1
+npm install @datametria/vue-components@^2.1.0
 ```
 
 ### Yarn
 
 ```bash
-yarn add @datametria/vue-components@^2.0.1
+yarn add @datametria/vue-components@^2.1.0
 ```
 
 ### Pré-requisitos
 
-- **Vue.js**: 3.3+ 
+- **Vue.js**: 3.3+
 - **Node.js**: 18+
 - **TypeScript**: 5.3+ (opcional, mas recomendado)
 
@@ -258,10 +262,10 @@ const theme = useTheme()
 
 ```vue
 <script setup lang="ts">
-import { 
-  ThemeProvider, 
-  datametriaTheme, 
-  defaultTheme 
+import {
+  ThemeProvider,
+  datametriaTheme,
+  defaultTheme
 } from '@datametria/vue-components'
 
 // Usar tema DATAMETRIA (padrão)
@@ -282,7 +286,7 @@ const tema = defaultTheme
       <option value="clienteA">Cliente A</option>
       <option value="clienteB">Cliente B</option>
     </select>
-    
+
     <ThemeProvider :theme="temas[tenantAtual]">
       <MeuApp />
     </ThemeProvider>
@@ -343,18 +347,20 @@ const temas = {
 - `DatametriaBadge` - Badge de status + theming
 - `DatametriaChip` - Chip removível + theming
 
-### Navigation (4 componentes)
+### Navigation (6 componentes)
 - `DatametriaNavbar` - Barra de navegação + theming
+- `DatametriaSidebar` - Sidebar lateral com colapso + theming ✨ **NOVO v2.1**
+- `DatametriaFloatingBar` - Barra flutuante para ações + theming ✨ **NOVO v2.1**
 - `DatametriaMenu` - Menu dropdown + theming
 - `DatametriaBreadcrumb` - Navegação breadcrumb + theming
-- `DatametriaTabs` - Abas navegáveis + theming
+- `DatametriaTabs` - Abas navegáveis (melhorado v2.1) + theming
 
 ### Theming System (3 componentes)
 - `ThemeProvider` - Provider de tema
 - `useTheme` - Composable para acessar tema
 - Presets: `datametriaTheme`, `defaultTheme`
 
-**Total: 30+ componentes com theming**
+**Total: 32 componentes com theming**
 
 ---
 
@@ -372,7 +378,7 @@ const temas = {
 - **WCAG 2.1 AA**: Compliance de acessibilidade
 - **Responsive**: Mobile-first design
 - **Dark Mode**: Suporte nativo
-- **98.2% Coverage**: Testes automatizados
+- **98.1% Coverage**: Testes automatizados
 
 ### ✅ Developer Experience
 - **Composition API**: Vue 3 nativo
@@ -448,7 +454,7 @@ npm run type-check
 
 ```
 src/
-├── components/          # 30+ componentes
+├── components/          # 32 componentes
 ├── composables/         # 10 composables
 ├── theme/              # Sistema de theming (novo!)
 │   ├── ThemeProvider.vue
@@ -479,8 +485,8 @@ src/
 - **Tree Shaking**: Suporte completo
 
 ### Qualidade
-- **Componentes**: 30+ com theming
-- **Cobertura**: 98.2% testes
+- **Componentes**: 32 com theming
+- **Cobertura**: 98.1% testes
 - **TypeScript**: 100% tipado
 - **Acessibilidade**: WCAG 2.1 AA
 
@@ -545,4 +551,4 @@ Este projeto está licenciado sob a Licença MIT - veja o arquivo [LICENSE](LICE
 
 ⭐ **Se este projeto te ajudou, considere dar uma estrela!** ⭐
 
-</div>
+</div>