@c15t/react 0.0.1-rc.3

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

@@ -0,0 +1,67 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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 index_cjs_namespaceObject = require("../../common/index.cjs");
+const external_theme_index_cjs_namespaceObject = require("../../theme/index.cjs");
+const ConsentManagerDialogOverlay = ({ noStyle, open = false })=>{
+    const { isPrivacyDialogOpen } = (0, index_cjs_namespaceObject.useConsentManager)();
+    const { disableAnimation, noStyle: isThemeNoStyle } = (0, external_theme_index_cjs_namespaceObject.useThemeContext)();
+    const theme = (0, external_theme_index_cjs_namespaceObject.useStyles)('consent-manager-dialog.overlay', {
+        baseClassName: 'c15t-consent-manager-overlay',
+        noStyle: isThemeNoStyle || noStyle
+    });
+    return open || isPrivacyDialogOpen ? 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/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 '../../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/consent-manager-dialog/atoms/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/consent-manager-dialog/atoms/overlay.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,KAAK,UAAU,EAA8B,MAAM,aAAa,CAAC;AAE1E;;;;;;;;;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,CA2BjD,CAAC;AAEF,QAAA,MAAM,OAAO,kBAA8B,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,2BAA2B,EAAE,CAAC"}

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

@@ -0,0 +1,32 @@
+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__common_index_js_93bccd67__ from "../../common/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__theme_index_js_1910c06e__ from "../../theme/index.js";
+const ConsentManagerDialogOverlay = ({ noStyle, open = false })=>{
+    const { isPrivacyDialogOpen } = (0, __WEBPACK_EXTERNAL_MODULE__common_index_js_93bccd67__.useConsentManager)();
+    const { disableAnimation, noStyle: isThemeNoStyle } = (0, __WEBPACK_EXTERNAL_MODULE__theme_index_js_1910c06e__.useThemeContext)();
+    const theme = (0, __WEBPACK_EXTERNAL_MODULE__theme_index_js_1910c06e__.useStyles)('consent-manager-dialog.overlay', {
+        baseClassName: 'c15t-consent-manager-overlay',
+        noStyle: isThemeNoStyle || noStyle
+    });
+    return open || isPrivacyDialogOpen ? 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 };

package/dist/consent-manager-dialog/consent-manager-dialog.cjs

@@ -0,0 +1,129 @@
+'use client';
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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__, {
+    ConsentManagerDialog: ()=>ConsentManagerDialog
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_namespaceObject = require("motion/react");
+const external_react_namespaceObject = require("react");
+const external_react_dom_namespaceObject = require("react-dom");
+const index_cjs_namespaceObject = require("../common/index.cjs");
+const theme_cjs_namespaceObject = require("../common/utils/theme.cjs");
+const external_theme_index_cjs_namespaceObject = require("../theme/index.cjs");
+const dialog_card_cjs_namespaceObject = require("./atoms/dialog-card.cjs");
+const overlay_cjs_namespaceObject = require("./atoms/overlay.cjs");
+require("./consent-manager-dialog.css");
+require("../ui/components/card.css");
+const dialogVariants = {
+    hidden: {
+        opacity: 0
+    },
+    visible: {
+        opacity: 1
+    },
+    exit: {
+        opacity: 0
+    }
+};
+const contentVariants = {
+    hidden: {
+        opacity: 0,
+        scale: 0.95
+    },
+    visible: {
+        opacity: 1,
+        scale: 1,
+        transition: {
+            type: 'spring',
+            stiffness: 300,
+            damping: 30
+        }
+    },
+    exit: {
+        opacity: 0,
+        scale: 0.95,
+        transition: {
+            duration: 0.2
+        }
+    }
+};
+const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false })=>{
+    const consentManager = (0, index_cjs_namespaceObject.useConsentManager)();
+    const [isMounted, setIsMounted] = (0, external_react_namespaceObject.useState)(false);
+    const contentRef = (0, external_react_namespaceObject.useRef)(null);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        setIsMounted(true);
+        return ()=>setIsMounted(false);
+    }, []);
+    const contextValue = {
+        theme,
+        noStyle,
+        disableAnimation
+    };
+    const mergedContextValue = (0, theme_cjs_namespaceObject.createThemeContextValue)(consentManager, contextValue);
+    const dialogContentRoot = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_theme_index_cjs_namespaceObject.ThemeContext.Provider, {
+        value: mergedContextValue,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
+            mode: "wait",
+            children: (open || consentManager.isPrivacyDialogOpen) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(overlay_cjs_namespaceObject.Overlay, {
+                        open: open
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.dialog, {
+                        className: "c15t-consent-manager-dialog-root",
+                        variants: dialogVariants,
+                        initial: "hidden",
+                        animate: "visible",
+                        exit: "exit",
+                        "aria-modal": "true",
+                        "aria-labelledby": "privacy-settings-title",
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
+                            ref: contentRef,
+                            className: "c15t-consent-manager-dialog-container",
+                            variants: contentVariants,
+                            initial: "hidden",
+                            animate: "visible",
+                            exit: "exit",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dialog_card_cjs_namespaceObject.ConsentCustomizationCard, {
+                                noStyle: noStyle
+                            })
+                        })
+                    })
+                ]
+            })
+        })
+    });
+    return isMounted && /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(dialogContentRoot, document.body);
+};
+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/consent-manager-dialog/consent-manager-dialog.css

