@c15t/react 0.0.1-rc.4 → 0.0.1-rc.6

package/dist/{cookie-banner → components/cookie-banner}/cookie-banner.cjs

@@ -31,13 +31,12 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_error_boundary_cjs_namespaceObject = require("./error-boundary.cjs");
-require("./cookie-banner.css");
-const button_cjs_namespaceObject = require("../primitives/button.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 index_cjs_namespaceObject = require("../common/index.cjs");
+const use_translations_cjs_namespaceObject = require("../../hooks/use-translations.cjs");
 const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, customizeButtonText, acceptButtonText })=>{
-    const { cookieBanner } = (0, index_cjs_namespaceObject.useTranslations)();
+    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."
@@ -64,14 +63,14 @@ const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, cu
                                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
                                         action: "reject-consent",
                                         closeCookieBanner: true,
-                                        themeKey: "cookie-banner.footer.reject-button",
+                                        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: "cookie-banner.footer.customize-button",
+                                        themeKey: "banner.footer.customize-button",
                                         "data-testid": "cookie-banner-customize-button",
                                         children: customizeButtonText || cookieBanner.customize
                                     })
@@ -81,7 +80,7 @@ const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, cu
                                 action: "accept-consent",
                                 variant: "primary",
                                 closeCookieBanner: true,
-                                themeKey: "cookie-banner.footer.accept-button",
+                                themeKey: "banner.footer.accept-button",
                                 "data-testid": "cookie-banner-accept-button",
                                 children: acceptButtonText || cookieBanner.acceptAll
                             })

package/dist/{cookie-banner → components/cookie-banner}/cookie-banner.d.ts

@@ -5,7 +5,6 @@
  */
 import type { FC, ReactNode } from 'react';
 import type { CookieBannerTheme } from './theme';
