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

package/dist/components/ui/scroll-area.css

@@ -0,0 +1,42 @@
+.c15t-devtool-scroll-root {
+  position: relative;
+  overflow: hidden;
+}
+
+.c15t-devtool-scroll-viewport {
+  border-radius: inherit;
+  width: 100%;
+  height: 100%;
+}
+
+.c15t-devtool-scroll-bar {
+  touch-action: none;
+  -webkit-user-select: none;
+  user-select: none;
+  transition-property: color, background-color, border-color;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  display: flex;
+}
+
+.c15t-devtool-scroll-bar[data-orientation="vertical"] {
+  border-left: 1px solid #0000;
+  width: 10px;
+  height: 100%;
+  padding: 1px;
+}
+
+.c15t-devtool-scroll-bar[data-orientation="horizontal"] {
+  border-top: 1px solid #0000;
+  flex-direction: column;
+  height: 10px;
+  padding: 1px;
+}
+
+.c15t-devtool-scroll-thumb {
+  background-color: var(--c15t-dev-tools-border);
+  border-radius: 9999px;
+  flex: 1;
+  position: relative;
+}
+

package/dist/components/ui/scroll-area.d.ts

@@ -1,19 +1,6 @@
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-declare const ScrollArea: import('react').ForwardRefExoticComponent<
-	Omit<
-		ScrollAreaPrimitive.ScrollAreaProps &
-			import('react').RefAttributes<HTMLDivElement>,
-		'ref'
-	> &
-		import('react').RefAttributes<HTMLDivElement>
->;
-declare const ScrollBar: import('react').ForwardRefExoticComponent<
-	Omit<
-		ScrollAreaPrimitive.ScrollAreaScrollbarProps &
-			import('react').RefAttributes<HTMLDivElement>,
-		'ref'
-	> &
-		import('react').RefAttributes<HTMLDivElement>
->;
+import './scroll-area.css';
+declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: import("react").ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export { ScrollArea, ScrollBar };
-//# sourceMappingURL=scroll-area.d.ts.map
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/ui/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AASnE,QAAA,MAAM,UAAU,6LAed,CAAC;AAGH,QAAA,MAAM,SAAS,sMAmBb,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAOnE,OAAO,mBAAmB,CAAC;AAE3B,QAAA,MAAM,UAAU,6LAed,CAAC;AAGH,QAAA,MAAM,SAAS,sMAYb,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/ui/scroll-area.js

@@ -1,74 +1,30 @@
 'use client';
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from 'react/jsx-runtime';
-import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__ from '@radix-ui/react-scroll-area';
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from 'react';
-import * as __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__ from '../../libs/utils.js';
-const ScrollArea = /*#__PURE__*/ (0,
-__WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(
-	({ className, children, ...props }, ref) =>
-		/*#__PURE__*/ (0,
-		__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(
-			__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Root,
-			{
-				ref: ref,
-				className: (0, __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
-					'relative overflow-hidden',
-					className
-				),
-				...props,
-				children: [
-					/*#__PURE__*/ (0,
-					__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-						__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Viewport,
-						{
-							className: 'h-full w-full rounded-[inherit]',
-							children: children,
-						}
-					),
-					/*#__PURE__*/ (0,
-					__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-						ScrollBar,
-						{}
-					),
-					/*#__PURE__*/ (0,
-					__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-						__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Corner,
-						{}
-					),
-				],
-			}
-		)
-);
-ScrollArea.displayName =
-	__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Root.displayName;
-const ScrollBar = /*#__PURE__*/ (0,
-__WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(
-	({ className, orientation = 'vertical', ...props }, ref) =>
-		/*#__PURE__*/ (0,
-		__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-			__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.ScrollAreaScrollbar,
-			{
-				ref: ref,
-				orientation: orientation,
-				className: (0, __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
-					'flex touch-none select-none transition-colors',
-					'vertical' === orientation &&
-						'h-full w-2.5 border-l border-l-transparent p-[1px]',
-					'horizontal' === orientation &&
-						'h-2.5 flex-col border-t border-t-transparent p-[1px]',
-					className
-				),
-				...props,
-				children: /*#__PURE__*/ (0,
-				__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-					__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.ScrollAreaThumb,
-					{
-						className: 'relative flex-1 rounded-full bg-border',
-					}
-				),
-			}
-		)
-);
-ScrollBar.displayName =
-	__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.ScrollAreaScrollbar.displayName;
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__ from "@radix-ui/react-scroll-area";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import "./scroll-area.css";
+const ScrollArea = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Root, {
+        ref: ref,
+        className: `c15t-devtool-scroll-root ${className || ''}`,
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Viewport, {
+                className: "c15t-devtool-scroll-viewport",
+                children: children
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ScrollBar, {}),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Corner, {})
+        ]
+    }));
+ScrollArea.displayName = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Root.displayName;
+const ScrollBar = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.ScrollAreaScrollbar, {
+        ref: ref,
+        orientation: orientation,
+        className: `c15t-devtool-scroll-bar ${className || ''}`,
+        ...props,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.ScrollAreaThumb, {
+            className: "c15t-devtool-scroll-thumb"
+        })
+    }));
+ScrollBar.displayName = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.ScrollAreaScrollbar.displayName;
 export { ScrollArea, ScrollBar };

package/dist/components/ui/switch.cjs

@@ -1,71 +1,49 @@
 '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__, {
-	Switch: () => Switch,
+    Switch: ()=>Switch
 });
-const jsx_runtime_namespaceObject = require('react/jsx-runtime');
-const react_switch_namespaceObject = require('@radix-ui/react-switch');
-const external_react_namespaceObject = require('react');
-const utils_cjs_namespaceObject = require('../../libs/utils.cjs');
-const Switch = /*#__PURE__*/ external_react_namespaceObject.forwardRef(
-	({ className, ...props }, ref) =>
-		/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-			react_switch_namespaceObject.Root,
-			{
-				className: (0, utils_cjs_namespaceObject.cn)(
-					'peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
-					className
-				),
-				...props,
-				ref: ref,
-				children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-					react_switch_namespaceObject.Thumb,
-					{
-						className: (0, utils_cjs_namespaceObject.cn)(
-							'pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0'
-						),
-					}
-				),
-			}
-		)
-);
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_switch_namespaceObject = require("@radix-ui/react-switch");
+const external_react_namespaceObject = require("react");
+require("./switch.css");
+const Switch = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Root, {
+        className: `c15t-devtool-switch-root ${className || ''}`,
+        ...props,
+        ref: ref,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Thumb, {
+            className: "c15t-devtool-switch-thumb"
+        })
+    }));
 Switch.displayName = react_switch_namespaceObject.Root.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/switch.css

@@ -0,0 +1,49 @@
+.c15t-devtool-switch-root {
+  background-color: var(--c15t-dev-tools-input);
+  -webkit-tap-highlight-color: transparent;
+  border-radius: 9999px;
+  align-items: center;
+  width: 42px;
+  height: 24px;
+  display: inline-flex;
+  position: relative;
+  box-shadow: 0 2px 4px #0000000d;
+}
+
+.c15t-devtool-switch-root[data-state="checked"] {
+  background-color: var(--c15t-dev-tools-primary);
+}
+
+.c15t-devtool-switch-root:focus-visible {
+  outline: none;
+}
+
+.c15t-devtool-switch-thumb {
+  background-color: var(--c15t-dev-tools-background);
+  will-change: transform;
+  border-radius: 9999px;
+  width: 20px;
+  height: 20px;
+  transition: transform .15s cubic-bezier(.4, 0, .2, 1);
+  display: block;
+  transform: translateX(2px);
+  box-shadow: 0 2px 2px #0000000d;
+}
+
+.c15t-devtool-switch-thumb[data-state="checked"] {
+  transform: translateX(20px);
+}
+
+.c15t-devtool-switch-root:disabled {
+  cursor: not-allowed;
+  opacity: .5;
+}
+
+.c15t-devtool-switch-root[data-state="unchecked"] {
+  background-color: var(--c15t-dev-tools-input);
+}
+
+.c15t-devtool-switch-thumb[data-state="unchecked"] {
+  transform: translateX(2px);
+}
+

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

@@ -1,11 +1,5 @@
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-import * as React from 'react';
-declare const Switch: React.ForwardRefExoticComponent<
-	Omit<
-		SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>,
-		'ref'
-	> &
-		React.RefAttributes<HTMLButtonElement>
->;
+import './switch.css';
+declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export { Switch };
-//# sourceMappingURL=switch.d.ts.map
+//# sourceMappingURL=switch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,MAAM,8JAkBV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAM3D,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,MAAM,4LAWV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/ui/switch.js

@@ -1,33 +1,15 @@
 'use client';
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from 'react/jsx-runtime';
-import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__ from '@radix-ui/react-switch';
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from 'react';
-import * as __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__ from '../../libs/utils.js';
-const Switch = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.forwardRef(
-	({ className, ...props }, ref) =>
-		/*#__PURE__*/ (0,
-		__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-			__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Root,
-			{
-				className: (0, __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
-					'peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
-					className
-				),
-				...props,
-				ref: ref,
-				children: /*#__PURE__*/ (0,
-				__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
-					__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Thumb,
-					{
-						className: (0,
-						__WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
-							'pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0'
-						),
-					}
-				),
-			}
-		)
-);
-Switch.displayName =
-	__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Root.displayName;
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__ from "@radix-ui/react-switch";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import "./switch.css";
+const Switch = /*#__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_switch_5e92b7ed__.Root, {
+        className: `c15t-devtool-switch-root ${className || ''}`,
+        ...props,
+        ref: ref,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Thumb, {
+            className: "c15t-devtool-switch-thumb"
+        })
+    }));
+Switch.displayName = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Root.displayName;
 export { Switch };

package/dist/components/ui/tooltip.cjs

@@ -1,75 +1,55 @@
 '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__, {
-	TooltipContent: () => TooltipContent,
-	Tooltip: () => Tooltip,
-	TooltipTrigger: () => TooltipTrigger,
-	TooltipProvider: () => TooltipProvider,
+    TooltipContent: ()=>TooltipContent,
+    Tooltip: ()=>Tooltip,
+    TooltipTrigger: ()=>TooltipTrigger,
+    TooltipProvider: ()=>TooltipProvider
 });
-const jsx_runtime_namespaceObject = require('react/jsx-runtime');
-const react_tooltip_namespaceObject = require('@radix-ui/react-tooltip');
-const external_react_namespaceObject = require('react');
-const utils_cjs_namespaceObject = require('../../libs/utils.cjs');
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_tooltip_namespaceObject = require("@radix-ui/react-tooltip");
+require("./tooltip.css");
+const external_react_namespaceObject = require("react");
 const TooltipProvider = react_tooltip_namespaceObject.Provider;
 const Tooltip = react_tooltip_namespaceObject.Root;
 const TooltipTrigger = react_tooltip_namespaceObject.Trigger;
-const TooltipContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(
-	({ className, sideOffset = 4, ...props }, ref) =>
-		/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-			react_tooltip_namespaceObject.Portal,
-			{
-				children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-					react_tooltip_namespaceObject.Content,
-					{
-						ref: ref,
-						sideOffset: sideOffset,
-						className: (0, utils_cjs_namespaceObject.cn)(
-							'fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 animate-in overflow-hidden rounded-md bg-primary px-3 py-1.5 text-primary-foreground text-xs data-[state=closed]:animate-out',
-							className
-						),
-						...props,
-					}
-				),
-			}
-		)
-);
+const TooltipContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Portal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Content, {
+            ref: ref,
+            sideOffset: sideOffset,
+            className: `tooltip-content ${className || ''}`,
+            ...props
+        })
+    }));
 TooltipContent.displayName = react_tooltip_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/tooltip.css

@@ -0,0 +1,101 @@
+.c15t-devtool-tooltip-content {
+  z-index: 50;
+  background-color: var(--c15t-dev-tools-primary);
+  color: var(--c15t-dev-tools-primary-foreground);
+  transform-origin: var(--radix-tooltip-content-transform-origin);
+  border-radius: .375rem;
+  padding: .375rem .75rem;
+  font-size: .75rem;
+  animation: ease-out fade-in;
+  overflow: hidden;
+  transform: scale(.95);
+}
+
+.tooltip-content[data-state="closed"] {
+  animation: ease-in fade-out;
+}
+
+.tooltip-content[data-side="bottom"] {
+  animation: .4s cubic-bezier(.16, 1, .3, 1) slide-up-and-fade;
+}
+
+.tooltip-content[data-side="top"] {
+  animation: .4s cubic-bezier(.16, 1, .3, 1) slide-down-and-fade;
+}
+
+.tooltip-content[data-side="right"] {
+  animation: .4s cubic-bezier(.16, 1, .3, 1) slide-left-and-fade;
+}
+
+.tooltip-content[data-side="left"] {
+  animation: .4s cubic-bezier(.16, 1, .3, 1) slide-right-and-fade;
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fade-out {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes slide-up-and-fade {
+  from {
+    opacity: 0;
+    transform: translateY(2px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes slide-down-and-fade {
+  from {
+    opacity: 0;
+    transform: translateY(-2px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes slide-right-and-fade {
+  from {
+    opacity: 0;
+    transform: translateX(-2px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@keyframes slide-left-and-fade {
+  from {
+    opacity: 0;
+    transform: translateX(2px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+

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

@@ -1,16 +1,8 @@
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import * as React from 'react';
-declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
-declare const TooltipTrigger: React.ForwardRefExoticComponent<
-	TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>
->;
-declare const TooltipContent: React.ForwardRefExoticComponent<
-	Omit<
-		TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>,
-		'ref'
-	> &
-		React.RefAttributes<HTMLDivElement>
->;
+import './tooltip.css';
+declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: import("react").FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
-//# sourceMappingURL=tooltip.d.ts.map
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAelB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,eAAe,CAAC;AAOvB,QAAA,MAAM,eAAe,2DAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,mDAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,oIAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,8LAYlB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}