@c15t/react 0.0.1-rc.10

package/dist/utils/translations.js

@@ -0,0 +1,50 @@
+'use client';
+function deepMergeTranslations(base, override) {
+    const sections = [
+        'cookieBanner',
+        'consentManagerDialog',
+        'consentManagerWidget',
+        'consentTypes'
+    ];
+    return sections.reduce((result, section)=>{
+        result[section] = {
+            ...base[section],
+            ...override[section] || {}
+        };
+        return result;
+    }, {});
+}
+function mergeTranslationConfigs(defaultConfig, customConfig) {
+    const mergedTranslations = {
+        ...defaultConfig.translations
+    };
+    if (customConfig?.translations) {
+        if (customConfig.translations.en) mergedTranslations.en = deepMergeTranslations(defaultConfig.translations.en, customConfig.translations.en);
+        for (const [lang, translations] of Object.entries(customConfig.translations))if ('en' !== lang && translations) {
+            const baseTranslations = mergedTranslations.en;
+            mergedTranslations[lang] = deepMergeTranslations(baseTranslations, translations);
+        }
+    }
+    return {
+        ...defaultConfig,
+        ...customConfig,
+        translations: mergedTranslations
+    };
+}
+function detectBrowserLanguage(translations, defaultLanguage, disableAutoSwitch = false) {
+    if (disableAutoSwitch) return defaultLanguage || 'en';
+    const availableLanguages = Object.keys(translations).map((lang)=>lang.toLowerCase());
+    const browserLanguages = 'undefined' != typeof window ? navigator?.languages || [
+        navigator?.language || 'en'
+    ] : [
+        'en'
+    ];
+    for (const lang of browserLanguages){
+        const normalizedLang = lang.toLowerCase();
+        if (availableLanguages.includes(normalizedLang)) return normalizedLang;
+        const primaryLang = normalizedLang.split('-')[0];
+        if (primaryLang && availableLanguages.includes(primaryLang)) return primaryLang;
+    }
+    return 'en';
+}
+export { deepMergeTranslations, detectBrowserLanguage, mergeTranslationConfigs };

package/dist/utils/use-styles.cjs

@@ -0,0 +1,95 @@
+'use client';
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useStyles: ()=>useStyles
+});
+const external_react_namespaceObject = require("react");
+const use_theme_cjs_namespaceObject = require("../hooks/use-theme.cjs");
+const external_merge_styles_cjs_namespaceObject = require("./merge-styles.cjs");
+function useStyles(themeKey, componentStyle) {
+    const { noStyle: contextNoStyle, theme } = (0, use_theme_cjs_namespaceObject.useTheme)();
+    const mergedNoStyle = 'object' == typeof componentStyle && 'noStyle' in componentStyle ? componentStyle.noStyle : contextNoStyle;
+    const themeStylesObject = (0, external_react_namespaceObject.useMemo)(()=>themeKey ? theme?.[themeKey] : null, [
+        themeKey,
+        theme
+    ]);
+    const initialStyle = (0, external_react_namespaceObject.useMemo)(()=>{
+        const initial = {
+            className: 'string' == typeof componentStyle ? componentStyle : componentStyle?.className,
+            style: void 0
+        };
+        return initial;
+    }, [
+        componentStyle
+    ]);
+    const mergedWithContext = (0, external_react_namespaceObject.useMemo)(()=>{
+        const merged = themeStylesObject ? (0, external_merge_styles_cjs_namespaceObject.mergeStyles)(initialStyle, themeStylesObject) : initialStyle;
+        return merged;
+    }, [
+        initialStyle,
+        themeStylesObject
+    ]);
+    const finalMergedStyle = (0, external_react_namespaceObject.useMemo)(()=>{
+        const final = componentStyle ? (0, external_merge_styles_cjs_namespaceObject.mergeStyles)(mergedWithContext, componentStyle) : mergedWithContext;
+        return final;
+    }, [
+        mergedWithContext,
+        componentStyle
+    ]);
+    return (0, external_react_namespaceObject.useMemo)(()=>{
+        if (mergedNoStyle) {
+            if (!themeStylesObject) return {};
+            const noStyleResult = 'string' == typeof themeStylesObject ? {
+                className: themeStylesObject
+            } : {
+                className: themeStylesObject.className,
+                style: themeStylesObject.style
+            };
+            return noStyleResult;
+        }
+        const finalClassName = Array.from(new Set([
+            'string' == typeof componentStyle ? componentStyle : componentStyle?.className,
+            finalMergedStyle.className
+        ].filter(Boolean).flat())).join(' ');
+        return {
+            ...finalMergedStyle,
+            className: finalClassName
+        };
+    }, [
+        finalMergedStyle,
+        mergedNoStyle,
+        themeStylesObject,
+        componentStyle
+    ]);
+}
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,32 @@
+import type { AllThemeKeys } from '../types/theme';
+import type { ClassNameStyle, ThemeValue } from '../types/theme';
+/**
+ * Hook for retrieving and merging styles from theme context and component props.
+ *
+ * @remarks
+ * This hook manages the style resolution process by:
+ * - Retrieving styles from theme context
+ * - Merging with component-level styles
+ * - Handling style disabling through noStyle flags
+ * - Memoizing results for performance
+ *
+ * @param themeKey - The theme key to lookup styles
+ * @param componentStyle - Optional component-level styles to merge
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = () => {
+ *   const styles = useStyles('root', {
+ *     className: 'custom-class',
+ *     style: { backgroundColor: 'white' }
+ *   });
+ *
+ *   return <div {...styles} />;
+ * };
+ * ```
+ *
+ * @returns An object containing merged className and style properties
+ * @public
+ */
+export declare function useStyles(themeKey: AllThemeKeys, componentStyle?: ThemeValue): ClassNameStyle;
+//# sourceMappingURL=use-styles.d.ts.map

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

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