-import './cookie-banner.css';
 /**
  * Props for configuring and customizing the CookieBanner component.
  *f
@@ -19,10 +18,9 @@ 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>;
+    theme?: CookieBannerTheme;
     /**
      * When true, removes all default styling from the component
      * @remarks Useful for implementing completely custom designs

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;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAwD9C,CAAC;AAEF;;;;;;;;;GASG"}

package/dist/{cookie-banner → components/cookie-banner}/cookie-banner.js

@@ -1,13 +1,12 @@
 '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__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__common_index_js_b6a017ad__ from "../common/index.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 })=>{
-    const { cookieBanner } = (0, __WEBPACK_EXTERNAL_MODULE__common_index_js_b6a017ad__.useTranslations)();
+    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."
@@ -31,27 +30,27 @@ const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, cu
                         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, {
+                                    /*#__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: "cookie-banner.footer.reject-button",
+                                        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__primitives_button_js_d48a4290__.ConsentButton, {
+                                    /*#__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: "cookie-banner.footer.customize-button",
+                                        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__primitives_button_js_d48a4290__.ConsentButton, {
+                            /*#__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: "cookie-banner.footer.accept-button",
+                                themeKey: "banner.footer.accept-button",
                                 "data-testid": "cookie-banner-accept-button",
                                 children: acceptButtonText || cookieBanner.acceptAll
                             })

package/dist/{common/index.cjs → components/cookie-banner/cookie-banner.module.cjs}

@@ -26,15 +26,28 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    consentTypes: ()=>external_c15t_namespaceObject.consentTypes,
-    ConsentManagerProvider: ()=>consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,
-    useConsentManager: ()=>use_consent_manager_cjs_namespaceObject.useConsentManager,
-    useTranslations: ()=>use_translations_cjs_namespaceObject.useTranslations
+    default: ()=>cookie_banner_module_rslib_entry_
 });
-const consent_manager_provider_cjs_namespaceObject = require("./components/consent-manager-provider.cjs");
-const use_consent_manager_cjs_namespaceObject = require("./hooks/use-consent-manager.cjs");
-const use_translations_cjs_namespaceObject = require("./store/use-translations.cjs");
-const external_c15t_namespaceObject = require("c15t");
+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', {

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 };

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

@@ -0,0 +1,224 @@
+:root {
+  isolation: isolate;
+  -webkit-text-size-adjust: 100%;
+  tab-size: 4;
+  --banner-border-radius-sm: .3125rem;
+  --banner-border-radius: 1.25rem;
+  --banner-max-width: 440px;
+  --banner-entry-animation: c15t-enter-OSOPL .15s ease-out;
+  --banner-exit-animation: c15t-exit-PbMtf .15s ease-out;
+  --banner-border-width: 1px;
+  --banner-shadow: 0 16px 32px -12px #0e121b1a;
+  --banner-shadow-dark: 0 16px 32px -12px #0e121b1a;
+  --banner-background-color: #fff;
+  --banner-background-color-dark: hsl(0 0% 9.02);
+  --banner-footer-background-color: #f7f7f7;
+  --banner-footer-background-color-dark: #1c1c1c;
+  --banner-text-color: hsl(0 0% 9.02);
+  --banner-text-color-dark: #e6e6e6;
+  --banner-border-color: #ebebeb;
+  --banner-border-color-dark: #333;
+  --banner-title-color: hsl(0 0% 9.02);
+  --banner-title-color-dark: #e6e6e6;
+  --banner-description-color: #5c5c5c;
+  --banner-description-color-dark: #999;
+  --banner-overlay-background-color: #00000080;
+  --banner-overlay-background-color-dark: #00000080;
+  font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+  line-height: 1.15;
+}
+
+.c15t-root-tnx7V {
+  z-index: 999999998;
+  flex-direction: column;
+  width: 100%;
+  padding: 1rem;
+  display: flex;
+  position: fixed;
+}
+
+@media (width >= 640px) {
+  .c15t-root-tnx7V {
+    width: auto;
+    padding: 1.5rem;
+  }
+}
+
+.c15t-bottomLeft-wv7ez {
+  bottom: 0;
+  left: 0;
+}
+
+.c15t-bottomRight-Oibp8 {
+  bottom: 0;
+  right: 0;
+}
+
+.c15t-topLeft-JJ9D6 {
+  top: 0;
+  left: 0;
+}
+
+.c15t-topRight-A6dOV {
+  top: 0;
+  right: 0;
+}
+
+.c15t-card-MOqQY {
+  width: 100%;
+  max-width: var(--banner-max-width);
+  border-radius: var(--banner-border-radius);
+  border-width: var(--banner-border-width);
+  border-color: var(--banner-border-color);
+  background-color: var(--banner-background-color);
+  box-shadow: var(--banner-shadow);
+  position: relative;
+  overflow: hidden;
+}
+
+.dark .c15t-card-MOqQY {
+  background-color: var(--banner-background-color-dark);
+  border-color: var(--banner-border-color-dark);
+  box-shadow: var(--banner-shadow-dark);
+}
+
+.c15t-card-MOqQY[data-state="open"] {
+  animation: var(--banner-entry-animation);
+}
+
+.c15t-card-MOqQY[data-state="closed"] {
+  animation: var(--banner-exit-animation);
+}
+
+.c15t-card-MOqQY > :not([hidden]) ~ :not([hidden]) {
+  border-top-width: var(--banner-border-width);
+  border-color: var(--banner-border-color);
+}
+
+.dark .c15t-card-MOqQY > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--banner-border-color-dark);
+}
+
+.c15t-card-MOqQY:focus {
+  outline-offset: 2px;
+  outline: none;
+}
+
+@keyframes c15t-enter-OSOPL {
+  from {
+    opacity: 0;
+    transform: scale(.95);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes c15t-exit-PbMtf {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(.95);
+  }
+}
+
+.c15t-rejectButton-qP3hZ, .c15t-acceptButton-zReyG, .c15t-customizeButton-ZjdG0 {
+  width: 100%;
+}
+
+@media (width >= 640px) {
+  .c15t-rejectButton-qP3hZ, .c15t-acceptButton-zReyG, .c15t-customizeButton-ZjdG0 {
+    width: auto;
+  }
+}
+
+.c15t-header-X6bpE {
+  color: var(--banner-text-color);
+  flex-direction: column;
+  padding: 1rem;
+  display: flex;
+}
+
+.dark .c15t-header-X6bpE {
+  color: var(--banner-text-color-dark);
+}
+
+@media (width >= 640px) {
+  .c15t-header-X6bpE {
+    padding: 1.5rem;
+  }
+}
+
+.c15t-header-X6bpE > :not([hidden]) ~ :not([hidden]) {
+  --banner-space-y-reverse: 0;
+  margin-top: calc(.5rem * calc(1 - var(--banner-space-y-reverse)));
+  margin-bottom: calc(.5rem * var(--banner-space-y-reverse));
+}
+
+.c15t-footer-wS150 {
+  background-color: var(--banner-footer-background-color);
+  flex-direction: column;
+  justify-content: space-between;
+  gap: .75rem;
+  padding: 1rem 1.25rem;
+  display: flex;
+}
+
+.dark .c15t-footer-wS150 {
+  background-color: var(--banner-footer-background-color-dark);
+}
+
+@media (width >= 640px) {
+  .c15t-footer-wS150 {
+    flex-direction: row;
+  }
+}
+
+.c15t-footerSubGroup-HbTp3 {
+  flex-direction: row;
+  justify-content: space-between;
+  gap: 1rem;
+  display: flex;
+}
+
+.c15t-description-jP5LU {
+  letter-spacing: -.006em;
+  color: var(--banner-description-color);
+  font-size: .875rem;
+  font-weight: 400;
+  line-height: 1.25rem;
+}
+
+.dark .c15t-description-jP5LU {
+  color: var(--banner-description-color-dark);
+}
+
+.c15t-title-qr_tp {
+  letter-spacing: -.011em;
+  color: var(--banner-title-color);
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5rem;
+}
+
+.dark .c15t-title-qr_tp {
+  color: var(--banner-title-color-dark);
+}
+
+.c15t-overlay-Y8QYV {
+  background-color: var(--banner-overlay-background-color);
+  z-index: 999999997;
+  position: fixed;
+  inset: 0;
+}
+
+.dark .c15t-overlay-Y8QYV {
+  background-color: var(--banner-overlay-background-color-dark);
+}
+

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

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../../src/components/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/components/cookie-banner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-banner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EACN,YAAY,EACZ,IAAI,EACJ,wBAAwB,EACxB,gBAAgB,EAChB,2BAA2B,EAC3B,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,kBAAkB,EAClB,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,MAAM,EACN,cAAc,EACd,MAAM,EACN,YAAY,EACZ,KAAK,EACL,MAAM,cAAc,CAAC;AAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAEH,OAAO,EACN,iBAAiB,EACjB,wBAAwB,EACxB,gBAAgB,EAChB,2BAA2B,EAC3B,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,gBAAgB,EAChB,YAAY,EACZ,IAAI,EACJ,eAAe,EACf,WAAW,EACX,MAAM,EACN,cAAc,EACd,MAAM,EACN,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,KAAK,GACL,CAAC;AACF,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,71 @@
+import type { ButtonCSSVariables } from '../../components/shared/ui/button';
+import type { ThemeValue } from '../../types/theme';
+/**
+ * Configuration object for styling different parts of the CookieBanner component.
+ * @public
+ */
+export type CookieBannerTheme = Partial<{
+    /** @remarks Styles for the root container element */
+    'banner.root': ThemeValue;
+    /** @remarks Styles for the card element */
+    'banner.card': ThemeValue<CardCSSVariables>;
+    /** @remarks Styles for the main content wrapper */
+    'banner.header.root': ThemeValue<HeaderCSSVariables>;
+    /** @remarks Styles for the banner title */
+    'banner.header.title': ThemeValue<TitleCSSVariables>;
+    /** @remarks Styles for the banner description text */
+    'banner.header.description': ThemeValue<DescriptionCSSVariables>;
+    /** @remarks Styles for the footer container */
+    'banner.footer': ThemeValue<FooterCSSVariables>;
+    /** @remarks Styles for the footer sub-group element */
+    'banner.footer.sub-group': ThemeValue;
+    /** @remarks Styles for the footer reject button element */
+    'banner.footer.reject-button': ThemeValue<ButtonCSSVariables>;
+    /** @remarks Styles for the footer customize button element */
+    'banner.footer.customize-button': ThemeValue<ButtonCSSVariables>;
+    /** @remarks Styles for the footer accept button element */
+    'banner.footer.accept-button': ThemeValue<ButtonCSSVariables>;
+    /** @remarks Styles for the overlay element */
+    'banner.overlay': ThemeValue<OverlayCSSVariables>;
+}>;
+/** Card component CSS variables */
+type CardCSSVariables = {
+    '--banner-max-width': string;
+    '--banner-border-radius': string;
+    '--banner-border-width': string;
+    '--banner-border-color': string;
+    '--banner-border-color-dark': string;
+    '--banner-background-color': string;
+    '--banner-background-color-dark': string;
+    '--banner-shadow': string;
+    '--banner-shadow-dark': string;
+    '--banner-entry-animation': string;
+    '--banner-exit-animation': string;
+};
+/** Header component CSS variables */
+type HeaderCSSVariables = {
+    '--banner-text-color': string;
+    '--banner-text-color-dark': string;
+};
+/** Title component CSS variables */
+type TitleCSSVariables = {
+    '--banner-title-color': string;
+    '--banner-title-color-dark': string;
+};
+/** Description component CSS variables */
+type DescriptionCSSVariables = {
+    '--banner-description-color': string;
+    '--banner-description-color-dark': string;
+};
+/** Footer component CSS variables */
+type FooterCSSVariables = {
+    '--banner-footer-background-color': string;
+    '--banner-footer-background-color-dark': string;
+};
+/** Overlay component CSS variables */
+type OverlayCSSVariables = {
+    '--banner-overlay-background-color': string;
+    '--banner-overlay-background-color-dark': string;
+};
+export {};
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-banner/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACvC,qDAAqD;IACrD,aAAa,EAAE,UAAU,CAAC;IAC1B,2CAA2C;IAC3C,aAAa,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC5C,mDAAmD;IACnD,oBAAoB,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACrD,2CAA2C;IAC3C,qBAAqB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACrD,sDAAsD;IACtD,2BAA2B,EAAE,UAAU,CAAC,uBAAuB,CAAC,CAAC;IACjE,+CAA+C;IAC/C,eAAe,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAChD,uDAAuD;IACvD,yBAAyB,EAAE,UAAU,CAAC;IACtC,2DAA2D;IAC3D,6BAA6B,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC9D,8DAA8D;IAC9D,gCAAgC,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACjE,2DAA2D;IAC3D,6BAA6B,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC9D,8CAA8C;IAC9C,gBAAgB,EAAE,UAAU,CAAC,mBAAmB,CAAC,CAAC;CAClD,CAAC,CAAC;AAEH,mCAAmC;AACnC,KAAK,gBAAgB,GAAG;IACvB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,wBAAwB,EAAE,MAAM,CAAC;IACjC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,4BAA4B,EAAE,MAAM,CAAC;IACrC,2BAA2B,EAAE,MAAM,CAAC;IACpC,gCAAgC,EAAE,MAAM,CAAC;IACzC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,0BAA0B,EAAE,MAAM,CAAC;IACnC,yBAAyB,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,qCAAqC;AACrC,KAAK,kBAAkB,GAAG;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,0BAA0B,EAAE,MAAM,CAAC;CACnC,CAAC;AAEF,oCAAoC;AACpC,KAAK,iBAAiB,GAAG;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,2BAA2B,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,0CAA0C;AAC1C,KAAK,uBAAuB,GAAG;IAC9B,4BAA4B,EAAE,MAAM,CAAC;IACrC,iCAAiC,EAAE,MAAM,CAAC;CAC1C,CAAC;AAEF,qCAAqC;AACrC,KAAK,kBAAkB,GAAG;IACzB,kCAAkC,EAAE,MAAM,CAAC;IAC3C,uCAAuC,EAAE,MAAM,CAAC;CAChD,CAAC;AAEF,sCAAsC;AACtC,KAAK,mBAAmB,GAAG;IAC1B,mCAAmC,EAAE,MAAM,CAAC;IAC5C,wCAAwC,EAAE,MAAM,CAAC;CACjD,CAAC"}

