@c15t/react 0.0.1-rc.19 → 0.0.1-rc.21

package/dist/components/shared/ui/switch/switch.module.cjs

@@ -12,7 +12,7 @@ var __webpack_require__ = {};
     __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'
         });
@@ -24,10 +24,10 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    default: ()=>switch_module_rslib_entry_
+    default: ()=>switch_module
 });
 require("./switch_module.css");
-const switch_module_rslib_entry_ = {
+const switch_module = {
     root: "c15t-root-qh0zR",
     track: "c15t-track-OlfR7",
     "track-disabled": "c15t-track-disabled-reR3p",
@@ -36,8 +36,10 @@ const switch_module_rslib_entry_ = {
     "thumb-disabled": "c15t-thumb-disabled-s9gXH",
     thumbDisabled: "c15t-thumb-disabled-s9gXH"
 };
-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', {
+exports["default"] = __webpack_exports__["default"];
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/shared/ui/switch/switch.module.js

@@ -1,5 +1,5 @@
 import "./switch_module.css";
-const switch_module_rslib_entry_ = {
+const switch_module = {
     root: "c15t-root-qh0zR",
     track: "c15t-track-OlfR7",
     "track-disabled": "c15t-track-disabled-reR3p",
@@ -8,4 +8,4 @@ const switch_module_rslib_entry_ = {
     "thumb-disabled": "c15t-thumb-disabled-s9gXH",
     thumbDisabled: "c15t-thumb-disabled-s9gXH"
 };
-export { switch_module_rslib_entry_ as default };
+export { switch_module as default };

package/dist/components/shared/ui/switch/switch.types.cjs

@@ -1,7 +1,7 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -12,8 +12,7 @@ var __webpack_require__ = {};
 })();
 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', {
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/shared/ui/switch/switch_module.css

@@ -21,6 +21,10 @@
   --switch-thumb-background-color-disabled-dark: #333;
   --switch-shadow-thumb: 0 0 0 1px #ebebeb;
   --switch-shadow-thumb-dark: 0 0 0 1px #333;
+  --switch-focus-ring: #335cff;
+  --switch-focus-ring-dark: #2547d0;
+  --switch-focus-shadow: 0 0 0 2px var(--switch-focus-ring);
+  --switch-focus-shadow-dark: 0 0 0 2px var(--switch-focus-ring-dark);
 }
 
 .c15t-root-qh0zR {
@@ -30,6 +34,7 @@
   white-space: nowrap;
   background: none;
   border: 0;
+  border-radius: 9999px;
   outline: none;
   flex-shrink: 0;
   margin: 0;
@@ -99,11 +104,11 @@
 }
 
 .c15t-root-qh0zR:focus {
-  outline: 2px solid var(--accordion-focus-ring);
+  outline: none;
 }
 
 .c15t-dark .c15t-root-qh0zR:focus {
-  outline: 2px solid var(--accordion-focus-ring-dark);
+  outline: none;
 }
 
 .c15t-track-disabled-reR3p {
@@ -181,3 +186,12 @@
   transform: translateX(var(--switch-thumb-translate));
 }
 
+.c15t-root-qh0zR:focus-visible {
+  box-shadow: var(--switch-focus-shadow);
+  outline: none;
+}
+
+.c15t-dark .c15t-root-qh0zR:focus-visible {
+  box-shadow: var(--switch-focus-shadow-dark);
+}
+

package/dist/context/consent-manager-context.cjs

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
     __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'
         });
@@ -29,8 +29,10 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const external_react_namespaceObject = require("react");
 const ConsentStateContext = (0, external_react_namespaceObject.createContext)(void 0);
-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', {
+exports.ConsentStateContext = __webpack_exports__.ConsentStateContext;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ConsentStateContext"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/context/theme-context.cjs

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
     __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'
         });
@@ -37,8 +37,12 @@ const GlobalThemeContext = (0, external_react_namespaceObject.createContext)({
     trapFocus: true
 });
 const LocalThemeContext = (0, external_react_namespaceObject.createContext)(null);
-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', {
+exports.GlobalThemeContext = __webpack_exports__.GlobalThemeContext;
+exports.LocalThemeContext = __webpack_exports__.LocalThemeContext;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "GlobalThemeContext",
+    "LocalThemeContext"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

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

@@ -0,0 +1,42 @@
+"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 consent_manager_provider_cjs_namespaceObject = require("../../providers/consent-manager-provider.cjs");
+const external_use_consent_manager_cjs_namespaceObject = require("../use-consent-manager.cjs");
+(0, external_vitest_namespaceObject.describe)('useConsentManager', ()=>{
+    (0, external_vitest_namespaceObject.test)('returns consent state and methods when used within provider', ()=>{
+        const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_consent_manager_cjs_namespaceObject.useConsentManager)(), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider, {
+                    options: {
+                        mode: 'offline',
+                        react: {
+                            noStyle: false
+                        }
+                    },
+                    children: children
+                })
+        });
+        (0, external_vitest_namespaceObject.expect)(result.current).toBeDefined();
+        (0, external_vitest_namespaceObject.expect)(typeof result.current.showPopup).toBe('boolean');
+    });
+    (0, external_vitest_namespaceObject.test)('provides manager object when configured', ()=>{
+        const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_consent_manager_cjs_namespaceObject.useConsentManager)(), {
+            wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider, {
+                    options: {
+                        mode: 'offline',
+                        react: {
+                            noStyle: false
+                        }
+                    },
+                    children: children
+                })
+        });
+        (0, external_vitest_namespaceObject.expect)(result.current.manager).toBeDefined();
+    });
+});
+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-consent-manager.test.d.ts

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

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

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

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

@@ -0,0 +1,36 @@
+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";
+(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

@@ -6,7 +6,7 @@ var __webpack_modules__ = {
     "./use-focus-trap": function(module) {
         module.exports = require("./use-focus-trap.cjs");
     },
-    "./use-theme": function(module) {
+    "~/hooks/use-theme": function(module) {
         module.exports = require("./use-theme.cjs");
     },
     "./use-translations": function(module) {
@@ -44,7 +44,7 @@ function __webpack_require__(moduleId) {
     __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'
         });
@@ -68,7 +68,7 @@ var __webpack_exports__ = {};
         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__("./use-theme");
+    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_2__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
         return _use_theme__WEBPACK_IMPORTED_MODULE_2__[key];
@@ -81,8 +81,7 @@ var __webpack_exports__ = {};
     }).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/use-color-scheme.cjs

@@ -12,7 +12,7 @@ var __webpack_require__ = {};
     __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'
         });
@@ -57,8 +57,10 @@ function useColorScheme(colorScheme) {
         colorScheme
     ]);
 }
-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', {
+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
 });