@c15t/dev-tools 0.0.1-rc.10

package/dist/components/ui/alert.css

@@ -0,0 +1,59 @@
+.c15t-devtool-alert {
+  border: 1px solid var(--c15t-dev-tools-border);
+  border-radius: .5rem;
+  width: 100%;
+  padding: .75rem 1rem;
+  font-size: .875rem;
+  position: relative;
+}
+
+.c15t-devtool-alert > svg {
+  color: var(--c15t-dev-tools-foreground);
+  position: absolute;
+  top: 1rem;
+  left: 1rem;
+}
+
+.c15t-devtool-alert > svg + div {
+  transform: translateY(-3px);
+}
+
+.c15t-devtool-alert > svg ~ * {
+  padding-left: 1.75rem;
+}
+
+.c15t-devtool-alert-default {
+  background-color: var(--c15t-dev-tools-background);
+  color: var(--c15t-dev-tools-foreground);
+}
+
+.c15t-devtool-alert-destructive {
+  border-color: color-mix(in srgb, var(--c15t-dev-tools-destructive) 50%, transparent);
+  color: var(--c15t-dev-tools-destructive);
+}
+
+.c15t-devtool-alert-destructive > svg {
+  color: var(--c15t-dev-tools-destructive);
+}
+
+@media (prefers-color-scheme: dark) {
+  .c15t-devtool-alert-destructive {
+    border-color: var(--c15t-dev-tools-destructive);
+  }
+}
+
+.c15t-devtool-alert-title {
+  letter-spacing: -.025em;
+  margin-bottom: .25rem;
+  font-weight: 500;
+  line-height: 1;
+}
+
+.c15t-devtool-alert-description {
+  font-size: .875rem;
+}
+
+.c15t-devtool-alert-description p {
+  line-height: 1.625;
+}
+

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

@@ -0,0 +1,10 @@
+import { type VariantProps } from 'class-variance-authority';
+import { type HTMLAttributes } from 'react';
+import './alert.css';
+declare const Alert: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+export { Alert, AlertTitle, AlertDescription };
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,aAAa,CAAC;AAcrB,QAAA,MAAM,KAAK;;gIAUT,CAAC;AAGH,QAAA,MAAM,UAAU,qIASd,CAAC;AAGH,QAAA,MAAM,gBAAgB,uIASpB,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ui/alert.js

@@ -0,0 +1,37 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import "./alert.css";
+const alertVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)('c15t-devtool-alert', {
+    variants: {
+        variant: {
+            default: 'c15t-devtool-alert-default',
+            destructive: 'c15t-devtool-alert-destructive'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+const Alert = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, variant, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        ref: ref,
+        role: "alert",
+        className: `${alertVariants({
+            variant
+        })} ${className || ''}`,
+        ...props
+    }));
+Alert.displayName = 'Alert';
+const AlertTitle = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h5", {
+        ref: ref,
+        className: `c15t-devtool-alert-title ${className || ''}`,
+        ...props
+    }));
+AlertTitle.displayName = 'AlertTitle';
+const AlertDescription = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        ref: ref,
+        className: `c15t-devtool-alert-description ${className || ''}`,
+        ...props
+    }));
+AlertDescription.displayName = "AlertDescription";
+export { Alert, AlertDescription, AlertTitle };

package/dist/components/ui/badge.cjs

@@ -0,0 +1,61 @@
+"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__.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
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    badgeVariants: ()=>badgeVariants,
+    Badge: ()=>Badge
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_class_variance_authority_namespaceObject = require("class-variance-authority");
+const utils_cjs_namespaceObject = require("../../libs/utils.cjs");
+require("./badge.css");
+const badgeVariants = (0, external_class_variance_authority_namespaceObject.cva)('c15t-devtool-badge', {
+    variants: {
+        variant: {
+            default: 'c15t-devtool-badge-default',
+            secondary: 'c15t-devtool-badge-secondary',
+            destructive: 'c15t-devtool-badge-destructive',
+            outline: 'c15t-devtool-badge-outline'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function Badge({ className, variant, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, utils_cjs_namespaceObject.cn)(badgeVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+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
+});

package/dist/components/ui/badge.css

@@ -0,0 +1,52 @@
+.c15t-devtool-badge {
+  border: 1px solid #0000;
+  border-radius: 9999px;
+  align-items: center;
+  padding: .125rem .625rem;
+  font-size: .75rem;
+  font-weight: 600;
+  transition-property: color, background-color;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  display: inline-flex;
+}
+
+.c15t-devtool-badge:focus, .c15t-devtool-badge:focus-visible {
+  outline: none;
+}
+
+.c15t-devtool-badge-default {
+  background-color: var(--c15t-dev-tools-primary);
+  color: var(--c15t-dev-tools-primary-foreground);
+  border-color: #0000;
+}
+
+.c15t-devtool-badge-default:hover {
+  background-color: color-mix(in srgb, var(--c15t-dev-tools-primary) 80%, transparent);
+}
+
+.c15t-devtool-badge-secondary {
+  background-color: var(--c15t-dev-tools-secondary);
+  color: var(--c15t-dev-tools-secondary-foreground);
+  border-color: #0000;
+}
+
+.c15t-devtool-badge-secondary:hover {
+  background-color: color-mix(in srgb, var(--c15t-dev-tools-secondary) 80%, transparent);
+}
+
+.c15t-devtool-badge-destructive {
+  background-color: var(--c15t-dev-tools-destructive);
+  color: var(--c15t-dev-tools-destructive-foreground);
+  border-color: #0000;
+}
+
+.c15t-devtool-badge-destructive:hover {
+  background-color: color-mix(in srgb, var(--c15t-dev-tools-destructive) 80%, transparent);
+}
+
+.c15t-devtool-badge-outline {
+  border-color: var(--c15t-dev-tools-border);
+  color: var(--c15t-dev-tools-foreground);
+}
+

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

@@ -0,0 +1,11 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { HTMLAttributes } from 'react';
+import './badge.css';
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,aAAa,CAAC;AAErB,QAAA,MAAM,aAAa;;8EAYjB,CAAC;AAEH,MAAM,WAAW,UAChB,SAAQ,cAAc,CAAC,cAAc,CAAC,EACrC,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEvC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAI1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/badge.js

@@ -0,0 +1,26 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
+import * as __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__ from "../../libs/utils.js";
+import "./badge.css";
+const badgeVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)('c15t-devtool-badge', {
+    variants: {
+        variant: {
+            default: 'c15t-devtool-badge-default',
+            secondary: 'c15t-devtool-badge-secondary',
+            destructive: 'c15t-devtool-badge-destructive',
+            outline: 'c15t-devtool-badge-outline'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function Badge({ className, variant, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(badgeVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+export { Badge, badgeVariants };

package/dist/components/ui/button.cjs

@@ -0,0 +1,75 @@
+"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__.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
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    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
+    });
+});
+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
+});

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

@@ -0,0 +1,13 @@
+import { type VariantProps } from 'class-variance-authority';
+import { type ButtonHTMLAttributes } from 'react';
+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>>;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +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;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

@@ -0,0 +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 "./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

@@ -0,0 +1,79 @@
+"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__.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
+        });
+    };
+})();
+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
+});
+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: `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: `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: `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: `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
+});

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

@@ -0,0 +1,10 @@
+import { type HTMLAttributes } from 'react';
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,YAAY,CAAC;AAEpB,QAAA,MAAM,IAAI,2HAQT,CAAC;AAGF,QAAA,MAAM,UAAU,2HAQf,CAAC;AAGF,QAAA,MAAM,SAAS,qIASb,CAAC;AAGH,QAAA,MAAM,eAAe,uIASnB,CAAC;AAGH,QAAA,MAAM,WAAW,2HAQhB,CAAC;AAGF,QAAA,MAAM,UAAU,2HAQf,CAAC;AAGF,OAAO,EACN,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,GACX,CAAC"}

package/dist/components/ui/card.js

@@ -0,0 +1,40 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import "./card.css";
+const Card = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        ref: ref,
+        className: `c15t-devtool-card ${className || ''}`,
+        ...props
+    }));
+Card.displayName = 'Card';
+const CardHeader = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        ref: ref,
+        className: `c15t-devtool-card-header ${className || ''}`,
+        ...props
+    }));
+CardHeader.displayName = 'CardHeader';
+const CardTitle = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h3", {
+        ref: ref,
+        className: `c15t-devtool-card-title ${className || ''}`,
+        ...props
+    }));
+CardTitle.displayName = 'CardTitle';
+const CardDescription = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+        ref: ref,
+        className: `c15t-devtool-card-description ${className || ''}`,
+        ...props
+    }));
+CardDescription.displayName = "CardDescription";
+const CardContent = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        ref: ref,
+        className: `c15t-devtool-card-content ${className || ''}`,
+        ...props
+    }));
+CardContent.displayName = 'CardContent';
+const CardFooter = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        ref: ref,
+        className: `c15t-devtool-card-footer ${className || ''}`,
+        ...props
+    }));
+CardFooter.displayName = 'CardFooter';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };