@c15t/dev-tools 0.0.1-rc.8 → 0.0.1-rc.9

package/dist/components/ui/alert.cjs

@@ -1,73 +1,91 @@
-"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__, {
-    AlertDescription: ()=>AlertDescription,
-    AlertTitle: ()=>AlertTitle,
-    Alert: ()=>Alert
+	AlertDescription: () => AlertDescription,
+	AlertTitle: () => AlertTitle,
+	Alert: () => Alert,
 });
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_class_variance_authority_namespaceObject = require("class-variance-authority");
-const external_react_namespaceObject = require("react");
-require("./alert.css");
-const alertVariants = (0, external_class_variance_authority_namespaceObject.cva)('c15t-devtool-alert', {
-    variants: {
-        variant: {
-            default: 'c15t-devtool-alert-default',
-            destructive: 'c15t-devtool-alert-destructive'
-        }
-    },
-    defaultVariants: {
-        variant: 'default'
-    }
+const jsx_runtime_namespaceObject = require('react/jsx-runtime');
+const external_class_variance_authority_namespaceObject = require('class-variance-authority');
+const external_react_namespaceObject = require('react');
+require('./alert.css');
+const alertVariants = (0,
+external_class_variance_authority_namespaceObject.cva)('c15t-devtool-alert', {
+	variants: {
+		variant: {
+			default: 'c15t-devtool-alert-default',
+			destructive: 'c15t-devtool-alert-destructive',
+		},
+	},
+	defaultVariants: {
+		variant: 'default',
+	},
 });
-const Alert = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, variant, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        ref: ref,
-        role: "alert",
-        className: `${alertVariants({
-            variant
-        })} ${className || ''}`,
-        ...props
-    }));
+const Alert = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
+	({ className, variant, ...props }, ref) =>
+		/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
+			ref: ref,
+			role: 'alert',
+			className: `${alertVariants({
+				variant,
+			})} ${className || ''}`,
+			...props,
+		})
+);
 Alert.displayName = 'Alert';
-const AlertTitle = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h5", {
-        ref: ref,
-        className: `c15t-devtool-alert-title ${className || ''}`,
-        ...props
-    }));
+const AlertTitle = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
+	({ className, ...props }, ref) =>
+		/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('h5', {
+			ref: ref,
+			className: `c15t-devtool-alert-title ${className || ''}`,
+			...props,
+		})
+);
 AlertTitle.displayName = 'AlertTitle';
-const AlertDescription = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        ref: ref,
-        className: `c15t-devtool-alert-description ${className || ''}`,
-        ...props
-    }));
-AlertDescription.displayName = "AlertDescription";
+const AlertDescription = /*#__PURE__*/ (0,
+external_react_namespaceObject.forwardRef)(({ className, ...props }, ref) =>
+	/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
+		ref: ref,
+		className: `c15t-devtool-alert-description ${className || ''}`,
+		...props,
+	})
+);
+AlertDescription.displayName = 'AlertDescription';
 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/alert.css

@@ -1,59 +1,62 @@
 .c15t-devtool-alert {
-  border: 1px solid var(--c15t-dev-tools-border);
-  border-radius: .5rem;
-  width: 100%;
-  padding: .75rem 1rem;
-  font-size: .875rem;
-  position: relative;
+	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;
+	color: var(--c15t-dev-tools-foreground);
+	position: absolute;
+	top: 1rem;
+	left: 1rem;
 }
 
 .c15t-devtool-alert > svg + div {
-  transform: translateY(-3px);
+	transform: translateY(-3px);
 }
 
 .c15t-devtool-alert > svg ~ * {
-  padding-left: 1.75rem;
+	padding-left: 1.75rem;
 }
 
 .c15t-devtool-alert-default {
-  background-color: var(--c15t-dev-tools-background);
-  color: var(--c15t-dev-tools-foreground);
+	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);
+	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);
+	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-destructive {
+		border-color: var(--c15t-dev-tools-destructive);
+	}
 }
 
 .c15t-devtool-alert-title {
-  letter-spacing: -.025em;
-  margin-bottom: .25rem;
-  font-weight: 500;
-  line-height: 1;
+	letter-spacing: -.025em;
+	margin-bottom: .25rem;
+	font-weight: 500;
+	line-height: 1;
 }
 
 .c15t-devtool-alert-description {
-  font-size: .875rem;
+	font-size: .875rem;
 }
 
 .c15t-devtool-alert-description p {
-  line-height: 1.625;
+	line-height: 1.625;
 }
-

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

@@ -1,10 +1,26 @@
 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>>;
+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
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/ui/alert.js

@@ -1,37 +1,57 @@
-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
-    }));
+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
-    }));
+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";
+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

@@ -1,61 +1,73 @@
-"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__, {
-    badgeVariants: ()=>badgeVariants,
-    Badge: ()=>Badge
+	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'
-    }
+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
-    });
+	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
-});
+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

@@ -1,52 +1,64 @@
 .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;
+	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(0.4, 0, 0.2, 1);
+	display: inline-flex;
 }
 
-.c15t-devtool-badge:focus, .c15t-devtool-badge:focus-visible {
-  outline: none;
+.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;
+	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);
+	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;
+	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);
+	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;
+	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);
+	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);
+	border-color: var(--c15t-dev-tools-border);
+	color: var(--c15t-dev-tools-foreground);
 }
-

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

@@ -1,11 +1,26 @@
 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;
+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
+//# sourceMappingURL=badge.d.ts.map