@@ -0,0 +1,75 @@
+.c15t-consent-manager-dialog-root {
+  isolation: isolate;
+  -webkit-text-size-adjust: 100%;
+  tab-size: 4;
+  --c15t-cmw-stroke-soft-200: #ebebeb;
+  --c15t-cmw-branding-link-color: #47c2ff;
+  --c15t-link-text-color: #171717;
+  background: none;
+  border: 0;
+  margin: 0;
+  padding: 0;
+  font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+  line-height: 1.15;
+}
+
+.c15t-consent-manager-dialog-card .c15t-consent-manager-widget-branding {
+  width: auto;
+  margin-left: -22px;
+  margin-right: -22px;
+}
+
+.dark .c15t-consent-manager-dialog-root {
+  --c15t-cmw-stroke-soft-200: #333;
+  --c15t-link-text-color: #e6e6e6;
+}
+
+.c15t-consent-manager-dialog-card .c15t-card-header {
+  position: relative;
+}
+
+.c15t-consent-manager-dialog-header-close {
+  position: absolute;
+  top: 22px;
+  right: 22px;
+}
+
+.c15t-consent-manager-dialog-root {
+  --c15t-card-padding: 1.5rem;
+  --c15t-card-radius: 1.25rem;
+  --c15t-card-gap: .375rem;
+  z-index: 999999999;
+  border-radius: var(--c15t-card-radius);
+  background: none;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 80%;
+  display: flex;
+  position: fixed;
+  inset: 0;
+}
+
+.c15t-consent-manager-dialog-container {
+  width: 100%;
+  max-width: 28rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.c15t-consent-manager-dialog-card .c15t-card-footer {
+  border-top: solid 1px var(--c15t-cmw-stroke-soft-200);
+  justify-content: center;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  font-size: 14px;
+}
+
+.c15t-consent-manager-overlay {
+  color: var(--c15t-link-text-color);
+  z-index: 999999998;
+  background-color: #00000080;
+  position: fixed;
+  inset: 0;
+}
+

package/dist/consent-manager-dialog/consent-manager-dialog.d.ts

@@ -0,0 +1,44 @@
+import { type FC } from 'react';
+import { type ThemeContextValue } from '../theme';
+import type { ConsentManagerDialogTheme } from './theme';
+import './consent-manager-dialog.css';
+import '../ui/components/card.css';
+/**
+ * Props for the ConsentManagerDialog component
+ *
+ * @remarks
+ * Extends ThemeContextValue to provide comprehensive theming support
+ * while maintaining type safety for consent management specific features.
+ */
+export interface ConsentManagerDialogProps extends ThemeContextValue<ConsentManagerDialogTheme> {
+    /** Disables animation when true */
+    disableAnimation?: boolean;
+    /** Removes default styling when true */
+    noStyle?: boolean;
+    /** Whether the dialog is open */
+    open?: boolean;
+}
+/**
+ * A modal dialog component for detailed privacy consent management.
+ *
+ * @remarks
+ * Key features:
+ * - Provides an accessible modal interface for consent customization
+ * - Implements smooth enter/exit animations
+ * - Manages proper focus handling
+ * - Supports theme customization
+ * - Handles client-side portal rendering
+ *
+ * @example
+ * ```tsx
+ * <ConsentManagerDialog
+ *   theme={customTheme}
+ *   disableAnimation={false}
+ *   noStyle={false}
+ * />
+ * ```
+ *
+ * @public
+ */
+export declare const ConsentManagerDialog: FC<ConsentManagerDialogProps>;
+//# sourceMappingURL=consent-manager-dialog.d.ts.map

package/dist/consent-manager-dialog/consent-manager-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-manager-dialog.d.ts","sourceRoot":"","sources":["../../src/consent-manager-dialog/consent-manager-dialog.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGhE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,OAAO,8BAA8B,CAAC;AACtC,OAAO,2BAA2B,CAAC;AA8BnC;;;;;;GAMG;AACH,MAAM,WAAW,yBAChB,SAAQ,iBAAiB,CAAC,yBAAyB,CAAC;IACpD,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAiE9D,CAAC"}

package/dist/consent-manager-dialog/consent-manager-dialog.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_motion_react_9decfa63__ from "motion/react";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__ from "react-dom";
+import * as __WEBPACK_EXTERNAL_MODULE__common_index_js_b6a017ad__ from "../common/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__common_utils_theme_js_ff803141__ from "../common/utils/theme.js";
+import * as __WEBPACK_EXTERNAL_MODULE__theme_index_js_46d040bc__ from "../theme/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__ from "./atoms/dialog-card.js";
+import * as __WEBPACK_EXTERNAL_MODULE__atoms_overlay_js_ae5a4e71__ from "./atoms/overlay.js";
+import "./consent-manager-dialog.css";
+import "../ui/components/card.css";
+const dialogVariants = {
+    hidden: {
+        opacity: 0
+    },
+    visible: {
+        opacity: 1
+    },
+    exit: {
+        opacity: 0
+    }
+};
+const contentVariants = {
+    hidden: {
+        opacity: 0,
+        scale: 0.95
+    },
+    visible: {
+        opacity: 1,
+        scale: 1,
+        transition: {
+            type: 'spring',
+            stiffness: 300,
+            damping: 30
+        }
+    },
+    exit: {
+        opacity: 0,
+        scale: 0.95,
+        transition: {
+            duration: 0.2
+        }
+    }
+};
+const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false })=>{
+    const consentManager = (0, __WEBPACK_EXTERNAL_MODULE__common_index_js_b6a017ad__.useConsentManager)();
+    const [isMounted, setIsMounted] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const contentRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        setIsMounted(true);
+        return ()=>setIsMounted(false);
+    }, []);
+    const contextValue = {
+        theme,
+        noStyle,
+        disableAnimation
+    };
+    const mergedContextValue = (0, __WEBPACK_EXTERNAL_MODULE__common_utils_theme_js_ff803141__.createThemeContextValue)(consentManager, contextValue);
+    const dialogContentRoot = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__theme_index_js_46d040bc__.ThemeContext.Provider, {
+        value: mergedContextValue,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.AnimatePresence, {
+            mode: "wait",
+            children: (open || consentManager.isPrivacyDialogOpen) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__atoms_overlay_js_ae5a4e71__.Overlay, {
+                        open: open
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.dialog, {
+                        className: "c15t-consent-manager-dialog-root",
+                        variants: dialogVariants,
+                        initial: "hidden",
+                        animate: "visible",
+                        exit: "exit",
+                        "aria-modal": "true",
+                        "aria-labelledby": "privacy-settings-title",
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div, {
+                            ref: contentRef,
+                            className: "c15t-consent-manager-dialog-container",
+                            variants: contentVariants,
+                            initial: "hidden",
+                            animate: "visible",
+                            exit: "exit",
+                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__.ConsentCustomizationCard, {
+                                noStyle: noStyle
+                            })
+                        })
+                    })
+                ]
+            })
+        })
+    });
+    return isMounted && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__.createPortal)(dialogContentRoot, document.body);
+};
+export { ConsentManagerDialog };

