@c15t/react 0.0.1-rc.10

package/dist/components/consent-manager-dialog/atoms/dialog-card.cjs

@@ -0,0 +1,154 @@
+'use client';
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Footer: ()=>Footer,
+    Content: ()=>Content,
+    Header: ()=>Header,
+    Card: ()=>Card,
+    DialogHeaderTitle: ()=>DialogHeaderTitle,
+    HeaderDescription: ()=>HeaderDescription,
+    ConsentCustomizationCard: ()=>ConsentCustomizationCard,
+    DialogFooter: ()=>DialogFooter,
+    DialogHeaderDescription: ()=>DialogHeaderDescription,
+    DialogHeader: ()=>DialogHeader,
+    DialogContent: ()=>DialogContent,
+    HeaderTitle: ()=>HeaderTitle
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const consent_manager_widget_cjs_namespaceObject = require("../../consent-manager-widget/consent-manager-widget.cjs");
+const box_cjs_namespaceObject = require("../../shared/primitives/box.cjs");
+const logo_cjs_namespaceObject = require("../../shared/ui/logo.cjs");
+const use_translations_cjs_namespaceObject = require("../../../hooks/use-translations.cjs");
+const external_consent_manager_dialog_module_cjs_namespaceObject = require("../consent-manager-dialog.module.cjs");
+var external_consent_manager_dialog_module_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_consent_manager_dialog_module_cjs_namespaceObject);
+const DialogCard = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+        ref: ref,
+        className: external_consent_manager_dialog_module_cjs_default().card,
+        ...props,
+        themeKey: "dialog.root",
+        "data-testid": "consent-manager-dialog-root",
+        children: children
+    }));
+const DialogHeader = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+        ref: ref,
+        className: external_consent_manager_dialog_module_cjs_default().header,
+        ...props,
+        themeKey: "dialog.header",
+        "data-testid": "consent-manager-dialog-header",
+        children: children
+    }));
+const DialogHeaderTitle = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+        ref: ref,
+        className: external_consent_manager_dialog_module_cjs_default().title,
+        themeKey: "dialog.title",
+        ...props,
+        "data-testid": "consent-manager-dialog-title",
+        children: children
+    }));
+const DialogHeaderDescription = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+        ref: ref,
+        className: external_consent_manager_dialog_module_cjs_default().description,
+        themeKey: "dialog.description",
+        ...props,
+        "data-testid": "consent-manager-dialog-description",
+        children: children
+    }));
+const DialogContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+        ref: ref,
+        className: external_consent_manager_dialog_module_cjs_default().content,
+        themeKey: "dialog.content",
+        "data-testid": "consent-manager-dialog-content",
+        ...props,
+        children: children
+    }));
+const DialogFooter = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+        ref: ref,
+        className: external_consent_manager_dialog_module_cjs_default().footer,
+        themeKey: "dialog.footer",
+        ...props,
+        "data-testid": "consent-manager-dialog-footer",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("a", {
+            className: external_consent_manager_dialog_module_cjs_default().branding,
+            href: "https://c15t.com",
+            children: [
+                "Secured by ",
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(logo_cjs_namespaceObject.ConsentManagementIcon, {})
+            ]
+        })
+    }));
+const ConsentCustomizationCard = ({ noStyle })=>{
+    const translations = (0, use_translations_cjs_namespaceObject.useTranslations)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(DialogCard, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(DialogHeader, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DialogHeaderTitle, {
+                        children: translations.consentManagerDialog.title
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DialogHeaderDescription, {
+                        children: translations.consentManagerDialog.description
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DialogContent, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget, {
+                    hideBrading: true,
+                    noStyle: noStyle,
+                    useProvider: false
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DialogFooter, {})
+        ]
+    });
+};
+const Card = DialogCard;
+const Header = DialogHeader;
+const HeaderTitle = DialogHeaderTitle;
+const HeaderDescription = DialogHeaderDescription;
+const Content = DialogContent;
+const Footer = DialogFooter;
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/dist/components/consent-manager-dialog/atoms/dialog-card.d.ts

@@ -0,0 +1,90 @@
+/**
+ * @packageDocumentation
+ * A collection of components for building privacy consent management dialogs.
+ * Built with accessibility and customization in mind, following GDPR, CCPA, and other privacy regulation requirements.
+ */
+import { type ReactNode } from 'react';
+import { type BoxProps } from '../../shared/primitives/box';
+import type { ClassNameStyle } from '../../../types/theme';
+/**
+ * The header section of the privacy dialog.
+ * Should contain the DialogHeaderTitle and optionally DialogHeaderDescription.
+ *
+ * @remarks
+ * - Provides semantic structure for accessibility
+ * - Should be the first child of DialogCard
+ * - Styled according to the theme configuration
+ */
+declare const DialogHeader: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * The title component for the privacy dialog header.
+ * Displays the main heading of the consent management interface.
+ *
+ * @remarks
+ * - Uses proper heading semantics for accessibility
+ * - Should be used within DialogHeader
+ * - Supports theme customization
+ */
+declare const DialogHeaderTitle: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * The description component for the privacy dialog header.
+ * Provides additional context about privacy settings and consent choices.
+ *
+ * @remarks
+ * - Should be used after DialogHeaderTitle
+ * - Supports theme customization
+ * - Important for explaining privacy choices to users
+ */
+declare const DialogHeaderDescription: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * The main content area of the privacy dialog.
+ * Contains the consent management interface and privacy controls.
+ *
+ * @remarks
+ * - Typically contains ConsentManagerWidget
+ * - Supports custom content and styling
+ * - Handles user interactions with privacy settings
+ */
+declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * The footer section of the privacy dialog.
+ * Contains branding and additional privacy-related links.
+ *
+ * @remarks
+ * - Should be the last child of DialogCard
+ * - Includes c15t.com branding by default
+ * - Can be customized through theme configuration
+ */
+declare const DialogFooter: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * A pre-configured privacy settings dialog card.
+ * Combines all dialog components with default content for privacy customization.
+ *
+ * @param {Object} props - Component props
+ * @param {boolean} [props.noStyle] - When true, removes default styling
+ *
+ * @example
+ * ```tsx
+ * <ConsentCustomizationCard noStyle={false} />
+ * ```
+ *
+ * @remarks
+ * - Provides a complete privacy settings interface
+ * - Follows GDPR and CCPA requirements
+ * - Includes consent type management
+ * - Built-in accessibility features
+ */
+declare const ConsentCustomizationCard: ({ noStyle }: {
+    noStyle?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const Card: import("react").ForwardRefExoticComponent<{
+    /** The content to be rendered inside the dialog card */
+    children?: ReactNode;
+} & ClassNameStyle & import("react").RefAttributes<HTMLDivElement>>;
+declare const Header: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const HeaderTitle: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const HeaderDescription: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Content: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Footer: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Card, Header, HeaderTitle, HeaderDescription, Content, Footer, ConsentCustomizationCard, DialogFooter, DialogHeader, DialogHeaderTitle, DialogHeaderDescription, DialogContent, };
+//# sourceMappingURL=dialog-card.d.ts.map

package/dist/components/consent-manager-dialog/atoms/dialog-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-card.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-manager-dialog/atoms/dialog-card.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAGxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AA4CpD;;;;;;;;GAQG;AACH,QAAA,MAAM,YAAY,uHAcjB,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,iBAAiB,uHAerB,CAAC;AAEH;;;;;;;;GAQG;AACH,QAAA,MAAM,uBAAuB,uHAe3B,CAAC;AAEH;;;;;;;;GAQG;AACH,QAAA,MAAM,aAAa,uHAclB,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,YAAY,uHAgBjB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,wBAAwB,gBAAiB;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,4CAuBnE,CAAC;AAEF,QAAA,MAAM,IAAI;IAhNT,wDAAwD;eAC7C,SAAS;mEA+ME,CAAC;AACxB,QAAA,MAAM,MAAM,uHAAe,CAAC;AAC5B,QAAA,MAAM,WAAW,uHAAoB,CAAC;AACtC,QAAA,MAAM,iBAAiB,uHAA0B,CAAC;AAClD,QAAA,MAAM,OAAO,uHAAgB,CAAC;AAC9B,QAAA,MAAM,MAAM,uHAAe,CAAC;AAE5B,OAAO,EACN,IAAI,EACJ,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,wBAAwB,EACxB,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,uBAAuB,EACvB,aAAa,GACb,CAAC"}

package/dist/components/consent-manager-dialog/atoms/dialog-card.js

@@ -0,0 +1,95 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__consent_manager_widget_consent_manager_widget_js_3e4fb923__ from "../../consent-manager-widget/consent-manager-widget.js";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_7c16a6ef__ from "../../shared/primitives/box.js";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_ui_logo_js_ac271674__ from "../../shared/ui/logo.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_translations_js_776e0ecb__ from "../../../hooks/use-translations.js";
+import * as __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__ from "../consent-manager-dialog.module.js";
+const DialogCard = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_7c16a6ef__.Box, {
+        ref: ref,
+        className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__["default"].card,
+        ...props,
+        themeKey: "dialog.root",
+        "data-testid": "consent-manager-dialog-root",
+        children: children
+    }));
+const DialogHeader = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_7c16a6ef__.Box, {
+        ref: ref,
+        className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__["default"].header,
+        ...props,
+        themeKey: "dialog.header",
+        "data-testid": "consent-manager-dialog-header",
+        children: children
+    }));
+const DialogHeaderTitle = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_7c16a6ef__.Box, {
+        ref: ref,
+        className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__["default"].title,
+        themeKey: "dialog.title",
+        ...props,
+        "data-testid": "consent-manager-dialog-title",
+        children: children
+    }));
+const DialogHeaderDescription = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_7c16a6ef__.Box, {
+        ref: ref,
+        className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__["default"].description,
+        themeKey: "dialog.description",
+        ...props,
+        "data-testid": "consent-manager-dialog-description",
+        children: children
+    }));
+const DialogContent = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_7c16a6ef__.Box, {
+        ref: ref,
+        className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__["default"].content,
+        themeKey: "dialog.content",
+        "data-testid": "consent-manager-dialog-content",
+        ...props,
+        children: children
+    }));
+const DialogFooter = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_7c16a6ef__.Box, {
+        ref: ref,
+        className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__["default"].footer,
+        themeKey: "dialog.footer",
+        ...props,
+        "data-testid": "consent-manager-dialog-footer",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("a", {
+            className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__["default"].branding,
+            href: "https://c15t.com",
+            children: [
+                "Secured by ",
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_ui_logo_js_ac271674__.ConsentManagementIcon, {})
+            ]
+        })
+    }));
+const ConsentCustomizationCard = ({ noStyle })=>{
+    const translations = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_translations_js_776e0ecb__.useTranslations)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(DialogCard, {
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(DialogHeader, {
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DialogHeaderTitle, {
+                        children: translations.consentManagerDialog.title
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DialogHeaderDescription, {
+                        children: translations.consentManagerDialog.description
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DialogContent, {
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__consent_manager_widget_consent_manager_widget_js_3e4fb923__.ConsentManagerWidget, {
+                    hideBrading: true,
+                    noStyle: noStyle,
+                    useProvider: false
+                })
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DialogFooter, {})
+        ]
+    });
+};
+const Card = DialogCard;
+const Header = DialogHeader;
+const HeaderTitle = DialogHeaderTitle;
+const HeaderDescription = DialogHeaderDescription;
+const Content = DialogContent;
+const Footer = DialogFooter;
+export { Card, ConsentCustomizationCard, Content, DialogContent, DialogFooter, DialogHeader, DialogHeaderDescription, DialogHeaderTitle, Footer, Header, HeaderDescription, HeaderTitle };

package/dist/components/consent-manager-dialog/atoms/overlay.cjs

@@ -0,0 +1,86 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ConsentManagerDialogOverlay: ()=>ConsentManagerDialogOverlay,
+    Overlay: ()=>Overlay
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_namespaceObject = require("motion/react");
+const use_consent_manager_cjs_namespaceObject = require("../../../hooks/use-consent-manager.cjs");
+const use_scroll_lock_cjs_namespaceObject = require("../../../hooks/use-scroll-lock.cjs");
+const use_theme_cjs_namespaceObject = require("../../../hooks/use-theme.cjs");
+const use_styles_cjs_namespaceObject = require("../../../utils/use-styles.cjs");
+const external_consent_manager_dialog_module_cjs_namespaceObject = require("../consent-manager-dialog.module.cjs");
+var external_consent_manager_dialog_module_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_consent_manager_dialog_module_cjs_namespaceObject);
+const ConsentManagerDialogOverlay = ({ noStyle, open = false })=>{
+    const { isPrivacyDialogOpen } = (0, use_consent_manager_cjs_namespaceObject.useConsentManager)();
+    const { disableAnimation, noStyle: isThemeNoStyle, scrollLock = true } = (0, use_theme_cjs_namespaceObject.useTheme)();
+    const theme = (0, use_styles_cjs_namespaceObject.useStyles)('dialog.overlay', {
+        baseClassName: external_consent_manager_dialog_module_cjs_default().overlay,
+        noStyle: isThemeNoStyle || noStyle
+    });
+    const shouldLockScroll = !!(open || isPrivacyDialogOpen) && scrollLock;
+    (0, use_scroll_lock_cjs_namespaceObject.useScrollLock)(shouldLockScroll);
+    return shouldLockScroll ? disableAnimation ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...theme,
+        "data-testid": "consent-manager-dialog-overlay"
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
+            ...theme,
+            initial: {
+                opacity: 0
+            },
+            animate: {
+                opacity: 1
+            },
+            exit: {
+                opacity: 0
+            },
+            "data-testid": "consent-manager-dialog-overlay"
+        })
+    }) : null;
+};
+const Overlay = ConsentManagerDialogOverlay;
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/dist/components/consent-manager-dialog/atoms/overlay.d.ts

