react-lgpd-consent 0.2.5 → 0.3.1

package/dist/index.cjs

@@ -30,162 +30,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/utils/cookieUtils.ts
-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 {
-    const data = JSON.parse(raw);
-    if (!data.version) {
-      return migrateLegacyCookie(data);
-    }
-    if (data.version !== COOKIE_SCHEMA_VERSION) {
-      console.warn(
-        `[react-lgpd-consent] Cookie version mismatch: ${data.version} != ${COOKIE_SCHEMA_VERSION}`
-      );
-      return null;
-    }
-    return data;
-  } catch {
-    return null;
-  }
-}
-function migrateLegacyCookie(legacyData) {
-  try {
-    const now = (/* @__PURE__ */ new Date()).toISOString();
-    return {
-      version: COOKIE_SCHEMA_VERSION,
-      consented: legacyData.consented || false,
-      preferences: legacyData.preferences || { necessary: true },
-      consentDate: now,
-      // Não temos o original, usar data atual
-      lastUpdate: now,
-      source: "banner",
-      // Assumir origem banner
-      isModalOpen: false
-      // Nunca persistir estado de UI
-    };
-  } catch {
-    return null;
-  }
-}
-function writeConsentCookie(state, source = "banner", opts) {
-  if (typeof document === "undefined") return;
-  const now = (/* @__PURE__ */ new Date()).toISOString();
-  const o = { ...DEFAULT_COOKIE_OPTS, ...opts };
-  const cookieData = {
-    version: COOKIE_SCHEMA_VERSION,
-    consented: state.consented,
-    preferences: state.preferences,
-    consentDate: state.consentDate || now,
-    // Preservar data original ou usar atual
-    lastUpdate: now,
-    source
-    // isModalOpen NÃO é persistido (campo de UI apenas)
-  };
-  import_js_cookie.default.set(o.name, JSON.stringify(cookieData), {
-    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 });
-}
-var import_js_cookie, DEFAULT_COOKIE_OPTS, COOKIE_SCHEMA_VERSION;
-var init_cookieUtils = __esm({
-  "src/utils/cookieUtils.ts"() {
-    "use strict";
-    import_js_cookie = __toESM(require("js-cookie"), 1);
-    DEFAULT_COOKIE_OPTS = {
-      name: "cookieConsent",
-      maxAgeDays: 365,
-      sameSite: "Lax",
-      secure: typeof window !== "undefined" ? window.location.protocol === "https:" : false,
-      path: "/"
-    };
-    COOKIE_SCHEMA_VERSION = "1.0";
-  }
-});
-
-// src/utils/theme.ts
-var import_styles, defaultConsentTheme;
-var init_theme = __esm({
-  "src/utils/theme.ts"() {
-    "use strict";
-    import_styles = require("@mui/material/styles");
-    defaultConsentTheme = (0, import_styles.createTheme)({
-      palette: {
-        primary: {
-          main: "#1976d2",
-          contrastText: "#ffffff"
-        },
-        secondary: {
-          main: "#dc004e",
-          contrastText: "#ffffff"
-        },
-        background: {
-          default: "#fafafa",
-          paper: "#ffffff"
-        },
-        text: {
-          primary: "#333333",
-          secondary: "#666666"
-        },
-        action: {
-          hover: "rgba(25, 118, 210, 0.04)"
-        }
-      },
-      typography: {
-        fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
-        body2: {
-          fontSize: "0.875rem",
-          lineHeight: 1.43
-        },
-        button: {
-          fontWeight: 500,
-          textTransform: "none"
-        }
-      },
-      components: {
-        MuiButton: {
-          styleOverrides: {
-            root: {
-              borderRadius: 8,
-              paddingX: 16,
-              paddingY: 8
-            },
-            contained: {
-              boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
-              "&:hover": {
-                boxShadow: "0 4px 8px rgba(0,0,0,0.15)"
-              }
-            }
-          }
-        },
-        MuiPaper: {
-          styleOverrides: {
-            root: {
-              borderRadius: 12
-            }
-          }
-        },
-        MuiDialog: {
-          styleOverrides: {
-            paper: {
-              borderRadius: 16
-            }
-          }
-        }
-      }
-    });
-  }
-});
-
 // src/utils/developerGuidance.ts
 function analyzeDeveloperConfiguration(config) {
   const guidance = {
@@ -244,17 +88,6 @@ function analyzeDeveloperConfiguration(config) {
       });
     }
   });