package/dist/consent-manager-dialog/index.cjs

@@ -0,0 +1,51 @@
+'use client';
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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: ()=>overlay_cjs_namespaceObject.ConsentManagerDialogOverlay,
+    Footer: ()=>dialog_card_cjs_namespaceObject.Footer,
+    Content: ()=>dialog_card_cjs_namespaceObject.Content,
+    Header: ()=>dialog_card_cjs_namespaceObject.Header,
+    Card: ()=>dialog_card_cjs_namespaceObject.Card,
+    DialogHeaderTitle: ()=>dialog_card_cjs_namespaceObject.DialogHeaderTitle,
+    HeaderDescription: ()=>dialog_card_cjs_namespaceObject.HeaderDescription,
+    ConsentCustomizationCard: ()=>dialog_card_cjs_namespaceObject.ConsentCustomizationCard,
+    Overlay: ()=>overlay_cjs_namespaceObject.Overlay,
+    DialogFooter: ()=>dialog_card_cjs_namespaceObject.DialogFooter,
+    DialogHeaderDescription: ()=>dialog_card_cjs_namespaceObject.DialogHeaderDescription,
+    DialogHeader: ()=>dialog_card_cjs_namespaceObject.DialogHeader,
+    DialogContent: ()=>dialog_card_cjs_namespaceObject.DialogContent,
+    HeaderTitle: ()=>dialog_card_cjs_namespaceObject.HeaderTitle
+});
+const dialog_card_cjs_namespaceObject = require("./atoms/dialog-card.cjs");
+const overlay_cjs_namespaceObject = require("./atoms/overlay.cjs");
+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/consent-manager-dialog/index.d.ts

@@ -0,0 +1,4 @@
+export { Card, Header, HeaderTitle, HeaderDescription, Content, Footer, ConsentCustomizationCard, DialogFooter, DialogHeader, DialogHeaderTitle, DialogHeaderDescription, DialogContent, } from './atoms/dialog-card';
+export { Overlay, ConsentManagerDialogOverlay } from './atoms/overlay';
+export type { ConsentManagerDialogTheme } from './theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/consent-manager-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/consent-manager-dialog/index.ts"],"names":[],"mappings":"AAEA,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,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,OAAO,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAEvE,YAAY,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC"}

package/dist/consent-manager-dialog/index.js

@@ -0,0 +1,18 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__ from "./atoms/dialog-card.js";
+import * as __WEBPACK_EXTERNAL_MODULE__atoms_overlay_js_ae5a4e71__ from "./atoms/overlay.js";
+var __webpack_exports__Card = __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__.Card;
+var __webpack_exports__ConsentCustomizationCard = __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__.ConsentCustomizationCard;
+var __webpack_exports__ConsentManagerDialogOverlay = __WEBPACK_EXTERNAL_MODULE__atoms_overlay_js_ae5a4e71__.ConsentManagerDialogOverlay;
+var __webpack_exports__Content = __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__.Content;
+var __webpack_exports__DialogContent = __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__.DialogContent;
+var __webpack_exports__DialogFooter = __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__.DialogFooter;
+var __webpack_exports__DialogHeader = __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__.DialogHeader;
+var __webpack_exports__DialogHeaderDescription = __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__.DialogHeaderDescription;
+var __webpack_exports__DialogHeaderTitle = __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__.DialogHeaderTitle;
+var __webpack_exports__Footer = __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__.Footer;
+var __webpack_exports__Header = __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__.Header;
+var __webpack_exports__HeaderDescription = __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__.HeaderDescription;
+var __webpack_exports__HeaderTitle = __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__.HeaderTitle;
+var __webpack_exports__Overlay = __WEBPACK_EXTERNAL_MODULE__atoms_overlay_js_ae5a4e71__.Overlay;
+export { __webpack_exports__Card as Card, __webpack_exports__ConsentCustomizationCard as ConsentCustomizationCard, __webpack_exports__ConsentManagerDialogOverlay as ConsentManagerDialogOverlay, __webpack_exports__Content as Content, __webpack_exports__DialogContent as DialogContent, __webpack_exports__DialogFooter as DialogFooter, __webpack_exports__DialogHeader as DialogHeader, __webpack_exports__DialogHeaderDescription as DialogHeaderDescription, __webpack_exports__DialogHeaderTitle as DialogHeaderTitle, __webpack_exports__Footer as Footer, __webpack_exports__Header as Header, __webpack_exports__HeaderDescription as HeaderDescription, __webpack_exports__HeaderTitle as HeaderTitle, __webpack_exports__Overlay as Overlay };

package/dist/consent-manager-dialog/theme.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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__);
+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/consent-manager-dialog/theme.d.ts

@@ -0,0 +1,19 @@
+import type { ConsentManagerWidgetTheme } from '../consent-manager-widget/theme';
+import type { ThemeValue } from '../theme';
+/**
+ * Configuration object for styling different parts of the ConsentManagerWidget component.
+ * @public
+ */
+export type ConsentManagerDialogTheme = Partial<{
+    /** @remarks Styles for the root container element */
+    'consent-manager-dialog': ThemeValue;
+    /** @remarks Styles for the root container element */
+    'consent-manager-dialog.root': ThemeValue;
+    'consent-manager-dialog.header': ThemeValue;
+    'consent-manager-dialog.title': ThemeValue;
+    'consent-manager-dialog.description': ThemeValue;
+    'consent-manager-dialog.content': ThemeValue;
+    'consent-manager-dialog.footer': ThemeValue;
+    'consent-manager-dialog.overlay': ThemeValue;
+} & ConsentManagerWidgetTheme>;
+//# sourceMappingURL=theme.d.ts.map

package/dist/consent-manager-dialog/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/consent-manager-dialog/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AACjF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC9C;IACC,qDAAqD;IACrD,wBAAwB,EAAE,UAAU,CAAC;IACrC,qDAAqD;IACrD,6BAA6B,EAAE,UAAU,CAAC;IAC1C,+BAA+B,EAAE,UAAU,CAAC;IAC5C,8BAA8B,EAAE,UAAU,CAAC;IAC3C,oCAAoC,EAAE,UAAU,CAAC;IACjD,gCAAgC,EAAE,UAAU,CAAC;IAC7C,+BAA+B,EAAE,UAAU,CAAC;IAC5C,gCAAgC,EAAE,UAAU,CAAC;CAC7C,GAAG,yBAAyB,CAC7B,CAAC"}