@c15t/dev-tools 0.0.1-rc.10

package/dist/components/wrapper.js

@@ -0,0 +1,121 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__ from "motion/react";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__ from "react-dom";
+import "./wrapper.css";
+import * as __WEBPACK_EXTERNAL_MODULE__libs_utils_js_d86a90fb__ from "../libs/utils.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ui_button_js_a32db0cf__ from "./ui/button.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ui_card_js_65350278__ from "./ui/card.js";
+function DevToolWrapper({ children, isOpen, toggleOpen, position = 'bottom-right' }) {
+    const [isMounted, setIsMounted] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        setIsMounted(true);
+        return ()=>setIsMounted(false);
+    }, []);
+    const DevToolContent = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.AnimatePresence, {
+        children: isOpen && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div, {
+            className: "c15t-devtool-wrapper-overlay",
+            initial: {
+                opacity: 0
+            },
+            animate: {
+                opacity: 1
+            },
+            exit: {
+                opacity: 0
+            },
+            transition: {
+                type: 'spring',
+                stiffness: 400,
+                damping: 40
+            },
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div, {
+                    className: "c15t-devtool-wrapper-backdrop",
+                    initial: {
+                        opacity: 0
+                    },
+                    animate: {
+                        opacity: 1
+                    },
+                    exit: {
+                        opacity: 0
+                    },
+                    onClick: toggleOpen
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div, {
+                    className: (0, __WEBPACK_EXTERNAL_MODULE__libs_utils_js_d86a90fb__.cn)('c15t-devtool-wrapper-content', position),
+                    initial: {
+                        opacity: 0,
+                        y: 20
+                    },
+                    animate: {
+                        opacity: 1,
+                        y: 0
+                    },
+                    exit: {
+                        opacity: 0,
+                        y: 20
+                    },
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__ui_card_js_65350278__.Card, {
+                        className: "c15t-devtool-wrapper-card",
+                        children: children
+                    })
+                })
+            ]
+        })
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.AnimatePresence, {
+                children: !isOpen && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div, {
+                    initial: {
+                        scale: 0.95,
+                        opacity: 0
+                    },
+                    animate: {
+                        scale: 1,
+                        opacity: 1
+                    },
+                    exit: {
+                        scale: 0.95,
+                        opacity: 0
+                    },
+                    transition: {
+                        type: 'spring',
+                        stiffness: 400,
+                        damping: 40
+                    },
+                    className: "c15t-devtool-wrapper-button-container",
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__ui_button_js_a32db0cf__.Button, {
+                        variant: "outline",
+                        size: "icon",
+                        className: "c15t-devtool-wrapper-button",
+                        onClick: toggleOpen,
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("svg", {
+                            viewBox: "0 0 149 149",
+                            fill: "none",
+                            xmlns: "http://www.w3.org/2000/svg",
+                            className: "c15t-devtool-wrapper-button-icon",
+                            children: [
+                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("title", {
+                                    children: "c15t-devtool-icon"
+                                }),
+                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                                    fillRule: "evenodd",
+                                    clipRule: "evenodd",
+                                    d: "M74.5436 14.2802C68.963 14.2802 64.4391 18.8042 64.4391 24.3848C64.4391 29.9654 68.963 34.4893 74.5436 34.4893C80.1243 34.4893 84.6482 29.9654 84.6482 24.3848C84.6482 18.8042 80.1243 14.2802 74.5436 14.2802ZM50.9663 24.3848C50.9663 11.3634 61.5222 0.807434 74.5436 0.807434C87.5651 0.807434 98.121 11.3634 98.121 24.3848C98.121 37.4062 87.5651 47.9621 74.5436 47.9621C70.4834 47.9621 66.6628 46.9358 63.3272 45.1283L44.7645 63.6911C45.5299 65.1037 46.1553 66.6033 46.6219 68.1713H102.466C105.364 58.4322 114.386 51.3303 125.067 51.3303C138.088 51.3303 148.644 61.8862 148.644 74.9076C148.644 87.929 138.088 98.4849 125.067 98.4849C114.386 98.4849 105.364 91.3831 102.466 81.644H46.6219C46.0071 83.7098 45.1168 85.657 43.9935 87.4429L62.0084 105.458C65.6396 103.174 69.9373 101.853 74.5436 101.853C87.5651 101.853 98.121 112.409 98.121 125.43C98.121 138.452 87.5651 149.008 74.5436 149.008C61.5222 149.008 50.9663 138.452 50.9663 125.43C50.9663 121.925 51.7315 118.597 53.104 115.607L33.8445 96.3472C30.854 97.7197 27.5268 98.4849 24.0209 98.4849C10.9995 98.4849 0.443604 87.929 0.443604 74.9076C0.443604 61.8862 10.9995 51.3303 24.0209 51.3303C28.0814 51.3303 31.9022 52.3567 35.2379 54.1643L53.8004 35.6018C51.9928 32.2661 50.9663 28.4453 50.9663 24.3848ZM114.962 74.9076L114.962 74.9578C114.989 80.5153 119.503 85.0122 125.067 85.0122C130.647 85.0122 135.171 80.4882 135.171 74.9076C135.171 69.327 130.647 64.803 125.067 64.803C119.503 64.803 114.989 69.2999 114.962 74.8574L114.962 74.9076ZM24.0209 64.803C18.4403 64.803 13.9164 69.327 13.9164 74.9076C13.9164 80.4882 18.4403 85.0122 24.0209 85.0122C29.6015 85.0122 34.1255 80.4882 34.1255 74.9076C34.1255 69.327 29.6015 64.803 24.0209 64.803ZM64.4391 125.43C64.4391 119.85 68.963 115.326 74.5436 115.326C80.1243 115.326 84.6482 119.85 84.6482 125.43C84.6482 131.011 80.1243 135.535 74.5436 135.535C68.963 135.535 64.4391 131.011 64.4391 125.43Z",
+                                    fill: "currentColor"
+                                })
+                            ]
+                        })
+                    })
+                })
+            }),
+            isMounted && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__.createPortal)(DevToolContent, document.body)
+        ]
+    });
+}
+const wrapper_rslib_entry_ = DevToolWrapper;
+export { DevToolWrapper, wrapper_rslib_entry_ as default };

