# @arkyn/components

A modern and comprehensive React component library. Built with TypeScript, featuring smooth animations powered by Framer Motion, and providing a complete set of UI components for building beautiful web applications.

[![npm version](https://img.shields.io/npm/v/@arkyn/components.svg)](https://www.npmjs.com/package/@arkyn/components)
[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue.svg)](https://www.typescriptlang.org/)

## ✨ Features

- 🎨 **40+ UI Components** - Complete set of modern, accessible components
- 🎭 **Smooth Animations** - Powered by Framer Motion for fluid interactions
- 🪝 **Custom Hooks** - Powerful hooks for form handling, modals, drawers, and more
- 🎯 **TypeScript First** - Full type safety and excellent IntelliSense support
- 📱 **Responsive Design** - Mobile-first approach with modern CSS
- ♿ **Accessibility** - Built with accessibility best practices in mind
- 🎨 **Customizable** - Easy to theme and customize for your brand
- 🚀 **Remix Optimized** - Designed specifically for Remix applications

## 📦 Installation

```bash
npm install @arkyn/components
```

### Peer Dependencies

Make sure you have these peer dependencies installed:

```bash
npm install react react-dom lucide-react
```

## 🧩 Components

- **AlertContainer**
- **AlertContent**
- **AlertDescription**
- **AlertIcon**
- **AlertTitle**
- **AudioPlayer**
