@c15t/react 0.0.1-rc.9 → 1.0.1

package/dist/hooks/__tests__/use-consent-manager.test.js

@@ -0,0 +1,70 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
+import * as __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__ from "vitest-browser-react";
+import * as __WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_f2c81711__ from "../../providers/consent-manager-provider.js";
+import * as __WEBPACK_EXTERNAL_MODULE__use_consent_manager_js_56ece2ee__ from "../use-consent-manager.js";
+__WEBPACK_EXTERNAL_MODULE_vitest__.vi.mock('c15t', async ()=>{
+    const originalModule = await __WEBPACK_EXTERNAL_MODULE_vitest__.vi.importActual('c15t');
+    return {
+        ...originalModule,
+        configureConsentManager: ()=>({
+                getCallbacks: ()=>({}),
+                setCallbacks: ()=>({}),
+                showConsentBanner: async ()=>({
+                        ok: true,
+                        data: {
+                            showConsentBanner: true
+                        },
+                        error: null,
+                        response: null
+                    }),
+                setConsent: async ()=>({
+                        ok: true,
+                        data: {
+                            success: true
+                        },
+                        error: null,
+                        response: null
+                    }),
+                verifyConsent: async ()=>({
+                        ok: true,
+                        data: {
+                            valid: true
+                        },
+                        error: null,
+                        response: null
+                    })
+            })
+    };
+});
+(0, __WEBPACK_EXTERNAL_MODULE_vitest__.describe)('useConsentManager', ()=>{
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('returns consent state and methods when used within provider', ()=>{
+        const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_consent_manager_js_56ece2ee__.useConsentManager)(), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_f2c81711__.ConsentManagerProvider, {
+                    options: {
+                        mode: 'offline',
+                        react: {
+                            noStyle: false
+                        }
+                    },
+                    children: children
+                })
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current).toBeDefined();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(typeof result.current.showPopup).toBe('boolean');
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('provides manager object when configured', ()=>{
+        const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_consent_manager_js_56ece2ee__.useConsentManager)(), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_f2c81711__.ConsentManagerProvider, {
+                    options: {
+                        mode: 'offline',
+                        react: {
+                            noStyle: false
+                        }
+                    },
+                    children: children
+                })
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.manager).toBeDefined();
+    });
+});

package/dist/hooks/__tests__/use-styles.test.cjs

@@ -0,0 +1,76 @@
+"use strict";
+var __webpack_exports__ = {};
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_vitest_namespaceObject = require("vitest");
+const external_vitest_browser_react_namespaceObject = require("vitest-browser-react");
+const theme_context_cjs_namespaceObject = require("../../context/theme-context.cjs");
+const external_use_styles_cjs_namespaceObject = require("../use-styles.cjs");
+(0, external_vitest_namespaceObject.describe)('useStyles', ()=>{
+    const mockTheme = {
+        noStyle: false,
+        theme: {
+            'dialog.root': {
+                className: 'theme-class',
+                style: {
+                    color: 'blue'
+                }
+            }
+        }
+    };
+    (0, external_vitest_namespaceObject.test)('returns component styles when no theme is provided', ()=>{
+        const componentStyle = {
+            className: 'component-class',
+            style: {
+                backgroundColor: 'red'
+            }
+        };
+        const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_styles_cjs_namespaceObject.useStyles)('dialog.root', componentStyle), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {
+                    value: {
+                        noStyle: false,
+                        theme: {}
+                    },
+                    children: children
+                })
+        });
+        (0, external_vitest_namespaceObject.expect)(result.current.className).toContain('component-class');
+        (0, external_vitest_namespaceObject.expect)(result.current.style).toEqual({
+            backgroundColor: 'red'
+        });
+    });
+    (0, external_vitest_namespaceObject.test)('merges theme and component styles correctly', ()=>{
+        const componentStyle = {
+            className: 'component-class',
+            style: {
+                backgroundColor: 'red'
+            }
+        };
+        const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_styles_cjs_namespaceObject.useStyles)('dialog.root', componentStyle), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {
+                    value: mockTheme,
+                    children: children
+                })
+        });
+        (0, external_vitest_namespaceObject.expect)(result.current.className).toContain('theme-class');
+        (0, external_vitest_namespaceObject.expect)(result.current.className).toContain('component-class');
+        (0, external_vitest_namespaceObject.expect)(result.current.style).toEqual({
+            color: 'blue',
+            backgroundColor: 'red'
+        });
+    });
+    (0, external_vitest_namespaceObject.test)('handles string className correctly', ()=>{
+        const componentStyle = 'component-class';
+        const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_styles_cjs_namespaceObject.useStyles)('dialog.root', componentStyle), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {
+                    value: mockTheme,
+                    children: children
+                })
+        });
+        (0, external_vitest_namespaceObject.expect)(result.current.className).toContain('theme-class');
+        (0, external_vitest_namespaceObject.expect)(result.current.className).toContain('component-class');
+    });
+});
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/hooks/__tests__/use-styles.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-styles.test.d.ts.map

