react-lgpd-consent 0.1.12 → 0.2.0

package/README.md

@@ -2,38 +2,11 @@
 
 [![NPM Version](https://img.shields.io/npm/v/react-lgpd-consent?style=for-the-badge&color=blue)](https://www.npmjs.com/package/react-lgpd-consent)
 [![License](https://img.shields.io/npm/l/react-lgpd-consent?style=for-the-badge)](https://github.com/lucianoedipo/react-lgpd-consent/blob/main/LICENSE)
-[![TypeScrip```
+[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue?style=for-the-badge&logo=typescript)](https://## 🔧 API Completa
 
-## 🎛️ Botão Flutuante de Preferências
+> **📖 Documentação Detalhada**: [API v0.2.0](./docs/API-v0.2.0.md) | [API v0.1.x (Legacy)](./docs/API-0.1.x.md)
 
-Para facilitar o acesso às configurações após consentimento inicial:
-
-```tsx
-import { FloatingPreferencesButton } from 'react-lgpd-consent'
-
-function App() {
-  return (
-    <ConsentProvider>
-      <MeuApp />
-      <CookieBanner />
-
-      {/* Botão flutuante opcional */}
-      <FloatingPreferencesButton
-        position="bottom-right"
-        hideWhenConsented={false}
-        tooltip="Configurar Cookies"
-      />
-    </ConsentProvider>
-  )
-}
-```
-
-### Posições Disponíveis
-
-- `bottom-left` | `bottom-right` (padrão)
-- `top-left` | `top-right`
-
-## 🔧 API Completahttps://img.shields.io/badge/TypeScript-Ready-blue?style=for-the-badge&logo=typescript)](https://www.typescriptlang.org/)
+### Components.typescriptlang.org/)
 
 [![React](https://img.shields.io/badge/React-18%2B-61DAFB?style=for-the-badge&logo=react)](https://reactjs.org/)
 [![Material-UI](https://img.shields.io/badge/MUI-Ready-007FFF?style=for-the-badge&logo=mui)](https://mui.com/)
@@ -44,17 +17,19 @@ Solução moderna, acessível e personalizável para gerenciar consentimento de
 
 ## ✨ Características Principais
 
-- 🇧🇷 **Conformidade LGPD**: Respeita totalmente a legislação brasileira de proteção de dados
-- ⚡ **SSR/Next.js Ready**: Suporte nativo a Server-Side Rendering sem flash de conteúdo
+- 🇧🇷 **Conformidade LGPD + ANPD**: 6 categorias baseadas no Guia Orientativo da ANPD
+- 🍪 **Categorias Extensíveis**: Sistema dinâmico para categorias customizadas
+- 🚀 **Integrações Nativas**: Google Analytics, Tag Manager, UserWay automatizados
+- ⚡ **Client-Side First**: Arquitetura otimizada para SPA com zero-flash
 - 🎨 **Material-UI Integration**: Componentes prontos e customizáveis com MUI
 - ♿ **Acessibilidade**: Navegação por teclado e leitores de tela nativamente suportados
 - 🌐 **Internacionalização**: Textos totalmente customizáveis (padrão pt-BR)
 - 🚀 **TypeScript**: API completamente tipada para melhor DX
 - 📦 **Zero Config**: Funciona out-of-the-box com configurações sensatas
-- 🎯 **Granular Control**: Controle individual de categorias (analytics, marketing, etc.)
+- 🎯 **Granular Control**: Controle individual de 6+ categorias de cookies
 - 🚫 **Banner Bloqueante**: Modo opcional para exigir interação antes de continuar
 - 🎨 **Sistema de Temas**: Temas customizáveis para integração visual perfeita
-- ⚡ **Carregamento Condicional**: Scripts só executam após consentimento explícito
+- ⚡ **Carregamento Automático**: Scripts só executam após consentimento explícito
 - 🔌 **Modal Automático**: Modal de preferências incluído automaticamente com lazy loading
 - 🎛️ **Botão Flutuante**: Componente opcional para acesso fácil às preferências
 
@@ -74,6 +49,95 @@ pnpm add react-lgpd-consent
 npm install @mui/material js-cookie
 ```
 
+## 🆕 Novidades v0.2.0 - Adequação ANPD Completa
+
+### 🍪 Categorias Baseadas no Guia da ANPD
+
+A biblioteca agora inclui **6 categorias** baseadas no Guia Orientativo da ANPD:
+
+- **`necessary`**: Cookies essenciais (sempre ativos)
+- **`analytics`**: Análise e estatísticas de uso
+- **`functional`**: Funcionalidades extras (preferências, idioma)
+- **`marketing`**: Publicidade e marketing direcionado
+- **`social`**: Integração com redes sociais
+- **`personalization`**: Personalização de conteúdo
+
+### 🔧 Categorias Customizadas
+
+```tsx
+const customCategories = [
+  {
+    id: 'governo',
+    name: 'Integração Governo',
+    description: 'Cookies para integração com sistemas governamentais.',
+    essential: false,
+    cookies: ['gov_session', 'cpf_hash']
+  },
+  {
+    id: 'acessibilidade',
+    name: 'Acessibilidade',
+    description: 'Ferramentas para melhorar acessibilidade.',
+    essential: false,
+    cookies: ['userway_*', 'voice_*']
+  }
+]
+
+<ConsentProvider customCategories={customCategories}>
+  {/* Sua aplicação */}
+</ConsentProvider>
+```
+
+### 🚀 Integrações Automáticas
+
+```tsx
+import {
+  ConsentScriptLoader,
+  createGoogleAnalyticsIntegration,
+  createUserWayIntegration,
+} from 'react-lgpd-consent'
+
+const integrations = [
+  createGoogleAnalyticsIntegration({
+    measurementId: 'GA_MEASUREMENT_ID',
+  }),
+  createUserWayIntegration({
+    accountId: 'USERWAY_ACCOUNT_ID',
+  }),
+]
+
+function App() {
+  return (
+    <ConsentProvider>
+      {/* Scripts carregam automaticamente quando categoria é aceita */}
+      <ConsentScriptLoader integrations={integrations} />
+
+      <CookieBanner policyLinkUrl="/privacy-policy" />
+    </ConsentProvider>
+  )
+}
+```
+
+### 📝 Textos ANPD Expandidos
+
+```tsx
+<ConsentProvider
+  texts={{
+    bannerMessage: 'Utilizamos cookies para melhorar sua experiência.',
+    // Textos ANPD opcionais
+    controllerInfo: 'Controlado por Empresa LTDA (CNPJ: 00.000.000/0001-00)',
+    dataTypes: 'Coletamos dados de navegação, preferências e interações.',
+    thirdPartySharing: 'Compartilhamos com: Google Analytics, Facebook Pixel',
+    userRights: 'Você tem direito a acesso, correção e exclusão dos dados.',
+    contactInfo: 'Contato DPO: dpo@empresa.com.br | (11) 9999-9999',
+    retentionPeriod: 'Dados armazenados por até 12 meses.',
+    lawfulBasis: 'Base legal: consentimento do titular dos dados.',
+    transferCountries: 'Dados podem ser transferidos para: EUA, Irlanda.',
+  }}
+>
+  {/* Os textos são exibidos condicionalmente apenas se definidos */}
+</ConsentProvider>
+```
+
 ## � Exemplo Completo
 
 ```tsx
@@ -478,6 +542,32 @@ Este projeto está licenciado sob a Licença MIT - veja o arquivo [LICENSE](LICE
 - 🐛 [Issues](https://github.com/lucianoedipo/react-lgpd-consent/issues)
 - 💬 [Discussões](https://github.com/lucianoedipo/react-lgpd-consent/discussions)
 
+## 🔮 Roadmap
+
+### v0.2.1 - Compliance Avançado (Próxima Release)
+
+**Baseado em feedback de uso real em projetos governamentais:**
+
+- 📋 **Sistema de Logs de Auditoria**: Rastreamento completo para prestação de contas
+- 📜 **Templates Setoriais**: Textos pré-configurados (governo, saúde, educação)
+- 🎨 **Presets Visuais**: Identidade visual por setor (acessibilidade WCAG AAA)
+- 📊 **Dashboard para DPOs**: Relatórios automáticos de compliance
+- 🔌 **Mais Integrações**: Microsoft Clarity, Hotjar, Intercom, LinkedIn
+
+### v0.3.0 - Multi-Regulamentação
+
+- 🌍 **Suporte GDPR/CCPA**: Detecção automática por geolocalização
+- 🏗️ **Sistema de Plugins**: Extensões de terceiros
+- 🎭 **Temas Avançados**: Design system tokens
+
+### v0.4.0 - Enterprise
+
+- 📈 **Analytics Avançadas**: Dashboards completos
+- 🔄 **Sync Multi-Domínio**: Consentimento compartilhado
+- 🛡️ **Segurança Empresarial**: Criptografia, audit logs remotos
+
+[📋 Ver plano detalhado v0.2.1](./docs/v0.2.1-PLAN.md)
+
 ---
 
 <div align="center">

package/dist/{PreferencesModal-IFKCHTF2.js → PreferencesModal-QQOOLRDY.js}

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

package/dist/{chunk-V54LZT2Q.js → chunk-JTPCDTOQ.js}

@@ -11,7 +11,7 @@ import Typography2 from "@mui/material/Typography";
 import { useEffect as useEffect2, useState as useState2 } from "react";
 
 // src/context/ConsentContext.tsx
-import * as React from "react";
+import * as React2 from "react";
 import { ThemeProvider } from "@mui/material/styles";
 
 // src/utils/cookieUtils.ts
@@ -117,18 +117,98 @@ var defaultConsentTheme = createTheme({
   }
 });
 
+// src/context/CategoriesContext.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var CategoriesCtx = React.createContext([]);
+function CategoriesProvider({
+  categories,
+  children
+}) {
+  const value = React.useMemo(() => categories || [], [categories]);
+  return /* @__PURE__ */ jsx(CategoriesCtx.Provider, { value, children });
+}
+function useCustomCategories() {
+  return React.useContext(CategoriesCtx);
+}
+function useAllCategories() {
+  const customCategories = useCustomCategories();
+  return React.useMemo(() => {
+    const defaultCategories = [
+      {
+        id: "necessary",
+        name: "Cookies Necess\xE1rios",
+        description: "Essenciais para o funcionamento b\xE1sico do site. Incluem cookies de sess\xE3o, autentica\xE7\xE3o e seguran\xE7a.",
+        essential: true,
+        cookies: ["PHPSESSID", "JSESSIONID", "cookieConsent", "csrf_token"]
+      },
+      {
+        id: "analytics",
+        name: "Analytics e Estat\xEDsticas",
+        description: "Permitem medir audi\xEAncia e desempenho, gerando estat\xEDsticas an\xF4nimas de uso.",
+        essential: false,
+        cookies: ["_ga", "_ga_*", "_gid", "_gat", "gtag"]
+      },
+      {
+        id: "functional",
+        name: "Cookies Funcionais",
+        description: "Melhoram a experi\xEAncia do usu\xE1rio, lembrando prefer\xEAncias e configura\xE7\xF5es.",
+        essential: false,
+        cookies: ["language", "theme", "timezone", "preferences"]
+      },
+      {
+        id: "marketing",
+        name: "Marketing e Publicidade",
+        description: "Utilizados para publicidade direcionada e medi\xE7\xE3o de campanhas publicit\xE1rias.",
+        essential: false,
+        cookies: ["_fbp", "fr", "tr", "ads_*", "doubleclick"]
+      },
+      {
+        id: "social",
+        name: "Redes Sociais",
+        description: "Permitem compartilhamento e integra\xE7\xE3o com redes sociais como Facebook, YouTube, etc.",
+        essential: false,
+        cookies: ["__Secure-*", "sb", "datr", "c_user", "social_*"]
+      },
+      {
+        id: "personalization",
+        name: "Personaliza\xE7\xE3o",
+        description: "Adaptam o conte\xFAdo e interface \xE0s prefer\xEAncias individuais do usu\xE1rio.",
+        essential: false,
+        cookies: ["personalization_*", "content_*", "layout_*"]
+      }
+    ];
+    return [...defaultCategories, ...customCategories];
+  }, [customCategories]);
+}
+
 // src/context/ConsentContext.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var PreferencesModal = React.lazy(
-  () => import("./PreferencesModal-IFKCHTF2.js").then((m) => ({
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var PreferencesModal = React2.lazy(
+  () => import("./PreferencesModal-QQOOLRDY.js").then((m) => ({
     default: m.PreferencesModal
   }))
 );
 var DEFAULT_PREFERENCES = {
+  necessary: true,
+  // Sempre ativo (essencial)
   analytics: false,
-  marketing: false
+  functional: false,
+  marketing: false,
+  social: false,
+  personalization: false
 };
+function createInitialPreferences(customCategories) {
+  const prefs = { ...DEFAULT_PREFERENCES };
+  if (customCategories) {
+    customCategories.forEach((category) => {
+      prefs[category.id] = category.essential === true;
+    });
+  }
+  return prefs;
+}
 var DEFAULT_TEXTS = {
+  // Textos básicos
   bannerMessage: "Utilizamos cookies para melhorar sua experi\xEAncia.",
   acceptAll: "Aceitar todos",
   declineAll: "Recusar",
@@ -137,22 +217,53 @@ var DEFAULT_TEXTS = {
   modalTitle: "Prefer\xEAncias de Cookies",
   modalIntro: "Ajuste as categorias de cookies. Cookies necess\xE1rios s\xE3o sempre utilizados para funcionalidades b\xE1sicas.",
   save: "Salvar prefer\xEAncias",
-  necessaryAlwaysOn: "Cookies necess\xE1rios (sempre ativos)"
+  necessaryAlwaysOn: "Cookies necess\xE1rios (sempre ativos)",
+  // Textos ANPD expandidos (opcionais)
+  controllerInfo: void 0,
+  // Exibido se definido
+  dataTypes: void 0,
+  // Exibido se definido
+  thirdPartySharing: void 0,
+  // Exibido se definido
+  userRights: void 0,
+  // Exibido se definido
+  contactInfo: void 0,
+  // Exibido se definido
+  retentionPeriod: void 0,
+  // Exibido se definido
+  lawfulBasis: void 0,
+  // Exibido se definido
+  transferCountries: void 0
+  // Exibido se definido
 };
 function reducer(state, action) {
   switch (action.type) {
-    case "ACCEPT_ALL":
+    case "ACCEPT_ALL": {
+      const prefs = createInitialPreferences(action.customCategories);
+      Object.keys(prefs).forEach((key) => {
+        prefs[key] = true;
+      });
       return {
         consented: true,
-        preferences: { analytics: true, marketing: true },
+        preferences: prefs,
         isModalOpen: false
       };
-    case "REJECT_ALL":
+    }
+    case "REJECT_ALL": {
+      const prefs = createInitialPreferences(action.customCategories);
+      if (action.customCategories) {
+        action.customCategories.forEach((category) => {
+          if (category.essential) {
+            prefs[category.id] = true;
+          }
+        });
+      }
       return {
         consented: true,
-        preferences: { analytics: false, marketing: false },
+        preferences: prefs,
         isModalOpen: false
       };
+    }
     case "SET_CATEGORY":
       return {
         ...state,
@@ -173,26 +284,29 @@ function reducer(state, action) {
     case "CLOSE_MODAL":
       return { ...state, isModalOpen: false, consented: true };
     // houve interação
-    case "RESET":
+    case "RESET": {
       return {
         consented: false,
-        preferences: { ...DEFAULT_PREFERENCES },
+        preferences: createInitialPreferences(action.customCategories),
         isModalOpen: false
       };
+    }
     case "HYDRATE":
       return { ...action.state };
     default:
       return state;
   }
 }
-var StateCtx = React.createContext(null);
-var ActionsCtx = React.createContext(null);
-var TextsCtx = React.createContext(DEFAULT_TEXTS);
-var HydrationCtx = React.createContext(false);
+var StateCtx = React2.createContext(null);
+var ActionsCtx = React2.createContext(null);
+var TextsCtx = React2.createContext(DEFAULT_TEXTS);
+var HydrationCtx = React2.createContext(false);
 function ConsentProvider({
   initialState,
   texts: textsProp,
   theme,
+  customCategories,
+  scriptIntegrations,
   PreferencesModalComponent,
   preferencesModalProps = {},
   disableAutomaticModal = false,
@@ -202,30 +316,30 @@ function ConsentProvider({
   cookie: cookieOpts,
   children
 }) {
-  const texts = React.useMemo(
+  const texts = React2.useMemo(
     () => ({ ...DEFAULT_TEXTS, ...textsProp ?? {} }),
     [textsProp]
   );
-  const cookie = React.useMemo(
+  const cookie = React2.useMemo(
     () => ({ ...DEFAULT_COOKIE_OPTS, ...cookieOpts ?? {} }),
     [cookieOpts]
   );
-  const appliedTheme = React.useMemo(
+  const appliedTheme = React2.useMemo(
     () => theme || defaultConsentTheme,
     [theme]
   );
-  const boot = React.useMemo(() => {
+  const boot = React2.useMemo(() => {
     if (initialState) return { ...initialState, isModalOpen: false };
     return {
       consented: false,
-      preferences: { ...DEFAULT_PREFERENCES },
+      preferences: createInitialPreferences(customCategories),
       isModalOpen: false
     };
-  }, [initialState]);
-  const [state, dispatch] = React.useReducer(reducer, boot);
-  const [isHydrated, setIsHydrated] = React.useState(false);
-  React.useEffect(() => {
-    if (typeof window !== "undefined" && !initialState) {
+  }, [initialState, customCategories]);
+  const [state, dispatch] = React2.useReducer(reducer, boot);
+  const [isHydrated, setIsHydrated] = React2.useState(false);
+  React2.useEffect(() => {
+    if (!initialState) {
       const saved = readConsentCookie(cookie.name);
       if (saved?.consented) {
         console.log("\u{1F680} Immediate hydration: Cookie found", saved);
@@ -234,33 +348,33 @@ function ConsentProvider({
     }
     setIsHydrated(true);
   }, [cookie.name, initialState]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (state.consented) writeConsentCookie(state, cookie);
   }, [state, cookie]);
-  const prevConsented = React.useRef(state.consented);
-  React.useEffect(() => {
+  const prevConsented = React2.useRef(state.consented);
+  React2.useEffect(() => {
     if (!prevConsented.current && state.consented && onConsentGiven) {
       setTimeout(() => onConsentGiven(state), 150);
     }
     prevConsented.current = state.consented;
   }, [state, onConsentGiven]);
-  const prevPrefs = React.useRef(state.preferences);
-  React.useEffect(() => {
+  const prevPrefs = React2.useRef(state.preferences);
+  React2.useEffect(() => {
     if (state.consented && onPreferencesSaved && prevPrefs.current !== state.preferences) {
       setTimeout(() => onPreferencesSaved(state.preferences), 150);
       prevPrefs.current = state.preferences;
     }
   }, [state, onPreferencesSaved]);
-  const api = React.useMemo(() => {
-    const acceptAll = () => dispatch({ type: "ACCEPT_ALL" });
-    const rejectAll = () => dispatch({ type: "REJECT_ALL" });
+  const api = React2.useMemo(() => {
+    const acceptAll = () => dispatch({ type: "ACCEPT_ALL", customCategories });
+    const rejectAll = () => dispatch({ type: "REJECT_ALL", customCategories });
     const setPreference = (category, value) => dispatch({ type: "SET_CATEGORY", category, value });
     const setPreferences = (preferences) => dispatch({ type: "SET_PREFERENCES", preferences });
     const openPreferences = () => dispatch({ type: "OPEN_MODAL" });
     const closePreferences = () => dispatch({ type: "CLOSE_MODAL" });
     const resetConsent = () => {
       removeConsentCookie(cookie);
-      dispatch({ type: "RESET" });
+      dispatch({ type: "RESET", customCategories });
     };
     return {
       consented: !!state.consented,
@@ -274,30 +388,30 @@ function ConsentProvider({
       closePreferences,
       resetConsent
     };
-  }, [state, cookie]);
-  return /* @__PURE__ */ jsx(ThemeProvider, { theme: appliedTheme, children: /* @__PURE__ */ jsx(StateCtx.Provider, { value: state, children: /* @__PURE__ */ jsx(ActionsCtx.Provider, { value: api, children: /* @__PURE__ */ jsx(TextsCtx.Provider, { value: texts, children: /* @__PURE__ */ jsxs(HydrationCtx.Provider, { value: isHydrated, children: [
+  }, [state, cookie, customCategories]);
+  return /* @__PURE__ */ jsx2(ThemeProvider, { theme: appliedTheme, children: /* @__PURE__ */ jsx2(StateCtx.Provider, { value: state, children: /* @__PURE__ */ jsx2(ActionsCtx.Provider, { value: api, children: /* @__PURE__ */ jsx2(TextsCtx.Provider, { value: texts, children: /* @__PURE__ */ jsx2(HydrationCtx.Provider, { value: isHydrated, children: /* @__PURE__ */ jsxs(CategoriesProvider, { categories: customCategories, children: [
     children,
-    !disableAutomaticModal && /* @__PURE__ */ jsx(React.Suspense, { fallback: null, children: PreferencesModalComponent ? /* @__PURE__ */ jsx(PreferencesModalComponent, { ...preferencesModalProps }) : /* @__PURE__ */ jsx(PreferencesModal, { hideBranding }) })
-  ] }) }) }) }) });
+    !disableAutomaticModal && /* @__PURE__ */ jsx2(React2.Suspense, { fallback: null, children: PreferencesModalComponent ? /* @__PURE__ */ jsx2(PreferencesModalComponent, { ...preferencesModalProps }) : /* @__PURE__ */ jsx2(PreferencesModal, { hideBranding }) })
+  ] }) }) }) }) }) });
 }
 function useConsentStateInternal() {
-  const ctx = React.useContext(StateCtx);
+  const ctx = React2.useContext(StateCtx);
   if (!ctx)
     throw new Error("useConsentState must be used within ConsentProvider");
   return ctx;
 }
 function useConsentActionsInternal() {
-  const ctx = React.useContext(ActionsCtx);
+  const ctx = React2.useContext(ActionsCtx);
   if (!ctx)
     throw new Error("useConsentActions must be used within ConsentProvider");
   return ctx;
 }
 function useConsentTextsInternal() {
-  const ctx = React.useContext(TextsCtx);
+  const ctx = React2.useContext(TextsCtx);
   return ctx;
 }
 function useConsentHydrationInternal() {
-  return React.useContext(HydrationCtx);
+  return React2.useContext(HydrationCtx);
 }
 
 // src/hooks/useConsent.ts
@@ -327,7 +441,7 @@ function useConsentHydration() {
 // src/components/Branding.tsx
 import Link from "@mui/material/Link";
 import Typography from "@mui/material/Typography";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var brandingStyles = {
   banner: {
     fontSize: "0.65rem",
@@ -365,7 +479,7 @@ function Branding({ variant, hidden = false }) {
       children: [
         "fornecido por",
         " ",
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3(
           Link,
           {
             href: "https://www.ledipo.eti.br",
@@ -384,7 +498,7 @@ function Branding({ variant, hidden = false }) {
 }
 
 // src/components/PreferencesModal.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function PreferencesModal2({
   DialogProps: DialogProps2,
   hideBranding = false
@@ -413,14 +527,14 @@ function PreferencesModal2({
       onClose: handleCancel,
       ...DialogProps2,
       children: [
-        /* @__PURE__ */ jsx3(DialogTitle, { id: "cookie-pref-title", children: texts.modalTitle }),
+        /* @__PURE__ */ jsx4(DialogTitle, { id: "cookie-pref-title", children: texts.modalTitle }),
         /* @__PURE__ */ jsxs3(DialogContent, { dividers: true, children: [
-          /* @__PURE__ */ jsx3(Typography2, { variant: "body2", sx: { mb: 2 }, children: texts.modalIntro }),
+          /* @__PURE__ */ jsx4(Typography2, { variant: "body2", sx: { mb: 2 }, children: texts.modalIntro }),
           /* @__PURE__ */ jsxs3(FormGroup, { children: [
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(
               FormControlLabel,
               {
-                control: /* @__PURE__ */ jsx3(
+                control: /* @__PURE__ */ jsx4(
                   Switch,
                   {
                     checked: tempPreferences.analytics,
@@ -433,10 +547,10 @@ function PreferencesModal2({
                 label: "Cookies Anal\xEDticos (medem uso do site)"
               }
             ),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(
               FormControlLabel,
               {
-                control: /* @__PURE__ */ jsx3(
+                control: /* @__PURE__ */ jsx4(
                   Switch,
                   {
                     checked: tempPreferences.marketing,
@@ -449,19 +563,19 @@ function PreferencesModal2({
                 label: "Cookies de Marketing/Publicidade"
               }
             ),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(
               FormControlLabel,
               {
-                control: /* @__PURE__ */ jsx3(Switch, { checked: true, disabled: true }),
+                control: /* @__PURE__ */ jsx4(Switch, { checked: true, disabled: true }),
                 label: texts.necessaryAlwaysOn
               }
             )
           ] })
         ] }),
-        !hideBranding && /* @__PURE__ */ jsx3(Branding, { variant: "modal" }),
+        !hideBranding && /* @__PURE__ */ jsx4(Branding, { variant: "modal" }),
         /* @__PURE__ */ jsxs3(DialogActions, { children: [
-          /* @__PURE__ */ jsx3(Button, { variant: "outlined", onClick: handleCancel, children: "Cancelar" }),
-          /* @__PURE__ */ jsx3(Button, { variant: "contained", onClick: handleSave, children: texts.save })
+          /* @__PURE__ */ jsx4(Button, { variant: "outlined", onClick: handleCancel, children: "Cancelar" }),
+          /* @__PURE__ */ jsx4(Button, { variant: "contained", onClick: handleSave, children: texts.save })
         ] })
       ]
     }
@@ -470,6 +584,8 @@ function PreferencesModal2({
 
 export {
   defaultConsentTheme,
+  useCustomCategories,
+  useAllCategories,
   Branding,
   PreferencesModal2 as PreferencesModal,
   ConsentProvider,