react-lgpd-consent 0.2.5 → 0.3.0

package/dist/index.d.ts

@@ -1,44 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PaperProps } from '@mui/material/Paper';
-import { SnackbarProps } from '@mui/material/Snackbar';
 import { DialogProps } from '@mui/material/Dialog';
-import { FabProps } from '@mui/material/Fab';
 import * as React$1 from 'react';
 import * as _mui_material_styles from '@mui/material/styles';
 
-/**
- * Props para o componente CookieBanner.
- *
- * @property policyLinkUrl URL da política de privacidade (opcional).
- * @property debug Força exibição do banner para QA/debug (opcional).
- * @property blocking Se true, bloqueia interação até decisão do usuário (default: true).
- * @property hideBranding Se true, oculta o branding "fornecido por LÉdipO.eti.br" (opcional).
- * @property SnackbarProps Props adicionais para o componente MUI Snackbar (opcional).
- * @property PaperProps Props adicionais para o componente MUI Paper (opcional).
- */
-interface CookieBannerProps {
-    policyLinkUrl?: string;
-    debug?: boolean;
-    blocking?: boolean;
-    hideBranding?: boolean;
-    SnackbarProps?: Partial<SnackbarProps>;
-    PaperProps?: Partial<PaperProps>;
-}
-/**
- * Banner de consentimento de cookies conforme LGPD.
- *
- * Exibe mensagem informativa, botões de ação e link para política de privacidade.
- * Compatível com modo bloqueante (overlay) e não bloqueante (Snackbar).
- *
- * - Textos em pt-BR, customizáveis via contexto.
- * - Acessível e responsivo.
- * - Branding opcional.
- *
- * @param props Propriedades do banner de consentimento.
- */
-declare function CookieBanner({ policyLinkUrl, debug, blocking, // Por padrão, bloqueia até decisão
-hideBranding, SnackbarProps, PaperProps, }: Readonly<CookieBannerProps>): react_jsx_runtime.JSX.Element | null;
-
 /**
  * Props para o componente PreferencesModal.
  *
@@ -60,45 +24,6 @@ interface PreferencesModalProps {
  */
 declare function PreferencesModal({ DialogProps, hideBranding, }: Readonly<PreferencesModalProps>): react_jsx_runtime.JSX.Element;
 
