open-index/open-npm huggingface dataset:
npm package: @reactor-team/js-sdk
Description: Reactor JavaScript frontend SDK
Author: Reactor Technologies, Inc.
Latest version: 2.8.1

# Reactor Frontend SDK

## Overview

This is the frontend SDK for Reactor. It provides a set of tools and utilities to build frontend applications that can use the Reactor platform.

There are two main ways to use the frontend SDK:

1. **Imperative API**: Use it in any TS/JS application.
2. **React API**: Use it in a React applications.

## Building the SDK

```bash
pnpm build
```

## Documentation

- [Getting Started](https://docs.reactor.inc)
npm package: @reactor-team/ui
Description: Reactor UI Component Library - Reusable React components for Reactor applications
Author: Reactor Team
Latest version: 1.4.1

# @reactor-team/ui

A reusable React component library for Reactor applications.

## Installation

```bash
npm install @reactor-team/ui
```

## Usage

```tsx
import { Button } from '@reactor-team/ui';
import '@reactor-team/ui/styles.css';

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

## Development

### Prerequisites

- Node.js 18+
- npm 9+

### Setup

```bash
npm install
```

### Storybook

Run Storybook for component development and documentation:

```bash
npm run dev
# or
npm run storybook
```

### Build

Build the library for production:

```bash
npm run build
```

### Type Checking

```bash
npm run typecheck
```

## Components

### Button

A customizable button component with multiple variants and sizes.

```tsx
<Button
  variant="primary"  // 'primary' | 'tertiary' | 'secondary' | 'ghost'
  size="default"     // 'small' | 'default' | 'large'
  shadow={true}      // Enable/disable shadow effect
  disabled={false}   // Disable the button
>
  Button Text
</Button>
```

## Design Tokens

The library uses CSS custom properties for design tokens:

### Colors
- `--reactor-color-interstellar`: #000000
- `--reactor-color-light`: #FFFFFF
- `--reactor-color-light-gold`: #FDF5C6

### Typography
- `--reactor-font-mono`: 'IBM Plex Mono', monospace

## Contributing

This project uses [semantic-release](https://github.com/semantic-release/semantic-release) for automated versioning and publishing. Your commit messages determine the version bump:

| Commit message | Release type |
|----------------|--------------|
| `fix: fix button hover state` | Patch (0.1.0 → 0.1.1) |
| `feat: add Input component` | Minor (0.1.0 → 0.2.0) |
| `feat!: redesign Button API` | Major (0.1.0 → 1.0.0) |
| `BREAKING CHANGE: remove shadow prop` | Major (0.1.0 → 1.0.0) |
| `chore: update deps` | No release |
| `docs: update readme` | No release |

### Releasing

Just push to `main` with a valid commit message:

```bash
git add .
git commit -m "feat: add new component"
git push
```

The GitHub Action will automatically:
1. Analyze your commits
2. Bump the version
3. Update CHANGELOG.md
4. Publish to npm
5. Create a GitHub release