@c15t/react 0.0.1-rc.10

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

@@ -0,0 +1,148 @@
+'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__, {
+    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 theme_context_cjs_namespaceObject = require("../../context/theme-context.cjs");
+const use_consent_manager_cjs_namespaceObject = require("../../hooks/use-consent-manager.cjs");
+const dialog_card_cjs_namespaceObject = require("./atoms/dialog-card.cjs");
+const overlay_cjs_namespaceObject = require("./atoms/overlay.cjs");
+const use_focus_trap_cjs_namespaceObject = require("../../hooks/use-focus-trap.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 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, scrollLock = true, trapFocus = true })=>{
+    const consentManager = (0, use_consent_manager_cjs_namespaceObject.useConsentManager)();
+    const [isMounted, setIsMounted] = (0, external_react_namespaceObject.useState)(false);
+    const contentRef = (0, external_react_namespaceObject.useRef)(null);
+    const dialogRef = (0, external_react_namespaceObject.useRef)(null);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        setIsMounted(true);
+        return ()=>setIsMounted(false);
+    }, []);
+    const isRefObject = dialogRef && 'object' == typeof dialogRef && 'current' in dialogRef;
+    (0, use_focus_trap_cjs_namespaceObject.useFocusTrap)((open || consentManager.isPrivacyDialogOpen) && trapFocus, isRefObject ? dialogRef : null);
+    const contextValue = {
+        theme,
+        noStyle,
+        disableAnimation,
+        scrollLock,
+        trapFocus
+    };
+    const dialogContentRoot = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider, {
+        value: contextValue,
+        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, {
+                        ref: dialogRef,
+                        className: external_consent_manager_dialog_module_cjs_default().root,
+                        variants: dialogVariants,
+                        initial: "hidden",
+                        animate: "visible",
+                        exit: "exit",
+                        "aria-modal": "true",
+                        "aria-labelledby": "privacy-settings-title",
+                        tabIndex: -1,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
+                            ref: contentRef,
+                            className: external_consent_manager_dialog_module_cjs_default().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/components/consent-manager-dialog/consent-manager-dialog.d.ts

@@ -0,0 +1,40 @@
+import { type FC } from 'react';
+import { type ThemeContextValue } from '../../context/theme-context';
+import type { ConsentManagerDialogTheme } from './theme';
+/**
+ * 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;
+    /** 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/components/consent-manager-dialog/consent-manager-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-manager-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-dialog/consent-manager-dialog.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,EAAE,EAA+C,MAAM,OAAO,CAAC;AAE7E,OAAO,EAEN,KAAK,iBAAiB,EACtB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAiCzD;;;;;;GAMG;AACH,MAAM,WAAW,yBAChB,SAAQ,iBAAiB,CAAC,yBAAyB,CAAC;IACpD,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA2E9D,CAAC"}

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

@@ -0,0 +1,100 @@
+'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__context_theme_context_js_ba151654__ from "../../context/theme-context.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_5d8ab60c__ from "../../hooks/use-consent-manager.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 * as __WEBPACK_EXTERNAL_MODULE__hooks_use_focus_trap_js_1fb469b9__ from "../../hooks/use-focus-trap.js";
+import * as __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_5dbc157e__ from "./consent-manager-dialog.module.js";
+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, scrollLock = true, trapFocus = true })=>{
+    const consentManager = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_5d8ab60c__.useConsentManager)();
+    const [isMounted, setIsMounted] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const contentRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const dialogRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        setIsMounted(true);
+        return ()=>setIsMounted(false);
+    }, []);
+    const isRefObject = dialogRef && 'object' == typeof dialogRef && 'current' in dialogRef;
+    (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_focus_trap_js_1fb469b9__.useFocusTrap)((open || consentManager.isPrivacyDialogOpen) && trapFocus, isRefObject ? dialogRef : null);
+    const contextValue = {
+        theme,
+        noStyle,
+        disableAnimation,
+        scrollLock,
+        trapFocus
+    };
+    const dialogContentRoot = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.LocalThemeContext.Provider, {
+        value: contextValue,
+        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, {
+                        ref: dialogRef,
+                        className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_5dbc157e__["default"].root,
+                        variants: dialogVariants,
+                        initial: "hidden",
+                        animate: "visible",
+                        exit: "exit",
+                        "aria-modal": "true",
+                        "aria-labelledby": "privacy-settings-title",
+                        tabIndex: -1,
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div, {
+                            ref: contentRef,
+                            className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_5dbc157e__["default"].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/components/consent-manager-dialog/consent-manager-dialog.module.cjs

@@ -0,0 +1,50 @@
+"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__, {
+    default: ()=>consent_manager_dialog_module_rslib_entry_
+});
+require("./consent-manager-dialog_module.css");
+const consent_manager_dialog_module_rslib_entry_ = {
+    root: "c15t-root-QhMZC",
+    container: "c15t-container-bOKMN",
+    branding: "c15t-branding-p1rXd",
+    headerWrapper: "c15t-headerWrapper-GSp8u",
+    closeButton: "c15t-closeButton-PxEni",
+    footer: "c15t-footer-oOtr_",
+    overlay: "c15t-overlay-jJ4Q1",
+    card: "c15t-card-d2uUf",
+    header: "c15t-header-qF2QY",
+    title: "c15t-title-B_498",
+    description: "c15t-description-Nct_b",
+    content: "c15t-content-_6tun"
+};
+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/consent-manager-dialog.module.js

@@ -0,0 +1,16 @@
+import "./consent-manager-dialog_module.css";
+const consent_manager_dialog_module_rslib_entry_ = {
+    root: "c15t-root-QhMZC",
+    container: "c15t-container-bOKMN",
+    branding: "c15t-branding-p1rXd",
+    headerWrapper: "c15t-headerWrapper-GSp8u",
+    closeButton: "c15t-closeButton-PxEni",
+    footer: "c15t-footer-oOtr_",
+    overlay: "c15t-overlay-jJ4Q1",
+    card: "c15t-card-d2uUf",
+    header: "c15t-header-qF2QY",
+    title: "c15t-title-B_498",
+    description: "c15t-description-Nct_b",
+    content: "c15t-content-_6tun"
+};
+export { consent_manager_dialog_module_rslib_entry_ as default };

package/dist/components/consent-manager-dialog/consent-manager-dialog_module.css

@@ -0,0 +1,202 @@
+:root {
+  --dialog-font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  --dialog-line-height: 1.15;
+  --dialog-title-font-size: .875rem;
+  --dialog-title-font-weight: 600;
+  --dialog-title-letter-spacing: -.025em;
+  --dialog-description-font-size: 1rem;
+  --dialog-description-font-weight: 400;
+  --dialog-description-line-height: 1.15;
+  --dialog-footer-font-size: 14px;
+  --dialog-branding-font-size: 1rem;
+  --dialog-branding-font-weight: 500;
+  --dialog-branding-line-height: 1.5;
+  --dialog-branding-letter-spacing: -.01em;
+  --dialog-stroke-color: #ebebeb;
+  --dialog-stroke-color-dark: #333;
+  --dialog-branding-link-color: #47c2ff;
+  --dialog-branding-link-color-dark: #47c2ff;
+  --dialog-link-text-color: #171717;
+  --dialog-link-text-color-dark: #e6e6e6;
+  --dialog-border-color: #ebebeb;
+  --dialog-border-color-dark: #333;
+  --dialog-background-color: white;
+  --dialog-background-color-dark: #1a1a1a;
+  --dialog-foreground-color: #171717;
+  --dialog-foreground-color-dark: #e6e6e6;
+  --dialog-muted-color: #737373;
+  --dialog-muted-color-dark: #a3a3a3;
+  --dialog-overlay-background-color: #00000080;
+  --dialog-overlay-background-color-dark: #00000080;
+  --dialog-card-padding: 1.5rem;
+  --dialog-card-padding-mobile: 1rem;
+  --dialog-card-gap: .375rem;
+  --dialog-header-gap: .375rem;
+  --dialog-content-gap: 1rem;
+  --dialog-footer-padding-top: 1rem;
+  --dialog-card-radius: 1.25rem;
+  --dialog-max-width: 28rem;
+  --dialog-height: 80%;
+  --dialog-z-index: 1000000000;
+  --dialog-overlay-z-index: 1000000000;
+  --dialog-card-shadow: 0 1px 2px 0 #0000000d;
+  --dialog-border-width: 1px;
+  --dialog-border-style: solid;
+  --dialog-branding-gap: .5rem;
+  --dialog-branding-icon-height: 1.25rem;
+  --dialog-branding-icon-width: auto;
+}
+
+.c15t-root-QhMZC {
+  isolation: isolate;
+  font-family: var(--dialog-font-family);
+  line-height: var(--dialog-line-height);
+  -webkit-text-size-adjust: 100%;
+  tab-size: 4;
+  padding: var(--dialog-card-padding-mobile);
+  z-index: var(--dialog-z-index);
+  border-radius: var(--dialog-card-radius);
+  width: 100%;
+  height: var(--dialog-height);
+  background: none;
+  border: 0;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  display: flex;
+  position: fixed;
+  inset: 0;
+}
+
+@media (width >= 640px) {
+  .c15t-root-QhMZC {
+    padding: var(--dialog-card-padding);
+    width: auto;
+  }
+}
+
+.c15t-container-bOKMN {
+  width: 100%;
+  max-width: var(--dialog-max-width);
+  margin: auto;
+}
+
+.c15t-branding-p1rXd {
+  justify-content: center;
+  align-items: center;
+  gap: var(--dialog-branding-gap);
+  font-size: var(--dialog-branding-font-size);
+  font-weight: var(--dialog-branding-font-weight);
+  line-height: var(--dialog-branding-line-height);
+  letter-spacing: var(--dialog-branding-letter-spacing);
+  color: var(--dialog-foreground-color);
+  flex-direction: row;
+  flex: 1;
+  text-decoration: none;
+  display: flex;
+}
+
+.dark .c15t-branding-p1rXd {
+  color: var(--dialog-foreground-color-dark);
+}
+
+.c15t-branding-p1rXd svg {
+  width: var(--dialog-branding-icon-width);
+  height: var(--dialog-branding-icon-height);
+}
+
+.c15t-headerWrapper-GSp8u {
+  position: relative;
+}
+
+.c15t-closeButton-PxEni {
+  position: absolute;
+  top: 22px;
+  right: 22px;
+}
+
+.c15t-footer-oOtr_ {
+  border-top: solid 1px var(--dialog-stroke-color);
+  justify-content: center;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  font-size: 14px;
+}
+
+.c15t-overlay-jJ4Q1 {
+  color: var(--dialog-link-text-color);
+  background-color: var(--dialog-overlay-background-color);
+  z-index: var(--dialog-overlay-z-index);
+  position: fixed;
+  inset: 0;
+}
+
+.dark .c15t-overlay-jJ4Q1 {
+  background-color: var(--dialog-overlay-background-color-dark);
+  color: var(--dialog-link-text-color-dark);
+}
+
+.c15t-card-d2uUf {
+  border-radius: var(--dialog-card-radius);
+  border: var(--dialog-border-width) var(--dialog-border-style) var(--dialog-border-color);
+  background-color: var(--dialog-background-color);
+  color: var(--dialog-foreground-color);
+  box-shadow: var(--dialog-card-shadow);
+  overflow: hidden;
+}
+
+.dark .c15t-card-d2uUf {
+  background-color: var(--dialog-background-color-dark);
+  color: var(--dialog-foreground-color-dark);
+  border-color: var(--dialog-border-color-dark);
+}
+
+.c15t-header-qF2QY {
+  padding: var(--dialog-card-padding);
+  gap: var(--dialog-header-gap);
+  flex-direction: column;
+  display: flex;
+}
+
+.c15t-header-qF2QY > * + * {
+  margin-top: var(--dialog-card-gap);
+}
+
+.c15t-title-B_498 {
+  font-weight: var(--dialog-title-font-weight);
+  font-size: var(--dialog-title-font-size);
+  letter-spacing: var(--dialog-title-letter-spacing);
+  line-height: 1;
+}
+
+.c15t-description-Nct_b {
+  color: var(--dialog-muted-color);
+  font-size: var(--dialog-description-font-size);
+  font-weight: var(--dialog-description-font-weight);
+  line-height: var(--dialog-description-line-height);
+}
+
+.dark .c15t-description-Nct_b {
+  color: var(--dialog-muted-color-dark);
+}
+
+.c15t-content-_6tun {
+  padding: var(--dialog-card-padding);
+  gap: var(--dialog-content-gap);
+  padding-top: 0;
+}
+
+.c15t-footer-oOtr_ {
+  font-size: var(--dialog-footer-font-size);
+  padding: var(--dialog-card-padding);
+  padding-top: var(--dialog-footer-padding-top);
+  border-top: var(--dialog-border-width) var(--dialog-border-style) var(--dialog-stroke-color);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.dark .c15t-footer-oOtr_ {
+  border-color: var(--dialog-stroke-color-dark);
+}
+

package/dist/components/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/components/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/components/consent-manager-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/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/components/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/components/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
+});