open-index/open-npm huggingface dataset:
npm package: @restio/ui
Description: React UI components library
Author: Leonardo Signorelli
Latest version: 0.0.6-SNAPSHOT

# @restio/ui

A comprehensive React TypeScript component library built with Vite, featuring enterprise-ready UI components with design tokens and Storybook documentation.

## Installation

```bash
npm install @restio/ui @restio/design-tokens
```

## Usage

```tsx
import { Button, Input, Select } from "@restio/ui";
import "@restio/ui/dist/restio-ui.css";

function App() {
  return <Button variant="primary">Click me</Button>;
}
```

## Features

- 🎨 Design token system with `@restio/design-tokens`
- 📦 Tree-shakeable ES modules
- 🎭 Comprehensive Storybook documentation  
- ♿️ Accessibility-first components
- 🎯 TypeScript support
- 🧪 Full test coverage

## Documentation

View the full component documentation at: https://restio.github.io/restio-ui/

## Development

```bash
# Install dependencies
npm install

# Start Storybook
npm run dev

# Build library
npm run build

# Run tests
npm run test:components

# Run visual tests
npm run visual-test
```

## License

Apache-2.0

## Author

Leonardo Signorelli

## Repository

https://github.com/leonardo-signorelli/restio-ui
})
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default tseslint.config({
  plugins: {
    // Add the react-x and react-dom plugins
    'react-x': reactX,
    'react-dom': reactDom,
  },
  rules: {
    // other rules...
    // Enable its recommended typescript rules
    ...reactX.configs['recommended-typescript'].rules,
    ...reactDom.configs.recommended.rules,
  },
})
```