@@ -0,0 +1,71 @@
+/**
+ * @packageDocumentation
+ * Provides the overlay backdrop component for the consent management interface.
+ * Implements accessible modal behavior with animation support.
+ */
+import type { FC } from 'react';
+import type { ThemeValue } from '../../../types/theme';
+/**
+ * Props for the Overlay component.
+ *
+ * @remarks
+ * The overlay provides a semi-transparent backdrop behind the consent dialog.
+ * It helps focus user attention on the privacy settings interface and prevents
+ * interaction with the main content while the dialog is open.
+ *
+ * @public
+ */
+interface OverlayProps {
+    /**
+     * Custom styles to override default overlay styling.
+     *
+     * @remarks
+     * - Can be a string class name or an object with className and style properties
+     * - Styles are merged with theme styles and default styles
+     * - Useful for customizing overlay appearance while maintaining functionality
+     */
+    style?: ThemeValue;
+    /**
+     * Disables default styling when true.
+     *
+     * @remarks
+     * - When enabled, removes all default styles
+     * - Useful for implementing completely custom overlay styling
+     * - Maintains functionality without visual opinions
+     */
+    noStyle?: boolean;
+    /**
+     * Opens the overlay when true.
+     *
+     * @remarks
+     * - Useful for testing purposes
+     */
+    open?: boolean;
+}
+/**
+ * Overlay component that provides a backdrop for the consent management interface.
+ *
+ * @remarks
+ * Key features:
+ * - Renders a semi-transparent backdrop
+ * - Implements fade in/out animations (when enabled)
+ * - Manages proper z-indexing for modal behavior
+ * - Supports theme-based styling
+ * - Automatically handles visibility based on dialog state
+ *
+ * @example
+ * ```tsx
+ * <ConsentManager>
+ *   <Overlay />
+ *   <DialogCard>
+ *     // Dialog content
+ *   </DialogCard>
+ * </ConsentManager>
+ * ```
+ *
+ * @public
+ */
+declare const ConsentManagerDialogOverlay: FC<OverlayProps>;
+declare const Overlay: FC<OverlayProps>;
+export { Overlay, ConsentManagerDialogOverlay };
+//# sourceMappingURL=overlay.d.ts.map

package/dist/components/consent-manager-dialog/atoms/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-manager-dialog/atoms/overlay.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD;;;;;;;;;GASG;AACH,UAAU,YAAY;IACrB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,2BAA2B,EAAE,EAAE,CAAC,YAAY,CAmCjD,CAAC;AAEF,QAAA,MAAM,OAAO,kBAA8B,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,2BAA2B,EAAE,CAAC"}

package/dist/components/consent-manager-dialog/atoms/overlay.js

@@ -0,0 +1,37 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__ from "motion/react";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_8a30bd26__ from "../../../hooks/use-consent-manager.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_scroll_lock_js_ebd470d2__ from "../../../hooks/use-scroll-lock.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_3abff3d7__ from "../../../hooks/use-theme.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__ from "../../../utils/use-styles.js";
+import * as __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__ from "../consent-manager-dialog.module.js";
+const ConsentManagerDialogOverlay = ({ noStyle, open = false })=>{
+    const { isPrivacyDialogOpen } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_8a30bd26__.useConsentManager)();
+    const { disableAnimation, noStyle: isThemeNoStyle, scrollLock = true } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_3abff3d7__.useTheme)();
+    const theme = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__.useStyles)('dialog.overlay', {
+        baseClassName: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__["default"].overlay,
+        noStyle: isThemeNoStyle || noStyle
+    });
+    const shouldLockScroll = !!(open || isPrivacyDialogOpen) && scrollLock;
+    (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_scroll_lock_js_ebd470d2__.useScrollLock)(shouldLockScroll);
+    return shouldLockScroll ? disableAnimation ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        ...theme,
+        "data-testid": "consent-manager-dialog-overlay"
+    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.AnimatePresence, {
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div, {
+            ...theme,
+            initial: {
+                opacity: 0
+            },
+            animate: {
+                opacity: 1
+            },
+            exit: {
+                opacity: 0
+            },
+            "data-testid": "consent-manager-dialog-overlay"
+        })
+    }) : null;
+};
+const Overlay = ConsentManagerDialogOverlay;
+export { ConsentManagerDialogOverlay, Overlay };