package/dist/dev-tool.cjs

@@ -0,0 +1,124 @@
+'use client';
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    C15TDevTools: ()=>C15TDevTools,
+    getStore: ()=>getStore,
+    default: ()=>dev_tool_rslib_entry_
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const error_state_cjs_namespaceObject = require("./components/error-state.cjs");
+const header_cjs_namespaceObject = require("./components/header.cjs");
+const wrapper_cjs_namespaceObject = require("./components/wrapper.cjs");
+var wrapper_cjs_default = /*#__PURE__*/ __webpack_require__.n(wrapper_cjs_namespaceObject);
+const router_cjs_namespaceObject = require("./router/router.cjs");
+require("./styles/theme.css");
+const PrivacyConsentContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+const getStore = ()=>{
+    const context = (0, external_react_namespaceObject.useContext)(PrivacyConsentContext);
+    if (null === context) throw new Error('useConsentManagerContext must be used within a ConsentManagerProvider');
+    const [localState, setLocalState] = (0, external_react_namespaceObject.useState)(context.state);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!context.store) return;
+        setLocalState(context.state);
+        const unsubscribe = context.store.subscribe((newState)=>{
+            setLocalState(newState);
+        });
+        return ()=>{
+            unsubscribe();
+        };
+    }, [
+        context.store,
+        context.state
+    ]);
+    return localState;
+};
+const dev_tool_rslib_entry_ = PrivacyConsentContext;
+const C15TDevTools = ({ namespace = 'c15tStore', position = 'bottom-right' })=>{
+    const [state, setState] = (0, external_react_namespaceObject.useState)(null);
+    const [store, setStore] = (0, external_react_namespaceObject.useState)(null);
+    const [isOpen, setIsOpen] = (0, external_react_namespaceObject.useState)(false);
+    const toggleOpen = (0, external_react_namespaceObject.useCallback)(()=>setIsOpen((prev)=>!prev), []);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const storeInstance = 'undefined' != typeof window && window[namespace] || null;
+        if (storeInstance) {
+            setStore(storeInstance);
+            const currentState = storeInstance.getState();
+            setState(currentState);
+            const unsubscribe = storeInstance.subscribe((newState)=>{
+                setState(newState);
+            });
+            return ()=>{
+                unsubscribe();
+            };
+        }
+        console.log(`${namespace} is not available on the window object.`);
+    }, [
+        namespace
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PrivacyConsentContext.Provider, {
+        value: {
+            state,
+            store
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(wrapper_cjs_default(), {
+            isOpen: isOpen,
+            toggleOpen: toggleOpen,
+            position: position,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(header_cjs_namespaceObject.Header, {
+                    onClose: ()=>setIsOpen(false)
+                }),
+                state ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(router_cjs_namespaceObject.Router, {
+                    onClose: ()=>setIsOpen(false)
+                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(error_state_cjs_namespaceObject.ErrorState, {
+                    namespace: namespace
+                })
+            ]
+        })
+    });
+};
+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/dev-tool.d.ts

@@ -0,0 +1,15 @@
+import type { NamespaceProps, PrivacyConsentState } from 'c15t';
+import { type FC } from 'react';
+import type { StoreApi } from 'zustand/vanilla';
+import './styles/theme.css';
+declare const PrivacyConsentContext: import("react").Context<{
+    state: PrivacyConsentState | null;
+    store: StoreApi<PrivacyConsentState> | null;
+} | null>;
+export declare const getStore: () => PrivacyConsentState | null;
+export default PrivacyConsentContext;
+export interface ConsentManagerProviderProps extends NamespaceProps {
+    position?: 'bottom-right' | 'top-right' | 'bottom-left' | 'top-left';
+}
+export declare const C15TDevTools: FC<ConsentManagerProviderProps>;
+//# sourceMappingURL=dev-tool.d.ts.map

package/dist/dev-tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-tool.d.ts","sourceRoot":"","sources":["../src/dev-tool.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAEhE,OAAO,EACN,KAAK,EAAE,EAMP,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAKhD,OAAO,oBAAoB,CAAC;AAC5B,QAAA,MAAM,qBAAqB;WACnB,mBAAmB,GAAG,IAAI;WAC1B,QAAQ,CAAC,mBAAmB,CAAC,GAAG,IAAI;SAC7B,CAAC;AAEhB,eAAO,MAAM,QAAQ,kCAgCpB,CAAC;AAEF,eAAe,qBAAqB,CAAC;AAErC,MAAM,WAAW,2BAA4B,SAAQ,cAAc;IAClE,QAAQ,CAAC,EAAE,cAAc,GAAG,WAAW,GAAG,aAAa,GAAG,UAAU,CAAC;CACrE;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,2BAA2B,CAsDxD,CAAC"}

package/dist/dev-tool.js

@@ -0,0 +1,74 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__components_error_state_js_b2afe07e__ from "./components/error-state.js";
+import * as __WEBPACK_EXTERNAL_MODULE__components_header_js_f6efece6__ from "./components/header.js";
+import * as __WEBPACK_EXTERNAL_MODULE__components_wrapper_js_57ff3aa7__ from "./components/wrapper.js";
+import * as __WEBPACK_EXTERNAL_MODULE__router_router_js_6b417f36__ from "./router/router.js";
+import "./styles/theme.css";
+const PrivacyConsentContext = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)(null);
+const getStore = ()=>{
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(PrivacyConsentContext);
+    if (null === context) throw new Error('useConsentManagerContext must be used within a ConsentManagerProvider');
+    const [localState, setLocalState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(context.state);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (!context.store) return;
+        setLocalState(context.state);
+        const unsubscribe = context.store.subscribe((newState)=>{
+            setLocalState(newState);
+        });
+        return ()=>{
+            unsubscribe();
+        };
+    }, [
+        context.store,
+        context.state
+    ]);
+    return localState;
+};
+const dev_tool_rslib_entry_ = PrivacyConsentContext;
+const C15TDevTools = ({ namespace = 'c15tStore', position = 'bottom-right' })=>{
+    const [state, setState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null);
+    const [store, setStore] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null);
+    const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const toggleOpen = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>setIsOpen((prev)=>!prev), []);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        const storeInstance = 'undefined' != typeof window && window[namespace] || null;
+        if (storeInstance) {
+            setStore(storeInstance);
+            const currentState = storeInstance.getState();
+            setState(currentState);
+            const unsubscribe = storeInstance.subscribe((newState)=>{
+                setState(newState);
+            });
+            return ()=>{
+                unsubscribe();
+            };
+        }
+        console.log(`${namespace} is not available on the window object.`);
+    }, [
+        namespace
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(PrivacyConsentContext.Provider, {
+        value: {
+            state,
+            store
+        },
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__components_wrapper_js_57ff3aa7__["default"], {
+            isOpen: isOpen,
+            toggleOpen: toggleOpen,
+            position: position,
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__components_header_js_f6efece6__.Header, {
+                    onClose: ()=>setIsOpen(false)
+                }),
+                state ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__router_router_js_6b417f36__.Router, {
+                    onClose: ()=>setIsOpen(false)
+                }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__components_error_state_js_b2afe07e__.ErrorState, {
+                    namespace: namespace
+                })
+            ]
+        })
+    });
+};
+export { C15TDevTools, dev_tool_rslib_entry_ as default, getStore };

package/dist/index.cjs

@@ -0,0 +1,36 @@
+"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__, {
+    C15TDevTools: ()=>external_dev_tool_cjs_namespaceObject.C15TDevTools
+});
+const external_dev_tool_cjs_namespaceObject = require("./dev-tool.cjs");
+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/index.d.ts

@@ -0,0 +1,2 @@
+export { C15TDevTools } from './dev-tool';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__dev_tool_js_fecdc1b9__ from "./dev-tool.js";
+var __webpack_exports__C15TDevTools = __WEBPACK_EXTERNAL_MODULE__dev_tool_js_fecdc1b9__.C15TDevTools;
+export { __webpack_exports__C15TDevTools as C15TDevTools };

package/dist/libs/utils.cjs

@@ -0,0 +1,54 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    cn: ()=>cn
+});
+const external_clsx_namespaceObject = require("clsx");
+var external_clsx_default = /*#__PURE__*/ __webpack_require__.n(external_clsx_namespaceObject);
+const external_tailwind_merge_namespaceObject = require("tailwind-merge");
+function cn(...inputs) {
+    return (0, external_tailwind_merge_namespaceObject.twMerge)(external_clsx_default()(inputs));
+}
+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/libs/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/libs/utils.ts"],"names":[],"mappings":"AAAA,OAAa,EAAE,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/libs/utils.js

@@ -0,0 +1,6 @@
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+function cn(...inputs) {
+    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(inputs));
+}
+export { cn };

package/dist/router/router.cjs

@@ -0,0 +1,158 @@
+'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__, {
+    Router: ()=>Router
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const react_namespaceObject = require("motion/react");
+const external_react_namespaceObject = require("react");
+const expandable_tabs_cjs_namespaceObject = require("../components/ui/expandable-tabs.cjs");
+const scroll_area_cjs_namespaceObject = require("../components/ui/scroll-area.cjs");
+const external_dev_tool_cjs_namespaceObject = require("../dev-tool.cjs");
+const badge_cjs_namespaceObject = require("../components/ui/badge.cjs");
+const tabs = [
+    {
+        title: 'Consents',
+        icon: external_lucide_react_namespaceObject.ToggleLeft
+    },
+    {
+        title: 'Compliance',
+        icon: external_lucide_react_namespaceObject.GanttChartSquare
+    }
+];
+function Router({ onClose: _onClose }) {
+    const privacyConsent = (0, external_dev_tool_cjs_namespaceObject.getStore)();
+    const [activeSection, setActiveSection] = (0, external_react_namespaceObject.useState)('Consents');
+    const handleTabChange = (0, external_react_namespaceObject.useCallback)((index)=>{
+        if (null !== index) setActiveSection(tabs[index].title);
+    }, []);
+    const renderingState = [
+        {
+            componentName: 'MarketingContent',
+            consentType: 'marketing'
+        },
+        {
+            componentName: 'AnalyticsContent',
+            consentType: 'measurement'
+        },
+        {
+            componentName: 'PersonalizationComponent',
+            consentType: 'ad_personalization'
+        }
+    ];
+    const contentItems = (()=>{
+        switch(activeSection){
+            case 'Consents':
+                return Object.entries(privacyConsent.consents).map(([name, value])=>({
+                        title: name,
+                        status: value ? 'Enabled' : 'Disabled'
+                    }));
+            case 'Compliance':
+                return Object.entries(privacyConsent.complianceSettings).map(([region, settings])=>({
+                        title: region,
+                        status: settings.enabled ? 'Active' : 'Inactive'
+                    }));
+            case 'Conditional':
+                return renderingState.map((item)=>({
+                        title: item.componentName,
+                        status: 'Rendered',
+                        details: `Requires: ${item.consentType}`
+                    }));
+            default:
+                return [];
+        }
+    })();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "border-b p-4",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(expandable_tabs_cjs_namespaceObject.ExpandableTabs, {
+                    tabs: Array.from(tabs),
+                    activeColor: "text-primary",
+                    className: "border-muted",
+                    onChange: handleTabChange
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scroll_area_cjs_namespaceObject.ScrollArea, {
+                className: "h-[300px]",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
+                    className: "space-y-2 p-4",
+                    initial: {
+                        opacity: 0
+                    },
+                    animate: {
+                        opacity: 1
+                    },
+                    exit: {
+                        opacity: 0
+                    },
+                    children: contentItems.map((item, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_namespaceObject.motion.div, {
+                            className: "flex items-center justify-between rounded-lg border bg-card p-3",
+                            initial: {
+                                opacity: 0,
+                                y: 20
+                            },
+                            animate: {
+                                opacity: 1,
+                                y: 0
+                            },
+                            transition: {
+                                delay: 0.05 * index
+                            },
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                    className: "flex flex-col",
+                                    children: [
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                            className: "font-medium text-sm",
+                                            children: item.title
+                                        }),
+                                        item.details && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                            className: "text-muted-foreground text-xs",
+                                            children: item.details
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(badge_cjs_namespaceObject.Badge, {
+                                    variant: 'Enabled' === item.status || 'Active' === item.status || 'active' === item.status || 'Rendered' === item.status ? 'default' : 'destructive',
+                                    children: item.status
+                                })
+                            ]
+                        }, `${activeSection}-${item.title}`))
+                })
+            })
+        ]
+    });
+}
+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/router/router.d.ts

@@ -0,0 +1,6 @@
+interface RouterProps {
+    onClose: () => void;
+}
+export declare function Router({ onClose: _onClose }: RouterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=router.d.ts.map

package/dist/router/router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/router/router.tsx"],"names":[],"mappings":"AAyBA,UAAU,WAAW;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAkIxD"}