-  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;
@@ -269,18 +102,10 @@ function analyzeDeveloperConfiguration(config) {
       '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) {
-  if (disableGuidanceProp === true) {
+  if (disableGuidanceProp) {
     return;
   }
   const isProduction = (
@@ -304,7 +129,8 @@ function logDeveloperGuidance(guidance, disableGuidanceProp) {
     console.groupEnd();
   }
   if (guidance.usingDefaults) {
-    console.info(
+    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.`
     );
   }
@@ -329,6 +155,9 @@ function useDeveloperGuidance(config, disableGuidanceProp) {
     [config]
   );
   React.useEffect(() => {
+    if (disableGuidanceProp === true) {
+      return;
+    }
     logDeveloperGuidance(guidance, disableGuidanceProp);
   }, [guidance, stringifiedConfig, disableGuidanceProp]);
   return guidance;
@@ -339,9 +168,8 @@ var init_developerGuidance = __esm({
     "use strict";
     React = __toESM(require("react"), 1);
     DEFAULT_PROJECT_CATEGORIES = {
-      enabledCategories: ["analytics"],
+      enabledCategories: ["analytics"]
       // Só analytics além de necessary
-      customCategories: []
     };
   }
 });
@@ -349,24 +177,13 @@ var init_developerGuidance = __esm({
 // src/context/CategoriesContext.tsx
 function CategoriesProvider({
   children,
-  categories,
-  // LEGACY: prop antiga (apenas customCategories)
-  config
+  config,
   // NOVO: configuração completa
+  disableDeveloperGuidance
 }) {
   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 finalConfig = config || DEFAULT_PROJECT_CATEGORIES;
+    const guidance = analyzeDeveloperConfiguration(config);
     const toggleableCategories = guidance.activeCategoriesInfo.filter(
       (cat) => cat.uiRequired
     );
@@ -374,14 +191,13 @@ function CategoriesProvider({
       config: finalConfig,
       guidance,
       toggleableCategories,
-      allCategories: guidance.activeCategoriesInfo,
-      legacyCategories: categories || []
+      allCategories: guidance.activeCategoriesInfo
     };
-  }, [config, categories]);
+  }, [config]);
   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 }) });
+    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);
@@ -403,10 +219,7 @@ function useCategoryStatus(categoryId) {
     description: category?.description
   };
 }
-function useCustomCategories() {
-  return React2.useContext(CategoriesCtx);
-}
-var React2, import_jsx_runtime, CategoriesContext, CategoriesCtx;
+var React2, import_jsx_runtime, CategoriesContext;
 var init_CategoriesContext = __esm({
   "src/context/CategoriesContext.tsx"() {
     "use strict";
@@ -416,192 +229,758 @@ var init_CategoriesContext = __esm({
     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"
-          }
-        )
-      ]
-    }
-  );
+// src/utils/SafeThemeProvider.tsx
+function SafeThemeProvider({
+  theme,
+  children
+}) {
+  const safeTheme = React3.useMemo(() => createSafeTheme(theme), [theme]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_styles.ThemeProvider, { theme: safeTheme, children });
 }
-var import_Link, import_Typography, import_jsx_runtime2, brandingStyles, linkStyles;
-var init_Branding = __esm({
-  "src/components/Branding.tsx"() {
+var React3, import_styles, import_jsx_runtime2, createSafeTheme;
+var init_SafeThemeProvider = __esm({
+  "src/utils/SafeThemeProvider.tsx"() {
     "use strict";
-    import_Link = __toESM(require("@mui/material/Link"), 1);
-    import_Typography = __toESM(require("@mui/material/Typography"), 1);
+    React3 = __toESM(require("react"), 1);
+    import_styles = require("@mui/material/styles");
     import_jsx_runtime2 = require("react/jsx-runtime");
-    brandingStyles = {
-      banner: {
-        fontSize: "0.65rem",
-        textAlign: "center",
-        mt: 1,
-        opacity: 0.7,
-        fontStyle: "italic"
-      },
-      modal: {
-        fontSize: "0.65rem",
-        textAlign: "center",
-        px: 3,
-        pb: 1,
-        opacity: 0.7,
-        fontStyle: "italic"
+    createSafeTheme = (userTheme) => {
+      const baseTheme = (0, import_styles.createTheme)({
+        palette: {
+          primary: {
+            main: "#1976d2",
+            dark: "#1565c0",
+            light: "#42a5f5",
+            contrastText: "#ffffff"
+          },
+          secondary: {
+            main: "#dc004e",
+            dark: "#9a0036",
+            light: "#e33371",
+            contrastText: "#ffffff"
+          },
+          background: {
+            default: "#fafafa",
+            paper: "#ffffff"
+          },
+          text: {
+            primary: "#333333",
+            secondary: "#666666"
+          }
+        },
+        transitions: {
+          duration: {
+            shortest: 150,
+            shorter: 200,
+            short: 250,
+            standard: 300,
+            complex: 375,
+            enteringScreen: 225,
+            leavingScreen: 195
+          }
+        }
+      });
+      if (!userTheme) {
+        return baseTheme;
       }
+      return (0, import_styles.createTheme)({
+        ...baseTheme,
+        ...userTheme,
+        palette: {
+          ...baseTheme.palette,
+          ...userTheme.palette,
+          primary: {
+            ...baseTheme.palette.primary,
+            ...userTheme.palette?.primary
+          },
+          secondary: {
+            ...baseTheme.palette.secondary,
+            ...userTheme.palette?.secondary
+          },
+          background: {
+            ...baseTheme.palette.background,
+            ...userTheme.palette?.background
+          },
+          text: {
+            ...baseTheme.palette.text,
+            ...userTheme.palette?.text
+          }
+        },
+        transitions: {
+          ...baseTheme.transitions,
+          ...userTheme.transitions,
+          duration: {
+            ...baseTheme.transitions.duration,
+            ...userTheme.transitions?.duration
+          }
+        }
+      });
     };
-    linkStyles = {
-      textDecoration: "none",
-      fontWeight: 500,
-      "&:hover": {
-        textDecoration: "underline"
+  }
+});
+
+// src/utils/logger.ts
+function setDebugLogging(enabled, level = 2 /* INFO */) {
+  logger.setEnabled(enabled);
+  logger.setLevel(level);
+  logger.info(
+    `Debug logging ${enabled ? "enabled" : "disabled"} with level ${LogLevel[level]}`
+  );
+}
+var IS_DEVELOPMENT, LOG_PREFIX, LogLevel, ConsentLogger, logger;
+var init_logger = __esm({
+  "src/utils/logger.ts"() {
+    "use strict";
+    IS_DEVELOPMENT = typeof window !== "undefined" && window.__REACT_DEVTOOLS_GLOBAL_HOOK__ || typeof globalThis !== "undefined" && globalThis.process?.env?.NODE_ENV === "development";
+    LOG_PREFIX = "[react-lgpd-consent]";
+    LogLevel = /* @__PURE__ */ ((LogLevel2) => {
+      LogLevel2[LogLevel2["ERROR"] = 0] = "ERROR";
+      LogLevel2[LogLevel2["WARN"] = 1] = "WARN";
+      LogLevel2[LogLevel2["INFO"] = 2] = "INFO";
+      LogLevel2[LogLevel2["DEBUG"] = 3] = "DEBUG";
+      return LogLevel2;
+    })(LogLevel || {});
+    ConsentLogger = class {
+      constructor() {
+        this.enabled = IS_DEVELOPMENT;
+        this.level = 2 /* INFO */;
+      }
+      setEnabled(enabled) {
+        this.enabled = enabled;
+      }
+      setLevel(level) {
+        this.level = level;
+      }
+      error(...args) {
+        if (this.enabled && this.level >= 0 /* ERROR */) {
+          console.error(LOG_PREFIX, "[ERROR]", ...args);
+        }
+      }
+      warn(...args) {
+        if (this.enabled && this.level >= 1 /* WARN */) {
+          console.warn(LOG_PREFIX, "[WARN]", ...args);
+        }
+      }
+      info(...args) {
+        if (this.enabled && this.level >= 2 /* INFO */) {
+          console.info(LOG_PREFIX, "[INFO]", ...args);
+        }
+      }
+      debug(...args) {
+        if (this.enabled && this.level >= 3 /* DEBUG */) {
+          console.debug(LOG_PREFIX, "[DEBUG]", ...args);
+        }
+      }
+      // Logs específicos para troubleshooting
+      themeCompatibility(themeInfo) {
+        this.debug("Theme compatibility check:", {
+          hasTheme: !!themeInfo,
+          hasPalette: !!themeInfo?.palette,
+          hasPrimary: !!themeInfo?.palette?.primary,
+          hasTransitions: !!themeInfo?.transitions,
+          hasDuration: !!themeInfo?.transitions?.duration
+        });
+      }
+      consentState(action, state) {
+        this.debug(`Consent state change [${action}]:`, {
+          consented: state.consented,
+          isModalOpen: state.isModalOpen,
+          preferencesCount: Object.keys(state.preferences || {}).length
+        });
+      }
+      cookieOperation(operation, cookieName, data) {
+        this.debug(`Cookie ${operation}:`, {
+          name: cookieName,
+          hasData: !!data,
+          dataSize: data ? JSON.stringify(data).length : 0
+        });
+      }
+      componentRender(componentName, props) {
+        this.debug(`Component render [${componentName}]:`, {
+          hasProps: !!props,
+          propsKeys: props ? Object.keys(props) : []
+        });
+      }
+      scriptIntegration(scriptName, action, success) {
+        this.info(
+          `Script ${action} [${scriptName}]:`,
+          success ? "SUCCESS" : "FAILED"
+        );
+      }
+      apiUsage(method, params) {
+        this.debug(`API call [${method}]:`, params);
       }
     };
+    logger = new ConsentLogger();
   }
 });
 
-// src/components/PreferencesModal.tsx
-var PreferencesModal_exports = {};
-__export(PreferencesModal_exports, {
-  PreferencesModal: () => PreferencesModal
+// src/utils/cookieUtils.ts
+function readConsentCookie(name = DEFAULT_COOKIE_OPTS.name) {
+  logger.debug("Reading consent cookie", { name });
+  if (typeof document === "undefined") {
+    logger.debug("Cookie read skipped: server-side environment");
+    return null;
+  }
+  const raw = import_js_cookie.default.get(name);
+  if (!raw) {
+    logger.debug("No consent cookie found");
+    return null;
+  }
+  try {
+    const data = JSON.parse(raw);
+    logger.cookieOperation("read", name, data);
+    if (!data.version) {
+      logger.debug("Migrating legacy cookie format");
+      return migrateLegacyCookie(data);
+    }
+    if (data.version !== COOKIE_SCHEMA_VERSION) {
+      logger.warn(
+        `Cookie version mismatch: ${data.version} != ${COOKIE_SCHEMA_VERSION}`
+      );
+      return null;
+    }
+    return data;
+  } catch (error) {
+    logger.error("Error parsing consent cookie", error);
+    return null;
+  }
+}
+function migrateLegacyCookie(legacyData) {
+  try {
+    const now = (/* @__PURE__ */ new Date()).toISOString();
+    return {
+      version: COOKIE_SCHEMA_VERSION,
+      consented: legacyData.consented || false,
+      preferences: legacyData.preferences || { necessary: true },
+      consentDate: now,
+      // Não temos o original, usar data atual
+      lastUpdate: now,
+      source: "banner",
+      // Assumir origem banner
+      isModalOpen: false
+      // Nunca persistir estado de UI
+    };
+  } catch {
+    return null;
+  }
+}
+function writeConsentCookie(state, config, opts, source = "banner") {
+  if (typeof document === "undefined") {
+    logger.debug("Cookie write skipped: server-side environment");
+    return;
+  }
+  const now = (/* @__PURE__ */ new Date()).toISOString();
+  const o = { ...DEFAULT_COOKIE_OPTS, ...opts };
+  const cookieData = {
+    version: COOKIE_SCHEMA_VERSION,
+    consented: state.consented,
+    preferences: state.preferences,
+    consentDate: state.consentDate || now,
+    // Preservar data original ou usar atual
+    lastUpdate: now,
+    source,
+    projectConfig: config
+    // isModalOpen NÃO é persistido (campo de UI apenas)
+  };
+  logger.cookieOperation("write", o.name, cookieData);
+  import_js_cookie.default.set(o.name, JSON.stringify(cookieData), {
+    expires: o.maxAgeDays,
+    sameSite: o.sameSite,
+    secure: o.secure,
+    path: o.path
+  });
+  logger.info("Consent cookie saved", {
+    consented: cookieData.consented,
+    source: cookieData.source,
+    preferencesCount: Object.keys(cookieData.preferences).length
+  });
+}
+function removeConsentCookie(opts) {
+  if (typeof document === "undefined") {
+    logger.debug("Cookie removal skipped: server-side environment");
+    return;
+  }
+  const o = { ...DEFAULT_COOKIE_OPTS, ...opts };
+  logger.cookieOperation("delete", o.name);
+  import_js_cookie.default.remove(o.name, { path: o.path });
+  logger.info("Consent cookie removed");
+}
+var import_js_cookie, DEFAULT_COOKIE_OPTS, COOKIE_SCHEMA_VERSION;
+var init_cookieUtils = __esm({
+  "src/utils/cookieUtils.ts"() {
+    "use strict";
+    import_js_cookie = __toESM(require("js-cookie"), 1);
+    init_logger();
+    DEFAULT_COOKIE_OPTS = {
+      name: "cookieConsent",
+      maxAgeDays: 365,
+      sameSite: "Lax",
+      secure: typeof window !== "undefined" ? window.location.protocol === "https:" : false,
+      path: "/"
+    };
+    COOKIE_SCHEMA_VERSION = "1.0";
+  }
 });
-function PreferencesModal({
-  DialogProps: DialogProps2,
-  hideBranding = false
+
+// 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_styles2, defaultConsentTheme;
+var init_theme = __esm({
+  "src/utils/theme.ts"() {
+    "use strict";
+    import_styles2 = require("@mui/material/styles");
+    defaultConsentTheme = (0, import_styles2.createTheme)({
+      palette: {
+        primary: {
+          main: "#1976d2",
+          contrastText: "#ffffff"
+        },
+        secondary: {
+          main: "#dc004e",
+          contrastText: "#ffffff"
+        },
+        background: {
+          default: "#fafafa",
+          paper: "#ffffff"
+        },
+        text: {
+          primary: "#333333",
+          secondary: "#666666"
+        },
+        action: {
+          hover: "rgba(25, 118, 210, 0.04)"
+        }
+      },
+      typography: {
+        fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
+        body2: {
+          fontSize: "0.875rem",
+          lineHeight: 1.43
+        },
+        button: {
+          fontWeight: 500,
+          textTransform: "none"
+        }
+      },
+      components: {
+        MuiButton: {
+          styleOverrides: {
+            root: {
+              borderRadius: 8,
+              paddingX: 16,
+              paddingY: 8
+            },
+            contained: {
+              boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
+              "&:hover": {
+                boxShadow: "0 4px 8px rgba(0,0,0,0.15)"
+              }
+            }
+          }
+        },
+        MuiPaper: {
+          styleOverrides: {
+            root: {
+              borderRadius: 12
+            }
+          }
+        },
+        MuiDialog: {
+          styleOverrides: {
+            paper: {
+              borderRadius: 16
+            }
+          }
+        }
+      }
+    });
+  }
+});
+
+// src/context/DesignContext.tsx
+function DesignProvider({
+  tokens,
+  children
 }) {
-  const { preferences, setPreferences, closePreferences, isModalOpen } = useConsent();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DesignContext.Provider, { value: tokens, children });
+}
+function useDesignTokens() {
+  return React4.useContext(DesignContext);
+}
+var React4, import_jsx_runtime3, DesignContext;
+var init_DesignContext = __esm({
+  "src/context/DesignContext.tsx"() {
+    "use strict";
+    React4 = __toESM(require("react"), 1);
+    import_jsx_runtime3 = require("react/jsx-runtime");
+    DesignContext = React4.createContext(void 0);
+  }
+});
+
+// src/components/Branding.tsx
+function Branding({ variant, hidden = false }) {
   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;
+  if (hidden) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    import_Typography.default,
+    {
+      variant: "caption",
+      sx: (theme) => ({
+        ...brandingStyles[variant],
+        color: theme.palette.text.secondary
+      }),
+      children: [
+        texts.brandingPoweredBy || "fornecido por",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime4.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"
+          }
+        )
+      ]
     }
   );
-  (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);
+}
+var import_Link, import_Typography, import_jsx_runtime4, brandingStyles, linkStyles;
+var init_Branding = __esm({
+  "src/components/Branding.tsx"() {
+    "use strict";
+    init_useConsent();
+    import_Link = __toESM(require("@mui/material/Link"), 1);
+    import_Typography = __toESM(require("@mui/material/Typography"), 1);
+    import_jsx_runtime4 = require("react/jsx-runtime");
+    brandingStyles = {
+      banner: {
+        fontSize: "0.65rem",
+        textAlign: "right",
+        mt: 1,
+        opacity: 0.7,
+        fontStyle: "italic",
+        width: "100%"
+      },
+      modal: {
+        fontSize: "0.65rem",
+        textAlign: "right",
+        px: 3,
+        pb: 1,
+        opacity: 0.7,
+        fontStyle: "italic",
+        width: "100%"
+      }
+    };
+    linkStyles = {
+      textDecoration: "none",
+      fontWeight: 500,
+      "&:hover": {
+        textDecoration: "underline"
+      }
+    };
+  }
+});
+
+// src/components/CookieBanner.tsx
+function CookieBanner({
+  policyLinkUrl,
+  debug,
+  blocking = true,
+  hideBranding = false,
+  SnackbarProps,
+  PaperProps
+}) {
+  const { consented, acceptAll, rejectAll, openPreferences } = useConsent();
+  const texts = useConsentTexts();
+  const isHydrated = useConsentHydration();
+  const designTokens = useDesignTokens();
+  const open = debug ? true : isHydrated && !consented;
+  logger.componentRender("CookieBanner", {
+    open,
+    consented,
+    isHydrated,
+    blocking,
+    hideBranding
+  });
+  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_runtime5.jsx)(import_Paper.default, { elevation: 3, sx: bannerStyle, ...PaperProps, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_Stack.default, { spacing: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      import_Typography2.default,
+      {
+        variant: "body2",
+        sx: { fontSize: designTokens?.typography?.fontSize?.banner },
+        children: [
+          texts.bannerMessage,
+          " ",
+          policyLinkUrl && /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsxs)(
+      import_Stack.default,
+      {
+        direction: { xs: "column", sm: "row" },
+        spacing: 1,
+        justifyContent: "flex-end",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_Button.default,
+            {
+              variant: "outlined",
+              onClick: () => {
+                logger.apiUsage("rejectAll", { source: "banner" });
+                rejectAll();
+              },
+              sx: { color: designTokens?.colors?.secondary },
+              children: texts.declineAll
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_Button.default,
+            {
+              variant: "contained",
+              onClick: () => {
+                logger.apiUsage("acceptAll", { source: "banner" });
+                acceptAll();
+              },
+              sx: { backgroundColor: designTokens?.colors?.primary },
+              children: texts.acceptAll
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_Button.default,
+            {
+              variant: "text",
+              onClick: () => {
+                logger.apiUsage("openPreferences", { source: "banner" });
+                openPreferences();
+              },
+              sx: { color: designTokens?.colors?.text },
+              children: texts.preferences
+            }
+          )
+        ]
+      }
+    ),
+    !hideBranding && /* @__PURE__ */ (0, import_jsx_runtime5.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_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: designTokens?.layout?.backdrop ? "rgba(0, 0, 0, 0.5)" : "transparent",
+            zIndex: 1299
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Box.default, { sx: positionStyle, children: bannerContent })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5;
+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_runtime3 = require("react/jsx-runtime");
+    init_logger();
+    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;
-    });
+// src/components/FloatingPreferencesButton.tsx
+function useThemeWithFallbacks() {
+  const theme = (0, import_styles3.useTheme)();
+  logger.themeCompatibility(theme);
+  return {
+    palette: {
+      primary: {
+        main: theme?.palette?.primary?.main || "#1976d2",
+        dark: theme?.palette?.primary?.dark || "#1565c0"
+      }
+    },
+    transitions: {
+      duration: {
+        shortest: theme?.transitions?.duration?.shortest || 150,
+        short: theme?.transitions?.duration?.short || 250
+      }
+    }
+  };
+}
+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 texts = useConsentTexts();
+  const safeTheme = useThemeWithFallbacks();
+  logger.componentRender("FloatingPreferencesButton", {
+    position,
+    offset,
+    hideWhenConsented,
+    consented
+  });
+  if (hideWhenConsented && consented) {
+    logger.debug(
+      "FloatingPreferencesButton: Hidden due to hideWhenConsented=true and consented=true"
+    );
+    return null;
   }
-  return prefs;
+  const tooltipText = tooltip ?? texts.preferencesButton ?? "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: safeTheme.palette.primary.main,
+        "&:hover": {
+          backgroundColor: safeTheme.palette.primary.dark
+        },
+        transition: `all ${safeTheme.transitions.duration.short}ms`
+      },
+      "aria-label": tooltipText,
+      ...FabProps,
+      children: icon
+    }
+  ) });
 }
-function createFullConsentState(consented, preferences, source, isModalOpen = false, existingState) {
+var import_CookieOutlined, import_Fab, import_Tooltip, import_styles3, import_jsx_runtime6;
+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_styles3 = require("@mui/material/styles");
+    init_useConsent();
+    init_logger();
+    import_jsx_runtime6 = require("react/jsx-runtime");
+  }
+});
+
+// src/context/ConsentContext.tsx
+function createFullConsentState(consented, preferences, source, projectConfig, isModalOpen = false, existingState) {
   const now = (/* @__PURE__ */ new Date()).toISOString();
   return {
     version: "1.0",
@@ -610,30 +989,51 @@ function createFullConsentState(consented, preferences, source, isModalOpen = fa
     consentDate: existingState?.consentDate || now,
     lastUpdate: now,
     source,
+    projectConfig,
     isModalOpen
   };
 }
 function reducer(state, action) {
+  log.debug("State transition:", {
+    action: action.type,
+    currentState: state.consented
+  });
   switch (action.type) {
     case "ACCEPT_ALL": {
-      const prefs = createInitialPreferences(action.customCategories);
-      Object.keys(prefs).forEach((key) => {
-        prefs[key] = true;
+      const prefs = createProjectPreferences(action.config, true);
+      const newState = createFullConsentState(
+        true,
+        prefs,
+        "banner",
+        action.config,
+        false,
+        state
+      );
+      log.info("User accepted all cookies", {
+        preferences: newState.preferences
+      });
+      return newState;
+    }
+    case "REJECT_ALL": {
+      const prefs = createProjectPreferences(action.config, false);
+      const newState = createFullConsentState(
+        true,
+        prefs,
+        "banner",
+        action.config,
+        false,
+        state
+      );
+      log.info("User rejected all cookies", {
+        preferences: newState.preferences
       });
-      return createFullConsentState(true, prefs, "banner", 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);
+      return newState;
     }
     case "SET_CATEGORY":
+      log.debug("Category preference changed", {
+        category: action.category,
+        value: action.value
+      });
       return {
         ...state,
         preferences: {
@@ -643,10 +1043,12 @@ function reducer(state, action) {
         lastUpdate: (/* @__PURE__ */ new Date()).toISOString()
       };
     case "SET_PREFERENCES":
+      log.info("Preferences saved", { preferences: action.preferences });
       return createFullConsentState(
         true,
         action.preferences,
         "modal",
+        action.config,
         false,
         state
       );
@@ -657,20 +1059,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;
   }
@@ -678,96 +1090,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 = React5.useMemo(
     () => ({ ...DEFAULT_TEXTS, ...textsProp ?? {} }),
     [textsProp]
   );
-  const cookie = React3.useMemo(
+  const cookie = React5.useMemo(
     () => ({ ...DEFAULT_COOKIE_OPTS, ...cookieOpts ?? {} }),
     [cookieOpts]
   );
-  const appliedTheme = React3.useMemo(
+  const appliedTheme = React5.useMemo(
     () => theme || defaultConsentTheme,
     [theme]
   );
-  const finalCategoriesConfig = React3.useMemo(() => {
+  const finalCategoriesConfig = React5.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 = React5.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] = React5.useReducer(reducer, boot);
+  const [isHydrated, setIsHydrated] = React5.useState(false);
+  React5.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]);
+  React5.useEffect(() => {
+    if (state.consented)
+      writeConsentCookie(state, finalCategoriesConfig, cookie);
+  }, [state, cookie, finalCategoriesConfig]);
+  const prevConsented = React5.useRef(state.consented);
+  React5.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 = React5.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,
@@ -781,58 +1195,104 @@ 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]);
+  React5.useEffect(() => {
+    _registerGlobalOpenPreferences(api.openPreferences);
+    return () => _unregisterGlobalOpenPreferences();
+  }, [api.openPreferences]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SafeThemeProvider, { theme: appliedTheme, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StateCtx.Provider, { value: state, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ActionsCtx.Provider, { value: api, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TextsCtx.Provider, { value: texts, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HydrationCtx.Provider, { value: isHydrated, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DesignProvider, { tokens: designTokens, children: /* @__PURE__ */ (0, import_jsx_runtime7.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_runtime7.jsx)(React5.Suspense, { fallback: null, children: PreferencesModalComponent ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          PreferencesModalComponent,
+          {
+            preferences: api.preferences,
+            setPreferences: api.setPreferences,
+            closePreferences: api.closePreferences,
+            isModalOpen: api.isModalOpen,
+            texts,
+            ...preferencesModalProps
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PreferencesModal, { hideBranding }) }),
+        !state.consented && isHydrated && (CookieBannerComponent ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          CookieBannerComponent,
+          {
+            consented: api.consented,
+            acceptAll: api.acceptAll,
+            rejectAll: api.rejectAll,
+            openPreferences: api.openPreferences,
+            texts,
+            ...cookieBannerProps
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CookieBanner, {})),
+        state.consented && !disableFloatingPreferencesButton && (FloatingPreferencesButtonComponent ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          FloatingPreferencesButtonComponent,
+          {
+            openPreferences: api.openPreferences,
+            consented: api.consented,
+            ...floatingPreferencesButtonProps
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FloatingPreferencesButton, {}))
       ]
     }
-  ) }) }) }) }) });
+  ) }) }) }) }) }) });
 }
 function useConsentStateInternal() {
-  const ctx = React3.useContext(StateCtx);
+  const ctx = React5.useContext(StateCtx);
   if (!ctx)
     throw new Error("useConsentState must be used within ConsentProvider");
   return ctx;
 }
 function useConsentActionsInternal() {
-  const ctx = React3.useContext(ActionsCtx);
+  const ctx = React5.useContext(ActionsCtx);
   if (!ctx)
     throw new Error("useConsentActions must be used within ConsentProvider");
   return ctx;
 }
 function useConsentTextsInternal() {
-  const ctx = React3.useContext(TextsCtx);
+  const ctx = React5.useContext(TextsCtx);
   return ctx;
 }
 function useConsentHydrationInternal() {
-  return React3.useContext(HydrationCtx);
+  return React5.useContext(HydrationCtx);
 }
-var React3, import_styles2, import_jsx_runtime4, PreferencesModal2, DEFAULT_PREFERENCES, DEFAULT_TEXTS, StateCtx, ActionsCtx, TextsCtx, HydrationCtx;
+var React5, import_jsx_runtime7, log, 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");
+    React5 = __toESM(require("react"), 1);
+    init_SafeThemeProvider();
     init_cookieUtils();
+    init_categoryUtils();
     init_theme();
     init_CategoriesContext();
+    init_DesignContext();
     init_developerGuidance();
-    import_jsx_runtime4 = require("react/jsx-runtime");
-    PreferencesModal2 = React3.lazy(
+    init_useConsent();
+    init_CookieBanner();
+    init_FloatingPreferencesButton();
+    import_jsx_runtime7 = require("react/jsx-runtime");
+    log = {
+      debug: (message, data) => {
+        if (typeof window !== "undefined" && window.__REACT_DEVTOOLS_GLOBAL_HOOK__) {
+          console.debug("[react-lgpd-consent] [DEBUG]", message, data);
+        }
+      },
+      info: (message, data) => {
+        if (typeof window !== "undefined" && window.__REACT_DEVTOOLS_GLOBAL_HOOK__) {
+          console.info("[react-lgpd-consent] [INFO]", message, data);
+        }
+      }
+    };
+    PreferencesModal = React5.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.",
@@ -844,7 +1304,15 @@ var init_ConsentContext = __esm({
       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)",
+      // Textos adicionais para UI customizada
+      preferencesButton: "Configurar Cookies",
+      preferencesTitle: "Gerenciar Prefer\xEAncias de Cookies",
+      preferencesDescription: "Escolha quais tipos de cookies voc\xEA permite que sejam utilizados.",
+      close: "Fechar",
+      accept: "Aceitar",
+      reject: "Rejeitar",
       // Textos ANPD expandidos (opcionais)
+      brandingPoweredBy: "fornecido por",
       controllerInfo: void 0,
       // Exibido se definido
       dataTypes: void 0,
@@ -862,10 +1330,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 = React5.createContext(null);
+    ActionsCtx = React5.createContext(null);
+    TextsCtx = React5.createContext(DEFAULT_TEXTS);
+    HydrationCtx = React5.createContext(false);
   }
 });
 
@@ -892,10 +1360,137 @@ function useConsentTexts() {
 function useConsentHydration() {
   return useConsentHydrationInternal();
 }
+function useOpenPreferencesModal() {
+  const { openPreferences } = useConsent();
+  return openPreferences;
+}
+function openPreferencesModal() {
+  if (globalOpenPreferences) {
+    globalOpenPreferences();
+  } else {
+    console.warn(
+      "openPreferencesModal: ConsentProvider n\xE3o foi inicializado ou n\xE3o est\xE1 dispon\xEDvel."
+    );
+  }
+}
+function _registerGlobalOpenPreferences(openPreferences) {
+  globalOpenPreferences = openPreferences;
+}
+function _unregisterGlobalOpenPreferences() {
+  globalOpenPreferences = null;
+}
+var globalOpenPreferences;
 var init_useConsent = __esm({
   "src/hooks/useConsent.ts"() {
     "use strict";
     init_ConsentContext();
+    globalOpenPreferences = null;
+  }
+});
+
+// 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_runtime8.jsxs)(
+    import_Dialog.default,
+    {
+      "aria-labelledby": "cookie-pref-title",
+      open,
+      onClose: handleCancel,
+      ...DialogProps2,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_DialogTitle.default, { id: "cookie-pref-title", children: texts.modalTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_DialogContent.default, { dividers: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Typography3.default, { variant: "body2", sx: { mb: 2 }, children: texts.modalIntro }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_FormGroup.default, { children: [
+            toggleableCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              import_FormControlLabel.default,
+              {
+                control: /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)(
+              import_FormControlLabel.default,
+              {
+                control: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Switch.default, { checked: true, disabled: true }),
+                label: texts.necessaryAlwaysOn
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_DialogActions.default, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Button2.default, { variant: "outlined", onClick: handleCancel, children: texts.close }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Button2.default, { variant: "contained", onClick: handleSave, children: texts.save })
+        ] }),
+        !hideBranding && /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8;
+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_runtime8 = require("react/jsx-runtime");
   }
 });
 
@@ -906,208 +1501,38 @@ __export(index_exports, {
   ConsentGate: () => ConsentGate,
   ConsentProvider: () => ConsentProvider,
   ConsentScriptLoader: () => ConsentScriptLoader,
-  CookieBanner: () => CookieBanner,
   DEFAULT_PROJECT_CATEGORIES: () => DEFAULT_PROJECT_CATEGORIES,
-  FloatingPreferencesButton: () => FloatingPreferencesButton,
-  PreferencesModal: () => PreferencesModal,
+  LogLevel: () => LogLevel,
+  PreferencesModal: () => PreferencesModal2,
   analyzeDeveloperConfiguration: () => analyzeDeveloperConfiguration,
   createGoogleAnalyticsIntegration: () => createGoogleAnalyticsIntegration,
   createGoogleTagManagerIntegration: () => createGoogleTagManagerIntegration,
   createUserWayIntegration: () => createUserWayIntegration,
   defaultConsentTheme: () => defaultConsentTheme,
   loadScript: () => loadScript,
+  openPreferencesModal: () => openPreferencesModal,
+  setDebugLogging: () => setDebugLogging,
   useCategories: () => useCategories,
   useCategoryStatus: () => useCategoryStatus,
   useConsent: () => useConsent,
   useConsentHydration: () => useConsentHydration,
   useConsentScriptLoader: () => useConsentScriptLoader,
   useConsentTexts: () => useConsentTexts,
-  useCustomCategories: () => useCustomCategories
+  useOpenPreferencesModal: () => useOpenPreferencesModal
 });
 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_runtime9 = 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_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: props.children });
 }
 
 // src/utils/scriptLoader.ts
@@ -1151,15 +1576,15 @@ function loadScript(id, src, category = null, attrs = {}) {
 init_theme();
 
 // src/utils/ConsentScriptLoader.tsx
-var React4 = __toESM(require("react"), 1);
+var React6 = __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 = React6.useRef(/* @__PURE__ */ new Set());
+  React6.useEffect(() => {
     if (!consented) return;
     integrations.forEach(async (integration) => {
       const shouldLoad = preferences[integration.category];
@@ -1177,9 +1602,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);
         }
@@ -1190,7 +1612,7 @@ function ConsentScriptLoader({
 }
 function useConsentScriptLoader() {
   const { preferences, consented } = useConsent();
-  return React4.useCallback(
+  return React6.useCallback(
     async (integration) => {
       if (!consented) {
         console.warn(
@@ -1216,9 +1638,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);
@@ -1270,8 +1689,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") {
@@ -1290,15 +1709,15 @@ var COMMON_INTEGRATIONS = {
 
 // src/index.ts
 init_developerGuidance();
+init_logger();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   COMMON_INTEGRATIONS,
   ConsentGate,
   ConsentProvider,
   ConsentScriptLoader,
-  CookieBanner,
   DEFAULT_PROJECT_CATEGORIES,
-  FloatingPreferencesButton,
+  LogLevel,
   PreferencesModal,
   analyzeDeveloperConfiguration,
   createGoogleAnalyticsIntegration,
@@ -1306,11 +1725,13 @@ init_developerGuidance();
   createUserWayIntegration,
   defaultConsentTheme,
   loadScript,
+  openPreferencesModal,
+  setDebugLogging,
   useCategories,
   useCategoryStatus,
   useConsent,
   useConsentHydration,
   useConsentScriptLoader,
   useConsentTexts,
-  useCustomCategories
+  useOpenPreferencesModal
 });