@geekmidas/ui 9.0.2 → 10.0.0-alpha.0

package/dist/feedback-B9rTsQdJ.cjs

@@ -0,0 +1,505 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_utils = require('./utils-DTuzb7hO.cjs');
+const require_button = require('./button-BSp9VyHi.cjs');
+const require_theme = require('./theme-BBoDSysS.cjs');
+const react_jsx_runtime = require_chunk.__toESM(require("react/jsx-runtime"));
+const lucide_react = require_chunk.__toESM(require("lucide-react"));
+const react = require_chunk.__toESM(require("react"));
+const class_variance_authority = require_chunk.__toESM(require("class-variance-authority"));
+
+//#region src/components/feedback/empty-state.tsx
+const emptyStateVariants = (0, class_variance_authority.cva)("flex flex-col items-center justify-center text-center", {
+	variants: { size: {
+		sm: "gap-2 p-4",
+		md: "gap-3 p-6",
+		lg: "gap-4 p-8"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmptyState = react.forwardRef(({ className, size, icon, title, description, action, secondaryAction, children,...props }, ref) => {
+	const iconSize = size === "sm" ? "h-8 w-8" : size === "lg" ? "h-16 w-16" : "h-12 w-12";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn(emptyStateVariants({
+			size,
+			className
+		})),
+		...props,
+		children: [
+			icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_utils.cn("text-muted-foreground", iconSize),
+				children: icon
+			}),
+			title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+				className: require_utils.cn("font-semibold text-foreground", size === "sm" && "text-sm", size === "lg" && "text-xl"),
+				children: title
+			}),
+			description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: require_utils.cn("text-muted-foreground max-w-sm", size === "sm" && "text-xs", size === "lg" && "text-base", !size && "text-sm"),
+				children: description
+			}),
+			children,
+			(action || secondaryAction) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2 mt-2",
+				children: [action && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+					size: size === "sm" ? "sm" : size === "lg" ? "default" : "sm",
+					onClick: action.onClick,
+					children: action.label
+				}), secondaryAction && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+					variant: "outline",
+					size: size === "sm" ? "sm" : size === "lg" ? "default" : "sm",
+					onClick: secondaryAction.onClick,
+					children: secondaryAction.label
+				})]
+			})
+		]
+	});
+});
+EmptyState.displayName = "EmptyState";
+const NoData = react.forwardRef(({ title = "No data",...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
+		ref,
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Inbox, { className: "h-full w-full" }),
+		title,
+		...props
+	});
+});
+NoData.displayName = "NoData";
+const NoResults = react.forwardRef(({ title = "No results found", searchTerm, description,...props }, ref) => {
+	const desc = description ?? (searchTerm ? `No results found for "${searchTerm}". Try adjusting your search.` : "Try adjusting your search or filters.");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
+		ref,
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Search, { className: "h-full w-full" }),
+		title,
+		description: desc,
+		...props
+	});
+});
+NoResults.displayName = "NoResults";
+const NotFound = react.forwardRef(({ title = "Page not found", description = "The page you're looking for doesn't exist or has been moved.",...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
+		ref,
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileQuestion, { className: "h-full w-full" }),
+		title,
+		description,
+		...props
+	});
+});
+NotFound.displayName = "NotFound";
+const ServerError = react.forwardRef(({ title = "Something went wrong", description = "An unexpected error occurred. Please try again later.",...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
+		ref,
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ServerOff, { className: "h-full w-full" }),
+		title,
+		description,
+		...props
+	});
+});
+ServerError.displayName = "ServerError";
+
+//#endregion
+//#region src/components/feedback/live-indicator.tsx
+const liveIndicatorVariants = (0, class_variance_authority.cva)("inline-flex items-center gap-2 rounded-full text-sm font-medium", {
+	variants: {
+		size: {
+			sm: "h-6 px-2 text-xs",
+			md: "h-7 px-2.5",
+			lg: "h-8 px-3"
+		},
+		variant: {
+			default: "bg-surface border border-border",
+			solid: ""
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	}
+});
+const LiveIndicator = react.forwardRef(({ className, size, variant, live = true, liveLabel = "Live", pausedLabel = "Paused", toggleable = false, onLiveToggle, liveColor = "#22c55e",...props }, ref) => {
+	const handleToggle = () => {
+		onLiveToggle?.(!live);
+	};
+	const dotColor = live ? liveColor : "#6b7280";
+	const textColor = live ? liveColor : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn(liveIndicatorVariants({
+			size,
+			variant,
+			className
+		}), variant === "solid" && live && "bg-green-500/10", variant === "solid" && !live && "bg-muted"),
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_utils.cn("rounded-full", live && "animate-pulse"),
+				style: {
+					backgroundColor: dotColor,
+					width: size === "sm" ? 6 : size === "lg" ? 10 : 8,
+					height: size === "sm" ? 6 : size === "lg" ? 10 : 8
+				}
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				style: { color: textColor },
+				children: live ? liveLabel : pausedLabel
+			}),
+			toggleable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+				variant: "ghost",
+				size: "icon",
+				className: require_utils.cn("ml-1 rounded-full", size === "sm" && "h-4 w-4", size === "md" && "h-5 w-5", size === "lg" && "h-6 w-6"),
+				onClick: handleToggle,
+				children: live ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pause, { className: require_utils.cn(size === "sm" && "h-2.5 w-2.5", size === "md" && "h-3 w-3", size === "lg" && "h-3.5 w-3.5") }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Play, { className: require_utils.cn(size === "sm" && "h-2.5 w-2.5", size === "md" && "h-3 w-3", size === "lg" && "h-3.5 w-3.5") })
+			})
+		]
+	});
+});
+LiveIndicator.displayName = "LiveIndicator";
+const connectionStatusConfig = {
+	connected: {
+		color: "#22c55e",
+		label: "Connected",
+		pulse: false
+	},
+	connecting: {
+		color: "#f59e0b",
+		label: "Connecting...",
+		pulse: true
+	},
+	disconnected: {
+		color: "#6b7280",
+		label: "Disconnected",
+		pulse: false
+	},
+	error: {
+		color: "#ef4444",
+		label: "Error",
+		pulse: true
+	}
+};
+const ConnectionStatus = react.forwardRef(({ className, status, showLabel = true, size = "md",...props }, ref) => {
+	const config = connectionStatusConfig[status];
+	const dotSize = size === "sm" ? 6 : size === "lg" ? 10 : 8;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("inline-flex items-center gap-2", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_utils.cn("rounded-full", config.pulse && "animate-pulse"),
+			style: {
+				backgroundColor: config.color,
+				width: dotSize,
+				height: dotSize
+			}
+		}), showLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_utils.cn("text-sm", size === "sm" && "text-xs", size === "lg" && "text-base"),
+			style: { color: config.color },
+			children: config.label
+		})]
+	});
+});
+ConnectionStatus.displayName = "ConnectionStatus";
+
+//#endregion
+//#region src/components/feedback/loading.tsx
+const spinnerVariants = (0, class_variance_authority.cva)("animate-spin text-muted-foreground", {
+	variants: { size: {
+		xs: "h-3 w-3",
+		sm: "h-4 w-4",
+		md: "h-6 w-6",
+		lg: "h-8 w-8",
+		xl: "h-12 w-12"
+	} },
+	defaultVariants: { size: "md" }
+});
+const Spinner = react.forwardRef(({ className, size,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, {
+		ref,
+		className: require_utils.cn(spinnerVariants({
+			size,
+			className
+		})),
+		...props
+	});
+});
+Spinner.displayName = "Spinner";
+const loadingOverlayVariants = (0, class_variance_authority.cva)("absolute inset-0 flex items-center justify-center bg-background/80 backdrop-blur-sm", {
+	variants: { variant: {
+		default: "bg-background/80",
+		dark: "bg-background/90",
+		light: "bg-background/50"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const LoadingOverlay = react.forwardRef(({ className, variant, loading = true, text, spinnerSize = "lg", children,...props }, ref) => {
+	if (!loading) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn(loadingOverlayVariants({
+			variant,
+			className
+		})),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col items-center gap-3",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { size: spinnerSize }),
+				text && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-sm text-muted-foreground",
+					children: text
+				}),
+				children
+			]
+		})
+	});
+});
+LoadingOverlay.displayName = "LoadingOverlay";
+const LoadingContainer = react.forwardRef(({ className, loading = false, loadingText, spinnerSize, overlayVariant, children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("relative", className),
+		...props,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoadingOverlay, {
+			loading,
+			text: loadingText,
+			spinnerSize,
+			variant: overlayVariant
+		})]
+	});
+});
+LoadingContainer.displayName = "LoadingContainer";
+const LoadingDots = react.forwardRef(({ className, size = "md",...props }, ref) => {
+	const dotSize = size === "sm" ? "h-1 w-1" : size === "lg" ? "h-2.5 w-2.5" : "h-1.5 w-1.5";
+	const gap = size === "sm" ? "gap-1" : size === "lg" ? "gap-2" : "gap-1.5";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("flex items-center", gap, className),
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_utils.cn(dotSize, "rounded-full bg-muted-foreground animate-bounce"),
+				style: { animationDelay: "0ms" }
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_utils.cn(dotSize, "rounded-full bg-muted-foreground animate-bounce"),
+				style: { animationDelay: "150ms" }
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_utils.cn(dotSize, "rounded-full bg-muted-foreground animate-bounce"),
+				style: { animationDelay: "300ms" }
+			})
+		]
+	});
+});
+LoadingDots.displayName = "LoadingDots";
+const Skeleton = react.forwardRef(({ className, width, height, rounded = "md", style,...props }, ref) => {
+	const roundedClass = rounded === true ? "rounded-md" : rounded === false ? "" : rounded === "sm" ? "rounded-sm" : rounded === "lg" ? "rounded-lg" : rounded === "full" ? "rounded-full" : "rounded-md";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("animate-pulse bg-muted", roundedClass, className),
+		style: {
+			width,
+			height,
+			...style
+		},
+		...props
+	});
+});
+Skeleton.displayName = "Skeleton";
+
+//#endregion
+//#region src/components/feedback/status-badge.tsx
+const statusBadgeVariants = (0, class_variance_authority.cva)("inline-flex items-center justify-center rounded-full text-xs font-medium", {
+	variants: { size: {
+		sm: "h-5 min-w-5 px-1.5",
+		md: "h-6 min-w-6 px-2",
+		lg: "h-7 min-w-7 px-2.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const StatusBadge = react.forwardRef(({ className, size, status, method, logLevel, color: customColor, pulse, children, style,...props }, ref) => {
+	let color = customColor;
+	let content = children;
+	if (status !== void 0) {
+		color = color ?? require_theme.getStatusColor(status);
+		content = content ?? String(status);
+	} else if (method) {
+		color = color ?? require_theme.getMethodColor(method);
+		content = content ?? method.toUpperCase();
+	} else if (logLevel) {
+		color = color ?? require_theme.getLogLevelColor(logLevel);
+		content = content ?? logLevel.toUpperCase();
+	}
+	const backgroundColor = color ? `${color}20` : void 0;
+	const textColor = color;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		ref,
+		className: require_utils.cn(statusBadgeVariants({
+			size,
+			className
+		})),
+		style: {
+			backgroundColor,
+			color: textColor,
+			...style
+		},
+		...props,
+		children: [pulse && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "mr-1.5 h-1.5 w-1.5 rounded-full animate-pulse",
+			style: { backgroundColor: color }
+		}), content]
+	});
+});
+StatusBadge.displayName = "StatusBadge";
+const HttpStatusBadge = react.forwardRef(({ code,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusBadge, {
+		ref,
+		status: code,
+		...props
+	});
+});
+HttpStatusBadge.displayName = "HttpStatusBadge";
+const HttpMethodBadge = react.forwardRef(({ method,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusBadge, {
+		ref,
+		method,
+		...props
+	});
+});
+HttpMethodBadge.displayName = "HttpMethodBadge";
+const LogLevelBadge = react.forwardRef(({ level,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusBadge, {
+		ref,
+		logLevel: level,
+		...props
+	});
+});
+LogLevelBadge.displayName = "LogLevelBadge";
+
+//#endregion
+Object.defineProperty(exports, 'ConnectionStatus', {
+  enumerable: true,
+  get: function () {
+    return ConnectionStatus;
+  }
+});
+Object.defineProperty(exports, 'EmptyState', {
+  enumerable: true,
+  get: function () {
+    return EmptyState;
+  }
+});
+Object.defineProperty(exports, 'HttpMethodBadge', {
+  enumerable: true,
+  get: function () {
+    return HttpMethodBadge;
+  }
+});
+Object.defineProperty(exports, 'HttpStatusBadge', {
+  enumerable: true,
+  get: function () {
+    return HttpStatusBadge;
+  }
+});
+Object.defineProperty(exports, 'LiveIndicator', {
+  enumerable: true,
+  get: function () {
+    return LiveIndicator;
+  }
+});
+Object.defineProperty(exports, 'LoadingContainer', {
+  enumerable: true,
+  get: function () {
+    return LoadingContainer;
+  }
+});
+Object.defineProperty(exports, 'LoadingDots', {
+  enumerable: true,
+  get: function () {
+    return LoadingDots;
+  }
+});
+Object.defineProperty(exports, 'LoadingOverlay', {
+  enumerable: true,
+  get: function () {
+    return LoadingOverlay;
+  }
+});
+Object.defineProperty(exports, 'LogLevelBadge', {
+  enumerable: true,
+  get: function () {
+    return LogLevelBadge;
+  }
+});
+Object.defineProperty(exports, 'NoData', {
+  enumerable: true,
+  get: function () {
+    return NoData;
+  }
+});
+Object.defineProperty(exports, 'NoResults', {
+  enumerable: true,
+  get: function () {
+    return NoResults;
+  }
+});
+Object.defineProperty(exports, 'NotFound', {
+  enumerable: true,
+  get: function () {
+    return NotFound;
+  }
+});
+Object.defineProperty(exports, 'ServerError', {
+  enumerable: true,
+  get: function () {
+    return ServerError;
+  }
+});
+Object.defineProperty(exports, 'Skeleton', {
+  enumerable: true,
+  get: function () {
+    return Skeleton;
+  }
+});
+Object.defineProperty(exports, 'Spinner', {
+  enumerable: true,
+  get: function () {
+    return Spinner;
+  }
+});
+Object.defineProperty(exports, 'StatusBadge', {
+  enumerable: true,
+  get: function () {
+    return StatusBadge;
+  }
+});
+Object.defineProperty(exports, 'emptyStateVariants', {
+  enumerable: true,
+  get: function () {
+    return emptyStateVariants;
+  }
+});
+Object.defineProperty(exports, 'liveIndicatorVariants', {
+  enumerable: true,
+  get: function () {
+    return liveIndicatorVariants;
+  }
+});
+Object.defineProperty(exports, 'loadingOverlayVariants', {
+  enumerable: true,
+  get: function () {
+    return loadingOverlayVariants;
+  }
+});
+Object.defineProperty(exports, 'spinnerVariants', {
+  enumerable: true,
+  get: function () {
+    return spinnerVariants;
+  }
+});
+Object.defineProperty(exports, 'statusBadgeVariants', {
+  enumerable: true,
+  get: function () {
+    return statusBadgeVariants;
+  }
+});
+//# sourceMappingURL=feedback-B9rTsQdJ.cjs.map

