react-lgpd-consent 0.2.4 → 0.3.0

package/dist/index.cjs

@@ -30,6 +30,208 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// src/utils/developerGuidance.ts
+function analyzeDeveloperConfiguration(config) {
+  const guidance = {
+    warnings: [],
+    suggestions: [],
+    activeCategoriesInfo: [],
+    usingDefaults: !config
+  };
+  const finalConfig = config || DEFAULT_PROJECT_CATEGORIES;
+  if (!config) {
+    guidance.warnings.push(
+      'LGPD-CONSENT: Nenhuma configura\xE7\xE3o de categorias especificada. Usando padr\xE3o: necessary + analytics. Para produ\xE7\xE3o, recomenda-se especificar explicitamente as categorias via prop "categories".'
+    );
+  }
+  guidance.activeCategoriesInfo.push({
+    id: "necessary",
+    name: "Cookies Necess\xE1rios",
+    description: "Essenciais para funcionamento b\xE1sico do site",
+    essential: true,
+    uiRequired: false
+    // Não precisa de toggle (sempre ativo)
+  });
+  const enabledCategories = finalConfig.enabledCategories || [];
+  const categoryNames = {
+    analytics: {
+      name: "Cookies Anal\xEDticos",
+      description: "Medem uso e performance do site"
+    },
+    functional: {
+      name: "Cookies Funcionais",
+      description: "Melhoram experi\xEAncia e funcionalidades"
+    },
+    marketing: {
+      name: "Cookies de Marketing",
+      description: "Publicidade direcionada e campanhas"
+    },
+    social: {
+      name: "Cookies de Redes Sociais",
+      description: "Integra\xE7\xE3o com plataformas sociais"
+    },
+    personalization: {
+      name: "Cookies de Personaliza\xE7\xE3o",
+      description: "Adaptam conte\xFAdo \xE0s prefer\xEAncias do usu\xE1rio"
+    }
+  };
+  enabledCategories.forEach((categoryId) => {
+    const categoryInfo = categoryNames[categoryId];
+    if (categoryInfo) {
+      guidance.activeCategoriesInfo.push({
+        id: categoryId,
+        name: categoryInfo.name,
+        description: categoryInfo.description,
+        essential: false,
+        uiRequired: true
+        // Precisa de toggle na UI
+      });
+    }
+  });
+  const totalToggleable = guidance.activeCategoriesInfo.filter(
+    (c) => c.uiRequired
+  ).length;
+  if (totalToggleable === 0) {
+    guidance.suggestions.push(
+      'Apenas cookies necess\xE1rios est\xE3o configurados. Para compliance completo LGPD, considere adicionar categorias como "analytics" ou "functional" conforme uso real.'
+    );
+  }
+  if (totalToggleable > 5) {
+    guidance.warnings.push(
+      `${totalToggleable} categorias opcionais detectadas. UI com muitas op\xE7\xF5es pode ' +
+      'prejudicar experi\xEAncia do usu\xE1rio. Considere agrupar categorias similares.`
+    );
+  }
+  return guidance;
+}
+function logDeveloperGuidance(guidance, disableGuidanceProp) {
+  if (disableGuidanceProp) {
+    return;
+  }
+  const isProduction = (
+    // 1. NODE_ENV de bundlers (Vite, webpack, etc.)
+    typeof globalThis.process !== "undefined" && globalThis.process.env?.NODE_ENV === "production" || // 2. Flag customizada para desabilitar logs
+    typeof globalThis !== "undefined" && globalThis.__LGPD_PRODUCTION__ === true || // 3. Flag de desenvolvimento desabilitada via window global (legado)
+    typeof window !== "undefined" && window.__LGPD_DISABLE_GUIDANCE__ === true
+  );
+  if (isProduction) return;
+  const PREFIX = "[\u{1F36A} LGPD-CONSENT]";
+  if (guidance.warnings.length > 0) {
+    console.group(`${PREFIX} \u26A0\uFE0F  Avisos de Configura\xE7\xE3o`);
+    guidance.warnings.forEach((warning) => console.warn(`${PREFIX} ${warning}`));
+    console.groupEnd();
+  }
+  if (guidance.suggestions.length > 0) {
+    console.group(`${PREFIX} \u{1F4A1} Sugest\xF5es`);
+    guidance.suggestions.forEach(
+      (suggestion) => console.info(`${PREFIX} ${suggestion}`)
+    );
+    console.groupEnd();
+  }
+  if (guidance.usingDefaults) {
+    console.warn(
+      // Changed from console.info to console.warn
+      `${PREFIX} \u{1F4CB} Usando configura\xE7\xE3o padr\xE3o. Para personalizar, use a prop "categories" no ConsentProvider.`
+    );
+  }
+  console.group(`${PREFIX} \u{1F527} Categorias Ativas (para UI customizada)`);
+  console.table(
+    guidance.activeCategoriesInfo.map((cat) => ({
+      ID: cat.id,
+      Nome: cat.name,
+      "Toggle UI?": cat.uiRequired ? "\u2705 SIM" : "\u274C N\xC3O (sempre ativo)",
+      "Essencial?": cat.essential ? "\u{1F512} SIM" : "\u2699\uFE0F N\xC3O"
+    }))
+  );
+  console.info(
+    `${PREFIX} \u2139\uFE0F  Use estes dados para criar componentes customizados adequados.`
+  );
+  console.groupEnd();
+}
+function useDeveloperGuidance(config, disableGuidanceProp) {
+  const guidance = analyzeDeveloperConfiguration(config);
+  const stringifiedConfig = React.useMemo(
+    () => JSON.stringify(config),
+    [config]
+  );
+  React.useEffect(() => {
+    if (disableGuidanceProp === true) {
+      return;
+    }
+    logDeveloperGuidance(guidance, disableGuidanceProp);
+  }, [guidance, stringifiedConfig, disableGuidanceProp]);
+  return guidance;
+}
+var React, DEFAULT_PROJECT_CATEGORIES;
+var init_developerGuidance = __esm({
+  "src/utils/developerGuidance.ts"() {
+    "use strict";
+    React = __toESM(require("react"), 1);
+    DEFAULT_PROJECT_CATEGORIES = {
+      enabledCategories: ["analytics"]
+      // Só analytics além de necessary
+    };
+  }
+});
+
+// src/context/CategoriesContext.tsx
+function CategoriesProvider({
+  children,
+  config,
+  // NOVO: configuração completa
+  disableDeveloperGuidance
+}) {
+  const contextValue = React2.useMemo(() => {
+    const finalConfig = config || DEFAULT_PROJECT_CATEGORIES;
+    const guidance = analyzeDeveloperConfiguration(config);
+    const toggleableCategories = guidance.activeCategoriesInfo.filter(
+      (cat) => cat.uiRequired
+    );
+    return {
+      config: finalConfig,
+      guidance,
+      toggleableCategories,
+      allCategories: guidance.activeCategoriesInfo
+    };
+  }, [config]);
+  React2.useEffect(() => {
+    logDeveloperGuidance(contextValue.guidance, disableDeveloperGuidance);
+  }, [contextValue.guidance, disableDeveloperGuidance]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CategoriesContext.Provider, { value: contextValue, children });
+}
+function useCategories() {
+  const context = React2.useContext(CategoriesContext);
+  if (!context) {
+    throw new Error(
+      "useCategories deve ser usado dentro de CategoriesProvider. Certifique-se de que o ConsentProvider est\xE1 envolvendo seu componente."
+    );
+  }
+  return context;
+}
+function useCategoryStatus(categoryId) {
+  const { allCategories } = useCategories();
+  const category = allCategories.find((cat) => cat.id === categoryId);
+  return {
+    isActive: !!category,
+    isEssential: category?.essential || false,
+    needsToggle: category?.uiRequired || false,
+    name: category?.name,
+    description: category?.description
+  };
+}
+var React2, import_jsx_runtime, CategoriesContext;
+var init_CategoriesContext = __esm({
+  "src/context/CategoriesContext.tsx"() {
+    "use strict";
+    React2 = __toESM(require("react"), 1);
+    init_developerGuidance();
+    import_jsx_runtime = require("react/jsx-runtime");
+    CategoriesContext = React2.createContext(
+      null
+    );
+  }
+});
+
 // src/utils/cookieUtils.ts
 function readConsentCookie(name = DEFAULT_COOKIE_OPTS.name) {
   if (typeof document === "undefined") return null;
@@ -70,7 +272,7 @@ function migrateLegacyCookie(legacyData) {
     return null;
   }
 }
