@c15t/react 0.0.1-rc.10

package/dist/components/cookie-banner/components.d.ts

@@ -0,0 +1,136 @@
+/**
+ * @packageDocumentation
+ * Provides the core components for building cookie consent banners.
+ * Implements accessible, customizable components following GDPR and CCPA requirements.
+ */
+import { type BoxProps } from '../shared/primitives/box';
+import type { ConsentButtonProps } from '../shared/primitives/button.types';
+/**
+ * Title component for the cookie banner.
+ *
+ * @remarks
+ * Provides the main heading for the cookie consent notice.
+ * Implements proper heading semantics and supports theming.
+ *
+ * @example
+ * ```tsx
+ * <CookieBannerTitle>
+ *   Cookie Preferences
+ * </CookieBannerTitle>
+ * ```
+ */
+declare const CookieBannerTitle: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Description component for the cookie banner.
+ *
+ * @remarks
+ * Provides explanatory text about cookie usage and privacy policies.
+ * Supports rich text content and proper accessibility attributes.
+ *
+ * @example
+ * ```tsx
+ * <CookieBannerDescription>
+ *   We use cookies to enhance your browsing experience and analyze our traffic.
+ * </CookieBannerDescription>
+ * ```
+ */
+declare const CookieBannerDescription: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Footer component for the cookie banner.
+ *
+ * @remarks
+ * Contains action buttons and additional information.
+ * Implements proper layout and spacing for action items.
+ *
+ * @example
+ * ```tsx
+ * <CookieBannerFooter>
+ *   <CookieBannerRejectButton>Reject All</CookieBannerRejectButton>
+ *   <CookieBannerAcceptButton>Accept All</CookieBannerAcceptButton>
+ * </CookieBannerFooter>
+ * ```
+ */
+declare const CookieBannerFooter: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Card component for the cookie banner.
+ *
+ * @remarks
+ * Provides the main container for the cookie notice.
+ * Implements proper elevation and layout structure.
+ *
+ * @example
+ * ```tsx
+ * <CookieBannerCard>
+ *   <CookieBannerHeader>
+ *     <CookieBannerTitle>Cookie Notice</CookieBannerTitle>
+ *   </CookieBannerHeader>
+ * </CookieBannerCard>
+ * ```
+ */
+declare const CookieBannerCard: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Header component for the cookie banner.
+ *
+ * @remarks
+ * Contains the title and description sections.
+ * Implements proper spacing and layout for header content.
+ */
+declare const CookieBannerHeader: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Footer sub-group component for organizing related actions.
+ *
+ * @remarks
+ * Groups related buttons or controls in the footer.
+ * Implements proper spacing and alignment for button groups.
+ */
+declare const CookieBannerFooterSubGroup: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Button to reject all non-essential cookies.
+ *
+ * @remarks
+ * Implements the reject action for cookie preferences.
+ * Provides proper accessibility attributes and keyboard interaction.
+ *
+ * @example
+ * ```tsx
+ * <CookieBannerRejectButton>
+ *   Reject All Cookies
+ * </CookieBannerRejectButton>
+ * ```
+ */
+declare const CookieBannerRejectButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * Button to open detailed cookie preferences.
+ *
+ * @remarks
+ * Opens the detailed consent management interface.
+ * Implements proper focus management and keyboard interaction.
+ */
+declare const CookieBannerCustomizeButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * Button to accept all cookies.
+ *
+ * @remarks
+ * Implements the accept action for cookie preferences.
+ * Provides proper accessibility attributes and keyboard interaction.
+ * Supports theming and style customization.
+ *
+ * @example
+ * ```tsx
+ * <CookieBannerAcceptButton>
+ *   Accept All Cookies
+ * </CookieBannerAcceptButton>
+ * ```
+ */
+declare const CookieBannerAcceptButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Title: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Description: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Footer: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const FooterSubGroup: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Card: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Header: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const RejectButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const CustomizeButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const AcceptButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { CookieBannerTitle, CookieBannerDescription, CookieBannerFooter, CookieBannerFooterSubGroup, CookieBannerCard, CookieBannerHeader, CookieBannerRejectButton, CookieBannerCustomizeButton, CookieBannerAcceptButton, Title, Description, Footer, FooterSubGroup, Card, Header, RejectButton, CustomizeButton, AcceptButton, };
+//# sourceMappingURL=components.d.ts.map

