open-index/open-npm huggingface dataset:
npm package: @synu/react
Description: React adapter for Synu — composable, accessible components, hooks, and theming context. Zero runtime CSS.
Author: Synu Contributors
Latest version: 0.1.0

# @synu/react

React adapter for the Synu design system — composable, accessible components, hooks, and theming context.

## Installation

```bash
npm install @synu/react @synu/theme
```

> Or install everything at once: `npm install synu`

## Usage

```tsx
import '@synu/theme';
import { ButtonRoot, ButtonLabel, ThemeProvider } from '@synu/react';

function App() {
  return (
    <ThemeProvider>
      <ButtonRoot variant="primary" size="lg">
        <ButtonLabel>Save changes</ButtonLabel>
      </ButtonRoot>
    </ThemeProvider>
  );
}
```

## What's Included

- **60+ components** — Button, Dialog, Drawer, Menu, Table, Charts, TreeView, and more
- **Hooks** — `useTheme`, `useControllableState`, `useDialog`, `usePopover`, `useTabs`, `useMenu`
- **ThemeProvider** — Light/dark mode with `toggle()` and `setMode()`
- **Composition** — Compound component patterns (`ButtonRoot` + `ButtonLabel` + `ButtonIcon`)
- **Full TypeScript** — Exported interfaces for every component and hook

## Peer Dependencies

- `react` >= 18.0.0
- `react-dom` >= 18.0.0
- `@synu/theme` ^0.1.0

## Documentation

Visit [synu.dev](https://synu.dev/docs/introduction) for interactive demos and full API reference.

## License

MIT