@c15t/react 0.0.1-rc.19 → 0.0.1-rc.21

package/dist/components/cookie-banner/__tests__/cookie-banner.e2e.test.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_vitest_browser_react_6a851916__ from "vitest-browser-react";
+import * as __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_consent_manager_dialog_js_9cbc4f9a__ from "../../consent-manager-dialog/consent-manager-dialog.js";
+import * as __WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_47c65d87__ from "../../../providers/consent-manager-provider.js";
+import * as __WEBPACK_EXTERNAL_MODULE__cookie_banner_js_0a2d98b7__ from "../cookie-banner.js";
+let mockShowPopup = true;
+let mockIsPrivacyDialogOpen = false;
+__WEBPACK_EXTERNAL_MODULE_vitest__.vi.mock('~/hooks/use-consent-manager', async (importOriginal)=>{
+    const realModule = await importOriginal();
+    return {
+        useConsentManager: ()=>({
+                ...realModule.useConsentManager(),
+                showPopup: mockShowPopup,
+                isPrivacyDialogOpen: mockIsPrivacyDialogOpen,
+                setShowPopup: (value)=>{
+                    mockShowPopup = value;
+                },
+                setIsPrivacyDialogOpen: (value)=>{
+                    mockIsPrivacyDialogOpen = value;
+                }
+            })
+    };
+});
+const localStorageMock = (()=>{
+    let store = {};
+    return {
+        getItem: (key)=>store[key] || null,
+        setItem: (key, value)=>{
+            store[key] = value.toString();
+        },
+        removeItem: (key)=>{
+            delete store[key];
+        },
+        clear: ()=>{
+            store = {};
+        }
+    };
+})();
+Object.defineProperty(window, 'localStorage', {
+    value: localStorageMock
+});
+const defaultOptions = {
+    mode: 'offline'
+};
+(0, __WEBPACK_EXTERNAL_MODULE_vitest__.describe)('CookieBanner E2E Tests', ()=>{
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.beforeEach)(()=>{
+        window.localStorage.clear();
+        mockShowPopup = true;
+        __WEBPACK_EXTERNAL_MODULE_vitest__.vi.clearAllMocks();
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('should show cookie banner on first visit', async ()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_47c65d87__.ConsentManagerProvider, {
+            options: defaultOptions,
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__cookie_banner_js_0a2d98b7__.CookieBanner, {}),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_consent_manager_dialog_js_9cbc4f9a__.ConsentManagerDialog, {})
+            ]
+        }));
+        const element = document.body.querySelector('[data-testid="cookie-banner-root"]');
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(element).toBeInTheDocument();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(mockShowPopup).toBe(true);
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.querySelector('[data-testid="cookie-banner-title"]')).toBeInTheDocument();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.querySelector('[data-testid="cookie-banner-description"]')).toBeInTheDocument();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.querySelector('[data-testid="cookie-banner-reject-button"]')).toBeInTheDocument();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.querySelector('[data-testid="cookie-banner-customize-button"]')).toBeInTheDocument();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.querySelector('[data-testid="cookie-banner-accept-button"]')).toBeInTheDocument();
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('should accept all cookies when clicking Accept All', async ()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_47c65d87__.ConsentManagerProvider, {
+            options: defaultOptions,
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__cookie_banner_js_0a2d98b7__.CookieBanner, {}),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_consent_manager_dialog_js_9cbc4f9a__.ConsentManagerDialog, {})
+            ]
+        }));
+        const acceptButton = document.querySelector('[data-testid="cookie-banner-accept-button"]');
+        acceptButton?.dispatchEvent(new MouseEvent('click', {
+            bubbles: true
+        }));
+        await new Promise((resolve)=>setTimeout(resolve, 100));
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(mockShowPopup).toBe(false);
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.querySelector('[data-testid="cookie-banner-root"]')).not.toBeInTheDocument();
+        const consent = JSON.parse(window.localStorage.getItem('privacy-consent-storage') || '{}');
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(consent.consents).toBeTruthy();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(consent.consentInfo.type).toBe('all');
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('should reject non-essential cookies when clicking Reject All', async ()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_47c65d87__.ConsentManagerProvider, {
+            options: defaultOptions,
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__cookie_banner_js_0a2d98b7__.CookieBanner, {}),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_consent_manager_dialog_js_9cbc4f9a__.ConsentManagerDialog, {})
+            ]
+        }));
+        const rejectButton = document.querySelector('[data-testid="cookie-banner-reject-button"]');
+        rejectButton?.dispatchEvent(new MouseEvent('click', {
+            bubbles: true
+        }));
+        await new Promise((resolve)=>setTimeout(resolve, 100));
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(mockShowPopup).toBe(false);
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.querySelector('[data-testid="cookie-banner-root"]')).not.toBeInTheDocument();
+        const consent = JSON.parse(window.localStorage.getItem('privacy-consent-storage') || '{}');
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(consent.consents).toBeTruthy();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(consent.consentInfo.type).toBe('necessary');
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(consent.consents.necessary).toBe(true);
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(consent.consents.experience).toBe(false);
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(consent.consents.functionality).toBe(false);
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(consent.consents.marketing).toBe(false);
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(consent.consents.measurement).toBe(false);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('should open consent manager dialog when clicking Customize', async ()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_47c65d87__.ConsentManagerProvider, {
+            options: defaultOptions,
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__cookie_banner_js_0a2d98b7__.CookieBanner, {}),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_consent_manager_dialog_js_9cbc4f9a__.ConsentManagerDialog, {})
+            ]
+        }));
+        const customizeButton = document.querySelector('[data-testid="cookie-banner-customize-button"]');
+        customizeButton?.dispatchEvent(new MouseEvent('click', {
+            bubbles: true
+        }));
+        await new Promise((resolve)=>setTimeout(resolve, 100));
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(mockShowPopup).toBe(false);
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.querySelector('[data-testid="cookie-banner-root"]')).not.toBeInTheDocument();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(mockIsPrivacyDialogOpen).toBe(true);
+        const dialog = document.querySelector('[data-testid="consent-manager-dialog-root"]');
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(dialog).toBeInTheDocument();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.querySelector('[data-testid="consent-manager-widget-switch-necessary"]')).toBeInTheDocument();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.querySelector('[data-testid="consent-manager-widget-switch-marketing"]')).toBeInTheDocument();
+        const marketingSwitch = document.querySelector('[data-testid="consent-manager-widget-switch-marketing"]');
+        marketingSwitch?.dispatchEvent(new MouseEvent('click', {
+            bubbles: true
+        }));
+        const saveButton = document.querySelector('[data-testid="consent-manager-widget-footer-save-button"]');
+        saveButton?.dispatchEvent(new MouseEvent('click', {
+            bubbles: true
+        }));
+        await new Promise((resolve)=>setTimeout(resolve, 100));
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(mockIsPrivacyDialogOpen).toBe(false);
+        const consent = JSON.parse(window.localStorage.getItem('privacy-consent-storage') || '{}');
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(consent.consents).toBeTruthy();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(consent.consentInfo.type).toBe('custom');
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(consent.consents.marketing).toBe(true);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('should be keyboard accessible', async ()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_47c65d87__.ConsentManagerProvider, {
+            options: defaultOptions,
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__cookie_banner_js_0a2d98b7__.CookieBanner, {}),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_consent_manager_dialog_js_9cbc4f9a__.ConsentManagerDialog, {})
+            ]
+        }));
+        const rejectButton = document.querySelector('[data-testid="cookie-banner-reject-button"]');
+        const customizeButton = document.querySelector('[data-testid="cookie-banner-customize-button"]');
+        const acceptButton = document.querySelector('[data-testid="cookie-banner-accept-button"]');
+        rejectButton.focus();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.activeElement).toBe(rejectButton);
+        customizeButton.focus();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.activeElement).toBe(customizeButton);
+        acceptButton.focus();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.activeElement).toBe(acceptButton);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('should handle scroll lock properly', async ()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_47c65d87__.ConsentManagerProvider, {
+            options: defaultOptions,
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__cookie_banner_js_0a2d98b7__.CookieBanner, {
+                    scrollLock: true
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_consent_manager_dialog_js_9cbc4f9a__.ConsentManagerDialog, {})
+            ]
+        }));
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.querySelector('[data-testid="cookie-banner-overlay"]')).toBeInTheDocument();
+        const acceptButton = document.querySelector('[data-testid="cookie-banner-accept-button"]');
+        acceptButton?.dispatchEvent(new MouseEvent('click', {
+            bubbles: true
+        }));
+        await new Promise((resolve)=>setTimeout(resolve, 100));
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(document.querySelector('[data-testid="cookie-banner-overlay"]')).not.toBeInTheDocument();
+    });
+});

