open-index/open-npm huggingface dataset:
npm package: @funesboy/lib-screens-ui
Description: React component library for screens UI
Latest version: 0.0.2

# lib-screens-ui

React component library for screens UI. Built with Vite, TypeScript, styled-components, Vitest, and Storybook.

## Requirements

- Node.js 20+
- npm 10+

## Installation

```bash
npm install lib-screens-ui react react-dom styled-components
```

Peer dependencies: `react` (^18 or ^19), `react-dom` (^18 or ^19), `styled-components` (^6).

The library ships with its own i18n runtime and translation resources. Consumers do not need to install `i18next` or `react-i18next` just to use the bundled components.

## Usage

```tsx
import { Button } from 'lib-screens-ui';

function App() {
  return <Button onClick={() => alert('Hi')}>Click me</Button>;
}
```

## Development

```bash
# Install dependencies
npm install

# Run tests
npm run test
npm run test:run

# Lint
npm run lint

# Format
npm run format

# Build the library
npm run build

# Run Storybook
npm run storybook

# Build Storybook (static site)
npm run build-storybook
```

## Scripts

| Script                    | Description                  |
| ------------------------- | ---------------------------- |
| `npm run build`           | Build library (dist + types) |
| `npm run test`            | Run Vitest in watch mode     |
| `npm run test:run`        | Run Vitest once              |
| `npm run lint`            | Run ESLint on `src/`         |
| `npm run format`          | Format with Prettier         |
| `npm run storybook`       | Start Storybook dev server   |
| `npm run build-storybook` | Build Storybook static site  |

## Project structure

- `src/components/` – React components (each in its own folder with `.tsx`, `.styled.tsx`, `.test.tsx`, `.stories.tsx`)
- `src/index.ts` – Library entry point
- `.storybook/` – Storybook configuration

## License

See repository settings.