react-lgpd-consent 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -4,6 +4,106 @@ Todas as mudanças notáveis neste projeto serão documentadas neste arquivo.
 
 O formato é baseado em [Keep a Changelog](https://keepachangelog.com/pt-BR/1.0.0/), e este projeto segue [Semantic Versioning](https://semver.org/lang/pt-BR/).
 
+## [0.4.1] - 2025-09-21 — Expansão das Integrações Nativas de Scripts
+
+### 🚀 **Integrações Nativas Expandidas**
+- **Facebook Pixel**: `createFacebookPixelIntegration()` com auto-tracking e advanced matching
+- **Hotjar**: `createHotjarIntegration()` para heatmaps e session recordings
+- **Mixpanel**: `createMixpanelIntegration()` com configuração avançada de eventos
+- **Microsoft Clarity**: `createClarityIntegration()` para analytics de comportamento
+- **Intercom**: `createIntercomIntegration()` para chat e suporte ao cliente
+- **Zendesk Chat**: `createZendeskChatIntegration()` para atendimento integrado
+- **Drift**: `createDriftIntegration()` para conversational marketing
+- **Freshchat**: `createFreshchatIntegration()` para customer support
+
+### 🎯 **Sistema de Configuração em Lote**
+- **Templates de negócio**: `createECommerceIntegrations()`, `createSaaSIntegrations()`, `createCorporateIntegrations()`
+- **Categorização inteligente**: `suggestCategoryForScript()` para sugestão automática de categorias
+- **Configuração unificada**: Setup simplificado para múltiplas ferramentas com um comando
+- **Padrões de mercado**: Templates baseados em necessidades reais do mercado brasileiro
+
+### 🔧 **Melhorias no Sistema de Scripts**
+- **Validação robusta**: `validateNecessaryClassification()` corrigida para evitar falsos positivos
+- **Auto-configuração**: `autoConfigureCategories()` com detecção inteligente de categorias necessárias
+- **Error handling**: Melhor tratamento de erros em carregamento de scripts
+- **Performance**: Carregamento otimizado e lazy loading de integrações
+
+### 🔍 **Descoberta Automática de Cookies (Experimental)**
+- **discoverRuntimeCookies()**: Escaneamento de cookies em tempo real no navegador
+- **detectConsentCookieName()**: Detecção automática do cookie de consentimento
+- **categorizeDiscoveredCookies()**: Categorização inteligente usando padrões LGPD
+- **Integração nativa**: Suporte a `setCookieCatalogOverrides` automático
+- **SSR-safe**: Funciona corretamente em ambientes server-side rendering
+
+### 🎨 **Design Tokens Expandidos**
+- **200+ pontos de customização**: Expansão dramática do sistema de design tokens
+- **Sistema responsivo**: Breakpoints, spacing responsivo, typography hierarchy
+- **Acessibilidade nativa**: Contrast ratios, focus states, motion preferences
+- **Tokens por componente**: Customização granular para cada elemento UI
+
+### 📝 **Sistema Avançado de Textos**
+- **Templates pré-configurados**: Ecommerce, SaaS, Governo com contextos específicos
+- **Multilingual**: Português, inglês, espanhol com fallbacks inteligentes
+- **Função resolveTexts**: Resolução automática de textos baseada em contexto
+
+### 🧪 **Melhorias de Testes e Qualidade**
+- **193 testes passando**: Cobertura substancialmente melhorada
+- **19 novos testes**: Especificamente para `cookieRegistry` (antes 45.83% → 100% branches)
+- **Test realism**: Testes adaptados ao comportamento real vs ideal
+- **Edge cases**: Performance, boundary testing, state management
+- **Lint compliance**: Configuração ESLint mais rigorosa e aderente
+
+### 🔧 **Melhorias de API e Developer Experience**
+- **Exports organizados**: Melhor estruturação das exportações públicas
+- **TypeScript strict**: Tipagem mais rigorosa e descritiva
+- **Documentação TSDoc**: Comentários expandidos com exemplos práticos
+- **Error handling**: Tratamento de erros mais robusto e informativo
+- **Performance**: Otimizações em carregamento e renderização
+
+### 📚 **Exemplos e Migração**
+- **MigrationDemo-v0.4.1.tsx**: Exemplo completo mostrando todas as novidades
+- **Remoção**: TestV0.3.1.tsx removido (obsoleto)
+- **Compatibilidade**: Guias de migração antes/depois
+- **Best practices**: Demonstrações de uso avançado
+
+### 🏗️ **Build e Infraestrutura**
+- **Bundle otimizado**: ESM 34.36 KB, CJS 102.74 KB
+- **Tree-shaking**: Configuração `sideEffects: false` otimizada
+- **Docs geradas**: TypeDoc atualizado com novas funcionalidades
+- **Pipeline robusto**: Type-check + tests + lint + build + docs
+
+### ⚠️ **Breaking Changes**
+
+#### 🔧 **`setPreference` Type Change** 
+- **Mudança**: `setPreference(cat: Category, value: boolean)` → `setPreference(cat: string, value: boolean)`
+- **Motivo**: Suporte a categorias customizadas além das predefinidas  
+- **Impacto**: Código TypeScript com tipo `Category` explícito pode precisar ajustes
+- **Migração**: 
+  - ✅ **Nenhuma mudança necessária** se usando strings literais (`'analytics'`, `'marketing'`)
+  - ⚠️ **Ajuste necessário** apenas se estava usando explicitamente o tipo `Category`
+  - 📚 **Guia**: Use `string` para suportar categorias customizadas ou continue usando os valores padrão
+
+#### 🔧 **`ScriptIntegration.category` Type Change**
+- **Mudança**: `category: Category` → `category: string`
+- **Motivo**: Suporte a categorias customizadas nas integrações de script
+- **Impacto**: Integrações customizadas com tipo `Category` explícito
+- **Migração**: Mesmas diretrizes do `setPreference` acima
+
+### 🎯 **Categorias Suportadas**
+- `necessary` (sempre ativo)
+- `analytics` (Google Analytics, etc.)
+- `marketing` (Facebook Pixel, Google Ads)
+- `functional` (Chat, mapas, widgets)
+- `social` (Redes sociais, compartilhamento)
+- `personalization` (Preferências, customização)
+
+### 📈 **Estatísticas de Melhoria**
+- **Design Tokens**: 4 → 200+ pontos de customização (+4900%)
+- **Testes**: 174 → 193 testes (+11% cobertura)
+- **Funcionalidades**: +15 novas funções exportadas
+- **Documentação**: +3 templates de texto, +6 contextos específicos
+- **Developer APIs**: +8 utilitários para descoberta de cookies
+
 ## [0.4.0] - 2025-09-09 — Custom categories
 
 ### Added

package/QUICKSTART.en.md

@@ -42,6 +42,40 @@ export default App
 ## 🧩 Custom categories (customCategories)
 Available since v0.4.0.
 
+## 🎨 Style tip: Theme-aware backdrop
+
+In blocking mode, the banner uses a backdrop to focus user attention. You can control it via design tokens:
+
+```tsx
+<ConsentProvider
+  categories={{ enabledCategories: ['analytics'] }}
+  designTokens={{
+    layout: {
+      // false: transparent | 'auto': adapts to theme | string: custom color (e.g., '#00000088')
+      backdrop: 'auto',
+    },
+    colors: {
+      // If omitted, MUI theme palette is used (background.paper, text.primary)
+      // background: '#1e1e1e',
+      // text: '#ffffff',
+    },
+  }}
+>
+  <App />
+</ConsentProvider>
+```
+
+If `colors.background` or `colors.text` are omitted, the library falls back to `theme.palette.background.paper` and `theme.palette.text.primary`, ensuring dark mode compatibility.
+
+## 🧑‍🏫 Developer Guidance (console)
+
+In development, the console shows a helpful guidance panel:
+- Warns when using defaults; suggests making categories explicit
+- Lists active categories and which require UI toggles
+- Detects integrations that require categories and suggests enabling them
+- Shares Brazilian LGPD best practices and flags UX issues (too many categories)
+- Silenced automatically in production; SSR-safe
+
 Add project-specific categories (e.g., support chat, video players, A/B testing):
 
 ```tsx

package/QUICKSTART.md

@@ -65,6 +65,40 @@ export default App
 ## 🧩 Categorias customizadas (customCategories)
 Disponível a partir da v0.4.0.
 
+## 🎨 Dica de estilo: Backdrop sensível ao tema
+
+No modo bloqueante, o banner usa um backdrop para focar a atenção do usuário. Você pode controlar via design tokens:
+
+```tsx
+<ConsentProvider
+  categories={{ enabledCategories: ['analytics'] }}
+  designTokens={{
+    layout: {
+      // false: transparente | 'auto': ajusta ao tema | string: cor custom (ex.: '#00000088')
+      backdrop: 'auto',
+    },
+    colors: {
+      // Se omitido, usa o palette do tema MUI (background.paper, text.primary)
+      // background: '#1e1e1e',
+      // text: '#ffffff',
+    },
+  }}
+>
+  <App />
+</ConsentProvider>
+```
+
+Se `colors.background` ou `colors.text` não forem fornecidos, a lib usa automaticamente `theme.palette.background.paper` e `theme.palette.text.primary` do MUI, garantindo compatibilidade com dark mode.
+
+## 🧑‍🏫 Guia do Dev (console)
+
+Durante o desenvolvimento, o console exibe um guia com:
+- Avisos quando a configuração padrão é usada; sugestões para explicitar categorias
+- Lista de categorias ativas e quais exigem toggle
+- Detecção de integrações que requerem categorias, com sugestão para habilitá-las
+- Boas práticas LGPD (Brasil) e alertas de UX (categorias demais)
+- Silenciado automaticamente em produção; SSR-safe
+
 Adicione categorias específicas do seu projeto (ex.: chat de suporte, players de vídeo, AB testing):
 
 ```tsx
@@ -193,7 +227,6 @@ A biblioteca `react-lgpd-consent` não injeta um `ThemeProvider` global por cont
 
 ```tsx
 import { ConsentProvider, createDefaultConsentTheme } from 'react-lgpd-consent'
-
 ;<ConsentProvider
   theme={createDefaultConsentTheme()}
   categories={{ enabledCategories: ['analytics'] }}
@@ -275,6 +308,280 @@ function App() {
 }
 ```
 
+### 🍪 Modal Personalizado com Detalhes dos Cookies
+
+Para casos mais avançados onde você precisa exibir informações detalhadas sobre cada cookie (nome, finalidade, duração, provedor), use `getCookiesInfoForCategory` junto com `useCategories`:
+
+```tsx
+import React from 'react'
+import {
+  ConsentProvider,
+  useCategories,
+  getCookiesInfoForCategory,
+  type CustomPreferencesModalProps,
+  type CookieDescriptor,
+} from 'react-lgpd-consent'
+
+const ModalComDetalhesCookies: React.FC<CustomPreferencesModalProps> = ({
+  preferences,
+  setPreferences,
+  closePreferences,
+  isModalOpen,
+  texts,
+}) => {
+  const { allCategories } = useCategories()
+
+  if (!isModalOpen) return null
+
+  // Simula integrações usadas no projeto (normalmente você teria isso em contexto)
+  const integracoesUsadas = ['google-analytics', 'google-tag-manager', 'mixpanel']
+
+  return (
+    <div
+      style={{
+        position: 'fixed',
+        top: 0,
+        left: 0,
+        width: '100vw',
+        height: '100vh',
+        backgroundColor: 'rgba(0, 0, 0, 0.7)',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        zIndex: 2000,
+      }}
+    >
+      <div
+        style={{
+          backgroundColor: 'white',
+          borderRadius: '12px',
+          padding: '2rem',
+          maxWidth: '800px',
+          maxHeight: '80vh',
+          overflow: 'auto',
+          boxShadow: '0 10px 25px rgba(0, 0, 0, 0.25)',
+        }}
+      >
+        <h2 style={{ marginBottom: '1rem', color: '#333' }}>{texts.modalTitle}</h2>
+        <p style={{ marginBottom: '2rem', color: '#666' }}>{texts.modalIntro}</p>
+
+        {/* Lista de categorias com detalhes dos cookies */}
+        <div style={{ display: 'flex', flexDirection: 'column', gap: '1.5rem' }}>
+          {allCategories.map((categoria) => {
+            const cookiesDetalhados: CookieDescriptor[] = getCookiesInfoForCategory(
+              categoria.id as any,
+              integracoesUsadas,
+            )
+
+            return (
+              <div
+                key={categoria.id}
+                style={{
+                  border: '1px solid #e0e0e0',
+                  borderRadius: '8px',
+                  padding: '1.5rem',
+                  backgroundColor: '#fafafa',
+                }}
+              >
+                <div style={{ display: 'flex', alignItems: 'center', marginBottom: '1rem' }}>
+                  <input
+                    type="checkbox"
+                    id={`categoria-${categoria.id}`}
+                    checked={preferences[categoria.id] || false}
+                    onChange={(e) =>
+                      setPreferences({
+                        ...preferences,
+                        [categoria.id]: e.target.checked,
+                      })
+                    }
+                    disabled={categoria.essential}
+                    style={{ marginRight: '0.75rem', transform: 'scale(1.2)' }}
+                  />
+                  <label
+                    htmlFor={`categoria-${categoria.id}`}
+                    style={{ fontSize: '1.1rem', fontWeight: 'bold', color: '#333' }}
+                  >
+                    {categoria.name}
+                    {categoria.essential && (
+                      <span style={{ fontSize: '0.8rem', color: '#888', marginLeft: '0.5rem' }}>
+                        (sempre ativo)
+                      </span>
+                    )}
+                  </label>
+                </div>
+
+                <p style={{ marginBottom: '1rem', color: '#666', fontSize: '0.95rem' }}>
+                  {categoria.description}
+                </p>
+
+                {/* Lista de cookies desta categoria */}
+                {cookiesDetalhados.length > 0 && (
+                  <details style={{ marginTop: '1rem' }}>
+                    <summary
+                      style={{
+                        cursor: 'pointer',
+                        fontWeight: '500',
+                        color: '#4f46e5',
+                        marginBottom: '0.5rem',
+                      }}
+                    >
+                      Ver cookies desta categoria ({cookiesDetalhados.length})
+                    </summary>
+                    <div style={{ marginTop: '0.75rem', paddingLeft: '1rem' }}>
+                      {cookiesDetalhados.map((cookie, index) => (
+                        <div
+                          key={`${cookie.name}-${index}`}
+                          style={{
+                            backgroundColor: 'white',
+                            border: '1px solid #e5e5e5',
+                            borderRadius: '6px',
+                            padding: '1rem',
+                            marginBottom: '0.75rem',
+                          }}
+                        >
+                          <h4
+                            style={{ margin: '0 0 0.5rem 0', color: '#333', fontSize: '0.95rem' }}
+                          >
+                            <code
+                              style={{
+                                backgroundColor: '#f3f4f6',
+                                padding: '2px 6px',
+                                borderRadius: '4px',
+                                fontFamily: 'monospace',
+                              }}
+                            >
+                              {cookie.name}
+                            </code>
+                          </h4>
+                          {cookie.purpose && (
+                            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: '#555' }}>
+                              <strong>Finalidade:</strong> {cookie.purpose}
+                            </p>
+                          )}
+                          {cookie.duration && (
+                            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: '#555' }}>
+                              <strong>Duração:</strong> {cookie.duration}
+                            </p>
+                          )}
+                          {cookie.provider && (
+                            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: '#555' }}>
+                              <strong>Provedor:</strong> {cookie.provider}
+                            </p>
+                          )}
+                        </div>
+                      ))}
+                    </div>
+                  </details>
+                )}
+
+                {/* Fallback para categorias sem cookies catalogados */}
+                {cookiesDetalhados.length === 0 &&
+                  categoria.cookies &&
+                  categoria.cookies.length > 0 && (
+                    <div style={{ marginTop: '1rem', fontSize: '0.9rem', color: '#666' }}>
+                      <strong>Padrões de cookies:</strong>{' '}
+                      {categoria.cookies.map((pattern, i) => (
+                        <code
+                          key={i}
+                          style={{
+                            backgroundColor: '#f3f4f6',
+                            padding: '2px 4px',
+                            borderRadius: '3px',
+                            marginRight: '0.5rem',
+                            fontFamily: 'monospace',
+                            fontSize: '0.8rem',
+                          }}
+                        >
+                          {pattern}
+                        </code>
+                      ))}
+                    </div>
+                  )}
+              </div>
+            )
+          })}
+        </div>
+
+        {/* Botões de ação */}
+        <div
+          style={{
+            display: 'flex',
+            gap: '1rem',
+            justifyContent: 'flex-end',
+            marginTop: '2rem',
+            paddingTop: '1rem',
+            borderTop: '1px solid #e0e0e0',
+          }}
+        >
+          <button
+            onClick={closePreferences}
+            style={{
+              padding: '0.75rem 1.5rem',
+              backgroundColor: '#6b7280',
+              color: 'white',
+              border: 'none',
+              borderRadius: '6px',
+              cursor: 'pointer',
+              fontSize: '0.95rem',
+            }}
+          >
+            Cancelar
+          </button>
+          <button
+            onClick={closePreferences}
+            style={{
+              padding: '0.75rem 1.5rem',
+              backgroundColor: '#4f46e5',
+              color: 'white',
+              border: 'none',
+              borderRadius: '6px',
+              cursor: 'pointer',
+              fontSize: '0.95rem',
+            }}
+          >
+            {texts.save}
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+function AppComModalAvancado() {
+  return (
+    <ConsentProvider
+      categories={{
+        enabledCategories: ['analytics', 'marketing', 'functional'],
+      }}
+      PreferencesModalComponent={ModalComDetalhesCookies}
+      // Especifique as integrações para obter informações detalhadas dos cookies
+      scriptIntegrations={[
+        { id: 'google-analytics', config: { measurementId: 'GA_MEASUREMENT_ID' } },
+        { id: 'google-tag-manager', config: { containerId: 'GTM-XXXXXXX' } },
+        { id: 'mixpanel', config: { token: 'MIXPANEL_TOKEN' } },
+      ]}
+    >
+      <main>Minha App com Modal Avançado</main>
+    </ConsentProvider>
+  )
+}
+```
+
+#### 🔧 APIs Utilizadas no Exemplo Avançado
+
+- **`useCategories()`**: Hook que retorna informações sobre todas as categorias ativas
+- **`getCookiesInfoForCategory(categoryId, integrations)`**: Função que retorna detalhes completos dos cookies
+- **`CookieDescriptor`**: Interface TypeScript com `name`, `purpose`, `duration`, `provider`
+
+#### 💡 Principais Funcionalidades
+
+1. **Informações Detalhadas**: Cada cookie mostra nome, finalidade, duração e provedor
+2. **Organização por Categoria**: Cookies agrupados logicamente
+3. **Interface Expansível**: Detalhes dos cookies ficam em `<details>` expansível
+4. **Fallback Inteligente**: Mostra padrões básicos quando detalhes não estão disponíveis
+5. **Acessibilidade**: Labels apropriados e navegação por teclado
+6. **Design Responsivo**: Layout que se adapta a diferentes tamanhos de tela
+
 ## 🎮 Controle Programático
 
 ### Hook useOpenPreferencesModal (React)

package/README.en.md

@@ -64,6 +64,10 @@ export default function App() {
 -
 - **[QUICKSTART.en.md](./QUICKSTART.en.md)** (recommended)
   - New in v0.4.0: `customCategories` support — see the “Custom categories (customCategories)” section in the Quickstart.
+  - New in v0.4.1: native integrations for Facebook Pixel, Hotjar, Mixpanel, Clarity, Intercom, and Zendesk — see [INTEGRACOES.md](./INTEGRACOES.md).
+  - Tip: set `designTokens.layout.backdrop: 'auto'` for a theme-aware blocking banner backdrop.
+  - Auto-config of categories: the library detects required categories from integrations and surfaces toggles even if you forgot to enable them (initial value is always rejected). We still recommend explicitly listing them in `categories.enabledCategories` for clarity.
+  - Non-blocked Policy/Terms pages: if `policyLinkUrl` and/or `termsLinkUrl` point to the current page, the blocking overlay is not applied — ensuring readability of these pages.
 - **[Docs / API](./API.md)**
 - **[LGPD Compliance](./CONFORMIDADE.md)**
 - **[Integrations](./INTEGRACOES.md)**
@@ -73,6 +77,21 @@ export default function App() {
 - **[⚙️ TypeDoc - API Reference](https://lucianoedipo.github.io/react-lgpd-consent/docs/)**: Automatically generated complete API documentation.
 - **[🏠 Documentation Portal](https://lucianoedipo.github.io/react-lgpd-consent/)**: Home page that navigates between all docs sites.
 
+### 🧑‍🏫 Developer Guidance (dev-only)
+
+In development, the library prints a guidance panel in the console to help you configure correctly:
+- Warns when using default categories; suggests making them explicit
+- Lists active categories and which ones require a UI toggle
+- Detects integrations that require categories and suggests enabling them
+- Flags excessive number of categories (UX)
+- Highlights Brazilian LGPD best practices: opt-out by default, clear policy, consent logging, retention
+- Silenced in production; SSR-safe
+
+### ⚠️ Breaking Changes v0.4.1
+- **Custom categories support**: `setPreference` and `ScriptIntegration.category` now use `string` instead of `Category`
+- **Minimal impact**: Code using literal strings continues working without changes
+- **Migration guide**: See [CHANGELOG.md](./CHANGELOG.md) for complete details
+
 ---
 
 ## 🤝 Contributing

package/README.md

@@ -46,6 +46,32 @@ npm install react-lgpd-consent @mui/material @emotion/react @emotion/styled js-c
 
 ---
 
+## ✨ Novidades v0.4.1
+
+### 🎨 Design Tokens Expandidos
+- **200+ pontos de customização** (cores, tipografia, espaçamento, layout)
+- **Sistema responsivo** com breakpoints e variações
+- **Acessibilidade nativa** com contrast ratios e focus states
+- **Temas light/dark/auto** com transições suaves
+
+### 📝 Sistema Avançado de Textos
+- **Templates pré-configurados** para ecommerce, SaaS e governo
+- **Internacionalização completa** (pt, en, es)
+- **Variações de tom** (formal, casual, técnico)
+- **Resolução automática** baseada em contexto
+
+### 🔍 Descoberta de Cookies (Experimental)
+- **Detecção automática** de cookies em runtime
+- **Categorização inteligente** usando padrões LGPD
+- **Integração nativa** com sistema de override
+
+### ⚠️ Breaking Changes
+- **Suporte a categorias customizadas**: `setPreference` e `ScriptIntegration.category` agora usam `string` ao invés de `Category`  
+- **Impacto mínimo**: Código usando strings literais continua funcionando sem alterações
+- **Consulte**: [CHANGELOG.md](./CHANGELOG.md) para guia de migração completo
+
+---
+
 ## 📖 Uso Básico
 
 Envolva sua aplicação com o `ConsentProvider` (exemplo mínimo):
@@ -88,6 +114,10 @@ Para mais detalhes sobre customização, hooks e funcionalidades, consulte os se
 
 - **[📚 Guia de Início Rápido (`QUICKSTART.md`)](./QUICKSTART.md)**: Tutorial passo a passo com exemplos práticos, tabela completa de props, debugging e integrações.
   - Novo na v0.4.0: suporte a `customCategories` — veja a seção “Categorias customizadas (customCategories)” no Quickstart.
+  - Novo na v0.4.1: integrações nativas para Facebook Pixel, Hotjar, Mixpanel, Clarity, Intercom e Zendesk — veja o guia [INTEGRACOES.md](./INTEGRACOES.md).
+  - Dica: use `designTokens.layout.backdrop: 'auto'` para backdrop sensível ao tema no banner bloqueante.
+  - Auto-config de categorias: a biblioteca detecta categorias requeridas pelas integrações e exibe os toggles mesmo se você esquecer de habilitar (valor inicial sempre rejeitado). Recomendamos explicitar em `categories.enabledCategories` para clareza.
+  - Páginas de Política/Termos não bloqueadas: se `policyLinkUrl` e/ou `termsLinkUrl` apontarem para a página atual, o overlay bloqueante não é aplicado — garantindo legibilidade destas páginas.
 - **[Guia da API (`API.md`)](./API.md)**: Referência completa de todos os componentes, hooks e tipos.
 - **[Guia de Conformidade (`CONFORMIDADE.md`)](./CONFORMIDADE.md)**: Detalhes sobre as funcionalidades de conformidade com a LGPD.
 - **[Guia de Integrações (`INTEGRACOES.md`)](./INTEGRACOES.md)**: Como usar as integrações nativas e criar as suas.

package/dist/{PreferencesModal-D2SEVH3N.js → PreferencesModal-RNRD3JKB.js}

@@ -1,6 +1,6 @@
 import {
   PreferencesModal
-} from "./chunk-B5FNONG3.js";
+} from "./chunk-VOQUCGOA.js";
 export {
   PreferencesModal
 };