package/dist/components/cookie-banner/__tests__/styles.spec.cjs

@@ -245,8 +245,7 @@ const ALL_COMPONENTS = [
         ]
     });
 });
-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', {
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/cookie-banner/atoms/overlay.cjs

@@ -21,7 +21,7 @@ var __webpack_require__ = {};
     __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -39,15 +39,15 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_namespaceObject = require("motion/react");
 const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../../../hooks/index.cjs");
 const use_consent_manager_cjs_namespaceObject = require("../../../hooks/use-consent-manager.cjs");
 const use_scroll_lock_cjs_namespaceObject = require("../../../hooks/use-scroll-lock.cjs");
-const use_styles_cjs_namespaceObject = require("../../../utils/use-styles.cjs");
+const use_styles_cjs_namespaceObject = require("../../../hooks/use-styles.cjs");
+const use_theme_cjs_namespaceObject = require("../../../hooks/use-theme.cjs");
 const external_cookie_banner_module_cjs_namespaceObject = require("../cookie-banner.module.cjs");
 var external_cookie_banner_module_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_cookie_banner_module_cjs_namespaceObject);
 const CookieBannerOverlay = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, style, noStyle, asChild, ...props }, ref)=>{
     const { showPopup } = (0, use_consent_manager_cjs_namespaceObject.useConsentManager)();
-    const { disableAnimation, noStyle: contextNoStyle, scrollLock } = (0, index_cjs_namespaceObject.useTheme)();
+    const { disableAnimation, noStyle: contextNoStyle, scrollLock } = (0, use_theme_cjs_namespaceObject.useTheme)();
     const theme = (0, use_styles_cjs_namespaceObject.useStyles)('banner.overlay', {
         baseClassName: !(contextNoStyle || noStyle) && external_cookie_banner_module_cjs_default().overlay,
         noStyle
@@ -76,8 +76,12 @@ const CookieBannerOverlay = /*#__PURE__*/ (0, external_react_namespaceObject.for
     }) : null;
 });
 const Overlay = CookieBannerOverlay;
