@c15t/react 0.0.1-rc.10 → 0.0.1-rc.12

package/dist/index.d.ts

@@ -1,16 +1,15 @@
 export { CookieBanner } from './components/cookie-banner/cookie-banner';
 export type { CookieBannerProps } from './components/cookie-banner/cookie-banner';
-export type { CookieBannerTheme } from './components/cookie-banner/theme';
-export { ConsentManagerDialog } from './components/consent-manager-dialog/consent-manager-dialog';
-export type { ConsentManagerDialogProps } from './components/consent-manager-dialog/consent-manager-dialog';
-export type { ConsentManagerDialogTheme } from './components/consent-manager-dialog/theme';
 export { ConsentManagerWidget } from './components/consent-manager-widget/consent-manager-widget';
 export type { ConsentManagerWidgetProps } from './components/consent-manager-widget/types';
-export type { ConsentManagerWidgetTheme } from './components/consent-manager-widget/theme';
-export * from './hooks';
+export { ConsentManagerDialog } from './components/consent-manager-dialog/consent-manager-dialog';
+export type { ConsentManagerDialogProps } from './components/consent-manager-dialog/consent-manager-dialog';
 export { ConsentManagerProvider } from './providers/consent-manager-provider';
-export type { ThemeValue, ClassNameStyle } from './types/theme';
+export { useConsentManager } from './hooks/use-consent-manager';
+export { useTranslations } from './hooks/use-translations';
+export { useColorScheme } from './hooks/use-color-scheme';
+export { useConsentClient } from './hooks/use-consent-client';
+export { createConsentClient, type c15tClient, type c15tClientOptions, } from 'c15t';
 export type { ConsentManagerProviderProps } from './types/consent-manager';
-export { consentTypes } from 'c15t';
-export type { CallbackFunction, Callbacks, AllConsentNames, ConsentType, ConsentState, ComplianceRegion, ComplianceSettings, PrivacySettings, HasConsentedProps, } from 'c15t';
+export * from './utils/translations';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,YAAY,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAClF,YAAY,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAG1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,4DAA4D,CAAC;AAClG,YAAY,EAAE,yBAAyB,EAAE,MAAM,4DAA4D,CAAC;AAC5G,YAAY,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAG3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,4DAA4D,CAAC;AAClG,YAAY,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAC3F,YAAY,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAG3F,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAG9E,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAChE,YAAY,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AAG3E,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,YAAY,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,4DAA4D,CAAC;AAClG,YAAY,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAC3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,4DAA4D,CAAC;AAClG,YAAY,EAAE,yBAAyB,EAAE,MAAM,4DAA4D,CAAC;AAC5G,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAG9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,EACN,mBAAmB,EACnB,KAAK,UAAU,EACf,KAAK,iBAAiB,GACtB,MAAM,MAAM,CAAC;AAGd,YAAY,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AAG3E,cAAc,sBAAsB,CAAC"}

package/dist/index.js

@@ -1,12 +1,20 @@
 import * as __WEBPACK_EXTERNAL_MODULE__components_cookie_banner_cookie_banner_js_aba0c776__ from "./components/cookie-banner/cookie-banner.js";
-import * as __WEBPACK_EXTERNAL_MODULE__components_consent_manager_dialog_consent_manager_dialog_js_d74113dd__ from "./components/consent-manager-dialog/consent-manager-dialog.js";
 import * as __WEBPACK_EXTERNAL_MODULE__components_consent_manager_widget_consent_manager_widget_js_080fb908__ from "./components/consent-manager-widget/consent-manager-widget.js";
+import * as __WEBPACK_EXTERNAL_MODULE__components_consent_manager_dialog_consent_manager_dialog_js_d74113dd__ from "./components/consent-manager-dialog/consent-manager-dialog.js";
 import * as __WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_7459f585__ from "./providers/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__hooks_use_translations_js_78932b91__ from "./hooks/use-translations.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_color_scheme_js_41dc75de__ from "./hooks/use-color-scheme.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_client_js_2afe8c6b__ from "./hooks/use-consent-client.js";
 import * as __WEBPACK_EXTERNAL_MODULE_c15t__ from "c15t";
