@chrome-consulting/krit-ui 0.0.49

package/dist/components/ui/skeleton.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+/**
+ * Компонент-плейсхолдер для отображения во время загрузки контента.
+ * Создает анимированный эффект пульсации, имитирующий загружаемый контент.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы для кастомизации
+ * @param {React.HTMLAttributes<HTMLDivElement>} props - Стандартные HTML-атрибуты div элемента
+ * @returns {React.ReactElement} Анимированный плейсхолдер загрузки
+ *
+ * @example
+ * // Простой плейсхолдер
+ * <Skeleton className="h-4 w-full" />
+ *
+ * @example
+ * // Плейсхолдер для аватара
+ * <Skeleton className="h-12 w-12 rounded-full" />
+ */
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare namespace Skeleton {
+    var displayName: string;
+}
+export { Skeleton };

package/dist/components/ui/sort-component.d.ts

@@ -0,0 +1,46 @@
+import { OptionType } from './select';
+/**
+ * Типы для сортировки
+ */
+export declare const SortOrder: {
+    readonly ASC: "asc";
+    readonly DESC: "desc";
+};
+export type SortOrderType = (typeof SortOrder)[keyof typeof SortOrder];
+export interface SortComponentProps<T extends string> {
+    /** Текущий порядок сортировки */
+    sortOrder?: SortOrderType;
+    /** Текущее поле сортировки */
+    sortField?: T;
+    /** Дополнительные классы для контейнера */
+    className?: string;
+    /** Опции для выбора поля сортировки */
+    options: OptionType[];
+    /** Текст плейсхолдера для селекта */
+    placeholder?: string;
+    /** Обработчик переключения порядка сортировки */
+    onOrderToggle?: () => void;
+    /** Обработчик изменения поля сортировки */
+    onFieldChange?: (field: T) => void;
+}
+/**
+ * Компонент сортировки с выбором поля и переключением направления
+ * Соответствует дизайну из Figma: кнопка с иконкой фильтра слева, текстом посередине и chevron справа
+ *
+ * @component
+ * @param {SortComponentProps} props - Параметры компонента
+ * @returns {React.ReactElement} Компонент сортировки
+ *
+ * @example
+ * <SortComponent
+ *   sortOrder={SortOrder.DESC}
+ *   sortField="date"
+ *   options={[
+ *     { label: 'Дата создания', value: 'date' },
+ *     { label: 'Название', value: 'name' }
+ *   ]}
+ *   onOrderToggle={() => {}}
+ *   onFieldChange={(field) => {}}
+ * />
+ */
+export declare const SortComponent: <T extends string>({ sortOrder, sortField, className, options, placeholder, onOrderToggle, onFieldChange, }: SortComponentProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/sortable-header.d.ts

@@ -0,0 +1,12 @@
+import { MouseEvent, ReactNode } from 'react';
+import { Column, RowData } from '@tanstack/react-table';
+interface SortableHeaderProps<TData extends RowData, TValue = unknown> {
+    className?: string;
+    children: ReactNode;
+    column: Column<TData, TValue>;
+    enableMultiSort?: boolean;
+    maxMultiSortColumns?: number;
+    isMultiSortEvent?: (e: MouseEvent) => boolean;
+}
+export declare const SortableHeader: <TData extends RowData, TValue = unknown>({ className, children, column, enableMultiSort, maxMultiSortColumns, isMultiSortEvent, }: SortableHeaderProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/switch.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+    className?: string;
+}
+/**
+ * Переключатель (switch) для изменения состояния между включенным и выключенным.
+ * Основан на Radix UI Switch с кастомизацией стилей и поддержкой доступности.
+ *
+ * @component
+ * @param {SwitchProps} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {boolean} [props.checked] - Состояние переключателя (включен/выключен)
+ * @param {boolean} [props.disabled] - Флаг отключения переключателя
+ * @param {function} [props.onCheckedChange] - Callback при изменении состояния
+ * @param {React.Ref<React.ElementRef<typeof SwitchPrimitives.Root>>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Переключатель с заданными свойствами
+ *
+ * @example
+ * <Switch />
+ * <Switch checked onChange={handleChange} />
+ * <Switch disabled />
+ */
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };

package/dist/components/ui/table.d.ts

@@ -0,0 +1,104 @@
+import * as React from 'react';
+/**
+ * Контейнер таблицы с поддержкой прокрутки и базовой стилизацией.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы для элемента table
+ * @param {string} [props.rootClassName] - Дополнительные CSS-классы для контейнера
+ * @param {boolean} [props.striped=true] - Чередование фона строк (полосатые строки)
+ * @param {React.Ref<HTMLTableElement>} ref - Реф для доступа к DOM-элементу таблицы
+ * @returns {React.ReactElement} Контейнер таблицы с вложенной таблицей
+ */
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & {
+    rootClassName?: string;
+    striped?: boolean;
+} & React.RefAttributes<HTMLTableElement>>;
+/**
+ * Заголовок таблицы. Содержит элементы TableHead.
+ * Поддерживает режим липкого заголовка, который остается видимым при прокрутке.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {boolean} [props.sticky] - Если true, заголовок фиксируется при прокрутке (position: sticky)
+ * @param {React.Ref<HTMLTableSectionElement>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Секция заголовка таблицы
+ */
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & {
+    sticky?: boolean;
+} & React.RefAttributes<HTMLTableSectionElement>>;
+/**
+ * Тело таблицы. Содержит основные данные таблицы в виде TableRow и TableCell.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {React.Ref<HTMLTableSectionElement>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Секция тела таблицы
+ */
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+/**
+ * Подвал таблицы. Обычно содержит итоги или дополнительную информацию.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {React.Ref<HTMLTableSectionElement>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Секция подвала таблицы
+ */
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+/**
+ * Строка таблицы. Содержит ячейки TableHead или TableCell.
+ * Поддерживает интерактивные состояния: hover и выделение.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {number} [props.dataIndex] - Индекс строки в данных, добавляется как data-атрибут для доступа через DOM
+ * @param {'table' | 'list'} [props.variant='table'] - Вариант стиля: 'table' - стандартный стиль, 'list' - стиль списка
+ * @param {React.Ref<HTMLTableRowElement>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Строка таблицы
+ */
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
+    dataIndex?: number;
+    variant?: "table" | "list";
+    isHeader?: boolean;
+} & React.RefAttributes<HTMLTableRowElement>>;
+/**
+ * Заголовочная ячейка таблицы. Используется в TableHeader.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {'table' | 'list'} [props.variant='table'] - Вариант стиля: 'table' - стандартный стиль, 'list' - стиль списка
+ * @param {React.Ref<HTMLTableCellElement>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Заголовочная ячейка таблицы
+ */
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & {
+    variant?: "table" | "list";
+} & React.RefAttributes<HTMLTableCellElement>>;
+/**
+ * Ячейка таблицы с данными. Используется в TableBody.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {'table' | 'list'} [props.variant='table'] - Вариант стиля: 'table' - стандартный стиль, 'list' - стиль списка
+ * @param {React.Ref<HTMLTableCellElement>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Ячейка таблицы с данными
+ */
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & {
+    variant?: "table" | "list";
+} & React.RefAttributes<HTMLTableCellElement>>;
+/**
+ * Заголовок таблицы. Описывает содержание таблицы.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {React.Ref<HTMLTableCaptionElement>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Заголовок таблицы
+ */
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };

package/dist/components/ui/tabs.d.ts

