@c15t/react 0.0.1-rc.3

package/dist/consent-manager-dialog/__tests__/styles.spec.js

@@ -0,0 +1,183 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
+import * as __WEBPACK_EXTERNAL_MODULE__index_js_cbfda0f6__ from "../../index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__ from "./utils.js";
+const ALL_COMPONENTS = [
+    {
+        testId: 'consent-manager-dialog-root',
+        themeKey: 'consent-manager-dialog.root',
+        styles: 'custom-dialog-root'
+    },
+    {
+        testId: 'consent-manager-dialog-overlay',
+        themeKey: 'consent-manager-dialog.overlay',
+        styles: 'custom-dialog-overlay'
+    },
+    {
+        testId: 'consent-manager-dialog-header',
+        themeKey: 'consent-manager-dialog.header',
+        styles: 'custom-dialog-header'
+    },
+    {
+        testId: 'consent-manager-dialog-title',
+        themeKey: 'consent-manager-dialog.title',
+        styles: 'custom-dialog-title'
+    },
+    {
+        testId: "consent-manager-dialog-description",
+        themeKey: "consent-manager-dialog.description",
+        styles: "custom-dialog-description"
+    },
+    {
+        testId: 'consent-manager-dialog-content',
+        themeKey: 'consent-manager-dialog.content',
+        styles: 'custom-dialog-content'
+    },
+    {
+        testId: 'consent-manager-dialog-footer',
+        themeKey: 'consent-manager-dialog.footer',
+        styles: 'custom-dialog-footer'
+    }
+];
+(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('Theme prop applies string classnames to all components', async ()=>{
+    const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_js_cbfda0f6__.ConsentManagerDialog, {
+        open: true,
+        theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
+            acc[themeKey] = styles;
+            return acc;
+        }, {})
+    });
+    await (0, __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__["default"])({
+        component: test,
+        testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
+                testId,
+                styles
+            }))
+    });
+});
+(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('Theme prop supports object format with className and style for all components', async ()=>{
+    const style = {
+        backgroundColor: '#ffffff',
+        padding: '20px',
+        border: '1px solid #000000'
+    };
+    const testCases = ALL_COMPONENTS.map(({ testId, themeKey, styles })=>({
+            testId,
+            themeKey,
+            className: styles,
+            style
+        }));
+    const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_js_cbfda0f6__.ConsentManagerDialog, {
+        open: true,
+        theme: testCases.reduce((acc, { themeKey, className, style })=>{
+            acc[themeKey] = {
+                className,
+                style
+            };
+            return acc;
+        }, {})
+    });
+    await (0, __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__["default"])({
+        component: test,
+        testCases: testCases.map(({ testId, className, style })=>({
+                testId,
+                styles: {
+                    className,
+                    style
+                }
+            }))
+    });
+});
+(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('No style prop removes default styles but keeps custom classNames', async ()=>{
+    const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_js_cbfda0f6__.ConsentManagerDialog, {
+        noStyle: true,
+        open: true,
+        theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
+            acc[themeKey] = styles;
+            return acc;
+        }, {})
+    });
+    await (0, __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__["default"])({
+        component: test,
+        testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
+                testId,
+                styles
+            })),
+        noStyle: true
+    });
+});
+(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('Theme prop handles mixed format (string and object) correctly', async ()=>{
+    const mixedTheme = {
+        'consent-manager-dialog.root': {
+            className: 'custom-dialog-root',
+            style: {
+                backgroundColor: 'rgb(255, 255, 255)',
+                padding: '16px'
+            }
+        },
+        'consent-manager-dialog.overlay': 'custom-dialog-overlay'
+    };
+    const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_js_cbfda0f6__.ConsentManagerDialog, {
+        theme: mixedTheme,
+        open: true
+    });
+    await (0, __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__["default"])({
+        component: test,
+        testCases: [
+            {
+                testId: 'consent-manager-dialog-root',
+                styles: {
+                    className: 'custom-dialog-root',
+                    style: {
+                        backgroundColor: 'rgb(255, 255, 255)',
+                        padding: '16px'
+                    }
+                }
+            },
+            {
+                testId: 'consent-manager-dialog-overlay',
+                styles: 'custom-dialog-overlay'
+            }
+        ]
+    });
+});
+(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('Theme prop handles edge cases gracefully', async ()=>{
+    const edgeCaseTheme = {
+        'consent-manager-dialog.root': '',
+        'consent-manager-dialog.overlay': '',
+        'consent-manager-dialog.content': {
+            className: '',
+            style: {
+                margin: '0',
+                padding: '0'
+            }
+        }
+    };
+    const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_js_cbfda0f6__.ConsentManagerDialog, {
+        open: true,
+        theme: edgeCaseTheme
+    });
+    await (0, __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__["default"])({
+        component: test,
+        testCases: [
+            {
+                testId: 'consent-manager-dialog-root',
+                styles: ''
+            },
+            {
+                testId: 'consent-manager-dialog-overlay',
+                styles: ''
+            },
+            {
+                testId: 'consent-manager-dialog-content',
+                styles: {
+                    className: '',
+                    style: {
+                        margin: '0',
+                        padding: '0'
+                    }
+                }
+            }
+        ]
+    });
+});

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