package/dist/hooks/__tests__/use-styles.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-styles.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/use-styles.test.tsx"],"names":[],"mappings":""}

package/dist/hooks/__tests__/use-styles.test.js

@@ -0,0 +1,70 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
+import * as __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__ from "vitest-browser-react";
+import * as __WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__ from "../../context/theme-context.js";
+import * as __WEBPACK_EXTERNAL_MODULE__use_styles_js_020efb58__ from "../use-styles.js";
+(0, __WEBPACK_EXTERNAL_MODULE_vitest__.describe)('useStyles', ()=>{
+    const mockTheme = {
+        noStyle: false,
+        theme: {
+            'dialog.root': {
+                className: 'theme-class',
+                style: {
+                    color: 'blue'
+                }
+            }
+        }
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('returns component styles when no theme is provided', ()=>{
+        const componentStyle = {
+            className: 'component-class',
+            style: {
+                backgroundColor: 'red'
+            }
+        };
+        const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_styles_js_020efb58__.useStyles)('dialog.root', componentStyle), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.GlobalThemeContext.Provider, {
+                    value: {
+                        noStyle: false,
+                        theme: {}
+                    },
+                    children: children
+                })
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.className).toContain('component-class');
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.style).toEqual({
+            backgroundColor: 'red'
+        });
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('merges theme and component styles correctly', ()=>{
+        const componentStyle = {
+            className: 'component-class',
+            style: {
+                backgroundColor: 'red'
+            }
+        };
+        const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_styles_js_020efb58__.useStyles)('dialog.root', componentStyle), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.GlobalThemeContext.Provider, {
+                    value: mockTheme,
+                    children: children
+                })
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.className).toContain('theme-class');
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.className).toContain('component-class');
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.style).toEqual({
+            color: 'blue',
+            backgroundColor: 'red'
+        });
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('handles string className correctly', ()=>{
+        const componentStyle = 'component-class';
+        const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_styles_js_020efb58__.useStyles)('dialog.root', componentStyle), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.GlobalThemeContext.Provider, {
+                    value: mockTheme,
+                    children: children
+                })
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.className).toContain('theme-class');
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.className).toContain('component-class');
+    });
+});

package/dist/hooks/__tests__/use-theme.test.cjs

@@ -0,0 +1,86 @@
+"use strict";
+var __webpack_exports__ = {};
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_vitest_namespaceObject = require("vitest");
+const external_vitest_browser_react_namespaceObject = require("vitest-browser-react");
+const theme_context_cjs_namespaceObject = require("../../context/theme-context.cjs");
+const external_use_theme_cjs_namespaceObject = require("../use-theme.cjs");
+(0, external_vitest_namespaceObject.describe)('useTheme', ()=>{
+    (0, external_vitest_namespaceObject.test)('returns global theme when no local theme is provided', ()=>{
+        const globalTheme = {
+            noStyle: false,
+            theme: {
+                'dialog.root': 'global-style'
+            }
+        };
+        const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_theme_cjs_namespaceObject.useTheme)(), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {
+                    value: globalTheme,
+                    children: children
+                })
+        });
+        (0, external_vitest_namespaceObject.expect)(result.current).toEqual(globalTheme);
+    });
+    (0, external_vitest_namespaceObject.test)('merges global and local themes correctly', ()=>{
+        const globalTheme = {
+            noStyle: false,
+            theme: {
+                'dialog.root': 'global-style',
+                'dialog.title': 'global-title'
+            }
+        };
+        const localTheme = {
+            theme: {
+                'dialog.root': 'local-style',
+                'dialog.content': 'local-content'
+            }
+        };
+        const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_theme_cjs_namespaceObject.useTheme)(), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {
+                    value: globalTheme,
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider, {
+                        value: localTheme,
+                        children: children
+                    })
+                })
+        });
+        (0, external_vitest_namespaceObject.expect)(result.current).toEqual({
+            noStyle: false,
+            theme: {
+                'dialog.root': 'local-style',
+                'dialog.title': 'global-title',
+                'dialog.content': 'local-content'
+            }
+        });
+    });
+    (0, external_vitest_namespaceObject.test)('local theme takes precedence over global theme', ()=>{
+        const globalTheme = {
+            noStyle: false,
+            theme: {
+                'dialog.root': 'global-style'
+            }
+        };
+        const localTheme = {
+            noStyle: true,
+            theme: {
+                'dialog.root': 'local-style'
+            }
+        };
+        const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_theme_cjs_namespaceObject.useTheme)(), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {
+                    value: globalTheme,
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider, {
+                        value: localTheme,
+                        children: children
+                    })
+                })
+        });
+        const theme = result.current;
+        (0, external_vitest_namespaceObject.expect)(theme.theme['dialog.root']).toBe('local-style');
+        (0, external_vitest_namespaceObject.expect)(theme.noStyle).toBe(true);
+    });
+});
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/hooks/__tests__/use-theme.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-theme.test.d.ts.map

