react-lgpd-consent 0.3.3 → 0.3.5

package/dist/index.cjs

@@ -211,93 +211,6 @@ var init_CategoriesContext = __esm({
   }
 });
 
-// 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 React3, import_styles, import_jsx_runtime2, createSafeTheme;
-var init_SafeThemeProvider = __esm({
-  "src/utils/SafeThemeProvider.tsx"() {
-    "use strict";
-    React3 = __toESM(require("react"), 1);
-    import_styles = require("@mui/material/styles");
-    import_jsx_runtime2 = require("react/jsx-runtime");
-    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
-          }
-        }
-      });
-    };
-  }
-});
-
 // src/utils/logger.ts
 function setDebugLogging(enabled, level = 2 /* INFO */) {
   logger.setEnabled(enabled);
@@ -664,116 +577,43 @@ var init_categoryUtils = __esm({
   }
 });
 
-// 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
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DesignContext.Provider, { value: tokens, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DesignContext.Provider, { value: tokens, children });
 }
 function useDesignTokens() {
-  return React4.useContext(DesignContext);
+  return React3.useContext(DesignContext);
 }
-var React4, import_jsx_runtime3, DesignContext;
+var React3, import_jsx_runtime2, 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);
+    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 }) {
   const texts = useConsentTexts();
+  const designTokens = useDesignTokens();
   if (hidden) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     import_Typography.default,
     {
       variant: "caption",
       sx: (theme) => ({
         ...brandingStyles[variant],
-        color: theme.palette.text.secondary
+        color: designTokens?.colors?.text ?? theme.palette.text.secondary
       }),
       children: [
         texts.brandingPoweredBy || "fornecido por",
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           import_Link.default,
           {
             href: "https://www.ledipo.eti.br",
@@ -781,7 +621,7 @@ function Branding({ variant, hidden = false }) {
             rel: "noopener noreferrer",
             sx: (theme) => ({
               ...linkStyles,
-              color: theme.palette.primary.main
+              color: designTokens?.colors?.primary ?? theme.palette.primary.main
             }),
             children: "L\xC9dipO.eti.br"
           }
@@ -790,14 +630,15 @@ function Branding({ variant, hidden = false }) {
     }
   );
 }
-var import_Link, import_Typography, import_jsx_runtime4, brandingStyles, linkStyles;
+var import_Link, import_Typography, import_jsx_runtime3, brandingStyles, linkStyles;
 var init_Branding = __esm({
   "src/components/Branding.tsx"() {
     "use strict";
     init_useConsent();
+    init_DesignContext();
     import_Link = __toESM(require("@mui/material/Link"), 1);
     import_Typography = __toESM(require("@mui/material/Typography"), 1);
-    import_jsx_runtime4 = require("react/jsx-runtime");
+    import_jsx_runtime3 = require("react/jsx-runtime");
     brandingStyles = {
       banner: {
         fontSize: "0.65rem",
@@ -858,11 +699,11 @@ function CookieBanner({
     borderRadius: designTokens?.spacing?.borderRadius?.banner,
     fontFamily: designTokens?.typography?.fontFamily
   };
-  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: [
+  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_runtime5.jsx)(
+      policyLinkUrl && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         import_Link2.default,
         {
           href: policyLinkUrl,
@@ -874,8 +715,8 @@ function CookieBanner({
         }
       )
     ] }),
-    /* @__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)(
+    /* @__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",
@@ -887,7 +728,7 @@ function CookieBanner({
           children: texts.declineAll
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         import_Button.default,
         {
           variant: "contained",
@@ -899,7 +740,7 @@ function CookieBanner({
           children: texts.acceptAll
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         import_Button.default,
         {
           variant: "text",
@@ -912,7 +753,7 @@ function CookieBanner({
         }
       )
     ] }),
-    !hideBranding && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Branding, { variant: "banner" })
+    !hideBranding && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Branding, { variant: "banner" })
   ] }) });
   const positionStyle = {
     position: "fixed",
@@ -923,10 +764,16 @@ function CookieBanner({
     width: designTokens?.layout?.width?.desktop ?? "100%",
     p: 2
   };
-  const backdropColor = designTokens?.layout?.backdrop === false ? "transparent" : typeof designTokens?.layout?.backdrop === "string" ? designTokens.layout.backdrop : "rgba(0, 0, 0, 0.4)";
+  let backdropColor = "rgba(0, 0, 0, 0.4)";
+  const backdropToken = designTokens?.layout?.backdrop;
+  if (backdropToken === false) {
+    backdropColor = "transparent";
+  } else if (typeof backdropToken === "string") {
+    backdropColor = backdropToken;
+  }
   if (blocking) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         import_Box.default,
         {
           sx: {
@@ -940,10 +787,10 @@ function CookieBanner({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Box.default, { sx: positionStyle, children: bannerContent })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Box.default, { sx: positionStyle, children: bannerContent })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_Snackbar.default,
     {
       open,
@@ -956,7 +803,7 @@ function CookieBanner({
     }
   );
 }
-var import_Button, import_Box, import_Paper, import_Snackbar, import_Stack, import_Typography2, import_Link2, import_jsx_runtime5;
+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";
@@ -971,13 +818,13 @@ var init_CookieBanner = __esm({
     init_DesignContext();
     init_Branding();
     init_logger();
-    import_jsx_runtime5 = require("react/jsx-runtime");
+    import_jsx_runtime4 = require("react/jsx-runtime");
   }
 });
 
 // src/components/FloatingPreferencesButton.tsx
 function useThemeWithFallbacks() {
-  const theme = (0, import_styles3.useTheme)();
+  const theme = (0, import_styles.useTheme)();
   logger.themeCompatibility(theme);
   return {
     palette: {
@@ -997,7 +844,7 @@ function useThemeWithFallbacks() {
 function FloatingPreferencesButton({
   position = "bottom-right",
   offset = 24,
-  icon = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_CookieOutlined.default, {}),
+  icon = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_CookieOutlined.default, {}),
   tooltip,
   FabProps,
   hideWhenConsented = false
@@ -1005,6 +852,7 @@ function FloatingPreferencesButton({
   const { openPreferences, consented } = useConsent();
   const texts = useConsentTexts();
   const safeTheme = useThemeWithFallbacks();
+  const designTokens = useDesignTokens();
   logger.componentRender("FloatingPreferencesButton", {
     position,
     offset,
@@ -1036,7 +884,7 @@ function FloatingPreferencesButton({
         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)(
+  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",
@@ -1044,9 +892,9 @@ function FloatingPreferencesButton({
       onClick: openPreferences,
       sx: {
         ...getPosition(),
-        backgroundColor: safeTheme.palette.primary.main,
+        backgroundColor: designTokens?.colors?.primary ?? safeTheme.palette.primary.main,
         "&:hover": {
-          backgroundColor: safeTheme.palette.primary.dark
+          backgroundColor: designTokens?.colors?.primary ? designTokens?.colors?.primary : safeTheme.palette.primary.dark
         },
         transition: `all ${safeTheme.transitions.duration.short}ms`
       },
@@ -1056,17 +904,18 @@ function FloatingPreferencesButton({
     }
   ) });
 }
-var import_CookieOutlined, import_Fab, import_Tooltip, import_styles3, import_jsx_runtime6;
+var import_CookieOutlined, import_Fab, import_Tooltip, import_styles, 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_styles3 = require("@mui/material/styles");
+    import_styles = require("@mui/material/styles");
+    init_DesignContext();
     init_useConsent();
     init_logger();
-    import_jsx_runtime6 = require("react/jsx-runtime");
+    import_jsx_runtime5 = require("react/jsx-runtime");
   }
 });
 
@@ -1160,6 +1009,8 @@ function ConsentProvider({
   FloatingPreferencesButtonComponent,
   floatingPreferencesButtonProps = {},
   disableFloatingPreferencesButton = false,
+  blocking = false,
+  blockingStrategy = "auto",
   hideBranding = false,
   onConsentGiven,
   onPreferencesSaved,
@@ -1167,18 +1018,18 @@ function ConsentProvider({
   disableDeveloperGuidance,
   children
 }) {
-  const texts = React5.useMemo(() => ({ ...DEFAULT_TEXTS, ...textsProp ?? {} }), [textsProp]);
-  const cookie = React5.useMemo(
+  const texts = React4.useMemo(() => ({ ...DEFAULT_TEXTS, ...textsProp ?? {} }), [textsProp]);
+  const cookie = React4.useMemo(
     () => ({ ...DEFAULT_COOKIE_OPTS, ...cookieOpts ?? {} }),
     [cookieOpts]
   );
-  const appliedTheme = React5.useMemo(() => theme || defaultConsentTheme, [theme]);
-  const finalCategoriesConfig = React5.useMemo(() => {
+  const mergedTheme = theme;
+  const finalCategoriesConfig = React4.useMemo(() => {
     if (categories) return categories;
     return DEFAULT_PROJECT_CATEGORIES;
   }, [categories]);
   useDeveloperGuidance(finalCategoriesConfig, disableDeveloperGuidance);
-  const boot = React5.useMemo(() => {
+  const boot = React4.useMemo(() => {
     if (initialState) return { ...initialState, isModalOpen: false };
     return createFullConsentState(
       false,
@@ -1188,9 +1039,9 @@ function ConsentProvider({
       false
     );
   }, [initialState, finalCategoriesConfig]);
-  const [state, dispatch] = React5.useReducer(reducer, boot);
-  const [isHydrated, setIsHydrated] = React5.useState(false);
-  React5.useEffect(() => {
+  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) {
@@ -1203,17 +1054,17 @@ function ConsentProvider({
     }
     setIsHydrated(true);
   }, [cookie.name, initialState, finalCategoriesConfig]);
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     if (state.consented) writeConsentCookie(state, finalCategoriesConfig, cookie);
   }, [state, cookie, finalCategoriesConfig]);
-  const prevConsented = React5.useRef(state.consented);
-  React5.useEffect(() => {
+  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 api = React5.useMemo(() => {
+  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 });
@@ -1246,18 +1097,24 @@ function ConsentProvider({
       resetConsent
     };
   }, [state, cookie, finalCategoriesConfig, onPreferencesSaved]);
-  React5.useEffect(() => {
+  React4.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)(
+  const providerBackdropColor = React4.useMemo(() => {
+    const backdrop = designTokens?.layout?.backdrop;
+    if (backdrop === false) return "transparent";
+    if (typeof backdrop === "string") return backdrop;
+    return "rgba(0, 0, 0, 0.4)";
+  }, [designTokens]);
+  const content = /* @__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,
       disableDeveloperGuidance,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(React5.Suspense, { fallback: null, children: PreferencesModalComponent ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(React4.Suspense, { fallback: null, children: PreferencesModalComponent ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           PreferencesModalComponent,
           {
             preferences: api.preferences,
@@ -1267,8 +1124,24 @@ function ConsentProvider({
             texts,
             ...preferencesModalProps
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PreferencesModal, { hideBranding }) }),
-        !state.consented && isHydrated && (CookieBannerComponent ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PreferencesModal, { hideBranding }) }),
+        blocking && isHydrated && !state.consented && blockingStrategy === "provider" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "div",
+          {
+            style: {
+              position: "fixed",
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              backgroundColor: providerBackdropColor,
+              zIndex: 1299
+            },
+            "data-testid": "lgpd-provider-overlay",
+            "aria-hidden": true
+          }
+        ),
+        !state.consented && isHydrated && (CookieBannerComponent ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           CookieBannerComponent,
           {
             consented: api.consented,
@@ -1276,47 +1149,61 @@ function ConsentProvider({
             rejectAll: api.rejectAll,
             openPreferences: api.openPreferences,
             texts,
+            blocking,
+            ...cookieBannerProps
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          CookieBanner,
+          {
+            blocking,
+            hideBranding,
             ...cookieBannerProps
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CookieBanner, {})),
-        state.consented && !disableFloatingPreferencesButton && (FloatingPreferencesButtonComponent ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        )),
+        state.consented && !disableFloatingPreferencesButton && (FloatingPreferencesButtonComponent ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           FloatingPreferencesButtonComponent,
           {
             openPreferences: api.openPreferences,
             consented: api.consented,
             ...floatingPreferencesButtonProps
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FloatingPreferencesButton, {}))
+        ) : (
+          // Encaminha `floatingPreferencesButtonProps` para o componente padrão
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FloatingPreferencesButton, { ...floatingPreferencesButtonProps })
+        ))
       ]
     }
-  ) }) }) }) }) }) });
+  ) }) }) }) }) });
+  if (theme) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_styles2.ThemeProvider, { theme: mergedTheme, children: content });
+  }
+  return content;
 }
 function useConsentStateInternal() {
-  const ctx = React5.useContext(StateCtx);
+  const ctx = React4.useContext(StateCtx);
   if (!ctx) throw new Error("useConsentState must be used within ConsentProvider");
   return ctx;
 }
 function useConsentActionsInternal() {
-  const ctx = React5.useContext(ActionsCtx);
+  const ctx = React4.useContext(ActionsCtx);
   if (!ctx) throw new Error("useConsentActions must be used within ConsentProvider");
   return ctx;
 }
 function useConsentTextsInternal() {
-  const ctx = React5.useContext(TextsCtx);
+  const ctx = React4.useContext(TextsCtx);
   return ctx;
 }
 function useConsentHydrationInternal() {
-  return React5.useContext(HydrationCtx);
+  return React4.useContext(HydrationCtx);
 }
-var React5, import_jsx_runtime7, PreferencesModal, DEFAULT_TEXTS, StateCtx, ActionsCtx, TextsCtx, HydrationCtx, defaultTexts;
+var React4, import_styles2, import_jsx_runtime6, PreferencesModal, DEFAULT_TEXTS, StateCtx, ActionsCtx, TextsCtx, HydrationCtx, defaultTexts;
 var init_ConsentContext = __esm({
   "src/context/ConsentContext.tsx"() {
     "use strict";
-    React5 = __toESM(require("react"), 1);
-    init_SafeThemeProvider();
+    React4 = __toESM(require("react"), 1);
+    import_styles2 = require("@mui/material/styles");
     init_cookieUtils();
     init_categoryUtils();
-    init_theme();
     init_CategoriesContext();
     init_DesignContext();
     init_developerGuidance();
@@ -1324,8 +1211,8 @@ var init_ConsentContext = __esm({
     init_logger();
     init_CookieBanner();
     init_FloatingPreferencesButton();
-    import_jsx_runtime7 = require("react/jsx-runtime");
-    PreferencesModal = React5.lazy(
+    import_jsx_runtime6 = require("react/jsx-runtime");
+    PreferencesModal = React4.lazy(
       () => Promise.resolve().then(() => (init_PreferencesModal(), PreferencesModal_exports)).then((m) => ({
         default: m.PreferencesModal
       }))
@@ -1367,10 +1254,10 @@ var init_ConsentContext = __esm({
       transferCountries: void 0
       // Exibido se definido
     };
-    StateCtx = React5.createContext(null);
-    ActionsCtx = React5.createContext(null);
-    TextsCtx = React5.createContext(DEFAULT_TEXTS);
-    HydrationCtx = React5.createContext(false);
+    StateCtx = React4.createContext(null);
+    ActionsCtx = React4.createContext(null);
+    TextsCtx = React4.createContext(DEFAULT_TEXTS);
+    HydrationCtx = React4.createContext(false);
     defaultTexts = DEFAULT_TEXTS;
   }
 });
@@ -1438,6 +1325,7 @@ function PreferencesModal2({
 }) {
   const { preferences, setPreferences, closePreferences, isModalOpen } = useConsent();
   const texts = useConsentTexts();
+  const designTokens = useDesignTokens();
   const { toggleableCategories } = useCategories();
   const [tempPreferences, setTempPreferences] = (0, import_react2.useState)(() => {
     const initialPrefs = { necessary: true };
@@ -1463,15 +1351,29 @@ function PreferencesModal2({
     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)(
+  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",
+        sx: { fontSize: designTokens?.typography?.fontSize?.modal ?? void 0 },
+        children: texts.modalTitle
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_DialogContent.default, { dividers: true, sx: { p: designTokens?.spacing?.padding?.modal ?? void 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        import_Typography3.default,
+        {
+          variant: "body2",
+          sx: { mb: 2, fontSize: designTokens?.typography?.fontSize?.modal ?? void 0 },
+          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_runtime8.jsx)(
+            control: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               import_Switch.default,
               {
                 checked: tempPreferences[category.id] ?? false,
@@ -1485,17 +1387,17 @@ function PreferencesModal2({
           },
           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_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_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 })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_DialogActions.default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Button2.default, { variant: "outlined", onClick: handleCancel, children: texts.close }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Button2.default, { variant: "contained", onClick: handleSave, children: texts.save })
     ] }),
-    !hideBranding && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Branding, { variant: "modal" })
+    !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_react2, import_jsx_runtime8;
+var import_Button2, import_Dialog, import_DialogActions, import_DialogContent, import_DialogTitle, import_FormControlLabel, import_FormGroup, import_Switch, import_Typography3, import_react2, import_jsx_runtime7;
 var init_PreferencesModal = __esm({
   "src/components/PreferencesModal.tsx"() {
     "use strict";
@@ -1511,8 +1413,9 @@ var init_PreferencesModal = __esm({
     import_react2 = require("react");
     init_CategoriesContext();
     init_useConsent();
+    init_DesignContext();
     init_Branding();
-    import_jsx_runtime8 = require("react/jsx-runtime");
+    import_jsx_runtime7 = require("react/jsx-runtime");
   }
 });
 
@@ -1529,6 +1432,7 @@ __export(index_exports, {
   LogLevel: () => LogLevel,
   PreferencesModal: () => PreferencesModal2,
   analyzeDeveloperConfiguration: () => analyzeDeveloperConfiguration,
+  createDefaultConsentTheme: () => createDefaultConsentTheme,
   createGoogleAnalyticsIntegration: () => createGoogleAnalyticsIntegration,
   createGoogleTagManagerIntegration: () => createGoogleTagManagerIntegration,
   createProjectPreferences: () => createProjectPreferences,
@@ -1556,11 +1460,11 @@ init_CategoriesContext();
 
 // src/utils/ConsentGate.tsx
 init_useConsent();
-var import_jsx_runtime9 = 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_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: props.children });
 }
 
 // src/utils/scriptLoader.ts
@@ -1600,11 +1504,79 @@ function loadScript(id, src, category = null, attrs = {}) {
   });
 }
 
-// src/index.ts
-init_theme();
+// src/utils/theme.ts
+var import_styles3 = require("@mui/material/styles");
+function createDefaultConsentTheme() {
+  return (0, import_styles3.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
+          }
+        }
+      }
+    }
+  });
+}
+var defaultConsentTheme = () => createDefaultConsentTheme();
 
 // src/utils/ConsentScriptLoader.tsx
-var React6 = __toESM(require("react"), 1);
+var React5 = __toESM(require("react"), 1);
 init_useConsent();
 init_logger();
 function ConsentScriptLoader({
@@ -1612,8 +1584,8 @@ function ConsentScriptLoader({
   reloadOnChange = false
 }) {
   const { preferences, consented } = useConsent();
-  const loadedScripts = React6.useRef(/* @__PURE__ */ new Set());
-  React6.useEffect(() => {
+  const loadedScripts = React5.useRef(/* @__PURE__ */ new Set());
+  React5.useEffect(() => {
     if (!consented) return;
     integrations.forEach(async (integration) => {
       const shouldLoad = preferences[integration.category];
@@ -1641,7 +1613,7 @@ function ConsentScriptLoader({
 }
 function useConsentScriptLoader() {
   const { preferences, consented } = useConsent();
-  return React6.useCallback(
+  return React5.useCallback(
     async (integration) => {
       if (!consented) {
         logger.warn(`\u26A0\uFE0F Cannot load script ${integration.id}: No consent given`);
@@ -1752,6 +1724,7 @@ init_categoryUtils();
   LogLevel,
   PreferencesModal,
   analyzeDeveloperConfiguration,
+  createDefaultConsentTheme,
   createGoogleAnalyticsIntegration,
   createGoogleTagManagerIntegration,
   createProjectPreferences,