# AR Design

[![Version](https://img.shields.io/npm/v/ar-design.svg)](https://www.npmjs.com/package/ar-design)
[![License](https://img.shields.io/npm/l/ar-design.svg)](https://github.com/kaancetin-f/ar-design/blob/main/LICENSE)
[![TypeScript](https://img.shields.io/badge/TypeScript-5.5.4-blue.svg)](https://www.typescriptlang.org/)

AR Design, React ve Next.js uygulamaları için geliştirilmiş modern, esnek ve kullanıcı dostu bir UI kütüphanesidir. TypeScript ile yazılmış olup, kapsamlı bileşen koleksiyonu ve özelleştirilebilir tasarım sistemi sunar.

## 🚀 Özellikler

- **Modern Tasarım**: Güncel tasarım trendlerine uygun, temiz ve minimal arayüz
- **TypeScript Desteği**: Tam TypeScript desteği ile tip güvenliği
- **Responsive Tasarım**: Tüm cihazlarda mükemmel görünüm
- **Özelleştirilebilir**: CSS değişkenleri ile kolay özelleştirme
- **Erişilebilirlik**: WCAG standartlarına uygun bileşenler
- **Performans**: Optimize edilmiş bundle boyutu ve hızlı render
- **Modüler Yapı**: İhtiyacınız olan bileşenleri ayrı ayrı import edebilme

## 📦 Kurulum

```bash
npm install ar-design
```

veya

```bash
yarn add ar-design
```

## 🔧 Gereksinimler

- React >= 18.0.0
- React DOM >= 18.0.0

## 📚 Bileşenler

### Data Display (Veri Görüntüleme)

[📖 Detaylı Kullanım Kılavuzu](./docs/data-display.md)

- **Card**
- **Chip**
- **Diagram**
- **Divider**
- **DnD (Drag and Drop)**
- **Grid System**
- **Kanban Board**
- **Paper**
- **Table**
- **Tabs**
- **Typography**

### (Feedback) Geri Bildirim

[📖 Detaylı Kullanım Kılavuzu](./docs/feedback-components.md)

- **Alert**
- **Drawer**
- **Loading**
- **Modal**
- **Notification**
- **Popover**
- **Popup**
- **Progress**
- **Tooltip**

### (Form) Form Elemanları

[📖 Detaylı Kullanım Kılavuzu](./docs/form-components.md)

- **Button**
- **Button Action**
- **Button Group**
- **Checkbox**
- **Date Picker**
- **Input**
- **Input Number**
- **Input Tag**
- **Radio**
- **Select**
- **Switch**
- **TextEditor**
- **Upload**

### Layout (Düzen)

[📖 Detaylı Kullanım Kılavuzu](./docs/layout-components.md)

- **Layout**

### Navigasyon

[📖 Detaylı Kullanım Kılavuzu](./docs/navigation.md)

- **Menu**
- **Pagination**
- **Steps**

## 📄 Lisans

Bu proje [MIT Lisansı](LICENSE) altında lisanslanmıştır.

## 👨‍💻 Geliştirici

**Kaan ÇETİN**

- GitHub: [@kaancetin-f](https://github.com/kaancetin-f)
- NPM: [ar-design](https://www.npmjs.com/package/ar-design)

## 🤝 Katkıda Bulunma

1. Bu repository'yi fork edin
2. Feature branch oluşturun (`git checkout -b feature/amazing-feature`)
3. Değişikliklerinizi commit edin (`git commit -m 'Add some amazing feature'`)
4. Branch'inizi push edin (`git push origin feature/amazing-feature`)
5. Pull Request oluşturun

## 🐛 Hata Bildirimi

Hata bildirimi için [GitHub Issues](https://github.com/kaancetin-f/ar-design/issues) sayfasını kullanın.

## 📞 Destek

Sorularınız için:

- GitHub Issues: [Issues](https://github.com/kaancetin-f/ar-design/issues)

---

⭐ Bu projeyi beğendiyseniz yıldız vermeyi unutmayın!