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

package/dist/components/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/components/header.tsx"],"names":[],"mappings":"AAIA,UAAU,WAAW;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,WAAW,2CAmB9C"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/components/header.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAGtB,UAAU,WAAW;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,WAAW,2CAqB9C"}

package/dist/components/header.js

@@ -1,56 +1,31 @@
-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__ui_button_js_a32db0cf__ from './ui/button.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__ui_button_js_a32db0cf__ from "./ui/button.js";
+import "./header.css";
+import * as __WEBPACK_EXTERNAL_MODULE__ui_logo_js_d86f2cc7__ from "./ui/logo.js";
 function Header({ onClose }) {
-	return /*#__PURE__*/ (0,
-	__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-		__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment,
-		{
-			children: /*#__PURE__*/ (0,
-			__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)('div', {
-				className: 'flex items-center justify-between border-b p-4',
-				children: [
-					/*#__PURE__*/ (0,
-					__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)('div', {
-						className: 'flex items-center gap-2',
-						children: [
-							/*#__PURE__*/ (0,
-							__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-								__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.Shield,
-								{
-									className: 'h-4 w-4',
-								}
-							),
-							/*#__PURE__*/ (0,
-							__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-								'span',
-								{
-									className: 'font-medium text-sm',
-									children: 'c15t.com Dev Tool',
-								}
-							),
-						],
-					}),
-					/*#__PURE__*/ (0,
-					__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-						__WEBPACK_EXTERNAL_MODULE__ui_button_js_a32db0cf__.Button,
-						{
-							variant: 'ghost',
-							size: 'icon',
-							className: 'h-8 w-8',
-							onClick: onClose,
-							children: /*#__PURE__*/ (0,
-							__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-								__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.X,
-								{
-									className: 'h-4 w-4',
-								}
-							),
-						}
-					),
-				],
-			}),
-		}
-	);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: "c15t-devtool-header",
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: "c15t-devtool-header-title",
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__ui_logo_js_d86f2cc7__.ConsentManagementIcon, {
+                    className: "c15t-devtool-header-logo"
+                })
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: "c15t-devtool-header-actions",
+                children: onClose && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__ui_button_js_a32db0cf__.Button, {
+                    variant: "ghost",
+                    size: "icon",
+                    onClick: onClose,
+                    "aria-label": "Close",
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.X, {
+                        className: "h-4 w-4"
+                    })
+                })
+            })
+        ]
+    });
 }
 export { Header };

package/dist/components/ui/accordion.cjs

@@ -1,119 +1,76 @@
 'use client';
-'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__, {
-	AccordionContent: () => AccordionContent,
-	AccordionItem: () => AccordionItem,
-	AccordionTrigger: () => AccordionTrigger,
-	Accordion: () => Accordion,
+    AccordionContent: ()=>AccordionContent,
+    AccordionItem: ()=>AccordionItem,
+    AccordionTrigger: ()=>AccordionTrigger,
+    Accordion: ()=>Accordion
 });
-const jsx_runtime_namespaceObject = require('react/jsx-runtime');
-const react_accordion_namespaceObject = require('@radix-ui/react-accordion');
-const external_lucide_react_namespaceObject = require('lucide-react');
-const external_react_namespaceObject = require('react');
-const utils_cjs_namespaceObject = require('../../libs/utils.cjs');
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_accordion_namespaceObject = require("@radix-ui/react-accordion");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+require("./accordion.css");
 const Accordion = react_accordion_namespaceObject.Root;
-const AccordionItem = /*#__PURE__*/ (0,
-external_react_namespaceObject.forwardRef)(({ className, ...props }, ref) =>
-	/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-		react_accordion_namespaceObject.Item,
-		{
-			ref: ref,
-			className: (0, utils_cjs_namespaceObject.cn)('border-b', className),
-			...props,
-		}
-	)
-);
+const AccordionItem = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Item, {
+        ref: ref,
+        className: `c15t-devtool-accordion-item ${className || ''}`,
+        ...props
+    }));
 AccordionItem.displayName = 'AccordionItem';
-const AccordionTrigger = /*#__PURE__*/ (0,
-external_react_namespaceObject.forwardRef)(
-	({ className, children, ...props }, ref) =>
-		/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-			react_accordion_namespaceObject.Header,
-			{
-				className: 'flex',
-				children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
-					react_accordion_namespaceObject.Trigger,
-					{
-						ref: ref,
-						className: (0, utils_cjs_namespaceObject.cn)(
-							'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',
-							className
-						),
-						...props,
-						children: [
-							children,
-							/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-								external_lucide_react_namespaceObject.ChevronDown,
-								{
-									className:
-										'h-4 w-4 shrink-0 transition-transform duration-200',
-								}
-							),
-						],
-					}
-				),
-			}
-		)
-);
-AccordionTrigger.displayName =
-	react_accordion_namespaceObject.Trigger.displayName;
-const AccordionContent = /*#__PURE__*/ (0,
-external_react_namespaceObject.forwardRef)(
-	({ className, children, ...props }, ref) =>
-		/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-			react_accordion_namespaceObject.Content,
-			{
-				ref: ref,
-				className: (0, utils_cjs_namespaceObject.cn)(
-					'overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down',
-					className
-				),
-				...props,
-				children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
-					className: 'pt-0 pb-4',
-					children: children,
-				}),
-			}
-		)
-);
-AccordionContent.displayName =
-	react_accordion_namespaceObject.Content.displayName;
+const AccordionTrigger = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Header, {
+        className: "flex",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_accordion_namespaceObject.Trigger, {
+            ref: ref,
+            className: `c15t-devtool-accordion-trigger ${className || ''}`,
+            ...props,
+            children: [
+                children,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                    className: "c15t-devtool-accordion-chevron h-4 w-4"
+                })
+            ]
+        })
+    }));
+AccordionTrigger.displayName = react_accordion_namespaceObject.Trigger.displayName;
+const AccordionContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Content, {
+        ref: ref,
+        className: `c15t-devtool-accordion-content ${className || ''}`,
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "c15t-devtool-accordion-content-inner",
+            children: children
+        })
+    }));
+AccordionContent.displayName = react_accordion_namespaceObject.Content.displayName;
 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/ui/accordion.css

@@ -0,0 +1,72 @@
+.c15t-devtool-accordion-item {
+  border-bottom: 1px solid var(--c15t-dev-tools-border);
+}
+
+.c15t-devtool-accordion-trigger {
+  text-align: left;
+  flex: 1;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem;
+  font-size: .875rem;
+  font-weight: 500;
+  transition-property: all;
+  transition-duration: .2s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  display: flex;
+}
+
+.c15t-devtool-accordion-chevron {
+  flex-shrink: 0;
+  transition: transform .2s cubic-bezier(.87, 0, .13, 1);
+}
+
+.c15t-devtool-accordion-trigger:hover {
+  background-color: var(--c15t-dev-tools-accent);
+  color: var(--c15t-dev-tools-accent-foreground);
+}
+
+.c15t-devtool-accordion-trigger[data-state="open"] > .c15t-devtool-accordion-chevron {
+  transform: rotate(180deg);
+}
+
+.c15t-devtool-accordion-content {
+  font-size: .875rem;
+  transition-property: all;
+  transition-duration: .2s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  overflow: hidden;
+}
+
+.c15t-devtool-accordion-content[data-state="open"] {
+  animation: .3s cubic-bezier(.87, 0, .13, 1) slideDown;
+}
+
+.c15t-devtool-accordion-content[data-state="closed"] {
+  animation: .3s cubic-bezier(.87, 0, .13, 1) slideUp;
+}
+
+.c15t-devtool-accordion-content-inner {
+  padding: 0 1rem 1rem;
+}
+
+@keyframes slideDown {
+  from {
+    height: 0;
+  }
+
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+
+@keyframes slideUp {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+
+  to {
+    height: 0;
+  }
+}
+

package/dist/components/ui/accordion.d.ts

@@ -1,34 +1,8 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-declare const Accordion: import('react').ForwardRefExoticComponent<
-	(
-		| AccordionPrimitive.AccordionSingleProps
-		| AccordionPrimitive.AccordionMultipleProps
-	) &
-		import('react').RefAttributes<HTMLDivElement>
->;
-declare const AccordionItem: import('react').ForwardRefExoticComponent<
-	Omit<
-		AccordionPrimitive.AccordionItemProps &
-			import('react').RefAttributes<HTMLDivElement>,
-		'ref'
-	> &
-		import('react').RefAttributes<HTMLDivElement>
->;
-declare const AccordionTrigger: import('react').ForwardRefExoticComponent<
-	Omit<
-		AccordionPrimitive.AccordionTriggerProps &
-			import('react').RefAttributes<HTMLButtonElement>,
-		'ref'
-	> &
-		import('react').RefAttributes<HTMLButtonElement>
->;
-declare const AccordionContent: import('react').ForwardRefExoticComponent<
-	Omit<
-		AccordionPrimitive.AccordionContentProps &
-			import('react').RefAttributes<HTMLDivElement>,
-		'ref'
-	> &
-		import('react').RefAttributes<HTMLDivElement>
->;
+import './accordion.css';
+declare const Accordion: import("react").ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
-//# sourceMappingURL=accordion.d.ts.map
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/ui/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAUhE,QAAA,MAAM,SAAS,kLAA0B,CAAC;AAE1C,QAAA,MAAM,aAAa,+LASjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,wMAiBpB,CAAC;AAGH,QAAA,MAAM,gBAAgB,kMAcpB,CAAC;AAGH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAOhE,OAAO,iBAAiB,CAAC;AAEzB,QAAA,MAAM,SAAS,kLAA0B,CAAC;AAE1C,QAAA,MAAM,aAAa,+LASjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,wMAcpB,CAAC;AAGH,QAAA,MAAM,gBAAgB,kMAWpB,CAAC;AAGH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ui/accordion.js

@@ -1,84 +1,39 @@
 'use client';
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from 'react/jsx-runtime';
-import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__ from '@radix-ui/react-accordion';
-import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from 'lucide-react';
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from 'react';
-import * as __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__ from '../../libs/utils.js';
-const Accordion =
-	__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Root;
-const AccordionItem = /*#__PURE__*/ (0,
-__WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref) =>
-	/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-		__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Item,
-		{
-			ref: ref,
-			className: (0, __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
-				'border-b',
-				className
-			),
-			...props,
-		}
-	)
-);
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__ from "@radix-ui/react-accordion";
+import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import "./accordion.css";
+const Accordion = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Root;
+const AccordionItem = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Item, {
+        ref: ref,
+        className: `c15t-devtool-accordion-item ${className || ''}`,
+        ...props
+    }));
 AccordionItem.displayName = 'AccordionItem';
-const AccordionTrigger = /*#__PURE__*/ (0,
-__WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(
-	({ className, children, ...props }, ref) =>
-		/*#__PURE__*/ (0,
-		__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-			__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Header,
-			{
-				className: 'flex',
-				children: /*#__PURE__*/ (0,
-				__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(
-					__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Trigger,
-					{
-						ref: ref,
-						className: (0,
-						__WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
-							'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',
-							className
-						),
-						...props,
-						children: [
-							children,
-							/*#__PURE__*/ (0,
-							__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-								__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronDown,
-								{
-									className:
-										'h-4 w-4 shrink-0 transition-transform duration-200',
-								}
-							),
-						],
-					}
-				),
-			}
-		)
-);
-AccordionTrigger.displayName =
-	__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Trigger.displayName;
-const AccordionContent = /*#__PURE__*/ (0,
-__WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(
-	({ className, children, ...props }, ref) =>
-		/*#__PURE__*/ (0,
-		__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-			__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Content,
-			{
-				ref: ref,
-				className: (0, __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
-					'overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down',
-					className
-				),
-				...props,
-				children: /*#__PURE__*/ (0,
-				__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)('div', {
-					className: 'pt-0 pb-4',
-					children: children,
-				}),
-			}
-		)
-);
-AccordionContent.displayName =
-	__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Content.displayName;
+const AccordionTrigger = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Header, {
+        className: "flex",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Trigger, {
+            ref: ref,
+            className: `c15t-devtool-accordion-trigger ${className || ''}`,
+            ...props,
+            children: [
+                children,
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronDown, {
+                    className: "c15t-devtool-accordion-chevron h-4 w-4"
+                })
+            ]
+        })
+    }));
+AccordionTrigger.displayName = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Trigger.displayName;
+const AccordionContent = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Content, {
+        ref: ref,
+        className: `c15t-devtool-accordion-content ${className || ''}`,
+        ...props,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+            className: "c15t-devtool-accordion-content-inner",
+            children: children
+        })
+    }));
+AccordionContent.displayName = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Content.displayName;
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };