@c15t/react 0.0.1-rc.3

package/dist/common/store/use-translations.d.ts

@@ -0,0 +1,29 @@
+import type { Translations } from 'c15t';
+/**
+ * Hook for accessing translations in the current language.
+ *
+ * @remarks
+ * This hook provides access to the translations for the currently selected language.
+ * It automatically handles language selection based on the translation configuration.
+ * Falls back to English if the selected language is not available.
+ *
+ * @returns The translations for the current language
+ *
+ * @example
+ * ```tsx
+ * function CookieBanner() {
+ *   const translations = useTranslations();
+ *
+ *   return (
+ *     <div>
+ *       <h2>{translations.cookieBanner.title}</h2>
+ *       <p>{translations.cookieBanner.description}</p>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @public
+ */
+export declare function useTranslations(): Translations;
+//# sourceMappingURL=use-translations.d.ts.map

package/dist/common/store/use-translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-translations.d.ts","sourceRoot":"","sources":["../../../src/common/store/use-translations.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAIzC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,eAAe,IAAI,YAAY,CAoB9C"}

package/dist/common/store/use-translations.js

@@ -0,0 +1,24 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE_c15t__ from "c15t";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__use_consent_manager_js_06584a12__ from "./use-consent-manager.js";
+function useTranslations() {
+    const { translationConfig } = (0, __WEBPACK_EXTERNAL_MODULE__use_consent_manager_js_06584a12__.useConsentManager)();
+    return (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const { translations = {}, defaultLanguage = 'en' } = translationConfig;
+        const selectedTranslations = translations[defaultLanguage];
+        if (isTranslations(selectedTranslations)) return selectedTranslations;
+        const englishTranslations = translations.en;
+        if (isTranslations(englishTranslations)) return englishTranslations;
+        return __WEBPACK_EXTERNAL_MODULE_c15t__.defaultTranslationConfig.translations.en;
+    }, [
+        translationConfig
+    ]);
+}
+function isTranslations(value) {
+    if (!value || 'object' != typeof value) return false;
+    const obj = value;
+    const hasRequiredKeys = 'cookieBanner' in obj && 'consentManagerDialog' in obj && 'consentManagerWidget' in obj && 'consentTypes' in obj;
+    return hasRequiredKeys;
+}
+export { useTranslations };

package/dist/common/types/consent-manager.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/common/types/consent-manager.d.ts

@@ -0,0 +1,82 @@
+import type { AllConsentNames, ComplianceRegion, ComplianceSettings, NamespaceProps, PrivacyConsentState, TrackingBlockerConfig, TranslationConfig, createConsentManagerStore } from 'c15t';
+import type { ReactNode } from 'react';
+/**
+ * Configuration options for the ConsentManagerProvider component.
+ *
+ * @remarks
+ * These props allow you to configure the initial state and behavior of the consent manager,
+ * including GDPR types, compliance settings, and namespace configuration.
+ *
+ * @public
+ */
+export interface ConsentManagerProviderProps extends NamespaceProps {
+    /**
+     * @remarks
+     * React elements to be rendered within the consent manager context.
+     */
+    children: ReactNode;
+    /**
+     * @remarks
+     * Array of consent types to be pre-configured for GDPR compliance.
+     * These types define what kinds of cookies and tracking are initially allowed.
+     */
+    initialGdprTypes?: AllConsentNames[];
+    /**
+     * @remarks
+     * Region-specific compliance settings that define how the consent manager
+     * should behave in different geographical regions.
+     */
+    initialComplianceSettings?: Record<ComplianceRegion, ComplianceSettings>;
+    /**
+     * @remarks
+     * Whether to skip injecting default styles
+     * @default false
+     */
+    noStyle?: boolean;
+    /**
+     * @remarks
+     * The configuration allows you to:
+     * - Define translations for multiple languages through the translations object
+     * - Set a default language via defaultLanguage prop
+     * - Control automatic language switching based on browser settings with disableAutoLanguageSwitch
+     * - Override specific translation keys while keeping defaults for others
+     *
+     * @example
+     * ```tsx
+     * <ConsentManagerProvider
+     *   translationConfig={{
+     *     translations: {
+     *       de: {
+     *         cookieBanner: {
+     *           title: 'Cookie-Einstellungen',
+     *           description: 'Wir verwenden Cookies...'
+     *         }
+     *       }
+     *     },
+     *     defaultLanguage: 'en',
+     *     disableAutoLanguageSwitch: false
+     *   }}
+     * >
+     *   {children}
+     * </ConsentManagerProvider>
+     * ```
+     */
+    translationConfig?: Partial<TranslationConfig>;
+    trackingBlockerConfig?: TrackingBlockerConfig;
+}
+/**
+ * Internal context value interface for the consent manager.
+ *
+ * @remarks
+ * Combines both the current state and store instance for complete
+ * consent management functionality.
+ *
+ * @internal
+ */
+export interface ConsentManagerContextValue {
+    /** Current privacy consent state */
+    state: PrivacyConsentState;
+    /** Store instance for managing consent state */
+    store: ReturnType<typeof createConsentManagerStore>;
+}
+//# sourceMappingURL=consent-manager.d.ts.map

package/dist/common/types/consent-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-manager.d.ts","sourceRoot":"","sources":["../../../src/common/types/consent-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,yBAAyB,EACzB,MAAM,MAAM,CAAC;AACd,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;GAQG;AACH,MAAM,WAAW,2BAA4B,SAAQ,cAAc;IAClE;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAErC;;;;OAIG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;IACzE;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAE/C,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC9C;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,0BAA0B;IAC1C,oCAAoC;IACpC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,gDAAgD;IAChD,KAAK,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;CACpD"}

package/dist/common/utils/theme.cjs

@@ -0,0 +1,47 @@
+"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__, {
+    createThemeContextValue: ()=>createThemeContextValue
+});
+function createThemeContextValue(consentManager, themeProps) {
+    const fn = ()=>({
+            ...consentManager,
+            ...themeProps
+        });
+    const result = Object.assign(fn, {
+        ...consentManager,
+        ...themeProps
+    });
+    if ('function' != typeof result || !('theme' in result)) throw new Error('Invalid theme context value');
+    return result;
+}
+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/common/utils/theme.d.ts

@@ -0,0 +1,8 @@
+import type { PrivacyConsentState } from 'c15t';
+import type { ThemeContextValue } from '../../theme';
+interface ThemeContextValueWithConsent extends PrivacyConsentState, ThemeContextValue {
+    (): PrivacyConsentState & ThemeContextValue;
+}
+export declare function createThemeContextValue(consentManager: PrivacyConsentState, themeProps: ThemeContextValue): ThemeContextValueWithConsent;
+export {};
+//# sourceMappingURL=theme.d.ts.map

package/dist/common/utils/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/common/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,UAAU,4BACT,SAAQ,mBAAmB,EAC1B,iBAAiB;IAClB,IAAI,mBAAmB,GAAG,iBAAiB,CAAC;CAC5C;AAED,wBAAgB,uBAAuB,CACtC,cAAc,EAAE,mBAAmB,EACnC,UAAU,EAAE,iBAAiB,GAC3B,4BAA4B,CAc9B"}

package/dist/common/utils/theme.js

@@ -0,0 +1,13 @@
+function createThemeContextValue(consentManager, themeProps) {
+    const fn = ()=>({
+            ...consentManager,
+            ...themeProps
+        });
+    const result = Object.assign(fn, {
+        ...consentManager,
+        ...themeProps
+    });
+    if ('function' != typeof result || !('theme' in result)) throw new Error('Invalid theme context value');
+    return result;
+}
+export { createThemeContextValue };

package/dist/common/utils/translations.cjs

