ui-admin-lib 1.0.0

package/README.md

@@ -0,0 +1,477 @@
+# UI Admin Library
+
+Библиотека для быстрого создания административных панелей на React с полным CRUD функционалом. Создайте полноценную админку всего в несколько строк кода!
+
+## Установка
+
+```bash
+npm install ui-admin-lib
+```
+
+## Использование
+
+Создайте админ-панель в несколько строк:
+
+```tsx
+import { AdminPanel, CrudService } from 'ui-admin-lib'
+import 'ui-admin-lib/styles'
+
+// 1. Создайте сервис для работы с API
+const userService = new CrudService({
+  baseUrl: 'https://api.example.com/users',
+  headers: {
+    'Authorization': 'Bearer YOUR_TOKEN'
+  }
+})
+
+// 2. Определите модель
+const userModel = {
+  name: 'users',
+  label: 'Пользователи',
+  service: userService,
+  columns: [
+    { key: 'id', title: 'ID', dataIndex: 'id' },
+    { key: 'name', title: 'Имя', dataIndex: 'name' },
+    { key: 'email', title: 'Email', dataIndex: 'email' },
+  ],
+  fields: [
+    { name: 'name', label: 'Имя', type: 'text', required: true },
+    { name: 'email', label: 'Email', type: 'email', required: true },
+  ],
+}
+
+// 3. Используйте AdminPanel
+function App() {
+  return (
+    <AdminPanel
+      title="Моя админка"
+      models={[userModel]}
+      login={{
+        onSubmit: async (username, password) => {
+          // Ваша логика авторизации
+        },
+      }}
+    />
+  )
+}
+```
+
+Всё! AdminPanel автоматически создаст:
+- Страницу входа
+- Боковую навигацию
+- Таблицы с данными
+- Формы для создания/редактирования
+- Полный CRUD функционал
+
+## Полный пример конфигурации
+
+Вот полный пример с несколькими моделями и всеми возможностями:
+
+```tsx
+import { AdminPanel, CrudService, AdminModel } from 'ui-admin-lib'
+import type { Column, FormField } from 'ui-admin-lib'
+import 'ui-admin-lib/styles'
+
+// Типы данных
+interface User {
+  id: number
+  name: string
+  email: string
+  role: string
+  active: boolean
+}
+
+interface Product {
+  id: number
+  title: string
+  price: number
+  category: string
+  inStock: boolean
+}
+
+// Создание сервисов для работы с API
+const userService = new CrudService<User>({
+  baseUrl: 'https://api.example.com/users',
+  headers: {
+    'Authorization': 'Bearer YOUR_TOKEN',
+    'Content-Type': 'application/json'
+  },
+  // Опционально: кастомные URL для операций
+  getListUrl: () => 'https://api.example.com/users',
+  getDetailUrl: (id) => `https://api.example.com/users/${id}`,
+  getCreateUrl: () => 'https://api.example.com/users',
+  getUpdateUrl: (id) => `https://api.example.com/users/${id}`,
+  getDeleteUrl: (id) => `https://api.example.com/users/${id}`,
+  // Опционально: трансформация данных
+  transformRequest: (data) => data, // Преобразование перед отправкой
+  transformResponse: (data) => data, // Преобразование после получения
+})
+
+const productService = new CrudService<Product>({
+  baseUrl: 'https://api.example.com/products',
+  headers: {
+    'Authorization': 'Bearer YOUR_TOKEN'
+  }
+})
+
+// Конфигурация модели пользователей
+const userModel: AdminModel<User> = {
+  name: 'users',
+  label: 'Пользователи',
+  service: userService,
+  columns: [
+    { key: 'id', title: 'ID', dataIndex: 'id' },
+    { key: 'name', title: 'Имя', dataIndex: 'name' },
+    { key: 'email', title: 'Email', dataIndex: 'email' },
+    {
+      key: 'role',
+      title: 'Роль',
+      dataIndex: 'role',
+      render: (value) => value.charAt(0).toUpperCase() + value.slice(1),
+    },
+    {
+      key: 'active',
+      title: 'Активен',
+      dataIndex: 'active',
+      render: (value) => (value ? 'Да' : 'Нет'),
+    },
+  ] as Column<User>[],
+  fields: [
+    { name: 'name', label: 'Имя', type: 'text', required: true, placeholder: 'Введите имя' },
+    { name: 'email', label: 'Email', type: 'email', required: true, placeholder: 'Введите email' },
+    {
+      name: 'role',
+      label: 'Роль',
+      type: 'select',
+      required: true,
+      options: [
+        { value: 'admin', label: 'Администратор' },
+        { value: 'user', label: 'Пользователь' },
+      ],
+    },
+    { name: 'active', label: 'Активен', type: 'checkbox' },
+  ] as FormField[],
+  // Опционально: кастомная функция получения ID
+  getItemId: (item) => item.id,
+}
+
+// Конфигурация модели товаров
+const productModel: AdminModel<Product> = {
+  name: 'products',
+  label: 'Товары',
+  service: productService,
+  columns: [
+    { key: 'id', title: 'ID', dataIndex: 'id' },
+    { key: 'title', title: 'Название', dataIndex: 'title' },
+    {
+      key: 'price',
+      title: 'Цена',
+      dataIndex: 'price',
+      render: (value) => `${value.toLocaleString('ru-RU')} ₽`,
+    },
+    { key: 'category', title: 'Категория', dataIndex: 'category' },
+    {
+      key: 'inStock',
+      title: 'В наличии',
+      dataIndex: 'inStock',
+      render: (value) => (value ? 'Да' : 'Нет'),
+    },
+  ] as Column<Product>[],
+  fields: [
+    { name: 'title', label: 'Название', type: 'text', required: true },
+    { name: 'price', label: 'Цена', type: 'number', required: true },
+    { name: 'category', label: 'Категория', type: 'text', required: true },
+    { name: 'inStock', label: 'В наличии', type: 'checkbox' },
+  ] as FormField[],
+}
+
+// Использование
+function App() {
+  return (
+    <AdminPanel
+      title="Админ панель"
+      logo={<span>Мой Логотип</span>} // Опционально: кастомный логотип
+      models={[userModel, productModel]}
+      login={{
+        onSubmit: async (username, password) => {
+          // Ваша логика авторизации
+          const response = await fetch('https://api.example.com/auth/login', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ username, password }),
+          })
+          if (!response.ok) {
+            throw new Error('Неверное имя пользователя или пароль')
+          }
+          const data = await response.json()
+          // Сохраните токен
+          localStorage.setItem('token', data.token)
+        },
+      }}
+      user={{
+        name: 'Администратор', // Опционально: имя пользователя в header
+        onLogout: () => {
+          // Опционально: обработчик выхода
+          localStorage.removeItem('token')
+        },
+      }}
+    />
+  )
+}
+```
+
+## Типы полей форм
+
+Поддерживаются следующие типы полей в `FormField`:
+
+- `text` - Текстовое поле
+- `email` - Email поле
+- `number` - Числовое поле
+- `password` - Поле пароля
+- `textarea` - Многострочное поле
+- `select` - Выпадающий список (требует `options`)
+- `checkbox` - Чекбокс
+- `radio` - Радиокнопки (требует `options`)
+
+Пример конфигурации поля:
+
+```tsx
+{
+  name: 'fieldName',           // Имя поля (обязательно)
+  label: 'Метка поля',          // Метка поля (обязательно)
+  type: 'text',                 // Тип поля (опционально, по умолчанию 'text')
+  required: true,               // Обязательное поле (опционально)
+  placeholder: 'Подсказка',     // Подсказка (опционально)
+  disabled: false,              // Отключено (опционально)
+  options: [                    // Опции для select/radio (обязательно для этих типов)
+    { value: 'value1', label: 'Метка 1' },
+    { value: 'value2', label: 'Метка 2' },
+  ],
+}
+```
+
+## Быстрый старт
+
+```bash
+npm install ui-admin-lib
+```
+
+```tsx
+import { AdminPanel, CrudService } from 'ui-admin-lib'
+import 'ui-admin-lib/styles'
+
+const userService = new CrudService({
+  baseUrl: 'https://api.example.com/users',
+})
+
+const userModel = {
+  name: 'users',
+  label: 'Пользователи',
+  service: userService,
+  columns: [
+    { key: 'id', title: 'ID', dataIndex: 'id' },
+    { key: 'name', title: 'Имя', dataIndex: 'name' },
+  ],
+  fields: [
+    { name: 'name', label: 'Имя', type: 'text', required: true },
+  ],
+}
+
+function App() {
+  return <AdminPanel models={[userModel]} />
+}
+```
+
+## Демо приложение
+
+Запустите демо приложение для просмотра всех возможностей:
+
+```bash
+git clone <repository-url>
+cd ui-admin-lib
+npm install
+npm run demo
+```
+
+Откройте http://localhost:3000 в браузере.
+
+**Вход:**
+- Логин: `admin`
+- Пароль: `admin`
+
+## Основные компоненты
+
+### AdminPanel
+Главный компонент для создания админ-панели. Принимает конфигурацию и автоматически создает:
+- Страницу входа
+- Боковую навигацию
+- Таблицы с данными
+- Формы создания/редактирования
+- Операции CRUD (Create, Read, Update, Delete)
+
+### CrudService
+Утилита для работы с REST API. Поддерживает любые форматы ответов API.
+
+### Низкоуровневые компоненты
+
+### Layout (Макет)
+- `PageLayout` - Основной layout с header, sidebar и content
+- `Header` - Шапка страницы
+- `Sidebar` - Боковая панель
+- `Content` - Основная область контента
+
+### Form (Формы)
+- `Button` - Кнопка (варианты: primary, success, danger, ghost)
+- `Input` - Поле ввода текста
+- `Select` - Выпадающий список
+- `Textarea` - Многострочное поле ввода
+- `Checkbox` - Чекбокс
+- `Radio` - Радиокнопка
+- `Label` - Метка для полей формы
+
+### Table (Таблицы)
+- `DataTable` - Таблица данных с колонками и строками
+
+### Modal (Модальные окна)
+- `Modal` - Модальное окно
+
+### Navigation (Навигация)
+- `Menu` - Меню навигации
+- `Breadcrumbs` - Хлебные крошки
+- `Tabs` - Вкладки
+
+### Utility (Утилиты)
+- `Card` - Карточка
+- `Toast` / `ToastContainer` - Уведомления
+- `Loading` - Индикатор загрузки
+- `Badge` - Значок/бейдж
+
+## API Reference
+
+### AdminPanel
+
+Главный компонент для создания админ-панели.
+
+```tsx
+<AdminPanel
+  title?: string              // Заголовок админ-панели (по умолчанию "Админ панель")
+  logo?: React.ReactNode      // Кастомный логотип
+  models: AdminModel[]        // Массив моделей для отображения
+  login?: {                   // Конфигурация авторизации (опционально)
+    onSubmit: (username: string, password: string) => Promise<void> | void
+  }
+  user?: {                    // Информация о пользователе (опционально)
+    name?: string             // Имя пользователя в header
+    onLogout?: () => void     // Обработчик выхода
+  }
+/>
+```
+
+### AdminModel
+
+Конфигурация модели данных.
+
+```tsx
+interface AdminModel<T = any> {
+  name: string                           // Уникальное имя модели
+  label: string                          // Отображаемое название
+  service: CrudService<T>                // Сервис для работы с API
+  columns: Column<T>[]                   // Колонки таблицы
+  fields: FormField[]                    // Поля формы
+  getItemId?: (item: T) => string | number  // Функция получения ID (опционально)
+}
+```
+
+### CrudService
+
+Класс для работы с REST API.
+
+```tsx
+new CrudService<T>({
+  baseUrl: string                        // Базовый URL API
+  getListUrl?: (params?: any) => string  // URL для получения списка (опционально)
+  getDetailUrl?: (id) => string          // URL для получения элемента (опционально)
+  getCreateUrl?: () => string            // URL для создания (опционально)
+  getUpdateUrl?: (id) => string          // URL для обновления (опционально)
+  getDeleteUrl?: (id) => string          // URL для удаления (опционально)
+  transformRequest?: (data) => any       // Трансформация запроса (опционально)
+  transformResponse?: (data) => T        // Трансформация ответа (опционально)
+  headers?: Record<string, string>       // Заголовки запросов (опционально)
+})
+```
+
+Методы:
+- `getList(params?)` - Получить список элементов
+- `getDetail(id)` - Получить элемент по ID
+- `create(data)` - Создать новый элемент
+- `update(id, data)` - Обновить элемент
+- `delete(id)` - Удалить элемент
+
+### Column
+
+Конфигурация колонки таблицы.
+
+```tsx
+interface Column<T> {
+  key: string                            // Уникальный ключ колонки
+  title: string                          // Заголовок колонки
+  dataIndex?: string                     // Поле данных для отображения
+  render?: (value: any, record: T, index: number) => React.ReactNode  // Кастомный рендер
+  width?: number | string                // Ширина колонки
+  align?: 'left' | 'center' | 'right'   // Выравнивание
+}
+```
+
+### FormField
+
+Конфигурация поля формы.
+
+```tsx
+interface FormField {
+  name: string                           // Имя поля
+  label: string                          // Метка поля
+  type?: 'text' | 'email' | 'number' | 'password' | 'textarea' | 'select' | 'checkbox' | 'radio'
+  options?: Array<{ value: string | number; label: string }>  // Опции для select/radio
+  required?: boolean                     // Обязательное поле
+  placeholder?: string                   // Подсказка
+  disabled?: boolean                     // Отключено
+}
+```
+
+## Разработка
+
+```bash
+# Установка зависимостей
+npm install
+
+# Сборка библиотеки
+npm run build
+
+# Запуск демо приложения
+npm run demo
+
+# Линтинг
+npm run lint
+```
+
+## Публикация в npm
+
+```bash
+# Убедитесь что все изменения закоммичены
+git add .
+git commit -m "Prepare for release"
+
+# Обновите версию (если нужно)
+npm version patch  # или minor, major
+
+# Соберите библиотеку
+npm run build
+
+# Опубликуйте
+npm publish
+```
+
+## Лицензия
+
+MIT
+

package/dist/components/AdminPanel/AdminPanel.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { CrudService } from '../../utils/crud';
+import { Column } from '../Table/DataTable';
+import { FormField } from '../CRUD/CrudForm';
+
+export interface AdminModel<T = any> {
+    name: string;
+    label: string;
+    service: CrudService<T>;
+    columns: Column<T>[];
+    fields: FormField[];
+    getItemId?: (item: T) => string | number;
+}
+export interface AdminConfig {
+    title?: string;
+    logo?: React.ReactNode;
+    models: AdminModel[];
+    login?: {
+        onSubmit: (username: string, password: string) => Promise<void> | void;
+    };
+    user?: {
+        name?: string;
+        onLogout?: () => void;
+    };
+}
+export declare const AdminPanel: React.FC<AdminConfig>;
+//# sourceMappingURL=AdminPanel.d.ts.map

package/dist/components/AdminPanel/AdminPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPanel.d.ts","sourceRoot":"","sources":["../../../src/components/AdminPanel/AdminPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAWlD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,GAAG;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;IACvB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAA;CACzC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,MAAM,EAAE,UAAU,EAAE,CAAA;IACpB,KAAK,CAAC,EAAE;QACN,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;KACvE,CAAA;IACD,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KACtB,CAAA;CACF;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4J5C,CAAA"}

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+export type BadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'error';
+export interface BadgeProps {
+    children: React.ReactNode;
+    variant?: BadgeVariant;
+    className?: string;
+}
+export declare const Badge: React.FC<BadgeProps>;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAElF,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CActC,CAAA"}

package/dist/components/CRUD/CrudForm.d.ts

@@ -0,0 +1,26 @@
+export interface FormField {
+    name: string;
+    label: string;
+    type?: 'text' | 'email' | 'number' | 'password' | 'textarea' | 'select' | 'checkbox' | 'radio';
+    options?: Array<{
+        value: string | number;
+        label: string;
+    }>;
+    required?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    value?: any;
+}
+export interface CrudFormProps<T = any> {
+    fields: FormField[];
+    initialValues?: Partial<T>;
+    onSubmit: (values: Partial<T>) => Promise<void> | void;
+    onCancel?: () => void;
+    loading?: boolean;
+    title?: string;
+    submitLabel?: string;
+    cancelLabel?: string;
+    className?: string;
+}
+export declare function CrudForm<T = any>({ fields, initialValues, onSubmit, onCancel, loading, title, submitLabel, cancelLabel, className, }: CrudFormProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CrudForm.d.ts.map

package/dist/components/CRUD/CrudForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrudForm.d.ts","sourceRoot":"","sources":["../../../src/components/CRUD/CrudForm.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAA;IAC9F,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,GAAG;IACpC,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACtD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,EAChC,MAAM,EACN,aAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,KAAK,EACL,WAAyB,EACzB,WAAsB,EACtB,SAAc,GACf,EAAE,aAAa,CAAC,CAAC,CAAC,2CAgJlB"}

package/dist/components/CRUD/CrudList.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { Column } from '../Table/DataTable';
+import { CrudService } from '../../utils/crud';
+
+export interface CrudListProps<T = any> {
+    service: CrudService<T>;
+    columns: Column<T>[];
+    refreshKey?: number | string;
+    title?: string;
+    onCreate?: () => void;
+    onEdit?: (item: T) => void;
+    onDelete?: (item: T) => Promise<void>;
+    getItemId?: (item: T) => string | number;
+    actions?: (item: T) => React.ReactNode;
+    className?: string;
+}
+export declare function CrudList<T = any>({ service, columns, title, onCreate, onEdit, onDelete, getItemId, actions, className, refreshKey, }: CrudListProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CrudList.d.ts.map

package/dist/components/CRUD/CrudList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrudList.d.ts","sourceRoot":"","sources":["../../../src/components/CRUD/CrudList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAIhD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,GAAG;IACpC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;IACvB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAA;IACxC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,EAChC,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAA2C,EAC3C,OAAO,EACP,SAAc,EACd,UAAU,GACX,EAAE,aAAa,CAAC,CAAC,CAAC,2CAsIlB"}

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+export interface CardProps {
+    title?: string;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Card: React.FC<CardProps>;
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoBpC,CAAA"}

package/dist/components/Form/Button.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'default' | 'success' | 'danger' | 'ghost';
+    size?: 'small' | 'medium' | 'large';
+    loading?: boolean;
+    children: React.ReactNode;
+}
+export declare const Button: React.FC<ButtonProps>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Form/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IAChE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8BxC,CAAA"}

package/dist/components/Form/Checkbox.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+}
+export declare const Checkbox: React.FC<CheckboxProps>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Form/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC9F,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqB5C,CAAA"}

package/dist/components/Form/Input.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    error?: boolean;
+    label?: string;
+    helperText?: string;
+}
+export declare const Input: React.FC<InputProps>;
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/Form/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4BtC,CAAA"}

package/dist/components/Form/Label.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    required?: boolean;
+    children: React.ReactNode;
+}
+export declare const Label: React.FC<LabelProps>;
+//# sourceMappingURL=Label.d.ts.map

package/dist/components/Form/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAetC,CAAA"}

package/dist/components/Form/LoginForm.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+export interface LoginFormProps {
+    onSubmit: (username: string, password: string) => Promise<void> | void;
+    loading?: boolean;
+    error?: string;
+    className?: string;
+}
+export declare const LoginForm: React.FC<LoginFormProps>;
+//# sourceMappingURL=LoginForm.d.ts.map

package/dist/components/Form/LoginForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../src/components/Form/LoginForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACtE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiE9C,CAAA"}