react-lgpd-consent 0.2.5 → 0.3.0

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,498 @@ 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/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;
+  }
 }
-var import_Link, import_Typography, import_jsx_runtime2, 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");
-    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"
-      }
-    };
-    linkStyles = {
-      textDecoration: "none",
-      fontWeight: 500,
-      "&:hover": {
-        textDecoration: "underline"
-      }
+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") 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)
+  };
+  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/components/PreferencesModal.tsx
-var PreferencesModal_exports = {};
-__export(PreferencesModal_exports, {
-  PreferencesModal: () => PreferencesModal
-});
-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_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/context/DesignContext.tsx
+function DesignProvider({
+  tokens,
+  children
 }) {
-  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;
+  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);
+  }
+});
+
+// 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"
+          }
+        )
+      ]
     }
   );
-  (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_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_runtime3 = 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;
+  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",
@@ -610,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 {
@@ -647,6 +771,7 @@ function reducer(state, action) {
         true,
         action.preferences,
         "modal",
+        action.config,
         false,
         state
       );
@@ -657,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;
   }
@@ -678,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,
@@ -781,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.",
@@ -862,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);
   }
 });
 
@@ -899,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, {
@@ -906,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,
@@ -921,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
@@ -1151,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];
@@ -1177,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);
         }
@@ -1190,7 +1285,7 @@ function ConsentScriptLoader({
 }
 function useConsentScriptLoader() {
   const { preferences, consented } = useConsent();
-  return React4.useCallback(
+  return React5.useCallback(
     async (integration) => {
       if (!consented) {
         console.warn(
@@ -1216,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);
@@ -1270,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") {
@@ -1296,9 +1388,7 @@ init_developerGuidance();
   ConsentGate,
   ConsentProvider,
   ConsentScriptLoader,
-  CookieBanner,
   DEFAULT_PROJECT_CATEGORIES,
-  FloatingPreferencesButton,
   PreferencesModal,
   analyzeDeveloperConfiguration,
   createGoogleAnalyticsIntegration,
@@ -1311,6 +1401,5 @@ init_developerGuidance();
   useConsent,
   useConsentHydration,
   useConsentScriptLoader,
-  useConsentTexts,
-  useCustomCategories
+  useConsentTexts
 });