@geekmidas/ui 9.0.2 → 10.0.0-alpha.1

package/dist/feedback-DBLrs44v.mjs

@@ -0,0 +1,379 @@
+import { cn } from "./utils-0J5jzmnT.mjs";
+import { Button } from "./button-BB4n8b0z.mjs";
+import { getLogLevelColor, getMethodColor, getStatusColor } from "./theme-DI0sgbjj.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FileQuestion, Inbox, Loader2, Pause, Play, Search, ServerOff } from "lucide-react";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+
+//#region src/components/feedback/empty-state.tsx
+const emptyStateVariants = 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__ */ jsxs("div", {
+		ref,
+		className: cn(emptyStateVariants({
+			size,
+			className
+		})),
+		...props,
+		children: [
+			icon && /* @__PURE__ */ jsx("div", {
+				className: cn("text-muted-foreground", iconSize),
+				children: icon
+			}),
+			title && /* @__PURE__ */ jsx("h3", {
+				className: cn("font-semibold text-foreground", size === "sm" && "text-sm", size === "lg" && "text-xl"),
+				children: title
+			}),
+			description && /* @__PURE__ */ jsx("p", {
+				className: cn("text-muted-foreground max-w-sm", size === "sm" && "text-xs", size === "lg" && "text-base", !size && "text-sm"),
+				children: description
+			}),
+			children,
+			(action || secondaryAction) && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 mt-2",
+				children: [action && /* @__PURE__ */ jsx(Button, {
+					size: size === "sm" ? "sm" : size === "lg" ? "default" : "sm",
+					onClick: action.onClick,
+					children: action.label
+				}), secondaryAction && /* @__PURE__ */ jsx(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__ */ jsx(EmptyState, {
+		ref,
+		icon: /* @__PURE__ */ jsx(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__ */ jsx(EmptyState, {
+		ref,
+		icon: /* @__PURE__ */ jsx(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__ */ jsx(EmptyState, {
+		ref,
+		icon: /* @__PURE__ */ jsx(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__ */ jsx(EmptyState, {
+		ref,
+		icon: /* @__PURE__ */ jsx(ServerOff, { className: "h-full w-full" }),
+		title,
+		description,
+		...props
+	});
+});
+ServerError.displayName = "ServerError";
+
+//#endregion
+//#region src/components/feedback/live-indicator.tsx
+const liveIndicatorVariants = 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__ */ jsxs("div", {
+		ref,
+		className: cn(liveIndicatorVariants({
+			size,
+			variant,
+			className
+		}), variant === "solid" && live && "bg-green-500/10", variant === "solid" && !live && "bg-muted"),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: 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__ */ jsx("span", {
+				style: { color: textColor },
+				children: live ? liveLabel : pausedLabel
+			}),
+			toggleable && /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "icon",
+				className: 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__ */ jsx(Pause, { className: cn(size === "sm" && "h-2.5 w-2.5", size === "md" && "h-3 w-3", size === "lg" && "h-3.5 w-3.5") }) : /* @__PURE__ */ jsx(Play, { className: 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__ */ jsxs("div", {
+		ref,
+		className: cn("inline-flex items-center gap-2", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: cn("rounded-full", config.pulse && "animate-pulse"),
+			style: {
+				backgroundColor: config.color,
+				width: dotSize,
+				height: dotSize
+			}
+		}), showLabel && /* @__PURE__ */ jsx("span", {
+			className: 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 = 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__ */ jsx(Loader2, {
+		ref,
+		className: cn(spinnerVariants({
+			size,
+			className
+		})),
+		...props
+	});
+});
+Spinner.displayName = "Spinner";
+const loadingOverlayVariants = 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__ */ jsx("div", {
+		ref,
+		className: cn(loadingOverlayVariants({
+			variant,
+			className
+		})),
+		...props,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-center gap-3",
+			children: [
+				/* @__PURE__ */ jsx(Spinner, { size: spinnerSize }),
+				text && /* @__PURE__ */ 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__ */ jsxs("div", {
+		ref,
+		className: cn("relative", className),
+		...props,
+		children: [children, /* @__PURE__ */ 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__ */ jsxs("div", {
+		ref,
+		className: cn("flex items-center", gap, className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: cn(dotSize, "rounded-full bg-muted-foreground animate-bounce"),
+				style: { animationDelay: "0ms" }
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: cn(dotSize, "rounded-full bg-muted-foreground animate-bounce"),
+				style: { animationDelay: "150ms" }
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: 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__ */ jsx("div", {
+		ref,
+		className: 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 = 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 ?? getStatusColor(status);
+		content = content ?? String(status);
+	} else if (method) {
+		color = color ?? getMethodColor(method);
+		content = content ?? method.toUpperCase();
+	} else if (logLevel) {
+		color = color ?? getLogLevelColor(logLevel);
+		content = content ?? logLevel.toUpperCase();
+	}
+	const backgroundColor = color ? `${color}20` : void 0;
+	const textColor = color;
+	return /* @__PURE__ */ jsxs("span", {
+		ref,
+		className: cn(statusBadgeVariants({
+			size,
+			className
+		})),
+		style: {
+			backgroundColor,
+			color: textColor,
+			...style
+		},
+		...props,
+		children: [pulse && /* @__PURE__ */ 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__ */ jsx(StatusBadge, {
+		ref,
+		status: code,
+		...props
+	});
+});
+HttpStatusBadge.displayName = "HttpStatusBadge";
+const HttpMethodBadge = React.forwardRef(({ method,...props }, ref) => {
+	return /* @__PURE__ */ jsx(StatusBadge, {
+		ref,
+		method,
+		...props
+	});
+});
+HttpMethodBadge.displayName = "HttpMethodBadge";
+const LogLevelBadge = React.forwardRef(({ level,...props }, ref) => {
+	return /* @__PURE__ */ jsx(StatusBadge, {
+		ref,
+		logLevel: level,
+		...props
+	});
+});
+LogLevelBadge.displayName = "LogLevelBadge";
+
+//#endregion
+export { ConnectionStatus, EmptyState, HttpMethodBadge, HttpStatusBadge, LiveIndicator, LoadingContainer, LoadingDots, LoadingOverlay, LogLevelBadge, NoData, NoResults, NotFound, ServerError, Skeleton, Spinner, StatusBadge, emptyStateVariants, liveIndicatorVariants, loadingOverlayVariants, spinnerVariants, statusBadgeVariants };
+//# sourceMappingURL=feedback-DBLrs44v.mjs.map

package/dist/feedback-DBLrs44v.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-DBLrs44v.mjs","names":[],"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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"}

package/dist/hooks/index.cjs

@@ -1,4 +1,4 @@
-const require_hooks = require('../hooks-DuxmSO-h.cjs');
+const require_hooks = require('../hooks-C5O7RXTd.cjs');
 
 exports.useDebounce = require_hooks.useDebounce;
 exports.useLocalStorage = require_hooks.useLocalStorage;

package/dist/hooks/index.d.cts

@@ -1,2 +1,2 @@
-import { UseWebSocketOptions, UseWebSocketReturn, WebSocketStatus, useDebounce, useLocalStorage, useWebSocket } from "../index-QNnnyGjB.cjs";
+import { UseWebSocketOptions, UseWebSocketReturn, WebSocketStatus, useDebounce, useLocalStorage, useWebSocket } from "../index-DTIa7Ryw.cjs";
 export { UseWebSocketOptions, UseWebSocketReturn, WebSocketStatus, useDebounce, useLocalStorage, useWebSocket };

package/dist/hooks/index.d.mts

@@ -1,2 +1,2 @@
-import { UseWebSocketOptions, UseWebSocketReturn, WebSocketStatus, useDebounce, useLocalStorage, useWebSocket } from "../index-DmtSyJ1q.mjs";
+import { UseWebSocketOptions, UseWebSocketReturn, WebSocketStatus, useDebounce, useLocalStorage, useWebSocket } from "../index-DvzSne29.mjs";
 export { UseWebSocketOptions, UseWebSocketReturn, WebSocketStatus, useDebounce, useLocalStorage, useWebSocket };

package/dist/hooks/index.mjs

@@ -1,3 +1,3 @@
-import { useDebounce, useLocalStorage, useWebSocket } from "../hooks-DBc-Cw9X.mjs";
+import { useDebounce, useLocalStorage, useWebSocket } from "../hooks-Dhkovxbo.mjs";
 
 export { useDebounce, useLocalStorage, useWebSocket };

package/dist/{hooks-DuxmSO-h.cjs → hooks-C5O7RXTd.cjs}

@@ -1,27 +1,5 @@
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-const react = __toESM(require("react"));
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const react = require_chunk.__toESM(require("react"));
 
 //#region src/hooks/use-debounce.ts
 /**
@@ -225,12 +203,6 @@ function useWebSocket(url, options = {}) {
 }
 
 //#endregion
-Object.defineProperty(exports, '__toESM', {
-  enumerable: true,
-  get: function () {
-    return __toESM;
-  }
-});
 Object.defineProperty(exports, 'useDebounce', {
   enumerable: true,
   get: function () {
@@ -249,4 +221,4 @@ Object.defineProperty(exports, 'useWebSocket', {
     return useWebSocket;
   }
 });
-//# sourceMappingURL=hooks-DuxmSO-h.cjs.map
+//# sourceMappingURL=hooks-C5O7RXTd.cjs.map

package/dist/{hooks-DuxmSO-h.cjs.map → hooks-C5O7RXTd.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"hooks-DuxmSO-h.cjs","names":["value: T","delay: number","key: string","initialValue: T","event: StorageEvent","value: T | ((prev: T) => T)","url: string | null","options: UseWebSocketOptions","data: string | object"],"sources":["../src/hooks/use-debounce.ts","../src/hooks/use-local-storage.ts","../src/hooks/use-websocket.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Debounces a value by delaying updates until after a specified delay.\n *\n * @example\n * ```tsx\n * const [search, setSearch] = useState('');\n * const debouncedSearch = useDebounce(search, 300);\n *\n * useEffect(() => {\n *   // Only fires 300ms after user stops typing\n *   fetchResults(debouncedSearch);\n * }, [debouncedSearch]);\n * ```\n */\nexport function useDebounce<T>(value: T, delay: number): T {\n\tconst [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n\tuseEffect(() => {\n\t\tconst timer = setTimeout(() => {\n\t\t\tsetDebouncedValue(value);\n\t\t}, delay);\n\n\t\treturn () => {\n\t\t\tclearTimeout(timer);\n\t\t};\n\t}, [value, delay]);\n\n\treturn debouncedValue;\n}\n\nexport default useDebounce;\n","import { useCallback, useEffect, useState } from 'react';\n\n/**\n * Syncs state with localStorage, with SSR support.\n *\n * @example\n * ```tsx\n * const [theme, setTheme] = useLocalStorage('theme', 'dark');\n *\n * // Value persists across page reloads\n * setTheme('light');\n * ```\n */\nexport function useLocalStorage<T>(\n\tkey: string,\n\tinitialValue: T,\n): [T, (value: T | ((prev: T) => T)) => void, () => void] {\n\t// Get initial value from localStorage or use provided initial value\n\tconst readValue = useCallback((): T => {\n\t\tif (typeof window === 'undefined') {\n\t\t\treturn initialValue;\n\t\t}\n\n\t\ttry {\n\t\t\tconst item = window.localStorage.getItem(key);\n\t\t\treturn item ? (JSON.parse(item) as T) : initialValue;\n\t\t} catch (_error) {\n\t\t\treturn initialValue;\n\t\t}\n\t}, [initialValue, key]);\n\n\tconst [storedValue, setStoredValue] = useState<T>(readValue);\n\n\t// Update state when key changes\n\tuseEffect(() => {\n\t\tsetStoredValue(readValue());\n\t}, [readValue]);\n\n\t// Listen for storage changes from other tabs/windows\n\tuseEffect(() => {\n\t\tconst handleStorageChange = (event: StorageEvent) => {\n\t\t\tif (event.key === key && event.newValue !== null) {\n\t\t\t\ttry {\n\t\t\t\t\tsetStoredValue(JSON.parse(event.newValue) as T);\n\t\t\t\t} catch {\n\t\t\t\t\tsetStoredValue(event.newValue as unknown as T);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\twindow.addEventListener('storage', handleStorageChange);\n\t\treturn () => window.removeEventListener('storage', handleStorageChange);\n\t}, [key]);\n\n\t// Setter that also updates localStorage\n\tconst setValue = useCallback(\n\t\t(value: T | ((prev: T) => T)) => {\n\t\t\ttry {\n\t\t\t\t// Allow value to be a function for functional updates\n\t\t\t\tconst valueToStore =\n\t\t\t\t\tvalue instanceof Function ? value(storedValue) : value;\n\n\t\t\t\tsetStoredValue(valueToStore);\n\n\t\t\t\tif (typeof window !== 'undefined') {\n\t\t\t\t\twindow.localStorage.setItem(key, JSON.stringify(valueToStore));\n\n\t\t\t\t\t// Dispatch event for other components using the same key\n\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\tnew StorageEvent('storage', {\n\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\tnewValue: JSON.stringify(valueToStore),\n\t\t\t\t\t\t}),\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} catch (_error) {}\n\t\t},\n\t\t[key, storedValue],\n\t);\n\n\t// Remove value from localStorage\n\tconst removeValue = useCallback(() => {\n\t\ttry {\n\t\t\tif (typeof window !== 'undefined') {\n\t\t\t\twindow.localStorage.removeItem(key);\n\t\t\t\tsetStoredValue(initialValue);\n\t\t\t}\n\t\t} catch (_error) {}\n\t}, [key, initialValue]);\n\n\treturn [storedValue, setValue, removeValue];\n}\n\nexport default useLocalStorage;\n","import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type WebSocketStatus = 'connecting' | 'connected' | 'disconnected';\n\nexport interface UseWebSocketOptions {\n\t/**\n\t * Automatically reconnect on disconnect.\n\t * @default true\n\t */\n\treconnect?: boolean;\n\t/**\n\t * Reconnection delay in milliseconds.\n\t * @default 3000\n\t */\n\treconnectDelay?: number;\n\t/**\n\t * Maximum reconnection attempts.\n\t * @default 5\n\t */\n\tmaxReconnectAttempts?: number;\n\t/**\n\t * Callback when connection opens.\n\t */\n\tonOpen?: (event: Event) => void;\n\t/**\n\t * Callback when connection closes.\n\t */\n\tonClose?: (event: CloseEvent) => void;\n\t/**\n\t * Callback when an error occurs.\n\t */\n\tonError?: (event: Event) => void;\n\t/**\n\t * Callback when a message is received.\n\t */\n\tonMessage?: (event: MessageEvent) => void;\n}\n\nexport interface UseWebSocketReturn<T = unknown> {\n\t/**\n\t * Current connection status.\n\t */\n\tstatus: WebSocketStatus;\n\t/**\n\t * Last received message (parsed as JSON if possible).\n\t */\n\tlastMessage: T | null;\n\t/**\n\t * Send a message through the WebSocket.\n\t */\n\tsend: (data: string | object) => void;\n\t/**\n\t * Manually connect to the WebSocket.\n\t */\n\tconnect: () => void;\n\t/**\n\t * Manually disconnect from the WebSocket.\n\t */\n\tdisconnect: () => void;\n}\n\n/**\n * Hook for managing WebSocket connections with auto-reconnect.\n *\n * @example\n * ```tsx\n * const { status, lastMessage, send } = useWebSocket<LogEntry>(\n *   'ws://localhost:3000/ws',\n *   {\n *     onMessage: (event) => console.log('Received:', event.data),\n *   }\n * );\n *\n * // Send a message\n * send({ type: 'subscribe', channel: 'logs' });\n *\n * // Check connection status\n * if (status === 'connected') {\n *   // ...\n * }\n * ```\n */\nexport function useWebSocket<T = unknown>(\n\turl: string | null,\n\toptions: UseWebSocketOptions = {},\n): UseWebSocketReturn<T> {\n\tconst {\n\t\treconnect = true,\n\t\treconnectDelay = 3000,\n\t\tmaxReconnectAttempts = 5,\n\t\tonOpen,\n\t\tonClose,\n\t\tonError,\n\t\tonMessage,\n\t} = options;\n\n\tconst [status, setStatus] = useState<WebSocketStatus>('disconnected');\n\tconst [lastMessage, setLastMessage] = useState<T | null>(null);\n\n\tconst wsRef = useRef<WebSocket | null>(null);\n\tconst reconnectAttemptsRef = useRef(0);\n\tconst reconnectTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(\n\t\tnull,\n\t);\n\n\tconst connect = useCallback(() => {\n\t\tif (!url || wsRef.current?.readyState === WebSocket.OPEN) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Clean up existing connection\n\t\tif (wsRef.current) {\n\t\t\twsRef.current.close();\n\t\t}\n\n\t\tsetStatus('connecting');\n\n\t\tconst ws = new WebSocket(url);\n\n\t\tws.onopen = (event) => {\n\t\t\tsetStatus('connected');\n\t\t\treconnectAttemptsRef.current = 0;\n\t\t\tonOpen?.(event);\n\t\t};\n\n\t\tws.onclose = (event) => {\n\t\t\tsetStatus('disconnected');\n\t\t\tonClose?.(event);\n\n\t\t\t// Attempt reconnection if enabled\n\t\t\tif (\n\t\t\t\treconnect &&\n\t\t\t\t!event.wasClean &&\n\t\t\t\treconnectAttemptsRef.current < maxReconnectAttempts\n\t\t\t) {\n\t\t\t\treconnectAttemptsRef.current += 1;\n\t\t\t\treconnectTimeoutRef.current = setTimeout(() => {\n\t\t\t\t\tconnect();\n\t\t\t\t}, reconnectDelay);\n\t\t\t}\n\t\t};\n\n\t\tws.onerror = (event) => {\n\t\t\tonError?.(event);\n\t\t};\n\n\t\tws.onmessage = (event) => {\n\t\t\ttry {\n\t\t\t\tconst data = JSON.parse(event.data) as T;\n\t\t\t\tsetLastMessage(data);\n\t\t\t} catch {\n\t\t\t\tsetLastMessage(event.data as unknown as T);\n\t\t\t}\n\t\t\tonMessage?.(event);\n\t\t};\n\n\t\twsRef.current = ws;\n\t}, [\n\t\turl,\n\t\treconnect,\n\t\treconnectDelay,\n\t\tmaxReconnectAttempts,\n\t\tonOpen,\n\t\tonClose,\n\t\tonError,\n\t\tonMessage,\n\t]);\n\n\tconst disconnect = useCallback(() => {\n\t\tif (reconnectTimeoutRef.current) {\n\t\t\tclearTimeout(reconnectTimeoutRef.current);\n\t\t\treconnectTimeoutRef.current = null;\n\t\t}\n\n\t\tif (wsRef.current) {\n\t\t\twsRef.current.close(1000, 'Manual disconnect');\n\t\t\twsRef.current = null;\n\t\t}\n\n\t\treconnectAttemptsRef.current = maxReconnectAttempts; // Prevent auto-reconnect\n\t\tsetStatus('disconnected');\n\t}, [maxReconnectAttempts]);\n\n\tconst send = useCallback((data: string | object) => {\n\t\tif (wsRef.current?.readyState === WebSocket.OPEN) {\n\t\t\tconst message = typeof data === 'string' ? data : JSON.stringify(data);\n\t\t\twsRef.current.send(message);\n\t\t} else {\n\t\t}\n\t}, []);\n\n\t// Connect on mount if URL is provided\n\tuseEffect(() => {\n\t\tif (url) {\n\t\t\tconnect();\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (reconnectTimeoutRef.current) {\n\t\t\t\tclearTimeout(reconnectTimeoutRef.current);\n\t\t\t}\n\t\t\tif (wsRef.current) {\n\t\t\t\twsRef.current.close(1000, 'Component unmount');\n\t\t\t}\n\t\t};\n\t}, [url, connect]);\n\n\treturn {\n\t\tstatus,\n\t\tlastMessage,\n\t\tsend,\n\t\tconnect,\n\t\tdisconnect,\n\t};\n}\n\nexport default useWebSocket;\n"],"mappings":"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"}
+{"version":3,"file":"hooks-C5O7RXTd.cjs","names":["value: T","delay: number","key: string","initialValue: T","event: StorageEvent","value: T | ((prev: T) => T)","url: string | null","options: UseWebSocketOptions","data: string | object"],"sources":["../src/hooks/use-debounce.ts","../src/hooks/use-local-storage.ts","../src/hooks/use-websocket.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Debounces a value by delaying updates until after a specified delay.\n *\n * @example\n * ```tsx\n * const [search, setSearch] = useState('');\n * const debouncedSearch = useDebounce(search, 300);\n *\n * useEffect(() => {\n *   // Only fires 300ms after user stops typing\n *   fetchResults(debouncedSearch);\n * }, [debouncedSearch]);\n * ```\n */\nexport function useDebounce<T>(value: T, delay: number): T {\n\tconst [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n\tuseEffect(() => {\n\t\tconst timer = setTimeout(() => {\n\t\t\tsetDebouncedValue(value);\n\t\t}, delay);\n\n\t\treturn () => {\n\t\t\tclearTimeout(timer);\n\t\t};\n\t}, [value, delay]);\n\n\treturn debouncedValue;\n}\n\nexport default useDebounce;\n","import { useCallback, useEffect, useState } from 'react';\n\n/**\n * Syncs state with localStorage, with SSR support.\n *\n * @example\n * ```tsx\n * const [theme, setTheme] = useLocalStorage('theme', 'dark');\n *\n * // Value persists across page reloads\n * setTheme('light');\n * ```\n */\nexport function useLocalStorage<T>(\n\tkey: string,\n\tinitialValue: T,\n): [T, (value: T | ((prev: T) => T)) => void, () => void] {\n\t// Get initial value from localStorage or use provided initial value\n\tconst readValue = useCallback((): T => {\n\t\tif (typeof window === 'undefined') {\n\t\t\treturn initialValue;\n\t\t}\n\n\t\ttry {\n\t\t\tconst item = window.localStorage.getItem(key);\n\t\t\treturn item ? (JSON.parse(item) as T) : initialValue;\n\t\t} catch (_error) {\n\t\t\treturn initialValue;\n\t\t}\n\t}, [initialValue, key]);\n\n\tconst [storedValue, setStoredValue] = useState<T>(readValue);\n\n\t// Update state when key changes\n\tuseEffect(() => {\n\t\tsetStoredValue(readValue());\n\t}, [readValue]);\n\n\t// Listen for storage changes from other tabs/windows\n\tuseEffect(() => {\n\t\tconst handleStorageChange = (event: StorageEvent) => {\n\t\t\tif (event.key === key && event.newValue !== null) {\n\t\t\t\ttry {\n\t\t\t\t\tsetStoredValue(JSON.parse(event.newValue) as T);\n\t\t\t\t} catch {\n\t\t\t\t\tsetStoredValue(event.newValue as unknown as T);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\twindow.addEventListener('storage', handleStorageChange);\n\t\treturn () => window.removeEventListener('storage', handleStorageChange);\n\t}, [key]);\n\n\t// Setter that also updates localStorage\n\tconst setValue = useCallback(\n\t\t(value: T | ((prev: T) => T)) => {\n\t\t\ttry {\n\t\t\t\t// Allow value to be a function for functional updates\n\t\t\t\tconst valueToStore =\n\t\t\t\t\tvalue instanceof Function ? value(storedValue) : value;\n\n\t\t\t\tsetStoredValue(valueToStore);\n\n\t\t\t\tif (typeof window !== 'undefined') {\n\t\t\t\t\twindow.localStorage.setItem(key, JSON.stringify(valueToStore));\n\n\t\t\t\t\t// Dispatch event for other components using the same key\n\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\tnew StorageEvent('storage', {\n\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\tnewValue: JSON.stringify(valueToStore),\n\t\t\t\t\t\t}),\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} catch (_error) {}\n\t\t},\n\t\t[key, storedValue],\n\t);\n\n\t// Remove value from localStorage\n\tconst removeValue = useCallback(() => {\n\t\ttry {\n\t\t\tif (typeof window !== 'undefined') {\n\t\t\t\twindow.localStorage.removeItem(key);\n\t\t\t\tsetStoredValue(initialValue);\n\t\t\t}\n\t\t} catch (_error) {}\n\t}, [key, initialValue]);\n\n\treturn [storedValue, setValue, removeValue];\n}\n\nexport default useLocalStorage;\n","import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type WebSocketStatus = 'connecting' | 'connected' | 'disconnected';\n\nexport interface UseWebSocketOptions {\n\t/**\n\t * Automatically reconnect on disconnect.\n\t * @default true\n\t */\n\treconnect?: boolean;\n\t/**\n\t * Reconnection delay in milliseconds.\n\t * @default 3000\n\t */\n\treconnectDelay?: number;\n\t/**\n\t * Maximum reconnection attempts.\n\t * @default 5\n\t */\n\tmaxReconnectAttempts?: number;\n\t/**\n\t * Callback when connection opens.\n\t */\n\tonOpen?: (event: Event) => void;\n\t/**\n\t * Callback when connection closes.\n\t */\n\tonClose?: (event: CloseEvent) => void;\n\t/**\n\t * Callback when an error occurs.\n\t */\n\tonError?: (event: Event) => void;\n\t/**\n\t * Callback when a message is received.\n\t */\n\tonMessage?: (event: MessageEvent) => void;\n}\n\nexport interface UseWebSocketReturn<T = unknown> {\n\t/**\n\t * Current connection status.\n\t */\n\tstatus: WebSocketStatus;\n\t/**\n\t * Last received message (parsed as JSON if possible).\n\t */\n\tlastMessage: T | null;\n\t/**\n\t * Send a message through the WebSocket.\n\t */\n\tsend: (data: string | object) => void;\n\t/**\n\t * Manually connect to the WebSocket.\n\t */\n\tconnect: () => void;\n\t/**\n\t * Manually disconnect from the WebSocket.\n\t */\n\tdisconnect: () => void;\n}\n\n/**\n * Hook for managing WebSocket connections with auto-reconnect.\n *\n * @example\n * ```tsx\n * const { status, lastMessage, send } = useWebSocket<LogEntry>(\n *   'ws://localhost:3000/ws',\n *   {\n *     onMessage: (event) => console.log('Received:', event.data),\n *   }\n * );\n *\n * // Send a message\n * send({ type: 'subscribe', channel: 'logs' });\n *\n * // Check connection status\n * if (status === 'connected') {\n *   // ...\n * }\n * ```\n */\nexport function useWebSocket<T = unknown>(\n\turl: string | null,\n\toptions: UseWebSocketOptions = {},\n): UseWebSocketReturn<T> {\n\tconst {\n\t\treconnect = true,\n\t\treconnectDelay = 3000,\n\t\tmaxReconnectAttempts = 5,\n\t\tonOpen,\n\t\tonClose,\n\t\tonError,\n\t\tonMessage,\n\t} = options;\n\n\tconst [status, setStatus] = useState<WebSocketStatus>('disconnected');\n\tconst [lastMessage, setLastMessage] = useState<T | null>(null);\n\n\tconst wsRef = useRef<WebSocket | null>(null);\n\tconst reconnectAttemptsRef = useRef(0);\n\tconst reconnectTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(\n\t\tnull,\n\t);\n\n\tconst connect = useCallback(() => {\n\t\tif (!url || wsRef.current?.readyState === WebSocket.OPEN) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Clean up existing connection\n\t\tif (wsRef.current) {\n\t\t\twsRef.current.close();\n\t\t}\n\n\t\tsetStatus('connecting');\n\n\t\tconst ws = new WebSocket(url);\n\n\t\tws.onopen = (event) => {\n\t\t\tsetStatus('connected');\n\t\t\treconnectAttemptsRef.current = 0;\n\t\t\tonOpen?.(event);\n\t\t};\n\n\t\tws.onclose = (event) => {\n\t\t\tsetStatus('disconnected');\n\t\t\tonClose?.(event);\n\n\t\t\t// Attempt reconnection if enabled\n\t\t\tif (\n\t\t\t\treconnect &&\n\t\t\t\t!event.wasClean &&\n\t\t\t\treconnectAttemptsRef.current < maxReconnectAttempts\n\t\t\t) {\n\t\t\t\treconnectAttemptsRef.current += 1;\n\t\t\t\treconnectTimeoutRef.current = setTimeout(() => {\n\t\t\t\t\tconnect();\n\t\t\t\t}, reconnectDelay);\n\t\t\t}\n\t\t};\n\n\t\tws.onerror = (event) => {\n\t\t\tonError?.(event);\n\t\t};\n\n\t\tws.onmessage = (event) => {\n\t\t\ttry {\n\t\t\t\tconst data = JSON.parse(event.data) as T;\n\t\t\t\tsetLastMessage(data);\n\t\t\t} catch {\n\t\t\t\tsetLastMessage(event.data as unknown as T);\n\t\t\t}\n\t\t\tonMessage?.(event);\n\t\t};\n\n\t\twsRef.current = ws;\n\t}, [\n\t\turl,\n\t\treconnect,\n\t\treconnectDelay,\n\t\tmaxReconnectAttempts,\n\t\tonOpen,\n\t\tonClose,\n\t\tonError,\n\t\tonMessage,\n\t]);\n\n\tconst disconnect = useCallback(() => {\n\t\tif (reconnectTimeoutRef.current) {\n\t\t\tclearTimeout(reconnectTimeoutRef.current);\n\t\t\treconnectTimeoutRef.current = null;\n\t\t}\n\n\t\tif (wsRef.current) {\n\t\t\twsRef.current.close(1000, 'Manual disconnect');\n\t\t\twsRef.current = null;\n\t\t}\n\n\t\treconnectAttemptsRef.current = maxReconnectAttempts; // Prevent auto-reconnect\n\t\tsetStatus('disconnected');\n\t}, [maxReconnectAttempts]);\n\n\tconst send = useCallback((data: string | object) => {\n\t\tif (wsRef.current?.readyState === WebSocket.OPEN) {\n\t\t\tconst message = typeof data === 'string' ? data : JSON.stringify(data);\n\t\t\twsRef.current.send(message);\n\t\t} else {\n\t\t}\n\t}, []);\n\n\t// Connect on mount if URL is provided\n\tuseEffect(() => {\n\t\tif (url) {\n\t\t\tconnect();\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (reconnectTimeoutRef.current) {\n\t\t\t\tclearTimeout(reconnectTimeoutRef.current);\n\t\t\t}\n\t\t\tif (wsRef.current) {\n\t\t\t\twsRef.current.close(1000, 'Component unmount');\n\t\t\t}\n\t\t};\n\t}, [url, connect]);\n\n\treturn {\n\t\tstatus,\n\t\tlastMessage,\n\t\tsend,\n\t\tconnect,\n\t\tdisconnect,\n\t};\n}\n\nexport default useWebSocket;\n"],"mappings":"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"}

package/dist/{hooks-DBc-Cw9X.mjs → hooks-Dhkovxbo.mjs}

@@ -203,4 +203,4 @@ function useWebSocket(url, options = {}) {
 
 //#endregion
 export { useDebounce, useLocalStorage, useWebSocket };
-//# sourceMappingURL=hooks-DBc-Cw9X.mjs.map
+//# sourceMappingURL=hooks-Dhkovxbo.mjs.map