@c15t/react 0.0.1-rc.3

package/dist/cookie-banner/__tests__/styles.spec.js

@@ -0,0 +1,199 @@
+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: 'cookie-banner-root',
+        themeKey: 'cookie-banner.root',
+        styles: 'custom-root'
+    },
+    {
+        testId: 'cookie-banner-card',
+        themeKey: 'cookie-banner.card',
+        styles: 'custom-card'
+    },
+    {
+        testId: 'cookie-banner-header',
+        themeKey: 'cookie-banner.header.root',
+        styles: 'custom-header'
+    },
+    {
+        testId: 'cookie-banner-title',
+        themeKey: 'cookie-banner.header.title',
+        styles: 'custom-title'
+    },
+    {
+        testId: "cookie-banner-description",
+        themeKey: "cookie-banner.header.description",
+        styles: "custom-description"
+    },
+    {
+        testId: 'cookie-banner-footer',
+        themeKey: 'cookie-banner.footer',
+        styles: 'custom-footer'
+    },
+    {
+        testId: 'cookie-banner-footer-sub-group',
+        themeKey: 'cookie-banner.footer.sub-group',
+        styles: 'custom-footer-sub-group'
+    },
+    {
+        testId: 'cookie-banner-overlay',
+        themeKey: 'cookie-banner.overlay',
+        styles: 'custom-overlay'
+    },
+    {
+        testId: 'cookie-banner-reject-button',
+        themeKey: 'cookie-banner.footer.reject-button',
+        styles: 'custom-reject-button'
+    },
+    {
+        testId: 'cookie-banner-customize-button',
+        themeKey: 'cookie-banner.footer.customize-button',
+        styles: 'custom-customize-button'
+    },
+    {
+        testId: 'cookie-banner-accept-button',
+        themeKey: 'cookie-banner.footer.accept-button',
+        styles: 'custom-accept-button'
+    }
+];
+(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__.CookieBanner, {
+        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__.CookieBanner, {
+        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__.CookieBanner, {
+        noStyle: 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 = {
+        'cookie-banner.root': {
+            className: 'custom-root',
+            style: {
+                backgroundColor: 'rgb(255, 255, 255)',
+                padding: '16px'
+            }
+        },
+        'cookie-banner.header.title': 'custom-title'
+    };
+    const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_js_cbfda0f6__.CookieBanner, {
+        theme: mixedTheme
+    });
+    await (0, __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__["default"])({
+        component: test,
+        testCases: [
+            {
+                testId: 'cookie-banner-root',
+                styles: {
+                    className: 'custom-root',
+                    style: {
+                        backgroundColor: 'rgb(255, 255, 255)',
+                        padding: '16px'
+                    }
+                }
+            },
+            {
+                testId: 'cookie-banner-title',
+                styles: 'custom-title'
+            }
+        ]
+    });
+});
+(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('Theme prop handles edge cases gracefully', async ()=>{
+    const edgeCaseTheme = {
+        'cookie-banner.root': '',
+        'cookie-banner.title': '',
+        "cookie-banner.description": '',
+        'cookie-banner.footer': {
+            className: '',
+            style: {
+                margin: '0',
+                padding: '0'
+            }
+        }
+    };
+    const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_js_cbfda0f6__.CookieBanner, {
+        theme: edgeCaseTheme
+    });
+    await (0, __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__["default"])({
+        component: test,
+        testCases: [
+            {
+                testId: 'cookie-banner-root',
+                styles: ''
+            },
+            {
+                testId: 'cookie-banner-title',
+                styles: ''
+            },
+            {
+                testId: 'cookie-banner-footer',
+                styles: {
+                    className: '',
+                    style: {
+                        margin: '0',
+                        padding: '0'
+                    }
+                }
+            }
+        ]
+    });
+});

package/dist/cookie-banner/__tests__/utils.cjs

@@ -0,0 +1,67 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    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, {
+        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/cookie-banner/__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/cookie-banner/__tests__/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/cookie-banner/__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,CAuCjC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/cookie-banner/__tests__/utils.js

@@ -0,0 +1,33 @@
+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, {
+        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/cookie-banner/atoms/overlay.cjs

@@ -0,0 +1,71 @@
+"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__, {
+    CookieBannerOverlay: ()=>CookieBannerOverlay,
+    Overlay: ()=>Overlay
+});
+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("../../common/index.cjs");
+const external_theme_index_cjs_namespaceObject = require("../../theme/index.cjs");
+const CookieBannerOverlay = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, style, noStyle, asChild, ...props }, ref)=>{
+    const { showPopup } = (0, index_cjs_namespaceObject.useConsentManager)();
+    const { disableAnimation, noStyle: contextNoStyle } = (0, external_theme_index_cjs_namespaceObject.useThemeContext)();
+    const theme = (0, external_theme_index_cjs_namespaceObject.useStyles)('cookie-banner.overlay', {
+        baseClassName: !(contextNoStyle || noStyle) && 'c15t-cookie-banner-overlay',
+        noStyle
+    });
+    return showPopup ? disableAnimation ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        ...props,
+        ...theme,
+        "data-testid": "cookie-banner-overlay"
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
+            ref: ref,
+            ...theme,
+            initial: {
+                opacity: 0
+            },
+            animate: {
+                opacity: 1
+            },
+            exit: {
+                opacity: 0
+            },
+            "data-testid": "cookie-banner-overlay"
+        })
+    }) : 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', {
+    value: true
+});

package/dist/cookie-banner/atoms/overlay.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @packageDocumentation
+ * Provides the overlay backdrop component for the CookieBanner.
+ */
+import { type HTMLAttributes } from 'react';
+/**
+ * Props for the Overlay component.
+ *
+ * @remarks
+ * The overlay provides a semi-transparent backdrop behind the cookie banner content.
+ * It can be styled using the CookieBanner theme system or through direct style props.
+ *
+ * @public
+ */
+interface OverlayProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * @remarks
+     * When true, the component will not apply any styles.
+     */
+    noStyle?: boolean;
+    /**
+     * @remarks
+     * When true, the component will render its children directly without wrapping them in a DOM element.
+     * This enables better composition with other components.
+     */
+    asChild?: boolean;
+}
+/**
+ * Overlay component that provides a backdrop for the CookieBanner content.
+ *
+ * @remarks
+ * This component handles:
+ * - Rendering a semi-transparent backdrop
+ * - Fade in/out animations (when animations are enabled)
+ * - Proper z-indexing for modal behavior
+ * - Theme-based styling
+ *
+ * The overlay visibility is controlled by the `showPopup` state from CookieBanner context,
+ * and its animation behavior is controlled by the `disableAnimation` flag.
+ *
+ * @public
+ */
+declare const CookieBannerOverlay: import("react").ForwardRefExoticComponent<OverlayProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Overlay: import("react").ForwardRefExoticComponent<OverlayProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Overlay, CookieBannerOverlay };
+//# sourceMappingURL=overlay.d.ts.map

package/dist/cookie-banner/atoms/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/cookie-banner/atoms/overlay.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAKxD;;;;;;;;GAQG;AACH,UAAU,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,mBAAmB,yGAgCxB,CAAC;AAEF,QAAA,MAAM,OAAO,yGAAsB,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -0,0 +1,36 @@
+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__common_index_js_93bccd67__ from "../../common/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__theme_index_js_1910c06e__ from "../../theme/index.js";
+const CookieBannerOverlay = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, style, noStyle, asChild, ...props }, ref)=>{
+    const { showPopup } = (0, __WEBPACK_EXTERNAL_MODULE__common_index_js_93bccd67__.useConsentManager)();
+    const { disableAnimation, noStyle: contextNoStyle } = (0, __WEBPACK_EXTERNAL_MODULE__theme_index_js_1910c06e__.useThemeContext)();
+    const theme = (0, __WEBPACK_EXTERNAL_MODULE__theme_index_js_1910c06e__.useStyles)('cookie-banner.overlay', {
+        baseClassName: !(contextNoStyle || noStyle) && 'c15t-cookie-banner-overlay',
+        noStyle
+    });
+    return showPopup ? disableAnimation ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        ref: ref,
+        ...props,
+        ...theme,
+        "data-testid": "cookie-banner-overlay"
+    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.AnimatePresence, {
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div, {
+            ref: ref,
+            ...theme,
+            initial: {
+                opacity: 0
+            },
+            animate: {
+                opacity: 1
+            },
+            exit: {
+                opacity: 0
+            },
+            "data-testid": "cookie-banner-overlay"
+        })
+    }) : null;
+});
+const Overlay = CookieBannerOverlay;
+export { CookieBannerOverlay, Overlay };

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