-/**
- * Props para o componente FloatingPreferencesButton.
- *
- * Permite configurar posição, ícone, tooltip, e comportamento de exibição do botão flutuante
- * para abrir o modal de preferências de cookies LGPD.
- *
- * Todos os campos são opcionais e possuem valores padrão.
- */
-interface FloatingPreferencesButtonProps {
-    /** Posição do botão flutuante. Padrão: 'bottom-right' */
-    position?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-    /** Offset da borda em pixels. Padrão: 24 */
-    offset?: number;
-    /** Ícone customizado. Padrão: CookieOutlined */
-    icon?: React.ReactNode;
-    /** Tooltip customizado exibido ao passar o mouse */
-    tooltip?: string;
-    /** Props adicionais para o Fab do MUI */
-    FabProps?: Partial<FabProps>;
-    /** Se deve esconder quando consentimento já foi dado. Padrão: false */
-    hideWhenConsented?: boolean;
-}
-/**
- * Botão flutuante para abrir o modal de preferências de cookies.
- *
- * Permite ao usuário acessar rapidamente as configurações de consentimento LGPD.
- * Pode ser posicionado em qualquer canto da tela e customizado via props.
- *
- * @param position Posição do botão na tela. Padrão: 'bottom-right'.
- * @param offset Distância da borda em pixels. Padrão: 24.
- * @param icon Ícone customizado para o botão. Padrão: CookieOutlined.
- * @param tooltip Texto do tooltip exibido ao passar o mouse. Padrão: 'Gerenciar Preferências de Cookies'.
- * @param FabProps Props adicionais para o componente Fab do MUI.
- * @param hideWhenConsented Se verdadeiro, esconde o botão após consentimento. Padrão: false.
- *
- * @returns JSX.Element | null
- */
-declare function FloatingPreferencesButton({ position, offset, icon, tooltip, FabProps, hideWhenConsented, }: Readonly<FloatingPreferencesButtonProps>): react_jsx_runtime.JSX.Element | null;
-
 /**
  * Integrações nativas com scripts de terceiros.
  * Facilita o carregamento automático baseado em consentimento.
@@ -137,14 +62,24 @@ interface UserWayConfig {
 }
 /**
  * Cria integração para Google Analytics 4.
+ *
+ * @param config Configuração do Google Analytics, contendo o `measurementId`.
+ * @returns Um objeto de integração de script para ser usado com `ConsentScriptLoader`.
  */
 declare function createGoogleAnalyticsIntegration(config: GoogleAnalyticsConfig): ScriptIntegration;
 /**
  * Cria integração para Google Tag Manager.
+ *
+ * @param config Configuração do GTM, contendo o `containerId`.
+ * @returns Um objeto de integração de script.
  */
 declare function createGoogleTagManagerIntegration(config: GoogleTagManagerConfig): ScriptIntegration;
 /**
- * Cria integração para UserWay (acessibilidade).
+ * Cria integração para UserWay (widget de acessibilidade).
+ * A categoria padrão foi alterada para 'functional', por ser mais apropriada.
+ *
+ * @param config Configuração do UserWay, contendo o `accountId`.
+ * @returns Um objeto de integração de script.
  */
 declare function createUserWayIntegration(config: UserWayConfig): ScriptIntegration;
 /**
@@ -157,14 +92,16 @@ declare const COMMON_INTEGRATIONS: {
 };
 
 /**
- * Categorias padrão de consentimento para cookies baseadas no Guia da ANPD.
+ * Tipos de categorias padrão de consentimento para cookies, conforme definido pela ANPD.
  *
- * - necessary: Cookies essenciais (sempre ativos)
- * - analytics: Análise e estatísticas
- * - functional: Funcionalidades extras
- * - marketing: Publicidade e marketing
- * - social: Integração com redes sociais
- * - personalization: Personalização de conteúdo
+ * @remarks
+ * Use este tipo para identificar as categorias principais de cookies suportadas nativamente pela biblioteca.
+ * - `'necessary'`: Cookies essenciais para funcionamento do site (sempre ativos).
+ * - `'analytics'`: Cookies para análise e estatísticas de uso.
+ * - `'functional'`: Cookies para funcionalidades extras e preferências do usuário.
+ * - `'marketing'`: Cookies para publicidade e marketing direcionado.
+ * - `'social'`: Cookies para integração com redes sociais.
+ * - `'personalization'`: Cookies para personalização de conteúdo e experiência.
  */
 type Category = 'necessary' | 'analytics' | 'functional' | 'marketing' | 'social' | 'personalization';
 /**
@@ -190,8 +127,6 @@ interface CategoryDefinition {
 interface ProjectCategoriesConfig {
     /** Categorias padrão que serão ativadas (necessary sempre incluída automaticamente) */
     enabledCategories?: Category[];
-    /** Categorias customizadas específicas do projeto */
-    customCategories?: CategoryDefinition[];
 }
 /**
  * Preferências de consentimento do usuário.
@@ -218,6 +153,8 @@ interface ConsentCookieData {
     lastUpdate: string;
     /** Origem da decisão de consentimento */
     source: 'banner' | 'modal' | 'programmatic';
+    /** Snapshot da configuração de categorias usada para este consentimento */
+    projectConfig?: ProjectCategoriesConfig;
 }
 /**
  * Estado interno completo do consentimento (memória + UI).
@@ -283,6 +220,47 @@ interface ConsentCookieOptions {
     /** Caminho do cookie. Padrão: '/' */
     path: string;
 }
