react-lgpd-consent 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 @lucianoedipo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,251 @@
+# react-lgpd-consent 🍪
+
+[![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)](./LICENSE)
+[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue?style=for-the-badge&logo=typescript)](https://www.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/)
+
+> **Biblioteca completa de consentimento de cookies para React e Next.js em conformidade com a LGPD**
+
+Solução moderna, acessível e personalizável para gerenciar consentimento de cookies em aplicações React, com suporte completo a SSR, Material-UI e TypeScript.
+
+## ✨ 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
+- 🎨 **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.)
+
+## 🚀 Instalação
+
+```bash
+npm install react-lgpd-consent
+# ou
+yarn add react-lgpd-consent
+# ou
+pnpm add react-lgpd-consent
+```
+
+### Dependências
+
+```bash
+npm install @mui/material js-cookie
+```
+
+## 📖 Uso Básico
+
+### 1. Setup do Provider
+
+```tsx
+import { ConsentProvider } from 'react-lgpd-consent'
+
+function App() {
+  return (
+    <ConsentProvider>
+      <YourApp />
+    </ConsentProvider>
+  )
+}
+```
+
+### 2. Banner de Consentimento
+
+```tsx
+import { CookieBanner } from 'react-lgpd-consent'
+
+function Layout() {
+  return (
+    <>
+      <YourContent />
+      <CookieBanner policyLinkUrl="/politica-privacidade" />
+    </>
+  )
+}
+```
+
+### 3. Uso do Hook
+
+```tsx
+import { useConsent } from 'react-lgpd-consent'
+
+function MyComponent() {
+  const { consented, preferences, acceptAll, openPreferences } = useConsent()
+
+  return (
+    <div>
+      <p>Consentimento: {consented ? 'Dado' : 'Pendente'}</p>
+      <button onClick={acceptAll}>Aceitar Todos</button>
+      <button onClick={openPreferences}>Gerenciar Preferências</button>
+    </div>
+  )
+}
+```
+
+### 4. Carregamento Condicional de Scripts
+
+```tsx
+import { ConsentGate, loadScript } from 'react-lgpd-consent'
+
+function Analytics() {
+  return (
+    <ConsentGate category="analytics">
+      <GoogleAnalytics />
+    </ConsentGate>
+  )
+}
+
+// Ou carregando scripts dinamicamente
+function MyComponent() {
+  const { preferences } = useConsent()
+
+  useEffect(() => {
+    if (preferences.analytics) {
+      loadScript('ga', 'https://www.googletagmanager.com/gtag/js?id=GA_ID')
+    }
+  }, [preferences.analytics])
+}
+```
+
+## 🎨 Customização
+
+### Textos Personalizados
+
+```tsx
+<ConsentProvider
+  texts={{
+    bannerMessage: "Utilizamos cookies para melhorar sua experiência.",
+    acceptAll: "Aceitar Todos",
+    declineAll: "Recusar Opcionais",
+    preferences: "Configurar"
+  }}
+>
+```
+
+### Configuração do Cookie
+
+```tsx
+<ConsentProvider
+  cookie={{
+    name: 'meuSiteConsent',
+    maxAgeDays: 180,
+    sameSite: 'Strict'
+  }}
+>
+```
+
+### Callbacks
+
+```tsx
+<ConsentProvider
+  onConsentGiven={(state) => {
+    console.log('Consentimento dado:', state)
+    // Inicializar analytics, etc.
+  }}
+  onPreferencesSaved={(prefs) => {
+    console.log('Preferências salvas:', prefs)
+  }}
+>
+```
+
+## 🔧 API Completa
+
+### Components
+
+| Componente         | Descrição                              | Props Principais                                 |
+| ------------------ | -------------------------------------- | ------------------------------------------------ |
+| `ConsentProvider`  | Provider principal do contexto         | `initialState`, `texts`, `cookie`, callbacks     |
+| `CookieBanner`     | Banner de consentimento                | `policyLinkUrl`, `debug`, pass-through MUI props |
+| `PreferencesModal` | Modal de preferências detalhadas       | `DialogProps` (MUI pass-through)                 |
+| `ConsentGate`      | Renderização condicional por categoria | `category`, `children`                           |
+
+### Hook `useConsent()`
+
+```typescript
+interface ConsentContextValue {
+  consented: boolean // usuário já consentiu?
+  preferences: ConsentPreferences // preferências atuais
+  acceptAll(): void // aceitar todas as categorias
+  rejectAll(): void // recusar opcionais
+  setPreference(cat: Category, value: boolean): void // definir categoria específica
+  openPreferences(): void // abrir modal de preferências
+  closePreferences(): void // fechar modal
+  resetConsent(): void // resetar tudo
+}
+```
+
+### Utilitários
+
+- `loadScript(id, src, attrs?)` - Carrega scripts dinamicamente
+- Tipos TypeScript completos exportados
+
+## 🌐 SSR / Next.js
+
+Para evitar flash de conteúdo em SSR:
+
+```tsx
+// pages/_app.tsx (Next.js)
+function MyApp({ Component, pageProps }) {
+  return (
+    <ConsentProvider
+      initialState={{
+        consented: false,
+        preferences: { analytics: false, marketing: false },
+      }}
+    >
+      <Component {...pageProps} />
+    </ConsentProvider>
+  )
+}
+```
+
+## ♿ Acessibilidade
+
+A biblioteca segue as melhores práticas de acessibilidade:
+
+- ✅ Navegação por teclado (Tab, Enter, Escape)
+- ✅ Leitores de tela (`aria-labelledby`, `aria-describedby`)
+- ✅ Foco gerenciado automaticamente
+- ✅ Contrastes adequados
+- ✅ Estrutura semântica correta
+
+## 📚 Exemplos
+
+Confira exemplos completos no repositório:
+
+- [Básico com React](./examples/basic)
+- [Next.js com SSR](./examples/nextjs)
+- [Customização avançada](./examples/advanced)
+- [Integração com analytics](./examples/analytics)
+
+## 🤝 Contribuição
+
+Contribuições são bem-vindas! Por favor:
+
+1. Faça fork do projeto
+2. Crie uma branch para sua feature (`git checkout -b feature/AmazingFeature`)
+3. Commit suas mudanças (`git commit -m 'Add some AmazingFeature'`)
+4. Push para a branch (`git push origin feature/AmazingFeature`)
+5. Abra um Pull Request
+
+## 📄 Licença
+
+Este projeto está licenciado sob a Licença MIT - veja o arquivo [LICENSE](LICENSE) para detalhes.
+
+## 🙋‍♀️ Suporte
+
+- 📖 [Documentação](./docs)
+- 🐛 [Issues](https://github.com/lucianoedipo/react-lgpd-consent/issues)
+- 💬 [Discussões](https://github.com/lucianoedipo/react-lgpd-consent/discussions)
+
+---
+
+<div align="center">
+
+**Feito com ❤️ para a comunidade React brasileira**
+
+</div>

package/dist/index.cjs

@@ -0,0 +1,406 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ConsentGate: () => ConsentGate,
+  ConsentProvider: () => ConsentProvider,
+  CookieBanner: () => CookieBanner,
+  PreferencesModal: () => PreferencesModal,
+  loadScript: () => loadScript,
+  useConsent: () => useConsent,
+  useConsentTexts: () => useConsentTexts
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/CookieBanner.tsx
+var import_Button = __toESM(require("@mui/material/Button"), 1);
+var import_Link = __toESM(require("@mui/material/Link"), 1);
+var import_Paper = __toESM(require("@mui/material/Paper"), 1);
+var import_Snackbar = __toESM(require("@mui/material/Snackbar"), 1);
+var import_Stack = __toESM(require("@mui/material/Stack"), 1);
+var import_Typography = __toESM(require("@mui/material/Typography"), 1);
+
+// src/context/ConsentContext.tsx
+var React = __toESM(require("react"), 1);
+
+// src/utils/cookieUtils.ts
+var import_js_cookie = __toESM(require("js-cookie"), 1);
+var DEFAULT_COOKIE_OPTS = {
+  name: "cookieConsent",
+  maxAgeDays: 365,
+  sameSite: "Lax",
+  secure: true,
+  path: "/"
+};
+function readConsentCookie(name = DEFAULT_COOKIE_OPTS.name) {
+  if (typeof document === "undefined") return null;
+  const raw = import_js_cookie.default.get(name);
+  if (!raw) return null;
+  try {
+    return JSON.parse(raw);
+  } catch {
+    return null;
+  }
+}
+function writeConsentCookie(state, opts) {
+  if (typeof document === "undefined") return;
+  const o = { ...DEFAULT_COOKIE_OPTS, ...opts };
+  import_js_cookie.default.set(o.name, JSON.stringify(state), {
+    expires: o.maxAgeDays,
+    sameSite: o.sameSite,
+    secure: o.secure,
+    path: o.path
+  });
+}
+function removeConsentCookie(opts) {
+  if (typeof document === "undefined") return;
+  const o = { ...DEFAULT_COOKIE_OPTS, ...opts };
+  import_js_cookie.default.remove(o.name, { path: o.path });
+}
+
+// src/context/ConsentContext.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_PREFERENCES = {
+  analytics: false,
+  marketing: false
+};
+var DEFAULT_TEXTS = {
+  bannerMessage: "Utilizamos cookies para melhorar sua experi\xEAncia.",
+  acceptAll: "Aceitar todos",
+  declineAll: "Recusar",
+  preferences: "Prefer\xEAncias",
+  policyLink: "Saiba mais",
+  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)"
+};
+function reducer(state, action) {
+  switch (action.type) {
+    case "ACCEPT_ALL":
+      return {
+        consented: true,
+        preferences: { analytics: true, marketing: true },
+        isModalOpen: false
+      };
+    case "REJECT_ALL":
+      return {
+        consented: true,
+        preferences: { analytics: false, marketing: false },
+        isModalOpen: false
+      };
+    case "SET_CATEGORY":
+      return {
+        ...state,
+        preferences: {
+          ...state.preferences,
+          [action.category]: action.value
+        }
+      };
+    case "OPEN_MODAL":
+      return { ...state, isModalOpen: true };
+    case "CLOSE_MODAL":
+      return { ...state, isModalOpen: false, consented: true };
+    // houve interação
+    case "RESET":
+      return {
+        consented: false,
+        preferences: { ...DEFAULT_PREFERENCES },
+        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);
+function ConsentProvider({
+  initialState,
+  texts: textsProp,
+  onConsentGiven,
+  onPreferencesSaved,
+  cookie: cookieOpts,
+  children
+}) {
+  const texts = React.useMemo(
+    () => ({ ...DEFAULT_TEXTS, ...textsProp ?? {} }),
+    [textsProp]
+  );
+  const cookie = React.useMemo(
+    () => ({ ...DEFAULT_COOKIE_OPTS, ...cookieOpts ?? {} }),
+    [cookieOpts]
+  );
+  const boot = React.useMemo(() => {
+    if (initialState) return { ...initialState, isModalOpen: false };
+    const saved = readConsentCookie(cookie.name);
+    return saved ?? {
+      consented: false,
+      preferences: { ...DEFAULT_PREFERENCES },
+      isModalOpen: false
+    };
+  }, [initialState, cookie.name]);
+  const [state, dispatch] = React.useReducer(reducer, boot);
+  React.useEffect(() => {
+    if (state.consented) writeConsentCookie(state, cookie);
+  }, [state, cookie]);
+  const prevConsented = React.useRef(state.consented);
+  React.useEffect(() => {
+    if (!prevConsented.current && state.consented && onConsentGiven)
+      onConsentGiven(state);
+    prevConsented.current = state.consented;
+  }, [state, onConsentGiven]);
+  const prevPrefs = React.useRef(state.preferences);
+  React.useEffect(() => {
+    if (state.consented && onPreferencesSaved && prevPrefs.current !== state.preferences) {
+      onPreferencesSaved(state.preferences);
+      prevPrefs.current = state.preferences;
+    }
+  }, [state, onPreferencesSaved]);
+  const api = React.useMemo(() => {
+    const acceptAll = () => dispatch({ type: "ACCEPT_ALL" });
+    const rejectAll = () => dispatch({ type: "REJECT_ALL" });
+    const setPreference = (category, value) => dispatch({ type: "SET_CATEGORY", category, value });
+    const openPreferences = () => dispatch({ type: "OPEN_MODAL" });
+    const closePreferences = () => dispatch({ type: "CLOSE_MODAL" });
+    const resetConsent = () => {
+      removeConsentCookie(cookie);
+      dispatch({ type: "RESET" });
+    };
+    return {
+      consented: !!state.consented,
+      preferences: state.preferences,
+      acceptAll,
+      rejectAll,
+      setPreference,
+      openPreferences,
+      closePreferences,
+      resetConsent
+    };
+  }, [state, cookie]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StateCtx.Provider, { value: state, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionsCtx.Provider, { value: api, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextsCtx.Provider, { value: texts, children }) }) });
+}
+function useConsentStateInternal() {
+  const ctx = React.useContext(StateCtx);
+  if (!ctx)
+    throw new Error("useConsentState must be used within ConsentProvider");
+  return ctx;
+}
+function useConsentActionsInternal() {
+  const ctx = React.useContext(ActionsCtx);
+  if (!ctx)
+    throw new Error("useConsentActions must be used within ConsentProvider");
+  return ctx;
+}
+function useConsentTextsInternal() {
+  const ctx = React.useContext(TextsCtx);
+  return ctx;
+}
+
+// src/hooks/useConsent.ts
+function useConsent() {
+  const state = useConsentStateInternal();
+  const actions = useConsentActionsInternal();
+  return {
+    consented: state.consented,
+    preferences: state.preferences,
+    acceptAll: actions.acceptAll,
+    rejectAll: actions.rejectAll,
+    setPreference: actions.setPreference,
+    openPreferences: actions.openPreferences,
+    closePreferences: actions.closePreferences,
+    resetConsent: actions.resetConsent
+  };
+}
+function useConsentTexts() {
+  return useConsentTextsInternal();
+}
+
+// src/components/CookieBanner.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function CookieBanner({
+  policyLinkUrl,
+  debug,
+  SnackbarProps,
+  PaperProps
+}) {
+  const { consented, acceptAll, rejectAll, openPreferences } = useConsent();
+  const texts = useConsentTexts();
+  const open = debug ? true : !consented;
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_Snackbar.default,
+    {
+      open,
+      anchorOrigin: { vertical: "bottom", horizontal: "center" },
+      ...SnackbarProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_Paper.default,
+        {
+          elevation: 3,
+          sx: { p: 2, maxWidth: 720, mx: "auto" },
+          ...PaperProps,
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_Stack.default, { spacing: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_Typography.default, { variant: "body2", children: [
+              texts.bannerMessage,
+              " ",
+              policyLinkUrl && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_Link.default,
+                {
+                  href: policyLinkUrl,
+                  underline: "hover",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  children: texts.policyLink ?? "Saiba mais"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              import_Stack.default,
+              {
+                direction: { xs: "column", sm: "row" },
+                spacing: 1,
+                justifyContent: "flex-end",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Button.default, { variant: "outlined", onClick: rejectAll, children: texts.declineAll }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Button.default, { variant: "contained", onClick: acceptAll, children: texts.acceptAll }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Button.default, { variant: "text", onClick: openPreferences, children: texts.preferences })
+                ]
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+
+// src/components/PreferencesModal.tsx
+var import_Button2 = __toESM(require("@mui/material/Button"), 1);
+var import_Dialog = __toESM(require("@mui/material/Dialog"), 1);
+var import_DialogActions = __toESM(require("@mui/material/DialogActions"), 1);
+var import_DialogContent = __toESM(require("@mui/material/DialogContent"), 1);
+var import_DialogTitle = __toESM(require("@mui/material/DialogTitle"), 1);
+var import_FormControlLabel = __toESM(require("@mui/material/FormControlLabel"), 1);
+var import_FormGroup = __toESM(require("@mui/material/FormGroup"), 1);
+var import_Switch = __toESM(require("@mui/material/Switch"), 1);
+var import_Typography2 = __toESM(require("@mui/material/Typography"), 1);
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function PreferencesModal({
+  DialogProps: DialogProps2
+}) {
+  const { preferences, setPreference, closePreferences } = useConsent();
+  const texts = useConsentTexts();
+  const open = (DialogProps2 && "open" in DialogProps2 ? DialogProps2.open : void 0) ?? true;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_Dialog.default,
+    {
+      "aria-labelledby": "cookie-pref-title",
+      open,
+      onClose: closePreferences,
+      ...DialogProps2,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_DialogTitle.default, { id: "cookie-pref-title", children: texts.modalTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_DialogContent.default, { dividers: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Typography2.default, { variant: "body2", sx: { mb: 2 }, children: texts.modalIntro }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_FormGroup.default, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              import_FormControlLabel.default,
+              {
+                control: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  import_Switch.default,
+                  {
+                    checked: preferences.analytics,
+                    onChange: (e) => setPreference("analytics", e.target.checked)
+                  }
+                ),
+                label: "Cookies Anal\xEDticos (medem uso do site)"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              import_FormControlLabel.default,
+              {
+                control: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  import_Switch.default,
+                  {
+                    checked: preferences.marketing,
+                    onChange: (e) => setPreference("marketing", e.target.checked)
+                  }
+                ),
+                label: "Cookies de Marketing/Publicidade"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              import_FormControlLabel.default,
+              {
+                control: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Switch.default, { checked: true, disabled: true }),
+                label: texts.necessaryAlwaysOn
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_DialogActions.default, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Button2.default, { variant: "contained", onClick: closePreferences, children: texts.save }) })
+      ]
+    }
+  );
+}
+
+// src/utils/ConsentGate.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function ConsentGate(props) {
+  const { preferences } = useConsent();
+  if (!preferences[props.category]) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: props.children });
+}
+
+// src/utils/scriptLoader.ts
+function loadScript(id, src, attrs = {}) {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(id)) return;
+  const s = document.createElement("script");
+  s.id = id;
+  s.src = src;
+  s.async = true;
+  for (const [k, v] of Object.entries(attrs)) s.setAttribute(k, v);
+  document.body.appendChild(s);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConsentGate,
+  ConsentProvider,
+  CookieBanner,
+  PreferencesModal,
+  loadScript,
+  useConsent,
+  useConsentTexts
+});