package/dist/feedback-B9rTsQdJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-B9rTsQdJ.cjs","names":["Button","Inbox","Search","FileQuestion","ServerOff","Button","Pause","Play","Loader2"],"sources":["../src/components/feedback/empty-state.tsx","../src/components/feedback/live-indicator.tsx","../src/components/feedback/loading.tsx","../src/components/feedback/status-badge.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { FileQuestion, Inbox, Search, ServerOff } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\n\nconst emptyStateVariants = cva(\n\t'flex flex-col items-center justify-center text-center',\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: 'gap-2 p-4',\n\t\t\t\tmd: 'gap-3 p-6',\n\t\t\t\tlg: 'gap-4 p-8',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsize: 'md',\n\t\t},\n\t},\n);\n\nexport interface EmptyStateProps\n\textends React.HTMLAttributes<HTMLDivElement>,\n\t\tVariantProps<typeof emptyStateVariants> {\n\t/** Icon to display */\n\ticon?: React.ReactNode;\n\t/** Title text */\n\ttitle?: string;\n\t/** Description text */\n\tdescription?: string;\n\t/** Primary action button */\n\taction?: {\n\t\tlabel: string;\n\t\tonClick: () => void;\n\t};\n\t/** Secondary action button */\n\tsecondaryAction?: {\n\t\tlabel: string;\n\t\tonClick: () => void;\n\t};\n}\n\nconst EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tsize,\n\t\t\ticon,\n\t\t\ttitle,\n\t\t\tdescription,\n\t\t\taction,\n\t\t\tsecondaryAction,\n\t\t\tchildren,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst iconSize =\n\t\t\tsize === 'sm' ? 'h-8 w-8' : size === 'lg' ? 'h-16 w-16' : 'h-12 w-12';\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(emptyStateVariants({ size, className }))}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{icon && (\n\t\t\t\t\t<div className={cn('text-muted-foreground', iconSize)}>{icon}</div>\n\t\t\t\t)}\n\t\t\t\t{title && (\n\t\t\t\t\t<h3\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'font-semibold text-foreground',\n\t\t\t\t\t\t\tsize === 'sm' && 'text-sm',\n\t\t\t\t\t\t\tsize === 'lg' && 'text-xl',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</h3>\n\t\t\t\t)}\n\t\t\t\t{description && (\n\t\t\t\t\t<p\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'text-muted-foreground max-w-sm',\n\t\t\t\t\t\t\tsize === 'sm' && 'text-xs',\n\t\t\t\t\t\t\tsize === 'lg' && 'text-base',\n\t\t\t\t\t\t\t!size && 'text-sm',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</p>\n\t\t\t\t)}\n\t\t\t\t{children}\n\t\t\t\t{(action || secondaryAction) && (\n\t\t\t\t\t<div className=\"flex items-center gap-2 mt-2\">\n\t\t\t\t\t\t{action && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize={size === 'sm' ? 'sm' : size === 'lg' ? 'default' : 'sm'}\n\t\t\t\t\t\t\t\tonClick={action.onClick}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{secondaryAction && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\tsize={size === 'sm' ? 'sm' : size === 'lg' ? 'default' : 'sm'}\n\t\t\t\t\t\t\t\tonClick={secondaryAction.onClick}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{secondaryAction.label}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t},\n);\nEmptyState.displayName = 'EmptyState';\n\n// Preset empty states for common use cases\n\nexport interface NoDataProps extends Omit<EmptyStateProps, 'icon' | 'title'> {\n\ttitle?: string;\n}\n\nconst NoData = React.forwardRef<HTMLDivElement, NoDataProps>(\n\t({ title = 'No data', ...props }, ref) => {\n\t\treturn (\n\t\t\t<EmptyState\n\t\t\t\tref={ref}\n\t\t\t\ticon={<Inbox className=\"h-full w-full\" />}\n\t\t\t\ttitle={title}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nNoData.displayName = 'NoData';\n\nexport interface NoResultsProps\n\textends Omit<EmptyStateProps, 'icon' | 'title'> {\n\ttitle?: string;\n\tsearchTerm?: string;\n}\n\nconst NoResults = React.forwardRef<HTMLDivElement, NoResultsProps>(\n\t({ title = 'No results found', searchTerm, description, ...props }, ref) => {\n\t\tconst desc =\n\t\t\tdescription ??\n\t\t\t(searchTerm\n\t\t\t\t? `No results found for \"${searchTerm}\". Try adjusting your search.`\n\t\t\t\t: 'Try adjusting your search or filters.');\n\n\t\treturn (\n\t\t\t<EmptyState\n\t\t\t\tref={ref}\n\t\t\t\ticon={<Search className=\"h-full w-full\" />}\n\t\t\t\ttitle={title}\n\t\t\t\tdescription={desc}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nNoResults.displayName = 'NoResults';\n\nexport interface NotFoundProps extends Omit<EmptyStateProps, 'icon' | 'title'> {\n\ttitle?: string;\n}\n\nconst NotFound = React.forwardRef<HTMLDivElement, NotFoundProps>(\n\t(\n\t\t{\n\t\t\ttitle = 'Page not found',\n\t\t\tdescription = \"The page you're looking for doesn't exist or has been moved.\",\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\treturn (\n\t\t\t<EmptyState\n\t\t\t\tref={ref}\n\t\t\t\ticon={<FileQuestion className=\"h-full w-full\" />}\n\t\t\t\ttitle={title}\n\t\t\t\tdescription={description}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nNotFound.displayName = 'NotFound';\n\nexport interface ServerErrorProps\n\textends Omit<EmptyStateProps, 'icon' | 'title'> {\n\ttitle?: string;\n}\n\nconst ServerError = React.forwardRef<HTMLDivElement, ServerErrorProps>(\n\t(\n\t\t{\n\t\t\ttitle = 'Something went wrong',\n\t\t\tdescription = 'An unexpected error occurred. Please try again later.',\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\treturn (\n\t\t\t<EmptyState\n\t\t\t\tref={ref}\n\t\t\t\ticon={<ServerOff className=\"h-full w-full\" />}\n\t\t\t\ttitle={title}\n\t\t\t\tdescription={description}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nServerError.displayName = 'ServerError';\n\nexport {\n\tEmptyState,\n\tNoData,\n\tNoResults,\n\tNotFound,\n\tServerError,\n\temptyStateVariants,\n};\n","'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Pause, Play } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\n\nconst liveIndicatorVariants = cva(\n\t'inline-flex items-center gap-2 rounded-full text-sm font-medium',\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: 'h-6 px-2 text-xs',\n\t\t\t\tmd: 'h-7 px-2.5',\n\t\t\t\tlg: 'h-8 px-3',\n\t\t\t},\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-surface border border-border',\n\t\t\t\tsolid: '',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsize: 'md',\n\t\t\tvariant: 'default',\n\t\t},\n\t},\n);\n\nexport interface LiveIndicatorProps\n\textends Omit<React.HTMLAttributes<HTMLDivElement>, 'onToggle'>,\n\t\tVariantProps<typeof liveIndicatorVariants> {\n\t/** Whether the indicator is in live/active state */\n\tlive?: boolean;\n\t/** Label to show when live */\n\tliveLabel?: string;\n\t/** Label to show when paused */\n\tpausedLabel?: string;\n\t/** Whether to show a toggle button */\n\ttoggleable?: boolean;\n\t/** Callback when toggled */\n\tonLiveToggle?: (live: boolean) => void;\n\t/** Custom color for the dot when live */\n\tliveColor?: string;\n}\n\nconst LiveIndicator = React.forwardRef<HTMLDivElement, LiveIndicatorProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tsize,\n\t\t\tvariant,\n\t\t\tlive = true,\n\t\t\tliveLabel = 'Live',\n\t\t\tpausedLabel = 'Paused',\n\t\t\ttoggleable = false,\n\t\t\tonLiveToggle,\n\t\t\tliveColor = '#22c55e',\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst handleToggle = () => {\n\t\t\tonLiveToggle?.(!live);\n\t\t};\n\n\t\tconst dotColor = live ? liveColor : '#6b7280';\n\t\tconst textColor = live ? liveColor : undefined;\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\tliveIndicatorVariants({ size, variant, className }),\n\t\t\t\t\tvariant === 'solid' && live && 'bg-green-500/10',\n\t\t\t\t\tvariant === 'solid' && !live && 'bg-muted',\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclassName={cn('rounded-full', live && 'animate-pulse')}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: dotColor,\n\t\t\t\t\t\twidth: size === 'sm' ? 6 : size === 'lg' ? 10 : 8,\n\t\t\t\t\t\theight: size === 'sm' ? 6 : size === 'lg' ? 10 : 8,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<span style={{ color: textColor }}>\n\t\t\t\t\t{live ? liveLabel : pausedLabel}\n\t\t\t\t</span>\n\t\t\t\t{toggleable && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'ml-1 rounded-full',\n\t\t\t\t\t\t\tsize === 'sm' && 'h-4 w-4',\n\t\t\t\t\t\t\tsize === 'md' && 'h-5 w-5',\n\t\t\t\t\t\t\tsize === 'lg' && 'h-6 w-6',\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={handleToggle}\n\t\t\t\t\t>\n\t\t\t\t\t\t{live ? (\n\t\t\t\t\t\t\t<Pause\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\tsize === 'sm' && 'h-2.5 w-2.5',\n\t\t\t\t\t\t\t\t\tsize === 'md' && 'h-3 w-3',\n\t\t\t\t\t\t\t\t\tsize === 'lg' && 'h-3.5 w-3.5',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Play\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\tsize === 'sm' && 'h-2.5 w-2.5',\n\t\t\t\t\t\t\t\t\tsize === 'md' && 'h-3 w-3',\n\t\t\t\t\t\t\t\t\tsize === 'lg' && 'h-3.5 w-3.5',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t},\n);\nLiveIndicator.displayName = 'LiveIndicator';\n\nexport interface ConnectionStatusProps\n\textends React.HTMLAttributes<HTMLDivElement> {\n\t/** Connection status */\n\tstatus: 'connected' | 'connecting' | 'disconnected' | 'error';\n\t/** Whether to show label */\n\tshowLabel?: boolean;\n\t/** Size of the indicator */\n\tsize?: 'sm' | 'md' | 'lg';\n}\n\nconst connectionStatusConfig = {\n\tconnected: {\n\t\tcolor: '#22c55e',\n\t\tlabel: 'Connected',\n\t\tpulse: false,\n\t},\n\tconnecting: {\n\t\tcolor: '#f59e0b',\n\t\tlabel: 'Connecting...',\n\t\tpulse: true,\n\t},\n\tdisconnected: {\n\t\tcolor: '#6b7280',\n\t\tlabel: 'Disconnected',\n\t\tpulse: false,\n\t},\n\terror: {\n\t\tcolor: '#ef4444',\n\t\tlabel: 'Error',\n\t\tpulse: true,\n\t},\n};\n\nconst ConnectionStatus = React.forwardRef<\n\tHTMLDivElement,\n\tConnectionStatusProps\n>(({ className, status, showLabel = true, size = 'md', ...props }, ref) => {\n\tconst config = connectionStatusConfig[status];\n\tconst dotSize = size === 'sm' ? 6 : size === 'lg' ? 10 : 8;\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn('inline-flex items-center gap-2', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span\n\t\t\t\tclassName={cn('rounded-full', config.pulse && 'animate-pulse')}\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor: config.color,\n\t\t\t\t\twidth: dotSize,\n\t\t\t\t\theight: dotSize,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{showLabel && (\n\t\t\t\t<span\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'text-sm',\n\t\t\t\t\t\tsize === 'sm' && 'text-xs',\n\t\t\t\t\t\tsize === 'lg' && 'text-base',\n\t\t\t\t\t)}\n\t\t\t\t\tstyle={{ color: config.color }}\n\t\t\t\t>\n\t\t\t\t\t{config.label}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</div>\n\t);\n});\nConnectionStatus.displayName = 'ConnectionStatus';\n\nexport { LiveIndicator, ConnectionStatus, liveIndicatorVariants };\n","'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Loader2 } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\n\nconst spinnerVariants = cva('animate-spin text-muted-foreground', {\n\tvariants: {\n\t\tsize: {\n\t\t\txs: 'h-3 w-3',\n\t\t\tsm: 'h-4 w-4',\n\t\t\tmd: 'h-6 w-6',\n\t\t\tlg: 'h-8 w-8',\n\t\t\txl: 'h-12 w-12',\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: 'md',\n\t},\n});\n\nexport interface SpinnerProps\n\textends Omit<React.SVGAttributes<SVGSVGElement>, 'children'>,\n\t\tVariantProps<typeof spinnerVariants> {}\n\nconst Spinner = React.forwardRef<SVGSVGElement, SpinnerProps>(\n\t({ className, size, ...props }, ref) => {\n\t\treturn (\n\t\t\t<Loader2\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(spinnerVariants({ size, className }))}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nSpinner.displayName = 'Spinner';\n\nconst loadingOverlayVariants = cva(\n\t'absolute inset-0 flex items-center justify-center bg-background/80 backdrop-blur-sm',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-background/80',\n\t\t\t\tdark: 'bg-background/90',\n\t\t\t\tlight: 'bg-background/50',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t},\n\t},\n);\n\nexport interface LoadingOverlayProps\n\textends React.HTMLAttributes<HTMLDivElement>,\n\t\tVariantProps<typeof loadingOverlayVariants> {\n\t/** Whether the overlay is visible */\n\tloading?: boolean;\n\t/** Text to display below spinner */\n\ttext?: string;\n\t/** Spinner size */\n\tspinnerSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n}\n\nconst LoadingOverlay = React.forwardRef<HTMLDivElement, LoadingOverlayProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tvariant,\n\t\t\tloading = true,\n\t\t\ttext,\n\t\t\tspinnerSize = 'lg',\n\t\t\tchildren,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tif (!loading) return null;\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(loadingOverlayVariants({ variant, className }))}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className=\"flex flex-col items-center gap-3\">\n\t\t\t\t\t<Spinner size={spinnerSize} />\n\t\t\t\t\t{text && (\n\t\t\t\t\t\t<span className=\"text-sm text-muted-foreground\">{text}</span>\n\t\t\t\t\t)}\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t},\n);\nLoadingOverlay.displayName = 'LoadingOverlay';\n\nexport interface LoadingContainerProps\n\textends React.HTMLAttributes<HTMLDivElement> {\n\t/** Whether the container is loading */\n\tloading?: boolean;\n\t/** Text to display below spinner */\n\tloadingText?: string;\n\t/** Spinner size */\n\tspinnerSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\t/** Overlay variant */\n\toverlayVariant?: 'default' | 'dark' | 'light';\n}\n\nconst LoadingContainer = React.forwardRef<\n\tHTMLDivElement,\n\tLoadingContainerProps\n>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tloading = false,\n\t\t\tloadingText,\n\t\t\tspinnerSize,\n\t\t\toverlayVariant,\n\t\t\tchildren,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={cn('relative', className)} {...props}>\n\t\t\t\t{children}\n\t\t\t\t<LoadingOverlay\n\t\t\t\t\tloading={loading}\n\t\t\t\t\ttext={loadingText}\n\t\t\t\t\tspinnerSize={spinnerSize}\n\t\t\t\t\tvariant={overlayVariant}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t},\n);\nLoadingContainer.displayName = 'LoadingContainer';\n\nexport interface LoadingDotsProps extends React.HTMLAttributes<HTMLDivElement> {\n\t/** Size of dots */\n\tsize?: 'sm' | 'md' | 'lg';\n}\n\nconst LoadingDots = React.forwardRef<HTMLDivElement, LoadingDotsProps>(\n\t({ className, size = 'md', ...props }, ref) => {\n\t\tconst dotSize =\n\t\t\tsize === 'sm' ? 'h-1 w-1' : size === 'lg' ? 'h-2.5 w-2.5' : 'h-1.5 w-1.5';\n\t\tconst gap = size === 'sm' ? 'gap-1' : size === 'lg' ? 'gap-2' : 'gap-1.5';\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn('flex items-center', gap, className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tdotSize,\n\t\t\t\t\t\t'rounded-full bg-muted-foreground animate-bounce',\n\t\t\t\t\t)}\n\t\t\t\t\tstyle={{ animationDelay: '0ms' }}\n\t\t\t\t/>\n\t\t\t\t<span\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tdotSize,\n\t\t\t\t\t\t'rounded-full bg-muted-foreground animate-bounce',\n\t\t\t\t\t)}\n\t\t\t\t\tstyle={{ animationDelay: '150ms' }}\n\t\t\t\t/>\n\t\t\t\t<span\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tdotSize,\n\t\t\t\t\t\t'rounded-full bg-muted-foreground animate-bounce',\n\t\t\t\t\t)}\n\t\t\t\t\tstyle={{ animationDelay: '300ms' }}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t},\n);\nLoadingDots.displayName = 'LoadingDots';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n\t/** Width of the skeleton */\n\twidth?: string | number;\n\t/** Height of the skeleton */\n\theight?: string | number;\n\t/** Whether to use rounded corners */\n\trounded?: boolean | 'sm' | 'md' | 'lg' | 'full';\n}\n\nconst Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n\t({ className, width, height, rounded = 'md', style, ...props }, ref) => {\n\t\tconst roundedClass =\n\t\t\trounded === true\n\t\t\t\t? 'rounded-md'\n\t\t\t\t: rounded === false\n\t\t\t\t\t? ''\n\t\t\t\t\t: rounded === 'sm'\n\t\t\t\t\t\t? 'rounded-sm'\n\t\t\t\t\t\t: rounded === 'lg'\n\t\t\t\t\t\t\t? 'rounded-lg'\n\t\t\t\t\t\t\t: rounded === 'full'\n\t\t\t\t\t\t\t\t? 'rounded-full'\n\t\t\t\t\t\t\t\t: 'rounded-md';\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn('animate-pulse bg-muted', roundedClass, className)}\n\t\t\t\tstyle={{\n\t\t\t\t\twidth,\n\t\t\t\t\theight,\n\t\t\t\t\t...style,\n\t\t\t\t}}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nSkeleton.displayName = 'Skeleton';\n\nexport {\n\tSpinner,\n\tLoadingOverlay,\n\tLoadingContainer,\n\tLoadingDots,\n\tSkeleton,\n\tspinnerVariants,\n\tloadingOverlayVariants,\n};\n","'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n\tgetLogLevelColor,\n\tgetMethodColor,\n\tgetStatusColor,\n} from '../../styles/theme';\n\nconst statusBadgeVariants = cva(\n\t'inline-flex items-center justify-center rounded-full text-xs font-medium',\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: 'h-5 min-w-5 px-1.5',\n\t\t\t\tmd: 'h-6 min-w-6 px-2',\n\t\t\t\tlg: 'h-7 min-w-7 px-2.5',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsize: 'md',\n\t\t},\n\t},\n);\n\nexport interface StatusBadgeProps\n\textends React.HTMLAttributes<HTMLSpanElement>,\n\t\tVariantProps<typeof statusBadgeVariants> {\n\t/** HTTP status code to display */\n\tstatus?: number;\n\t/** HTTP method to display */\n\tmethod?: string;\n\t/** Log level to display */\n\tlogLevel?: string;\n\t/** Custom color (overrides automatic color) */\n\tcolor?: string;\n\t/** Whether to show a pulsing dot */\n\tpulse?: boolean;\n}\n\nconst StatusBadge = React.forwardRef<HTMLSpanElement, StatusBadgeProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tsize,\n\t\t\tstatus,\n\t\t\tmethod,\n\t\t\tlogLevel,\n\t\t\tcolor: customColor,\n\t\t\tpulse,\n\t\t\tchildren,\n\t\t\tstyle,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\t// Determine color based on props\n\t\tlet color = customColor;\n\t\tlet content = children;\n\n\t\tif (status !== undefined) {\n\t\t\tcolor = color ?? getStatusColor(status);\n\t\t\tcontent = content ?? String(status);\n\t\t} else if (method) {\n\t\t\tcolor = color ?? getMethodColor(method);\n\t\t\tcontent = content ?? method.toUpperCase();\n\t\t} else if (logLevel) {\n\t\t\tcolor = color ?? getLogLevelColor(logLevel);\n\t\t\tcontent = content ?? logLevel.toUpperCase();\n\t\t}\n\n\t\tconst backgroundColor = color ? `${color}20` : undefined;\n\t\tconst textColor = color;\n\n\t\treturn (\n\t\t\t<span\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(statusBadgeVariants({ size, className }))}\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor,\n\t\t\t\t\tcolor: textColor,\n\t\t\t\t\t...style,\n\t\t\t\t}}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{pulse && (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName=\"mr-1.5 h-1.5 w-1.5 rounded-full animate-pulse\"\n\t\t\t\t\t\tstyle={{ backgroundColor: color }}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{content}\n\t\t\t</span>\n\t\t);\n\t},\n);\nStatusBadge.displayName = 'StatusBadge';\n\nexport interface HttpStatusBadgeProps\n\textends Omit<StatusBadgeProps, 'status' | 'method' | 'logLevel'> {\n\t/** HTTP status code */\n\tcode: number;\n}\n\nconst HttpStatusBadge = React.forwardRef<HTMLSpanElement, HttpStatusBadgeProps>(\n\t({ code, ...props }, ref) => {\n\t\treturn <StatusBadge ref={ref} status={code} {...props} />;\n\t},\n);\nHttpStatusBadge.displayName = 'HttpStatusBadge';\n\nexport interface HttpMethodBadgeProps\n\textends Omit<StatusBadgeProps, 'status' | 'method' | 'logLevel'> {\n\t/** HTTP method */\n\tmethod: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE' | 'HEAD' | 'OPTIONS';\n}\n\nconst HttpMethodBadge = React.forwardRef<HTMLSpanElement, HttpMethodBadgeProps>(\n\t({ method, ...props }, ref) => {\n\t\treturn <StatusBadge ref={ref} method={method} {...props} />;\n\t},\n);\nHttpMethodBadge.displayName = 'HttpMethodBadge';\n\nexport interface LogLevelBadgeProps\n\textends Omit<StatusBadgeProps, 'status' | 'method' | 'logLevel'> {\n\t/** Log level */\n\tlevel: 'trace' | 'debug' | 'info' | 'warn' | 'error' | 'fatal';\n}\n\nconst LogLevelBadge = React.forwardRef<HTMLSpanElement, LogLevelBadgeProps>(\n\t({ level, ...props }, ref) => {\n\t\treturn <StatusBadge ref={ref} logLevel={level} {...props} />;\n\t},\n);\nLogLevelBadge.displayName = 'LogLevelBadge';\n\nexport {\n\tStatusBadge,\n\tHttpStatusBadge,\n\tHttpMethodBadge,\n\tLogLevelBadge,\n\tstatusBadgeVariants,\n};\n"],"mappings":"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"}