+/**
+ * Tokens de design para customização visual avançada dos componentes.
+ * Permite um controle mais direto sobre a aparência sem a necessidade de `sx` props complexas.
+ */
+interface DesignTokens {
+    colors?: {
+        background?: string;
+        text?: string;
+        primary?: string;
+        secondary?: string;
+    };
+    typography?: {
+        fontFamily?: string;
+        fontSize?: {
+            banner?: string;
+            modal?: string;
+        };
+        fontWeight?: {
+            normal?: number;
+            bold?: number;
+        };
+    };
+    spacing?: {
+        padding?: {
+            banner?: string | number;
+            modal?: string | number;
+        };
+        borderRadius?: {
+            banner?: string | number;
+            modal?: string | number;
+        };
+    };
+    layout?: {
+        position?: 'bottom' | 'top' | 'floating';
+        width?: {
+            mobile?: string;
+            desktop?: string;
+        };
+        backdrop?: boolean;
+    };
+}
 /**
  * Propriedades do componente ConsentProvider - configuração principal da biblioteca.
  *
@@ -300,12 +278,6 @@ interface ConsentCookieOptions {
  * <ConsentProvider
  *   categories={{
  *     enabledCategories: ['analytics', 'functional'],
- *     customCategories: [{
- *       id: 'governo',
- *       name: 'Cookies Governamentais',
- *       description: 'Coleta para estatísticas públicas',
- *       essential: false
- *     }]
  *   }}
  *   texts={{
  *     bannerMessage: 'Utilizamos cookies conforme LGPD...',
@@ -333,24 +305,16 @@ interface ConsentProviderProps {
     initialState?: ConsentState;
     /**
      * Configuração das categorias de cookies utilizadas no projeto.
-     * Define quais categorias padrão serão habilitadas e categorias customizadas.
+     * Define quais categorias padrão serão habilitadas.
      *
      * @example Apenas analytics:
      * ```tsx
      * categories={{ enabledCategories: ['analytics'] }}
      * ```
      *
-     * @example Com categoria customizada:
+     * @example Com categoria padrão apenas:
      * ```tsx
-     * categories={{
-     *   enabledCategories: ['analytics', 'marketing'],
-     *   customCategories: [{
-     *     id: 'pesquisa',
-     *     name: 'Cookies de Pesquisa',
-     *     description: 'Coleta feedback e opinião dos usuários',
-     *     essential: false
-     *   }]
-     * }}
+     * categories={{ enabledCategories: ['analytics', 'marketing'] }}
      * ```
      */
     categories?: ProjectCategoriesConfig;
@@ -391,10 +355,19 @@ interface ConsentProviderProps {
      */
     theme?: any;
     /**
-     * @deprecated Usar `categories.customCategories` em vez disso.
-     * Mantido para compatibilidade com v0.1.x
+     * Tokens de design para customização visual avançada.
+     * Oferece controle direto sobre cores, fontes, espaçamento e layout.
+     *
+     * @example
+     * ```tsx
+     * designTokens={{
+     *   colors: { background: '#000', text: '#fff' },
+     *   typography: { fontFamily: ''Inter', sans-serif' },
+     *   spacing: { borderRadius: { banner: 0 } }
+     * }}
+     * ```
      */
-    customCategories?: CategoryDefinition[];
+    designTokens?: DesignTokens;
     /**
      * Integrações nativas de scripts terceiros (Google Analytics, etc.).
      * Scripts são carregados automaticamente baseado no consentimento.
@@ -411,16 +384,32 @@ interface ConsentProviderProps {
     scriptIntegrations?: ScriptIntegration[];
     /**
      * Componente customizado para substituir o modal padrão de preferências.
-     * Deve implementar a lógica de consentimento usando os hooks da biblioteca.
+     * Deve implementar a lógica de consentimento usando as props definidas em `CustomPreferencesModalProps`.
      */
-    PreferencesModalComponent?: React.ComponentType<any>;
+    PreferencesModalComponent?: React.ComponentType<CustomPreferencesModalProps>;
     /** Props adicionais passadas para o modal customizado. */
     preferencesModalProps?: Record<string, any>;
     /**
-     * Desabilita o modal automático de preferências.
-     * Útil quando se quer controle total sobre quando/como exibir as opções.
+     * Componente customizado para substituir o banner padrão de cookies.
+     * Se não fornecido, o `CookieBanner` padrão será renderizado.
+     * Deve implementar a lógica de consentimento usando as props definidas em `CustomCookieBannerProps`.
+     */
+    CookieBannerComponent?: React.ComponentType<CustomCookieBannerProps>;
+    /** Props adicionais passadas para o banner customizado. */
+    cookieBannerProps?: Record<string, any>;
+    /**
+     * Componente customizado para substituir o botão flutuante de preferências.
+     * Se não fornecido, o `FloatingPreferencesButton` padrão será renderizado.
+     * Deve implementar a lógica de consentimento usando as props definidas em `CustomFloatingPreferencesButtonProps`.
      */
-    disableAutomaticModal?: boolean;
+    FloatingPreferencesButtonComponent?: React.ComponentType<CustomFloatingPreferencesButtonProps>;
+    /** Props adicionais passadas para o botão flutuante customizado. */
+    floatingPreferencesButtonProps?: Record<string, any>;
+    /**
+     * Desabilita o botão flutuante de preferências.
+     * Útil quando o usuário da lib quer ter controle total sobre o acesso às preferências.
+     */
+    disableFloatingPreferencesButton?: boolean;
     /**
      * Comportamento do banner de consentimento:
      * - `false` (padrão): Banner não-intrusivo, usuário pode navegar livremente
@@ -478,6 +467,44 @@ interface ConsentProviderProps {
     /** Elementos filhos - toda a aplicação que precisa de contexto de consentimento. */
     children: React.ReactNode;
 }