@@ -0,0 +1,86 @@
+'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__, {
+    deepMergeTranslations: ()=>deepMergeTranslations,
+    detectBrowserLanguage: ()=>detectBrowserLanguage,
+    mergeTranslationConfigs: ()=>mergeTranslationConfigs
+});
+function deepMergeTranslations(base, override) {
+    const sections = [
+        'cookieBanner',
+        'consentManagerDialog',
+        'consentManagerWidget',
+        'consentTypes'
+    ];
+    return sections.reduce((result, section)=>{
+        result[section] = {
+            ...base[section],
+            ...override[section] || {}
+        };
+        return result;
+    }, {});
+}
+function mergeTranslationConfigs(defaultConfig, customConfig) {
+    const mergedTranslations = {
+        ...defaultConfig.translations
+    };
+    if (customConfig?.translations) {
+        if (customConfig.translations.en) mergedTranslations.en = deepMergeTranslations(defaultConfig.translations.en, customConfig.translations.en);
+        for (const [lang, translations] of Object.entries(customConfig.translations))if ('en' !== lang && translations) {
+            const baseTranslations = mergedTranslations.en;
+            mergedTranslations[lang] = deepMergeTranslations(baseTranslations, translations);
+        }
+    }
+    return {
+        ...defaultConfig,
+        ...customConfig,
+        translations: mergedTranslations
+    };
+}
+function detectBrowserLanguage(translations, defaultLanguage, disableAutoSwitch = false) {
+    if (disableAutoSwitch) return defaultLanguage || 'en';
+    const availableLanguages = Object.keys(translations).map((lang)=>lang.toLowerCase());
+    const browserLanguages = 'undefined' != typeof window ? navigator?.languages || [
+        navigator?.language || 'en'
+    ] : [
+        'en'
+    ];
+    for (const lang of browserLanguages){
+        const normalizedLang = lang.toLowerCase();
+        if (availableLanguages.includes(normalizedLang)) return normalizedLang;
+        const primaryLang = normalizedLang.split('-')[0];
+        if (primaryLang && availableLanguages.includes(primaryLang)) return primaryLang;
+    }
+    return 'en';
+}
+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/common/utils/translations.d.ts

@@ -0,0 +1,14 @@
+import type { TranslationConfig, Translations } from 'c15t';
+/**
+ * Deep merges translation objects
+ */
+export declare function deepMergeTranslations(base: Translations, override: Partial<Translations>): Translations;
+/**
+ * Merges custom translations with defaults
+ */
+export declare function mergeTranslationConfigs(defaultConfig: TranslationConfig, customConfig?: Partial<TranslationConfig>): TranslationConfig;
+/**
+ * Detects browser language and returns appropriate default language
+ */
+export declare function detectBrowserLanguage(translations: Record<string, unknown>, defaultLanguage: string | undefined, disableAutoSwitch?: boolean): string;
+//# sourceMappingURL=translations.d.ts.map

package/dist/common/utils/translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/common/utils/translations.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAQ5D;;GAEG;AACH,wBAAgB,qBAAqB,CACpC,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAC7B,YAAY,CAed;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACtC,aAAa,EAAE,iBAAiB,EAChC,YAAY,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,GACvC,iBAAiB,CA+BnB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACpC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrC,eAAe,EAAE,MAAM,GAAG,SAAS,EACnC,iBAAiB,UAAQ,GACvB,MAAM,CAgCR"}

package/dist/common/utils/translations.js