package/dist/components/shared/libs/polymorphic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/libs/polymorphic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,qBAAqB,EACrB,wBAAwB,EACxB,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,MAAM,OAAO,CAAC;AAEf,KAAK,MAAM,CAAC,CAAC,SAAS,WAAW,IAAI;IACpC,EAAE,CAAC,EAAE,CAAC,CAAC;CACP,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAEnE,KAAK,wBAAwB,CAC5B,CAAC,SAAS,WAAW,EACrB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC5D,iBAAiB,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GACvC,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAE1D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAC/C,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAEjC,KAAK,+BAA+B,CACnC,CAAC,SAAS,WAAW,EACrB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC5D,wBAAwB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AAErE,MAAM,MAAM,gCAAgC,CAC3C,CAAC,SAAS,WAAW,EACrB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACxD,+BAA+B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE1C,MAAM,MAAM,yBAAyB,CACpC,CAAC,SAAS,WAAW,EACrB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACxD,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEnC,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CACrE,CAAC,SAAS,WAAW,EAErB,KAAK,EAAE,gCAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,KACzC,SAAS,CAAC"}

package/dist/components/shared/libs/recursive-clone-children.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recursive-clone-children.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/libs/recursive-clone-children.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIN,KAAK,SAAS,EAGd,MAAM,OAAO,CAAC;AAEf;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CACrC,QAAQ,EAAE,SAAS,EACnB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACxC,YAAY,EAAE,MAAM,EAAE,EACtB,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,OAAO,GACf,SAAS,GAAG,SAAS,EAAE,CAyBzB"}

package/dist/{primitives → components/shared/primitives}/box.cjs

@@ -32,9 +32,9 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const react_slot_namespaceObject = require("@radix-ui/react-slot");
-const index_cjs_namespaceObject = require("../theme/index.cjs");
+const use_styles_cjs_namespaceObject = require("../../../utils/use-styles.cjs");
 const Box = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ asChild, className, style, themeKey, baseClassName, ...props }, ref)=>{
-    const descriptionStyle = (0, index_cjs_namespaceObject.useStyles)(themeKey, {
+    const descriptionStyle = (0, use_styles_cjs_namespaceObject.useStyles)(themeKey, {
         baseClassName,
         className,
         style

package/dist/{primitives → components/shared/primitives}/box.d.ts

@@ -1,12 +1,12 @@
 import { type HTMLAttributes } from 'react';
-import { type ExtendThemeKeys } from '../theme';
+import type { ExtendThemeKeys } from '../../../types/theme';
 /**
  * Props for the description text component of the CookieBanner.
  * Extends standard HTML div attributes.
  *
  * @public
  */
-export interface BoxProps extends HTMLAttributes<HTMLDivElement>, ExtendThemeKeys {
+export interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'>, ExtendThemeKeys {
     asChild?: boolean;
 }
 /**

package/dist/components/shared/primitives/box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/primitives/box.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAGxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD;;;;;GAKG;AACH,MAAM,WAAW,QAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACpD,eAAe;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,GAAG,qGAef,CAAC"}

package/dist/{primitives → components/shared/primitives}/box.js

@@ -2,9 +2,9 @@
 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__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
-import * as __WEBPACK_EXTERNAL_MODULE__theme_index_js_46d040bc__ from "../theme/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__ from "../../../utils/use-styles.js";
 const Box = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ asChild, className, style, themeKey, baseClassName, ...props }, ref)=>{
-    const descriptionStyle = (0, __WEBPACK_EXTERNAL_MODULE__theme_index_js_46d040bc__.useStyles)(themeKey, {
+    const descriptionStyle = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__.useStyles)(themeKey, {
         baseClassName,
         className,
         style

package/dist/{primitives → components/shared/primitives}/button.cjs

@@ -31,19 +31,22 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_slot_namespaceObject = require("@radix-ui/react-slot");
 const external_react_namespaceObject = require("react");
-const button_cjs_namespaceObject = require("../ui/components/button.cjs");
-const index_cjs_namespaceObject = require("../theme/index.cjs");
+const use_consent_manager_cjs_namespaceObject = require("../../../hooks/use-consent-manager.cjs");
+const use_theme_cjs_namespaceObject = require("../../../hooks/use-theme.cjs");
+const use_styles_cjs_namespaceObject = require("../../../utils/use-styles.cjs");
+const index_cjs_namespaceObject = require("../ui/button/index.cjs");
 const ConsentButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ asChild, className: forwardedClassName, style, noStyle, action, themeKey, baseClassName, variant = 'neutral', mode = 'stroke', size = 'small', onClick: forwardedOnClick, closeCookieBanner = false, closeCustomizeDialog = false, ...props }, ref)=>{
-    const { saveConsents, setShowPopup, setIsPrivacyDialogOpen, noStyle: contextNoStyle } = (0, index_cjs_namespaceObject.useThemeContext)();
-    const buttonStyle = (0, index_cjs_namespaceObject.useStyles)(themeKey ?? 'button', {
+    const { saveConsents, setShowPopup, setIsPrivacyDialogOpen } = (0, use_consent_manager_cjs_namespaceObject.useConsentManager)();
+    const { noStyle: contextNoStyle } = (0, use_theme_cjs_namespaceObject.useTheme)();
+    const buttonStyle = (0, use_styles_cjs_namespaceObject.useStyles)(themeKey ?? 'button', {
         baseClassName: [
-            !(contextNoStyle || noStyle) && button_cjs_namespaceObject.buttonVariants({
+            !(contextNoStyle || noStyle) && index_cjs_namespaceObject.buttonVariants({
                 variant,
                 mode,
                 size
             }).root()
         ],
-        style,
+        style: style,
         className: forwardedClassName,
         noStyle: noStyle
     });