@c15t/react 0.0.1-rc.3

package/dist/cookie-banner/cookie-banner.css

@@ -0,0 +1,226 @@
+.c15t-cookie-banner {
+  isolation: isolate;
+  -webkit-text-size-adjust: 100%;
+  tab-size: 4;
+  --c15t-cookie-banner-radius-sm: .3125rem;
+  --c15t-cookie-banner-radius-lg: 1.25rem;
+  --c15t-cookie-banner-max-width: 440px;
+  --c15t-cookie-banner-duration: .15s;
+  --c15t-cookie-banner-ease: var(--c15t-ease-out);
+  --c15t-cookie-banner-border-width: 1px;
+  --c15t-cookie-banner-shadow: 0 16px 32px -12px #0e121b1a;
+  --c15t-cookie-banner-bg: #fff;
+  --c15t-cookie-banner-footer-bg: #f7f7f7;
+  --c15t-cookie-banner-text-color: hsl(0 0% 9.02);
+  --c15t-cookie-banner-border-color: #ebebeb;
+  --c15t-cookie-banner-title-color: hsl(0 0% 9.02);
+  --c15t-cookie-banner-description-color: #5c5c5c;
+  font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+  line-height: 1.15;
+}
+
+.dark .c15t-cookie-banner {
+  --c15t-cookie-banner-bg: hsl(0 0% 9.02);
+  --c15t-cookie-banner-border-color: #333;
+  --c15t-cookie-banner-footer-bg: #1c1c1c;
+  --c15t-cookie-banner-title-color: #e6e6e6;
+  --c15t-cookie-banner-description-color: #999;
+}
+
+.c15t-cookie-banner-root {
+  z-index: 999999998;
+  flex-direction: column;
+  width: 100%;
+  padding: 1rem;
+  display: flex;
+  position: fixed;
+
+  @media (width >= 640px) {
+    & {
+      width: auto;
+      padding: 1.5rem;
+    }
+  }
+}
+
+.c15t-cookie-banner-root-bottom-left {
+  bottom: 0;
+  left: 0;
+}
+
+.c15t-cookie-banner-root-bottom-right {
+  bottom: 0;
+  right: 0;
+}
+
+.c15t-cookie-banner-root-top-left {
+  top: 0;
+  left: 0;
+}
+
+.c15t-cookie-banner-root-top-right {
+  top: 0;
+  right: 0;
+}
+
+.c15t-cookie-banner-card {
+  width: 100%;
+  max-width: var(--c15t-cookie-banner-max-width);
+  border-radius: var(--c15t-cookie-banner-radius-lg);
+  border-width: var(--c15t-cookie-banner-border-width);
+  border-color: var(--c15t-cookie-banner-border-color);
+  background-color: var(--c15t-cookie-banner-bg);
+  box-shadow: var(--c15t-cookie-banner-shadow);
+  position: relative;
+  overflow: hidden;
+
+  &[data-state="open"] {
+    animation: c15t-cookie-banner-enter var(--c15t-cookie-banner-duration) var(--c15t-cookie-banner-ease);
+  }
+
+  &[data-state="closed"] {
+    animation: c15t-cookie-banner-exit var(--c15t-cookie-banner-duration) var(--c15t-cookie-banner-ease);
+  }
+}
+
+.c15t-cookie-banner-card > :not([hidden]) ~ :not([hidden]) {
+  border-top-width: var(--c15t-cookie-banner-border-width);
+  border-color: var(--c15t-cookie-banner-border-color);
+}
+
+.c15t-cookie-banner-card:focus {
+  outline-offset: 2px;
+  outline: none;
+}
+
+@keyframes c15t-cookie-banner-enter {
+  from {
+    opacity: 0;
+    transform: scale(.95);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes c15t-cookie-banner-exit {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(.95);
+  }
+}
+
+.c15t-cookie-banner-reject-button {
+  width: 100%;
+
+  @media (width >= 640px) {
+    & {
+      width: auto;
+    }
+  }
+}
+
+.c15t-cookie-banner-accept-button {
+  width: 100%;
+
+  @media (width >= 640px) {
+    & {
+      width: auto;
+    }
+  }
+}
+
+.c15t-cookie-banner-customize-button {
+  width: 100%;
+
+  @media (width >= 640px) {
+    & {
+      width: auto;
+    }
+  }
+}
+
+.c15t-cookie-banner-header {
+  color: var(--c15t-cookie-banner-text-color);
+  flex-direction: column;
+  padding: 1rem;
+  display: flex;
+
+  @media (width >= 640px) {
+    & {
+      padding: 1.5rem;
+    }
+  }
+
+  & > :not([hidden]) ~ :not([hidden]) {
+    --c15t-space-y-reverse: 0;
+    margin-top: calc(.5rem  * calc(1 - var(--c15t-space-y-reverse)));
+    margin-bottom: calc(.5rem  * var(--c15t-space-y-reverse));
+  }
+}
+
+.c15t-cookie-banner-footer {
+  background-color: var(--c15t-cookie-banner-footer-bg);
+  flex-direction: column;
+  justify-content: space-between;
+  gap: .75rem;
+  padding: 1rem 1.25rem;
+  display: flex;
+
+  @media (width >= 640px) {
+    & {
+      flex-direction: row;
+    }
+  }
+}
+
+.c15t-cookie-banner-footer-sub-group {
+  flex-direction: row;
+  justify-content: space-between;
+  gap: 1rem;
+  display: flex;
+
+  @media (width <= 640px) {
+    & {
+      gap: .25rem;
+    }
+  }
+}
+
+@media (width <= 640px) {
+  .c15t-cookie-banner-reject-button, .c15t-cookie-banner-customize-button {
+    width: 100%;
+  }
+}
+
+.c15t-cookie-banner-description {
+  letter-spacing: -.006em;
+  color: var(--c15t-cookie-banner-description-color);
+  font-size: .875rem;
+  font-weight: 400;
+  line-height: 1.25rem;
+}
+
+.c15t-cookie-banner-title {
+  letter-spacing: -.011em;
+  color: var(--c15t-cookie-banner-title-color);
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5rem;
+}
+
+.c15t-cookie-banner-overlay {
+  --c15t-cookie-banner-overlay-bg: #00000080;
+  background-color: var(--c15t-cookie-banner-overlay-bg);
+  z-index: 999999997;
+  position: fixed;
+  inset: 0;
+}
+

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

@@ -0,0 +1,134 @@
+/**
+ * @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';
+import './cookie-banner.css';
+/**
+ * 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
+     * @type {Partial<CookieBannerTheme>}
+     * @default undefined
+     */
+    theme?: Partial<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;
+}
+/**
+ * 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/cookie-banner/cookie-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-banner.d.ts","sourceRoot":"","sources":["../../src/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;AACjD,OAAO,qBAAqB,CAAC;AAe7B;;;;;;;;GAQG;AACH,MAAM,WAAW,iBAAiB;IACjC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAEnC;;;;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;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAwD9C,CAAC;AAEF;;;;;;;;;GASG"}

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

@@ -0,0 +1,65 @@
+'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 "./cookie-banner.css";
+import * as __WEBPACK_EXTERNAL_MODULE__primitives_button_js_d48a4290__ from "../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__common_index_js_b6a017ad__ from "../common/index.js";
+const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, customizeButtonText, acceptButtonText })=>{
+    const { cookieBanner } = (0, __WEBPACK_EXTERNAL_MODULE__common_index_js_b6a017ad__.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,
+            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__primitives_button_js_d48a4290__.ConsentButton, {
+                                        action: "reject-consent",
+                                        closeCookieBanner: true,
+                                        themeKey: "cookie-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__primitives_button_js_d48a4290__.ConsentButton, {
+                                        action: "open-consent-dialog",
+                                        closeCookieBanner: true,
+                                        themeKey: "cookie-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__primitives_button_js_d48a4290__.ConsentButton, {
+                                action: "accept-consent",
+                                variant: "primary",
+                                closeCookieBanner: true,
+                                themeKey: "cookie-banner.footer.accept-button",
+                                "data-testid": "cookie-banner-accept-button",
+                                children: acceptButtonText || cookieBanner.acceptAll
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+export { CookieBanner };

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

@@ -0,0 +1,68 @@
+'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__, {
+    ErrorBoundary: ()=>ErrorBoundary
+});
+const external_react_namespaceObject = require("react");
+class ErrorBoundary extends external_react_namespaceObject.Component {
+    constructor(props){
+        super(props);
+        this.state = {
+            hasError: false,
+            error: null,
+            errorInfo: null
+        };
+    }
+    static getDerivedStateFromError(error) {
+        return {
+            hasError: true,
+            error,
+            errorInfo: null
+        };
+    }
+    componentDidCatch(error, errorInfo) {
+        this.setState({
+            error,
+            errorInfo
+        });
+        console.error('Uncaught error:', error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            if ('function' == typeof this.props.fallback) return this.props.fallback(this.state.error, this.state.errorInfo);
+            return this.props.fallback;
+        }
+        return this.props.children;
+    }
+}
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/dist/cookie-banner/error-boundary.d.ts

@@ -0,0 +1,56 @@
+import { Component, type ErrorInfo, type ReactNode } from 'react';
+/**
+ * Props for the ErrorBoundary component.
+ *
+ * @public
+ */
+interface ErrorBoundaryProps {
+    /** @remarks React elements to be rendered within the boundary */
+    children: ReactNode;
+    /**
+     * UI to display when an error occurs.
+     *
+     * @remarks
+     * Can be either a React node or a function that receives error details and returns a React node.
+     * When provided as a function, it receives the error object and error info as arguments.
+     */
+    fallback: ReactNode | ((error: Error, errorInfo: ErrorInfo) => ReactNode);
+}
+/**
+ * Internal state for the ErrorBoundary component.
+ *
+ * @internal
+ */
+interface ErrorBoundaryState {
+    /** @remarks Flag indicating if an error has been caught */
+    hasError: boolean;
+    /** @remarks The caught error object, if any */
+    error: Error | null;
+    /** @remarks Additional details about the error context */
+    errorInfo: ErrorInfo | null;
+}
+/**
+ * A React component that catches JavaScript errors in its child component tree.
+ *
+ * @remarks
+ * This boundary component provides error isolation and fallback UI rendering
+ * when errors occur in its child components. It prevents the entire app from
+ * crashing and allows graceful error handling.
+ *
+ * @example
+ * ```tsx
+ * <ErrorBoundary fallback={<ErrorMessage />}>
+ *   <ComponentThatMayError />
+ * </ErrorBoundary>
+ * ```
+ *
+ * @public
+ */
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): ReactNode;
+}
+export {};
+//# sourceMappingURL=error-boundary.d.ts.map

package/dist/cookie-banner/error-boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/cookie-banner/error-boundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE;;;;GAIG;AACH,UAAU,kBAAkB;IAC3B,iEAAiE;IACjE,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;OAMG;IACH,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC;CAC1E;AAED;;;;GAIG;AACH,UAAU,kBAAkB;IAC3B,2DAA2D;IAC3D,QAAQ,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,0DAA0D;IAC1D,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,aAAc,SAAQ,SAAS,CAC3C,kBAAkB,EAClB,kBAAkB,CAClB;gBACY,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAOpD,MAAM;CAWN"}

package/dist/cookie-banner/error-boundary.js

@@ -0,0 +1,34 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+class ErrorBoundary extends __WEBPACK_EXTERNAL_MODULE_react__.Component {
+    constructor(props){
+        super(props);
+        this.state = {
+            hasError: false,
+            error: null,
+            errorInfo: null
+        };
+    }
+    static getDerivedStateFromError(error) {
+        return {
+            hasError: true,
+            error,
+            errorInfo: null
+        };
+    }
+    componentDidCatch(error, errorInfo) {
+        this.setState({
+            error,
+            errorInfo
+        });
+        console.error('Uncaught error:', error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            if ('function' == typeof this.props.fallback) return this.props.fallback(this.state.error, this.state.errorInfo);
+            return this.props.fallback;
+        }
+        return this.props.children;
+    }
+}
+export { ErrorBoundary };

package/dist/cookie-banner/index.cjs

@@ -0,0 +1,59 @@
+"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__, {
+    CookieBannerFooterSubGroup: ()=>external_components_cjs_namespaceObject.CookieBannerFooterSubGroup,
+    CookieBannerRoot: ()=>root_cjs_namespaceObject.CookieBannerRoot,
+    CustomizeButton: ()=>external_components_cjs_namespaceObject.CustomizeButton,
+    CookieBannerRejectButton: ()=>external_components_cjs_namespaceObject.CookieBannerRejectButton,
+    CookieBannerCustomizeButton: ()=>external_components_cjs_namespaceObject.CookieBannerCustomizeButton,
+    Footer: ()=>external_components_cjs_namespaceObject.Footer,
+    Header: ()=>external_components_cjs_namespaceObject.Header,
+    Overlay: ()=>overlay_cjs_namespaceObject.Overlay,
+    CookieBannerFooter: ()=>external_components_cjs_namespaceObject.CookieBannerFooter,
+    CookieBannerHeader: ()=>external_components_cjs_namespaceObject.CookieBannerHeader,
+    CookieBannerDescription: ()=>external_components_cjs_namespaceObject.CookieBannerDescription,
+    RejectButton: ()=>external_components_cjs_namespaceObject.RejectButton,
+    FooterSubGroup: ()=>external_components_cjs_namespaceObject.FooterSubGroup,
+    Title: ()=>external_components_cjs_namespaceObject.Title,
+    CookieBannerAcceptButton: ()=>external_components_cjs_namespaceObject.CookieBannerAcceptButton,
+    CookieBannerOverlay: ()=>overlay_cjs_namespaceObject.CookieBannerOverlay,
+    Root: ()=>root_cjs_namespaceObject.Root,
+    Description: ()=>external_components_cjs_namespaceObject.Description,
+    Card: ()=>external_components_cjs_namespaceObject.Card,
+    AcceptButton: ()=>external_components_cjs_namespaceObject.AcceptButton,
+    CookieBannerCard: ()=>external_components_cjs_namespaceObject.CookieBannerCard,
+    CookieBannerTitle: ()=>external_components_cjs_namespaceObject.CookieBannerTitle
+});
+const overlay_cjs_namespaceObject = require("./atoms/overlay.cjs");
+const root_cjs_namespaceObject = require("./atoms/root.cjs");
+const external_components_cjs_namespaceObject = require("./components.cjs");
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});