-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', {
+exports.CookieBannerOverlay = __webpack_exports__.CookieBannerOverlay;
+exports.Overlay = __webpack_exports__.Overlay;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "CookieBannerOverlay",
+    "Overlay"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/cookie-banner/atoms/overlay.js

@@ -1,15 +1,15 @@
 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__hooks_index_js_d5d998a4__ from "../../../hooks/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_8a30bd26__ from "../../../hooks/use-consent-manager.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_scroll_lock_js_ebd470d2__ from "../../../hooks/use-scroll-lock.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__ from "../../../utils/use-styles.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_styles_js_ffc85ca5__ from "../../../hooks/use-styles.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_3abff3d7__ from "../../../hooks/use-theme.js";
 import * as __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_af314f6d__ from "../cookie-banner.module.js";
 const CookieBannerOverlay = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, style, noStyle, asChild, ...props }, ref)=>{
     const { showPopup } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_8a30bd26__.useConsentManager)();
-    const { disableAnimation, noStyle: contextNoStyle, scrollLock } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_js_d5d998a4__.useTheme)();
-    const theme = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__.useStyles)('banner.overlay', {
+    const { disableAnimation, noStyle: contextNoStyle, scrollLock } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_3abff3d7__.useTheme)();
+    const theme = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_styles_js_ffc85ca5__.useStyles)('banner.overlay', {
         baseClassName: !(contextNoStyle || noStyle) && __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_af314f6d__["default"].overlay,
         noStyle
     });

package/dist/components/cookie-banner/atoms/root.cjs

@@ -22,7 +22,7 @@ var __webpack_require__ = {};
     __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -44,7 +44,7 @@ const external_react_dom_namespaceObject = require("react-dom");
 const external_overlay_cjs_namespaceObject = require("./overlay.cjs");
 const theme_context_cjs_namespaceObject = require("../../../context/theme-context.cjs");
 const use_consent_manager_cjs_namespaceObject = require("../../../hooks/use-consent-manager.cjs");
-const use_styles_cjs_namespaceObject = require("../../../utils/use-styles.cjs");
+const use_styles_cjs_namespaceObject = require("../../../hooks/use-styles.cjs");
 const external_cookie_banner_module_cjs_namespaceObject = require("../cookie-banner.module.cjs");
 var external_cookie_banner_module_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_cookie_banner_module_cjs_namespaceObject);
 const CookieBannerRoot = ({ children, className, noStyle, disableAnimation, theme, scrollLock, trapFocus = true, ...props })=>{
@@ -119,8 +119,12 @@ const CookieBannerRootChildren = /*#__PURE__*/ (0, external_react_namespaceObjec
 });
 CookieBannerRootChildren.displayName = 'CookieBannerRootChildren';
 const Root = CookieBannerRoot;
-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', {
+exports.CookieBannerRoot = __webpack_exports__.CookieBannerRoot;
+exports.Root = __webpack_exports__.Root;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "CookieBannerRoot",
+    "Root"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/cookie-banner/atoms/root.js

@@ -6,7 +6,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__ from "react-dom";
 import * as __WEBPACK_EXTERNAL_MODULE__overlay_js_fdc96eda__ from "./overlay.js";
 import * as __WEBPACK_EXTERNAL_MODULE__context_theme_context_js_4d22fa0c__ from "../../../context/theme-context.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_8a30bd26__ from "../../../hooks/use-consent-manager.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__ from "../../../utils/use-styles.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_styles_js_ffc85ca5__ from "../../../hooks/use-styles.js";
 import * as __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_af314f6d__ from "../cookie-banner.module.js";
 const CookieBannerRoot = ({ children, className, noStyle, disableAnimation, theme, scrollLock, trapFocus = true, ...props })=>{
     const contextValue = {
@@ -28,7 +28,7 @@ const CookieBannerRoot = ({ children, className, noStyle, disableAnimation, them
 };
 const CookieBannerRootChildren = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ asChild, children, className, style, className: forwardedClassName, disableAnimation, ...props }, ref)=>{
     const { showPopup } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_8a30bd26__.useConsentManager)();
-    const contentStyle = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__.useStyles)('banner.root', {
+    const contentStyle = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_styles_js_ffc85ca5__.useStyles)('banner.root', {
         baseClassName: [
             __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_af314f6d__["default"].root,
             __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_af314f6d__["default"].bottomLeft

package/dist/components/cookie-banner/components.cjs

@@ -21,7 +21,7 @@ var __webpack_require__ = {};
     __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -173,8 +173,44 @@ const Header = CookieBannerHeader;
 const RejectButton = CookieBannerRejectButton;
 const CustomizeButton = CookieBannerCustomizeButton;
 const AcceptButton = CookieBannerAcceptButton;
-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', {
+exports.AcceptButton = __webpack_exports__.AcceptButton;
+exports.Card = __webpack_exports__.Card;
+exports.CookieBannerAcceptButton = __webpack_exports__.CookieBannerAcceptButton;
+exports.CookieBannerCard = __webpack_exports__.CookieBannerCard;
+exports.CookieBannerCustomizeButton = __webpack_exports__.CookieBannerCustomizeButton;
+exports.CookieBannerDescription = __webpack_exports__.CookieBannerDescription;
+exports.CookieBannerFooter = __webpack_exports__.CookieBannerFooter;
+exports.CookieBannerFooterSubGroup = __webpack_exports__.CookieBannerFooterSubGroup;
+exports.CookieBannerHeader = __webpack_exports__.CookieBannerHeader;
+exports.CookieBannerRejectButton = __webpack_exports__.CookieBannerRejectButton;
+exports.CookieBannerTitle = __webpack_exports__.CookieBannerTitle;
+exports.CustomizeButton = __webpack_exports__.CustomizeButton;
+exports.Description = __webpack_exports__.Description;
+exports.Footer = __webpack_exports__.Footer;
+exports.FooterSubGroup = __webpack_exports__.FooterSubGroup;
+exports.Header = __webpack_exports__.Header;
+exports.RejectButton = __webpack_exports__.RejectButton;
+exports.Title = __webpack_exports__.Title;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "AcceptButton",
+    "Card",
+    "CookieBannerAcceptButton",
+    "CookieBannerCard",
+    "CookieBannerCustomizeButton",
+    "CookieBannerDescription",
+    "CookieBannerFooter",
+    "CookieBannerFooterSubGroup",
+    "CookieBannerHeader",
+    "CookieBannerRejectButton",
+    "CookieBannerTitle",
+    "CustomizeButton",
+    "Description",
+    "Footer",
+    "FooterSubGroup",
+    "Header",
+    "RejectButton",
+    "Title"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/cookie-banner/cookie-banner.cjs

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
     __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -91,8 +91,10 @@ const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, cu
         })
     });
 };
-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', {
+exports.CookieBanner = __webpack_exports__.CookieBanner;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "CookieBanner"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/cookie-banner/cookie-banner.module.cjs

@@ -12,7 +12,7 @@ var __webpack_require__ = {};
     __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -24,10 +24,10 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    default: ()=>cookie_banner_module_rslib_entry_
+    default: ()=>cookie_banner_module
 });
 require("./cookie-banner_module.css");
-const cookie_banner_module_rslib_entry_ = {
+const cookie_banner_module = {
     enter: "c15t-enter-OSOPL",
     exit: "c15t-exit-PbMtf",
     root: "c15t-root-tnx7V",
@@ -46,8 +46,10 @@ const cookie_banner_module_rslib_entry_ = {
     title: "c15t-title-qr_tp",
     overlay: "c15t-overlay-Y8QYV"
 };
-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', {
+exports["default"] = __webpack_exports__["default"];
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/cookie-banner/cookie-banner.module.js

@@ -1,5 +1,5 @@
 import "./cookie-banner_module.css";
-const cookie_banner_module_rslib_entry_ = {
+const cookie_banner_module = {
     enter: "c15t-enter-OSOPL",
     exit: "c15t-exit-PbMtf",
     root: "c15t-root-tnx7V",
@@ -18,4 +18,4 @@ const cookie_banner_module_rslib_entry_ = {
     title: "c15t-title-qr_tp",
     overlay: "c15t-overlay-Y8QYV"
 };
-export { cookie_banner_module_rslib_entry_ as default };
+export { cookie_banner_module as default };

package/dist/components/cookie-banner/error-boundary.cjs

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
     __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -58,8 +58,10 @@ class ErrorBoundary extends external_react_namespaceObject.Component {
         return this.props.children;
     }
 }
-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', {
+exports.ErrorBoundary = __webpack_exports__.ErrorBoundary;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ErrorBoundary"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/cookie-banner/index.cjs

@@ -12,7 +12,7 @@ var __webpack_require__ = {};
     __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -50,8 +50,52 @@ __webpack_require__.d(__webpack_exports__, {
 const overlay_cjs_namespaceObject = require("./atoms/overlay.cjs");
 const root_cjs_namespaceObject = require("./atoms/root.cjs");
 const external_components_cjs_namespaceObject = require("./components.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', {
+exports.AcceptButton = __webpack_exports__.AcceptButton;
+exports.Card = __webpack_exports__.Card;
+exports.CookieBannerAcceptButton = __webpack_exports__.CookieBannerAcceptButton;
+exports.CookieBannerCard = __webpack_exports__.CookieBannerCard;
+exports.CookieBannerCustomizeButton = __webpack_exports__.CookieBannerCustomizeButton;
+exports.CookieBannerDescription = __webpack_exports__.CookieBannerDescription;
+exports.CookieBannerFooter = __webpack_exports__.CookieBannerFooter;
+exports.CookieBannerFooterSubGroup = __webpack_exports__.CookieBannerFooterSubGroup;
+exports.CookieBannerHeader = __webpack_exports__.CookieBannerHeader;
+exports.CookieBannerOverlay = __webpack_exports__.CookieBannerOverlay;
+exports.CookieBannerRejectButton = __webpack_exports__.CookieBannerRejectButton;
+exports.CookieBannerRoot = __webpack_exports__.CookieBannerRoot;
+exports.CookieBannerTitle = __webpack_exports__.CookieBannerTitle;
+exports.CustomizeButton = __webpack_exports__.CustomizeButton;
+exports.Description = __webpack_exports__.Description;
+exports.Footer = __webpack_exports__.Footer;
+exports.FooterSubGroup = __webpack_exports__.FooterSubGroup;
+exports.Header = __webpack_exports__.Header;
+exports.Overlay = __webpack_exports__.Overlay;
+exports.RejectButton = __webpack_exports__.RejectButton;
+exports.Root = __webpack_exports__.Root;
+exports.Title = __webpack_exports__.Title;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "AcceptButton",
+    "Card",
+    "CookieBannerAcceptButton",
+    "CookieBannerCard",
+    "CookieBannerCustomizeButton",
+    "CookieBannerDescription",
+    "CookieBannerFooter",
+    "CookieBannerFooterSubGroup",
+    "CookieBannerHeader",
+    "CookieBannerOverlay",
+    "CookieBannerRejectButton",
+    "CookieBannerRoot",
+    "CookieBannerTitle",
+    "CustomizeButton",
+    "Description",
+    "Footer",
+    "FooterSubGroup",
+    "Header",
+    "Overlay",
+    "RejectButton",
+    "Root",
+    "Title"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/cookie-banner/theme.cjs

@@ -1,7 +1,7 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -12,8 +12,7 @@ var __webpack_require__ = {};
 })();
 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', {
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/shared/libs/polymorphic.cjs

@@ -1,7 +1,7 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -12,8 +12,7 @@ var __webpack_require__ = {};
 })();
 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', {
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/shared/libs/recursive-clone-children.cjs

@@ -12,7 +12,7 @@ var __webpack_require__ = {};
     __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -40,8 +40,10 @@ function recursiveCloneChildren(children, additionalProps, displayNames, uniqueI
     });
     return asChild ? mappedChildren?.[0] : mappedChildren;
 }
-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', {
+exports.recursiveCloneChildren = __webpack_exports__.recursiveCloneChildren;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "recursiveCloneChildren"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/shared/primitives/box.cjs

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
     __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -30,7 +30,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_slot_namespaceObject = require("@radix-ui/react-slot");
 const external_react_namespaceObject = require("react");
-const use_styles_cjs_namespaceObject = require("../../../utils/use-styles.cjs");
+const use_styles_cjs_namespaceObject = require("../../../hooks/use-styles.cjs");
 const Box = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ asChild, className, style, themeKey, baseClassName, ...props }, ref)=>{
     const descriptionStyle = (0, use_styles_cjs_namespaceObject.useStyles)(themeKey, {
         baseClassName,
@@ -45,8 +45,10 @@ const Box = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ asCh
     });
 });
 Box.displayName = 'Box';
-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', {
+exports.Box = __webpack_exports__.Box;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Box"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });