@react-lgpd-consent/mui 0.7.0 → 0.7.2

package/dist/ui.cjs

@@ -0,0 +1,673 @@
+'use strict';
+
+var Link = require('@mui/material/Link');
+var Typography = require('@mui/material/Typography');
+var core = require('@react-lgpd-consent/core');
+var React4 = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var styles = require('@mui/material/styles');
+var Box2 = require('@mui/material/Box');
+var Button = require('@mui/material/Button');
+var Paper = require('@mui/material/Paper');
+var Snackbar = require('@mui/material/Snackbar');
+var Stack = require('@mui/material/Stack');
+var CookieOutlined = require('@mui/icons-material/CookieOutlined');
+var Fab = require('@mui/material/Fab');
+var Tooltip = require('@mui/material/Tooltip');
+var Dialog = require('@mui/material/Dialog');
+var DialogActions = require('@mui/material/DialogActions');
+var DialogContent = require('@mui/material/DialogContent');
+var DialogTitle = require('@mui/material/DialogTitle');
+var FormControlLabel = require('@mui/material/FormControlLabel');
+var FormGroup = require('@mui/material/FormGroup');
+var Switch = require('@mui/material/Switch');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+var Typography__default = /*#__PURE__*/_interopDefault(Typography);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
+var Box2__default = /*#__PURE__*/_interopDefault(Box2);
+var Button__default = /*#__PURE__*/_interopDefault(Button);
+var Paper__default = /*#__PURE__*/_interopDefault(Paper);
+var Snackbar__default = /*#__PURE__*/_interopDefault(Snackbar);
+var Stack__default = /*#__PURE__*/_interopDefault(Stack);
+var CookieOutlined__default = /*#__PURE__*/_interopDefault(CookieOutlined);
+var Fab__default = /*#__PURE__*/_interopDefault(Fab);
+var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
+var Dialog__default = /*#__PURE__*/_interopDefault(Dialog);
+var DialogActions__default = /*#__PURE__*/_interopDefault(DialogActions);
+var DialogContent__default = /*#__PURE__*/_interopDefault(DialogContent);
+var DialogTitle__default = /*#__PURE__*/_interopDefault(DialogTitle);
+var FormControlLabel__default = /*#__PURE__*/_interopDefault(FormControlLabel);
+var FormGroup__default = /*#__PURE__*/_interopDefault(FormGroup);
+var Switch__default = /*#__PURE__*/_interopDefault(Switch);
+
+// @react-lgpd-consent/mui - proxy build
+
+var 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%"
+  }
+};
+var linkStyles = {
+  textDecoration: "none",
+  fontWeight: 500,
+  "&:hover": {
+    textDecoration: "underline"
+  }
+};
+var Branding = React4__namespace.memo(function Branding2({
+  variant,
+  hidden = false,
+  texts: textsProp,
+  language,
+  textVariant
+}) {
+  const baseTexts = core.useConsentTexts();
+  const mergedTexts = React4__namespace.useMemo(
+    () => ({ ...baseTexts, ...textsProp ?? {} }),
+    [baseTexts, textsProp]
+  );
+  const texts = React4__namespace.useMemo(
+    () => core.resolveTexts(mergedTexts, { language, variant: textVariant }),
+    [mergedTexts, language, textVariant]
+  );
+  const designTokens = core.useDesignTokens();
+  if (hidden) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Typography__default.default,
+    {
+      variant: "caption",
+      sx: (theme) => ({
+        ...brandingStyles[variant],
+        color: designTokens?.colors?.text ?? theme.palette.text.secondary
+      }),
+      children: [
+        texts.brandingPoweredBy || "fornecido por",
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Link__default.default,
+          {
+            href: "https://www.ledipo.eti.br",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            sx: (theme) => ({
+              ...linkStyles,
+              color: designTokens?.colors?.primary ?? theme.palette.primary.main
+            }),
+            children: "L\xC9dipO.eti.br"
+          }
+        )
+      ]
+    }
+  );
+});
+function CookieBanner({
+  policyLinkUrl,
+  termsLinkUrl,
+  debug,
+  blocking = true,
+  hideBranding = false,
+  SnackbarProps,
+  PaperProps,
+  texts: textsProp,
+  language,
+  textVariant
+}) {
+  const { consented, acceptAll, rejectAll, openPreferences } = core.useConsent();
+  const baseTexts = core.useConsentTexts();
+  const mergedTexts = React4__namespace.useMemo(
+    () => ({ ...baseTexts, ...textsProp ?? {} }),
+    [baseTexts, textsProp]
+  );
+  const texts = React4__namespace.useMemo(
+    () => core.resolveTexts(mergedTexts, { language, variant: textVariant }),
+    [mergedTexts, language, textVariant]
+  );
+  const isHydrated = core.useConsentHydration();
+  const designTokens = core.useDesignTokens();
+  const open = debug ? true : isHydrated && !consented;
+  core.logger.componentRender("CookieBanner", {
+    open,
+    consented,
+    isHydrated,
+    blocking,
+    hideBranding
+  });
+  if (!open) return null;
+  const bannerStyle = (theme) => ({
+    p: designTokens?.spacing?.padding?.banner ?? 2,
+    maxWidth: 720,
+    mx: "auto",
+    backgroundColor: designTokens?.colors?.background ?? theme.palette.background?.paper,
+    color: designTokens?.colors?.text ?? theme.palette.text?.primary,
+    borderRadius: designTokens?.spacing?.borderRadius?.banner,
+    fontFamily: designTokens?.typography?.fontFamily
+  });
+  const bannerContent = /* @__PURE__ */ jsxRuntime.jsx(Paper__default.default, { elevation: 3, sx: bannerStyle, ...PaperProps, children: /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { spacing: 1, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Typography__default.default, { variant: "body2", sx: { fontSize: designTokens?.typography?.fontSize?.banner }, children: [
+      texts.bannerMessage,
+      " ",
+      policyLinkUrl && /* @__PURE__ */ jsxRuntime.jsx(
+        Link__default.default,
+        {
+          href: policyLinkUrl,
+          underline: "hover",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          sx: { color: designTokens?.colors?.primary },
+          children: texts.policyLink ?? "Saiba mais"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { direction: { xs: "column", sm: "row" }, spacing: 1, justifyContent: "flex-end", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button__default.default,
+        {
+          variant: "outlined",
+          onClick: () => {
+            core.logger.apiUsage("rejectAll", { source: "banner" });
+            rejectAll();
+          },
+          sx: { color: designTokens?.colors?.secondary },
+          children: texts.declineAll
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button__default.default,
+        {
+          variant: "contained",
+          onClick: () => {
+            core.logger.apiUsage("acceptAll", { source: "banner" });
+            acceptAll();
+          },
+          sx: { backgroundColor: designTokens?.colors?.primary },
+          children: texts.acceptAll
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button__default.default,
+        {
+          variant: "text",
+          onClick: () => {
+            core.logger.apiUsage("openPreferences", { source: "banner" });
+            openPreferences();
+          },
+          sx: { color: designTokens?.colors?.text },
+          children: texts.preferences
+        }
+      )
+    ] }),
+    !hideBranding && /* @__PURE__ */ jsxRuntime.jsx(
+      Branding,
+      {
+        variant: "banner",
+        texts: textsProp,
+        language,
+        textVariant
+      }
+    )
+  ] }) });
+  const resolveBannerZIndex = (theme) => designTokens?.layout?.zIndex?.banner ?? theme?.zIndex?.snackbar ?? 1400;
+  const positionStyle = (theme) => ({
+    position: "fixed",
+    zIndex: resolveBannerZIndex(theme),
+    ...designTokens?.layout?.position === "top" ? { top: 0 } : { bottom: 0 },
+    left: 0,
+    right: 0,
+    width: designTokens?.layout?.width?.desktop ?? "100%",
+    p: 2
+  });
+  const backdropToken = designTokens?.layout?.backdrop;
+  const resolveBackdropColor = (theme) => {
+    if (backdropToken === false) return "transparent";
+    if (typeof backdropToken === "string") {
+      if (backdropToken.toLowerCase() === "auto") {
+        const isDark2 = theme?.palette?.mode === "dark";
+        return isDark2 ? "rgba(255, 255, 255, 0.12)" : "rgba(0, 0, 0, 0.4)";
+      }
+      return backdropToken;
+    }
+    const isDark = theme?.palette?.mode === "dark";
+    return isDark ? "rgba(255, 255, 255, 0.12)" : "rgba(0, 0, 0, 0.4)";
+  };
+  const isSafeRoute = (() => {
+    try {
+      if (globalThis?.window === void 0) return false;
+      const current = new URL(globalThis.window.location.href);
+      const safeUrls = [policyLinkUrl, termsLinkUrl].filter(Boolean);
+      return safeUrls.some((u) => {
+        try {
+          const target = new URL(u, current.origin);
+          return target.pathname === current.pathname;
+        } catch {
+          return false;
+        }
+      });
+    } catch {
+      return false;
+    }
+  })();
+  const effectiveBlocking = blocking && !isSafeRoute;
+  if (effectiveBlocking) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Box2__default.default,
+        {
+          sx: (theme) => ({
+            position: "fixed",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: resolveBackdropColor(theme),
+            zIndex: designTokens?.layout?.zIndex?.backdrop ?? (resolveBannerZIndex(theme) ? resolveBannerZIndex(theme) - 1 : 1299)
+          }),
+          "data-testid": "lgpd-cookie-banner-overlay"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(Box2__default.default, { sx: positionStyle, "data-testid": "lgpd-cookie-banner-wrapper", children: bannerContent })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Snackbar__default.default,
+    {
+      open,
+      anchorOrigin: {
+        vertical: designTokens?.layout?.position === "top" ? "top" : "bottom",
+        horizontal: "center"
+      },
+      ...SnackbarProps,
+      children: bannerContent
+    }
+  );
+}
+function useThemeWithFallbacks() {
+  const theme = styles.useTheme();
+  core.logger.themeCompatibility(theme);
+  return {
+    palette: {
+      primary: {
+        main: theme?.palette?.primary?.main || "#1976d2",
+        dark: theme?.palette?.primary?.dark || "#1565c0"
+      }
+    },
+    transitions: {
+      duration: {
+        shortest: theme?.transitions?.duration?.shortest || 150,
+        short: theme?.transitions?.duration?.short || 250
+      }
+    }
+  };
+}
+function FloatingPreferencesButtonComponent({
+  position = "bottom-right",
+  offset = 24,
+  icon = /* @__PURE__ */ jsxRuntime.jsx(CookieOutlined__default.default, {}),
+  tooltip,
+  FabProps,
+  hideWhenConsented = false,
+  texts: textsProp,
+  language,
+  textVariant
+}) {
+  const { openPreferences, consented } = core.useConsent();
+  const baseTexts = core.useConsentTexts();
+  const mergedTexts = React4__namespace.useMemo(
+    () => ({ ...baseTexts, ...textsProp ?? {} }),
+    [baseTexts, textsProp]
+  );
+  const texts = React4__namespace.useMemo(
+    () => core.resolveTexts(mergedTexts, { language, variant: textVariant }),
+    [mergedTexts, language, textVariant]
+  );
+  const safeTheme = useThemeWithFallbacks();
+  const designTokens = core.useDesignTokens();
+  const positionStyles = React4__namespace.useMemo(() => {
+    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 };
+    }
+  }, [position, offset]);
+  core.logger.componentRender("FloatingPreferencesButton", {
+    position,
+    offset,
+    hideWhenConsented,
+    consented
+  });
+  if (hideWhenConsented && consented) {
+    core.logger.debug(
+      "FloatingPreferencesButton: Hidden due to hideWhenConsented=true and consented=true"
+    );
+    return null;
+  }
+  const tooltipText = tooltip ?? texts.preferencesButton ?? "Gerenciar Prefer\xEAncias de Cookies";
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip__default.default, { title: tooltipText, placement: "top", children: /* @__PURE__ */ jsxRuntime.jsx(
+    Fab__default.default,
+    {
+      size: "medium",
+      color: "primary",
+      onClick: openPreferences,
+      sx: {
+        ...positionStyles,
+        backgroundColor: designTokens?.colors?.primary ?? safeTheme.palette.primary.main,
+        "&:hover": {
+          backgroundColor: designTokens?.colors?.primary ? designTokens?.colors?.primary : safeTheme.palette.primary.dark
+        },
+        transition: `all ${safeTheme.transitions.duration.short}ms`
+      },
+      "aria-label": tooltipText,
+      ...FabProps,
+      children: icon
+    }
+  ) });
+}
+var FloatingPreferencesButton = React4__namespace.memo(FloatingPreferencesButtonComponent);
+FloatingPreferencesButton.displayName = "FloatingPreferencesButton";
+function PreferencesModal({
+  DialogProps: DialogProps2,
+  hideBranding = false,
+  isModalOpen: isModalOpenProp,
+  preferences: preferencesProp,
+  setPreferences: setPreferencesProp,
+  closePreferences: closePreferencesProp,
+  texts: textsProp,
+  language,
+  textVariant
+}) {
+  const hookValue = core.useConsent();
+  const preferences = preferencesProp ?? hookValue.preferences;
+  const setPreferences = setPreferencesProp ?? hookValue.setPreferences;
+  const closePreferences = closePreferencesProp ?? hookValue.closePreferences;
+  const isModalOpen = isModalOpenProp ?? hookValue.isModalOpen;
+  const baseTexts = core.useConsentTexts();
+  const mergedTexts = React4__namespace.useMemo(
+    () => ({ ...baseTexts, ...textsProp ?? {} }),
+    [baseTexts, textsProp]
+  );
+  const texts = React4__namespace.useMemo(
+    () => core.resolveTexts(mergedTexts, { language, variant: textVariant }),
+    [mergedTexts, language, textVariant]
+  );
+  const designTokens = core.useDesignTokens();
+  const { toggleableCategories, allCategories } = core.useCategories();
+  const getInitialPreferences = React4__namespace.useCallback(() => {
+    const syncedPrefs = { necessary: true };
+    toggleableCategories.forEach((category) => {
+      syncedPrefs[category.id] = preferences[category.id] ?? false;
+    });
+    return syncedPrefs;
+  }, [preferences, toggleableCategories]);
+  const [tempPreferences, setTempPreferences] = React4__namespace.useState(getInitialPreferences);
+  const wasOpenRef = React4__namespace.useRef(isModalOpen);
+  React4__namespace.useEffect(() => {
+    const justOpened = isModalOpen && !wasOpenRef.current;
+    wasOpenRef.current = isModalOpen;
+    if (justOpened) {
+      queueMicrotask(() => {
+        setTempPreferences(getInitialPreferences());
+      });
+    }
+  }, [isModalOpen, getInitialPreferences]);
+  const { open: dialogOpenProp, ...dialogRest } = DialogProps2 ?? {};
+  const open = dialogOpenProp ?? isModalOpen ?? false;
+  const handleSave = () => {
+    setPreferences(tempPreferences);
+  };
+  const handleCancel = () => {
+    setTempPreferences(preferences);
+    closePreferences();
+  };
+  const modalTitleSx = (theme) => ({
+    fontSize: designTokens?.typography?.fontSize?.modal ?? void 0,
+    color: designTokens?.colors?.text ?? theme.palette.text.primary
+  });
+  const modalContentSx = (theme) => ({
+    p: designTokens?.spacing?.padding?.modal ?? void 0,
+    backgroundColor: designTokens?.colors?.background ?? theme.palette.background.paper,
+    color: designTokens?.colors?.text ?? theme.palette.text.primary
+  });
+  const resolveModalZIndex = React4__namespace.useCallback(
+    (theme) => designTokens?.layout?.zIndex?.modal ?? (theme?.zIndex?.modal ?? 1300) + 10,
+    [designTokens?.layout?.zIndex?.modal]
+  );
+  const modalZIndexToken = designTokens?.layout?.zIndex?.modal;
+  const rootSx = [
+    DialogProps2?.slotProps?.root && DialogProps2.slotProps.root.sx,
+    (theme) => ({ zIndex: resolveModalZIndex(theme) })
+  ].filter(Boolean);
+  const rootSlotProps = {
+    ...dialogRest?.slotProps?.root,
+    sx: rootSx,
+    ...modalZIndexToken ? { style: { zIndex: modalZIndexToken } } : {},
+    "data-testid": dialogRest?.slotProps?.root?.["data-testid"] ?? "lgpd-preferences-modal-root"
+  };
+  const mergedDialogProps = {
+    open,
+    fullWidth: true,
+    maxWidth: "sm",
+    ...dialogRest,
+    slotProps: {
+      ...dialogRest?.slotProps,
+      root: rootSlotProps
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog__default.default, { "aria-labelledby": "cookie-pref-title", onClose: handleCancel, ...mergedDialogProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogTitle__default.default, { id: "cookie-pref-title", sx: modalTitleSx, children: texts.modalTitle }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogContent__default.default, { dividers: true, sx: modalContentSx, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Typography__default.default,
+        {
+          variant: "body2",
+          sx: (theme) => ({
+            mb: 2,
+            fontSize: designTokens?.typography?.fontSize?.modal ?? void 0,
+            color: designTokens?.colors?.text ?? theme.palette.text.primary
+          }),
+          children: texts.modalIntro
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(FormGroup__default.default, { children: [
+        toggleableCategories.map((category) => {
+          const full = allCategories.find((c) => c.id === category.id);
+          const namesFromGuidance = full?.cookies ?? [];
+          const used = globalThis.__LGPD_USED_INTEGRATIONS__ || [];
+          const descriptors = core.getCookiesInfoForCategory(category.id, used);
+          const tableHeaders = texts.cookieDetails?.tableHeaders;
+          const toggleDetailsText = texts.cookieDetails?.toggleDetails?.expand ?? "Ver detalhes";
+          const scriptLabelPrefix = texts.cookieDetails?.scriptLabelPrefix ?? "(script) ";
+          const scriptPurpose = texts.cookieDetails?.scriptPurpose ?? "Script de integra\xE7\xE3o ativo";
+          const enrichedDescriptors = descriptors.map((desc) => {
+            if (desc.purpose && desc.duration && desc.provider) {
+              return desc;
+            }
+            return {
+              name: desc.name,
+              purpose: desc.purpose || "-",
+              duration: desc.duration || "-",
+              provider: desc.provider || "-"
+            };
+          });
+          const merged = [
+            ...enrichedDescriptors,
+            ...namesFromGuidance.filter((n) => !enrichedDescriptors.some((d) => d.name === n)).map((n) => ({ name: n, purpose: "-", duration: "-", provider: "-" }))
+          ];
+          let mergedFinal = merged;
+          try {
+            if (merged.length === 0) {
+              const gmap = globalThis.__LGPD_INTEGRATIONS_MAP__ || {};
+              const scriptRows = Object.entries(gmap).filter(([, cat]) => cat === category.id).map(([id]) => ({
+                name: `${scriptLabelPrefix}${id}`,
+                purpose: scriptPurpose,
+                duration: "-",
+                provider: "-"
+              }));
+              if (scriptRows.length > 0) mergedFinal = scriptRows;
+            }
+          } catch {
+          }
+          return /* @__PURE__ */ jsxRuntime.jsxs(Box2__default.default, { sx: { mb: 1 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              FormControlLabel__default.default,
+              {
+                control: /* @__PURE__ */ jsxRuntime.jsx(
+                  Switch__default.default,
+                  {
+                    checked: tempPreferences[category.id] ?? false,
+                    onChange: (e) => setTempPreferences((prev) => ({
+                      ...prev,
+                      [category.id]: e.target.checked
+                    }))
+                  }
+                ),
+                label: `${category.name} - ${category.description}`
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("details", { style: { marginLeft: 48 }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("summary", { children: toggleDetailsText }),
+              /* @__PURE__ */ jsxRuntime.jsx(Box2__default.default, { sx: { mt: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: tableHeaders?.name ?? "Cookie" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: tableHeaders?.purpose ?? "Finalidade" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: tableHeaders?.duration ?? "Dura\xE7\xE3o" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: tableHeaders?.provider ?? "Fornecedor" })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: mergedFinal.map((d, idx) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.purpose }),
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.duration }),
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.provider })
+                ] }, d.name + idx)) })
+              ] }) })
+            ] })
+          ] }, category.id);
+        }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormControlLabel__default.default, { control: /* @__PURE__ */ jsxRuntime.jsx(Switch__default.default, { checked: true, disabled: true }), label: texts.necessaryAlwaysOn }),
+        /* @__PURE__ */ jsxRuntime.jsxs("details", { style: { marginLeft: 48 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("summary", { children: texts.cookieDetails?.toggleDetails?.expand ?? "Ver detalhes" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Box2__default.default, { sx: { mt: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: texts.cookieDetails?.tableHeaders?.name ?? "Cookie" }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: texts.cookieDetails?.tableHeaders?.purpose ?? "Finalidade" }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: texts.cookieDetails?.tableHeaders?.duration ?? "Dura\xE7\xE3o" }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: texts.cookieDetails?.tableHeaders?.provider ?? "Fornecedor" })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: (() => {
+              const used = globalThis.__LGPD_USED_INTEGRATIONS__ || [];
+              const necessaryCookies = core.getCookiesInfoForCategory(
+                "necessary",
+                used
+              );
+              return necessaryCookies.map((d, idx) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.name }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.purpose || "-" }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.duration || "-" }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.provider || "-" })
+              ] }, d.name + idx));
+            })() })
+          ] }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Button__default.default, { variant: "outlined", onClick: handleCancel, children: texts.close }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button__default.default, { variant: "contained", onClick: handleSave, children: texts.save })
+    ] }),
+    !hideBranding && /* @__PURE__ */ jsxRuntime.jsx(Branding, { variant: "modal", texts: textsProp, language, textVariant })
+  ] });
+}
+function ConsentProvider({
+  disableDefaultModal = false,
+  disableDefaultBanner = false,
+  disableDefaultFloatingButton = false,
+  PreferencesModalComponent,
+  CookieBannerComponent,
+  FloatingPreferencesButtonComponent: FloatingPreferencesButtonComponent2,
+  theme,
+  hideBranding,
+  cookieBannerProps,
+  preferencesModalProps,
+  floatingPreferencesButtonProps,
+  children,
+  ...coreProps
+}) {
+  const modalComponent = disableDefaultModal ? PreferencesModalComponent : PreferencesModalComponent || PreferencesModal;
+  const bannerComponent = disableDefaultBanner ? CookieBannerComponent : CookieBannerComponent || CookieBanner;
+  const floatingButtonComponent = disableDefaultFloatingButton ? FloatingPreferencesButtonComponent2 : FloatingPreferencesButtonComponent2 || FloatingPreferencesButton;
+  const mergedCookieBannerProps = {
+    ...cookieBannerProps,
+    hideBranding: cookieBannerProps?.hideBranding ?? hideBranding
+  };
+  const mergedPreferencesModalProps = {
+    ...preferencesModalProps,
+    hideBranding: preferencesModalProps?.hideBranding ?? hideBranding
+  };
+  const provider = /* @__PURE__ */ jsxRuntime.jsx(
+    core.ConsentProvider,
+    {
+      ...coreProps,
+      hideBranding,
+      cookieBannerProps: mergedCookieBannerProps,
+      preferencesModalProps: mergedPreferencesModalProps,
+      floatingPreferencesButtonProps,
+      CookieBannerComponent: bannerComponent,
+      PreferencesModalComponent: modalComponent,
+      FloatingPreferencesButtonComponent: floatingButtonComponent,
+      children
+    }
+  );
+  if (!theme) return provider;
+  return /* @__PURE__ */ jsxRuntime.jsx(styles.ThemeProvider, { theme, children: provider });
+}
+ConsentProvider.displayName = "ConsentProvider(MUI)";
+
+exports.Branding = Branding;
+exports.ConsentProvider = ConsentProvider;
+exports.CookieBanner = CookieBanner;
+exports.FloatingPreferencesButton = FloatingPreferencesButton;
+exports.PreferencesModal = PreferencesModal;

package/dist/ui.d.cts

@@ -0,0 +1,9 @@
+export { Branding, BrandingProps, ConsentProvider, ConsentProviderProps, CookieBanner, CookieBannerProps, FloatingPreferencesButton, FloatingPreferencesButtonProps, PreferencesModal, PreferencesModalProps } from './index.cjs';
+import '@react-lgpd-consent/core';
+import 'react';
+import 'react/jsx-runtime';
+import '@mui/material/styles';
+import '@mui/material/Paper';
+import '@mui/material/Snackbar';
+import '@mui/material/Fab';
+import '@mui/material/Dialog';

package/dist/ui.d.ts

@@ -0,0 +1,9 @@
+export { Branding, BrandingProps, ConsentProvider, ConsentProviderProps, CookieBanner, CookieBannerProps, FloatingPreferencesButton, FloatingPreferencesButtonProps, PreferencesModal, PreferencesModalProps } from './index.js';
+import '@react-lgpd-consent/core';
+import 'react';
+import 'react/jsx-runtime';
+import '@mui/material/styles';
+import '@mui/material/Paper';
+import '@mui/material/Snackbar';
+import '@mui/material/Fab';
+import '@mui/material/Dialog';