@c15t/dev-tools 1.8.3 → 2.0.0-rc.1

package/dist/router/router.js

@@ -1,124 +0,0 @@
-'use client';
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { GanttChartSquare, ToggleLeft } from "lucide-react";
-import { motion } from "motion/react";
-import { useCallback, useState } from "react";
-import { Badge } from "../components/ui/badge.js";
-import { ExpandableTabs } from "../components/ui/expandable-tabs.js";
-import { ScrollArea } from "../components/ui/scroll-area.js";
-import { getStore } from "../dev-tool.js";
-const tabs = [
-    {
-        title: 'Consents',
-        icon: ToggleLeft
-    },
-    {
-        title: 'Compliance',
-        icon: GanttChartSquare
-    }
-];
-function Router({ onClose: _onClose }) {
-    const privacyConsent = getStore();
-    const [activeSection, setActiveSection] = useState('Consents');
-    const handleTabChange = 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__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx("div", {
-                className: "border-b p-4",
-                children: /*#__PURE__*/ jsx(ExpandableTabs, {
-                    tabs: Array.from(tabs),
-                    activeColor: "text-primary",
-                    className: "border-muted",
-                    onChange: handleTabChange
-                })
-            }),
-            /*#__PURE__*/ jsx(ScrollArea, {
-                className: "h-[300px]",
-                children: /*#__PURE__*/ jsx(motion.div, {
-                    className: "space-y-2 p-4",
-                    initial: {
-                        opacity: 0
-                    },
-                    animate: {
-                        opacity: 1
-                    },
-                    exit: {
-                        opacity: 0
-                    },
-                    children: contentItems.map((item, index)=>/*#__PURE__*/ jsxs(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__*/ jsxs("div", {
-                                    className: "flex flex-col",
-                                    children: [
-                                        /*#__PURE__*/ jsx("span", {
-                                            className: "font-medium text-sm",
-                                            children: item.title
-                                        }),
-                                        item.details && /*#__PURE__*/ jsx("span", {
-                                            className: "text-muted-foreground text-xs",
-                                            children: item.details
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsx(Badge, {
-                                    variant: 'Enabled' === item.status || 'Active' === item.status || 'active' === item.status || 'Rendered' === item.status ? 'default' : 'destructive',
-                                    children: item.status
-                                })
-                            ]
-                        }, `${activeSection}-${item.title}`))
-                })
-            })
-        ]
-    });
-}
-export { Router };

package/dist/styles/theme.css

@@ -1,42 +0,0 @@
-.c15t-devtool-wrapper-overlay {
-  --c15t-dev-tools-background: #fff;
-  --c15t-dev-tools-foreground: #171717;
-  --c15t-dev-tools-primary: #171717;
-  --c15t-dev-tools-primary-foreground: #fff;
-  --c15t-dev-tools-secondary: #f5f5f5;
-  --c15t-dev-tools-secondary-foreground: #171717;
-  --c15t-dev-tools-accent: #f5f5f5;
-  --c15t-dev-tools-accent-foreground: #171717;
-  --c15t-dev-tools-muted: #f5f5f5;
-  --c15t-dev-tools-muted-foreground: #5c5c5c;
-  --c15t-dev-tools-card: #fff;
-  --c15t-dev-tools-card-foreground: #171717;
-  --c15t-dev-tools-border: #ebebeb;
-  --c15t-dev-tools-input: #ebebeb;
-  --c15t-dev-tools-ring: #5c5c5c;
-  --c15t-dev-tools-destructive: #ef4343;
-  --c15t-dev-tools-destructive-foreground: #fff;
-  --c15t-dev-tools-overlay: #0003;
-}
-
-.dark .c15t-devtool-wrapper-overlay {
-  --c15t-dev-tools-background: #1a1a1a;
-  --c15t-dev-tools-foreground: #e6e6e6;
-  --c15t-dev-tools-primary: #e6e6e6;
-  --c15t-dev-tools-primary-foreground: #1a1a1a;
-  --c15t-dev-tools-secondary: #333;
-  --c15t-dev-tools-secondary-foreground: #e6e6e6;
-  --c15t-dev-tools-accent: #333;
-  --c15t-dev-tools-accent-foreground: #e6e6e6;
-  --c15t-dev-tools-muted: #333;
-  --c15t-dev-tools-muted-foreground: #999;
-  --c15t-dev-tools-card: #1a1a1a;
-  --c15t-dev-tools-card-foreground: #e6e6e6;
-  --c15t-dev-tools-border: #333;
-  --c15t-dev-tools-input: #333;
-  --c15t-dev-tools-ring: #999;
-  --c15t-dev-tools-destructive: #8d0c0c;
-  --c15t-dev-tools-destructive-foreground: #e6e6e6;
-  --c15t-dev-tools-overlay: #00000080;
-}
-