@notty/ui

Переиспользуемая библиотека UI компонентов для Notty CMS.

Описание

@notty/ui — это пакет UI компонентов, построенный на основе:

• React — для создания компонентов
• Tailwind CSS — для стилизации
• class-variance-authority (CVA) — для управления вариантами компонентов
• clsx и tailwind-merge — для объединения классов

Установка

pnpm add @notty/ui

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

import { Button, Card } from '@notty/ui';

export function MyComponent() {
  return (
    <Card>
      <Button variant="primary">Click me</Button>
    </Card>
  );
}

Структура

packages/ui/
├── src/
│   ├── components/    # UI компоненты
│   ├── styles/        # Глобальные стили и утилиты
│   ├── tokens/        # Дизайн-токены (цвета, типография, spacing)
│   └── index.ts       # Главный экспорт
├── package.json
├── tsconfig.json
└── README.md

Разработка

# Режим разработки с watch
pnpm dev

# Сборка пакета
pnpm build

# Проверка типов
pnpm type-check

# Линтинг
pnpm lint

Принципы

• TypeScript-first — все компоненты полностью типизированы
• Composable — компоненты легко композируются
• Accessible — соответствие WCAG стандартам
• Themeable — поддержка светлой и тёмной темы
• Tree-shakeable — импортируйте только то, что нужно

Лицензия

Проприетарный софт. Все права защищены.