+/**
+ * Props esperadas por um componente customizado de CookieBanner.
+ * Fornece acesso ao estado de consentimento e ações necessárias para o banner.
+ */
+interface CustomCookieBannerProps {
+    consented: boolean;
+    acceptAll: () => void;
+    rejectAll: () => void;
+    openPreferences: () => void;
+    texts: ConsentTexts;
+}
+/**
+ * Props esperadas por um componente customizado de PreferencesModal.
+ *
+ * Fornece acesso às preferências atuais do usuário, funções para atualizar e salvar preferências,
+ * fechar o modal e textos customizados da interface.
+ *
+ * @property preferences Preferências atuais de consentimento do usuário.
+ * @property setPreferences Função para atualizar e salvar as preferências.
+ * @property closePreferences Função para fechar o modal de preferências.
+ * @property isModalOpen Indica se o modal está aberto (opcional).
+ * @property texts Textos customizados da interface de consentimento.
+ */
+interface CustomPreferencesModalProps {
+    preferences: ConsentPreferences;
+    setPreferences: (preferences: ConsentPreferences) => void;
+    closePreferences: () => void;
+    isModalOpen?: boolean;
+    texts: ConsentTexts;
+}
+/**
+ * Props esperadas por um componente customizado de FloatingPreferencesButton.
+ * Fornece acesso às ações de abertura do modal e ao estado de consentimento.
+ */
+interface CustomFloatingPreferencesButtonProps {
+    openPreferences: () => void;
+    consented: boolean;
+}
 /**
  * Valor do contexto de consentimento, incluindo estado e métodos de manipulação.
  */
@@ -519,11 +546,9 @@ interface ConsentContextValue {
  *   <App />
  * </ConsentProvider>
  */
-declare function ConsentProvider({ initialState, categories, // NOVO: configuração completa de categorias
-texts: textsProp, theme, customCategories, // LEGACY: compatibilidade
-scriptIntegrations, // eslint-disable-line no-unused-vars
-PreferencesModalComponent, preferencesModalProps, disableAutomaticModal, hideBranding, onConsentGiven, onPreferencesSaved, cookie: cookieOpts, disableDeveloperGuidance, // NOVO: desabilita avisos de dev
-children, }: Readonly<ConsentProviderProps>): react_jsx_runtime.JSX.Element;
+declare function ConsentProvider({ initialState, categories, // Nova prop para configuração de categorias
+texts: textsProp, theme, designTokens, scriptIntegrations, // eslint-disable-line no-unused-vars
+PreferencesModalComponent, preferencesModalProps, CookieBannerComponent, cookieBannerProps, FloatingPreferencesButtonComponent, floatingPreferencesButtonProps, disableFloatingPreferencesButton, hideBranding, onConsentGiven, onPreferencesSaved, cookie: cookieOpts, disableDeveloperGuidance, children, }: Readonly<ConsentProviderProps>): react_jsx_runtime.JSX.Element;
 
 /**
  * Hook principal para acessar e manipular o estado de consentimento de cookies.
@@ -601,8 +626,6 @@ interface CategoriesContextValue {
     toggleableCategories: DeveloperGuidance['activeCategoriesInfo'];
     /** Todas as categorias ativas */
     allCategories: DeveloperGuidance['activeCategoriesInfo'];
-    /** LEGACY: Apenas categorias customizadas (backward compatibility) */
-    legacyCategories: CategoryDefinition[];
 }
 /**
  * Hook para acessar informações sobre categorias ativas.
@@ -619,13 +642,6 @@ declare function useCategoryStatus(categoryId: string): {
     name: string | undefined;
     description: string | undefined;
 };
-/**
- * LEGACY: Hook para acessar as categorias customizadas.
- * Mantido para backward compatibility.
- *
- * @deprecated Use useCategories() ao invés disso para acesso completo às categorias.
- */
-declare function useCustomCategories(): CategoryDefinition[];
 
 declare function ConsentGate(props: Readonly<{
     category: string;
@@ -702,4 +718,4 @@ declare function ConsentScriptLoader({ integrations, reloadOnChange, }: Readonly
  */
 declare function useConsentScriptLoader(): (integration: ScriptIntegration) => Promise<boolean>;
 
-export { COMMON_INTEGRATIONS, type Category, type CategoryDefinition, type ConsentCookieOptions, ConsentGate, type ConsentPreferences, ConsentProvider, ConsentScriptLoader, type ConsentState, type ConsentTexts, CookieBanner, DEFAULT_PROJECT_CATEGORIES, type DeveloperGuidance, FloatingPreferencesButton, type GoogleAnalyticsConfig, type GoogleTagManagerConfig, PreferencesModal, type ProjectCategoriesConfig, type ScriptIntegration, type UserWayConfig, analyzeDeveloperConfiguration, createGoogleAnalyticsIntegration, createGoogleTagManagerIntegration, createUserWayIntegration, defaultConsentTheme, loadScript, useCategories, useCategoryStatus, useConsent, useConsentHydration, useConsentScriptLoader, useConsentTexts, useCustomCategories };
+export { COMMON_INTEGRATIONS, type Category, type CategoryDefinition, type ConsentCookieOptions, ConsentGate, type ConsentPreferences, ConsentProvider, ConsentScriptLoader, type ConsentState, type ConsentTexts, DEFAULT_PROJECT_CATEGORIES, type DeveloperGuidance, type GoogleAnalyticsConfig, type GoogleTagManagerConfig, PreferencesModal, type ProjectCategoriesConfig, type ScriptIntegration, type UserWayConfig, analyzeDeveloperConfiguration, createGoogleAnalyticsIntegration, createGoogleTagManagerIntegration, createUserWayIntegration, defaultConsentTheme, loadScript, useCategories, useCategoryStatus, useConsent, useConsentHydration, useConsentScriptLoader, useConsentTexts };

package/dist/index.js

@@ -1,5 +1,4 @@
 import {
-  Branding,
   ConsentProvider,
   DEFAULT_PROJECT_CATEGORIES,
   PreferencesModal,
@@ -9,180 +8,15 @@ import {
   useCategoryStatus,
   useConsent,
   useConsentHydration,
-  useConsentTexts,
-  useCustomCategories
-} from "./chunk-4LLZREFO.js";
-
-// src/components/CookieBanner.tsx
-import Button from "@mui/material/Button";
-import Box from "@mui/material/Box";
-import Paper from "@mui/material/Paper";
-import Snackbar from "@mui/material/Snackbar";
-import Stack from "@mui/material/Stack";
-import Typography from "@mui/material/Typography";
-import Link from "@mui/material/Link";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function CookieBanner({
-  policyLinkUrl,
-  debug,
-  blocking = true,
-  // Por padrão, bloqueia até decisão
-  hideBranding = false,
-  SnackbarProps,
-  PaperProps
-}) {
-  const { consented, acceptAll, rejectAll, openPreferences } = useConsent();
-  const texts = useConsentTexts();
-  const isHydrated = useConsentHydration();
-  const open = debug ? true : isHydrated && !consented;
-  if (!open) return null;
-  const bannerContent = /* @__PURE__ */ jsx(
-    Paper,
-    {
-      elevation: 3,
-      sx: { p: 2, maxWidth: 720, mx: "auto" },
-      ...PaperProps,
-      children: /* @__PURE__ */ jsxs(Stack, { spacing: 1, children: [
-        /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
-          texts.bannerMessage,
-          " ",
-          policyLinkUrl && /* @__PURE__ */ jsx(
-            Link,
-            {
-              href: policyLinkUrl,
-              underline: "hover",
-              target: "_blank",
-              rel: "noopener noreferrer",
-              children: texts.policyLink ?? "Saiba mais"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(
-          Stack,
-          {
-            direction: { xs: "column", sm: "row" },
-            spacing: 1,
-            justifyContent: "flex-end",
-            children: [
-              /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: rejectAll, children: texts.declineAll }),
-              /* @__PURE__ */ jsx(Button, { variant: "contained", onClick: acceptAll, children: texts.acceptAll }),
-              /* @__PURE__ */ jsx(Button, { variant: "text", onClick: openPreferences, children: texts.preferences })
-            ]
-          }
-        ),
-        !hideBranding && /* @__PURE__ */ jsx(Branding, { variant: "banner" })
-      ] })
-    }
-  );
-  if (blocking) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Box,
-        {
-          sx: {
-            position: "fixed",
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            backgroundColor: "rgba(0, 0, 0, 0.5)",
-            zIndex: 1299
-            // Abaixo do banner mas acima do conteúdo
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Box,
-        {
-          sx: {
-            position: "fixed",
-            bottom: 0,
-            left: 0,
-            right: 0,
-            zIndex: 1300,
-            // Acima do overlay
-            p: 2
-          },
-          children: bannerContent
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsx(
-    Snackbar,
-    {
-      open,
-      anchorOrigin: { vertical: "bottom", horizontal: "center" },
-      ...SnackbarProps,
-      children: bannerContent
-    }
-  );
-}
-
-// src/components/FloatingPreferencesButton.tsx
-import CookieOutlined from "@mui/icons-material/CookieOutlined";
-import Fab from "@mui/material/Fab";
-import Tooltip from "@mui/material/Tooltip";
-import { useTheme } from "@mui/material/styles";
-import { jsx as jsx2 } from "react/jsx-runtime";
-function FloatingPreferencesButton({
-  position = "bottom-right",
-  offset = 24,
-  icon = /* @__PURE__ */ jsx2(CookieOutlined, {}),
-  tooltip,
-  FabProps,
-  hideWhenConsented = false
-}) {
-  const { openPreferences, consented } = useConsent();
-  const theme = useTheme();
-  if (hideWhenConsented && consented) {
-    return null;
-  }
-  const tooltipText = tooltip ?? "Gerenciar Prefer\xEAncias de Cookies";
-  const getPosition = () => {
-    const styles = {
-      position: "fixed",
-      zIndex: 1200
-    };
-    switch (position) {
-      case "bottom-left":
-        return { ...styles, bottom: offset, left: offset };
-      case "bottom-right":
-        return { ...styles, bottom: offset, right: offset };
-      case "top-left":
-        return { ...styles, top: offset, left: offset };
-      case "top-right":
-        return { ...styles, top: offset, right: offset };
-      default:
-        return { ...styles, bottom: offset, right: offset };
-    }
-  };
-  return /* @__PURE__ */ jsx2(Tooltip, { title: tooltipText, placement: "top", children: /* @__PURE__ */ jsx2(
-    Fab,
-    {
-      size: "medium",
-      color: "primary",
-      onClick: openPreferences,
-      sx: {
-        ...getPosition(),
-        backgroundColor: theme.palette.primary.main,
-        "&:hover": {
-          backgroundColor: theme.palette.primary.dark
-        }
-      },
-      "aria-label": tooltipText,
-      ...FabProps,
-      children: icon
-    }
-  ) });
-}
+  useConsentTexts
+} from "./chunk-R3IKVZBC.js";
 
 // src/utils/ConsentGate.tsx
-import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 function ConsentGate(props) {
   const { preferences } = useConsent();
   if (!preferences[props.category]) return null;
-  return /* @__PURE__ */ jsx3(Fragment2, { children: props.children });
+  return /* @__PURE__ */ jsx(Fragment, { children: props.children });
 }
 
 // src/utils/scriptLoader.ts
@@ -248,9 +82,6 @@ function ConsentScriptLoader({
             integration.init();
           }
           loadedScripts.current.add(integration.id);
-          console.log(
-            `\u2705 Script loaded: ${integration.id} (${integration.category})`
-          );
         } catch (error) {
           console.error(`\u274C Failed to load script: ${integration.id}`, error);
         }
@@ -287,9 +118,6 @@ function useConsentScriptLoader() {
         if (integration.init) {
           integration.init();
         }
-        console.log(
-          `\u2705 Script loaded: ${integration.id} (${integration.category})`
-        );
         return true;
       } catch (error) {
         console.error(`\u274C Failed to load script: ${integration.id}`, error);
@@ -341,8 +169,8 @@ function createGoogleTagManagerIntegration(config) {
 function createUserWayIntegration(config) {
   return {
     id: "userway",
-    category: "marketing",
-    // ou poderia ser uma categoria 'accessibility'
+    category: "functional",
+    // Categoria mais apropriada para acessibilidade
     src: `https://cdn.userway.org/widget.js`,
     init: () => {
       if (typeof window !== "undefined") {
@@ -363,9 +191,7 @@ export {
   ConsentGate,
   ConsentProvider,
   ConsentScriptLoader,
-  CookieBanner,
   DEFAULT_PROJECT_CATEGORIES,
-  FloatingPreferencesButton,
   PreferencesModal,
   analyzeDeveloperConfiguration,
   createGoogleAnalyticsIntegration,
@@ -378,6 +204,5 @@ export {
   useConsent,
   useConsentHydration,
   useConsentScriptLoader,
-  useConsentTexts,
-  useCustomCategories
+  useConsentTexts
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-lgpd-consent",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "description": "Biblioteca completa de consentimento LGPD com 6 categorias ANPD, integrações nativas e sistema extensível para React.",
   "keywords": [
     "lgpd",
@@ -61,6 +61,7 @@
     "lint": "eslint . --ext .ts,.tsx",
     "format": "prettier --write \"src/**/*.{ts,tsx,json,md}\" \"eslint.config.js\"",
     "type-check": "tsc --noEmit",
+    "test": "jest",
     "prepublishOnly": "npm run build"
   },
   "repository": {
@@ -86,9 +87,15 @@
     "js-cookie": "^3.0.5"
   },
   "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
     "@eslint/compat": "^1.3.2",
     "@mui/icons-material": "^7.3.1",
     "@mui/material": "^7.3.1",
+    "@testing-library/jest-dom": "^6.6.4",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^30.0.0",
     "@types/js-cookie": "^3.0.6",
     "@types/react": "^19.1.9",
     "@types/react-dom": "^19.1.7",
@@ -97,11 +104,15 @@
     "cross-env": "^10.0.0",
     "eslint": "^9.33.0",
     "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jest": "^29.0.1",
     "eslint-plugin-react-hooks": "^5.2.0",
+    "jest": "^30.0.5",
+    "jest-environment-jsdom": "^30.0.5",
     "prettier": "^3.6.2",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "rimraf": "^6.0.1",
+    "ts-jest": "^29.4.1",
     "tsup": "^8.5.0",
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.39.1"