@c15t/dev-tools 0.0.1-rc.3 → 0.0.1-rc.4

package/README.md

@@ -35,7 +35,7 @@ export default function App() {
     <ConsentManagerProvider>
       <CookieBanner />
       <ConsentManagerDialog/>
-      <ConsentManagerDevTool />
+      <C15TDevTools />
       {/* Your app content */}
     </ConsentManagerProvider>
   );

package/dist/components/error-state.cjs

@@ -1,126 +1,98 @@
-'use strict';
+"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__.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__.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,
-		});
-	};
+(()=>{
+    __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__, {
-	ErrorState: () => ErrorState,
+    ErrorState: ()=>ErrorState
 });
-const jsx_runtime_namespaceObject = require('react/jsx-runtime');
-const external_lucide_react_namespaceObject = require('lucide-react');
-const react_namespaceObject = require('motion/react');
-const alert_cjs_namespaceObject = require('./ui/alert.cjs');
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const react_namespaceObject = require("motion/react");
+const alert_cjs_namespaceObject = require("./ui/alert.cjs");
+require("./error-state.css");
 function ErrorState({ namespace }) {
-	return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-		react_namespaceObject.motion.div,
-		{
-			className: 'space-y-4 rounded-lg text-center text-base shadow-lg ',
-			initial: {
-				opacity: 0,
-			},
-			animate: {
-				opacity: 1,
-			},
-			exit: {
-				opacity: 0,
-			},
-			children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
-				alert_cjs_namespaceObject.Alert,
-				{
-					variant: 'destructive',
-					className: 'max-w-2xl rounded-t-none',
-					children: [
-						/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-							external_lucide_react_namespaceObject.AlertCircle,
-							{
-								className: 'h-4 w-4',
-							}
-						),
-						/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-							alert_cjs_namespaceObject.AlertTitle,
-							{
-								className: 'font-semibold text-lg',
-								children: 'SDK Initialization Failed',
-							}
-						),
-						/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
-							alert_cjs_namespaceObject.AlertDescription,
-							{
-								className: '-ml-7 mt-2',
-								children: [
-									/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('p', {
-										className: 'mb-2',
-										children:
-											'The c15t SDK could not be found in the global scope. This usually means either:',
-									}),
-									/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)('ul', {
-										className: 'list-disc space-y-1 pl-6',
-										children: [
-											/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('li', {
-												children:
-													'The namespace has been changed from its default value',
-											}),
-											/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('li', {
-												children: 'The SDK initialization failed',
-											}),
-										],
-									}),
-									namespace &&
-										/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)('p', {
-											className: 'mt-3 text-sm',
-											children: [
-												'Current namespace:',
-												' ',
-												/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-													'code',
-													{
-														className: 'rounded bg-red-100/10 px-1 py-0.5',
-														children: namespace,
-													}
-												),
-											],
-										}),
-								],
-							}
-						),
-					],
-				}
-			),
-		}
-	);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
+        className: "c15t-devtool-error-container",
+        initial: {
+            opacity: 0
+        },
+        animate: {
+            opacity: 1
+        },
+        exit: {
+            opacity: 0
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(alert_cjs_namespaceObject.Alert, {
+            variant: "destructive",
+            className: "c15t-devtool-error-alert",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.AlertCircle, {
+                    className: "c15t-devtool-error-icon"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(alert_cjs_namespaceObject.AlertTitle, {
+                    className: "c15t-devtool-error-title",
+                    children: "SDK Initialization Failed"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(alert_cjs_namespaceObject.AlertDescription, {
+                    className: "c15t-devtool-error-description",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                            className: "c15t-devtool-error-message",
+                            children: "The c15t SDK could not be found in the global scope. This usually means either:"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("ul", {
+                            className: "c15t-devtool-error-list",
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+                                    children: "The namespace has been changed from its default value"
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+                                    children: "The SDK initialization failed"
+                                })
+                            ]
+                        }),
+                        namespace && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("p", {
+                            className: "c15t-devtool-error-namespace",
+                            children: [
+                                "Current namespace:",
+                                ' ',
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("code", {
+                                    className: "c15t-devtool-error-code",
+                                    children: 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,
-	});
+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/components/error-state.css

@@ -0,0 +1,51 @@
+.c15t-devtool-error-container {
+  text-align: center;
+  border-radius: .5rem;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  font-size: 1rem;
+  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
+}
+
+.c15t-devtool-error-alert {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  max-width: 42rem;
+}
+
+.c15t-devtool-error-icon {
+  width: 1rem;
+  height: 1rem;
+}
+
+.c15t-devtool-error-title {
+  font-size: 1.125rem;
+  font-weight: 600;
+}
+
+.c15t-devtool-error-description {
+  margin-top: .5rem;
+  margin-left: -1.75rem;
+}
+
+.c15t-devtool-error-message {
+  margin-bottom: .5rem;
+}
+
+.c15t-devtool-error-list {
+  margin-top: .25rem;
+  padding-left: 1.5rem;
+  list-style-type: disc;
+}
+
+.c15t-devtool-error-namespace {
+  margin-top: .75rem;
+  font-size: .875rem;
+}
+
+.c15t-devtool-error-code {
+  background-color: color-mix(in srgb, var(--c15t-dev-tools-destructive) 10%, transparent);
+  border-radius: .25rem;
+  padding: .125rem .25rem;
+}
+

package/dist/components/error-state.d.ts

@@ -1,6 +1,5 @@
-export declare function ErrorState({
-	namespace,
-}: {
-	namespace: string;
-}): import('react/jsx-runtime').JSX.Element;
-//# sourceMappingURL=error-state.d.ts.map
+import './error-state.css';
+export declare function ErrorState({ namespace, }: {
+    namespace: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=error-state.d.ts.map

package/dist/components/error-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-state.d.ts","sourceRoot":"","sources":["../../src/components/error-state.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,CAAC,EAC1B,SAAS,GACT,EAAE;IACF,SAAS,EAAE,MAAM,CAAC;CAClB,2CAmCA"}
+{"version":3,"file":"error-state.d.ts","sourceRoot":"","sources":["../../src/components/error-state.tsx"],"names":[],"mappings":"AAGA,OAAO,mBAAmB,CAAC;AAE3B,wBAAgB,UAAU,CAAC,EAC1B,SAAS,GACT,EAAE;IACF,SAAS,EAAE,MAAM,CAAC;CAClB,2CAiCA"}

package/dist/components/error-state.js

@@ -1,110 +1,64 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from 'react/jsx-runtime';
-import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from 'lucide-react';
-import * as __WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__ from 'motion/react';
-import * as __WEBPACK_EXTERNAL_MODULE__ui_alert_js_c1b3026e__ from './ui/alert.js';
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
+import * as __WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__ from "motion/react";
+import * as __WEBPACK_EXTERNAL_MODULE__ui_alert_js_c1b3026e__ from "./ui/alert.js";
+import "./error-state.css";
 function ErrorState({ namespace }) {
-	return /*#__PURE__*/ (0,
-	__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-		__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div,
-		{
-			className: 'space-y-4 rounded-lg text-center text-base shadow-lg ',
-			initial: {
-				opacity: 0,
-			},
-			animate: {
-				opacity: 1,
-			},
-			exit: {
-				opacity: 0,
-			},
-			children: /*#__PURE__*/ (0,
-			__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(
-				__WEBPACK_EXTERNAL_MODULE__ui_alert_js_c1b3026e__.Alert,
-				{
-					variant: 'destructive',
-					className: 'max-w-2xl rounded-t-none',
-					children: [
-						/*#__PURE__*/ (0,
-						__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-							__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.AlertCircle,
-							{
-								className: 'h-4 w-4',
-							}
-						),
-						/*#__PURE__*/ (0,
-						__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-							__WEBPACK_EXTERNAL_MODULE__ui_alert_js_c1b3026e__.AlertTitle,
-							{
-								className: 'font-semibold text-lg',
-								children: 'SDK Initialization Failed',
-							}
-						),
-						/*#__PURE__*/ (0,
-						__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(
-							__WEBPACK_EXTERNAL_MODULE__ui_alert_js_c1b3026e__.AlertDescription,
-							{
-								className: '-ml-7 mt-2',
-								children: [
-									/*#__PURE__*/ (0,
-									__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-										'p',
-										{
-											className: 'mb-2',
-											children:
-												'The c15t SDK could not be found in the global scope. This usually means either:',
-										}
-									),
-									/*#__PURE__*/ (0,
-									__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(
-										'ul',
-										{
-											className: 'list-disc space-y-1 pl-6',
-											children: [
-												/*#__PURE__*/ (0,
-												__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-													'li',
-													{
-														children:
-															'The namespace has been changed from its default value',
-													}
-												),
-												/*#__PURE__*/ (0,
-												__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-													'li',
-													{
-														children: 'The SDK initialization failed',
-													}
-												),
-											],
-										}
-									),
-									namespace &&
-										/*#__PURE__*/ (0,
-										__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(
-											'p',
-											{
-												className: 'mt-3 text-sm',
-												children: [
-													'Current namespace:',
-													' ',
-													/*#__PURE__*/ (0,
-													__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-														'code',
-														{
-															className: 'rounded bg-red-100/10 px-1 py-0.5',
-															children: namespace,
-														}
-													),
-												],
-											}
-										),
-								],
-							}
-						),
-					],
-				}
-			),
-		}
-	);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div, {
+        className: "c15t-devtool-error-container",
+        initial: {
+            opacity: 0
+        },
+        animate: {
+            opacity: 1
+        },
+        exit: {
+            opacity: 0
+        },
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__ui_alert_js_c1b3026e__.Alert, {
+            variant: "destructive",
+            className: "c15t-devtool-error-alert",
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.AlertCircle, {
+                    className: "c15t-devtool-error-icon"
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__ui_alert_js_c1b3026e__.AlertTitle, {
+                    className: "c15t-devtool-error-title",
+                    children: "SDK Initialization Failed"
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__ui_alert_js_c1b3026e__.AlertDescription, {
+                    className: "c15t-devtool-error-description",
+                    children: [
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                            className: "c15t-devtool-error-message",
+                            children: "The c15t SDK could not be found in the global scope. This usually means either:"
+                        }),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("ul", {
+                            className: "c15t-devtool-error-list",
+                            children: [
+                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("li", {
+                                    children: "The namespace has been changed from its default value"
+                                }),
+                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("li", {
+                                    children: "The SDK initialization failed"
+                                })
+                            ]
+                        }),
+                        namespace && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("p", {
+                            className: "c15t-devtool-error-namespace",
+                            children: [
+                                "Current namespace:",
+                                ' ',
+                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("code", {
+                                    className: "c15t-devtool-error-code",
+                                    children: namespace
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
 }
 export { ErrorState };

package/dist/components/header.cjs

@@ -1,88 +1,65 @@
-'use strict';
+"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__.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__.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,
-		});
-	};
+(()=>{
+    __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__, {
-	Header: () => Header,
+    Header: ()=>Header
 });
-const jsx_runtime_namespaceObject = require('react/jsx-runtime');
-const external_lucide_react_namespaceObject = require('lucide-react');
-const button_cjs_namespaceObject = require('./ui/button.cjs');
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const button_cjs_namespaceObject = require("./ui/button.cjs");
+require("./header.css");
+const logo_cjs_namespaceObject = require("./ui/logo.cjs");
 function Header({ onClose }) {
-	return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-		jsx_runtime_namespaceObject.Fragment,
-		{
-			children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)('div', {
-				className: 'flex items-center justify-between border-b p-4',
-				children: [
-					/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)('div', {
-						className: 'flex items-center gap-2',
-						children: [
-							/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-								external_lucide_react_namespaceObject.Shield,
-								{
-									className: 'h-4 w-4',
-								}
-							),
-							/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('span', {
-								className: 'font-medium text-sm',
-								children: 'c15t.com Dev Tool',
-							}),
-						],
-					}),
-					/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-						button_cjs_namespaceObject.Button,
-						{
-							variant: 'ghost',
-							size: 'icon',
-							className: 'h-8 w-8',
-							onClick: onClose,
-							children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-								external_lucide_react_namespaceObject.X,
-								{
-									className: 'h-4 w-4',
-								}
-							),
-						}
-					),
-				],
-			}),
-		}
-	);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "c15t-devtool-header",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "c15t-devtool-header-title",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(logo_cjs_namespaceObject.ConsentManagementIcon, {
+                    className: "c15t-devtool-header-logo"
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "c15t-devtool-header-actions",
+                children: onClose && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+                    variant: "ghost",
+                    size: "icon",
+                    onClick: onClose,
+                    "aria-label": "Close",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                        className: "h-4 w-4"
+                    })
+                })
+            })
+        ]
+    });
 }
 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,
-	});
+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/components/header.css

@@ -0,0 +1,29 @@
+.c15t-devtool-header {
+  border-bottom: 1px solid var(--c15t-dev-tools-border);
+  background-color: var(--c15t-dev-tools-background);
+  justify-content: space-between;
+  align-items: center;
+  padding: .75rem 1rem;
+  display: flex;
+}
+
+.c15t-devtool-header-title {
+  align-items: center;
+  gap: .5rem;
+  font-size: .875rem;
+  font-weight: 500;
+  display: flex;
+}
+
+.c15t-devtool-header-actions {
+  align-items: center;
+  gap: .5rem;
+  display: flex;
+}
+
+.c15t-devtool-header-logo {
+  width: auto;
+  height: 1.4rem;
+  fill: var(--c15t-dev-tools-muted-foreground);
+}
+

package/dist/components/header.d.ts

@@ -1,8 +1,7 @@
+import './header.css';
 interface HeaderProps {
-	onClose: () => void;
+    onClose?: () => void;
 }
-export declare function Header({
-	onClose,
-}: HeaderProps): import('react/jsx-runtime').JSX.Element;
+export declare function Header({ onClose }: HeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=header.d.ts.map
+//# sourceMappingURL=header.d.ts.map