package/dist/utils/use-styles.js

@@ -0,0 +1,61 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_15a28cae__ from "../hooks/use-theme.js";
+import * as __WEBPACK_EXTERNAL_MODULE__merge_styles_js_98601897__ from "./merge-styles.js";
+function useStyles(themeKey, componentStyle) {
+    const { noStyle: contextNoStyle, theme } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_15a28cae__.useTheme)();
+    const mergedNoStyle = 'object' == typeof componentStyle && 'noStyle' in componentStyle ? componentStyle.noStyle : contextNoStyle;
+    const themeStylesObject = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>themeKey ? theme?.[themeKey] : null, [
+        themeKey,
+        theme
+    ]);
+    const initialStyle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const initial = {
+            className: 'string' == typeof componentStyle ? componentStyle : componentStyle?.className,
+            style: void 0
+        };
+        return initial;
+    }, [
+        componentStyle
+    ]);
+    const mergedWithContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const merged = themeStylesObject ? (0, __WEBPACK_EXTERNAL_MODULE__merge_styles_js_98601897__.mergeStyles)(initialStyle, themeStylesObject) : initialStyle;
+        return merged;
+    }, [
+        initialStyle,
+        themeStylesObject
+    ]);
+    const finalMergedStyle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const final = componentStyle ? (0, __WEBPACK_EXTERNAL_MODULE__merge_styles_js_98601897__.mergeStyles)(mergedWithContext, componentStyle) : mergedWithContext;
+        return final;
+    }, [
+        mergedWithContext,
+        componentStyle
+    ]);
+    return (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        if (mergedNoStyle) {
+            if (!themeStylesObject) return {};
+            const noStyleResult = 'string' == typeof themeStylesObject ? {
+                className: themeStylesObject
+            } : {
+                className: themeStylesObject.className,
+                style: themeStylesObject.style
+            };
+            return noStyleResult;
+        }
+        const finalClassName = Array.from(new Set([
+            'string' == typeof componentStyle ? componentStyle : componentStyle?.className,
+            finalMergedStyle.className
+        ].filter(Boolean).flat())).join(' ');
+        return {
+            ...finalMergedStyle,
+            className: finalClassName
+        };
+    }, [
+        finalMergedStyle,
+        mergedNoStyle,
+        themeStylesObject,
+        componentStyle
+    ]);
+}
+export { useStyles };

package/package.json

@@ -0,0 +1,90 @@
+{
+  "name": "@c15t/react",
+  "version": "0.0.1-rc.10",
+  "license": "GPL-3.0-only",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    "./consent-manager-dialog": {
+      "types": "./dist/components/consent-manager-dialog/index.d.ts",
+      "import": "./dist/components/consent-manager-dialog/index.js",
+      "require": "./dist/components/consent-manager-dialog/index.cjs"
+    },
+    "./consent-manager-widget": {
+      "types": "./dist/components/consent-manager-widget/index.d.ts",
+      "import": "./dist/components/consent-manager-widget/index.js",
+      "require": "./dist/components/consent-manager-widget/index.cjs"
+    },
+    "./cookie-banner": {
+      "types": "./dist/components/cookie-banner/index.d.ts",
+      "import": "./dist/components/cookie-banner/index.js",
+      "require": "./dist/components/cookie-banner/index.cjs"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js",
+      "require": "./dist/hooks/index.cjs"
+    },
+    "./context": {
+      "types": "./dist/context/index.d.ts",
+      "import": "./dist/context/index.js",
+      "require": "./dist/context/index.cjs"
+    },
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.js",
+      "require": "./dist/types/index.cjs"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js",
+      "require": "./dist/utils/index.cjs"
+    },
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not op_mini all"
+  ],
+  "dependencies": {
+    "@radix-ui/react-accordion": "1.2.3",
+    "@radix-ui/react-slot": "1.1.2",
+    "@radix-ui/react-switch": "1.1.3",
+    "clsx": "2.1.1",
+    "motion": "^12.4.7",
+    "tailwind-variants": "^0.3.1",
+    "zustand": "^5.0.3",
+    "c15t": "0.0.1-rc.10"
+  },
+  "devDependencies": {
+    "@c15t/typescript-config": "0.0.1-beta.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rslib build",
+    "check-types": "tsc --noEmit",
+    "dev": "rslib build --watch",
+    "fmt": "pnpm biome format --write .",
+    "lint": "pnpm biome lint ./src",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest"
+  }
+}