@@ -0,0 +1,50 @@
+'use client';
+function deepMergeTranslations(base, override) {
+    const sections = [
+        'cookieBanner',
+        'consentManagerDialog',
+        'consentManagerWidget',
+        'consentTypes'
+    ];
+    return sections.reduce((result, section)=>{
+        result[section] = {
+            ...base[section],
+            ...override[section] || {}
+        };
+        return result;
+    }, {});
+}
+function mergeTranslationConfigs(defaultConfig, customConfig) {
+    const mergedTranslations = {
+        ...defaultConfig.translations
+    };
+    if (customConfig?.translations) {
+        if (customConfig.translations.en) mergedTranslations.en = deepMergeTranslations(defaultConfig.translations.en, customConfig.translations.en);
+        for (const [lang, translations] of Object.entries(customConfig.translations))if ('en' !== lang && translations) {
+            const baseTranslations = mergedTranslations.en;
+            mergedTranslations[lang] = deepMergeTranslations(baseTranslations, translations);
+        }
+    }
+    return {
+        ...defaultConfig,
+        ...customConfig,
+        translations: mergedTranslations
+    };
+}
+function detectBrowserLanguage(translations, defaultLanguage, disableAutoSwitch = false) {
+    if (disableAutoSwitch) return defaultLanguage || 'en';
+    const availableLanguages = Object.keys(translations).map((lang)=>lang.toLowerCase());
+    const browserLanguages = 'undefined' != typeof window ? navigator?.languages || [
+        navigator?.language || 'en'
+    ] : [
+        'en'
+    ];
+    for (const lang of browserLanguages){
+        const normalizedLang = lang.toLowerCase();
+        if (availableLanguages.includes(normalizedLang)) return normalizedLang;
+        const primaryLang = normalizedLang.split('-')[0];
+        if (primaryLang && availableLanguages.includes(primaryLang)) return primaryLang;
+    }
+    return 'en';
+}
+export { deepMergeTranslations, detectBrowserLanguage, mergeTranslationConfigs };

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

@@ -0,0 +1,218 @@
+"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);
+    };
+})();
+var __webpack_exports__ = {};
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_vitest_namespaceObject = require("vitest");
+const external_index_cjs_namespaceObject = require("../../index.cjs");
+const external_utils_cjs_namespaceObject = require("./utils.cjs");
+var external_utils_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_utils_cjs_namespaceObject);
+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, external_vitest_namespaceObject.test)('Theme prop applies string classnames to all components', async ()=>{
+    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ConsentManagerDialog, {
+        open: true,
+        theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
+            acc[themeKey] = styles;
+            return acc;
+        }, {})
+    });
+    await external_utils_cjs_default()({
+        component: test,
+        testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
+                testId,
+                styles
+            }))
+    });
+});
+(0, external_vitest_namespaceObject.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, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ConsentManagerDialog, {
+        open: true,
+        theme: testCases.reduce((acc, { themeKey, className, style })=>{
+            acc[themeKey] = {
+                className,
+                style
+            };
+            return acc;
+        }, {})
+    });
+    await external_utils_cjs_default()({
+        component: test,
+        testCases: testCases.map(({ testId, className, style })=>({
+                testId,
+                styles: {
+                    className,
+                    style
+                }
+            }))
+    });
+});
+(0, external_vitest_namespaceObject.test)('No style prop removes default styles but keeps custom classNames', async ()=>{
+    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ConsentManagerDialog, {
+        noStyle: true,
+        open: true,
+        theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
+            acc[themeKey] = styles;
+            return acc;
+        }, {})
+    });
+    await external_utils_cjs_default()({
+        component: test,
+        testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
+                testId,
+                styles
+            })),
+        noStyle: true
+    });
+});
+(0, external_vitest_namespaceObject.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, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ConsentManagerDialog, {
+        theme: mixedTheme,
+        open: true
+    });
+    await external_utils_cjs_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, external_vitest_namespaceObject.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, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ConsentManagerDialog, {
+        open: true,
+        theme: edgeCaseTheme
+    });
+    await external_utils_cjs_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'
+                    }
+                }
+            }
+        ]
+    });
+});
+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__/styles.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=styles.spec.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.spec.d.ts","sourceRoot":"","sources":["../../../src/consent-manager-dialog/__tests__/styles.spec.tsx"],"names":[],"mappings":""}