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

package/dist/{common/components → providers}/consent-manager-provider.d.ts

@@ -12,5 +12,5 @@ import type { ConsentManagerProviderProps } from '../types/consent-manager';
  *
  * @public
  */
-export declare function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceSettings, namespace, noStyle, translationConfig, trackingBlockerConfig, }: ConsentManagerProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceSettings, namespace, noStyle, translationConfig, trackingBlockerConfig, theme, disableAnimation, }: ConsentManagerProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=consent-manager-provider.d.ts.map

package/dist/providers/consent-manager-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-manager-provider.d.ts","sourceRoot":"","sources":["../../src/providers/consent-manager-provider.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAQ5E;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,CAAC,EACtC,QAAQ,EACR,gBAAgB,EAChB,yBAAyB,EACzB,SAAuB,EACvB,OAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,KAAK,EACL,gBAAwB,GACxB,EAAE,2BAA2B,2CAyF7B"}

package/dist/{common/components → providers}/consent-manager-provider.js

@@ -4,7 +4,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_c15t__ from "c15t";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__context_consent_manager_context_js_ee8f06d2__ from "../context/consent-manager-context.js";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_translations_js_c2629c1f__ from "../utils/translations.js";
-function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceSettings, namespace = 'c15tStore', noStyle = false, translationConfig, trackingBlockerConfig }) {
+import * as __WEBPACK_EXTERNAL_MODULE__context_theme_context_js_fbb05439__ from "../context/theme-context.js";
+function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceSettings, namespace = 'c15tStore', noStyle = false, translationConfig, trackingBlockerConfig, theme, disableAnimation = false }) {
     const preparedTranslationConfig = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         const mergedConfig = (0, __WEBPACK_EXTERNAL_MODULE__utils_translations_js_c2629c1f__.mergeTranslationConfigs)(__WEBPACK_EXTERNAL_MODULE_c15t__.defaultTranslationConfig, translationConfig);
         const defaultLanguage = (0, __WEBPACK_EXTERNAL_MODULE__utils_translations_js_c2629c1f__.detectBrowserLanguage)(mergedConfig.translations, mergedConfig.defaultLanguage, mergedConfig.disableAutoLanguageSwitch);
@@ -20,20 +21,17 @@ function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceS
             trackingBlockerConfig
         });
         store.getState().setTranslationConfig(preparedTranslationConfig);
-        store.getState().setNoStyle(noStyle);
         return store;
     }, [
         namespace,
         preparedTranslationConfig,
-        trackingBlockerConfig,
-        noStyle
+        trackingBlockerConfig
     ]);
     const [state, setState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(store.getState());
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        const { setGdprTypes, setComplianceSetting, setDetectedCountry, setNoStyle } = store.getState();
+        const { setGdprTypes, setComplianceSetting, setDetectedCountry } = store.getState();
         if (initialGdprTypes) setGdprTypes(initialGdprTypes);
         if (initialComplianceSettings) for (const [region, settings] of Object.entries(initialComplianceSettings))setComplianceSetting(region, settings);
-        setNoStyle(noStyle);
         const country = document.querySelector('meta[name="user-country"]')?.getAttribute('content') || 'US';
         setDetectedCountry(country);
         const unsubscribe = store.subscribe((newState)=>{
@@ -45,8 +43,7 @@ function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceS
     }, [
         store,
         initialGdprTypes,
-        initialComplianceSettings,
-        noStyle
+        initialComplianceSettings
     ]);
     const contextValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
             state,
@@ -55,9 +52,21 @@ function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceS
         state,
         store
     ]);
+    const themeContextValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
+            noStyle,
+            theme,
+            disableAnimation
+        }), [
+        noStyle,
+        theme,
+        disableAnimation
+    ]);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_consent_manager_context_js_ee8f06d2__.ConsentStateContext.Provider, {
         value: contextValue,
-        children: children
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_fbb05439__.GlobalThemeContext.Provider, {
+            value: themeContextValue,
+            children: children
+        })
     });
 }
 export { ConsentManagerProvider };

package/dist/types/consent-manager.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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__);
+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/{common/types → types}/consent-manager.d.ts

@@ -1,5 +1,7 @@
 import type { AllConsentNames, ComplianceRegion, ComplianceSettings, NamespaceProps, PrivacyConsentState, TrackingBlockerConfig, TranslationConfig, createConsentManagerStore } from 'c15t';
 import type { ReactNode } from 'react';
+import type { ConsentManagerDialogTheme } from '../components/consent-manager-dialog/theme';
+import type { CookieBannerTheme } from '../components/cookie-banner/theme';
 /**
  * Configuration options for the ConsentManagerProvider component.
  *
@@ -33,6 +35,17 @@ export interface ConsentManagerProviderProps extends NamespaceProps {
      * @default false
      */
     noStyle?: boolean;
+    /**
+     * @remarks
+     * Whether to disable animations
+     * @default false
+     */
+    disableAnimation?: boolean;
+    /**
+     * @remarks
+     * Theme configuration for the consent manager
+     */
+    theme?: CookieBannerTheme & ConsentManagerDialogTheme;
     /**
      * @remarks
      * The configuration allows you to:

package/dist/types/consent-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-manager.d.ts","sourceRoot":"","sources":["../../src/types/consent-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,yBAAyB,EACzB,MAAM,MAAM,CAAC;AACd,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAC;AAC5F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAE3E;;;;;;;;GAQG;AACH,MAAM,WAAW,2BAA4B,SAAQ,cAAc;IAClE;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAErC;;;;OAIG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;IACzE;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,KAAK,CAAC,EAAE,iBAAiB,GAAG,yBAAyB,CAAC;IAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAE/C,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC9C;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,0BAA0B;IAC1C,oCAAoC;IACpC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,gDAAgD;IAChD,KAAK,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;CACpD"}

package/dist/types/theme/index.cjs

@@ -0,0 +1,76 @@
+"use strict";
+var __webpack_modules__ = {
+    "./style-keys": function(module) {
+        module.exports = require("./style-keys.cjs");
+    },
+    "./style-types": function(module) {
+        module.exports = require("./style-types.cjs");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __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__);
+    var _style_keys__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./style-keys");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _style_keys__WEBPACK_IMPORTED_MODULE_0__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _style_keys__WEBPACK_IMPORTED_MODULE_0__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _style_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./style-types");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _style_types__WEBPACK_IMPORTED_MODULE_1__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _style_types__WEBPACK_IMPORTED_MODULE_1__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+})();
+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/types/theme/index.d.ts

@@ -0,0 +1,3 @@
+export * from './style-keys';
+export * from './style-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/dist/types/theme/index.js

@@ -0,0 +1,2 @@
+export * from "./style-keys.js";
+export * from "./style-types.js";

package/dist/types/theme/style-keys.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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__);
+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/types/theme/style-keys.d.ts

@@ -0,0 +1,14 @@
+import type { ConsentManagerDialogTheme } from '../../components/consent-manager-dialog/theme';
+import type { ConsentManagerWidgetTheme } from '../../components/consent-manager-widget/theme';
+import type { CookieBannerTheme } from '../../components/cookie-banner/theme';
+import type { AccordionStylesKeys } from '../../components/shared/ui/accordion';
+import type { SwitchStylesKeys } from '../../components/shared/ui/switch';
+import type { ThemeValue } from './';
+type NestedKeys<T> = {
+    [K in keyof T & (string | number)]: T[K] extends object ? `${K & string}` | `${K & string}.${NestedKeys<T[K]>}` : `${K & string}`;
+}[keyof T & (string | number)];
+export type AllThemeKeys = NestedKeys<CookieBannerTheme> | NestedKeys<ConsentManagerWidgetTheme> | NestedKeys<ConsentManagerDialogTheme> | NestedKeys<AccordionStylesKeys> | NestedKeys<SwitchStylesKeys> | NestedKeys<{
+    button: ThemeValue;
+}>;
+export {};
+//# sourceMappingURL=style-keys.d.ts.map

package/dist/types/theme/style-keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-keys.d.ts","sourceRoot":"","sources":["../../../src/types/theme/style-keys.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAC3F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,KAAK,UAAU,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACpD,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,MAAM,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GACrD,GAAG,CAAC,GAAG,MAAM,EAAE;CAClB,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;AAE/B,MAAM,MAAM,YAAY,GAErB,UAAU,CAAC,iBAAiB,CAAC,GAC7B,UAAU,CAAC,yBAAyB,CAAC,GACrC,UAAU,CAAC,yBAAyB,CAAC,GAErC,UAAU,CAAC,mBAAmB,CAAC,GAC/B,UAAU,CAAC,gBAAgB,CAAC,GAC5B,UAAU,CAAC;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC"}

package/dist/types/theme/style-types.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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__);
+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/types/theme/style-types.d.ts

@@ -0,0 +1,34 @@
+import type { ClassValue } from 'clsx';
+import type { CSSProperties } from 'react';
+import type { AllThemeKeys } from './style-keys';
+/**
+ * Represents CSS properties with optional CSS variables
+ * @public
+ */
+export type CSSPropertiesWithVars<T = Record<string, string | number>> = CSSProperties & Partial<T>;
+/**
+ * Represents a style configuration that can include both inline styles and class names.
+ * @public
+ */
+export type ClassNameStyle<T = Record<string, string | number>> = {
+    /** @remarks CSS properties to be applied inline to the component */
+    style?: CSSPropertiesWithVars<T>;
+    /** @remarks CSS class names to be applied to the component */
+    className?: string;
+    /** @remarks The type of style to apply to the component */
+    noStyle?: boolean;
+    /** @internal used to pass default class names to the component */
+    baseClassName?: ClassValue;
+};
+/**
+ * Represents a style value that can be either a class name string or a {@link ClassNameStyle} object.
+ * @public
+ */
+export type ThemeValue<T = Record<string, string | number>> = string | ClassNameStyle<T>;
+export interface ExtendThemeKeys<T = CSSVariables> extends ClassNameStyle<T> {
+    themeKey: AllThemeKeys;
+}
+export type CSSVariables = {
+    [key: string]: string | number;
+};
+//# sourceMappingURL=style-types.d.ts.map

package/dist/types/theme/style-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-types.d.ts","sourceRoot":"","sources":["../../../src/types/theme/style-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD;;;GAGG;AACH,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,IACpE,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAE5B;;;GAGG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,IAAI;IACjE,oEAAoE;IACpE,KAAK,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC;IACjC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,aAAa,CAAC,EAAE,UAAU,CAAC;CAC3B,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,IACvD,MAAM,GACN,cAAc,CAAC,CAAC,CAAC,CAAC;AAErB,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,YAAY,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IAC3E,QAAQ,EAAE,YAAY,CAAC;CACvB;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAC/B,CAAC"}

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAE7C,YAAY,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEvC;;GAEG;AACH,wBAAgB,KAAK,CAAC,GAAG,OAAO,EAAE,UAAU,EAAE,UAE7C;AAED;;GAEG;AACH,eAAO,MAAM,EAAE,aAAO,CAAC"}

package/dist/{theme/utils → utils}/merge-styles.cjs

@@ -28,7 +28,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     mergeStyles: ()=>mergeStyles
 });
-const cn_cjs_namespaceObject = require("../../ui/libs/cn.cjs");
+const external_cn_cjs_namespaceObject = require("./cn.cjs");
 function mergeStyles(style1, style2) {
     const getThemeValue = (style)=>{
         if ('string' == typeof style || void 0 === style) return style;
@@ -40,7 +40,7 @@ function mergeStyles(style1, style2) {
         className: void 0,
         style: void 0
     };
-    const className = (0, cn_cjs_namespaceObject.cnExt)([
+    const className = (0, external_cn_cjs_namespaceObject.cnExt)([
         'string' == typeof s1 ? s1 : s1?.className,
         'string' == typeof s2 ? s2 : s2?.className,
         'object' == typeof s1 && s1?.baseClassName,

package/dist/utils/merge-styles.d.ts

@@ -0,0 +1,11 @@
+import type { ClassNameStyle, ThemeValue } from '../types/theme';
+/**
+ * Merges two styles objects, handling theme values and style properties.
+ *
+ * @param style1 - The first style object to merge
+ * @param style2 - The second style object to merge (Takes precedence over style1)
+ *
+ * @returns The merged styles object
+ */
+export declare function mergeStyles(style1: ThemeValue, style2?: ThemeValue): ClassNameStyle;
+//# sourceMappingURL=merge-styles.d.ts.map

package/dist/utils/merge-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-styles.d.ts","sourceRoot":"","sources":["../../src/utils/merge-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhE;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAC1B,MAAM,EAAE,UAAU,EAClB,MAAM,CAAC,EAAE,UAAU,GACjB,cAAc,CA2ChB"}

package/dist/{theme/utils → utils}/merge-styles.js

@@ -1,4 +1,4 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ui_libs_cn_js_c64d687d__ from "../../ui/libs/cn.js";
+import * as __WEBPACK_EXTERNAL_MODULE__cn_js_6c2be559__ from "./cn.js";
 function mergeStyles(style1, style2) {
     const getThemeValue = (style)=>{
         if ('string' == typeof style || void 0 === style) return style;
@@ -10,7 +10,7 @@ function mergeStyles(style1, style2) {
         className: void 0,
         style: void 0
     };
-    const className = (0, __WEBPACK_EXTERNAL_MODULE__ui_libs_cn_js_c64d687d__.cnExt)([
+    const className = (0, __WEBPACK_EXTERNAL_MODULE__cn_js_6c2be559__.cnExt)([
         'string' == typeof s1 ? s1 : s1?.className,
         'string' == typeof s2 ? s2 : s2?.className,
         'object' == typeof s1 && s1?.baseClassName,

package/dist/utils/translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../src/utils/translations.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAQ5D;;GAEG;AACH,wBAAgB,qBAAqB,CACpC,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAC7B,YAAY,CAed;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACtC,aAAa,EAAE,iBAAiB,EAChC,YAAY,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,GACvC,iBAAiB,CA+BnB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACpC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrC,eAAe,EAAE,MAAM,GAAG,SAAS,EACnC,iBAAiB,UAAQ,GACvB,MAAM,CAgCR"}

package/dist/{theme/use-style.cjs → utils/use-styles.cjs}

@@ -30,10 +30,10 @@ __webpack_require__.d(__webpack_exports__, {
     useStyles: ()=>useStyles
 });
 const external_react_namespaceObject = require("react");
-const external_context_cjs_namespaceObject = require("./context.cjs");
-const merge_styles_cjs_namespaceObject = require("./utils/merge-styles.cjs");
+const use_theme_cjs_namespaceObject = require("../hooks/use-theme.cjs");
+const external_merge_styles_cjs_namespaceObject = require("./merge-styles.cjs");
 function useStyles(themeKey, componentStyle) {
-    const { noStyle: contextNoStyle, theme } = (0, external_context_cjs_namespaceObject.useThemeContext)();
+    const { noStyle: contextNoStyle, theme } = (0, use_theme_cjs_namespaceObject.useTheme)();
     const mergedNoStyle = 'object' == typeof componentStyle && 'noStyle' in componentStyle ? componentStyle.noStyle : contextNoStyle;
     const themeStylesObject = (0, external_react_namespaceObject.useMemo)(()=>themeKey ? theme?.[themeKey] : null, [
         themeKey,
@@ -49,14 +49,14 @@ function useStyles(themeKey, componentStyle) {
         componentStyle
     ]);
     const mergedWithContext = (0, external_react_namespaceObject.useMemo)(()=>{
-        const merged = themeStylesObject ? (0, merge_styles_cjs_namespaceObject.mergeStyles)(initialStyle, themeStylesObject) : initialStyle;
+        const merged = themeStylesObject ? (0, external_merge_styles_cjs_namespaceObject.mergeStyles)(initialStyle, themeStylesObject) : initialStyle;
         return merged;
     }, [
         initialStyle,
         themeStylesObject
     ]);
     const finalMergedStyle = (0, external_react_namespaceObject.useMemo)(()=>{
-        const final = componentStyle ? (0, merge_styles_cjs_namespaceObject.mergeStyles)(mergedWithContext, componentStyle) : mergedWithContext;
+        const final = componentStyle ? (0, external_merge_styles_cjs_namespaceObject.mergeStyles)(mergedWithContext, componentStyle) : mergedWithContext;
         return final;
     }, [
         mergedWithContext,

package/dist/{theme/use-style.d.ts → utils/use-styles.d.ts}

@@ -1,5 +1,5 @@
-import type { AllThemeKeys } from './types/style-keys';
-import type { ClassNameStyle, ThemeValue } from './types/style-types';
+import type { AllThemeKeys } from '../types/theme';
+import type { ClassNameStyle, ThemeValue } from '../types/theme';
 /**
  * Hook for retrieving and merging styles from theme context and component props.
  *
@@ -16,7 +16,7 @@ import type { ClassNameStyle, ThemeValue } from './types/style-types';
  * @example
  * ```tsx
  * const MyComponent = () => {
- *   const styles = useStyles('cookie-banner.root', {
+ *   const styles = useStyles('root', {
  *     className: 'custom-class',
  *     style: { backgroundColor: 'white' }
  *   });
@@ -29,4 +29,4 @@ import type { ClassNameStyle, ThemeValue } from './types/style-types';
  * @public
  */
 export declare function useStyles(themeKey: AllThemeKeys, componentStyle?: ThemeValue): ClassNameStyle;
-//# sourceMappingURL=use-style.d.ts.map
+//# sourceMappingURL=use-styles.d.ts.map

package/dist/utils/use-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-styles.d.ts","sourceRoot":"","sources":["../../src/utils/use-styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,wBAAgB,SAAS,CACxB,QAAQ,EAAE,YAAY,EACtB,cAAc,CAAC,EAAE,UAAU,GACzB,cAAc,CA+EhB"}

package/dist/{theme/use-style.js → utils/use-styles.js}

@@ -1,9 +1,9 @@
 'use client';
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__ from "./context.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_merge_styles_js_2f2d47eb__ from "./utils/merge-styles.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_15a28cae__ from "../hooks/use-theme.js";
+import * as __WEBPACK_EXTERNAL_MODULE__merge_styles_js_98601897__ from "./merge-styles.js";
 function useStyles(themeKey, componentStyle) {
-    const { noStyle: contextNoStyle, theme } = (0, __WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__.useThemeContext)();
+    const { noStyle: contextNoStyle, theme } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_15a28cae__.useTheme)();
     const mergedNoStyle = 'object' == typeof componentStyle && 'noStyle' in componentStyle ? componentStyle.noStyle : contextNoStyle;
     const themeStylesObject = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>themeKey ? theme?.[themeKey] : null, [
         themeKey,
@@ -19,14 +19,14 @@ function useStyles(themeKey, componentStyle) {
         componentStyle
     ]);
     const mergedWithContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        const merged = themeStylesObject ? (0, __WEBPACK_EXTERNAL_MODULE__utils_merge_styles_js_2f2d47eb__.mergeStyles)(initialStyle, themeStylesObject) : initialStyle;
+        const merged = themeStylesObject ? (0, __WEBPACK_EXTERNAL_MODULE__merge_styles_js_98601897__.mergeStyles)(initialStyle, themeStylesObject) : initialStyle;
         return merged;
     }, [
         initialStyle,
         themeStylesObject
     ]);
     const finalMergedStyle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        const final = componentStyle ? (0, __WEBPACK_EXTERNAL_MODULE__utils_merge_styles_js_2f2d47eb__.mergeStyles)(mergedWithContext, componentStyle) : mergedWithContext;
+        const final = componentStyle ? (0, __WEBPACK_EXTERNAL_MODULE__merge_styles_js_98601897__.mergeStyles)(mergedWithContext, componentStyle) : mergedWithContext;
         return final;
     }, [
         mergedWithContext,

package/package.json

@@ -1,28 +1,43 @@
 {
   "name": "@c15t/react",
-  "version": "0.0.1-rc.4",
+  "version": "0.0.1-rc.6",
   "sideEffects": false,
   "type": "module",
   "exports": {
     "./consent-manager-dialog": {
-      "types": "./dist/consent-manager-dialog/index.d.ts",
-      "import": "./dist/consent-manager-dialog/index.js",
-      "require": "./dist/consent-manager-dialog/index.cjs"
+      "types": "./dist/components/consent-manager-dialog/index.d.ts",
+      "import": "./dist/components/consent-manager-dialog/index.js",
+      "require": "./dist/components/consent-manager-dialog/index.cjs"
     },
     "./consent-manager-widget": {
-      "types": "./dist/consent-manager-widget/index.d.ts",
-      "import": "./dist/consent-manager-widget/index.js",
-      "require": "./dist/consent-manager-widget/index.cjs"
+      "types": "./dist/components/consent-manager-widget/index.d.ts",
+      "import": "./dist/components/consent-manager-widget/index.js",
+      "require": "./dist/components/consent-manager-widget/index.cjs"
     },
     "./cookie-banner": {
-      "types": "./dist/cookie-banner/index.d.ts",
-      "import": "./dist/cookie-banner/index.js",
-      "require": "./dist/cookie-banner/index.cjs"
+      "types": "./dist/components/cookie-banner/index.d.ts",
+      "import": "./dist/components/cookie-banner/index.js",
+      "require": "./dist/components/cookie-banner/index.cjs"
     },
-    "./common": {
-      "types": "./dist/common/index.d.ts",
-      "import": "./dist/common/index.js",
-      "require": "./dist/common/index.cjs"
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js",
+      "require": "./dist/hooks/index.cjs"
+    },
+    "./context": {
+      "types": "./dist/context/index.d.ts",
+      "import": "./dist/context/index.js",
+      "require": "./dist/context/index.cjs"
+    },
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.js",
+      "require": "./dist/types/index.cjs"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js",
+      "require": "./dist/utils/index.cjs"
     },
     ".": {
       "types": "./dist/index.d.ts",
@@ -43,10 +58,10 @@
     "@radix-ui/react-slot": "1.1.2",
     "@radix-ui/react-switch": "1.1.3",
     "clsx": "2.1.1",
-    "motion": "^12.4.2",
+    "motion": "^12.4.7",
     "tailwind-variants": "^0.3.1",
     "zustand": "^5.0.3",
-    "c15t": "0.0.1-rc.4"
+    "c15t": "0.0.1-rc.6"
   },
   "devDependencies": {
     "@c15t/typescript-config": "0.0.1-beta.1"

package/dist/common/components/consent-manager-provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"consent-manager-provider.d.ts","sourceRoot":"","sources":["../../../src/common/components/consent-manager-provider.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAM5E;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,CAAC,EACtC,QAAQ,EACR,gBAAgB,EAChB,yBAAyB,EACzB,SAAuB,EACvB,OAAe,EACf,iBAAiB,EACjB,qBAAqB,GACrB,EAAE,2BAA2B,2CAwF7B"}

package/dist/common/context/consent-manager-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"consent-manager-context.d.ts","sourceRoot":"","sources":["../../../src/common/context/consent-manager-context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAE3E;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,uDAEpB,CAAC"}

package/dist/common/hooks/use-consent-manager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-consent-manager.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-consent-manager.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB;;;;;;;;;;;;;;;;;;;;uCAc0uE,CAAC;;;;;;;;;;;;;;;;;EAD3wE"}

package/dist/common/index.d.ts

@@ -1,7 +0,0 @@
-export { ConsentManagerProvider } from './components/consent-manager-provider';
-export { useConsentManager } from './hooks/use-consent-manager';
-export type { ConsentManagerProviderProps } from './types/consent-manager';
-export { useTranslations } from './store/use-translations';
-export { consentTypes } from 'c15t';
-export type { CallbackFunction, Callbacks, AllConsentNames, ConsentType, ConsentState, ComplianceRegion, ComplianceSettings, PrivacySettings, HasConsentedProps, } from 'c15t';
-//# sourceMappingURL=index.d.ts.map

package/dist/common/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/common/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,YAAY,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAG3D,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACpC,YAAY,EACX,gBAAgB,EAChB,SAAS,EACT,eAAe,EACf,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,GACjB,MAAM,MAAM,CAAC"}

package/dist/common/index.js

@@ -1,9 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__components_consent_manager_provider_js_f0dc1a38__ from "./components/consent-manager-provider.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_2b895421__ from "./hooks/use-consent-manager.js";
-import * as __WEBPACK_EXTERNAL_MODULE__store_use_translations_js_f5c44c99__ from "./store/use-translations.js";
-import * as __WEBPACK_EXTERNAL_MODULE_c15t__ from "c15t";
-var __webpack_exports__ConsentManagerProvider = __WEBPACK_EXTERNAL_MODULE__components_consent_manager_provider_js_f0dc1a38__.ConsentManagerProvider;
-var __webpack_exports__consentTypes = __WEBPACK_EXTERNAL_MODULE_c15t__.consentTypes;
-var __webpack_exports__useConsentManager = __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_2b895421__.useConsentManager;
-var __webpack_exports__useTranslations = __WEBPACK_EXTERNAL_MODULE__store_use_translations_js_f5c44c99__.useTranslations;
-export { __webpack_exports__ConsentManagerProvider as ConsentManagerProvider, __webpack_exports__consentTypes as consentTypes, __webpack_exports__useConsentManager as useConsentManager, __webpack_exports__useTranslations as useTranslations };