-function writeConsentCookie(state, source = "banner", opts) {
+function writeConsentCookie(state, config, opts, source = "banner") {
   if (typeof document === "undefined") return;
   const now = (/* @__PURE__ */ new Date()).toISOString();
   const o = { ...DEFAULT_COOKIE_OPTS, ...opts };
@@ -81,7 +283,8 @@ function writeConsentCookie(state, source = "banner", opts) {
     consentDate: state.consentDate || now,
     // Preservar data original ou usar atual
     lastUpdate: now,
-    source
+    source,
+    projectConfig: config
     // isModalOpen NÃO é persistido (campo de UI apenas)
   };
   import_js_cookie.default.set(o.name, JSON.stringify(cookieData), {
@@ -112,6 +315,39 @@ var init_cookieUtils = __esm({
   }
 });
 
+// src/utils/categoryUtils.ts
+function createProjectPreferences(config, defaultValue = false) {
+  const preferences = {
+    necessary: true
+    // Sempre presente e true (essencial)
+  };
+  const enabledCategories = config?.enabledCategories || [];
+  enabledCategories.forEach((category) => {
+    if (category !== "necessary") {
+      preferences[category] = defaultValue;
+    }
+  });
+  return preferences;
+}
+function validateProjectPreferences(preferences, config) {
+  const validPreferences = {
+    necessary: true
+    // Sempre válida
+  };
+  const enabledCategories = config?.enabledCategories || [];
+  enabledCategories.forEach((category) => {
+    if (category !== "necessary" && preferences[category] !== void 0) {
+      validPreferences[category] = preferences[category];
+    }
+  });
+  return validPreferences;
+}
+var init_categoryUtils = __esm({
+  "src/utils/categoryUtils.ts"() {
+    "use strict";
+  }
+});
+
 // src/utils/theme.ts
 var import_styles, defaultConsentTheme;
 var init_theme = __esm({
@@ -186,300 +422,81 @@ var init_theme = __esm({
   }
 });
 
-// src/utils/developerGuidance.ts
-function analyzeDeveloperConfiguration(config) {
-  const guidance = {
-    warnings: [],
-    suggestions: [],
-    activeCategoriesInfo: [],
-    usingDefaults: !config
-  };
-  const finalConfig = config || DEFAULT_PROJECT_CATEGORIES;
-  if (!config) {
-    guidance.warnings.push(
-      'LGPD-CONSENT: Nenhuma configura\xE7\xE3o de categorias especificada. Usando padr\xE3o: necessary + analytics. Para produ\xE7\xE3o, recomenda-se especificar explicitamente as categorias via prop "categories".'
-    );
+// src/context/DesignContext.tsx
+function DesignProvider({
+  tokens,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DesignContext.Provider, { value: tokens, children });
+}
+function useDesignTokens() {
+  return React3.useContext(DesignContext);
+}
+var React3, import_jsx_runtime2, DesignContext;
+var init_DesignContext = __esm({
+  "src/context/DesignContext.tsx"() {
+    "use strict";
+    React3 = __toESM(require("react"), 1);
+    import_jsx_runtime2 = require("react/jsx-runtime");
+    DesignContext = React3.createContext(void 0);
   }
-  guidance.activeCategoriesInfo.push({
-    id: "necessary",
-    name: "Cookies Necess\xE1rios",
-    description: "Essenciais para funcionamento b\xE1sico do site",
-    essential: true,
-    uiRequired: false
-    // Não precisa de toggle (sempre ativo)
-  });
-  const enabledCategories = finalConfig.enabledCategories || [];
-  const categoryNames = {
-    analytics: {
-      name: "Cookies Anal\xEDticos",
-      description: "Medem uso e performance do site"
-    },
-    functional: {
-      name: "Cookies Funcionais",
-      description: "Melhoram experi\xEAncia e funcionalidades"
-    },
-    marketing: {
-      name: "Cookies de Marketing",
-      description: "Publicidade direcionada e campanhas"
-    },
-    social: {
-      name: "Cookies de Redes Sociais",
-      description: "Integra\xE7\xE3o com plataformas sociais"
-    },
-    personalization: {
-      name: "Cookies de Personaliza\xE7\xE3o",
-      description: "Adaptam conte\xFAdo \xE0s prefer\xEAncias do usu\xE1rio"
+});
+
+// src/components/Branding.tsx
+function Branding({ variant, hidden = false }) {
+  if (hidden) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_Typography.default,
+    {
+      variant: "caption",
+      sx: (theme) => ({
+        ...brandingStyles[variant],
+        color: theme.palette.text.secondary
+      }),
+      children: [
+        "fornecido por",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_Link.default,
+          {
+            href: "https://www.ledipo.eti.br",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            sx: (theme) => ({
+              ...linkStyles,
+              color: theme.palette.primary.main
+            }),
+            children: "L\xC9dipO.eti.br"
+          }
+        )
+      ]
     }
-  };
-  enabledCategories.forEach((categoryId) => {
-    const categoryInfo = categoryNames[categoryId];
-    if (categoryInfo) {
-      guidance.activeCategoriesInfo.push({
-        id: categoryId,
-        name: categoryInfo.name,
-        description: categoryInfo.description,
-        essential: false,
-        uiRequired: true
-        // Precisa de toggle na UI
-      });
-    }
-  });
-  const customCategories = finalConfig.customCategories || [];
-  customCategories.forEach((category) => {
-    guidance.activeCategoriesInfo.push({
-      id: category.id,
-      name: category.name,
-      description: category.description,
-      essential: category.essential === true,
-      uiRequired: category.essential !== true
-      // Apenas não-essenciais precisam toggle
-    });
-  });
-  const totalToggleable = guidance.activeCategoriesInfo.filter(
-    (c) => c.uiRequired
-  ).length;
-  if (totalToggleable === 0) {
-    guidance.suggestions.push(
-      'Apenas cookies necess\xE1rios est\xE3o configurados. Para compliance completo LGPD, considere adicionar categorias como "analytics" ou "functional" conforme uso real.'
-    );
-  }
-  if (totalToggleable > 5) {
-    guidance.warnings.push(
-      `${totalToggleable} categorias opcionais detectadas. UI com muitas op\xE7\xF5es pode ' +
-      'prejudicar experi\xEAncia do usu\xE1rio. Considere agrupar categorias similares.`
-    );
-  }
-  const poorDescriptions = customCategories.filter(
-    (c) => !c.description || c.description.length < 10
   );
-  if (poorDescriptions.length > 0) {
-    guidance.warnings.push(
-      `Categorias customizadas com descri\xE7\xF5es inadequadas: ${poorDescriptions.map((c) => c.id).join(", ")}. Descri\xE7\xF5es claras s\xE3o obrigat\xF3rias para compliance LGPD.`
-    );
-  }
-  return guidance;
 }
-function logDeveloperGuidance(guidance, disableGuidanceProp) {
-  try {
-    const isProduction = (
-      // 1. NODE_ENV de bundlers (Vite, webpack, etc.)
-      typeof globalThis.process !== "undefined" && globalThis.process.env?.NODE_ENV === "production" || // 2. Vite/bundler env vars (apenas em ESM)
-      typeof globalThis !== "undefined" && typeof globalThis.import !== "undefined" && globalThis.import.meta?.env?.PROD === true || // 3. Flag customizada para desabilitar logs
-      typeof globalThis !== "undefined" && globalThis.__LGPD_PRODUCTION__ || // 4. Flag de desenvolvimento desabilitada via window global (legado)
-      typeof window !== "undefined" && window.__LGPD_DISABLE_GUIDANCE__ || // 5. Flag de desenvolvimento desabilitada via prop do ConsentProvider (preferencial)
-      disableGuidanceProp
-    );
-    if (isProduction) return;
-    const PREFIX = "[\u{1F36A} LGPD-CONSENT]";
-    if (guidance.warnings.length > 0) {
-      console.group(`${PREFIX} \u26A0\uFE0F  Avisos de Configura\xE7\xE3o`);
-      guidance.warnings.forEach(
-        (warning) => console.warn(`${PREFIX} ${warning}`)
-      );
-      console.groupEnd();
-    }
-    if (guidance.suggestions.length > 0) {
-      console.group(`${PREFIX} \u{1F4A1} Sugest\xF5es`);
-      guidance.suggestions.forEach(
-        (suggestion) => console.info(`${PREFIX} ${suggestion}`)
-      );
-      console.groupEnd();
-    }
-    if (guidance.usingDefaults) {
-      console.info(
-        `${PREFIX} \u{1F4CB} Usando configura\xE7\xE3o padr\xE3o. Para personalizar, use a prop "categories" no ConsentProvider.`
-      );
-    }
-    console.group(`${PREFIX} \u{1F527} Categorias Ativas (para UI customizada)`);
-    console.table(
-      guidance.activeCategoriesInfo.map((cat) => ({
-        ID: cat.id,
-        Nome: cat.name,
-        "Toggle UI?": cat.uiRequired ? "\u2705 SIM" : "\u274C N\xC3O (sempre ativo)",
-        "Essencial?": cat.essential ? "\u{1F512} SIM" : "\u2699\uFE0F N\xC3O"
-      }))
-    );
-    console.info(
-      `${PREFIX} \u2139\uFE0F  Use estes dados para criar componentes customizados adequados.`
-    );
-    console.groupEnd();
-  } catch (error) {
-    if (typeof console !== "undefined" && console.warn) {
-      console.warn(
-        "[\u{1F36A} LGPD-CONSENT] Sistema de orienta\xE7\xF5es encontrou erro:",
-        error
-      );
-    }
-  }
-}
-function useDeveloperGuidance(config, disableGuidanceProp) {
-  const guidance = analyzeDeveloperConfiguration(config);
-  const stringifiedConfig = React.useMemo(() => JSON.stringify(config), [config]);
-  React.useEffect(() => {
-    logDeveloperGuidance(guidance, disableGuidanceProp);
-  }, [guidance, stringifiedConfig, disableGuidanceProp]);
-  return guidance;
-}
-var React, DEFAULT_PROJECT_CATEGORIES;
-var init_developerGuidance = __esm({
-  "src/utils/developerGuidance.ts"() {
-    "use strict";
-    React = __toESM(require("react"), 1);
-    DEFAULT_PROJECT_CATEGORIES = {
-      enabledCategories: ["analytics"],
-      // Só analytics além de necessary
-      customCategories: []
-    };
-  }
-});
-
-// src/context/CategoriesContext.tsx
-function CategoriesProvider({
-  children,
-  categories,
-  // LEGACY: prop antiga (apenas customCategories)
-  config
-  // NOVO: configuração completa
-}) {
-  const contextValue = React2.useMemo(() => {
-    let finalConfig;
-    if (categories && !config) {
-      finalConfig = {
-        enabledCategories: DEFAULT_PROJECT_CATEGORIES.enabledCategories,
-        customCategories: categories
-      };
-    } else {
-      finalConfig = config || DEFAULT_PROJECT_CATEGORIES;
-    }
-    const guidance = analyzeDeveloperConfiguration(
-      config || (categories ? { customCategories: categories } : void 0)
-    );
-    const toggleableCategories = guidance.activeCategoriesInfo.filter(
-      (cat) => cat.uiRequired
-    );
-    return {
-      config: finalConfig,
-      guidance,
-      toggleableCategories,
-      allCategories: guidance.activeCategoriesInfo,
-      legacyCategories: categories || []
-    };
-  }, [config, categories]);
-  React2.useEffect(() => {
-    logDeveloperGuidance(contextValue.guidance);
-  }, [contextValue.guidance]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CategoriesContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CategoriesCtx.Provider, { value: contextValue.legacyCategories, children }) });
-}
-function useCategories() {
-  const context = React2.useContext(CategoriesContext);
-  if (!context) {
-    throw new Error(
-      "useCategories deve ser usado dentro de CategoriesProvider. Certifique-se de que o ConsentProvider est\xE1 envolvendo seu componente."
-    );
-  }
-  return context;
-}
-function useCategoryStatus(categoryId) {
-  const { allCategories } = useCategories();
-  const category = allCategories.find((cat) => cat.id === categoryId);
-  return {
-    isActive: !!category,
-    isEssential: category?.essential || false,
-    needsToggle: category?.uiRequired || false,
-    name: category?.name,
-    description: category?.description
-  };
-}
-function useCustomCategories() {
-  return React2.useContext(CategoriesCtx);
-}
-var React2, import_jsx_runtime, CategoriesContext, CategoriesCtx;
-var init_CategoriesContext = __esm({
-  "src/context/CategoriesContext.tsx"() {
-    "use strict";
-    React2 = __toESM(require("react"), 1);
-    init_developerGuidance();
-    import_jsx_runtime = require("react/jsx-runtime");
-    CategoriesContext = React2.createContext(
-      null
-    );
-    CategoriesCtx = React2.createContext([]);
-  }
-});
-
-// src/components/Branding.tsx
-function Branding({ variant, hidden = false }) {
-  if (hidden) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    import_Typography.default,
-    {
-      variant: "caption",
-      sx: (theme) => ({
-        ...brandingStyles[variant],
-        color: theme.palette.text.secondary
-      }),
-      children: [
-        "fornecido por",
-        " ",
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_Link.default,
-          {
-            href: "https://www.ledipo.eti.br",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            sx: (theme) => ({
-              ...linkStyles,
-              color: theme.palette.primary.main
-            }),
-            children: "L\xC9dipO.eti.br"
-          }
-        )
-      ]
-    }
-  );
-}
-var import_Link, import_Typography, import_jsx_runtime2, brandingStyles, linkStyles;
+var import_Link, import_Typography, import_jsx_runtime3, brandingStyles, linkStyles;
 var init_Branding = __esm({
   "src/components/Branding.tsx"() {
     "use strict";
     import_Link = __toESM(require("@mui/material/Link"), 1);
     import_Typography = __toESM(require("@mui/material/Typography"), 1);
-    import_jsx_runtime2 = require("react/jsx-runtime");
+    import_jsx_runtime3 = require("react/jsx-runtime");
     brandingStyles = {
       banner: {
         fontSize: "0.65rem",
-        textAlign: "center",
+        textAlign: "right",
         mt: 1,
         opacity: 0.7,
-        fontStyle: "italic"
+        fontStyle: "italic",
+        width: "100%"
       },
       modal: {
         fontSize: "0.65rem",
-        textAlign: "center",
+        textAlign: "right",
         px: 3,
         pb: 1,
         opacity: 0.7,
-        fontStyle: "italic"
+        fontStyle: "italic",
+        width: "100%"
       }
     };
     linkStyles = {
@@ -492,123 +509,218 @@ var init_Branding = __esm({
   }
 });
 
-// src/components/PreferencesModal.tsx
-var PreferencesModal_exports = {};
-__export(PreferencesModal_exports, {
-  PreferencesModal: () => PreferencesModal
-});
-function PreferencesModal({
-  DialogProps: DialogProps2,
-  hideBranding = false
+// src/components/CookieBanner.tsx
+function CookieBanner({
+  policyLinkUrl,
+  debug,
+  blocking = true,
+  hideBranding = false,
+  SnackbarProps,
+  PaperProps
 }) {
-  const { preferences, setPreferences, closePreferences, isModalOpen } = useConsent();
+  const { consented, acceptAll, rejectAll, openPreferences } = useConsent();
   const texts = useConsentTexts();
-  const { toggleableCategories } = useCategories();
-  const [tempPreferences, setTempPreferences] = (0, import_react.useState)(
-    () => {
-      const initialPrefs = { necessary: true };
-      toggleableCategories.forEach((category) => {
-        initialPrefs[category.id] = preferences[category.id] ?? false;
-      });
-      return initialPrefs;
-    }
-  );
-  (0, import_react.useEffect)(() => {
-    if (isModalOpen) {
-      const syncedPrefs = { necessary: true };
-      toggleableCategories.forEach((category) => {
-        syncedPrefs[category.id] = preferences[category.id] ?? false;
-      });
-      setTempPreferences(syncedPrefs);
-    }
-  }, [isModalOpen, preferences, toggleableCategories]);
-  const open = DialogProps2?.open ?? isModalOpen ?? false;
-  const handleSave = () => {
-    setPreferences(tempPreferences);
+  const isHydrated = useConsentHydration();
+  const designTokens = useDesignTokens();
+  const open = debug ? true : isHydrated && !consented;
+  if (!open) return null;
+  const bannerStyle = {
+    p: designTokens?.spacing?.padding?.banner ?? 2,
+    maxWidth: 720,
+    mx: "auto",
+    backgroundColor: designTokens?.colors?.background,
+    color: designTokens?.colors?.text,
+    borderRadius: designTokens?.spacing?.borderRadius?.banner,
+    fontFamily: designTokens?.typography?.fontFamily
   };
-  const handleCancel = () => {
-    setTempPreferences(preferences);
-    closePreferences();
+  const bannerContent = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Paper.default, { elevation: 3, sx: bannerStyle, ...PaperProps, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_Stack.default, { spacing: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      import_Typography2.default,
+      {
+        variant: "body2",
+        sx: { fontSize: designTokens?.typography?.fontSize?.banner },
+        children: [
+          texts.bannerMessage,
+          " ",
+          policyLinkUrl && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_Link2.default,
+            {
+              href: policyLinkUrl,
+              underline: "hover",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              sx: { color: designTokens?.colors?.primary },
+              children: texts.policyLink ?? "Saiba mais"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      import_Stack.default,
+      {
+        direction: { xs: "column", sm: "row" },
+        spacing: 1,
+        justifyContent: "flex-end",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_Button.default,
+            {
+              variant: "outlined",
+              onClick: rejectAll,
+              sx: { color: designTokens?.colors?.secondary },
+              children: texts.declineAll
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_Button.default,
+            {
+              variant: "contained",
+              onClick: acceptAll,
+              sx: { backgroundColor: designTokens?.colors?.primary },
+              children: texts.acceptAll
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_Button.default,
+            {
+              variant: "text",
+              onClick: openPreferences,
+              sx: { color: designTokens?.colors?.text },
+              children: texts.preferences
+            }
+          )
+        ]
+      }
+    ),
+    !hideBranding && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Branding, { variant: "banner" })
+  ] }) });
+  const positionStyle = {
+    position: "fixed",
+    zIndex: 1300,
+    ...designTokens?.layout?.position === "top" ? { top: 0 } : { bottom: 0 },
+    left: 0,
+    right: 0,
+    width: designTokens?.layout?.width?.desktop ?? "100%",
+    p: 2
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    import_Dialog.default,
+  if (blocking) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_Box.default,
+        {
+          sx: {
+            position: "fixed",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: designTokens?.layout?.backdrop ? "rgba(0, 0, 0, 0.5)" : "transparent",
+            zIndex: 1299
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Box.default, { sx: positionStyle, children: bannerContent })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_Snackbar.default,
     {
-      "aria-labelledby": "cookie-pref-title",
       open,
-      onClose: handleCancel,
-      ...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: [
-            toggleableCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              import_FormControlLabel.default,
-              {
-                control: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_Switch.default,
-                  {
-                    checked: tempPreferences[category.id] ?? false,
-                    onChange: (e) => setTempPreferences((prev) => ({
-                      ...prev,
-                      [category.id]: e.target.checked
-                    }))
-                  }
-                ),
-                label: `${category.name} - ${category.description}`
-              },
-              category.id
-            )),
-            /* @__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
-              }
-            )
-          ] })
-        ] }),
-        !hideBranding && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Branding, { variant: "modal" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_DialogActions.default, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Button.default, { variant: "outlined", onClick: handleCancel, children: "Cancelar" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Button.default, { variant: "contained", onClick: handleSave, children: texts.save })
-        ] })
-      ]
+      anchorOrigin: {
+        vertical: designTokens?.layout?.position === "top" ? "top" : "bottom",
+        horizontal: "center"
+      },
+      ...SnackbarProps,
+      children: bannerContent
     }
   );
 }
-var import_Button, import_Dialog, import_DialogActions, import_DialogContent, import_DialogTitle, import_FormControlLabel, import_FormGroup, import_Switch, import_Typography2, import_react, import_jsx_runtime3;
-var init_PreferencesModal = __esm({
-  "src/components/PreferencesModal.tsx"() {
+var import_Button, import_Box, import_Paper, import_Snackbar, import_Stack, import_Typography2, import_Link2, import_jsx_runtime4;
+var init_CookieBanner = __esm({
+  "src/components/CookieBanner.tsx"() {
     "use strict";
     import_Button = __toESM(require("@mui/material/Button"), 1);
-    import_Dialog = __toESM(require("@mui/material/Dialog"), 1);
-    import_DialogActions = __toESM(require("@mui/material/DialogActions"), 1);
-    import_DialogContent = __toESM(require("@mui/material/DialogContent"), 1);
-    import_DialogTitle = __toESM(require("@mui/material/DialogTitle"), 1);
-    import_FormControlLabel = __toESM(require("@mui/material/FormControlLabel"), 1);
-    import_FormGroup = __toESM(require("@mui/material/FormGroup"), 1);
-    import_Switch = __toESM(require("@mui/material/Switch"), 1);
+    import_Box = __toESM(require("@mui/material/Box"), 1);
+    import_Paper = __toESM(require("@mui/material/Paper"), 1);
+    import_Snackbar = __toESM(require("@mui/material/Snackbar"), 1);
+    import_Stack = __toESM(require("@mui/material/Stack"), 1);
     import_Typography2 = __toESM(require("@mui/material/Typography"), 1);
-    import_react = require("react");
-    init_CategoriesContext();
+    import_Link2 = __toESM(require("@mui/material/Link"), 1);
+    init_useConsent();
+    init_DesignContext();
+    init_Branding();
+    import_jsx_runtime4 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/FloatingPreferencesButton.tsx
+function FloatingPreferencesButton({
+  position = "bottom-right",
+  offset = 24,
+  icon = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_CookieOutlined.default, {}),
+  tooltip,
+  FabProps,
+  hideWhenConsented = false
+}) {
+  const { openPreferences, consented } = useConsent();
+  const theme = (0, import_styles2.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__ */ (0, import_jsx_runtime5.jsx)(import_Tooltip.default, { title: tooltipText, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_Fab.default,
+    {
+      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
+    }
+  ) });
+}
+var import_CookieOutlined, import_Fab, import_Tooltip, import_styles2, import_jsx_runtime5;
+var init_FloatingPreferencesButton = __esm({
+  "src/components/FloatingPreferencesButton.tsx"() {
+    "use strict";
+    import_CookieOutlined = __toESM(require("@mui/icons-material/CookieOutlined"), 1);
+    import_Fab = __toESM(require("@mui/material/Fab"), 1);
+    import_Tooltip = __toESM(require("@mui/material/Tooltip"), 1);
+    import_styles2 = require("@mui/material/styles");
     init_useConsent();
-    init_Branding();
-    import_jsx_runtime3 = require("react/jsx-runtime");
+    import_jsx_runtime5 = require("react/jsx-runtime");
   }
 });
 
 // src/context/ConsentContext.tsx
-function createInitialPreferences(customCategories) {
-  const prefs = { ...DEFAULT_PREFERENCES };
-  if (customCategories) {
-    customCategories.forEach((category) => {
-      prefs[category.id] = category.essential === true;
-    });
-  }
-  return prefs;
-}
-function createFullConsentState(consented, preferences, source, isModalOpen = false, existingState) {
+function createFullConsentState(consented, preferences, source, projectConfig, isModalOpen = false, existingState) {
   const now = (/* @__PURE__ */ new Date()).toISOString();
   return {
     version: "1.0",
@@ -617,28 +729,33 @@ function createFullConsentState(consented, preferences, source, isModalOpen = fa
     consentDate: existingState?.consentDate || now,
     lastUpdate: now,
     source,
+    projectConfig,
     isModalOpen
   };
 }
 function reducer(state, action) {
   switch (action.type) {
     case "ACCEPT_ALL": {
-      const prefs = createInitialPreferences(action.customCategories);
-      Object.keys(prefs).forEach((key) => {
-        prefs[key] = true;
-      });
-      return createFullConsentState(true, prefs, "banner", false, state);
+      const prefs = createProjectPreferences(action.config, true);
+      return createFullConsentState(
+        true,
+        prefs,
+        "banner",
+        action.config,
+        false,
+        state
+      );
     }
     case "REJECT_ALL": {
-      const prefs = createInitialPreferences(action.customCategories);
-      if (action.customCategories) {
-        action.customCategories.forEach((category) => {
-          if (category.essential) {
-            prefs[category.id] = true;
-          }
-        });
-      }
-      return createFullConsentState(true, prefs, "banner", false, state);
+      const prefs = createProjectPreferences(action.config, false);
+      return createFullConsentState(
+        true,
+        prefs,
+        "banner",
+        action.config,
+        false,
+        state
+      );
     }
     case "SET_CATEGORY":
       return {
@@ -654,6 +771,7 @@ function reducer(state, action) {
         true,
         action.preferences,
         "modal",
+        action.config,
         false,
         state
       );
@@ -664,20 +782,30 @@ function reducer(state, action) {
         true,
         state.preferences,
         "modal",
+        action.config,
         false,
         state
       );
     case "RESET": {
       return createFullConsentState(
         false,
-        createInitialPreferences(action.customCategories),
+        createProjectPreferences(action.config),
         "programmatic",
+        action.config,
         false
       );
     }
-    case "HYDRATE":
-      return { ...action.state, isModalOpen: false };
-    // Nunca hidratar com modal aberto
+    case "HYDRATE": {
+      const validatedPreferences = validateProjectPreferences(
+        action.state.preferences,
+        action.config
+      );
+      return {
+        ...action.state,
+        preferences: validatedPreferences,
+        isModalOpen: false
+      };
+    }
     default:
       return state;
   }
@@ -685,96 +813,98 @@ function reducer(state, action) {
 function ConsentProvider({
   initialState,
   categories,
-  // NOVO: configuração completa de categorias
+  // Nova prop para configuração de categorias
   texts: textsProp,
   theme,
-  customCategories,
-  // LEGACY: compatibilidade
+  designTokens,
   scriptIntegrations,
   // eslint-disable-line no-unused-vars
   PreferencesModalComponent,
   preferencesModalProps = {},
-  disableAutomaticModal = false,
+  CookieBannerComponent,
+  cookieBannerProps = {},
+  FloatingPreferencesButtonComponent,
+  floatingPreferencesButtonProps = {},
+  disableFloatingPreferencesButton = false,
   hideBranding = false,
   onConsentGiven,
   onPreferencesSaved,
   cookie: cookieOpts,
   disableDeveloperGuidance,
-  // NOVO: desabilita avisos de dev
   children
 }) {
-  const texts = React3.useMemo(
+  const texts = React4.useMemo(
     () => ({ ...DEFAULT_TEXTS, ...textsProp ?? {} }),
     [textsProp]
   );
-  const cookie = React3.useMemo(
+  const cookie = React4.useMemo(
     () => ({ ...DEFAULT_COOKIE_OPTS, ...cookieOpts ?? {} }),
     [cookieOpts]
   );
-  const appliedTheme = React3.useMemo(
+  const appliedTheme = React4.useMemo(
     () => theme || defaultConsentTheme,
     [theme]
   );
-  const finalCategoriesConfig = React3.useMemo(() => {
+  const finalCategoriesConfig = React4.useMemo(() => {
     if (categories) return categories;
-    if (customCategories) {
-      return {
-        enabledCategories: ["analytics"],
-        // padrão quando usando API antiga
-        customCategories
-      };
-    }
-    return void 0;
-  }, [categories, customCategories]);
+    return DEFAULT_PROJECT_CATEGORIES;
+  }, [categories]);
   useDeveloperGuidance(finalCategoriesConfig, disableDeveloperGuidance);
-  const boot = React3.useMemo(() => {
+  const boot = React4.useMemo(() => {
     if (initialState) return { ...initialState, isModalOpen: false };
     return createFullConsentState(
       false,
-      createInitialPreferences(customCategories),
+      createProjectPreferences(finalCategoriesConfig),
       "banner",
+      finalCategoriesConfig,
       false
     );
-  }, [initialState, customCategories]);
-  const [state, dispatch] = React3.useReducer(reducer, boot);
-  const [isHydrated, setIsHydrated] = React3.useState(false);
-  React3.useEffect(() => {
+  }, [initialState, finalCategoriesConfig]);
+  const [state, dispatch] = React4.useReducer(reducer, boot);
+  const [isHydrated, setIsHydrated] = React4.useState(false);
+  React4.useEffect(() => {
     if (!initialState) {
       const saved = readConsentCookie(cookie.name);
       if (saved?.consented) {
-        console.log("\u{1F680} Immediate hydration: Cookie found", saved);
-        dispatch({ type: "HYDRATE", state: saved });
+        dispatch({
+          type: "HYDRATE",
+          state: saved,
+          config: finalCategoriesConfig
+        });
       }
     }
     setIsHydrated(true);
-  }, [cookie.name, initialState]);
-  React3.useEffect(() => {
-    if (state.consented) writeConsentCookie(state, state.source, cookie);
-  }, [state, cookie]);
-  const prevConsented = React3.useRef(state.consented);
-  React3.useEffect(() => {
+  }, [cookie.name, initialState, finalCategoriesConfig]);
+  React4.useEffect(() => {
+    if (state.consented)
+      writeConsentCookie(state, finalCategoriesConfig, cookie);
+  }, [state, cookie, finalCategoriesConfig]);
+  const prevConsented = React4.useRef(state.consented);
+  React4.useEffect(() => {
     if (!prevConsented.current && state.consented && onConsentGiven) {
       setTimeout(() => onConsentGiven(state), 150);
     }
     prevConsented.current = state.consented;
   }, [state, onConsentGiven]);
-  const prevPrefs = React3.useRef(state.preferences);
-  React3.useEffect(() => {
-    if (state.consented && onPreferencesSaved && prevPrefs.current !== state.preferences) {
-      setTimeout(() => onPreferencesSaved(state.preferences), 150);
-      prevPrefs.current = state.preferences;
-    }
-  }, [state, onPreferencesSaved]);
-  const api = React3.useMemo(() => {
-    const acceptAll = () => dispatch({ type: "ACCEPT_ALL", customCategories });
-    const rejectAll = () => dispatch({ type: "REJECT_ALL", customCategories });
+  const api = React4.useMemo(() => {
+    const acceptAll = () => dispatch({ type: "ACCEPT_ALL", config: finalCategoriesConfig });
+    const rejectAll = () => dispatch({ type: "REJECT_ALL", config: finalCategoriesConfig });
     const setPreference = (category, value) => dispatch({ type: "SET_CATEGORY", category, value });
-    const setPreferences = (preferences) => dispatch({ type: "SET_PREFERENCES", preferences });
+    const setPreferences = (preferences) => {
+      dispatch({
+        type: "SET_PREFERENCES",
+        preferences,
+        config: finalCategoriesConfig
+      });
+      if (onPreferencesSaved) {
+        setTimeout(() => onPreferencesSaved(preferences), 150);
+      }
+    };
     const openPreferences = () => dispatch({ type: "OPEN_MODAL" });
-    const closePreferences = () => dispatch({ type: "CLOSE_MODAL" });
+    const closePreferences = () => dispatch({ type: "CLOSE_MODAL", config: finalCategoriesConfig });
     const resetConsent = () => {
       removeConsentCookie(cookie);
-      dispatch({ type: "RESET", customCategories });
+      dispatch({ type: "RESET", config: finalCategoriesConfig });
     };
     return {
       consented: !!state.consented,
@@ -788,58 +918,87 @@ function ConsentProvider({
       closePreferences,
       resetConsent
     };
-  }, [state, cookie, customCategories]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_styles2.ThemeProvider, { theme: appliedTheme, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StateCtx.Provider, { value: state, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ActionsCtx.Provider, { value: api, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TextsCtx.Provider, { value: texts, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HydrationCtx.Provider, { value: isHydrated, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  }, [state, cookie, finalCategoriesConfig, onPreferencesSaved]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_styles3.ThemeProvider, { theme: appliedTheme, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StateCtx.Provider, { value: state, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ActionsCtx.Provider, { value: api, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TextsCtx.Provider, { value: texts, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HydrationCtx.Provider, { value: isHydrated, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DesignProvider, { tokens: designTokens, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     CategoriesProvider,
     {
       config: finalCategoriesConfig,
-      categories: customCategories,
+      disableDeveloperGuidance,
       children: [
         children,
-        !disableAutomaticModal && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(React3.Suspense, { fallback: null, children: PreferencesModalComponent ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PreferencesModalComponent, { ...preferencesModalProps }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PreferencesModal2, { hideBranding }) })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(React4.Suspense, { fallback: null, children: PreferencesModalComponent ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          PreferencesModalComponent,
+          {
+            preferences: api.preferences,
+            setPreferences: api.setPreferences,
+            closePreferences: api.closePreferences,
+            isModalOpen: api.isModalOpen,
+            texts,
+            ...preferencesModalProps
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PreferencesModal, { hideBranding }) }),
+        !state.consented && isHydrated && (CookieBannerComponent ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          CookieBannerComponent,
+          {
+            consented: api.consented,
+            acceptAll: api.acceptAll,
+            rejectAll: api.rejectAll,
+            openPreferences: api.openPreferences,
+            texts,
+            ...cookieBannerProps
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CookieBanner, {})),
+        state.consented && !disableFloatingPreferencesButton && (FloatingPreferencesButtonComponent ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          FloatingPreferencesButtonComponent,
+          {
+            openPreferences: api.openPreferences,
+            consented: api.consented,
+            ...floatingPreferencesButtonProps
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FloatingPreferencesButton, {}))
       ]
     }
-  ) }) }) }) }) });
+  ) }) }) }) }) }) });
 }
 function useConsentStateInternal() {
-  const ctx = React3.useContext(StateCtx);
+  const ctx = React4.useContext(StateCtx);
   if (!ctx)
     throw new Error("useConsentState must be used within ConsentProvider");
   return ctx;
 }
 function useConsentActionsInternal() {
-  const ctx = React3.useContext(ActionsCtx);
+  const ctx = React4.useContext(ActionsCtx);
   if (!ctx)
     throw new Error("useConsentActions must be used within ConsentProvider");
   return ctx;
 }
 function useConsentTextsInternal() {
-  const ctx = React3.useContext(TextsCtx);
+  const ctx = React4.useContext(TextsCtx);
   return ctx;
 }
 function useConsentHydrationInternal() {
-  return React3.useContext(HydrationCtx);
+  return React4.useContext(HydrationCtx);
 }
-var React3, import_styles2, import_jsx_runtime4, PreferencesModal2, DEFAULT_PREFERENCES, DEFAULT_TEXTS, StateCtx, ActionsCtx, TextsCtx, HydrationCtx;
+var React4, import_styles3, import_jsx_runtime6, PreferencesModal, DEFAULT_TEXTS, StateCtx, ActionsCtx, TextsCtx, HydrationCtx;
 var init_ConsentContext = __esm({
   "src/context/ConsentContext.tsx"() {
     "use strict";
-    React3 = __toESM(require("react"), 1);
-    import_styles2 = require("@mui/material/styles");
+    React4 = __toESM(require("react"), 1);
+    import_styles3 = require("@mui/material/styles");
     init_cookieUtils();
+    init_categoryUtils();
     init_theme();
     init_CategoriesContext();
+    init_DesignContext();
     init_developerGuidance();
-    import_jsx_runtime4 = require("react/jsx-runtime");
-    PreferencesModal2 = React3.lazy(
+    init_CookieBanner();
+    init_FloatingPreferencesButton();
+    import_jsx_runtime6 = require("react/jsx-runtime");
+    PreferencesModal = React4.lazy(
       () => Promise.resolve().then(() => (init_PreferencesModal(), PreferencesModal_exports)).then((m) => ({
         default: m.PreferencesModal
       }))
     );
-    DEFAULT_PREFERENCES = {
-      necessary: true
-      // Sempre ativo (essencial)
-    };
     DEFAULT_TEXTS = {
       // Textos básicos
       bannerMessage: "Utilizamos cookies para melhorar sua experi\xEAncia.",
@@ -869,10 +1028,10 @@ var init_ConsentContext = __esm({
       transferCountries: void 0
       // Exibido se definido
     };
-    StateCtx = React3.createContext(null);
-    ActionsCtx = React3.createContext(null);
-    TextsCtx = React3.createContext(DEFAULT_TEXTS);
-    HydrationCtx = React3.createContext(false);
+    StateCtx = React4.createContext(null);
+    ActionsCtx = React4.createContext(null);
+    TextsCtx = React4.createContext(DEFAULT_TEXTS);
+    HydrationCtx = React4.createContext(false);
   }
 });
 
@@ -906,6 +1065,112 @@ var init_useConsent = __esm({
   }
 });
 
+// src/components/PreferencesModal.tsx
+var PreferencesModal_exports = {};
+__export(PreferencesModal_exports, {
+  PreferencesModal: () => PreferencesModal2
+});
+function PreferencesModal2({
+  DialogProps: DialogProps2,
+  hideBranding = false
+}) {
+  const { preferences, setPreferences, closePreferences, isModalOpen } = useConsent();
+  const texts = useConsentTexts();
+  const { toggleableCategories } = useCategories();
+  const [tempPreferences, setTempPreferences] = (0, import_react.useState)(
+    () => {
+      const initialPrefs = { necessary: true };
+      toggleableCategories.forEach((category) => {
+        initialPrefs[category.id] = preferences[category.id] ?? false;
+      });
+      return initialPrefs;
+    }
+  );
+  (0, import_react.useEffect)(() => {
+    if (isModalOpen) {
+      const syncedPrefs = { necessary: true };
+      toggleableCategories.forEach((category) => {
+        syncedPrefs[category.id] = preferences[category.id] ?? false;
+      });
+      setTempPreferences(syncedPrefs);
+    }
+  }, [isModalOpen, preferences, toggleableCategories]);
+  const open = DialogProps2?.open ?? isModalOpen ?? false;
+  const handleSave = () => {
+    setPreferences(tempPreferences);
+  };
+  const handleCancel = () => {
+    setTempPreferences(preferences);
+    closePreferences();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    import_Dialog.default,
+    {
+      "aria-labelledby": "cookie-pref-title",
+      open,
+      onClose: handleCancel,
+      ...DialogProps2,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_DialogTitle.default, { id: "cookie-pref-title", children: texts.modalTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_DialogContent.default, { dividers: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Typography3.default, { variant: "body2", sx: { mb: 2 }, children: texts.modalIntro }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_FormGroup.default, { children: [
+            toggleableCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              import_FormControlLabel.default,
+              {
+                control: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  import_Switch.default,
+                  {
+                    checked: tempPreferences[category.id] ?? false,
+                    onChange: (e) => setTempPreferences((prev) => ({
+                      ...prev,
+                      [category.id]: e.target.checked
+                    }))
+                  }
+                ),
+                label: `${category.name} - ${category.description}`
+              },
+              category.id
+            )),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              import_FormControlLabel.default,
+              {
+                control: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Switch.default, { checked: true, disabled: true }),
+                label: texts.necessaryAlwaysOn
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_DialogActions.default, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Button2.default, { variant: "outlined", onClick: handleCancel, children: "Cancelar" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Button2.default, { variant: "contained", onClick: handleSave, children: texts.save })
+        ] }),
+        !hideBranding && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Branding, { variant: "modal" })
+      ]
+    }
+  );
+}
+var import_Button2, import_Dialog, import_DialogActions, import_DialogContent, import_DialogTitle, import_FormControlLabel, import_FormGroup, import_Switch, import_Typography3, import_react, import_jsx_runtime7;
+var init_PreferencesModal = __esm({
+  "src/components/PreferencesModal.tsx"() {
+    "use strict";
+    import_Button2 = __toESM(require("@mui/material/Button"), 1);
+    import_Dialog = __toESM(require("@mui/material/Dialog"), 1);
+    import_DialogActions = __toESM(require("@mui/material/DialogActions"), 1);
+    import_DialogContent = __toESM(require("@mui/material/DialogContent"), 1);
+    import_DialogTitle = __toESM(require("@mui/material/DialogTitle"), 1);
+    import_FormControlLabel = __toESM(require("@mui/material/FormControlLabel"), 1);
+    import_FormGroup = __toESM(require("@mui/material/FormGroup"), 1);
+    import_Switch = __toESM(require("@mui/material/Switch"), 1);
+    import_Typography3 = __toESM(require("@mui/material/Typography"), 1);
+    import_react = require("react");
+    init_CategoriesContext();
+    init_useConsent();
+    init_Branding();
+    import_jsx_runtime7 = require("react/jsx-runtime");
+  }
+});
+
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
@@ -913,10 +1178,8 @@ __export(index_exports, {
   ConsentGate: () => ConsentGate,
   ConsentProvider: () => ConsentProvider,
   ConsentScriptLoader: () => ConsentScriptLoader,
-  CookieBanner: () => CookieBanner,
   DEFAULT_PROJECT_CATEGORIES: () => DEFAULT_PROJECT_CATEGORIES,
-  FloatingPreferencesButton: () => FloatingPreferencesButton,
-  PreferencesModal: () => PreferencesModal,
+  PreferencesModal: () => PreferencesModal2,
   analyzeDeveloperConfiguration: () => analyzeDeveloperConfiguration,
   createGoogleAnalyticsIntegration: () => createGoogleAnalyticsIntegration,
   createGoogleTagManagerIntegration: () => createGoogleTagManagerIntegration,
@@ -928,193 +1191,21 @@ __export(index_exports, {
   useConsent: () => useConsent,
   useConsentHydration: () => useConsentHydration,
   useConsentScriptLoader: () => useConsentScriptLoader,
-  useConsentTexts: () => useConsentTexts,
-  useCustomCategories: () => useCustomCategories
+  useConsentTexts: () => useConsentTexts
 });
 module.exports = __toCommonJS(index_exports);
-
-// src/components/CookieBanner.tsx
-var import_Button2 = __toESM(require("@mui/material/Button"), 1);
-var import_Box = __toESM(require("@mui/material/Box"), 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_Typography3 = __toESM(require("@mui/material/Typography"), 1);
-var import_Link2 = __toESM(require("@mui/material/Link"), 1);
-init_useConsent();
-init_Branding();
-var import_jsx_runtime5 = require("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__ */ (0, import_jsx_runtime5.jsx)(
-    import_Paper.default,
-    {
-      elevation: 3,
-      sx: { p: 2, maxWidth: 720, mx: "auto" },
-      ...PaperProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_Stack.default, { spacing: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_Typography3.default, { variant: "body2", children: [
-          texts.bannerMessage,
-          " ",
-          policyLinkUrl && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_Link2.default,
-            {
-              href: policyLinkUrl,
-              underline: "hover",
-              target: "_blank",
-              rel: "noopener noreferrer",
-              children: texts.policyLink ?? "Saiba mais"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-          import_Stack.default,
-          {
-            direction: { xs: "column", sm: "row" },
-            spacing: 1,
-            justifyContent: "flex-end",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Button2.default, { variant: "outlined", onClick: rejectAll, children: texts.declineAll }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Button2.default, { variant: "contained", onClick: acceptAll, children: texts.acceptAll }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Button2.default, { variant: "text", onClick: openPreferences, children: texts.preferences })
-            ]
-          }
-        ),
-        !hideBranding && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Branding, { variant: "banner" })
-      ] })
-    }
-  );
-  if (blocking) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_Box.default,
-        {
-          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__ */ (0, import_jsx_runtime5.jsx)(
-        import_Box.default,
-        {
-          sx: {
-            position: "fixed",
-            bottom: 0,
-            left: 0,
-            right: 0,
-            zIndex: 1300,
-            // Acima do overlay
-            p: 2
-          },
-          children: bannerContent
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_Snackbar.default,
-    {
-      open,
-      anchorOrigin: { vertical: "bottom", horizontal: "center" },
-      ...SnackbarProps,
-      children: bannerContent
-    }
-  );
-}
-
-// src/index.ts
 init_PreferencesModal();
-
-// src/components/FloatingPreferencesButton.tsx
-var import_CookieOutlined = __toESM(require("@mui/icons-material/CookieOutlined"), 1);
-var import_Fab = __toESM(require("@mui/material/Fab"), 1);
-var import_Tooltip = __toESM(require("@mui/material/Tooltip"), 1);
-var import_styles3 = require("@mui/material/styles");
-init_useConsent();
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function FloatingPreferencesButton({
-  position = "bottom-right",
-  offset = 24,
-  icon = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_CookieOutlined.default, {}),
-  tooltip,
-  FabProps,
-  hideWhenConsented = false
-}) {
-  const { openPreferences, consented } = useConsent();
-  const theme = (0, import_styles3.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__ */ (0, import_jsx_runtime6.jsx)(import_Tooltip.default, { title: tooltipText, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    import_Fab.default,
-    {
-      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
-    }
-  ) });
-}
-
-// src/index.ts
 init_ConsentContext();
 init_useConsent();
 init_CategoriesContext();
 
 // src/utils/ConsentGate.tsx
 init_useConsent();
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function ConsentGate(props) {
   const { preferences } = useConsent();
   if (!preferences[props.category]) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: props.children });
 }
 
 // src/utils/scriptLoader.ts
@@ -1158,15 +1249,15 @@ function loadScript(id, src, category = null, attrs = {}) {
 init_theme();
 
 // src/utils/ConsentScriptLoader.tsx
-var React4 = __toESM(require("react"), 1);
+var React5 = __toESM(require("react"), 1);
 init_useConsent();
 function ConsentScriptLoader({
   integrations,
   reloadOnChange = false
 }) {
   const { preferences, consented } = useConsent();
-  const loadedScripts = React4.useRef(/* @__PURE__ */ new Set());
-  React4.useEffect(() => {
+  const loadedScripts = React5.useRef(/* @__PURE__ */ new Set());
+  React5.useEffect(() => {
     if (!consented) return;
     integrations.forEach(async (integration) => {
       const shouldLoad = preferences[integration.category];
@@ -1184,9 +1275,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);
         }
@@ -1197,7 +1285,7 @@ function ConsentScriptLoader({
 }
 function useConsentScriptLoader() {
   const { preferences, consented } = useConsent();
-  return React4.useCallback(
+  return React5.useCallback(
     async (integration) => {
       if (!consented) {
         console.warn(
@@ -1223,9 +1311,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);
@@ -1277,8 +1362,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") {
@@ -1303,9 +1388,7 @@ init_developerGuidance();
   ConsentGate,
   ConsentProvider,
   ConsentScriptLoader,
-  CookieBanner,
   DEFAULT_PROJECT_CATEGORIES,
-  FloatingPreferencesButton,
   PreferencesModal,
   analyzeDeveloperConfiguration,
   createGoogleAnalyticsIntegration,
@@ -1318,6 +1401,5 @@ init_developerGuidance();
   useConsent,
   useConsentHydration,
   useConsentScriptLoader,
-  useConsentTexts,
-  useCustomCategories
+  useConsentTexts
 });