@c15t/react 0.0.1-rc.10

package/dist/components/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/components/cookie-banner/atoms/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/cookie-banner/atoms/overlay.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AASxD;;;;;;;;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,yGAqCxB,CAAC;AAEF,QAAA,MAAM,OAAO,yGAAsB,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -0,0 +1,40 @@
+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__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', {
+        baseClassName: !(contextNoStyle || noStyle) && __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_af314f6d__["default"].overlay,
+        noStyle
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_scroll_lock_js_ebd470d2__.useScrollLock)(!!(showPopup && scrollLock));
+    return showPopup && scrollLock ? 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/components/cookie-banner/atoms/root.cjs

@@ -0,0 +1,132 @@
+'use client';
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    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 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 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 })=>{
+    const contextValue = {
+        disableAnimation,
+        noStyle,
+        theme,
+        scrollLock,
+        trapFocus
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider, {
+        value: contextValue,
+        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, use_consent_manager_cjs_namespaceObject.useConsentManager)();
+    const contentStyle = (0, use_styles_cjs_namespaceObject.useStyles)('banner.root', {
+        baseClassName: [
+            external_cookie_banner_module_cjs_default().root,
+            external_cookie_banner_module_cjs_default().bottomLeft
+        ],
+        style: 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/components/cookie-banner/atoms/root.d.ts

@@ -0,0 +1,93 @@
+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;
+    /**
+     * @remarks
+     * When true, the cookie banner will lock the scroll of the page.
+     * Useful for implementing a cookie banner that locks the scroll of the page.
+     * @default false
+     */
+    scrollLock?: boolean;
+    /**
+     * @remarks
+     * When true, the cookie banner will trap focus.
+     * Useful for implementing a cookie banner that traps focus.
+     * @default true
+     */
+    trapFocus?: 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/components/cookie-banner/atoms/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../src/components/cookie-banner/atoms/root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEN,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EAId,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAIlD;;;;;;;;;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;IAE3B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiC/C,CAAC;AA4JF,QAAA,MAAM,IAAI,2BAAmB,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -0,0 +1,83 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__ from "motion/react";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__ from "react-dom";
+import * as __WEBPACK_EXTERNAL_MODULE__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__cookie_banner_module_js_af314f6d__ from "../cookie-banner.module.js";
+const CookieBannerRoot = ({ children, className, noStyle, disableAnimation, theme, scrollLock, trapFocus = true, ...props })=>{
+    const contextValue = {
+        disableAnimation,
+        noStyle,
+        theme,
+        scrollLock,
+        trapFocus
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_4d22fa0c__.LocalThemeContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(CookieBannerRootChildren, {
+            disableAnimation: disableAnimation,
+            className: className,
+            ...props,
+            children: children
+        })
+    });
+};
+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', {
+        baseClassName: [
+            __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_af314f6d__["default"].root,
+            __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_af314f6d__["default"].bottomLeft
+        ],
+        style: style,
+        className: className || forwardedClassName
+    });
+    const [isMounted, setIsMounted] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        setIsMounted(true);
+    }, []);
+    if (!isMounted) return null;
+    return showPopup ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__.createPortal)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__overlay_js_fdc96eda__.Overlay, {}),
+            disableAnimation ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                ref: ref,
+                ...props,
+                ...contentStyle,
+                "data-testid": "cookie-banner-root",
+                children: children
+            }) : /*#__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,
+                    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;
+export { CookieBannerRoot, Root };

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

@@ -0,0 +1,186 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    CookieBannerFooterSubGroup: ()=>CookieBannerFooterSubGroup,
+    CustomizeButton: ()=>CustomizeButton,
+    Footer: ()=>Footer,
+    CookieBannerRejectButton: ()=>CookieBannerRejectButton,
+    CookieBannerCustomizeButton: ()=>CookieBannerCustomizeButton,
+    Header: ()=>Header,
+    RejectButton: ()=>RejectButton,
+    CookieBannerFooter: ()=>CookieBannerFooter,
+    CookieBannerHeader: ()=>CookieBannerHeader,
+    CookieBannerDescription: ()=>CookieBannerDescription,
+    Title: ()=>Title,
+    FooterSubGroup: ()=>FooterSubGroup,
+    CookieBannerAcceptButton: ()=>CookieBannerAcceptButton,
+    Description: ()=>Description,
+    Card: ()=>Card,
+    AcceptButton: ()=>AcceptButton,
+    CookieBannerCard: ()=>CookieBannerCard,
+    CookieBannerTitle: ()=>CookieBannerTitle
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const use_focus_trap_cjs_namespaceObject = require("../../hooks/use-focus-trap.cjs");
+const use_theme_cjs_namespaceObject = require("../../hooks/use-theme.cjs");
+const box_cjs_namespaceObject = require("../shared/primitives/box.cjs");
+const button_cjs_namespaceObject = require("../shared/primitives/button.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 COOKIE_BANNER_TITLE_NAME = 'CookieBannerTitle';
+const COOKIE_BANNER_DESCRIPTION_NAME = "CookieBannerDescription";
+const COOKIE_BANNER_FOOTER_NAME = 'CookieBannerFooter';
+const COOKIE_BANNER_CARD_NAME = 'CookieBannerCard';
+const COOKIE_BANNER_HEADER_NAME = 'CookieBannerHeader';
+const COOKIE_BANNER_FOOTER_SUB_GROUP_NAME = 'CookieBannerFooterSubGroup';
+const COOKIE_BANNER_REJECT_BUTTON_NAME = 'CookieBannerRejectButton';
+const COOKIE_BANNER_CUSTOMIZE_BUTTON_NAME = 'CookieBannerCustomizeButton';
+const COOKIE_BANNER_ACCEPT_BUTTON_NAME = 'CookieBannerAcceptButton';
+const CookieBannerTitle = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+        ref: ref,
+        baseClassName: external_cookie_banner_module_cjs_default().title,
+        "data-testid": "cookie-banner-title",
+        themeKey: "banner.header.title",
+        ...props,
+        children: children
+    }));
+CookieBannerTitle.displayName = COOKIE_BANNER_TITLE_NAME;
+const CookieBannerDescription = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+        ref: ref,
+        baseClassName: external_cookie_banner_module_cjs_default().description,
+        "data-testid": "cookie-banner-description",
+        themeKey: "banner.header.description",
+        ...props,
+        children: children
+    }));
+CookieBannerDescription.displayName = COOKIE_BANNER_DESCRIPTION_NAME;
+const CookieBannerFooter = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+        ref: ref,
+        baseClassName: external_cookie_banner_module_cjs_default().footer,
+        "data-testid": "cookie-banner-footer",
+        themeKey: "banner.footer",
+        ...props,
+        children: children
+    }));
+CookieBannerFooter.displayName = COOKIE_BANNER_FOOTER_NAME;
+const CookieBannerCard = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>{
+    const { trapFocus } = (0, use_theme_cjs_namespaceObject.useTheme)();
+    const localRef = (0, external_react_namespaceObject.useRef)(null);
+    const cardRef = ref || localRef;
+    const shouldTrapFocus = Boolean(trapFocus);
+    (0, use_focus_trap_cjs_namespaceObject.useFocusTrap)(shouldTrapFocus, cardRef);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+        ref: cardRef,
+        tabIndex: 0,
+        baseClassName: external_cookie_banner_module_cjs_default().card,
+        "data-testid": "cookie-banner-card",
+        themeKey: "banner.card",
+        "aria-modal": shouldTrapFocus ? 'true' : void 0,
+        role: shouldTrapFocus ? 'dialog' : void 0,
+        ...props,
+        children: children
+    });
+});
+CookieBannerCard.displayName = COOKIE_BANNER_CARD_NAME;
+const CookieBannerHeader = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+        ref: ref,
+        baseClassName: external_cookie_banner_module_cjs_default().header,
+        "data-testid": "cookie-banner-header",
+        themeKey: "banner.header.root",
+        ...props,
+        children: children
+    }));
+CookieBannerHeader.displayName = COOKIE_BANNER_HEADER_NAME;
+const CookieBannerFooterSubGroup = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+        ref: ref,
+        baseClassName: external_cookie_banner_module_cjs_default().footerSubGroup,
+        "data-testid": "cookie-banner-footer-sub-group",
+        themeKey: "banner.footer.sub-group",
+        ...props,
+        children: children
+    }));
+CookieBannerFooterSubGroup.displayName = COOKIE_BANNER_FOOTER_SUB_GROUP_NAME;
+const CookieBannerRejectButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
+        ref: ref,
+        action: "reject-consent",
+        "data-testid": "cookie-banner-reject-button",
+        closeCookieBanner: true,
+        ...props,
+        children: children
+    }));
+CookieBannerRejectButton.displayName = COOKIE_BANNER_REJECT_BUTTON_NAME;
+const CookieBannerCustomizeButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
+        ref: ref,
+        action: "open-consent-dialog",
+        "data-testid": "cookie-banner-customize-button",
+        ...props,
+        children: children
+    }));
+CookieBannerCustomizeButton.displayName = COOKIE_BANNER_CUSTOMIZE_BUTTON_NAME;
+const CookieBannerAcceptButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>{
+    const { noStyle } = (0, use_theme_cjs_namespaceObject.useTheme)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
+        ref: ref,
+        action: "accept-consent",
+        variant: "primary",
+        "data-testid": "cookie-banner-accept-button",
+        closeCookieBanner: true,
+        noStyle: noStyle,
+        ...props,
+        children: children
+    });
+});
+CookieBannerAcceptButton.displayName = COOKIE_BANNER_ACCEPT_BUTTON_NAME;
+const Title = CookieBannerTitle;
+const Description = CookieBannerDescription;
+const Footer = CookieBannerFooter;
+const FooterSubGroup = CookieBannerFooterSubGroup;
+const Card = CookieBannerCard;
+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', {
+    value: true
+});