-export * from "./hooks/index.js";
+export * from "./utils/translations.js";
 var __webpack_exports__ConsentManagerDialog = __WEBPACK_EXTERNAL_MODULE__components_consent_manager_dialog_consent_manager_dialog_js_d74113dd__.ConsentManagerDialog;
 var __webpack_exports__ConsentManagerProvider = __WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_7459f585__.ConsentManagerProvider;
 var __webpack_exports__ConsentManagerWidget = __WEBPACK_EXTERNAL_MODULE__components_consent_manager_widget_consent_manager_widget_js_080fb908__.ConsentManagerWidget;
 var __webpack_exports__CookieBanner = __WEBPACK_EXTERNAL_MODULE__components_cookie_banner_cookie_banner_js_aba0c776__.CookieBanner;
-var __webpack_exports__consentTypes = __WEBPACK_EXTERNAL_MODULE_c15t__.consentTypes;
-export { __webpack_exports__ConsentManagerDialog as ConsentManagerDialog, __webpack_exports__ConsentManagerProvider as ConsentManagerProvider, __webpack_exports__ConsentManagerWidget as ConsentManagerWidget, __webpack_exports__CookieBanner as CookieBanner, __webpack_exports__consentTypes as consentTypes };
+var __webpack_exports__createConsentClient = __WEBPACK_EXTERNAL_MODULE_c15t__.createConsentClient;
+var __webpack_exports__useColorScheme = __WEBPACK_EXTERNAL_MODULE__hooks_use_color_scheme_js_41dc75de__.useColorScheme;
+var __webpack_exports__useConsentClient = __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_client_js_2afe8c6b__.useConsentClient;
+var __webpack_exports__useConsentManager = __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_2b895421__.useConsentManager;
+var __webpack_exports__useTranslations = __WEBPACK_EXTERNAL_MODULE__hooks_use_translations_js_78932b91__.useTranslations;
+export { __webpack_exports__ConsentManagerDialog as ConsentManagerDialog, __webpack_exports__ConsentManagerProvider as ConsentManagerProvider, __webpack_exports__ConsentManagerWidget as ConsentManagerWidget, __webpack_exports__CookieBanner as CookieBanner, __webpack_exports__createConsentClient as createConsentClient, __webpack_exports__useColorScheme as useColorScheme, __webpack_exports__useConsentClient as useConsentClient, __webpack_exports__useConsentManager as useConsentManager, __webpack_exports__useTranslations as useTranslations };

package/dist/providers/consent-manager-provider.cjs

