@playfast/reform-better-hub-ui-primitives 0.0.2 → 0.0.4

package/src/components/resize-handle.tsx

@@ -0,0 +1,86 @@
+// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
+// (apps/web/src/components/ui/resize-handle.tsx). Full credit to the Better Auth team.
+
+import type * as React from "react";
+import { useCallback, useEffect, useState } from "react";
+import type { MouseEvent as ReactMouseEvent } from "react";
+import { cn } from "../foundation/cn";
+
+interface ResizeHandleProps {
+	/** Called continuously during drag with clientX pixel position */
+	onResize: (clientX: number) => void;
+	/** Called when drag starts */
+	onDragStart?: () => void;
+	/** Called when drag ends */
+	onDragEnd?: () => void;
+	/** Double click handler (e.g. reset to default) */
+	onDoubleClick?: () => void;
+	className?: string;
+}
+
+export function ResizeHandle({
+	onResize,
+	onDragStart,
+	onDragEnd,
+	onDoubleClick,
+	className,
+}: ResizeHandleProps): React.JSX.Element {
+	const [isDragging, setIsDragging] = useState(false);
+
+	const handleMouseDown = useCallback(
+		(e: ReactMouseEvent) => {
+			e.preventDefault();
+			setIsDragging(true);
+			onDragStart?.();
+		},
+		[onDragStart],
+	);
+
+	useEffect(() => {
+		if (!isDragging) return;
+
+		const handleMouseMove = (e: MouseEvent) => {
+			onResize(e.clientX);
+		};
+
+		const handleMouseUp = () => {
+			setIsDragging(false);
+			onDragEnd?.();
+		};
+
+		document.addEventListener("mousemove", handleMouseMove);
+		document.addEventListener("mouseup", handleMouseUp);
+		document.body.style.userSelect = "none";
+		document.body.style.cursor = "col-resize";
+
+		return () => {
+			document.removeEventListener("mousemove", handleMouseMove);
+			document.removeEventListener("mouseup", handleMouseUp);
+			document.body.style.userSelect = "";
+			document.body.style.cursor = "";
+		};
+	}, [isDragging, onResize, onDragEnd]);
+
+	return (
+		<div
+			onMouseDown={handleMouseDown}
+			onDoubleClick={onDoubleClick}
+			className={cn(
+				"relative shrink-0 w-0 group/resize cursor-col-resize z-10",
+				className,
+			)}
+		>
+			{/* Wider invisible hit area */}
+			<div className="absolute inset-y-0 -left-[5px] w-[11px]" />
+			{/* Visible line */}
+			<div
+				className={cn(
+					"absolute inset-y-0 -left-px w-[2px] transition-all duration-150",
+					isDragging
+						? "bg-foreground/25"
+						: "bg-transparent group-hover/resize:bg-foreground/15",
+				)}
+			/>
+		</div>
+	);
+}

package/src/components/sheet.tsx

@@ -0,0 +1,147 @@
+// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
+// (apps/web/src/components/ui/sheet.tsx). Full credit to the Better Auth team.
+
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import type * as React from "react";
+import { cn } from "../foundation/cn";
+
+function Sheet({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element {
+	return <DialogPrimitive.Root data-slot="sheet" {...props} />;
+}
+
+function SheetTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element {
+	return <DialogPrimitive.Trigger data-slot="sheet-trigger" {...props} />;
+}
+
+function SheetPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element {
+	return <DialogPrimitive.Portal data-slot="sheet-portal" {...props} />;
+}
+
+function SheetClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element {
+	return <DialogPrimitive.Close data-slot="sheet-close" {...props} />;
+}
+
+function SheetOverlay({
+	className,
+	...props
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element {
+	return (
+		<DialogPrimitive.Overlay
+			data-slot="sheet-overlay"
+			className={cn(
+				"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/25 dark:bg-black/70 backdrop-blur-[2px]",
+				className,
+			)}
+			{...props}
+		/>
+	);
+}
+
+interface SheetContentProps extends React.ComponentProps<typeof DialogPrimitive.Content> {
+	side?: "left" | "right" | "top" | "bottom";
+	showCloseButton?: boolean;
+}
+
+function SheetContent({
+	className,
+	children,
+	side = "right",
+	showCloseButton = true,
+	...props
+}: SheetContentProps): React.JSX.Element {
+	const sideStyles = {
+		right: "inset-y-0 right-0 h-full w-3/4 sm:max-w-xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
+		left: "inset-y-0 left-0 h-full w-3/4 sm:max-w-xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
+		top: "inset-x-0 top-0 w-full data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+		bottom: "inset-x-0 bottom-0 w-full data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+	};
+
+	return (
+		<SheetPortal>
+			<SheetOverlay />
+			<DialogPrimitive.Content
+				data-slot="sheet-content"
+				className={cn(
+					"fixed z-50 flex flex-col bg-background border-l border-border shadow-lg duration-300",
+					sideStyles[side],
+					className,
+				)}
+				{...props}
+			>
+				<DialogPrimitive.Title className="hidden sr-only">
+					{props.title}
+				</DialogPrimitive.Title>
+				{children}
+				{showCloseButton && (
+					<DialogPrimitive.Close className="absolute top-4 right-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary cursor-pointer">
+						<XIcon className="h-4 w-4" />
+						<span className="sr-only">Close</span>
+					</DialogPrimitive.Close>
+				)}
+			</DialogPrimitive.Content>
+		</SheetPortal>
+	);
+}
+
+function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element {
+	return (
+		<div
+			data-slot="sheet-header"
+			className={cn(
+				"flex flex-col gap-2 px-6 py-4 border-b border-border",
+				className,
+			)}
+			{...props}
+		/>
+	);
+}
+
+function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element {
+	return (
+		<div
+			data-slot="sheet-footer"
+			className={cn(
+				"flex flex-col-reverse gap-2 px-6 py-4 border-t border-border sm:flex-row sm:justify-end",
+				className,
+			)}
+			{...props}
+		/>
+	);
+}
+
+function SheetTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element {
+	return (
+		<DialogPrimitive.Title
+			data-slot="sheet-title"
+			className={cn("text-lg font-semibold text-foreground", className)}
+			{...props}
+		/>
+	);
+}
+
+function SheetDescription({
+	className,
+	...props
+}: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element {
+	return (
+		<DialogPrimitive.Description
+			data-slot="sheet-description"
+			className={cn("text-sm text-muted-foreground", className)}
+			{...props}
+		/>
+	);
+}
+
+export {
+	Sheet,
+	SheetClose,
+	SheetContent,
+	SheetDescription,
+	SheetFooter,
+	SheetHeader,
+	SheetOverlay,
+	SheetPortal,
+	SheetTitle,
+	SheetTrigger,
+};

package/src/components/textarea.tsx

@@ -0,0 +1,21 @@
+// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
+// (apps/web/src/components/ui/textarea.tsx). Full credit to the Better Auth team.
+import type * as React from "react";
+import type { ComponentProps } from "react";
+
+import { cn } from "../foundation/cn";
+
+function Textarea({ className, ...props }: ComponentProps<"textarea">): React.JSX.Element {
+	return (
+		<textarea
+			data-slot="textarea"
+			className={cn(
+				"flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+				className,
+			)}
+			{...props}
+		/>
+	);
+}
+
+export { Textarea };

package/src/components/time-ago.tsx

@@ -0,0 +1,57 @@
+// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
+// (apps/web/src/components/ui/time-ago.tsx). Full credit to the Better Auth team.
+
+import type * as React from "react";
+import { useState, useEffect } from 'react';
+
+// Inlined from better-hub's "@/lib/utils" (timeAgo) — only the piece used here.
+function timeAgo(date: string | Date): string {
+	const now = new Date();
+	const then = new Date(date);
+	const seconds = Math.floor((now.getTime() - then.getTime()) / 1000);
+
+	if (seconds < 60) return 'just now';
+	if (seconds < 3600) return `${Math.floor(seconds / 60)}m ago`;
+	if (seconds < 86400) return `${Math.floor(seconds / 3600)}h ago`;
+	if (seconds < 604800) return `${Math.floor(seconds / 86400)}d ago`;
+	if (seconds < 2592000) return `${Math.floor(seconds / 604800)}w ago`;
+
+	const months = Math.floor(seconds / 2592000);
+	if (months < 12) return `${months}mo ago`;
+
+	const sameYear = then.getFullYear() === now.getFullYear();
+	if (sameYear) {
+		return then.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
+	}
+	return then.toLocaleDateString('en-US', {
+		month: 'short',
+		day: 'numeric',
+		year: 'numeric',
+	});
+}
+
+interface TimeAgoProps {
+	date: string | Date;
+	className?: string;
+}
+
+export function TimeAgo({ date, className }: TimeAgoProps): React.JSX.Element {
+	const [text, setText] = useState(() => timeAgo(date));
+
+	useEffect(() => {
+		setText(timeAgo(date));
+		const interval = setInterval(() => setText(timeAgo(date)), 60_000);
+		return () => clearInterval(interval);
+	}, [date]);
+
+	return (
+		<time
+			dateTime={typeof date === 'string' ? date : date.toISOString()}
+			title={new Date(date).toLocaleString()}
+			className={className}
+			suppressHydrationWarning
+		>
+			{text}
+		</time>
+	);
+}

package/src/components/tooltip.tsx

@@ -0,0 +1,64 @@
+// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
+// (apps/web/src/components/ui/tooltip.tsx). Full credit to the Better Auth team.
+
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import type * as React from "react";
+import { cn } from "../foundation/cn";
+
+function TooltipProvider({
+	delayDuration = 300,
+	...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element {
+	return (
+		<TooltipPrimitive.Provider
+			data-slot="tooltip-provider"
+			delayDuration={delayDuration}
+			{...props}
+		/>
+	);
+}
+
+function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element {
+	return <TooltipPrimitive.Root data-slot="tooltip" {...props} />;
+}
+
+function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element {
+	return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
+}
+
+function TooltipPortal({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Portal>): React.JSX.Element {
+	return <TooltipPrimitive.Portal data-slot="tooltip-portal" {...props} />;
+}
+
+function TooltipContent({
+	className,
+	sideOffset = 4,
+	...props
+}: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element {
+	return (
+		<TooltipPrimitive.Content
+			data-slot="tooltip-content"
+			sideOffset={sideOffset}
+			className={cn(
+				"bg-background text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md",
+				className,
+			)}
+			{...props}
+		/>
+	);
+}
+
+function TooltipArrow({
+	className,
+	...props
+}: React.ComponentProps<typeof TooltipPrimitive.Arrow>): React.JSX.Element {
+	return (
+		<TooltipPrimitive.Arrow
+			data-slot="tooltip-arrow"
+			className={cn("fill-background", className)}
+			{...props}
+		/>
+	);
+}
+
+export { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger };

package/src/foundation/cn.ts

@@ -0,0 +1,8 @@
+import { type ClassValue, clsx } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+/**
+ * Merge class names with Tailwind-aware de-duplication.
+ * Adapted from better-hub (apps/web/src/lib/utils.ts). See ../../README.md.
+ */
+export const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs))

package/src/foundation/styles.css

@@ -0,0 +1,156 @@
+/*
+ * Design tokens & base styles for the better-hub UI primitives.
+ *
+ * Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
+ * (apps/web/src/app/globals.css). Tailwind v4 "new-york" shadcn style, "Midnight"
+ * dark theme. Full credit to the Better Auth team. See ../../README.md.
+ */
+@import 'tailwindcss';
+@import 'tw-animate-css';
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-destructive: var(--destructive);
+  --color-success: var(--success);
+  --color-warning: var(--warning);
+  --color-link: var(--link);
+  --color-info: var(--info);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+  --radius-sm: var(--radius-sm);
+  --radius-md: var(--radius-md);
+  --radius-lg: var(--radius-lg);
+  --radius-xl: calc(var(--radius-lg) + 0.25rem);
+  --shadow-2xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
+  --shadow-xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
+  --shadow-sm: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
+  --shadow: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
+  --shadow-md: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 2px 4px -1px hsl(0 0% 0% / 0.18);
+  --shadow-lg: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 4px 6px -1px hsl(0 0% 0% / 0.18);
+}
+
+:root.dark {
+  color-scheme: dark;
+}
+
+/*
+ * Light theme — the counterpart to Midnight. The base color tokens below are
+ * defined once on `:root` as the dark (default) palette; this block overrides them
+ * with a coherent zinc-based light palette whenever the `.dark` class is absent.
+ * `:root:not(.dark)` outranks bare `:root` in specificity, so these win in light
+ * mode and are simply not matched (leaving the dark defaults) once `.dark` is set.
+ */
+:root:not(.dark) {
+  color-scheme: light;
+  --background: #ffffff;
+  --foreground: #09090b;
+  --card: #ffffff;
+  --card-foreground: #09090b;
+  --primary: #18181b;
+  --primary-foreground: #fafafa;
+  --secondary: #f4f4f5;
+  --secondary-foreground: #18181b;
+  --muted: #f4f4f5;
+  --muted-foreground: #71717a;
+  --accent: #f4f4f5;
+  --accent-foreground: #18181b;
+  --border: #e4e4e7;
+  --input: #e4e4e7;
+  --ring: #a1a1aa;
+  --link: #2563eb;
+  --info: #2563eb;
+  --scrollbar-thumb: #d4d4d8;
+  --scrollbar-thumb-hover: #a1a1aa;
+  --selection-bg: oklch(0.6 0.12 285 / 18%);
+}
+
+/* Default theme: Midnight (dark) */
+:root {
+  --font-geist-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+    'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --font-geist-mono: 'Geist Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas,
+    'Liberation Mono', monospace;
+  --radius-sm: 0.25rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --background: #030304;
+  --foreground: #fafafa;
+  --card: #111113;
+  --card-foreground: #fafafa;
+  --primary: #e4e4e7;
+  --primary-foreground: #09090b;
+  --secondary: #1a1a1e;
+  --secondary-foreground: #fafafa;
+  --muted: #1a1a1e;
+  --muted-foreground: #a1a1aa;
+  --accent: #1a1a1e;
+  --accent-foreground: #fafafa;
+  --border: #27272a;
+  --input: #27272a;
+  --ring: #3f3f46;
+  --destructive: oklch(0.704 0.191 22.216);
+  --success: oklch(0.627 0.194 149.214);
+  --warning: oklch(0.769 0.188 70.08);
+  --link: #58a6ff;
+  --info: #58a6ff;
+  --scrollbar-thumb: #3f3f46;
+  --scrollbar-thumb-hover: #52525b;
+  --selection-bg: oklch(0.7 0.1 285 / 20%);
+}
+
+* {
+  border-color: var(--border);
+}
+
+body {
+  margin: 0;
+  background: var(--background);
+  color: var(--foreground);
+  font-family: var(--font-sans), system-ui, sans-serif;
+}
+
+::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: 9999px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: var(--scrollbar-thumb-hover);
+}
+* {
+  scrollbar-width: thin;
+  scrollbar-color: var(--scrollbar-thumb) transparent;
+}
+::selection {
+  background: var(--selection-bg);
+}
+
+.no-scrollbar {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}

package/{dist/index.js → src/index.tsx}

@@ -1,6 +1,7 @@
 // This package's primitives are adapted from better-hub by Better Auth
 // (https://github.com/better-auth/better-hub) — full credit to the original
 // authors. See README.md for details.
+
 export * from './components/agent-icon';
 export * from './components/badge';
 export * from './components/button';
@@ -20,5 +21,5 @@ export * from './components/sheet';
 export * from './components/textarea';
 export * from './components/time-ago';
 export * from './components/tooltip';
+
 export { cn } from './foundation/cn';
-//# sourceMappingURL=index.js.map

package/dist/components/agent-icon.d.ts

@@ -1,5 +0,0 @@
-import type * as React from "react";
-export declare function AgentIcon({ className }: {
-    className?: string;
-}): React.JSX.Element;
-//# sourceMappingURL=agent-icon.d.ts.map

package/dist/components/agent-icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"agent-icon.d.ts","sourceRoot":"","sources":["../../src/components/agent-icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAelF"}

package/dist/components/agent-icon.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export function AgentIcon({ className }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 28 28", className: className, children: _jsx("path", { fill: "currentColor", d: "M10.06 18.701a1.628 1.628 0 0 0 2.43-.676l.77-2.34a3.82 3.82 0 0 1 2.416-2.418l2.238-.727a1.6 1.6 0 0 0 .786-.595a1.62 1.62 0 0 0-.849-2.489l-2.215-.72a3.82 3.82 0 0 1-2.42-2.414l-.727-2.237a1.62 1.62 0 0 0-.594-.785a1.655 1.655 0 0 0-1.879 0a1.63 1.63 0 0 0-.6.8L8.68 6.365a3.82 3.82 0 0 1-2.359 2.37l-2.24.726a1.626 1.626 0 0 0 .02 3.073l2.216.72a3.86 3.86 0 0 1 1.816 1.286c.266.343.471.728.606 1.14l.728 2.234c.112.318.32.593.595.787m-3.273-6.873l-2.22-.72s-.085-.038-.085-.108a.14.14 0 0 1 .084-.115L6.8 10.16a5.34 5.34 0 0 0 3.32-3.375l.721-2.219s.043-.084.114-.084s.113.084.113.084l.723 2.223a5.32 5.32 0 0 0 3.377 3.372l2.27.735a.13.13 0 0 1 .078.11a.15.15 0 0 1-.083.113l-2.225.722a5.32 5.32 0 0 0-3.374 3.374l-.715 2.2a.11.11 0 0 1-.115.093c-.104 0-.118-.075-.118-.075l-.723-2.22a5.32 5.32 0 0 0-3.376-3.385m13.017 12.954A1.2 1.2 0 0 0 20.5 25a1.2 1.2 0 0 0 .692-.216a1.2 1.2 0 0 0 .446-.6l.372-1.143a1.61 1.61 0 0 1 1.017-1.02l1.166-.378A1.21 1.21 0 0 0 25 20.505a1.2 1.2 0 0 0-.844-1.146l-1.144-.37a1.61 1.61 0 0 1-1.02-1.018l-.38-1.163a1.2 1.2 0 0 0-2.274.016l-.374 1.146a1.61 1.61 0 0 1-.993 1.017l-1.166.378a1.21 1.21 0 0 0-.807 1.139a1.2 1.2 0 0 0 .823 1.138l1.144.372a1.6 1.6 0 0 1 1.02 1.023l.379 1.163a1.2 1.2 0 0 0 .44.582m-1.371-4.194l-.27-.088l.283-.096a3.12 3.12 0 0 0 1.943-1.974l.088-.27l.089.272a3.11 3.11 0 0 0 1.974 1.975l.293.1l-.271.087a3.12 3.12 0 0 0-1.974 1.977l-.088.27l-.088-.272a3.12 3.12 0 0 0-1.98-1.98" }) }));
-}
-//# sourceMappingURL=agent-icon.js.map

package/dist/components/agent-icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"agent-icon.js","sourceRoot":"","sources":["../../src/components/agent-icon.tsx"],"names":[],"mappings":";AAKA,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAA0B;IAC9D,OAAO,CACN,cACC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,SAAS,YAEpB,eACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,k6CAAk6C,GACn6C,GACG,CACN,CAAC;AACH,CAAC"}

package/dist/components/badge.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-import type { ClassProp } from "class-variance-authority/types";
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
-} & ClassProp) | undefined) => string;
-declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
-    asChild?: boolean;
-}): React.JSX.Element;
-export { Badge, badgeVariants };
-//# sourceMappingURL=badge.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAKhE,QAAA,MAAM,aAAa,EAAE,CACpB,KAAK,CAAC,EACH,CAAC;IACD,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACnG,GAAG,SAAS,CAAC,GACd,SAAS,KACR,MAkBJ,CAAC;AAEF,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,OAAe,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAW/G;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/badge.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// Adapted from better-hub by Better Auth — https://github.com/better-auth/better-hub
-// (apps/web/src/components/ui/badge.tsx). Full credit to the Better Auth team.
-import * as React from "react";
-import { cva } from "class-variance-authority";
-import { Slot } from "radix-ui";
-import { cn } from "../foundation/cn";
-const badgeVariants = cva("inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3", {
-    variants: {
-        variant: {
-            default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-            secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-            destructive: "bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
-            outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-            ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-            link: "text-primary underline-offset-4 [a&]:hover:underline",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-function Badge({ className, variant = "default", asChild = false, ...props }) {
-    const Comp = asChild ? Slot.Root : "span";
-    return (_jsx(Comp, { "data-slot": "badge", "data-variant": variant, className: cn(badgeVariants({ variant }), className), ...props }));
-}
-export { Badge, badgeVariants };
-//# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":";AAAA,qFAAqF;AACrF,+EAA+E;AAC/E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,aAAa,GAML,GAAG,CAChB,qaAAqa,EACra;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,6DAA6D;YACtE,SAAS,EAAE,mEAAmE;YAC9E,WAAW,EACV,wJAAwJ;YACzJ,OAAO,EAAE,sFAAsF;YAC/F,KAAK,EAAE,wDAAwD;YAC/D,IAAI,EAAE,sDAAsD;SAC5D;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;KAClB;CACD,CACD,CAAC;AAEF,SAAS,KAAK,CAAC,EACd,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACmF;IAC3F,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAE1C,OAAO,CACN,KAAC,IAAI,iBACM,OAAO,kBACH,OAAO,EACrB,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/button.d.ts

@@ -1,12 +0,0 @@
-import type { VariantProps } from "class-variance-authority";
-import type { ClassProp } from "class-variance-authority/types";
-import type * as React from "react";
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): React.JSX.Element;
-export { Button, buttonVariants };
-//# sourceMappingURL=button.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,QAAA,MAAM,cAAc,EAAE,CACrB,KAAK,CAAC,EACH,CAAC;IACD,OAAO,CAAC,EACL,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,GACN,IAAI,GACJ,SAAS,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC1D,GAAG,SAAS,CAAC,GACd,SAAS,KACR,MAyBJ,CAAC;AAEF,iBAAS,MAAM,CAAC,EACf,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAChC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CASrB;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}