@@ -0,0 +1,116 @@
+'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__, {
+    Root: ()=>Root,
+    CookieBannerRoot: ()=>CookieBannerRoot
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_namespaceObject = require("motion/react");
+const external_react_namespaceObject = require("react");
+const external_react_dom_namespaceObject = require("react-dom");
+const index_cjs_namespaceObject = require("../../theme/index.cjs");
+const external_overlay_cjs_namespaceObject = require("./overlay.cjs");
+const external_common_index_cjs_namespaceObject = require("../../common/index.cjs");
+const theme_cjs_namespaceObject = require("../../common/utils/theme.cjs");
+const CookieBannerRoot = ({ children, className, noStyle, disableAnimation, theme, ...props })=>{
+    const consentManager = (0, external_common_index_cjs_namespaceObject.useConsentManager)();
+    const contextValue = {
+        disableAnimation,
+        noStyle,
+        theme
+    };
+    const mergedContextValue = (0, theme_cjs_namespaceObject.createThemeContextValue)(consentManager, contextValue);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ThemeContext.Provider, {
+        value: mergedContextValue,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CookieBannerRootChildren, {
+            disableAnimation: disableAnimation,
+            className: className,
+            ...props,
+            children: children
+        })
+    });
+};
+const CookieBannerRootChildren = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ asChild, children, className, style, className: forwardedClassName, disableAnimation, ...props }, ref)=>{
+    const { showPopup } = (0, external_common_index_cjs_namespaceObject.useConsentManager)();
+    const contentStyle = (0, index_cjs_namespaceObject.useStyles)('cookie-banner.root', {
+        baseClassName: [
+            'c15t-cookie-banner c15t-cookie-banner-root c15t-cookie-banner-root-bottom-left'
+        ],
+        style,
+        className: className || forwardedClassName
+    });
+    const [isMounted, setIsMounted] = (0, external_react_namespaceObject.useState)(false);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        setIsMounted(true);
+    }, []);
+    if (!isMounted) return null;
+    return showPopup ? /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_overlay_cjs_namespaceObject.Overlay, {}),
+            disableAnimation ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                ref: ref,
+                ...props,
+                ...contentStyle,
+                "data-testid": "cookie-banner-root",
+                children: children
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
+                    ref: ref,
+                    initial: {
+                        opacity: 0,
+                        y: 50
+                    },
+                    animate: {
+                        opacity: 1,
+                        y: 0
+                    },
+                    exit: {
+                        opacity: 0,
+                        y: 50
+                    },
+                    transition: {
+                        type: 'spring',
+                        stiffness: 300,
+                        damping: 30
+                    },
+                    ...contentStyle,
+                    "data-testid": "cookie-banner-root",
+                    children: children
+                })
+            })
+        ]
+    }), document.body) : null;
+});
+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', {
+    value: true
+});

package/dist/cookie-banner/atoms/root.d.ts

@@ -0,0 +1,79 @@
+import { type FC, type HTMLAttributes, type ReactNode } from 'react';
+import type { CookieBannerTheme } from '../theme';
+/**
+ * Props for the root component of the CookieBanner.
+ *
+ * @remarks
+ * The root component serves as the top-level container and context provider
+ * for the cookie banner. It manages the consent state and styling configuration
+ * for all child components.
+ *
+ * @public
+ */
+interface CookieBannerRootProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * @remarks
+     * React elements to be rendered within the cookie banner.
+     * Typically includes Content, Title, Description, and Actions components.
+     */
+    children: ReactNode;
+    /**
+     * @remarks
+     * When true, removes all default styling from the banner and its children.
+     * Useful when implementing completely custom styles.
+     */
+    noStyle?: boolean;
+    /**
+     * @remarks
+     * Custom styles to be applied to the banner and its child components.
+     * These styles are made available through the CookieBanner context.
+     */
+    theme?: Partial<CookieBannerTheme>;
+    /**
+     * @remarks
+     * When true, disables the entrance/exit animations.
+     * Useful for environments where animations are not desired.
+     */
+    disableAnimation?: boolean;
+}
+/**
+ * Root component of the CookieBanner that provides context and styling.
+ *
+ * @remarks
+ * This component:
+ * - Provides the CookieBanner context to all child components
+ * - Manages consent state through the consent manager
+ * - Handles style distribution to child components
+ * - Serves as the main container for the banner
+ *
+ * @example
+ * Basic usage:
+ * ```tsx
+ * <CookieBanner.Root>
+ *   <CookieBanner.Content>
+ *     {Banner content}
+ *   </CookieBanner.Content>
+ * </CookieBanner.Root>
+ * ```
+ *
+ * @example
+ * With custom styling:
+ * ```tsx
+ * <CookieBanner.Root
+ *   styles={{
+ *     root: "fixed bottom-0 w-full bg-white ",
+ *     content: "max-w-4xl mx-auto p-4",
+ *     title: "text-xl font-bold",
+ *     description: "mt-2 text-gray-600"
+ *   }}
+ * >
+ *   { Banner content}
+ * </CookieBanner.Root>
+ * ```
+ *
+ * @public
+ */
+declare const CookieBannerRoot: FC<CookieBannerRootProps>;
+declare const Root: FC<CookieBannerRootProps>;
+export { Root, CookieBannerRoot };
+//# sourceMappingURL=root.d.ts.map

package/dist/cookie-banner/atoms/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/cookie-banner/atoms/root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEN,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EAId,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD;;;;;;;;;GASG;AACH,UAAU,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;;;OAIG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAEnC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAqC/C,CAAC;AA8JF,QAAA,MAAM,IAAI,2BAAmB,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC"}