package/dist/components/cookie-banner/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-banner/components.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAa5E;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,iBAAiB,uHAerB,CAAC;AAIH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,uBAAuB,uHAe3B,CAAC;AAIH;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,kBAAkB,uHAetB,CAAC;AAIH;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,gBAAgB,uHAyBrB,CAAC;AAIF;;;;;;GAMG;AACH,QAAA,MAAM,kBAAkB,uHAetB,CAAC;AAIH;;;;;;GAMG;AACH,QAAA,MAAM,0BAA0B,uHAe9B,CAAC;AAIH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,wBAAwB,kHAe5B,CAAC;AAIH;;;;;;GAMG;AACH,QAAA,MAAM,2BAA2B,kHAc/B,CAAC;AAIH;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,wBAAwB,kHAkB5B,CAAC;AAIH,QAAA,MAAM,KAAK,uHAAoB,CAAC;AAChC,QAAA,MAAM,WAAW,uHAA0B,CAAC;AAC5C,QAAA,MAAM,MAAM,uHAAqB,CAAC;AAClC,QAAA,MAAM,cAAc,uHAA6B,CAAC;AAClD,QAAA,MAAM,IAAI,uHAAmB,CAAC;AAC9B,QAAA,MAAM,MAAM,uHAAqB,CAAC;AAClC,QAAA,MAAM,YAAY,kHAA2B,CAAC;AAC9C,QAAA,MAAM,eAAe,kHAA8B,CAAC;AACpD,QAAA,MAAM,YAAY,kHAA2B,CAAC;AAE9C,OAAO,EACN,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACxB,2BAA2B,EAC3B,wBAAwB,EACxB,KAAK,EACL,WAAW,EACX,MAAM,EACN,cAAc,EACd,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,eAAe,EACf,YAAY,GACZ,CAAC"}

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