package/dist/hooks/__tests__/use-theme.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/use-theme.test.tsx"],"names":[],"mappings":""}

package/dist/hooks/__tests__/use-theme.test.js

@@ -0,0 +1,80 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
+import * as __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__ from "vitest-browser-react";
+import * as __WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__ from "../../context/theme-context.js";
+import * as __WEBPACK_EXTERNAL_MODULE__use_theme_js_0009fd1b__ from "../use-theme.js";
+(0, __WEBPACK_EXTERNAL_MODULE_vitest__.describe)('useTheme', ()=>{
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('returns global theme when no local theme is provided', ()=>{
+        const globalTheme = {
+            noStyle: false,
+            theme: {
+                'dialog.root': 'global-style'
+            }
+        };
+        const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_theme_js_0009fd1b__.useTheme)(), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.GlobalThemeContext.Provider, {
+                    value: globalTheme,
+                    children: children
+                })
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current).toEqual(globalTheme);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('merges global and local themes correctly', ()=>{
+        const globalTheme = {
+            noStyle: false,
+            theme: {
+                'dialog.root': 'global-style',
+                'dialog.title': 'global-title'
+            }
+        };
+        const localTheme = {
+            theme: {
+                'dialog.root': 'local-style',
+                'dialog.content': 'local-content'
+            }
+        };
+        const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_theme_js_0009fd1b__.useTheme)(), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.GlobalThemeContext.Provider, {
+                    value: globalTheme,
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.LocalThemeContext.Provider, {
+                        value: localTheme,
+                        children: children
+                    })
+                })
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current).toEqual({
+            noStyle: false,
+            theme: {
+                'dialog.root': 'local-style',
+                'dialog.title': 'global-title',
+                'dialog.content': 'local-content'
+            }
+        });
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('local theme takes precedence over global theme', ()=>{
+        const globalTheme = {
+            noStyle: false,
+            theme: {
+                'dialog.root': 'global-style'
+            }
+        };
+        const localTheme = {
+            noStyle: true,
+            theme: {
+                'dialog.root': 'local-style'
+            }
+        };
+        const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_theme_js_0009fd1b__.useTheme)(), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.GlobalThemeContext.Provider, {
+                    value: globalTheme,
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.LocalThemeContext.Provider, {
+                        value: localTheme,
+                        children: children
+                    })
+                })
+        });
+        const theme = result.current;
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(theme.theme['dialog.root']).toBe('local-style');
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(theme.noStyle).toBe(true);
+    });
+});

package/dist/hooks/index.cjs

@@ -3,7 +3,10 @@ var __webpack_modules__ = {
     "./use-consent-manager": function(module) {
         module.exports = require("./use-consent-manager.cjs");
     },
-    "./use-theme": function(module) {
+    "./use-focus-trap": function(module) {
+        module.exports = require("./use-focus-trap.cjs");
+    },
+    "~/hooks/use-theme": function(module) {
         module.exports = require("./use-theme.cjs");
     },
     "./use-translations": function(module) {
@@ -21,12 +24,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
         });
@@ -34,7 +33,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]
@@ -42,12 +41,10 @@ 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) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -65,21 +62,26 @@ var __webpack_exports__ = {};
         return _use_consent_manager__WEBPACK_IMPORTED_MODULE_0__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _use_theme__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./use-theme");