@@ -0,0 +1,52 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+/**
+ * Контейнер для компонентов вкладок. Обеспечивает базовую функциональность и состояние вкладок.
+ * Основан на Radix UI Tabs.
+ *
+ * @component
+ * @param {React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>} props - Свойства компонента
+ * @returns {React.ReactElement} Контейнер вкладок
+ */
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Контейнер для переключателей вкладок. Обеспечивает группировку и стилизацию кнопок переключения.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {VariantProps<typeof tabsListVariants>['size']} [props.size] - Размер вкладок (default | icon)
+ * @param {React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>} props - Стандартные свойства List из Radix UI
+ * @param {React.Ref<React.ElementRef<typeof TabsPrimitive.List>>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Контейнер переключателей вкладок
+ */
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    size?: "default" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Переключатель отдельной вкладки. Управляет отображением связанного контента.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {VariantProps<typeof tabsTriggerVariants>['size']} [props.size] - Размер вкладки (default | icon). Используйте 'icon' для вкладок только с иконкой без текста
+ * @param {React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>} props - Стандартные свойства Trigger из Radix UI
+ * @param {React.Ref<React.ElementRef<typeof TabsPrimitive.Trigger>>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Переключатель вкладки
+ */
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    size?: "default" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Контейнер для контента вкладки. Отображается при активации связанного переключателя.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>} props - Стандартные свойства Content из Radix UI
+ * @param {React.Ref<React.ElementRef<typeof TabsPrimitive.Content>>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Контейнер контента вкладки
+ */
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/ui/tabsVariants.d.ts

@@ -0,0 +1,6 @@
+export declare const tabsListVariants: (props?: ({
+    size?: "default" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const tabsTriggerVariants: (props?: ({
+    size?: "default" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/ui/text-area.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+export interface TextAreaProps extends React.InputHTMLAttributes<HTMLTextAreaElement> {
+    error?: string | boolean;
+    rows: number;
+    onEnter?: (value: string) => void;
+}
+/**
+ * Компонент текстовой области с расширенной функциональностью, включая подсчет символов,
+ * обработку нажатия Enter и отображение ошибок.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {string|boolean} [props.error] - Флаг или сообщение об ошибке
+ * @param {number} props.rows - Количество видимых строк текста
+ * @param {function} [props.onEnter] - Callback-функция при нажатии Enter
+ * @param {React.InputHTMLAttributes<HTMLTextAreaElement>} props - Стандартные свойства textarea
+ * @param {React.Ref<HTMLTextAreaElement>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Текстовая область с дополнительной функциональностью
+ *
+ * @example
+ * <TextArea
+ *   placeholder="Введите текст"
+ *   rows={4}
+ *   maxLength={500}
+ *   onEnter={(value) => console.log(value)}
+ * />
+ *
+ * @example
+ * <TextArea
+ *   placeholder="Введите текст"
+ *   rows={4}
+ *   error="Обязательное поле"
+ * />
+ */
+declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { TextArea };

package/dist/components/ui/theme-provider.d.ts

@@ -0,0 +1,136 @@
+export type Theme = 'dark' | 'light' | 'system';
+/**
+ * Версия темы. Определяет постфикс для классов тем в CSS.
+ *
+ * **Как расширять тип:**
+ * Для добавления новой версии темы расширьте тип через union:
+ * ```typescript
+ * export type ThemeVersion = 'Krit' | 'NordGold' | 'Hunter';
+ * ```
+ *
+ * **Правила именования классов в CSS:**
+ * - Классы должны начинаться с `light` или `dark`
+ * - После базового названия темы должен идти постфикс версии (значение из ThemeVersion)
+ * - Примеры корректных классов:
+ *   - `light` (версия не указана или пустая строка)
+ *   - `dark` (версия не указана или пустая строка)
+ *   - `lightKrit` (themeVersion='Krit')
+ *   - `darkKrit` (themeVersion='Krit')
+ *   - `lightNordGold` (themeVersion='NordGold')
+ *   - `darkNordGold` (themeVersion='NordGold')
+ *   - `lightHunter` (themeVersion='Hunter')
+ *   - `darkHunter` (themeVersion='Hunter')
+ *   - `light_project_name` (themeVersion='project_name')
+ *   - `dark_project_name` (themeVersion='project_name')
+ *
+ * **Пример использования:**
+ * При `themeVersion='Krit'` будут применяться классы `.light`, `.lightKrit` и `.dark`, `.darkKrit`.
+ * При `themeVersion='NordGold'` будут применяться классы `.light`, `.lightNordGold` и `.dark`, `.darkNordGold`.
+ * При `themeVersion='Hunter'` будут применяться классы `.light`, `.lightHunter` и `.dark`, `.darkHunter`.
+ * Эти классы должны быть определены в соответствующем CSS файле (например, `colorsKrit.css`, `colorsNordGold.css`, `colorsHunter.css`).
+ * Базовые классы `.light` и `.dark` всегда добавляются вместе с классами версии темы.
+ *
+ * **Важно:**
+ * - Значение `themeVersion` должно точно соответствовать постфиксу в CSS классах
+ * - Классы автоматически удаляются из DOM перед применением новой темы
+ * - Все классы, начинающиеся с `light` или `dark`, будут удалены при переключении темы
+ */
+export type ThemeVersion = 'Krit' | 'NordGold' | 'Hunter';
+declare const translations: {
+    expand: string;
+    empty: string;
+    confirmAction: string;
+    warning: string;
+    maxNChars: string;
+    cancellation: string;
+    displayBy: string;
+    selected: string;
+    all: string;
+    of: string;
+    selectDate: string;
+    search: string;
+    notFound: string;
+    networkError: string;
+    refetch: string;
+    attachFile: string;
+    errorOccurred: string;
+    noMediaFiles: string;
+    networkErrorDescription: string;
+    confirmDeleteMedia: string;
+    delete: string;
+    imageSizeLimitMB: string;
+    audioSizeLimitMB: string;
+    pdfSizeLimitMB: string;
+    videoSizeLimitMB: string;
+    maxSizeOfFilesMB: string;
+    mb: string;
+    apply: string;
+    showAll: string;
+    chooseAll: string;
+    withoutSort: string;
+    listView: string;
+    tableView: string;
+};
+export type Translations = keyof typeof translations;
+export type ThemeProviderProps = {
+    children: React.ReactNode;
+    /**
+     * Тема по умолчанию, которая будет применена при инициализации.
+     * Если не указана, будет использована системная тема или тема,
+     * сохраненная в localStorage (если `storageKey` указан).
+     */
+    defaultTheme?: Theme;
+    /**
+     * Ключ для сохранения текущей темы в localStorage.
+     * Позволяет сохранять выбор темы пользователя между сессиями.
+     * Если не указан, тема не сохраняется.
+     */
+    storageKey?: string;
+    /**
+     * Переводы для текстов.
+     * Ключи объекта — это идентификаторы переводов, значения — сами переводы.
+     */
+    translations?: Record<Translations, string>;
+    /**
+     * Версия темы. Если указана, классы будут применены с постфиксом версии.
+     * Например, при themeVersion='2' будут использоваться классы .light2 и .dark2.
+     * Должна соответствовать классу в используемом colors.css файле.
+     */
+    themeVersion?: ThemeVersion;
+};
+export type ThemeProviderState = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+    toggleTheme: () => void;
+    translations: Record<Translations, string>;
+};
+export declare const ThemeProviderContext: import('react').Context<ThemeProviderState>;
+/**
+ * Провайдер темы для приложения. Управляет цветовой темой, переводами и CSS-переменными.
+ * Обеспечивает контекст для дочерних компонентов к текущей теме и функциям её изменения.
+ * Поддерживает сохранение выбранной темы в localStorage и синхронизацию с системными настройками.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {React.ReactNode} props.children - Дочерние компоненты
+ * @param {Theme} [props.defaultTheme='system'] - Тема по умолчанию
+ * @param {string} [props.storageKey='app-ui-theme'] - Ключ для сохранения темы в localStorage
+ * @param {Record<Translations, string>} [props.translations] - Кастомные переводы
+ * @param {ThemeVersion} [props.themeVersion] - Версия темы (например, '2' для классов .light2 и .dark2)
+ * @returns {React.ReactElement} Провайдер темы с контекстом
+ *
+ * @example
+ * <ThemeProvider defaultTheme="dark" storageKey="my-app-theme">
+ *   <App />
+ * </ThemeProvider>
+ *
+ * @example
+ * <ThemeProvider
+ *   themeVersion="2"
+ *   defaultTheme="dark"
+ * >
+ *   <App />
+ * </ThemeProvider>
+ */
+export declare function ThemeProvider({ children, defaultTheme, storageKey, themeVersion, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/time-picker.d.ts

@@ -0,0 +1,29 @@
+import { InputProps } from './input';
+import * as React from 'react';
+export interface TimePickerProps extends Omit<InputProps, 'onChange' | 'value' | 'type'> {
+    value: string;
+    onChange: (value: string) => void;
+}
+/**
+ * Компонент выбора времени с маской ввода и выпадающим списком для удобного выбора.
+ * Поддерживает ручной ввод через клавиатуру и выбор через интерфейс с колонками часов и минут.
+ * Автоматически форматирует введенное время и валидирует значения.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} props.value - Текущее значение времени в формате HH:MM
+ * @param {function} props.onChange - Callback-функция при изменении значения
+ * @param {string} [props.placeholder] - Текст-подсказка
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {React.Ref<HTMLInputElement>} ref - Реф для доступа к DOM-элементу input
+ * @returns {React.ReactElement} Компонент выбора времени
+ *
+ * @example
+ * <TimePicker
+ *   value="14:30"
+ *   onChange={(time) => console.log(time)}
+ *   placeholder="Выберите время"
+ * />
+ */
+declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
+export { TimePicker };

package/dist/components/ui/time-picker.lib.d.ts

@@ -0,0 +1,6 @@
+interface TimeBounds {
+    min?: string | number;
+    max?: string | number;
+}
+export declare const clampTimeByBounds: (value: string, { min, max }?: TimeBounds) => string;
+export {};

package/dist/components/ui/toast.d.ts

@@ -0,0 +1,80 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+/**
+ * Провайдер для системы уведомлений Toast.
+ * Обеспечивает контекст и управление состоянием для всех Toast-компонентов.
+ *
+ * @component
+ * @param {React.ComponentProps<typeof ToastPrimitives.Provider>} props - Свойства провайдера
+ * @returns {React.ReactElement} Провайдер системы уведомлений
+ */
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+/**
+ * Контейнер для отображения Toast-уведомлений.
+ * Фиксирует позицию и стилизацию области показа уведомлений.
+ *
+ * @component
+ * @param {object} props - Свойства компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {React.Ref<React.ElementRef<typeof ToastPrimitives.Viewport>>} ref - React ref
+ * @returns {React.ReactElement} Контейнер для уведомлений
+ */
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+/**
+ * Основной компонент Toast-уведомления.
+ * Поддерживает различные варианты отображения (default, destructive, success).
+ *
+ * @component
+ * @param {object} props - Свойства компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {'default' | 'destructive' | 'success'} [props.variant] - Вариант стилизации
+ * @param {React.Ref<React.ElementRef<typeof ToastPrimitives.Root>>} ref - React ref
+ * @returns {React.ReactElement} Компонент уведомления
+ */
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | "success" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+/**
+ * Кнопка действия внутри Toast-уведомления.
+ *
+ * @component
+ * @param {object} props - Свойства компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {React.Ref<React.ElementRef<typeof ToastPrimitives.Action>>} ref - React ref
+ * @returns {React.ReactElement} Кнопка действия
+ */
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Кнопка закрытия Toast-уведомления.
+ *
+ * @component
+ * @param {object} props - Свойства компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {React.Ref<React.ElementRef<typeof ToastPrimitives.Close>>} ref - React ref
+ * @returns {React.ReactElement} Кнопка закрытия
+ */
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Заголовок Toast-уведомления.
+ *
+ * @component
+ * @param {object} props - Свойства компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {React.Ref<React.ElementRef<typeof ToastPrimitives.Title>>} ref - React ref
+ * @returns {React.ReactElement} Заголовок уведомления
+ */
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Описание/содержание Toast-уведомления.
+ *
+ * @component
+ * @param {object} props - Свойства компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {React.Ref<React.ElementRef<typeof ToastPrimitives.Description>>} ref - React ref
+ * @returns {React.ReactElement} Описание уведомления
+ */
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/components/ui/toaster.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Пропсы компонента Toaster
+ * @interface ToasterProps
+ * @property {string} [viewportClassname] - Дополнительные CSS-классы для контейнера уведомлений
+ */
+interface ToasterProps {
+    viewportClassname?: string;
+}
+/**
+ * Компонент для отображения системы уведомлений Toast.
+ * Обеспечивает рендеринг всех активных уведомлений в портале.
+ * Использует Radix UI Portal для корректного позиционирования.
+ *
+ * @component
+ * @param {ToasterProps} props - Пропсы компонента
+ * @returns {React.ReactElement} Провайдер и контейнер для уведомлений
+ *
+ * @example
+ * <Toaster viewportClassname="custom-viewport" />
+ */
+export declare function Toaster(props: ToasterProps): import("react/jsx-runtime").JSX.Element;
+export {};