@velumweb/ui-kit 1.0.0 → 1.0.2

package/changelog.md

@@ -0,0 +1,11 @@
+## [1.0.1] - 24-12-2025
+
+### Исправлено
+- потерявшийся главный файл стилей вернулся в сборку
+
+## [1.0.0] - 23-12-2025
+
+### Добавлено
+- Первый публичный релиз UI-kit.
+- Базовые компоненты: `Button`, `Input`, `Toggle`, `Modal`, `Box`.
+- Поддержка тем с использованием CSS-переменных.

package/{docs → dist/components}/Button/Button.d.ts

@@ -1,32 +1,32 @@
-/**
- * Компонент кнопки
- * - разные состояния
- * - разные типы
- * - разные размеры
- * - разные углы
- * - добавление иконки
- */
-export interface ButtonProps {
-    /** Основная / Только текст / Вспомогательная */
-    type: 'primary' | 'transparent' | 'secondary';
-    /** Маленькая / Средняя / Большая */
-    size?: 'small' | 'medium' | 'large';
-    /** Углы прямые / Закругленные / Круглые */
-    corners?: 'square' | 'standard' | 'round';
-    /** Доступность кнопки */
-    disabled?: boolean;
-    /** Текст кнопки */
-    text?: string;
-    /** Событие при нажатии */
-    onClick?: (e?: MouseEvent) => void;
-    /** Дополнительные классы */
-    cls?: string;
-    /** Путь до иконки из assets */
-    iconPath?: string;
-    /** Расположение текста относительно иконки */
-    labelAlign?: 'right' | 'left' | 'bottom' | 'top';
-    /** Это просто информационная иконка */
-    staticIcon?: boolean;
-}
-/** Элемент кнопки */
-export declare const Button: ({ type, size, corners, disabled, staticIcon, cls, text, iconPath, labelAlign, onClick, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Компонент кнопки
+ * - разные состояния
+ * - разные типы
+ * - разные размеры
+ * - разные углы
+ * - добавление иконки
+ */
+export interface ButtonProps {
+    /** Основная / Только текст / Вспомогательная */
+    type: 'primary' | 'transparent' | 'secondary';
+    /** Маленькая / Средняя / Большая */
+    size?: 'small' | 'medium' | 'large';
+    /** Углы прямые / Закругленные / Круглые */
+    corners?: 'square' | 'standard' | 'round';
+    /** Доступность кнопки */
+    disabled?: boolean;
+    /** Текст кнопки */
+    text?: string;
+    /** Событие при нажатии */
+    onClick?: (e?: MouseEvent) => void;
+    /** Дополнительные классы */
+    cls?: string;
+    /** Путь до иконки из assets */
+    iconPath?: string;
+    /** Расположение текста относительно иконки */
+    labelAlign?: 'right' | 'left' | 'bottom' | 'top';
+    /** Это просто информационная иконка */
+    staticIcon?: boolean;
+}
+/** Элемент кнопки */
+export declare const Button: ({ type, size, corners, disabled, staticIcon, cls, text, iconPath, labelAlign, onClick, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{Button → components/Button}/Button.stories.d.ts

@@ -1,15 +1,15 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ type, size, corners, disabled, staticIcon, cls, text, iconPath, labelAlign, onClick, ...props }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    decorators: ((Story: any) => any)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const CustomButton: Story;
-export declare const IconButton: Story;
-export declare const Icon: Story;
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ type, size, corners, disabled, staticIcon, cls, text, iconPath, labelAlign, onClick, ...props }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    decorators: ((Story: any) => any)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CustomButton: Story;
+export declare const IconButton: Story;
+export declare const Icon: Story;

package/dist/{Button → components/Button}/index.d.ts

@@ -1 +1 @@
-export * from './Button';
+export * from './Button';

package/dist/{Container → components/Container}/Box.d.ts

@@ -1,33 +1,33 @@
-import { ReactNode } from 'react';
-/**
- * Компоненты контейнеры
- * - разные направления
- * - семантические обертки
- * - позиционирование
- */
-export interface BoxProps {
-    /** Направление строка или столбец */
-    direction?: 'row' | 'column';
-    /** Горизонтальное выравнивание **/
-    align?: 'top' | 'center' | 'bottom';
-    /** Горизонтальное распределение **/
-    justify?: 'start' | 'end' | 'center' | 'space';
-    /** Перенос блоков внутри контейнера **/
-    wrapContent?: boolean;
-    /** Дополнительные классы */
-    cls?: string;
-    /** Расстояние между дочерними элементами */
-    gap?: number;
-    /** Внешние отступы */
-    margin?: number[];
-    /** Внутренние отступы */
-    padding?: number[];
-    /** Родительский тег для семантики */
-    parent?: 'header' | 'footer' | 'article' | 'section' | 'main' | 'div';
-    /** Содержимое контейнера **/
-    children: ReactNode | string;
-    /** Маска загрузки **/
-    mask?: boolean;
-}
-/** Элемент контейнера */
-export declare const Box: ({ direction, align, justify, wrapContent, cls, gap, margin, padding, parent, mask, children, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
+import { ReactNode } from 'react';
+/**
+ * Компоненты контейнеры
+ * - разные направления
+ * - семантические обертки
+ * - позиционирование
+ */
+export interface BoxProps {
+    /** Направление строка или столбец */
+    direction?: 'row' | 'column';
+    /** Горизонтальное выравнивание **/
+    align?: 'top' | 'center' | 'bottom';
+    /** Горизонтальное распределение **/
+    justify?: 'start' | 'end' | 'center' | 'space';
+    /** Перенос блоков внутри контейнера **/
+    wrapContent?: boolean;
+    /** Дополнительные классы */
+    cls?: string;
+    /** Расстояние между дочерними элементами */
+    gap?: number;
+    /** Внешние отступы */
+    margin?: number[];
+    /** Внутренние отступы */
+    padding?: number[];
+    /** Родительский тег для семантики */
+    parent?: 'header' | 'footer' | 'article' | 'section' | 'main' | 'div';
+    /** Содержимое контейнера **/
+    children: ReactNode | string;
+    /** Маска загрузки **/
+    mask?: boolean;
+}
+/** Элемент контейнера */
+export declare const Box: ({ direction, align, justify, wrapContent, cls, gap, margin, padding, parent, mask, children, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;

package/{docs → dist/components}/Container/index.d.ts

@@ -1 +1 @@
-export * from './Box';
+export * from './Box';

package/dist/{Input → components/Input}/Input.d.ts

@@ -1,38 +1,38 @@
-/**
- * Компонент поля для ввода текста
- * - тип (текст, цифры, пароль)
- * - это поисковая строка (значок лупы)
- * - валидация
- */
-export interface InputProps {
-    /** Значение */
-    value?: string | number;
-    /** Текстовое поле \ цифровое \ пароль \ textarea */
-    type?: 'text' | 'number' | 'password' | 'email' | 'date' | 'tel' | 'time' | 'textarea';
-    /** Углы прямые / Закругленные / Круглые */
-    corners?: 'square' | 'standard' | 'round';
-    /** Доступность поля */
-    disabled?: boolean;
-    /** Текст над полем */
-    label?: string;
-    /** Текст под полем */
-    bottomText?: string;
-    /** Плейсхолдер */
-    placeholder?: string;
-    /** Живой поиск */
-    live?: boolean;
-    /** Событие при изменении */
-    onChange?: (value?: string | number) => void;
-    /** Это поиск */
-    isSearch?: boolean;
-    /** Валидация */
-    mask?: RegExp;
-    /** Ошибки валидации */
-    errorText: string;
-    /** Ширина в px */
-    width?: number;
-    /** Дополнительные классы */
-    cls?: string;
-}
-/** Элемент кнопки */
-export declare const Input: ({ value, type, corners, disabled, label, bottomText, placeholder, errorText, live, isSearch, mask, width, onChange, cls, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Компонент поля для ввода текста
+ * - тип (текст, цифры, пароль)
+ * - это поисковая строка (значок лупы)
+ * - валидация
+ */
+export interface InputProps {
+    /** Значение */
+    value?: string | number;
+    /** Текстовое поле \ цифровое \ пароль \ textarea */
+    type?: 'text' | 'number' | 'password' | 'email' | 'date' | 'tel' | 'time' | 'textarea';
+    /** Углы прямые / Закругленные / Круглые */
+    corners?: 'square' | 'standard' | 'round';
+    /** Доступность поля */
+    disabled?: boolean;
+    /** Текст над полем */
+    label?: string;
+    /** Текст под полем */
+    bottomText?: string;
+    /** Плейсхолдер */
+    placeholder?: string;
+    /** Живой поиск */
+    live?: boolean;
+    /** Событие при изменении */
+    onChange?: (value?: string | number) => void;
+    /** Это поиск */
+    isSearch?: boolean;
+    /** Валидация */
+    mask?: RegExp;
+    /** Ошибки валидации */
+    errorText: string;
+    /** Ширина в px */
+    width?: number;
+    /** Дополнительные классы */
+    cls?: string;
+}
+/** Элемент кнопки */
+export declare const Input: ({ value, type, corners, disabled, label, bottomText, placeholder, errorText, live, isSearch, mask, width, onChange, cls, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/{docs → dist/components}/Input/Input.stories.d.ts

@@ -1,14 +1,14 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ value, type, corners, disabled, label, bottomText, placeholder, errorText, live, isSearch, mask, width, onChange, cls, ...props }: import('./Input').InputProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    decorators: ((Story: any) => any)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TextField: Story;
-export declare const Search: Story;
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ value, type, corners, disabled, label, bottomText, placeholder, errorText, live, isSearch, mask, width, onChange, cls, ...props }: import('./Input').InputProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    decorators: ((Story: any) => any)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TextField: Story;
+export declare const Search: Story;

package/{docs → dist/components}/Input/index.d.ts

@@ -1 +1 @@
-export * from './Input';
+export * from './Input';

package/{docs → dist/components}/Modal/Modal.d.ts

@@ -1,29 +1,29 @@
-import { ReactNode } from 'react';
-/**
- * Компонент модальное окно
- * - размеры
- * - углы
- * - тип непрозрачности фона
- */
-export interface ModalProps {
-    /** Ширина */
-    width?: number | 'auto';
-    /** Углы прямые / Закругленные / Круглые */
-    corners?: 'square' | 'standard' | 'round';
-    /** Тип непрозрачности фона */
-    background?: 'blackout' | 'blur';
-    /** Содержимое контейнера **/
-    children: ReactNode | string;
-    /** Дополнительные классы */
-    cls?: string;
-    /** Операции при закрытии */
-    onClose: () => void;
-    /** Окно открыто */
-    isOpen?: boolean;
-    /** Title */
-    title?: string;
-    /** Кнопка закрытия в углу */
-    closeButton?: boolean;
-}
-/** Элемент модалки */
-export declare const Modal: ({ width, corners, background, isOpen, closeButton, title, cls, children, onClose, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+import { ReactNode } from 'react';
+/**
+ * Компонент модальное окно
+ * - размеры
+ * - углы
+ * - тип непрозрачности фона
+ */
+export interface ModalProps {
+    /** Ширина */
+    width?: number | 'auto';
+    /** Углы прямые / Закругленные / Круглые */
+    corners?: 'square' | 'standard' | 'round';
+    /** Тип непрозрачности фона */
+    background?: 'blackout' | 'blur';
+    /** Содержимое контейнера **/
+    children: ReactNode | string;
+    /** Дополнительные классы */
+    cls?: string;
+    /** Операции при закрытии */
+    onClose: () => void;
+    /** Окно открыто */
+    isOpen?: boolean;
+    /** Title */
+    title?: string;
+    /** Кнопка закрытия в углу */
+    closeButton?: boolean;
+}
+/** Элемент модалки */
+export declare const Modal: ({ width, corners, background, isOpen, closeButton, title, cls, children, onClose, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element;

package/{docs → dist/components}/Modal/Modal.stories.d.ts

@@ -1,13 +1,13 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ width, corners, background, isOpen, closeButton, title, cls, children, onClose, ...props }: import('./Modal').ModalProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    decorators: ((Story: any) => any)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ModalWindow: Story;
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ width, corners, background, isOpen, closeButton, title, cls, children, onClose, ...props }: import('./Modal').ModalProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    decorators: ((Story: any) => any)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ModalWindow: Story;

package/{docs → dist/components}/Modal/index.d.ts

@@ -1 +1 @@
-export * from './Modal';
+export * from './Modal';

package/dist/{Toggle → components/Toggle}/Toggle.d.ts

@@ -1,18 +1,18 @@
-import { default as React } from 'react';
-/**
- * Компонент переключателя
- */
-export interface ToggleProps {
-    /** Маленькая / Средняя / Большая */
-    size?: 'small' | 'medium' | 'large';
-    /** Доступность переключателя */
-    disabled?: boolean;
-    /** Текст переключателя */
-    text?: string;
-    /** Событие при нажатии */
-    onClick?: (e?: MouseEvent) => void;
-    /** Дополнительные классы */
-    cls?: string;
-}
-/** Элемент кнопки */
-export declare const Toggle: React.FC<ToggleProps>;
+import { default as React } from 'react';
+/**
+ * Компонент переключателя
+ */
+export interface ToggleProps {
+    /** Маленькая / Средняя / Большая */
+    size?: 'small' | 'medium' | 'large';
+    /** Доступность переключателя */
+    disabled?: boolean;
+    /** Текст переключателя */
+    text?: string;
+    /** Событие при нажатии */
+    onClick?: (e?: MouseEvent) => void;
+    /** Дополнительные классы */
+    cls?: string;
+}
+/** Элемент кнопки */
+export declare const Toggle: React.FC<ToggleProps>;

package/dist/{Toggle → components/Toggle}/Toggle.stories.d.ts

@@ -1,13 +1,13 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('./Toggle').ToggleProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    decorators: ((Story: any) => any)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const CustomToggle: Story;
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./Toggle').ToggleProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    decorators: ((Story: any) => any)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CustomToggle: Story;

package/dist/{Toggle → components/Toggle}/index.d.ts

@@ -1 +1 @@
-export * from './Toggle';
+export * from './Toggle';

package/{docs → dist/components}/index.d.ts

@@ -1,5 +1,6 @@
-export * from './Button';
-export * from './Container';
-export * from './Modal';
-export * from './Input';
-export * from './Toggle';
+export * from './Button';
+export * from './Container';
+export * from './Modal';
+export * from './Input';
+export * from './Toggle';
+export * from '../theme';

package/dist/index.d.ts

@@ -1,5 +1,2 @@
-export * from './Button';
-export * from './Container';
-export * from './Modal';
-export * from './Input';
-export * from './Toggle';
+export * from './components/index'
+export {}