@od-oneapp/uni-ui 2026.1.1301

package/dist/prompt-input-SFJ9_lNw.mjs

@@ -0,0 +1,1149 @@
+'use client';
+import { t as cn } from "./utils-D2bGp2p_.mjs";
+import { a as SPRING_TACTILE, i as SPRING_GENTLE, r as SPRING_FLUID } from "./motion-zelaDelJ.mjs";
+import { AI_FOCUS, AI_ICON, AI_NESTED_RADIUS, AI_SPACING, AI_TEXT, AI_TRANSITION } from "./components-ai-elements-constants.mjs";
+import { t as Button } from "./button-DVOrrZLw.mjs";
+import { a as DropdownMenuItem, h as DropdownMenuTrigger, r as DropdownMenuContent, t as DropdownMenu } from "./dropdown-menu-91g1g_Cl.mjs";
+import { a as CommandInput, c as CommandSeparator, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-xK3X_A9t.mjs";
+import { n as HoverCardContent, r as HoverCardTrigger, t as HoverCard } from "./hover-card-nn4fjJOh.mjs";
+import { n as InputGroupAddon, o as InputGroupTextarea, t as InputGroup } from "./input-group-CTBpkGI9.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-DI6PzHN3.mjs";
+import { Children, createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { useClickOutside, useClickOutside as usePromptInputClickOutside, useFocusReturn, useFocusReturn as usePromptInputFocusReturn, useHotkeys, useHotkeys as usePromptInputHotkeys, useIdle, useIdle as usePromptInputIdle, useMediaQuery, useMediaQuery as usePromptInputMediaQuery, useMergedRef, useMergedRef as usePromptInputMergedRef, useReducedMotion, useReducedMotion as usePromptInputReducedMotion, useResizeObserver, useUncontrolled, useUncontrolled as usePromptInputUncontrolled } from "@mantine/hooks";
+import { cva } from "class-variance-authority";
+import { ArrowUpIcon, ImageIcon, Loader2Icon, MicIcon, PaperclipIcon, PlusIcon, SlidersHorizontalIcon, SquareIcon, WandSparklesIcon, XIcon } from "lucide-react";
+import { AnimatePresence, motion } from "motion/react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Logger } from "@repo/shared";
+import { nanoid } from "nanoid";
+import { useDropzone } from "react-dropzone";
+
+//#region src/components/ai-elements/prompt-input/prompt-input.tsx
+/**
+* @fileoverview PromptInput Component - Premium Harmony V2
+*
+* A comprehensive AI chat input component with file attachments, speech-to-text,
+* and extensible action menus. Supports both standalone and provider-controlled modes.
+*
+* Features:
+* - Premium Harmony V2 spring physics animations with reduced motion support
+* - Touch vs desktop detection with adaptive sizing and 44px minimum touch targets
+* - CVA variants for button styles (default, outline, ghost, filled)
+* - react-dropzone integration for drag & drop file uploads
+* - Auto-expanding textarea with useTextareaAutosize hook
+* - Web Speech API integration for voice input
+* - Provider pattern for shared state across multiple inputs
+* - Inline edit mode with glow border effect and focus pulse animation
+* - Draft auto-save on idle with Mantine hooks integration
+* - Keyboard shortcuts (Cmd/Ctrl+Enter submit, Backspace remove attachment, Escape cancel)
+* - Paste and drop file handling with blob URL conversion
+*
+* @module @od-oneapp/uni-ui/components/ai-elements/prompt-input
+*
+* @component PromptInput, PromptInputProvider, PromptInputTextarea, PromptInputHeader, PromptInputFooter, PromptInputTools, PromptInputButton, PromptInputSubmit, PromptInputSpeechButton, PromptInputAttachments, PromptInputAttachment, PromptInputActionMenu, PromptInputSelect, PromptInputCommand
+*
+* @useCases
+* - AI chat interfaces with multi-modal input (text + voice + files)
+* - Inline message editing with cancel/submit actions
+* - Multi-input forms sharing attachments via provider pattern
+* - Voice-to-text dictation for accessibility
+* - Drag-and-drop file uploads with visual feedback
+* - Command palette integration for power users
+* - Mobile-optimized touch targets and gestures
+*
+* @subcomponents
+* - PromptInputProvider - Global state provider (optional)
+* - PromptInput - Form container with drag & drop support
+* - PromptInputTextarea - Auto-expanding text input
+* - PromptInputHeader - Header section for attachments
+* - PromptInputFooter - Footer section with tools and submit
+* - PromptInputTools - Tool buttons container (left side)
+* - PromptInputActions - Action buttons container (right side)
+* - PromptInputButton - Styled button with CVA variants
+* - PromptInputSubmit - Submit button with status indicator
+* - PromptInputCancelButton - Cancel button for inline mode
+* - PromptInputSpeechButton - Voice input toggle
+* - PromptInputAttachments - File attachments list
+* - PromptInputAttachment - Individual attachment display with preview
+* - PromptInputActionMenu - Dropdown for additional actions
+* - PromptInputSelect - Dropdown select for options
+* - PromptInputCommand - Command palette integration
+*
+* @variants
+* - variant: default (active), outline (tools), ghost (mic), filled (submit)
+*
+* @example
+*   <PromptInput onSubmit={handleSubmit} accept="image/*" multiple>
+*     <PromptInputAttachments>
+*       {(file) => <PromptInputAttachment data={file} />}
+*     </PromptInputAttachments>
+*     <PromptInputTextarea placeholder="Ask anything..." />
+*     <PromptInputFooter>
+*       <PromptInputTools>
+*         <PromptInputActionMenu>
+*           <PromptInputActionMenuTrigger />
+*           <PromptInputActionMenuContent>
+*             <PromptInputActionAddAttachments />
+*           </PromptInputActionMenuContent>
+*         </PromptInputActionMenu>
+*       </PromptInputTools>
+*       <PromptInputActions>
+*         <PromptInputSpeechButton />
+*         <PromptInputSubmit status={chatStatus} />
+*       </PromptInputActions>
+*     </PromptInputFooter>
+*   </PromptInput>
+*/
+const logger = new Logger("uni-ui:prompt-input");
+/**
+* Converts a blob URL to a data URL by fetching and reading the blob
+*/
+async function convertBlobUrlToDataUrl(url) {
+	const blob = await (await fetch(url)).blob();
+	return new Promise((resolve, reject) => {
+		const reader = new FileReader();
+		reader.onloadend = () => resolve(reader.result);
+		reader.onerror = reject;
+		reader.readAsDataURL(blob);
+	});
+}
+/**
+* Auto-resize textarea based on content using scrollHeight
+* Similar to Mantine's Textarea autosize behavior
+*
+* @param ref - Ref to the textarea element
+* @param value - Current textarea value (triggers resize on change)
+* @param options - Configuration for min/max rows
+*/
+function useTextareaAutosize(ref, value, options = {}) {
+	const { minRows = 1, maxRows, lineHeight = 20 } = options;
+	const [containerRef, containerRect] = useResizeObserver();
+	const adjustHeight = useCallback(() => {
+		const textarea = ref.current;
+		if (!textarea) return;
+		const scrollTop = window.scrollY;
+		textarea.style.height = "auto";
+		textarea.style.overflow = "hidden";
+		const minHeight = minRows * lineHeight;
+		const maxHeight = maxRows ? maxRows * lineHeight : Infinity;
+		const { scrollHeight } = textarea;
+		const newHeight = Math.min(Math.max(scrollHeight, minHeight), maxHeight);
+		textarea.style.height = `${newHeight}px`;
+		if (maxRows && scrollHeight > maxHeight) textarea.style.overflow = "auto";
+		window.scrollTo(0, scrollTop);
+	}, [
+		ref,
+		minRows,
+		maxRows,
+		lineHeight
+	]);
+	useEffect(() => {
+		adjustHeight();
+	}, [value, adjustHeight]);
+	useEffect(() => {
+		if (containerRect.width > 0) adjustHeight();
+	}, [containerRect.width, adjustHeight]);
+	useEffect(() => {
+		const timer = setTimeout(adjustHeight, 0);
+		return () => clearTimeout(timer);
+	}, [adjustHeight]);
+	return {
+		containerRef,
+		adjustHeight
+	};
+}
+const PromptInputController = createContext(null);
+const ProviderAttachmentsContext = createContext(null);
+const usePromptInputController = () => {
+	const ctx = useContext(PromptInputController);
+	if (!ctx) throw new Error("Wrap your component inside <PromptInputProvider> to use usePromptInputController().");
+	return ctx;
+};
+const useOptionalPromptInputController = () => useContext(PromptInputController);
+const useProviderAttachments = () => {
+	const ctx = useContext(ProviderAttachmentsContext);
+	if (!ctx) throw new Error("Wrap your component inside <PromptInputProvider> to use useProviderAttachments().");
+	return ctx;
+};
+const useOptionalProviderAttachments = () => useContext(ProviderAttachmentsContext);
+/**
+* Provides a shared PromptInput controller and attachments context so descendant PromptInput components can share text input and file attachments.
+*
+* @param initialInput - Initial text value for the shared input (defaults to an empty string)
+* @param onSaveDraft - Callback invoked when user goes idle to auto-save draft
+* @param idleTimeout - Time in milliseconds before triggering draft save (default: 5000)
+* @param children - React children that will consume the provider
+*/
+function PromptInputProvider({ initialInput: initialTextInput = "", onSaveDraft, idleTimeout = 5e3, children }) {
+	const [textInput, setTextInput] = useState(initialTextInput);
+	const clearInput = useCallback(() => setTextInput(""), []);
+	const isIdle = useIdle(idleTimeout);
+	const lastSavedRef = useRef("");
+	useEffect(() => {
+		if (isIdle && textInput && textInput !== lastSavedRef.current && onSaveDraft) {
+			onSaveDraft(textInput);
+			lastSavedRef.current = textInput;
+		}
+	}, [
+		isIdle,
+		textInput,
+		onSaveDraft
+	]);
+	const [attachements, setAttachements] = useState([]);
+	const fileInputRef = useRef(null);
+	const openRef = useRef(() => {});
+	const add = useCallback((files) => {
+		const incoming = [...files];
+		if (incoming.length === 0) return;
+		setAttachements((prev) => [...prev, ...incoming.map((file) => ({
+			id: nanoid(),
+			type: "file",
+			url: URL.createObjectURL(file),
+			mediaType: file.type,
+			filename: file.name
+		}))]);
+	}, []);
+	const remove = useCallback((id) => {
+		setAttachements((prev) => {
+			const found = prev.find((f) => f.id === id);
+			if (found?.url) URL.revokeObjectURL(found.url);
+			return prev.filter((f) => f.id !== id);
+		});
+	}, []);
+	const clear = useCallback(() => {
+		setAttachements((prev) => {
+			for (const f of prev) if (f.url) URL.revokeObjectURL(f.url);
+			return [];
+		});
+	}, []);
+	const openFileDialog = useCallback(() => {
+		openRef.current();
+	}, []);
+	const [dropzoneState, _setDropzoneState] = useState({
+		isDragActive: false,
+		isDragAccept: false,
+		isDragReject: false
+	});
+	const attachments = useMemo(() => ({
+		files: attachements,
+		add,
+		remove,
+		clear,
+		openFileDialog,
+		fileInputRef,
+		...dropzoneState
+	}), [
+		attachements,
+		add,
+		remove,
+		clear,
+		openFileDialog,
+		dropzoneState
+	]);
+	const registerFileInput = useCallback((ref, open) => {
+		fileInputRef.current = ref.current;
+		openRef.current = open;
+	}, []);
+	const controller = useMemo(() => ({
+		textInput: {
+			value: textInput,
+			setInput: setTextInput,
+			clear: clearInput
+		},
+		attachments,
+		registerFileInput
+	}), [
+		textInput,
+		clearInput,
+		attachments,
+		registerFileInput
+	]);
+	return /* @__PURE__ */ jsx(PromptInputController.Provider, {
+		value: controller,
+		children: /* @__PURE__ */ jsx(ProviderAttachmentsContext.Provider, {
+			value: attachments,
+			children
+		})
+	});
+}
+const LocalAttachmentsContext = createContext(null);
+const InlineModeContext = createContext({ inline: false });
+/**
+* Hook to access inline mode state from child components
+*/
+const usePromptInputInlineMode = () => useContext(InlineModeContext);
+const usePromptInputAttachments = () => {
+	const provider = useOptionalProviderAttachments();
+	const local = useContext(LocalAttachmentsContext);
+	const context = provider ?? local;
+	if (!context) throw new Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");
+	return context;
+};
+/**
+* Hook to access the dropzone state from within PromptInput.
+* Useful for building custom drag-and-drop UI overlays.
+*
+* @example
+* ```tsx
+* function MyDropzone() {
+*   const { isDragActive, isDragAccept, isDragReject } = usePromptInputDropzone();
+*   return (
+*     <div className={isDragActive ? 'bg-primary/10' : ''}>
+*       {isDragActive ? 'Drop files here...' : 'Drag files to upload'}
+*     </div>
+*   );
+* }
+* ```
+*/
+const usePromptInputDropzone = () => {
+	const ctx = usePromptInputAttachments();
+	return {
+		isDragActive: ctx.isDragActive,
+		isDragAccept: ctx.isDragAccept,
+		isDragReject: ctx.isDragReject
+	};
+};
+function PromptInputAttachment({ data, className, ...props }) {
+	const attachments = usePromptInputAttachments();
+	const reducedMotion = useReducedMotion();
+	const filename = data.filename ?? "";
+	const mediaType = data.mediaType.startsWith("image/") && data.url ? "image" : "file";
+	const isImage = mediaType === "image";
+	const attachmentLabel = filename ?? (isImage ? "Image" : "Attachment");
+	return /* @__PURE__ */ jsxs(PromptInputHoverCard, { children: [/* @__PURE__ */ jsx(HoverCardTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("group border-border hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 relative flex h-8 cursor-default items-center gap-1.5 border px-1.5 font-medium select-none", AI_NESTED_RADIUS, AI_TEXT.sm, reducedMotion ? "transition-none" : AI_TRANSITION.all, className),
+			"data-type": mediaType,
+			"data-filename": filename,
+			...props,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "relative size-5 shrink-0",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "bg-background absolute inset-0 flex size-5 items-center justify-center overflow-hidden rounded transition-opacity group-hover:opacity-0",
+					children: isImage ? /* @__PURE__ */ jsx("img", {
+						alt: filename || "attachment",
+						className: "size-5 object-cover",
+						height: 20,
+						src: data.url,
+						width: 20
+					}) : /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground flex size-5 items-center justify-center",
+						children: /* @__PURE__ */ jsx(PaperclipIcon, { className: "size-3" })
+					})
+				}), /* @__PURE__ */ jsxs(Button, {
+					"aria-label": "Remove attachment",
+					className: "absolute inset-0 size-5 cursor-pointer rounded p-0 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100 [&>svg]:size-2.5",
+					onClick: (e) => {
+						e.stopPropagation();
+						attachments.remove(data.id);
+					},
+					type: "button",
+					variant: "ghost",
+					children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: "Remove"
+					})]
+				})]
+			}), /* @__PURE__ */ jsx("span", {
+				className: "flex-1 truncate",
+				children: attachmentLabel
+			})]
+		}, data.id)
+	}), /* @__PURE__ */ jsx(PromptInputHoverCardContent, {
+		className: "w-auto p-2",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "w-auto space-y-3",
+			children: [isImage ? /* @__PURE__ */ jsx("div", {
+				className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border",
+				children: /* @__PURE__ */ jsx("img", {
+					alt: filename || "attachment preview",
+					className: "max-h-full max-w-full object-contain",
+					height: 384,
+					src: data.url,
+					width: 448
+				})
+			}) : null, /* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-2.5",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 flex-1 space-y-1 px-0.5",
+					children: [/* @__PURE__ */ jsx("h4", {
+						className: "truncate text-sm leading-none font-semibold",
+						children: filename ?? (isImage ? "Image" : "Attachment")
+					}), data.mediaType ? /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground truncate font-mono text-xs",
+						children: data.mediaType
+					}) : null]
+				})
+			})]
+		})
+	})] });
+}
+function PromptInputAttachments({ children, className, ...props }) {
+	const attachments = usePromptInputAttachments();
+	const reducedMotion = useReducedMotion();
+	const itemVariants = useMemo(() => ({
+		initial: {
+			scale: .8,
+			opacity: 0
+		},
+		animate: {
+			scale: 1,
+			opacity: 1,
+			transition: reducedMotion ? { duration: 0 } : SPRING_GENTLE
+		},
+		exit: {
+			scale: .8,
+			opacity: 0,
+			transition: reducedMotion ? { duration: 0 } : SPRING_FLUID
+		}
+	}), [reducedMotion]);
+	if (!attachments.files.length) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-wrap items-center", AI_SPACING.xs, "p-3", className),
+		...props,
+		children: /* @__PURE__ */ jsx(AnimatePresence, {
+			mode: "popLayout",
+			initial: false,
+			children: attachments.files.map((file) => /* @__PURE__ */ jsx(motion.div, {
+				variants: itemVariants,
+				initial: "initial",
+				animate: "animate",
+				exit: "exit",
+				layout: !reducedMotion,
+				children: children(file)
+			}, file.id))
+		})
+	});
+}
+const PromptInputActionAddAttachments = ({ label = "Add photos or files", ...props }) => {
+	const attachments = usePromptInputAttachments();
+	return /* @__PURE__ */ jsxs(DropdownMenuItem, {
+		...props,
+		onSelect: (e) => {
+			e.preventDefault();
+			attachments.openFileDialog();
+		},
+		children: [
+			/* @__PURE__ */ jsx(ImageIcon, { className: cn("mr-2", AI_ICON.md) }),
+			" ",
+			label
+		]
+	});
+};
+const PromptInput = ({ className, accept, multiple, globalDrop, syncHiddenInput, maxFiles, maxFileSize, maxFileSizeMB, onError, onSubmit, inline = false, onCancel, children, ...props }) => {
+	const effectiveMaxFileSize = maxFileSizeMB ? maxFileSizeMB * 1024 * 1024 : maxFileSize;
+	const controller = useOptionalPromptInputController();
+	const usingProvider = Boolean(controller);
+	const reducedMotion = useReducedMotion();
+	const inlineModeValue = useMemo(() => ({
+		inline,
+		onCancel
+	}), [inline, onCancel]);
+	const inputRef = useRef(null);
+	const anchorRef = useRef(null);
+	const formRef = useRef(null);
+	useEffect(() => {
+		const root = anchorRef.current?.closest("form");
+		if (root instanceof HTMLFormElement) formRef.current = root;
+	}, []);
+	const [items, setItems] = useState([]);
+	const files = usingProvider && controller ? controller.attachments.files : items;
+	useCallback(() => {
+		inputRef.current?.click();
+	}, []);
+	const matchesAccept = useCallback((f) => {
+		if (!accept || accept.trim() === "") return true;
+		if (accept.includes("image/*")) return f.type.startsWith("image/");
+		return true;
+	}, [accept]);
+	const addLocal = useCallback((fileList) => {
+		const incoming = [...fileList];
+		const accepted = incoming.filter((f) => matchesAccept(f));
+		if (incoming.length && accepted.length === 0) {
+			onError?.({
+				code: "accept",
+				message: "No files match the accepted types."
+			});
+			return;
+		}
+		const sized = accepted.filter((f) => effectiveMaxFileSize ? f.size <= effectiveMaxFileSize : true);
+		if (accepted.length > 0 && sized.length === 0) {
+			onError?.({
+				code: "max_file_size",
+				message: "All files exceed the maximum size."
+			});
+			return;
+		}
+		setItems((prev) => {
+			const capacity = typeof maxFiles === "number" ? Math.max(0, maxFiles - prev.length) : void 0;
+			const capped = typeof capacity === "number" ? sized.slice(0, capacity) : sized;
+			if (typeof capacity === "number" && sized.length > capacity) onError?.({
+				code: "max_files",
+				message: "Too many files. Some were not added."
+			});
+			const next = capped.map((file) => ({
+				id: nanoid(),
+				type: "file",
+				url: URL.createObjectURL(file),
+				mediaType: file.type,
+				filename: file.name
+			}));
+			return [...prev, ...next];
+		});
+	}, [
+		matchesAccept,
+		maxFiles,
+		effectiveMaxFileSize,
+		onError
+	]);
+	const removeLocal = useCallback((id) => {
+		setItems((prev) => {
+			const found = prev.find((file) => file.id === id);
+			if (found?.url) URL.revokeObjectURL(found.url);
+			return prev.filter((file) => file.id !== id);
+		});
+	}, []);
+	const clearLocal = useCallback(() => {
+		setItems((prev) => {
+			for (const file of prev) if (file.url) URL.revokeObjectURL(file.url);
+			return [];
+		});
+	}, []);
+	const add = useMemo(() => controller ? (files) => controller.attachments.add(files) : addLocal, [controller, addLocal]);
+	const remove = useMemo(() => controller ? (id) => controller.attachments.remove(id) : removeLocal, [controller, removeLocal]);
+	const clear = useMemo(() => controller ? () => controller.attachments.clear() : clearLocal, [controller, clearLocal]);
+	useEffect(() => {
+		if (syncHiddenInput && inputRef.current && files.length === 0) inputRef.current.value = "";
+	}, [files, syncHiddenInput]);
+	const onDrop = useCallback((acceptedFiles, fileRejections) => {
+		if (fileRejections.length > 0) {
+			const firstRejection = fileRejections[0];
+			if (firstRejection) {
+				const errorCode = firstRejection.errors[0]?.code;
+				if (errorCode === "file-invalid-type") onError?.({
+					code: "accept",
+					message: "File type not accepted."
+				});
+				else if (errorCode === "file-too-large") onError?.({
+					code: "max_file_size",
+					message: "File exceeds the maximum size."
+				});
+				else if (errorCode === "too-many-files") onError?.({
+					code: "max_files",
+					message: "Too many files."
+				});
+			}
+		}
+		if (acceptedFiles.length > 0) add(acceptedFiles);
+	}, [add, onError]);
+	const { getRootProps, getInputProps, isDragActive, isDragAccept, isDragReject, open: dropzoneOpen } = useDropzone(useMemo(() => ({
+		onDrop,
+		accept: accept ? accept.split(",").reduce((acc, type) => {
+			const trimmed = type.trim();
+			if (trimmed.includes("/*")) acc[trimmed] = [];
+			else acc[trimmed] = [];
+			return acc;
+		}, {}) : void 0,
+		multiple: multiple ?? true,
+		maxFiles,
+		maxSize: effectiveMaxFileSize,
+		noClick: true,
+		noKeyboard: true,
+		preventDropOnDocument: !globalDrop
+	}), [
+		onDrop,
+		accept,
+		multiple,
+		maxFiles,
+		effectiveMaxFileSize,
+		globalDrop
+	]));
+	const effectiveOpenFileDialog = useCallback(() => {
+		dropzoneOpen();
+	}, [dropzoneOpen]);
+	useEffect(() => {
+		if (!usingProvider || !controller) return;
+		controller.registerFileInput(inputRef, effectiveOpenFileDialog);
+	}, [
+		usingProvider,
+		controller,
+		effectiveOpenFileDialog
+	]);
+	useEffect(() => () => {
+		if (!usingProvider) {
+			for (const f of files) if (f.url) URL.revokeObjectURL(f.url);
+		}
+	}, [usingProvider, files]);
+	const ctx = useMemo(() => ({
+		files: files.map((item) => ({
+			...item,
+			id: item.id
+		})),
+		add,
+		remove,
+		clear,
+		openFileDialog: effectiveOpenFileDialog,
+		fileInputRef: inputRef,
+		isDragActive,
+		isDragAccept,
+		isDragReject
+	}), [
+		files,
+		add,
+		remove,
+		clear,
+		effectiveOpenFileDialog,
+		isDragActive,
+		isDragAccept,
+		isDragReject
+	]);
+	const handleSubmit = (event) => {
+		event.preventDefault();
+		const form = event.currentTarget;
+		const text = usingProvider && controller ? controller.textInput.value : (() => {
+			const message = new FormData(form).get("message");
+			return typeof message === "string" ? message : "";
+		})();
+		if (!usingProvider) form.reset();
+		const processAndSubmit = async () => {
+			const convertedFiles = await Promise.all(files.map(async (fileWithId) => {
+				const item = {
+					type: fileWithId.type,
+					url: fileWithId.url,
+					mediaType: fileWithId.mediaType,
+					filename: fileWithId.filename
+				};
+				if (item.url.startsWith("blob:")) return {
+					...item,
+					url: await convertBlobUrlToDataUrl(item.url)
+				};
+				return item;
+			}));
+			try {
+				const result = onSubmit({
+					text,
+					files: convertedFiles
+				}, event);
+				if (result instanceof Promise) try {
+					await result;
+					clear();
+					if (usingProvider && controller) controller.textInput.clear();
+				} catch {}
+				else {
+					clear();
+					if (usingProvider && controller) controller.textInput.clear();
+				}
+			} catch {}
+		};
+		processAndSubmit();
+	};
+	const { onSubmit: _dropzoneOnSubmit, ...rootProps } = getRootProps();
+	const inner = /* @__PURE__ */ jsxs(InlineModeContext.Provider, {
+		value: inlineModeValue,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				className: "hidden",
+				ref: anchorRef
+			}),
+			!inline && /* @__PURE__ */ jsx("input", {
+				...getInputProps(),
+				ref: inputRef
+			}),
+			/* @__PURE__ */ jsx("form", {
+				className: cn("w-full", className),
+				onSubmit: handleSubmit,
+				...rootProps,
+				...props,
+				children: /* @__PURE__ */ jsx(InputGroup, {
+					className: cn("bg-surface text-foreground rounded-xl p-3", "flex flex-col items-stretch justify-between", reducedMotion ? "transition-none" : "transition-all duration-200", "has-[[data-slot=input-group-control]:focus-visible]:ring-0", "[&_[data-slot=input-group-control]]:py-0", "[&_[data-slot=input-group-addon]]:p-0", inline ? ["border-primary/30 h-auto", "shadow-[0_0_0_4px_color-mix(in_oklab,var(--color-primary),transparent_80%)]"] : [
+						"border-border shadow-none",
+						"h-auto min-h-[136px]",
+						"has-[[data-slot=input-group-control]:focus-visible]:border-primary/30",
+						"focus-within:border-primary/30",
+						!reducedMotion && "focus-within:animate-focus-pulse",
+						"focus-within:shadow-[0_0_0_4px_color-mix(in_oklab,var(--color-primary),transparent_80%)]"
+					], isDragActive && !inline && [
+						"border-primary/50",
+						"bg-primary/5",
+						"shadow-[0_0_0_3px_color-mix(in_oklab,var(--color-primary),0.1)]"
+					], isDragReject && !inline && ["border-destructive/50", "bg-destructive/5"]),
+					"data-inline": inline ?? void 0,
+					"data-drag-active": isDragActive || void 0,
+					"data-drag-accept": isDragAccept || void 0,
+					"data-drag-reject": isDragReject || void 0,
+					children
+				})
+			})
+		]
+	});
+	return usingProvider ? inner : /* @__PURE__ */ jsx(LocalAttachmentsContext.Provider, {
+		value: ctx,
+		children: inner
+	});
+};
+const PromptInputBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("contents", className),
+	...props
+});
+/**
+* PromptInputTextarea - Auto-expanding textarea with keyboard shortcuts
+*
+* Supports both controlled (value/onChange) and uncontrolled (defaultValue) modes
+* via Mantine's useUncontrolled hook.
+*
+* @keyboard
+* - Cmd/Ctrl+Enter: Submit form
+* - Backspace (when empty): Remove last attachment
+* - Escape: Blur textarea
+*/
+const PromptInputTextarea = forwardRef(({ value: valueProp, defaultValue, onChange, className, placeholder = "Ask me anything...", minRows = 1, maxRows = 12, ...props }, ref) => {
+	const controller = useOptionalPromptInputController();
+	const attachments = usePromptInputAttachments();
+	const { inline, onCancel } = usePromptInputInlineMode();
+	const [isComposing, setIsComposing] = useState(false);
+	const internalRef = useRef(null);
+	const mergedRef = useMergedRef(ref, internalRef, useFocusReturn({
+		opened: true,
+		shouldReturnFocus: true
+	}));
+	const controllerValue = controller?.textInput.value;
+	const [value, handleValueChange] = useUncontrolled({
+		value: controllerValue ?? (typeof valueProp === "string" ? valueProp : void 0),
+		defaultValue: defaultValue ?? "",
+		finalValue: "",
+		onChange: (newValue) => {
+			if (controller) controller.textInput.setInput(newValue);
+		}
+	});
+	const { containerRef } = useTextareaAutosize(internalRef, value, {
+		minRows,
+		maxRows,
+		lineHeight: 20
+	});
+	useHotkeys([[
+		"mod+Enter",
+		() => {
+			if (isComposing) return;
+			const form = internalRef.current?.closest("form");
+			if ((form?.querySelector("button[type=\"submit\"]"))?.disabled) return;
+			form?.requestSubmit();
+		},
+		{ preventDefault: true }
+	], ["Escape", () => {
+		if (inline && onCancel) onCancel();
+		else internalRef.current?.blur();
+	}]], []);
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+			if (isComposing || e.nativeEvent.isComposing) return;
+			e.preventDefault();
+			const { form } = e.currentTarget;
+			if ((form?.querySelector("button[type=\"submit\"]"))?.disabled) return;
+			form?.requestSubmit();
+		}
+		if (e.key === "Backspace" && e.currentTarget.value === "" && attachments.files.length > 0) {
+			e.preventDefault();
+			const lastAttachment = attachments.files.at(-1);
+			if (lastAttachment) attachments.remove(lastAttachment.id);
+		}
+	};
+	const handlePaste = (event) => {
+		const { items } = event.clipboardData;
+		const files = [];
+		for (const item of items) if (item.kind === "file") {
+			const file = item.getAsFile();
+			if (file) files.push(file);
+		}
+		if (files.length > 0) {
+			event.preventDefault();
+			attachments.add(files);
+		}
+	};
+	const handleChange = (e) => {
+		handleValueChange(e.currentTarget.value);
+		onChange?.(e);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref: containerRef,
+		className: "flex w-full flex-1 items-start gap-1 self-start",
+		children: [!inline && /* @__PURE__ */ jsx(PromptInputButton, {
+			variant: "ghost",
+			className: "shrink-0 opacity-80",
+			children: /* @__PURE__ */ jsx(WandSparklesIcon, { className: AI_ICON.md })
+		}), /* @__PURE__ */ jsx(InputGroupTextarea, {
+			ref: mergedRef,
+			className: cn("min-h-5 resize-none py-0", "text-foreground text-sm leading-5", "placeholder:text-foreground-subtle placeholder:text-xs placeholder:leading-4 placeholder:opacity-75", !inline && "mt-1.5", className),
+			name: "message",
+			onCompositionEnd: () => setIsComposing(false),
+			onCompositionStart: () => setIsComposing(true),
+			onKeyDown: handleKeyDown,
+			onPaste: handlePaste,
+			placeholder,
+			value,
+			onChange: handleChange,
+			...props
+		})]
+	});
+});
+PromptInputTextarea.displayName = "PromptInputTextarea";
+const PromptInputHeader = ({ className, ...props }) => /* @__PURE__ */ jsx(InputGroupAddon, {
+	align: "block-end",
+	className: cn("order-first flex-wrap gap-1", "empty:hidden [&:not(:empty)]:mb-3", className),
+	...props
+});
+const PromptInputFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(InputGroupAddon, {
+	align: "block-end",
+	className: cn("mt-3 w-full shrink-0 items-center justify-between gap-4", className),
+	...props
+});
+/**
+* Left-side tools container with 5px gap (per Figma design)
+*/
+const PromptInputTools = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex items-center gap-[5px]", className),
+	...props
+});
+/**
+* Right-side actions container with 16px gap (per Figma design)
+* Contains mic button and send button
+*/
+const PromptInputActions = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex items-center gap-4", className),
+	...props
+});
+const PromptInputToolsButton = ({ className, label = "Tools", children, ...props }) => /* @__PURE__ */ jsxs(PromptInputButton, {
+	className: cn(AI_SPACING.xs, "px-3 py-1.5", "flex items-center justify-center", className),
+	...props,
+	children: [children ?? /* @__PURE__ */ jsx(SlidersHorizontalIcon, { className: AI_ICON.lg }), /* @__PURE__ */ jsx("span", {
+		className: cn("text-foreground-subtle leading-5 font-medium whitespace-nowrap", AI_TEXT.sm),
+		children: label
+	})]
+});
+/**
+* CVA variants for PromptInput buttons matching Figma AXIO.ai design
+* Premium Harmony V2: Uses AI_FOCUS for accessible focus styles
+* @see https://www.figma.com/design/9DTQx1GRsJA4zSScFUSego/AXIO.ai
+*/
+const promptInputButtonVariants = cva([
+	"rounded-lg text-sm font-medium transition-all duration-150",
+	"active:scale-[0.98]",
+	AI_FOCUS.ring
+].join(" "), {
+	variants: { variant: {
+		default: ["border border-primary/20 bg-primary/10 text-primary", "hover:bg-primary/15"],
+		outline: ["border border-border bg-surface text-foreground", "hover:bg-surface-subtle hover:text-foreground"],
+		ghost: ["border-0 bg-transparent text-foreground-subtle p-0", "hover:opacity-80"],
+		filled: [
+			"relative overflow-clip border border-primary text-primary-foreground",
+			"hover:opacity-90",
+			"disabled:active:scale-100"
+		]
+	} },
+	defaultVariants: { variant: "outline" }
+});
+const PromptInputButton = ({ variant = "outline", className, size, children, ...props }) => {
+	const isTouchDevice = useMediaQuery("(pointer: coarse)");
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		variant: "ghost",
+		size: size ?? (Children.count(children) > 1 ? "sm" : isTouchDevice ? "icon" : "icon-sm"),
+		className: cn(promptInputButtonVariants({ variant }), isTouchDevice && "min-h-11 min-w-11", className),
+		...props,
+		children
+	});
+};
+/**
+* PromptInputActionMenu - Dropdown menu with optional click-outside detection
+*
+* Uses Mantine's useClickOutside hook for advanced click-outside handling.
+* The default Radix behavior handles basic click-outside; use onClickOutside
+* for custom logic (e.g., closing multiple menus, analytics).
+*/
+const PromptInputActionMenu = ({ onClickOutside, ...props }) => {
+	const clickOutsideRef = useClickOutside(() => {
+		onClickOutside?.();
+	}, ["mousedown", "touchstart"]);
+	if (onClickOutside) return /* @__PURE__ */ jsx("div", {
+		ref: clickOutsideRef,
+		className: "contents",
+		children: /* @__PURE__ */ jsx(DropdownMenu, { ...props })
+	});
+	return /* @__PURE__ */ jsx(DropdownMenu, { ...props });
+};
+const PromptInputActionMenuTrigger = ({ className, children, ...props }) => /* @__PURE__ */ jsx(DropdownMenuTrigger, {
+	asChild: true,
+	children: /* @__PURE__ */ jsx(PromptInputButton, {
+		className: cn(AI_SPACING.xs, "p-[7px]", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(PlusIcon, { className: AI_ICON.lg })
+	})
+});
+/**
+* PromptInputActionMenuContent - Styled dropdown menu content
+*
+* Uses Radix's built-in click-outside handling. For advanced click-outside logic,
+* use the `onInteractOutside` prop from Radix DropdownMenuContent.
+*/
+const PromptInputActionMenuContent = ({ className, ...props }) => /* @__PURE__ */ jsx(DropdownMenuContent, {
+	align: "start",
+	className: cn(className),
+	...props
+});
+const PromptInputActionMenuItem = ({ className, ...props }) => /* @__PURE__ */ jsx(DropdownMenuItem, {
+	className: cn(className),
+	...props
+});
+const PromptInputSubmit = ({ className, status, children, ...props }) => {
+	const { inline } = usePromptInputInlineMode();
+	const isTouchDevice = useMediaQuery("(pointer: coarse)");
+	const reducedMotion = useReducedMotion();
+	const iconVariants = useMemo(() => ({
+		initial: {
+			scale: .8,
+			opacity: 0
+		},
+		animate: {
+			scale: 1,
+			opacity: 1,
+			transition: reducedMotion ? { duration: 0 } : SPRING_TACTILE
+		},
+		exit: {
+			scale: .8,
+			opacity: 0,
+			transition: reducedMotion ? { duration: 0 } : SPRING_FLUID
+		}
+	}), [reducedMotion]);
+	let Icon = /* @__PURE__ */ jsx(ArrowUpIcon, { className: AI_ICON.lg });
+	let iconKey = "arrow";
+	if (status === "submitted") {
+		Icon = /* @__PURE__ */ jsx(Loader2Icon, { className: cn(AI_ICON.lg, !reducedMotion && "animate-spin") });
+		iconKey = "loader";
+	} else if (status === "streaming") {
+		Icon = /* @__PURE__ */ jsx(SquareIcon, { className: AI_ICON.lg });
+		iconKey = "square";
+	} else if (status === "error") {
+		Icon = /* @__PURE__ */ jsx(XIcon, { className: AI_ICON.lg });
+		iconKey = "error";
+	}
+	if (inline) return /* @__PURE__ */ jsx(Button, {
+		type: "submit",
+		variant: "ghost",
+		"aria-label": "Submit",
+		className: cn("bg-foreground relative gap-1 overflow-clip rounded-lg border-0 py-1.5 pr-3 pl-1.5", "text-background", "hover:bg-foreground/90", "disabled:opacity-50", isTouchDevice && "min-h-11", className),
+		"data-testid": "prompt-input-submit",
+		"data-state": status ?? "idle",
+		"data-loading": status === "submitted" || status === "streaming" ? "" : void 0,
+		...props,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AnimatePresence, {
+			mode: "wait",
+			initial: false,
+			children: /* @__PURE__ */ jsx(motion.div, {
+				variants: iconVariants,
+				initial: "initial",
+				animate: "animate",
+				exit: "exit",
+				children: Icon
+			}, iconKey)
+		}), /* @__PURE__ */ jsx("span", {
+			className: "text-xs font-medium whitespace-nowrap",
+			children: "Send"
+		})] })
+	});
+	return /* @__PURE__ */ jsxs(Button, {
+		type: "submit",
+		variant: "ghost",
+		"aria-label": "Submit",
+		className: cn(promptInputButtonVariants({ variant: "filled" }), "gap-1 py-1.5 pr-3 pl-1.5", "from-primary to-primary bg-gradient-to-r", isTouchDevice && "min-h-11", className),
+		"data-testid": "prompt-input-submit",
+		"data-state": status ?? "idle",
+		"data-loading": status === "submitted" || status === "streaming" ? "" : void 0,
+		...props,
+		children: [children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AnimatePresence, {
+			mode: "wait",
+			initial: false,
+			children: /* @__PURE__ */ jsx(motion.div, {
+				variants: iconVariants,
+				initial: "initial",
+				animate: "animate",
+				exit: "exit",
+				children: Icon
+			}, iconKey)
+		}), /* @__PURE__ */ jsx("span", {
+			className: "whitespace-nowrap",
+			children: "Send"
+		})] }), /* @__PURE__ */ jsx("div", {
+			className: "pointer-events-none absolute inset-0 rounded-lg bg-gradient-to-b from-white/10 to-transparent",
+			"aria-hidden": "true"
+		})]
+	});
+};
+/**
+* Cancel button for inline edit mode
+* Triggers the onCancel callback from PromptInput
+*/
+const PromptInputCancelButton = ({ className, children, onClick, ...props }) => {
+	const { onCancel } = usePromptInputInlineMode();
+	const isTouchDevice = useMediaQuery("(pointer: coarse)");
+	const handleClick = (e) => {
+		onClick?.(e);
+		onCancel?.();
+	};
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		variant: "ghost",
+		className: cn("border-border bg-surface rounded-lg border px-3 py-1.5", "text-foreground text-sm font-medium", "shadow-sm", "hover:bg-surface-subtle active:scale-95", AI_FOCUS.ring, isTouchDevice && "min-h-11", className),
+		onClick: handleClick,
+		...props,
+		children: children ?? "Cancel"
+	});
+};
+const PromptInputSpeechButton = ({ className, textareaRef, onTranscriptionChange, ...props }) => {
+	const [isListening, setIsListening] = useState(false);
+	const [isReady, setIsReady] = useState(false);
+	const recognitionRef = useRef(null);
+	const isTouchDevice = useMediaQuery("(pointer: coarse)");
+	const reducedMotion = useReducedMotion();
+	const onTranscriptionChangeRef = useRef(onTranscriptionChange);
+	useEffect(() => {
+		onTranscriptionChangeRef.current = onTranscriptionChange;
+	}, [onTranscriptionChange]);
+	useEffect(() => {
+		if (typeof window === "undefined") return;
+		const SpeechRecognitionConstructor = window.SpeechRecognition ?? window.webkitSpeechRecognition;
+		if (!SpeechRecognitionConstructor) return;
+		const speechRecognition = new SpeechRecognitionConstructor();
+		speechRecognition.continuous = true;
+		speechRecognition.interimResults = true;
+		speechRecognition.lang = "en-US";
+		speechRecognition.onstart = () => {
+			setIsListening(true);
+		};
+		speechRecognition.onend = () => {
+			setIsListening(false);
+		};
+		speechRecognition.onresult = (event) => {
+			let finalTranscript = "";
+			for (let i = 0; i < event.results.length; i++) {
+				const result = event.results[i];
+				if (result?.isFinal) finalTranscript += result[0]?.transcript ?? "";
+			}
+			if (finalTranscript && textareaRef?.current) {
+				const textarea = textareaRef.current;
+				const currentValue = textarea.value;
+				const newValue = currentValue + (currentValue ? " " : "") + finalTranscript;
+				textarea.value = newValue;
+				textarea.dispatchEvent(new Event("input", { bubbles: true }));
+				onTranscriptionChangeRef.current?.(newValue);
+			}
+		};
+		speechRecognition.onerror = (event) => {
+			logger.error("Speech recognition error", { error: event.error });
+			setIsListening(false);
+		};
+		recognitionRef.current = speechRecognition;
+		const timer = setTimeout(() => setIsReady(true), 0);
+		return () => {
+			clearTimeout(timer);
+			if (recognitionRef.current) recognitionRef.current.stop();
+		};
+	}, [textareaRef]);
+	const toggleListening = useCallback(() => {
+		if (!recognitionRef.current) return;
+		if (isListening) recognitionRef.current.stop();
+		else recognitionRef.current.start();
+	}, [isListening]);
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		variant: "ghost",
+		"aria-label": isListening ? "Stop recording" : "Start recording",
+		className: cn(promptInputButtonVariants({ variant: "ghost" }), isListening && !reducedMotion && "animate-pulse", isTouchDevice && "min-h-11 min-w-11", className),
+		disabled: !isReady,
+		onClick: toggleListening,
+		"data-state": isListening ? "listening" : "idle",
+		"data-ready": isReady ? "" : void 0,
+		...props,
+		children: /* @__PURE__ */ jsx(MicIcon, { className: cn("text-foreground-subtle", "size-6") })
+	});
+};
+const PromptInputSelect = (props) => /* @__PURE__ */ jsx(Select, { ...props });
+const PromptInputSelectTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(SelectTrigger, {
+	className: cn("text-muted-foreground border-none bg-transparent font-medium shadow-none transition-colors", "hover:bg-accent hover:text-foreground aria-expanded:bg-accent aria-expanded:text-foreground", className),
+	...props
+});
+const PromptInputSelectContent = ({ className, ...props }) => /* @__PURE__ */ jsx(SelectContent, {
+	className: cn(className),
+	...props
+});
+const PromptInputSelectItem = ({ className, ...props }) => /* @__PURE__ */ jsx(SelectItem, {
+	className: cn(className),
+	...props
+});
+const PromptInputSelectValue = ({ className, ...props }) => /* @__PURE__ */ jsx(SelectValue, {
+	className: cn(className),
+	...props
+});
+const PromptInputHoverCard = ({ openDelay = 0, closeDelay = 0, ...props }) => /* @__PURE__ */ jsx(HoverCard, {
+	closeDelay,
+	openDelay,
+	...props
+});
+const PromptInputHoverCardTrigger = (props) => /* @__PURE__ */ jsx(HoverCardTrigger, { ...props });
+const PromptInputHoverCardContent = ({ align = "start", ...props }) => /* @__PURE__ */ jsx(HoverCardContent, {
+	align,
+	...props
+});
+const PromptInputTabsList = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn(className),
+	...props
+});
+const PromptInputTab = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn(className),
+	...props
+});
+const PromptInputTabLabel = ({ className, children, ...props }) => /* @__PURE__ */ jsx("h3", {
+	className: cn("text-muted-foreground mb-2 px-3 font-medium", AI_TEXT.xs, className),
+	...props,
+	children
+});
+const PromptInputTabBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("space-y-1", className),
+	...props
+});
+const PromptInputTabItem = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("hover:bg-accent flex items-center px-3 py-2", AI_SPACING.xs, AI_TEXT.xs, className),
+	...props
+});
+const PromptInputCommand = ({ className, ...props }) => /* @__PURE__ */ jsx(Command, {
+	className: cn(className),
+	...props
+});
+const PromptInputCommandInput = ({ className, ...props }) => /* @__PURE__ */ jsx(CommandInput, {
+	className: cn(className),
+	...props
+});
+const PromptInputCommandList = ({ className, ...props }) => /* @__PURE__ */ jsx(CommandList, {
+	className: cn(className),
+	...props
+});
+const PromptInputCommandEmpty = ({ className, ...props }) => /* @__PURE__ */ jsx(CommandEmpty, {
+	className: cn(className),
+	...props
+});
+const PromptInputCommandGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(CommandGroup, {
+	className: cn(className),
+	...props
+});
+const PromptInputCommandItem = ({ className, ...props }) => /* @__PURE__ */ jsx(CommandItem, {
+	className: cn(className),
+	...props
+});
+const PromptInputCommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(CommandSeparator, {
+	className: cn(className),
+	...props
+});
+
+//#endregion
+export { usePromptInputUncontrolled as $, PromptInputSelectValue as A, PromptInputToolsButton as B, PromptInputHoverCardContent as C, PromptInputSelectContent as D, PromptInputSelect as E, PromptInputTabItem as F, usePromptInputDropzone as G, usePromptInputAttachments as H, PromptInputTabLabel as I, usePromptInputIdle as J, usePromptInputFocusReturn as K, PromptInputTabsList as L, PromptInputSubmit as M, PromptInputTab as N, PromptInputSelectItem as O, PromptInputTabBody as P, usePromptInputReducedMotion as Q, PromptInputTextarea as R, PromptInputHoverCard as S, PromptInputProvider as T, usePromptInputClickOutside as U, promptInputButtonVariants as V, usePromptInputController as W, usePromptInputMediaQuery as X, usePromptInputInlineMode as Y, usePromptInputMergedRef as Z, PromptInputCommandItem as _, PromptInputActionMenuItem as a, PromptInputFooter as b, PromptInputAttachment as c, PromptInputButton as d, useProviderAttachments as et, PromptInputCancelButton as f, PromptInputCommandInput as g, PromptInputCommandGroup as h, PromptInputActionMenuContent as i, PromptInputSpeechButton as j, PromptInputSelectTrigger as k, PromptInputAttachments as l, PromptInputCommandEmpty as m, PromptInputActionAddAttachments as n, PromptInputActionMenuTrigger as o, PromptInputCommand as p, usePromptInputHotkeys as q, PromptInputActionMenu as r, PromptInputActions as s, PromptInput as t, useTextareaAutosize as tt, PromptInputBody as u, PromptInputCommandList as v, PromptInputHoverCardTrigger as w, PromptInputHeader as x, PromptInputCommandSeparator as y, PromptInputTools as z };
+//# sourceMappingURL=prompt-input-SFJ9_lNw.mjs.map