package/dist/index.d.cts

@@ -0,0 +1,125 @@
+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 * as React$1 from 'react';
+
+interface CookieBannerProps {
+    policyLinkUrl?: string;
+    debug?: boolean;
+    SnackbarProps?: Partial<SnackbarProps>;
+    PaperProps?: Partial<PaperProps>;
+}
+declare function CookieBanner({ policyLinkUrl, debug, SnackbarProps, PaperProps, }: Readonly<CookieBannerProps>): react_jsx_runtime.JSX.Element | null;
+
+interface PreferencesModalProps {
+    DialogProps?: Partial<DialogProps>;
+}
+declare function PreferencesModal({ DialogProps, }: Readonly<PreferencesModalProps>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Categoria de consentimento para cookies.
+ * Pode ser 'analytics' ou 'marketing'.
+ */
+type Category = 'analytics' | 'marketing';
+/**
+ * Preferências de consentimento do usuário para cada categoria.
+ */
+interface ConsentPreferences {
+    analytics: boolean;
+    marketing: boolean;
+}
+/**
+ * Estado geral do consentimento, incluindo se o usuário consentiu,
+ * suas preferências e se o modal está aberto.
+ */
+interface ConsentState {
+    consented: boolean;
+    preferences: ConsentPreferences;
+    isModalOpen?: boolean;
+}
+/**
+ * Textos utilizados na interface de consentimento.
+ */
+interface ConsentTexts {
+    bannerMessage: string;
+    acceptAll: string;
+    declineAll: string;
+    preferences: string;
+    policyLink?: string;
+    modalTitle: string;
+    modalIntro: string;
+    save: string;
+    necessaryAlwaysOn: string;
+}
+/**
+ * Opções para configuração do cookie de consentimento.
+ */
+interface ConsentCookieOptions {
+    /** Nome do cookie. Padrão: 'cookieConsent' */
+    name: string;
+    /** Tempo de expiração em dias. Padrão: 365 */
+    maxAgeDays: number;
+    /** Política SameSite do cookie. */
+    sameSite: 'Lax' | 'Strict';
+    /** Se o cookie deve ser seguro (HTTPS). Padrão: true */
+    secure: boolean;
+    /** Caminho do cookie. Padrão: '/' */
+    path: string;
+}
+/**
+ * Propriedades aceitas pelo componente ConsentProvider.
+ */
+interface ConsentProviderProps {
+    /** Estado inicial do consentimento. */
+    initialState?: ConsentState;
+    /** Textos customizados para a interface. */
+    texts?: Partial<ConsentTexts>;
+    /** Callback chamado quando o consentimento é dado. */
+    onConsentGiven?: (state: ConsentState) => void;
+    /** Callback chamado ao salvar preferências. */
+    onPreferencesSaved?: (prefs: ConsentPreferences) => void;
+    /** Configurações customizadas do cookie. */
+    cookie?: Partial<ConsentCookieOptions>;
+    /** Elementos filhos do provider. */
+    children: React.ReactNode;
+}
+/**
+ * Valor do contexto de consentimento, incluindo estado e métodos de manipulação.
+ */
+interface ConsentContextValue {
+    /** Indica se o usuário consentiu. */
+    consented: boolean;
+    /** Preferências atuais do usuário. */
+    preferences: ConsentPreferences;
+    /** Aceita todas as categorias de consentimento. */
+    acceptAll: () => void;
+    /** Rejeita todas as categorias de consentimento. */
+    rejectAll: () => void;
+    /** Define a preferência para uma categoria específica. */
+    setPreference: (cat: Category, value: boolean) => void;
+    /** Abre o modal de preferências. */
+    openPreferences: () => void;
+    /** Fecha o modal de preferências. */
+    closePreferences: () => void;
+    /** Reseta o consentimento do usuário. */
+    resetConsent: () => void;
+}
+
+declare function ConsentProvider({ initialState, texts: textsProp, onConsentGiven, onPreferencesSaved, cookie: cookieOpts, children, }: Readonly<ConsentProviderProps>): react_jsx_runtime.JSX.Element;
+
+declare function useConsent(): ConsentContextValue;
+/**
+ * Hook para acessar textos customizados do ConsentProvider.
+ * Útil para componentes personalizados que precisam dos textos configurados.
+ */
+declare function useConsentTexts(): ConsentTexts;
+
+declare function ConsentGate(props: Readonly<{
+    category: Category;
+    children: React$1.ReactNode;
+}>): react_jsx_runtime.JSX.Element | null;
+
+declare function loadScript(id: string, src: string, attrs?: Record<string, string>): void;
+
+export { type Category, type ConsentCookieOptions, ConsentGate, type ConsentPreferences, ConsentProvider, type ConsentState, type ConsentTexts, CookieBanner, PreferencesModal, loadScript, useConsent, useConsentTexts };

package/dist/index.d.ts

@@ -0,0 +1,125 @@
+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 * as React$1 from 'react';
+
+interface CookieBannerProps {
+    policyLinkUrl?: string;
+    debug?: boolean;
+    SnackbarProps?: Partial<SnackbarProps>;
+    PaperProps?: Partial<PaperProps>;
+}
+declare function CookieBanner({ policyLinkUrl, debug, SnackbarProps, PaperProps, }: Readonly<CookieBannerProps>): react_jsx_runtime.JSX.Element | null;
+
+interface PreferencesModalProps {
+    DialogProps?: Partial<DialogProps>;
+}
+declare function PreferencesModal({ DialogProps, }: Readonly<PreferencesModalProps>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Categoria de consentimento para cookies.
+ * Pode ser 'analytics' ou 'marketing'.
+ */
+type Category = 'analytics' | 'marketing';
+/**
+ * Preferências de consentimento do usuário para cada categoria.
+ */
+interface ConsentPreferences {
+    analytics: boolean;
+    marketing: boolean;
+}
+/**
+ * Estado geral do consentimento, incluindo se o usuário consentiu,
+ * suas preferências e se o modal está aberto.
+ */
+interface ConsentState {
+    consented: boolean;
+    preferences: ConsentPreferences;
+    isModalOpen?: boolean;
+}
+/**
+ * Textos utilizados na interface de consentimento.
+ */
+interface ConsentTexts {
+    bannerMessage: string;
+    acceptAll: string;
+    declineAll: string;
+    preferences: string;
+    policyLink?: string;
+    modalTitle: string;
+    modalIntro: string;
+    save: string;
+    necessaryAlwaysOn: string;
+}
+/**
+ * Opções para configuração do cookie de consentimento.
+ */
+interface ConsentCookieOptions {
+    /** Nome do cookie. Padrão: 'cookieConsent' */
+    name: string;
+    /** Tempo de expiração em dias. Padrão: 365 */
+    maxAgeDays: number;
+    /** Política SameSite do cookie. */
+    sameSite: 'Lax' | 'Strict';
+    /** Se o cookie deve ser seguro (HTTPS). Padrão: true */
+    secure: boolean;
+    /** Caminho do cookie. Padrão: '/' */
+    path: string;
+}
+/**
+ * Propriedades aceitas pelo componente ConsentProvider.
+ */
+interface ConsentProviderProps {
+    /** Estado inicial do consentimento. */
+    initialState?: ConsentState;
+    /** Textos customizados para a interface. */
+    texts?: Partial<ConsentTexts>;
+    /** Callback chamado quando o consentimento é dado. */
+    onConsentGiven?: (state: ConsentState) => void;
+    /** Callback chamado ao salvar preferências. */
+    onPreferencesSaved?: (prefs: ConsentPreferences) => void;
+    /** Configurações customizadas do cookie. */
+    cookie?: Partial<ConsentCookieOptions>;
+    /** Elementos filhos do provider. */
+    children: React.ReactNode;
+}
+/**
+ * Valor do contexto de consentimento, incluindo estado e métodos de manipulação.
+ */
+interface ConsentContextValue {
+    /** Indica se o usuário consentiu. */
+    consented: boolean;
+    /** Preferências atuais do usuário. */
+    preferences: ConsentPreferences;
+    /** Aceita todas as categorias de consentimento. */
+    acceptAll: () => void;
+    /** Rejeita todas as categorias de consentimento. */
+    rejectAll: () => void;
+    /** Define a preferência para uma categoria específica. */
+    setPreference: (cat: Category, value: boolean) => void;
+    /** Abre o modal de preferências. */
+    openPreferences: () => void;
+    /** Fecha o modal de preferências. */
+    closePreferences: () => void;
+    /** Reseta o consentimento do usuário. */
+    resetConsent: () => void;
+}
+
+declare function ConsentProvider({ initialState, texts: textsProp, onConsentGiven, onPreferencesSaved, cookie: cookieOpts, children, }: Readonly<ConsentProviderProps>): react_jsx_runtime.JSX.Element;
+
+declare function useConsent(): ConsentContextValue;
+/**
+ * Hook para acessar textos customizados do ConsentProvider.
+ * Útil para componentes personalizados que precisam dos textos configurados.
+ */
+declare function useConsentTexts(): ConsentTexts;
+
+declare function ConsentGate(props: Readonly<{
+    category: Category;
+    children: React$1.ReactNode;
+}>): react_jsx_runtime.JSX.Element | null;
+
+declare function loadScript(id: string, src: string, attrs?: Record<string, string>): void;
+
+export { type Category, type ConsentCookieOptions, ConsentGate, type ConsentPreferences, ConsentProvider, type ConsentState, type ConsentTexts, CookieBanner, PreferencesModal, loadScript, useConsent, useConsentTexts };

package/dist/index.js

@@ -0,0 +1,363 @@
+// src/components/CookieBanner.tsx
+import Button from "@mui/material/Button";
+import Link from "@mui/material/Link";
+import Paper from "@mui/material/Paper";
+import Snackbar from "@mui/material/Snackbar";
+import Stack from "@mui/material/Stack";
+import Typography from "@mui/material/Typography";
+
+// src/context/ConsentContext.tsx
+import * as React from "react";
+
+// src/utils/cookieUtils.ts
+import Cookies from "js-cookie";
+var DEFAULT_COOKIE_OPTS = {
+  name: "cookieConsent",
+  maxAgeDays: 365,
+  sameSite: "Lax",
+  secure: true,
+  path: "/"
+};
+function readConsentCookie(name = DEFAULT_COOKIE_OPTS.name) {
+  if (typeof document === "undefined") return null;
+  const raw = Cookies.get(name);
+  if (!raw) return null;
+  try {
+    return JSON.parse(raw);
+  } catch {
+    return null;
+  }
+}
+function writeConsentCookie(state, opts) {
+  if (typeof document === "undefined") return;
+  const o = { ...DEFAULT_COOKIE_OPTS, ...opts };
+  Cookies.set(o.name, JSON.stringify(state), {
+    expires: o.maxAgeDays,
+    sameSite: o.sameSite,
+    secure: o.secure,
+    path: o.path
+  });
+}
+function removeConsentCookie(opts) {
+  if (typeof document === "undefined") return;
+  const o = { ...DEFAULT_COOKIE_OPTS, ...opts };
+  Cookies.remove(o.name, { path: o.path });
+}
+
+// src/context/ConsentContext.tsx
+import { jsx } from "react/jsx-runtime";
+var DEFAULT_PREFERENCES = {
+  analytics: false,
+  marketing: false
+};
+var DEFAULT_TEXTS = {
+  bannerMessage: "Utilizamos cookies para melhorar sua experi\xEAncia.",
+  acceptAll: "Aceitar todos",
+  declineAll: "Recusar",
+  preferences: "Prefer\xEAncias",
+  policyLink: "Saiba mais",
+  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)"
+};
+function reducer(state, action) {
+  switch (action.type) {
+    case "ACCEPT_ALL":
+      return {
+        consented: true,
+        preferences: { analytics: true, marketing: true },
+        isModalOpen: false
+      };
+    case "REJECT_ALL":
+      return {
+        consented: true,
+        preferences: { analytics: false, marketing: false },
+        isModalOpen: false
+      };
+    case "SET_CATEGORY":
+      return {
+        ...state,
+        preferences: {
+          ...state.preferences,
+          [action.category]: action.value
+        }
+      };
+    case "OPEN_MODAL":
+      return { ...state, isModalOpen: true };
+    case "CLOSE_MODAL":
+      return { ...state, isModalOpen: false, consented: true };
+    // houve interação
+    case "RESET":
+      return {
+        consented: false,
+        preferences: { ...DEFAULT_PREFERENCES },
+        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);
+function ConsentProvider({
+  initialState,
+  texts: textsProp,
+  onConsentGiven,
+  onPreferencesSaved,
+  cookie: cookieOpts,
+  children
+}) {
+  const texts = React.useMemo(
+    () => ({ ...DEFAULT_TEXTS, ...textsProp ?? {} }),
+    [textsProp]
+  );
+  const cookie = React.useMemo(
+    () => ({ ...DEFAULT_COOKIE_OPTS, ...cookieOpts ?? {} }),
+    [cookieOpts]
+  );
+  const boot = React.useMemo(() => {
+    if (initialState) return { ...initialState, isModalOpen: false };
+    const saved = readConsentCookie(cookie.name);
+    return saved ?? {
+      consented: false,
+      preferences: { ...DEFAULT_PREFERENCES },
+      isModalOpen: false
+    };
+  }, [initialState, cookie.name]);
+  const [state, dispatch] = React.useReducer(reducer, boot);
+  React.useEffect(() => {
+    if (state.consented) writeConsentCookie(state, cookie);
+  }, [state, cookie]);
+  const prevConsented = React.useRef(state.consented);
+  React.useEffect(() => {
+    if (!prevConsented.current && state.consented && onConsentGiven)
+      onConsentGiven(state);
+    prevConsented.current = state.consented;
+  }, [state, onConsentGiven]);
+  const prevPrefs = React.useRef(state.preferences);
+  React.useEffect(() => {
+    if (state.consented && onPreferencesSaved && prevPrefs.current !== state.preferences) {
+      onPreferencesSaved(state.preferences);
+      prevPrefs.current = state.preferences;
+    }
+  }, [state, onPreferencesSaved]);
+  const api = React.useMemo(() => {
+    const acceptAll = () => dispatch({ type: "ACCEPT_ALL" });
+    const rejectAll = () => dispatch({ type: "REJECT_ALL" });
+    const setPreference = (category, value) => dispatch({ type: "SET_CATEGORY", category, value });
+    const openPreferences = () => dispatch({ type: "OPEN_MODAL" });
+    const closePreferences = () => dispatch({ type: "CLOSE_MODAL" });
+    const resetConsent = () => {
+      removeConsentCookie(cookie);
+      dispatch({ type: "RESET" });
+    };
+    return {
+      consented: !!state.consented,
+      preferences: state.preferences,
+      acceptAll,
+      rejectAll,
+      setPreference,
+      openPreferences,
+      closePreferences,
+      resetConsent
+    };
+  }, [state, cookie]);
+  return /* @__PURE__ */ jsx(StateCtx.Provider, { value: state, children: /* @__PURE__ */ jsx(ActionsCtx.Provider, { value: api, children: /* @__PURE__ */ jsx(TextsCtx.Provider, { value: texts, children }) }) });
+}
+function useConsentStateInternal() {
+  const ctx = React.useContext(StateCtx);
+  if (!ctx)
+    throw new Error("useConsentState must be used within ConsentProvider");
+  return ctx;
+}
+function useConsentActionsInternal() {
+  const ctx = React.useContext(ActionsCtx);
+  if (!ctx)
+    throw new Error("useConsentActions must be used within ConsentProvider");
+  return ctx;
+}
+function useConsentTextsInternal() {
+  const ctx = React.useContext(TextsCtx);
+  return ctx;
+}
+
+// src/hooks/useConsent.ts
+function useConsent() {
+  const state = useConsentStateInternal();
+  const actions = useConsentActionsInternal();
+  return {
+    consented: state.consented,
+    preferences: state.preferences,
+    acceptAll: actions.acceptAll,
+    rejectAll: actions.rejectAll,
+    setPreference: actions.setPreference,
+    openPreferences: actions.openPreferences,
+    closePreferences: actions.closePreferences,
+    resetConsent: actions.resetConsent
+  };
+}
+function useConsentTexts() {
+  return useConsentTextsInternal();
+}
+
+// src/components/CookieBanner.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function CookieBanner({
+  policyLinkUrl,
+  debug,
+  SnackbarProps,
+  PaperProps
+}) {
+  const { consented, acceptAll, rejectAll, openPreferences } = useConsent();
+  const texts = useConsentTexts();
+  const open = debug ? true : !consented;
+  if (!open) return null;
+  return /* @__PURE__ */ jsx2(
+    Snackbar,
+    {
+      open,
+      anchorOrigin: { vertical: "bottom", horizontal: "center" },
+      ...SnackbarProps,
+      children: /* @__PURE__ */ jsx2(
+        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__ */ jsx2(
+                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__ */ jsx2(Button, { variant: "outlined", onClick: rejectAll, children: texts.declineAll }),
+                  /* @__PURE__ */ jsx2(Button, { variant: "contained", onClick: acceptAll, children: texts.acceptAll }),
+                  /* @__PURE__ */ jsx2(Button, { variant: "text", onClick: openPreferences, children: texts.preferences })
+                ]
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+
+// src/components/PreferencesModal.tsx
+import Button2 from "@mui/material/Button";
+import Dialog from "@mui/material/Dialog";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogTitle from "@mui/material/DialogTitle";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import FormGroup from "@mui/material/FormGroup";
+import Switch from "@mui/material/Switch";
+import Typography2 from "@mui/material/Typography";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function PreferencesModal({
+  DialogProps: DialogProps2
+}) {
+  const { preferences, setPreference, closePreferences } = useConsent();
+  const texts = useConsentTexts();
+  const open = (DialogProps2 && "open" in DialogProps2 ? DialogProps2.open : void 0) ?? true;
+  return /* @__PURE__ */ jsxs2(
+    Dialog,
+    {
+      "aria-labelledby": "cookie-pref-title",
+      open,
+      onClose: closePreferences,
+      ...DialogProps2,
+      children: [
+        /* @__PURE__ */ jsx3(DialogTitle, { id: "cookie-pref-title", children: texts.modalTitle }),
+        /* @__PURE__ */ jsxs2(DialogContent, { dividers: true, children: [
+          /* @__PURE__ */ jsx3(Typography2, { variant: "body2", sx: { mb: 2 }, children: texts.modalIntro }),
+          /* @__PURE__ */ jsxs2(FormGroup, { children: [
+            /* @__PURE__ */ jsx3(
+              FormControlLabel,
+              {
+                control: /* @__PURE__ */ jsx3(
+                  Switch,
+                  {
+                    checked: preferences.analytics,
+                    onChange: (e) => setPreference("analytics", e.target.checked)
+                  }
+                ),
+                label: "Cookies Anal\xEDticos (medem uso do site)"
+              }
+            ),
+            /* @__PURE__ */ jsx3(
+              FormControlLabel,
+              {
+                control: /* @__PURE__ */ jsx3(
+                  Switch,
+                  {
+                    checked: preferences.marketing,
+                    onChange: (e) => setPreference("marketing", e.target.checked)
+                  }
+                ),
+                label: "Cookies de Marketing/Publicidade"
+              }
+            ),
+            /* @__PURE__ */ jsx3(
+              FormControlLabel,
+              {
+                control: /* @__PURE__ */ jsx3(Switch, { checked: true, disabled: true }),
+                label: texts.necessaryAlwaysOn
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx3(DialogActions, { children: /* @__PURE__ */ jsx3(Button2, { variant: "contained", onClick: closePreferences, children: texts.save }) })
+      ]
+    }
+  );
+}
+
+// src/utils/ConsentGate.tsx
+import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
+function ConsentGate(props) {
+  const { preferences } = useConsent();
+  if (!preferences[props.category]) return null;
+  return /* @__PURE__ */ jsx4(Fragment, { children: props.children });
+}
+
+// src/utils/scriptLoader.ts
+function loadScript(id, src, attrs = {}) {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(id)) return;
+  const s = document.createElement("script");
+  s.id = id;
+  s.src = src;
+  s.async = true;
+  for (const [k, v] of Object.entries(attrs)) s.setAttribute(k, v);
+  document.body.appendChild(s);
+}
+export {
+  ConsentGate,
+  ConsentProvider,
+  CookieBanner,
+  PreferencesModal,
+  loadScript,
+  useConsent,
+  useConsentTexts
+};

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "react-lgpd-consent",
+  "version": "0.1.0",
+  "description": "Biblioteca de consentimento de cookies (LGPD) para React e Next.js, com contexto, banner e modal personalizáveis usando MUI.",
+  "keywords": [
+    "lgpd",
+    "cookie",
+    "consent",
+    "react",
+    "nextjs",
+    "material-ui",
+    "mui",
+    "typescript",
+    "ssr",
+    "js-cookie",
+    "consentimento",
+    "privacidade",
+    "acessibilidade"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": {
+    "name": "Luciano Édipo",
+    "email": "luciano.psilva@anpd.gov.br",
+    "url": "https://github.com/lucianoedipo"
+  },
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "engines": {
+    "node": ">=18.18"
+  },
+  "packageManager": "pnpm@9.0.0",
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "cross-env NODE_ENV=production tsup src/index.ts --format esm,cjs --dts --clean",
+    "dev": "cross-env NODE_ENV=development tsup src/index.ts --format esm,cjs --dts --watch",
+    "lint": "eslint . --ext .ts,.tsx",
+    "format": "prettier --write \"src/**/*.{ts,tsx,json,md}\"",
+    "type-check": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lucianoedipo/react-lgpd-consent.git"
+  },
+  "bugs": {
+    "url": "https://github.com/lucianoedipo/react-lgpd-consent/issues"
+  },
+  "homepage": "https://github.com/lucianoedipo/react-lgpd-consent#readme",
+  "peerDependencies": {
+    "@mui/material": "^7.0.0 || ^6.0.0 || ^5.15.0",
+    "@mui/icons-material": "^7.0.0 || ^6.0.0 || ^5.15.0",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@mui/icons-material": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "js-cookie": "^3.0.5"
+  },
+  "devDependencies": {
+    "@types/js-cookie": "^3.0.6",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@mui/material": "^7.3.1",
+    "@mui/icons-material": "^7.3.1",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "cross-env": "^10.0.0",
+    "eslint": "^9.33.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "prettier": "^3.6.2",
+    "rimraf": "^6.0.1",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.2"
+  }
+}