@websolutespa/ask-ui 1.0.3 → 1.0.5

package/dist/components/ai-elements/speech-input.d.mts

@@ -0,0 +1,64 @@
+import { Button } from "../button.mjs";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ai-elements/speech-input.d.ts
+interface SpeechRecognition extends EventTarget {
+  continuous: boolean;
+  interimResults: boolean;
+  lang: string;
+  start(): void;
+  stop(): void;
+  onstart: ((this: SpeechRecognition, ev: Event) => void) | null;
+  onend: ((this: SpeechRecognition, ev: Event) => void) | null;
+  onresult: ((this: SpeechRecognition, ev: SpeechRecognitionEvent) => void) | null;
+  onerror: ((this: SpeechRecognition, ev: SpeechRecognitionErrorEvent) => void) | null;
+}
+interface SpeechRecognitionEvent extends Event {
+  results: SpeechRecognitionResultList;
+  resultIndex: number;
+}
+interface SpeechRecognitionResultList {
+  readonly length: number;
+  item(index: number): SpeechRecognitionResult;
+  [index: number]: SpeechRecognitionResult;
+}
+interface SpeechRecognitionResult {
+  readonly length: number;
+  item(index: number): SpeechRecognitionAlternative;
+  [index: number]: SpeechRecognitionAlternative;
+  isFinal: boolean;
+}
+interface SpeechRecognitionAlternative {
+  transcript: string;
+  confidence: number;
+}
+interface SpeechRecognitionErrorEvent extends Event {
+  error: string;
+}
+declare global {
+  interface Window {
+    SpeechRecognition: new () => SpeechRecognition;
+    webkitSpeechRecognition: new () => SpeechRecognition;
+  }
+}
+type SpeechInputProps = ComponentProps<typeof Button> & {
+  onTranscriptionChange?: (text: string) => void;
+  /**
+   * Callback for when audio is recorded using MediaRecorder fallback.
+   * This is called in browsers that don't support the Web Speech API (Firefox, Safari).
+   * The callback receives an audio Blob that should be sent to a transcription service.
+   * Return the transcribed text, which will be passed to onTranscriptionChange.
+   */
+  onAudioRecorded?: (audioBlob: Blob) => Promise<string>;
+  lang?: string;
+};
+declare const SpeechInput: ({
+  className,
+  onTranscriptionChange,
+  onAudioRecorded,
+  lang,
+  ...props
+}: SpeechInputProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SpeechInput, SpeechInputProps };

package/dist/components/ai-elements/speech-input.mjs

@@ -0,0 +1,153 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { Button } from "../button.mjs";
+import { Spinner } from "../spinner.mjs";
+import { MicIcon, SquareIcon } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ai-elements/speech-input.tsx
+const detectSpeechInputMode = () => {
+	if (typeof window === "undefined") return "none";
+	if ("SpeechRecognition" in window || "webkitSpeechRecognition" in window) return "speech-recognition";
+	if ("MediaRecorder" in window && "mediaDevices" in navigator) return "media-recorder";
+	return "none";
+};
+const SpeechInput = ({ className, onTranscriptionChange, onAudioRecorded, lang = "en-US", ...props }) => {
+	const [isListening, setIsListening] = useState(false);
+	const [isProcessing, setIsProcessing] = useState(false);
+	const [mode] = useState(detectSpeechInputMode);
+	const [isRecognitionReady, setIsRecognitionReady] = useState(false);
+	const recognitionRef = useRef(null);
+	const mediaRecorderRef = useRef(null);
+	const streamRef = useRef(null);
+	const audioChunksRef = useRef([]);
+	const onTranscriptionChangeRef = useRef(onTranscriptionChange);
+	const onAudioRecordedRef = useRef(onAudioRecorded);
+	onTranscriptionChangeRef.current = onTranscriptionChange;
+	onAudioRecordedRef.current = onAudioRecorded;
+	useEffect(() => {
+		if (mode !== "speech-recognition") return;
+		const speechRecognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
+		speechRecognition.continuous = true;
+		speechRecognition.interimResults = true;
+		speechRecognition.lang = lang;
+		const handleStart = () => {
+			setIsListening(true);
+		};
+		const handleEnd = () => {
+			setIsListening(false);
+		};
+		const handleResult = (event) => {
+			const speechEvent = event;
+			let finalTranscript = "";
+			for (let i = speechEvent.resultIndex; i < speechEvent.results.length; i += 1) {
+				const result = speechEvent.results[i];
+				if (result.isFinal) finalTranscript += result[0]?.transcript ?? "";
+			}
+			if (finalTranscript) onTranscriptionChangeRef.current?.(finalTranscript);
+		};
+		const handleError = () => {
+			setIsListening(false);
+		};
+		speechRecognition.addEventListener("start", handleStart);
+		speechRecognition.addEventListener("end", handleEnd);
+		speechRecognition.addEventListener("result", handleResult);
+		speechRecognition.addEventListener("error", handleError);
+		recognitionRef.current = speechRecognition;
+		setIsRecognitionReady(true);
+		return () => {
+			speechRecognition.removeEventListener("start", handleStart);
+			speechRecognition.removeEventListener("end", handleEnd);
+			speechRecognition.removeEventListener("result", handleResult);
+			speechRecognition.removeEventListener("error", handleError);
+			speechRecognition.stop();
+			recognitionRef.current = null;
+			setIsRecognitionReady(false);
+		};
+	}, [mode, lang]);
+	useEffect(() => () => {
+		if (mediaRecorderRef.current?.state === "recording") mediaRecorderRef.current.stop();
+		if (streamRef.current) for (const track of streamRef.current.getTracks()) track.stop();
+	}, []);
+	const startMediaRecorder = useCallback(async () => {
+		if (!onAudioRecordedRef.current) return;
+		try {
+			const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+			streamRef.current = stream;
+			const mediaRecorder = new MediaRecorder(stream);
+			audioChunksRef.current = [];
+			const handleDataAvailable = (event) => {
+				if (event.data.size > 0) audioChunksRef.current.push(event.data);
+			};
+			const handleStop = async () => {
+				for (const track of stream.getTracks()) track.stop();
+				streamRef.current = null;
+				const audioBlob = new Blob(audioChunksRef.current, { type: "audio/webm" });
+				if (audioBlob.size > 0 && onAudioRecordedRef.current) {
+					setIsProcessing(true);
+					try {
+						const transcript = await onAudioRecordedRef.current(audioBlob);
+						if (transcript) onTranscriptionChangeRef.current?.(transcript);
+					} catch {} finally {
+						setIsProcessing(false);
+					}
+				}
+			};
+			const handleError = () => {
+				setIsListening(false);
+				for (const track of stream.getTracks()) track.stop();
+				streamRef.current = null;
+			};
+			mediaRecorder.addEventListener("dataavailable", handleDataAvailable);
+			mediaRecorder.addEventListener("stop", handleStop);
+			mediaRecorder.addEventListener("error", handleError);
+			mediaRecorderRef.current = mediaRecorder;
+			mediaRecorder.start();
+			setIsListening(true);
+		} catch {
+			setIsListening(false);
+		}
+	}, []);
+	const stopMediaRecorder = useCallback(() => {
+		if (mediaRecorderRef.current?.state === "recording") mediaRecorderRef.current.stop();
+		setIsListening(false);
+	}, []);
+	const toggleListening = useCallback(() => {
+		if (mode === "speech-recognition" && recognitionRef.current) if (isListening) recognitionRef.current.stop();
+		else recognitionRef.current.start();
+		else if (mode === "media-recorder") if (isListening) stopMediaRecorder();
+		else startMediaRecorder();
+	}, [
+		mode,
+		isListening,
+		startMediaRecorder,
+		stopMediaRecorder
+	]);
+	const isDisabled = mode === "none" || mode === "speech-recognition" && !isRecognitionReady || mode === "media-recorder" && !onAudioRecorded || isProcessing;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative inline-flex items-center justify-center",
+		children: [isListening && [
+			0,
+			1,
+			2
+		].map((index) => /* @__PURE__ */ jsx("div", {
+			className: "absolute inset-0 animate-ping rounded-full border-2 border-red-400/30",
+			style: {
+				animationDelay: `${index * .3}s`,
+				animationDuration: "2s"
+			}
+		}, index)), /* @__PURE__ */ jsxs(Button, {
+			className: cn("relative z-10 rounded-full transition-all duration-300", isListening ? "bg-destructive text-white hover:bg-destructive/80 hover:text-white" : "bg-primary text-primary-foreground hover:bg-primary/80 hover:text-primary-foreground", className),
+			disabled: isDisabled,
+			onClick: toggleListening,
+			...props,
+			children: [
+				isProcessing && /* @__PURE__ */ jsx(Spinner, {}),
+				!isProcessing && isListening && /* @__PURE__ */ jsx(SquareIcon, { className: "size-4" }),
+				!(isProcessing || isListening) && /* @__PURE__ */ jsx(MicIcon, { className: "size-4" })
+			]
+		})]
+	});
+};
+//#endregion
+export { SpeechInput };

package/dist/components/alert-dialog.d.mts

@@ -0,0 +1,60 @@
+import { Button } from "./button.mjs";
+import { AlertDialog } from "radix-ui";
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/alert-dialog.d.ts
+declare function AlertDialog$1({
+  ...props
+}: React.ComponentProps<typeof AlertDialog.Root>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogTrigger({
+  ...props
+}: React.ComponentProps<typeof AlertDialog.Trigger>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogPortal({
+  ...props
+}: React.ComponentProps<typeof AlertDialog.Portal>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog.Overlay>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogContent({
+  className,
+  size,
+  ...props
+}: React.ComponentProps<typeof AlertDialog.Content> & {
+  size?: 'default' | 'sm';
+}): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogMedia({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog.Title>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog.Description>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogAction({
+  className,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof AlertDialog.Action> & Pick<React.ComponentProps<typeof Button>, 'variant' | 'size'>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogCancel({
+  className,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof AlertDialog.Cancel> & Pick<React.ComponentProps<typeof Button>, 'variant' | 'size'>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/components/alert-dialog.mjs

@@ -0,0 +1,101 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { Button } from "./button.mjs";
+import { AlertDialog } from "radix-ui";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/alert-dialog.tsx
+function AlertDialog$1({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Root, {
+		"data-slot": "alert-dialog",
+		...props
+	});
+}
+function AlertDialogTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...props
+	});
+}
+function AlertDialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Portal, {
+		"data-slot": "alert-dialog-portal",
+		...props
+	});
+}
+function AlertDialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Overlay, {
+		"data-slot": "alert-dialog-overlay",
+		className: cn("fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className),
+		...props
+	});
+}
+function AlertDialogContent({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialog.Content, {
+		"data-slot": "alert-dialog-content",
+		"data-size": size,
+		className: cn("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+		...props
+	})] });
+}
+function AlertDialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-header",
+		className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
+		...props
+	});
+}
+function AlertDialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-footer",
+		className: cn("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+}
+function AlertDialogMedia({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-media",
+		className: cn("mb-2 inline-flex size-16 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8", className),
+		...props
+	});
+}
+function AlertDialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Title, {
+		"data-slot": "alert-dialog-title",
+		className: cn("text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
+		...props
+	});
+}
+function AlertDialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Description, {
+		"data-slot": "alert-dialog-description",
+		className: cn("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+		...props
+	});
+}
+function AlertDialogAction({ className, variant = "default", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		variant,
+		size,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(AlertDialog.Action, {
+			"data-slot": "alert-dialog-action",
+			className: cn(className),
+			...props
+		})
+	});
+}
+function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		variant,
+		size,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(AlertDialog.Cancel, {
+			"data-slot": "alert-dialog-cancel",
+			className: cn(className),
+			...props
+		})
+	});
+}
+//#endregion
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/components/alert.d.mts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Alert({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertTitle({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDescription({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertAction({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Alert, AlertAction, AlertDescription, AlertTitle };

package/dist/components/alert.mjs

@@ -0,0 +1,43 @@
+import { cn } from "../lib/utils.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/alert.tsx
+const alertVariants = cva("group/alert relative grid w-full gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4", {
+	variants: { variant: {
+		default: "bg-card text-card-foreground",
+		destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Alert({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		role: "alert",
+		className: cn(alertVariants({ variant }), className),
+		...props
+	});
+}
+function AlertTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-title",
+		className: cn("font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", className),
+		...props
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
+		...props
+	});
+}
+function AlertAction({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-action",
+		className: cn("absolute top-2.5 right-3", className),
+		...props
+	});
+}
+//#endregion
+export { Alert, AlertAction, AlertDescription, AlertTitle };

package/dist/components/aspect-ratio.d.mts

@@ -0,0 +1,9 @@
+import { AspectRatio } from "radix-ui";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/aspect-ratio.d.ts
+declare function AspectRatio$1({
+  ...props
+}: React.ComponentProps<typeof AspectRatio.Root>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AspectRatio$1 as AspectRatio };

package/dist/components/aspect-ratio.mjs

@@ -0,0 +1,12 @@
+"use client";
+import { AspectRatio } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/aspect-ratio.tsx
+function AspectRatio$1({ ...props }) {
+	return /* @__PURE__ */ jsx(AspectRatio.Root, {
+		"data-slot": "aspect-ratio",
+		...props
+	});
+}
+//#endregion
+export { AspectRatio$1 as AspectRatio };

package/dist/components/avatar.d.mts

@@ -0,0 +1,34 @@
+import { Avatar } from "radix-ui";
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/avatar.d.ts
+declare function Avatar$1({
+  className,
+  size,
+  ...props
+}: React.ComponentProps<typeof Avatar.Root> & {
+  size?: 'default' | 'sm' | 'lg';
+}): _$react_jsx_runtime0.JSX.Element;
+declare function AvatarImage({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar.Image>): _$react_jsx_runtime0.JSX.Element;
+declare function AvatarFallback({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar.Fallback>): _$react_jsx_runtime0.JSX.Element;
+declare function AvatarBadge({
+  className,
+  ...props
+}: React.ComponentProps<'span'>): _$react_jsx_runtime0.JSX.Element;
+declare function AvatarGroup({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+declare function AvatarGroupCount({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Avatar$1 as Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };

package/dist/components/avatar.mjs

@@ -0,0 +1,51 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { Avatar } from "radix-ui";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/avatar.tsx
+function Avatar$1({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Root, {
+		"data-slot": "avatar",
+		"data-size": size,
+		className: cn("group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten", className),
+		...props
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Image, {
+		"data-slot": "avatar-image",
+		className: cn("aspect-square size-full rounded-full object-cover", className),
+		...props
+	});
+}
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: cn("flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs", className),
+		...props
+	});
+}
+function AvatarBadge({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "avatar-badge",
+		className: cn("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className),
+		...props
+	});
+}
+function AvatarGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "avatar-group",
+		className: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className),
+		...props
+	});
+}
+function AvatarGroupCount({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "avatar-group-count",
+		className: cn("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", className),
+		...props
+	});
+}
+//#endregion
+export { Avatar$1 as Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };

package/dist/components/badge.d.mts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Badge({
+  className,
+  variant,
+  asChild,
+  ...props
+}: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+  asChild?: boolean;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Badge, badgeVariants };

package/dist/components/badge.mjs

@@ -0,0 +1,27 @@
+import { cn } from "../lib/utils.mjs";
+import { Slot } from "radix-ui";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/badge.tsx
+const badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 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/80",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+		destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+		link: "text-primary underline-offset-4 hover:underline"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant = "default", asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "span", {
+		"data-slot": "badge",
+		"data-variant": variant,
+		className: cn(badgeVariants({ variant }), className),
+		...props
+	});
+}
+//#endregion
+export { Badge, badgeVariants };

package/dist/components/breadcrumb.d.mts

@@ -0,0 +1,38 @@
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/breadcrumb.d.ts
+declare function Breadcrumb({
+  className,
+  ...props
+}: React.ComponentProps<'nav'>): _$react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbList({
+  className,
+  ...props
+}: React.ComponentProps<'ol'>): _$react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: React.ComponentProps<'li'>): _$react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}: React.ComponentProps<'a'> & {
+  asChild?: boolean;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: React.ComponentProps<'span'>): _$react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<'li'>): _$react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<'span'>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };