feat: add Input component with variants and icon support

[IchwanArdi]

Description

Adds a new Input component with comprehensive features:

• Support for 7 input types (text, email, password, number, tel, url, search)
• 3 variants (default, error, success)
• Icon support (left/right position)
• Label and helper text
• Error message display
• Disabled and readonly states
• Full TypeScript type safety
• Accessible with ARIA attributes
• Dark mode support

Changes

New Files:

• ui/public/trakteer/input/index.tsx - Input component
• ui/public/trakteer/input/index.css - Input styling
• ui/content/docs/components/input.mdx - Documentation

Features:

• ✅ Variants: default, error, success
• ✅ Icon support with lucide-react
• ✅ Label and helper text
• ✅ Error message
• ✅ Disabled & readonly states
• ✅ Dark mode support
• ✅ Accessible (ARIA attributes)

Testing

• Tested on development server (pnpm dev)
• Tested all variants
• Tested with icons
• Tested disabled and readonly states
• Tested dark mode
• Documentation complete with examples
• No TypeScript errors
• No linter errors

[vercel]

@IchwanArdi is attempting to deploy a commit to the devswithme's projects Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
fydemy-ui	Error		Dec 13, 2025 1:31pm

[devswithme]

Thanks IchwanArdi for contributing the new component!