@@ -0,0 +1,121 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_focus_trap_js_1fb469b9__ from "../../hooks/use-focus-trap.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_cde33a62__ from "../../hooks/use-theme.js";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_82ada135__ from "../shared/primitives/box.js";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_primitives_button_js_952f908a__ from "../shared/primitives/button.js";
+import * as __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_8fbf05d9__ from "./cookie-banner.module.js";
+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, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_82ada135__.Box, {
+        ref: ref,
+        baseClassName: __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_8fbf05d9__["default"].title,
+        "data-testid": "cookie-banner-title",
+        themeKey: "banner.header.title",
+        ...props,
+        children: children
+    }));
+CookieBannerTitle.displayName = COOKIE_BANNER_TITLE_NAME;
+const CookieBannerDescription = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_82ada135__.Box, {
+        ref: ref,
+        baseClassName: __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_8fbf05d9__["default"].description,
+        "data-testid": "cookie-banner-description",
+        themeKey: "banner.header.description",
+        ...props,
+        children: children
+    }));
+CookieBannerDescription.displayName = COOKIE_BANNER_DESCRIPTION_NAME;
+const CookieBannerFooter = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_82ada135__.Box, {
+        ref: ref,
+        baseClassName: __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_8fbf05d9__["default"].footer,
+        "data-testid": "cookie-banner-footer",
+        themeKey: "banner.footer",
+        ...props,
+        children: children
+    }));
+CookieBannerFooter.displayName = COOKIE_BANNER_FOOTER_NAME;
+const CookieBannerCard = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>{
+    const { trapFocus } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_cde33a62__.useTheme)();
+    const localRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const cardRef = ref || localRef;
+    const shouldTrapFocus = Boolean(trapFocus);
+    (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_focus_trap_js_1fb469b9__.useFocusTrap)(shouldTrapFocus, cardRef);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_82ada135__.Box, {
+        ref: cardRef,
+        tabIndex: 0,
+        baseClassName: __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_8fbf05d9__["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, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_82ada135__.Box, {
+        ref: ref,
+        baseClassName: __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_8fbf05d9__["default"].header,
+        "data-testid": "cookie-banner-header",
+        themeKey: "banner.header.root",
+        ...props,
+        children: children
+    }));
+CookieBannerHeader.displayName = COOKIE_BANNER_HEADER_NAME;
+const CookieBannerFooterSubGroup = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_82ada135__.Box, {
+        ref: ref,
+        baseClassName: __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_8fbf05d9__["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, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_button_js_952f908a__.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, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_button_js_952f908a__.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, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>{
+    const { noStyle } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_cde33a62__.useTheme)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_button_js_952f908a__.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;
+export { AcceptButton, Card, CookieBannerAcceptButton, CookieBannerCard, CookieBannerCustomizeButton, CookieBannerDescription, CookieBannerFooter, CookieBannerFooterSubGroup, CookieBannerHeader, CookieBannerRejectButton, CookieBannerTitle, CustomizeButton, Description, Footer, FooterSubGroup, Header, RejectButton, Title };

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

@@ -0,0 +1,100 @@
+'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__, {
+    CookieBanner: ()=>CookieBanner
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_error_boundary_cjs_namespaceObject = require("./error-boundary.cjs");
+const button_cjs_namespaceObject = require("../shared/primitives/button.cjs");
+const root_cjs_namespaceObject = require("./atoms/root.cjs");
+const external_components_cjs_namespaceObject = require("./components.cjs");
+const use_translations_cjs_namespaceObject = require("../../hooks/use-translations.cjs");
+const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, customizeButtonText, acceptButtonText, scrollLock, trapFocus = true })=>{
+    const { cookieBanner } = (0, use_translations_cjs_namespaceObject.useTranslations)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_error_boundary_cjs_namespaceObject.ErrorBoundary, {
+        fallback: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            children: "Something went wrong with the Cookie Banner."
+        }),
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(root_cjs_namespaceObject.CookieBannerRoot, {
+            theme: theme,
+            noStyle: noStyle,
+            scrollLock: scrollLock,
+            trapFocus: trapFocus,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_components_cjs_namespaceObject.CookieBannerCard, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_components_cjs_namespaceObject.CookieBannerHeader, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_components_cjs_namespaceObject.CookieBannerTitle, {
+                                children: title || cookieBanner.title
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_components_cjs_namespaceObject.CookieBannerDescription, {
+                                children: description || cookieBanner.description
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_components_cjs_namespaceObject.CookieBannerFooter, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_components_cjs_namespaceObject.CookieBannerFooterSubGroup, {
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
+                                        action: "reject-consent",
+                                        closeCookieBanner: true,
+                                        themeKey: "banner.footer.reject-button",
+                                        "data-testid": "cookie-banner-reject-button",
+                                        children: rejectButtonText || cookieBanner.rejectAll
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
+                                        action: "open-consent-dialog",
+                                        closeCookieBanner: true,
+                                        themeKey: "banner.footer.customize-button",
+                                        "data-testid": "cookie-banner-customize-button",
+                                        children: customizeButtonText || cookieBanner.customize
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
+                                action: "accept-consent",
+                                variant: "primary",
+                                closeCookieBanner: true,
+                                themeKey: "banner.footer.accept-button",
+                                "data-testid": "cookie-banner-accept-button",
+                                children: acceptButtonText || cookieBanner.acceptAll
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+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/cookie-banner.d.ts

@@ -0,0 +1,144 @@
+/**
+ * @packageDocumentation
+ * Provides the main cookie banner component for privacy consent management.
+ * Implements an accessible, customizable banner following GDPR and CCPA requirements.
+ */
+import type { FC, ReactNode } from 'react';
+import type { CookieBannerTheme } from './theme';
+/**
+ * Props for configuring and customizing the CookieBanner component.
+ *f
+ * @remarks
+ * Provides comprehensive customization options for the cookie banner's appearance
+ * and behavior while maintaining compliance with privacy regulations.
+ *
+ * @public
+ */
+export interface CookieBannerProps {
+    /**
+     * Custom styles to apply to the banner and its child components
+     * @remarks Allows for deep customization of the banner's appearance while maintaining accessibility
+     * @default undefined
+     */
+    theme?: CookieBannerTheme;
+    /**
+     * When true, removes all default styling from the component
+     * @remarks Useful for implementing completely custom designs
+     * @default false
+     */
+    noStyle?: boolean;
+    /**
+     * Content to display as the banner's title
+     * @remarks Supports string or ReactNode for rich content
+     * @default undefined
+     */
+    title?: ReactNode;
+    /**
+     * Content to display as the banner's description
+     * @remarks Supports string or ReactNode for rich content
+     * @default undefined
+     */
+    description?: ReactNode;
+    /**
+     * Content to display on the reject button
+     * @remarks Required by GDPR for explicit consent rejection
+     * @default undefined
+     */
+    rejectButtonText?: ReactNode;
+    /**
+     * Content to display on the customize button
+     * @remarks Opens detailed consent preferences
+     * @default undefined
+     */
+    customizeButtonText?: ReactNode;
+    /**
+     * Content to display on the accept button
+     * @remarks Primary action for accepting cookie preferences
+     * @default undefined
+     */
+    acceptButtonText?: ReactNode;
+    /**
+     * When true, the cookie banner will lock the scroll of the page
+     * @remarks Useful for implementing a cookie banner that locks the scroll of the page
+     * @default false
+     */
+    scrollLock?: boolean;
+    /**
+     * When true, the cookie banner will trap focus
+     * @remarks Useful for implementing a cookie banner that traps focus
+     * @default true
+     */
+    trapFocus?: true;
+}
+/**
+ * A customizable cookie consent banner component.
+ *
+ * @remarks
+ * This component serves as the main entry point for rendering a cookie consent banner.
+ * It provides a structured layout with customizable title, description, and action buttons
+ * for accepting, rejecting, or customizing cookie preferences.
+ *
+ * Key features:
+ * - Fully accessible by default
+ * - GDPR and CCPA compliant
+ * - Customizable appearance
+ * - Responsive design
+ * - Error boundary protection
+ * - Compound component pattern support
+ *
+ * @example
+ * Simple usage with default settings:
+ * ```tsx
+ * <CookieBanner />
+ * ```
+ *
+ * @example
+ * Customized usage with all props:
+ * ```tsx
+ * <CookieBanner
+ *   theme={{
+ *     root: "bg-white p-4",
+ *     title: "text-xl font-bold",
+ *     description: "text-gray-600",
+ *     actions: "mt-4 flex gap-2"
+ *   }}
+ *   title="Cookie Settings"
+ *   description="We use cookies to enhance your browsing experience"
+ *   rejectButtonText="Decline"
+ *   customizeButtonText="Preferences"
+ *   acceptButtonText="Allow All"
+ * />
+ * ```
+ *
+ * @example
+ * Using compound components for custom layout:
+ * ```tsx
+ * <CookieBanner.Root>
+ *   <CookieBanner.Content>
+ *     <CookieBanner.Title>Cookie Settings</CookieBanner.Title>
+ *     <CookieBanner.Description>
+ *       Choose your cookie preferences
+ *     </CookieBanner.Description>
+ *     <CookieBanner.Actions>
+ *       <CookieBanner.RejectButton>Decline</CookieBanner.RejectButton>
+ *       <CookieBanner.CustomizeButton>Customize</CookieBanner.CustomizeButton>
+ *       <CookieBanner.AcceptButton>Accept</CookieBanner.AcceptButton>
+ *     </CookieBanner.Actions>
+ *   </CookieBanner.Content>
+ * </CookieBanner.Root>
+ * ```
+ *
+ * @public
+ */
+export declare const CookieBanner: FC<CookieBannerProps>;
+/**
+ * Component type definition for the CookieBanner with its compound components.
+ *
+ * @remarks
+ * This interface extends the base CookieBanner component with additional sub-components
+ * that can be used to compose the banner's structure. Each component is designed to be
+ * fully accessible and customizable while maintaining compliance with privacy regulations.
+ *
+ * @public
+ */
+//# sourceMappingURL=cookie-banner.d.ts.map

package/dist/components/cookie-banner/cookie-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-banner.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-banner/cookie-banner.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAejD;;;;;;;;GAQG;AACH,MAAM,WAAW,iBAAiB;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAE1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAEhC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+D9C,CAAC;AAEF;;;;;;;;;GASG"}

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

@@ -0,0 +1,66 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__error_boundary_js_9edd64b3__ from "./error-boundary.js";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_primitives_button_js_952f908a__ from "../shared/primitives/button.js";
+import * as __WEBPACK_EXTERNAL_MODULE__atoms_root_js_8443a91f__ from "./atoms/root.js";
+import * as __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__ from "./components.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_translations_js_036cca3c__ from "../../hooks/use-translations.js";
+const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, customizeButtonText, acceptButtonText, scrollLock, trapFocus = true })=>{
+    const { cookieBanner } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_translations_js_036cca3c__.useTranslations)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__error_boundary_js_9edd64b3__.ErrorBoundary, {
+        fallback: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+            children: "Something went wrong with the Cookie Banner."
+        }),
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__atoms_root_js_8443a91f__.CookieBannerRoot, {
+            theme: theme,
+            noStyle: noStyle,
+            scrollLock: scrollLock,
+            trapFocus: trapFocus,
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerCard, {
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerHeader, {
+                        children: [
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerTitle, {
+                                children: title || cookieBanner.title
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerDescription, {
+                                children: description || cookieBanner.description
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerFooter, {
+                        children: [
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerFooterSubGroup, {
+                                children: [
+                                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_button_js_952f908a__.ConsentButton, {
+                                        action: "reject-consent",
+                                        closeCookieBanner: true,
+                                        themeKey: "banner.footer.reject-button",
+                                        "data-testid": "cookie-banner-reject-button",
+                                        children: rejectButtonText || cookieBanner.rejectAll
+                                    }),
+                                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_button_js_952f908a__.ConsentButton, {
+                                        action: "open-consent-dialog",
+                                        closeCookieBanner: true,
+                                        themeKey: "banner.footer.customize-button",
+                                        "data-testid": "cookie-banner-customize-button",
+                                        children: customizeButtonText || cookieBanner.customize
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_button_js_952f908a__.ConsentButton, {
+                                action: "accept-consent",
+                                variant: "primary",
+                                closeCookieBanner: true,
+                                themeKey: "banner.footer.accept-button",
+                                "data-testid": "cookie-banner-accept-button",
+                                children: acceptButtonText || cookieBanner.acceptAll
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+export { CookieBanner };

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

@@ -0,0 +1,55 @@
+"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: ()=>cookie_banner_module_rslib_entry_
+});
+require("./cookie-banner_module.css");
+const cookie_banner_module_rslib_entry_ = {
+    enter: "c15t-enter-OSOPL",
+    exit: "c15t-exit-PbMtf",
+    root: "c15t-root-tnx7V",
+    bottomLeft: "c15t-bottomLeft-wv7ez",
+    bottomRight: "c15t-bottomRight-Oibp8",
+    topLeft: "c15t-topLeft-JJ9D6",
+    topRight: "c15t-topRight-A6dOV",
+    card: "c15t-card-MOqQY",
+    rejectButton: "c15t-rejectButton-qP3hZ",
+    acceptButton: "c15t-acceptButton-zReyG",
+    customizeButton: "c15t-customizeButton-ZjdG0",
+    header: "c15t-header-X6bpE",
+    footer: "c15t-footer-wS150",
+    footerSubGroup: "c15t-footerSubGroup-HbTp3",
+    description: "c15t-description-jP5LU",
+    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', {
+    value: true
+});

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

@@ -0,0 +1,21 @@
+import "./cookie-banner_module.css";
+const cookie_banner_module_rslib_entry_ = {
+    enter: "c15t-enter-OSOPL",
+    exit: "c15t-exit-PbMtf",
+    root: "c15t-root-tnx7V",
+    bottomLeft: "c15t-bottomLeft-wv7ez",
+    bottomRight: "c15t-bottomRight-Oibp8",
+    topLeft: "c15t-topLeft-JJ9D6",
+    topRight: "c15t-topRight-A6dOV",
+    card: "c15t-card-MOqQY",
+    rejectButton: "c15t-rejectButton-qP3hZ",
+    acceptButton: "c15t-acceptButton-zReyG",
+    customizeButton: "c15t-customizeButton-ZjdG0",
+    header: "c15t-header-X6bpE",
+    footer: "c15t-footer-wS150",
+    footerSubGroup: "c15t-footerSubGroup-HbTp3",
+    description: "c15t-description-jP5LU",
+    title: "c15t-title-qr_tp",
+    overlay: "c15t-overlay-Y8QYV"
+};
+export { cookie_banner_module_rslib_entry_ as default };