InputBox Component

A modern React input component with text and image support, featuring drag & drop, clipboard integration, and form validation.

✨ Features

• 📝 Text input with Enter to submit, Shift+Enter for new lines
• 🖼️ Image upload via file picker, drag & drop, or paste (Ctrl+V)
• 🔍 Image preview modal with thumbnail management and full-screen view
• ❌ Individual image removal with delete buttons
• ✅ Form validation using react-hook-form and Zod
• 🎨 Modern UI with loading states and responsive design
• ♿ Accessibility with proper ARIA labels and keyboard navigation
• 📱 Mobile-friendly with touch optimizations

🛠️ Tech Stack

• Next.js 15 with TypeScript
• react-hook-form for form management
• Zod for schema validation
• Tailwind CSS for styling
• shadcn/ui components
• Lucide React icons