@@ -2,7 +2,7 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = function(exports1, definition) {
+    __webpack_require__.d = (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]
@@ -10,9 +10,7 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
     __webpack_require__.r = function(exports1) {
@@ -35,7 +33,8 @@ const external_react_namespaceObject = require("react");
 const consent_manager_context_cjs_namespaceObject = require("../context/consent-manager-context.cjs");
 const translations_cjs_namespaceObject = require("../utils/translations.cjs");
 const theme_context_cjs_namespaceObject = require("../context/theme-context.cjs");
-function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceSettings, namespace = 'c15tStore', noStyle = false, translationConfig, trackingBlockerConfig, theme, disableAnimation = false, scrollLock = false, trapFocus = true }) {
+const use_color_scheme_cjs_namespaceObject = require("../hooks/use-color-scheme.cjs");
+function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceSettings, namespace = 'c15tStore', noStyle = false, translationConfig, trackingBlockerConfig, client, theme, disableAnimation = false, scrollLock = false, trapFocus = true, colorScheme = 'system' }) {
     const preparedTranslationConfig = (0, external_react_namespaceObject.useMemo)(()=>{
         const mergedConfig = (0, translations_cjs_namespaceObject.mergeTranslationConfigs)(external_c15t_namespaceObject.defaultTranslationConfig, translationConfig);
         const defaultLanguage = (0, translations_cjs_namespaceObject.detectBrowserLanguage)(mergedConfig.translations, mergedConfig.defaultLanguage, mergedConfig.disableAutoLanguageSwitch);
@@ -47,15 +46,17 @@ function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceS
         translationConfig
     ]);
     const store = (0, external_react_namespaceObject.useMemo)(()=>{
-        const store = (0, external_c15t_namespaceObject.createConsentManagerStore)(namespace, {
+        const storeConfig = {
             trackingBlockerConfig
-        });
+        };
+        const store = (0, external_c15t_namespaceObject.createConsentManagerStore)(client, namespace, storeConfig);
         store.getState().setTranslationConfig(preparedTranslationConfig);
         return store;
     }, [
         namespace,
         preparedTranslationConfig,
-        trackingBlockerConfig
+        trackingBlockerConfig,
+        client
     ]);
     const [state, setState] = (0, external_react_namespaceObject.useState)(store.getState());
     (0, external_react_namespaceObject.useEffect)(()=>{
@@ -77,10 +78,12 @@ function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceS
     ]);
     const contextValue = (0, external_react_namespaceObject.useMemo)(()=>({
             state,
-            store
+            store,
+            client
         }), [
         state,
-        store
+        store,
+        client
     ]);
     const themeContextValue = (0, external_react_namespaceObject.useMemo)(()=>({
             theme,
@@ -95,6 +98,7 @@ function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceS
         scrollLock,
         trapFocus
     ]);
+    (0, use_color_scheme_cjs_namespaceObject.useColorScheme)(colorScheme);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_context_cjs_namespaceObject.ConsentStateContext.Provider, {
         value: contextValue,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {

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

@@ -1,16 +1,20 @@
 import type { ConsentManagerProviderProps } from '../types/consent-manager';
+/**
+ * @packageDocumentation
+ * Provider component for consent management functionality.
+ */
 /**
  * Provider component for consent management functionality.
  *
  * @remarks
  * This component initializes and manages the consent management system, including:
  * - Setting up the consent store with initial configuration
+ * - Using the provided API client instance
  * - Detecting user's region for compliance
  * - Managing consent state updates
  * - Providing access to consent management throughout the app
- * - Injecting default styles (unless noStyle is true)
  *
  * @public
  */
-export declare function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceSettings, namespace, noStyle, translationConfig, trackingBlockerConfig, theme, disableAnimation, scrollLock, trapFocus, }: ConsentManagerProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceSettings, namespace, noStyle, translationConfig, trackingBlockerConfig, client, theme, disableAnimation, scrollLock, trapFocus, colorScheme, }: ConsentManagerProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=consent-manager-provider.d.ts.map

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

@@ -1 +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,EACxB,UAAkB,EAClB,SAAgB,GAChB,EAAE,2BAA2B,2CA2F7B"}
+{"version":3,"file":"consent-manager-provider.d.ts","sourceRoot":"","sources":["../../src/providers/consent-manager-provider.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAQ5E;;;GAGG;AAEH;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,CAAC,EACtC,QAAQ,EACR,gBAAgB,EAChB,yBAAyB,EACzB,SAAuB,EACvB,OAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,MAAM,EACN,KAAK,EACL,gBAAwB,EACxB,UAAkB,EAClB,SAAgB,EAChB,WAAsB,GACtB,EAAE,2BAA2B,2CAmG7B"}

package/dist/providers/consent-manager-provider.js

@@ -5,7 +5,8 @@ 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";
 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, scrollLock = false, trapFocus = true }) {
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_color_scheme_js_939e374b__ from "../hooks/use-color-scheme.js";
+function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceSettings, namespace = 'c15tStore', noStyle = false, translationConfig, trackingBlockerConfig, client, theme, disableAnimation = false, scrollLock = false, trapFocus = true, colorScheme = 'system' }) {
     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);
@@ -17,15 +18,17 @@ function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceS
         translationConfig
     ]);
     const store = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        const store = (0, __WEBPACK_EXTERNAL_MODULE_c15t__.createConsentManagerStore)(namespace, {
+        const storeConfig = {
             trackingBlockerConfig
-        });
+        };
+        const store = (0, __WEBPACK_EXTERNAL_MODULE_c15t__.createConsentManagerStore)(client, namespace, storeConfig);
         store.getState().setTranslationConfig(preparedTranslationConfig);
         return store;
     }, [
         namespace,
         preparedTranslationConfig,
-        trackingBlockerConfig
+        trackingBlockerConfig,
+        client
     ]);
     const [state, setState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(store.getState());
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
@@ -47,10 +50,12 @@ function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceS
     ]);
     const contextValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
             state,
-            store
+            store,
+            client
         }), [
         state,
-        store
+        store,
+        client
     ]);
     const themeContextValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
             theme,
@@ -65,6 +70,7 @@ function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceS
         scrollLock,
         trapFocus
     ]);
+    (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_color_scheme_js_939e374b__.useColorScheme)(colorScheme);
     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: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_fbb05439__.GlobalThemeContext.Provider, {

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

@@ -1,120 +1,99 @@
-import type { AllConsentNames, ComplianceRegion, ComplianceSettings, NamespaceProps, PrivacyConsentState, TrackingBlockerConfig, TranslationConfig, createConsentManagerStore } from 'c15t';
+/**
+ * @packageDocumentation
+ * Type definitions for the consent manager components.
+ */
+import type { AllConsentNames, ComplianceSettings, TrackingBlockerConfig, TranslationConfig, c15tClient } 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.
- *
- * @remarks
- * These props allow you to configure the initial state and behavior of the consent manager,
- * including GDPR types, compliance settings, and namespace configuration.
+ * Configuration options for the ConsentManagerProvider.
  *
  * @public
  */
-export interface ConsentManagerProviderProps extends NamespaceProps {
+export interface ConsentManagerProviderProps {
     /**
-     * @remarks
-     * React elements to be rendered within the consent manager context.
+     * React children to render within the provider.
      */
     children: ReactNode;
     /**
-     * @remarks
-     * Array of consent types to be pre-configured for GDPR compliance.
-     * These types define what kinds of cookies and tracking are initially allowed.
+     * Initial GDPR consent types to activate.
      */
     initialGdprTypes?: AllConsentNames[];
     /**
-     * @remarks
-     * Region-specific compliance settings that define how the consent manager
-     * should behave in different geographical regions.
+     * Initial compliance settings for different regions.
      */
-    initialComplianceSettings?: Record<ComplianceRegion, ComplianceSettings>;
+    initialComplianceSettings?: Record<string, Partial<ComplianceSettings>>;
     /**
-     * @remarks
-     * Whether to skip injecting default styles
-     * @default false
+     * Custom namespace for the store instance.
+     * @default 'c15tStore'
      */
-    noStyle?: boolean;
+    namespace?: string;
     /**
-     * @remarks
-     * Whether to disable animations
+     * Whether to disable default styles.
      * @default false
      */
-    disableAnimation?: boolean;
+    noStyle?: boolean;
     /**
-     * @remarks
-     * Theme configuration for the consent manager
-     */
-    theme?: CookieBannerTheme & ConsentManagerDialogTheme;
-    /**
-     * @remarks
-     * The configuration allows you to:
-     * - Define translations for multiple languages through the translations object
-     * - Set a default language via defaultLanguage prop
-     * - Control automatic language switching based on browser settings with disableAutoLanguageSwitch
-     * - Override specific translation keys while keeping defaults for others
-     *
-     * @example
-     * ```tsx
-     * <ConsentManagerProvider
-     *   translationConfig={{
-     *     translations: {
-     *       de: {
-     *         cookieBanner: {
-     *           title: 'Cookie-Einstellungen',
-     *           description: 'Wir verwenden Cookies...'
-     *         }
-     *       }
-     *     },
-     *     defaultLanguage: 'en',
-     *     disableAutoLanguageSwitch: false
-     *   }}
-     * >
-     *   {children}
-     * </ConsentManagerProvider>
-     * ```
+     * Custom translation configuration.
      */
     translationConfig?: Partial<TranslationConfig>;
     /**
-     * @remarks
-     * The configuration allows you to:
-     * - Define translations for multiple languages through the translations object
-     * - Set a default language via defaultLanguage prop
-     * - Control automatic language switching based on browser settings with disableAutoLanguageSwitch
-     * - Override specific translation keys while keeping defaults for others
-     *
-     * @example
-     * ```tsx
-     * <ConsentManagerProvider
-     *   trackingBlockerConfig={{}}
-     * />
+     * Configuration for the tracking blocker.
      */
     trackingBlockerConfig?: TrackingBlockerConfig;
     /**
-     * @remarks
-     * Whether to lock the scroll when a modal is open, scroll lock will show the overlay
+     * An existing c15tClient instance to use.
+     * This is required for the provider to work properly.
+     */
+    client: c15tClient;
+    /**
+     * Visual theme to apply.
+     */
+    theme?: 'light' | 'dark';
+    /**
+     * Whether to disable animations.
+     * @default false
+     */
+    disableAnimation?: boolean;
+    /**
+     * Whether to lock scroll when dialogs are open.
      * @default false
      */
     scrollLock?: boolean;
     /**
-     * Whether to trap focus when a dialog is open
+     * Whether to trap focus within dialogs.
      * @default true
      */
     trapFocus?: boolean;
+    /**
+     * Color scheme preference.
+     * @default 'system'
+     */
+    colorScheme?: 'light' | 'dark' | 'system';
 }
 /**
- * Internal context value interface for the consent manager.
- *
- * @remarks
- * Combines both the current state and store instance for complete
- * consent management functionality.
- *
- * @internal
+ * Props for components that need to check consent status.
  */
-export interface ConsentManagerContextValue {
-    /** Current privacy consent state */
-    state: PrivacyConsentState;
-    /** Store instance for managing consent state */
-    store: ReturnType<typeof createConsentManagerStore>;
+export interface HasConsentedProps {
+    /**
+     * The consent type to check for.
+     */
+    consentType?: AllConsentNames;
+    /**
+     * Content to render when consent is granted.
+     */
+    children: ReactNode;
+    /**
+     * Optional content to render when consent is not granted.
+     */
+    fallback?: ReactNode;
+}
+/**
+ * Props for components that need to access a specific store namespace.
+ */
+export interface NamespaceProps {
+    /**
+     * Namespace for the consent store instance.
+     */
+    namespace?: string;
 }
 //# sourceMappingURL=consent-manager.d.ts.map

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

@@ -1 +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;;;;;;;;;;;;;OAaG;IACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAE9C;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;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"}
+{"version":3,"file":"consent-manager.d.ts","sourceRoot":"","sources":["../../src/types/consent-manager.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACX,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,UAAU,EACV,MAAM,MAAM,CAAC;AACd,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IAC3C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAErC;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAExE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAE/C;;OAEG;IACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAE9C;;;OAGG;IACH,MAAM,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC1C;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAE9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/types/theme/index.cjs

@@ -18,12 +18,8 @@ function __webpack_require__(moduleId) {
     return module.exports;
 }
 (()=>{
-    __webpack_require__.n = function(module) {
-        var getter = module && module.__esModule ? function() {
-            return module['default'];
-        } : function() {
-            return module;
-        };
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
         __webpack_require__.d(getter, {
             a: getter
         });
@@ -31,7 +27,7 @@ function __webpack_require__(moduleId) {
     };
 })();
 (()=>{
-    __webpack_require__.d = function(exports1, definition) {
+    __webpack_require__.d = (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]
@@ -39,9 +35,7 @@ function __webpack_require__(moduleId) {
     };
 })();
 (()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
     __webpack_require__.r = function(exports1) {

package/dist/utils/cn.cjs

@@ -1,12 +1,8 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.n = function(module) {
-        var getter = module && module.__esModule ? function() {
-            return module['default'];
-        } : function() {
-            return module;
-        };
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
         __webpack_require__.d(getter, {
             a: getter
         });
@@ -14,7 +10,7 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.d = function(exports1, definition) {
+    __webpack_require__.d = (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]
@@ -22,9 +18,7 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
     __webpack_require__.r = function(exports1) {

package/dist/utils/merge-styles.cjs

@@ -1,7 +1,7 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = function(exports1, definition) {
+    __webpack_require__.d = (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]
@@ -9,9 +9,7 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
     __webpack_require__.r = function(exports1) {

package/dist/utils/translations.cjs

@@ -2,7 +2,7 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = function(exports1, definition) {
+    __webpack_require__.d = (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]
@@ -10,9 +10,7 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
     __webpack_require__.r = function(exports1) {

package/dist/utils/use-styles.cjs

@@ -2,7 +2,7 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = function(exports1, definition) {
+    __webpack_require__.d = (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]
@@ -10,9 +10,7 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
     __webpack_require__.r = function(exports1) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c15t/react",
-  "version": "0.0.1-rc.10",
+  "version": "0.0.1-rc.12",
   "license": "GPL-3.0-only",
   "sideEffects": false,
   "type": "module",
@@ -62,10 +62,10 @@
     "@radix-ui/react-slot": "1.1.2",
     "@radix-ui/react-switch": "1.1.3",
     "clsx": "2.1.1",
-    "motion": "^12.4.7",
+    "motion": "^12.4.10",
     "tailwind-variants": "^0.3.1",
     "zustand": "^5.0.3",
-    "c15t": "0.0.1-rc.10"
+    "c15t": "0.0.1-rc.12"
   },
   "devDependencies": {
     "@c15t/typescript-config": "0.0.1-beta.1"
@@ -81,7 +81,7 @@
     "build": "rslib build",
     "check-types": "tsc --noEmit",
     "dev": "rslib build --watch",
-    "fmt": "pnpm biome format --write .",
+    "fmt": "pnpm biome format --write . && biome check --formatter-enabled=false --linter-enabled=false --organize-imports-enabled=true --write",
     "lint": "pnpm biome lint ./src",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",