# @memoraiz/ui

A modern React component library built with Radix UI, Tailwind CSS, and Storybook.

## Features

- 🎨 Modern and accessible UI components
- 🎯 Built with Radix UI primitives
- 💅 Styled with Tailwind CSS
- 📚 Comprehensive Storybook documentation
- 🎭 TypeScript support
- 🌙 Dark mode support
- 🚀 Vite-powered development

## Installation

```bash
npm install @memoraiz/ui
# or
yarn add @memoraiz/ui
# or
pnpm add @memoraiz/ui
```

## Usage

```tsx
import { Button, ThemeProvider } from '@memoraiz/ui';

import '@memoraiz/ui/tailwind.css';

function App() {
  return (
    <ThemeProvider>
      <Button>Click me</Button>
    </ThemeProvider>
  );
}
```

## Available Styles

The library provides multiple style options:

- `@memoraiz/ui/tailwind.css` - Tailwind CSS styles
- `@memoraiz/ui/shadcn.css` - Shadcn UI styles
- `@memoraiz/ui/storybook.css` - Storybook styles
- `@memoraiz/ui/preflight.css` - CSS reset

## Development

```bash
# Install dependencies
pnpm install

# Start Storybook
pnpm storybook

# Build the library
pnpm build

# Run linting
pnpm lint
```

## Requirements

- React 18 or higher
- Node.js 18 or higher

## License

[LICENSE.md](./LICENSE.md)