+    var _use_focus_trap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./use-focus-trap");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _use_focus_trap__WEBPACK_IMPORTED_MODULE_1__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _use_focus_trap__WEBPACK_IMPORTED_MODULE_1__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _use_theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("~/hooks/use-theme");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _use_theme__WEBPACK_IMPORTED_MODULE_1__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _use_theme__WEBPACK_IMPORTED_MODULE_1__[key];
+    for(var __WEBPACK_IMPORT_KEY__ in _use_theme__WEBPACK_IMPORTED_MODULE_2__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _use_theme__WEBPACK_IMPORTED_MODULE_2__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _use_translations__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./use-translations");
+    var _use_translations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./use-translations");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _use_translations__WEBPACK_IMPORTED_MODULE_2__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _use_translations__WEBPACK_IMPORTED_MODULE_2__[key];
+    for(var __WEBPACK_IMPORT_KEY__ in _use_translations__WEBPACK_IMPORTED_MODULE_3__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _use_translations__WEBPACK_IMPORTED_MODULE_3__[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', {
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './use-consent-manager';
+export * from './use-focus-trap';
 export * from './use-theme';
 export * from './use-translations';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC"}

package/dist/hooks/index.js

@@ -1,3 +1,4 @@
 export * from "./use-consent-manager.js";
+export * from "./use-focus-trap.js";
 export * from "./use-theme.js";
 export * from "./use-translations.js";

package/dist/hooks/use-color-scheme.cjs

@@ -0,0 +1,66 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useColorScheme: ()=>useColorScheme
+});
+const external_react_namespaceObject = require("react");
+function useColorScheme(colorScheme) {
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const updateSystemTheme = ()=>{
+            const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+            document.documentElement.classList.toggle('c15t-dark', isDark);
+        };
+        switch(colorScheme){
+            case 'light':
+                localStorage.setItem('c15tTheme', 'light');
+                document.documentElement.classList.remove('c15t-dark');
+                break;
+            case 'dark':
+                localStorage.setItem('c15tTheme', 'dark');
+                document.documentElement.classList.add('c15t-dark');
+                break;
+            default:
+                localStorage.removeItem('c15tTheme');
+                updateSystemTheme();
+                break;
+        }
+        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+        const handleChange = ()=>{
+            if ('system' === colorScheme) updateSystemTheme();
+        };
+        mediaQuery.addEventListener('change', handleChange);
+        return ()=>mediaQuery.removeEventListener('change', handleChange);
+    }, [
+        colorScheme
+    ]);
+}
+exports.useColorScheme = __webpack_exports__.useColorScheme;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useColorScheme"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/hooks/use-color-scheme.d.ts

@@ -0,0 +1,16 @@
+export type ColorScheme = 'light' | 'dark' | 'system';
+/**
+ * Manage color scheme preferences for components
+ *
+ * @param colorScheme - 'light' | 'dark' | 'system'
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ *   useColorScheme('system');
+ *   return <div>Content</div>;
+ * }
+ * ```
+ */
+export declare function useColorScheme(colorScheme: ColorScheme): void;
+//# sourceMappingURL=use-color-scheme.d.ts.map

package/dist/hooks/use-color-scheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-color-scheme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-color-scheme.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEtD;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,WAAW,EAAE,WAAW,QAsCtD"}

package/dist/hooks/use-color-scheme.js

@@ -0,0 +1,32 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+function useColorScheme(colorScheme) {
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        const updateSystemTheme = ()=>{
+            const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+            document.documentElement.classList.toggle('c15t-dark', isDark);
+        };
+        switch(colorScheme){
+            case 'light':
+                localStorage.setItem('c15tTheme', 'light');
+                document.documentElement.classList.remove('c15t-dark');
+                break;
+            case 'dark':
+                localStorage.setItem('c15tTheme', 'dark');
+                document.documentElement.classList.add('c15t-dark');
+                break;
+            default:
+                localStorage.removeItem('c15tTheme');
+                updateSystemTheme();
+                break;
+        }
+        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+        const handleChange = ()=>{
+            if ('system' === colorScheme) updateSystemTheme();
+        };
+        mediaQuery.addEventListener('change', handleChange);
+        return ()=>mediaQuery.removeEventListener('change', handleChange);
+    }, [
+        colorScheme
+    ]);
+}
+export { useColorScheme };