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

package/dist/components/ui/button.cjs

@@ -1,95 +1,75 @@
-'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__, {
-	buttonVariants: () => buttonVariants,
-	Button: () => Button,
+    buttonVariants: ()=>buttonVariants,
+    Button: ()=>Button
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const external_class_variance_authority_namespaceObject = require("class-variance-authority");
+const external_react_namespaceObject = require("react");
+require("./button.css");
+const buttonVariants = (0, external_class_variance_authority_namespaceObject.cva)('c15t-devtool-button', {
+    variants: {
+        variant: {
+            default: 'c15t-devtool-button-default',
+            destructive: 'c15t-devtool-button-destructive',
+            outline: 'c15t-devtool-button-outline',
+            secondary: 'c15t-devtool-button-secondary',
+            ghost: 'c15t-devtool-button-ghost',
+            link: 'c15t-devtool-button-link'
+        },
+        size: {
+            default: 'c15t-devtool-button-size-default',
+            sm: 'c15t-devtool-button-size-sm',
+            lg: 'c15t-devtool-button-size-lg',
+            icon: 'c15t-devtool-button-size-icon'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default'
+    }
+});
+const Button = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, variant, size, asChild = false, ...props }, ref)=>{
+    const Comp = asChild ? react_slot_namespaceObject.Slot : 'button';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
+        className: `${buttonVariants({
+            variant,
+            size
+        })} ${className || ''}`,
+        ref: ref,
+        ...props
+    });
 });
-const jsx_runtime_namespaceObject = require('react/jsx-runtime');
-const react_slot_namespaceObject = require('@radix-ui/react-slot');
-const external_class_variance_authority_namespaceObject = require('class-variance-authority');
-const external_react_namespaceObject = require('react');
-const utils_cjs_namespaceObject = require('../../libs/utils.cjs');
-const buttonVariants = (0,
-external_class_variance_authority_namespaceObject.cva)(
-	'inline-flex items-center justify-center rounded-md font-medium text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
-	{
-		variants: {
-			variant: {
-				default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-				destructive:
-					'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-				outline:
-					'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-				secondary:
-					'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-				ghost: 'hover:bg-accent hover:text-accent-foreground',
-				link: 'text-primary underline-offset-4 hover:underline',
-			},
-			size: {
-				default: 'h-10 px-4 py-2',
-				sm: 'h-9 rounded-md px-3',
-				lg: 'h-11 rounded-md px-8',
-				icon: 'h-10 w-10',
-			},
-		},
-		defaultVariants: {
-			variant: 'default',
-			size: 'default',
-		},
-	}
-);
-const Button = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
-	({ className, variant, size, asChild = false, ...props }, ref) => {
-		const Comp = asChild ? react_slot_namespaceObject.Slot : 'button';
-		return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
-			className: (0, utils_cjs_namespaceObject.cn)(
-				buttonVariants({
-					variant,
-					size,
-					className,
-				})
-			),
-			ref: ref,
-			...props,
-		});
-	}
-);
 Button.displayName = 'Button';
 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/button.css

@@ -0,0 +1,87 @@
+.c15t-devtool-button {
+  border-radius: .375rem;
+  justify-content: center;
+  align-items: center;
+  gap: .5rem;
+  font-size: .875rem;
+  font-weight: 500;
+  transition-property: color, background-color, border-color;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  display: inline-flex;
+}
+
+.c15t-devtool-button:focus-visible {
+  outline: none;
+}
+
+.c15t-devtool-button:disabled {
+  pointer-events: none;
+  opacity: .5;
+}
+
+.c15t-devtool-button-default {
+  background-color: var(--c15t-dev-tools-primary);
+  color: var(--c15t-dev-tools-primary-foreground);
+}
+
+.c15t-devtool-button-destructive {
+  background-color: var(--c15t-dev-tools-destructive);
+  color: var(--c15t-dev-tools-destructive-foreground);
+}
+
+.c15t-devtool-button-outline {
+  border: 1px solid var(--c15t-dev-tools-input);
+  background-color: var(--c15t-dev-tools-background);
+}
+
+.c15t-devtool-button-outline:hover {
+  background-color: var(--c15t-dev-tools-accent);
+  color: var(--c15t-dev-tools-accent-foreground);
+}
+
+.c15t-devtool-button-secondary {
+  background-color: var(--c15t-dev-tools-secondary);
+  color: var(--c15t-dev-tools-secondary-foreground);
+}
+
+.c15t-devtool-button-secondary:hover {
+  background-color: color-mix(in srgb, var(--c15t-dev-tools-secondary) 80%, transparent);
+}
+
+.c15t-devtool-button-ghost:hover {
+  background-color: var(--c15t-dev-tools-accent);
+  color: var(--c15t-dev-tools-accent-foreground);
+}
+
+.c15t-devtool-button-link {
+  color: var(--c15t-dev-tools-primary);
+  text-underline-offset: 4px;
+}
+
+.c15t-devtool-button-link:hover {
+  text-decoration: underline;
+}
+
+.c15t-devtool-button-size-default {
+  height: 2.5rem;
+  padding: .5rem 1rem;
+}
+
+.c15t-devtool-button-size-sm {
+  border-radius: .375rem;
+  height: 2.25rem;
+  padding: 0 .75rem;
+}
+
+.c15t-devtool-button-size-lg {
+  border-radius: .375rem;
+  height: 2.75rem;
+  padding: 0 2rem;
+}
+
+.c15t-devtool-button-size-icon {
+  width: 2.5rem;
+  height: 2.5rem;
+}
+

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

@@ -1,28 +1,13 @@
 import { type VariantProps } from 'class-variance-authority';
 import { type ButtonHTMLAttributes } from 'react';
-declare const buttonVariants: (
-	props?:
-		| ({
-				variant?:
-					| 'link'
-					| 'outline'
-					| 'default'
-					| 'destructive'
-					| 'secondary'
-					| 'ghost'
-					| null
-					| undefined;
-				size?: 'default' | 'sm' | 'lg' | 'icon' | null | undefined;
-		  } & import('class-variance-authority/types').ClassProp)
-		| undefined
-) => string;
-export interface ButtonProps
-	extends ButtonHTMLAttributes<HTMLButtonElement>,
-		VariantProps<typeof buttonVariants> {
-	asChild?: boolean;
+import './button.css';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
 }
-declare const Button: import('react').ForwardRefExoticComponent<
-	ButtonProps & import('react').RefAttributes<HTMLButtonElement>
->;
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export { Button, buttonVariants };
-//# sourceMappingURL=button.d.ts.map
+//# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,KAAK,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAG9D,QAAA,MAAM,cAAc;;;8EA2BnB,CAAC;AAEF,MAAM,WAAW,WAChB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC9C,YAAY,CAAC,OAAO,cAAc,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,MAAM,2GAWX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAC9D,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,cAAc;;;8EAqBlB,CAAC;AAEH,MAAM,WAAW,WAChB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC9C,YAAY,CAAC,OAAO,cAAc,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,MAAM,2GAWX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/button.js

@@ -1,55 +1,40 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from 'react/jsx-runtime';
-import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from '@radix-ui/react-slot';
-import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from 'class-variance-authority';
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from 'react';
-import * as __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__ from '../../libs/utils.js';
-const buttonVariants = (0,
-__WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)(
-	'inline-flex items-center justify-center rounded-md font-medium text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
-	{
-		variants: {
-			variant: {
-				default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-				destructive:
-					'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-				outline:
-					'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-				secondary:
-					'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-				ghost: 'hover:bg-accent hover:text-accent-foreground',
-				link: 'text-primary underline-offset-4 hover:underline',
-			},
-			size: {
-				default: 'h-10 px-4 py-2',
-				sm: 'h-9 rounded-md px-3',
-				lg: 'h-11 rounded-md px-8',
-				icon: 'h-10 w-10',
-			},
-		},
-		defaultVariants: {
-			variant: 'default',
-			size: 'default',
-		},
-	}
-);
-const Button = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(
-	({ className, variant, size, asChild = false, ...props }, ref) => {
-		const Comp = asChild
-			? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot
-			: 'button';
-		return /*#__PURE__*/ (0,
-		__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Comp, {
-			className: (0, __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
-				buttonVariants({
-					variant,
-					size,
-					className,
-				})
-			),
-			ref: ref,
-			...props,
-		});
-	}
-);
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
+import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import "./button.css";
+const buttonVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)('c15t-devtool-button', {
+    variants: {
+        variant: {
+            default: 'c15t-devtool-button-default',
+            destructive: 'c15t-devtool-button-destructive',
+            outline: 'c15t-devtool-button-outline',
+            secondary: 'c15t-devtool-button-secondary',
+            ghost: 'c15t-devtool-button-ghost',
+            link: 'c15t-devtool-button-link'
+        },
+        size: {
+            default: 'c15t-devtool-button-size-default',
+            sm: 'c15t-devtool-button-size-sm',
+            lg: 'c15t-devtool-button-size-lg',
+            icon: 'c15t-devtool-button-size-icon'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default'
+    }
+});
+const Button = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, variant, size, asChild = false, ...props }, ref)=>{
+    const Comp = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : 'button';
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Comp, {
+        className: `${buttonVariants({
+            variant,
+            size
+        })} ${className || ''}`,
+        ref: ref,
+        ...props
+    });
+});
 Button.displayName = 'Button';
 export { Button, buttonVariants };

package/dist/components/ui/card.cjs

@@ -1,120 +1,79 @@
-'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__, {
-	CardHeader: () => CardHeader,
-	CardDescription: () => CardDescription,
-	CardTitle: () => CardTitle,
-	Card: () => Card,
-	CardContent: () => CardContent,
-	CardFooter: () => CardFooter,
+    CardHeader: ()=>CardHeader,
+    CardDescription: ()=>CardDescription,
+    CardTitle: ()=>CardTitle,
+    Card: ()=>Card,
+    CardContent: ()=>CardContent,
+    CardFooter: ()=>CardFooter
 });
-const jsx_runtime_namespaceObject = require('react/jsx-runtime');
-const external_react_namespaceObject = require('react');
-const utils_cjs_namespaceObject = require('../../libs/utils.cjs');
-const Card = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
-	({ className, ...props }, ref) =>
-		/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
-			ref: ref,
-			className: (0, utils_cjs_namespaceObject.cn)(
-				'rounded-lg border bg-card text-card-foreground shadow-sm',
-				className
-			),
-			...props,
-		})
-);
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+require("./card.css");
+const Card = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        className: `c15t-devtool-card ${className || ''}`,
+        ...props
+    }));
 Card.displayName = 'Card';
-const CardHeader = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
-	({ className, ...props }, ref) =>
-		/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
-			ref: ref,
-			className: (0, utils_cjs_namespaceObject.cn)(
-				'flex flex-col space-y-1.5 p-6',
-				className
-			),
-			...props,
-		})
-);
+const CardHeader = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        className: `c15t-devtool-card-header ${className || ''}`,
+        ...props
+    }));
 CardHeader.displayName = 'CardHeader';
-const CardTitle = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
-	({ className, ...props }, ref) =>
-		/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('h3', {
-			ref: ref,
-			className: (0, utils_cjs_namespaceObject.cn)(
-				'font-semibold text-2xl leading-none tracking-tight',
-				className
-			),
-			...props,
-		})
-);
+const CardTitle = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
+        ref: ref,
+        className: `c15t-devtool-card-title ${className || ''}`,
+        ...props
+    }));
 CardTitle.displayName = 'CardTitle';
-const CardDescription = /*#__PURE__*/ (0,
-external_react_namespaceObject.forwardRef)(({ className, ...props }, ref) =>
-	/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('p', {
-		ref: ref,
-		className: (0, utils_cjs_namespaceObject.cn)(
-			'text-muted-foreground text-sm',
-			className
-		),
-		...props,
-	})
-);
-CardDescription.displayName = 'CardDescription';
-const CardContent = /*#__PURE__*/ (0,
-external_react_namespaceObject.forwardRef)(({ className, ...props }, ref) =>
-	/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
-		ref: ref,
-		className: (0, utils_cjs_namespaceObject.cn)('p-6 pt-0', className),
-		...props,
-	})
-);
+const CardDescription = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+        ref: ref,
+        className: `c15t-devtool-card-description ${className || ''}`,
+        ...props
+    }));
+CardDescription.displayName = "CardDescription";
+const CardContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        className: `c15t-devtool-card-content ${className || ''}`,
+        ...props
+    }));
 CardContent.displayName = 'CardContent';
-const CardFooter = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
-	({ className, ...props }, ref) =>
-		/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
-			ref: ref,
-			className: (0, utils_cjs_namespaceObject.cn)(
-				'flex items-center p-6 pt-0',
-				className
-			),
-			...props,
-		})
-);
+const CardFooter = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        className: `c15t-devtool-card-footer ${className || ''}`,
+        ...props
+    }));
 CardFooter.displayName = 'CardFooter';
 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/card.css

@@ -0,0 +1,41 @@
+.c15t-devtool-card {
+  border: 1px solid var(--c15t-dev-tools-border);
+  background-color: var(--c15t-dev-tools-card);
+  color: var(--c15t-dev-tools-card-foreground);
+  border-radius: .5rem;
+  overflow: hidden;
+  box-shadow: 0 1px 2px #0000000d;
+}
+
+.c15t-devtool-card-header {
+  flex-direction: column;
+  padding: 1.5rem;
+  display: flex;
+}
+
+.c15t-devtool-card-header > * + * {
+  margin-top: .375rem;
+}
+
+.c15t-devtool-card-title {
+  letter-spacing: -.025em;
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1;
+}
+
+.c15t-devtool-card-description {
+  color: var(--c15t-dev-tools-muted-foreground);
+  font-size: .875rem;
+}
+
+.c15t-devtool-card-content {
+  padding: 0 1.5rem 1.5rem;
+}
+
+.c15t-devtool-card-footer {
+  align-items: center;
+  padding: 0 1.5rem 1.5rem;
+  display: flex;
+}
+

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

@@ -1,30 +1,10 @@
 import { type HTMLAttributes } from 'react';
-declare const Card: import('react').ForwardRefExoticComponent<
-	HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>
->;
-declare const CardHeader: import('react').ForwardRefExoticComponent<
-	HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>
->;
-declare const CardTitle: import('react').ForwardRefExoticComponent<
-	HTMLAttributes<HTMLHeadingElement> &
-		import('react').RefAttributes<HTMLParagraphElement>
->;
-declare const CardDescription: import('react').ForwardRefExoticComponent<
-	HTMLAttributes<HTMLParagraphElement> &
-		import('react').RefAttributes<HTMLParagraphElement>
->;
-declare const CardContent: import('react').ForwardRefExoticComponent<
-	HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>
->;
-declare const CardFooter: import('react').ForwardRefExoticComponent<
-	HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>
->;
-export {
-	Card,
-	CardHeader,
-	CardFooter,
-	CardTitle,
-	CardDescription,
-	CardContent,
-};
-//# sourceMappingURL=card.d.ts.map
+import './card.css';
+declare const Card: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CardHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CardTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CardFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };
+//# sourceMappingURL=card.d.ts.map