@@ -0,0 +1,68 @@
+"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: ()=>utils_rslib_entry_
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_vitest_namespaceObject = require("vitest");
+const external_vitest_browser_react_namespaceObject = require("vitest-browser-react");
+const external_index_cjs_namespaceObject = require("../../index.cjs");
+async function testComponentStyles({ component, testCases, noStyle = false }) {
+    const { getByTestId } = (0, external_vitest_browser_react_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ConsentManagerProvider, {
+        noStyle: noStyle,
+        children: component
+    }));
+    for (const { testId, styles } of testCases){
+        const element = getByTestId(testId);
+        if ('string' == typeof styles || styles?.className) {
+            const classNames = 'string' == typeof styles ? styles : styles?.className;
+            if (classNames) await external_vitest_namespaceObject.expect.element(element).toHaveClass(classNames, {
+                exact: noStyle
+            });
+        }
+        if ('object' == typeof styles && styles?.style) {
+            const styleEntries = Object.entries(styles.style).map(([key, value])=>{
+                const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
+                return [
+                    cssKey,
+                    value
+                ];
+            });
+            await new Promise((resolve)=>setTimeout(resolve, 100));
+            for (const [property, value] of styleEntries)await external_vitest_namespaceObject.expect.element(element).toHaveStyle({
+                [property]: value
+            });
+        }
+    }
+}
+const utils_rslib_entry_ = testComponentStyles;
+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/__tests__/utils.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import type { ThemeValue } from '../../theme/types/style-types';
+interface ComponentStyles {
+    component: ReactNode;
+    testCases: {
+        testId: string;
+        styles: string | ThemeValue;
+    }[];
+    noStyle?: boolean;
+}
+declare function testComponentStyles({ component, testCases, noStyle, }: ComponentStyles): Promise<void>;
+export default testComponentStyles;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/consent-manager-dialog/__tests__/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEhE,UAAU,eAAe;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE;QACV,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,GAAG,UAAU,CAAC;KAC5B,EAAE,CAAC;IACJ,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,iBAAe,mBAAmB,CAAC,EAClC,SAAS,EACT,SAAS,EACT,OAAe,GACf,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,CAyCjC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/consent-manager-dialog/__tests__/utils.js

@@ -0,0 +1,34 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
+import * as __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__ from "vitest-browser-react";
+import * as __WEBPACK_EXTERNAL_MODULE__index_js_cbfda0f6__ from "../../index.js";
+async function testComponentStyles({ component, testCases, noStyle = false }) {
+    const { getByTestId } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_js_cbfda0f6__.ConsentManagerProvider, {
+        noStyle: noStyle,
+        children: component
+    }));
+    for (const { testId, styles } of testCases){
+        const element = getByTestId(testId);
+        if ('string' == typeof styles || styles?.className) {
+            const classNames = 'string' == typeof styles ? styles : styles?.className;
+            if (classNames) await __WEBPACK_EXTERNAL_MODULE_vitest__.expect.element(element).toHaveClass(classNames, {
+                exact: noStyle
+            });
+        }
+        if ('object' == typeof styles && styles?.style) {
+            const styleEntries = Object.entries(styles.style).map(([key, value])=>{
+                const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
+                return [
+                    cssKey,
+                    value
+                ];
+            });
+            await new Promise((resolve)=>setTimeout(resolve, 100));
+            for (const [property, value] of styleEntries)await __WEBPACK_EXTERNAL_MODULE_vitest__.expect.element(element).toHaveStyle({
+                [property]: value
+            });
+        }
+    }
+}
+const utils_rslib_entry_ = testComponentStyles;
+export { utils_rslib_entry_ as default };

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

@@ -0,0 +1,139 @@
+'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__, {
+    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 use_translations_cjs_namespaceObject = require("../../common/store/use-translations.cjs");
+const consent_manager_widget_cjs_namespaceObject = require("../../consent-manager-widget/consent-manager-widget.cjs");
+const box_cjs_namespaceObject = require("../../primitives/box.cjs");
+const logo_cjs_namespaceObject = require("../../ui/components/logo.cjs");
+const DialogCard = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+        ref: ref,
+        baseClassName: "c15t-card c15t-consent-manager-dialog-card",
+        ...props,
+        themeKey: "consent-manager-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,
+        baseClassName: "c15t-card-header c15t-consent-manager-dialog-card",
+        ...props,
+        themeKey: "consent-manager-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,
+        baseClassName: "c15t-card-title",
+        themeKey: "consent-manager-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,
+        baseClassName: "c15t-card-description",
+        themeKey: "consent-manager-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,
+        baseClassName: "c15t-card-content",
+        themeKey: "consent-manager-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,
+        baseClassName: "c15t-card-footer",
+        themeKey: "consent-manager-dialog.footer",
+        ...props,
+        "data-testid": "consent-manager-dialog-footer",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("a", {
+            className: "c15t-consent-manager-widget-branding-link",
+            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/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 '../../primitives/box';
+import type { ClassNameStyle } from '../../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/consent-manager-dialog/atoms/dialog-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-card.d.ts","sourceRoot":"","sources":["../../../src/consent-manager-dialog/atoms/dialog-card.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AA2ClD;;;;;;;;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,uHAmBjB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,wBAAwB,gBAAiB;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,4CAuBnE,CAAC;AAEF,QAAA,MAAM,IAAI;IAnNT,wDAAwD;eAC7C,SAAS;mEAkNE,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/consent-manager-dialog/atoms/dialog-card.js

@@ -0,0 +1,94 @@
+'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__common_store_use_translations_js_31056175__ from "../../common/store/use-translations.js";
+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__primitives_box_js_62a8881e__ from "../../primitives/box.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ui_components_logo_js_31da8a14__ from "../../ui/components/logo.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__primitives_box_js_62a8881e__.Box, {
+        ref: ref,
+        baseClassName: "c15t-card c15t-consent-manager-dialog-card",
+        ...props,
+        themeKey: "consent-manager-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__primitives_box_js_62a8881e__.Box, {
+        ref: ref,
+        baseClassName: "c15t-card-header c15t-consent-manager-dialog-card",
+        ...props,
+        themeKey: "consent-manager-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__primitives_box_js_62a8881e__.Box, {
+        ref: ref,
+        baseClassName: "c15t-card-title",
+        themeKey: "consent-manager-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__primitives_box_js_62a8881e__.Box, {
+        ref: ref,
+        baseClassName: "c15t-card-description",
+        themeKey: "consent-manager-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__primitives_box_js_62a8881e__.Box, {
+        ref: ref,
+        baseClassName: "c15t-card-content",
+        themeKey: "consent-manager-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__primitives_box_js_62a8881e__.Box, {
+        ref: ref,
+        baseClassName: "c15t-card-footer",
+        themeKey: "consent-manager-dialog.footer",
+        ...props,
+        "data-testid": "consent-manager-dialog-footer",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("a", {
+            className: "c15t-consent-manager-widget-branding-link",
+            href: "https://c15t.com",
+            children: [
+                "Secured by ",
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__ui_components_logo_js_31da8a14__.ConsentManagementIcon, {})
+            ]
+        })
+    }));
+const ConsentCustomizationCard = ({ noStyle })=>{
+    const translations = (0, __WEBPACK_EXTERNAL_MODULE__common_store_use_translations_js_31056175__.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 };