open-index/open-npm huggingface dataset:
npm package: @nenui/hooks
Description: > React хуки для работы с OKLCH цветами и темой
Latest version: 0.2.0

# @nenui/hooks

> React хуки для работы с OKLCH цветами и темой

## Установка

```bash
bun add @nenui/hooks @nenui/common
# или используйте главный пакет
bun add @nenui
```

## Хуки

### useColorPicker

Управление всеми параметрами OKLCH цвета (L, C, H):

```tsx
import { useColorPicker } from '@nenui/hooks';

const { value, setHue, setLightness, setChroma, getOklchString } = useColorPicker({
  lightness: 57,
  chroma: 20,
  hue: 250,
});
```

### useHueSelector

Упрощенная версия для работы только с Hue:

```tsx
import { useHueSelector } from '@nenui/hooks';

const { hue, setHue, getCSSVariable } = useHueSelector(250);
```

### useTheme

Доступ к глобальной теме (реэкспорт из @nenui/common):

```tsx
import { useTheme } from '@nenui/hooks';

const { theme, setHue, updateTheme } = useTheme();
```

## Документация

[Полная документация](https://your-docs-url.com)
npm package: @nenui/ui
Description: > UI компоненты для React с поддержкой OKLCH цветов
Latest version: 0.2.0

# @nenui/ui

> UI компоненты для React с поддержкой OKLCH цветов

## Установка

```bash
bun add @nenui/ui @nenui/common @nenui/hooks
# или используйте главный пакет
bun add @nenui
```

## Использование

```tsx
import { Button, HueSelector } from '@nenui/ui';
import '@nenui/ui/styles.css';

function App() {
  return (
    <div>
      <Button variant="primary">Click me</Button>
      <HueSelector value={250} onChange={setHue} />
    </div>
  );
}
```

## Компоненты

### Button

Кнопка с различными вариантами оформления:

```tsx
<Button variant="primary" size="md">Primary Button</Button>
<Button variant="secondary" size="lg">Secondary Button</Button>
<Button variant="outline" fullWidth>Outline Button</Button>
```

### HueSelector

Селектор оттенка для динамического изменения OKLCH цветов:

```tsx
<HueSelector
  value={hue}
  onChange={setHue}
  label="Выберите цвет"
/>
```

## Стили

Не забудьте импортировать CSS:

```tsx
import '@nenui/ui/styles.css';
```

## Документация

- [Button](https://your-docs-url.com/components/button)
- [HueSelector](https://your-docs-url.com/components/hue-selector)