@chrome-consulting/krit-ui 0.0.49

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

@@ -0,0 +1,52 @@
+import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
+import { Button } from './button';
+import * as React from 'react';
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+    setApi?: (api: CarouselApi) => void;
+};
+/**
+ * Кастомная карусель на базе Embla Carousel с поддержкой миниатюр и навигации
+ * @component
+ * @subcomponent CarouselContent - Контейнер для слайдов
+ * @subcomponent CarouselItem - Отдельный слайд карусели
+ * @subcomponent CarouselPrevious - Кнопка "Назад"
+ * @subcomponent CarouselNext - Кнопка "Вперед"
+ * @subcomponent CarouselThumbs - Контейнер для миниатюр
+ * @subcomponent CarouselThumbItem - Миниатюра слайда
+ * @subcomponent GalleryImages - Галерея изображений
+ */
+declare const Carousel: ({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps) => import("react/jsx-runtime").JSX.Element;
+declare const CarouselContent: ({ className, ...props }: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
+declare const CarouselItem: ({ className, ...props }: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
+declare const CarouselPrevious: ({ className, variant, size, ...props }: React.ComponentProps<typeof Button>) => import("react/jsx-runtime").JSX.Element;
+declare const CarouselNext: ({ className, variant, size, ...props }: React.ComponentProps<typeof Button>) => import("react/jsx-runtime").JSX.Element;
+declare const CarouselThumbs: ({ className, ...props }: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
+type CarouselThumbItemProps = {
+    index: number;
+} & React.ComponentProps<'button'>;
+declare const CarouselThumbItem: ({ index, className, children, ...props }: CarouselThumbItemProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Галерея изображений с превью и навигацией
+ * @template T - Тип элементов галереи
+ * @param {Object} props - Параметры компонента
+ * @param {T[]} [props.items] - Массив элементов галереи
+ * @param {(item: T) => string} props.getUrl - Функция получения URL изображения
+ * @param {(item: T) => string | number} props.getId - Функция получения уникального идентификатора
+ * @param {string} [props.classNameMainImage] - Дополнительные классы для основного изображения
+ * @param {string} [props.classNameOtherImages] - Дополнительные классы для миниатюр
+ */
+export declare const GalleryImages: <T>({ items, getUrl, getId, classNameMainImage, classNameOtherImages, }: {
+    items?: T[];
+    getUrl: (item: T) => string;
+    getId: (item: T) => number | string;
+    classNameMainImage?: string;
+    classNameOtherImages?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, CarouselThumbs, CarouselThumbItem, };

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+/**
+ * Кастомный чекбокс на базе Radix UI с поддержкой лейбла
+ *
+ * @component
+ * @param {React.ComponentProps<typeof CheckboxPrimitive.Root>} props - Пропсы компонента
+ * @param {string} [props.className] - Дополнительные классы стилей
+ * @param {React.ReactNode} [props.children] - Лейбл чекбокса
+ * @param {boolean} [props.checked] - Состояние выбора
+ * @param {function} [props.onCheckedChange] - Колбэк изменения состояния
+ * @param {boolean} [props.disabled] - Неактивное состояние
+ * @returns {React.ReactElement} Кастомный чекбокс
+ */
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Чекбокс с кликабельным лейблом
+ *
+ * @component
+ * @extends Checkbox
+ * @param {Object} props - Пропсы компонента
+ * @param {string} [props.className] - Дополнительные классы стилей
+ * @param {React.ReactNode} props.children - Текст лейбла
+ * @param {boolean} [props.checked] - Состояние выбора
+ * @param {function} [props.onCheckedChange] - Колбэк изменения состояния
+ * @param {boolean} [props.disabled] - Неактивное состояние
+ * @returns {React.ReactElement} Чекбокс с интерактивным лейблом
+ */
+declare const CheckboxWithLabel: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox, CheckboxWithLabel };

package/dist/components/ui/collapsible-section.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+interface CollapsibleSectionProps {
+    title: string;
+    icon?: ReactNode;
+    defaultExpanded?: boolean;
+    showExpanderButton?: boolean;
+    expandOnAdd?: boolean;
+    count?: number;
+    placeholder?: string;
+    right?: ReactNode;
+    children?: ReactNode;
+    isLoading?: boolean;
+    isError?: boolean;
+    onRefetch?: () => Promise<unknown>;
+    onAdd?: () => void;
+}
+/**
+ * Раскрывающаяся секция с поддержкой состояний загрузки, ошибок и динамическим контентом
+ *
+ * @component
+ * @param {Object} props - Параметры компонента
+ * @param {string} props.title - Заголовок секции
+ * @param {ReactNode} [props.icon] - Иконка перед заголовком
+ * @param {boolean} [props.defaultExpanded] - Начальное состояние раскрытия
+ * @param {boolean} [props.showExpanderButton] - Показать кнопку "Развернуть"
+ * @param {boolean} [props.expandOnAdd=true] - Автораскрытие при добавлении
+ * @param {number} [props.count] - Счетчик элементов
+ * @param {string} [props.placeholder] - Текст при отсутствии элементов
+ * @param {ReactNode} [props.right] - Дополнительные элементы справа
+ * @param {ReactNode} [props.children] - Контент секции
+ * @param {boolean} [props.isLoading] - Состояние загрузки
+ * @param {boolean} [props.isError] - Состояние ошибки
+ * @param {function} [props.onRefetch] - Колбэк повторной загрузки
+ * @param {function} [props.onAdd] - Колбэк добавления элемента
+ */
+export declare const CollapsibleSection: (props: CollapsibleSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+/**
+ * Примитив для создания раскрывающихся элементов
+ * @component
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/collapsible Radix UI Collapsible}
+ */
+declare const Collapsible: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Триггер для управления состоянием раскрытия
+ * @component
+ */
+declare const CollapsibleTrigger: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+/**
+ * Контейнер для скрываемого контента
+ * @component
+ */
+declare const CollapsibleContent: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

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

@@ -0,0 +1,102 @@
+import { DialogProps } from '@radix-ui/react-dialog';
+import * as React from 'react';
+/**
+ * Командное меню с поиском и навигацией по типу Spotlight
+ * @component
+ * @see {@link https://cmdk.paco.me/ Документация CMDK}
+ */
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface CommandDialogProps extends DialogProps {
+}
+/**
+ * Модальное окно с командным меню
+ * @component
+ * @param {DialogProps} props - Пропсы диалога Radix UI
+ */
+declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Поле ввода для поиска по командам
+ * @component
+ * @param {React.ComponentProps<typeof CommandPrimitive.Input>} props - Пропсы инпута
+ */
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Контейнер для списка команд
+ * @component
+ * @param {React.ComponentProps<typeof CommandPrimitive.List>} props - Пропсы списка
+ */
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "onSelect" | "disabled" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/components/ui/confirm-modal.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+import { PromptOptions } from '../../hooks/useConfirm';
+interface ConfirmModalProps extends PromptOptions {
+    children?: ReactNode;
+    visible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    onConfirm?: (input?: string) => void;
+    onCancel?: () => void;
+}
+/**
+ * Модальное окно подтверждения действия с поддержкой кастомного ввода
+ * @component
+ * @param {Object} props - Параметры компонента
+ * @param {string} [props.title] - Заголовок модального окна
+ * @param {string} [props.description] - Описание действия
+ * @param {'contrast' | 'destructive'} [props.confirmType='contrast'] - Стиль кнопки подтверждения
+ * @param {string} [props.confirmText='OK'] - Текст кнопки подтверждения
+ * @param {boolean} [props.confirmHidden] - Скрыть кнопку подтверждения
+ * @param {string} [props.cancelText] - Текст кнопки отмены
+ * @param {boolean} [props.cancelHidden] - Скрыть кнопку отмены
+ * @param {React.ElementType} [props.input] - Кастомный компонент ввода
+ * @param {string} [props.inputPlaceholder] - Плейсхолдер для поля ввода
+ * @param {string} [props.inputRequiredLabel] - Сообщение при обязательном поле
+ * @param {number} [props.inputMaxLength] - Максимальная длина ввода
+ * @param {boolean} [props.inputRequired] - Обязательность заполнения поля
+ * @param {ReactNode} [props.children] - Триггер для открытия модального окна
+ * @param {boolean} [props.visible] - Состояние видимости модального окна
+ * @param {function} [props.onVisibleChange] - Колбэк изменения видимости
+ * @param {function} [props.onConfirm] - Колбэк подтверждения
+ * @param {function} [props.onCancel] - Колбэк отмены
+ */
+export declare const ConfirmModal: (props: ConfirmModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,94 @@
+import { default as React } from 'react';
+import { ColumnDef, ColumnFiltersState, ExpandedState, OnChangeFn, PaginationState, Row, RowSelectionState, SortingState, Table as TanTable, VisibilityState } from '@tanstack/react-table';
+import { PaginationProps } from './pagination';
+interface DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    horizontalPadding?: 'small' | 'medium' | 'large';
+    rowCount?: number;
+    noResultsText?: string;
+    enableRowSelection?: boolean;
+    enableMultiRowSelection?: boolean;
+    selection?: RowSelectionState;
+    pagination?: PaginationState;
+    sorting?: SortingState;
+    expanded?: ExpandedState;
+    manualSorting?: boolean;
+    paginationProps?: PaginationProps;
+    className?: string;
+    selectedRowClassName?: string;
+    onSortingChange?: OnChangeFn<SortingState>;
+    getRowId?: (originalRow: TData, index: number, parent?: Row<TData> | undefined) => string;
+    onPaginationChange?: OnChangeFn<PaginationState>;
+    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
+    onRowClick?: (row: TData) => void;
+    onExpandedChange?: OnChangeFn<ExpandedState>;
+    loading?: boolean;
+    skeletonClassName?: string;
+    isStickyHeader?: boolean;
+    additionalSlot?: React.ReactNode;
+    headerClassName?: string;
+    columnVisibility?: VisibilityState;
+    onColumnVisibilityChange?: OnChangeFn<VisibilityState>;
+    columnFilters?: ColumnFiltersState;
+    onColumnFiltersChange?: OnChangeFn<ColumnFiltersState>;
+    rowHoverContent?: (row: TData) => React.ReactNode;
+    hideHeader?: boolean;
+    variant?: 'table' | 'list';
+    striped?: boolean;
+    /**
+     * Уникальный ключ таблицы для сохранения ширин столбцов в localStorage.
+     * Если не передан — ресайзинг работает только в рамках текущей сессии (без сохранения).
+     * Если проп вообще не нужен — не передавайте его, поведение таблицы не изменится.
+     */
+    columnSizingStorageKey?: string;
+    /**
+     * Включить поддержку множественной сортировки.
+     * По умолчанию false (обычная одиночная сортировка).
+     */
+    enableMultiSort?: boolean;
+    /**
+     * Максимальное количество колонок для множественной сортировки.
+     * Игнорируется если enableMultiSort=false.
+     */
+    maxMultiSortColumns?: number;
+}
+/**
+ * Расширенная таблица данных с пагинацией, сортировкой и виртуализацией
+ * @component
+ * @template TData - Тип элементов данных
+ * @template TValue - Тип значений колонок
+ * @param {Object} props - Параметры компонента
+ * @param {ColumnDef<TData, TValue>[]} props.columns - Конфигурация колонок
+ * @param {TData[]} props.data - Данные для отображения
+ * @param {'small' | 'medium' | 'large'} [props.horizontalPadding='medium'] - Горизонтальные отступы
+ * @param {number} [props.rowCount] - Общее количество строк (для серверной пагинации)
+ * @param {string} [props.noResultsText='No results.'] - Текст при отсутствии данных
+ * @param {boolean} [props.enableRowSelection=false] - Разрешить выбор строк
+ * @param {boolean} [props.enableMultiRowSelection=false] - Разрешить множественный выбор
+ * @param {RowSelectionState} [props.selection] - Состояние выбранных строк
+ * @param {PaginationState} [props.pagination] - Состояние пагинации
+ * @param {SortingState} [props.sorting] - Состояние сортировки
+ * @param {boolean} [props.manualSorting=true] - Ручное управление сортировкой
+ * @param {PaginationProps} [props.paginationProps] - Свойства пагинации
+ * @param {string} [props.className] - Дополнительные классы
+ * @param {function} [props.onRowClick] - Обработчик клика по строке
+ * @param {boolean} [props.loading] - Состояние загрузки
+ * @param {boolean} [props.isStickyHeader] - Фиксированный заголовок
+ * @param {boolean} [props.hideHeader=false] - Скрыть строку с заголовками
+ * @param {'table' | 'list'} [props.variant='table'] - Вариант стиля таблицы: 'table' - стандартный стиль с границами, 'list' - стиль списка без вертикальных границ и фона строк
+ */
+export declare function DataTable<TData, TValue>({ columns, data, horizontalPadding, rowCount, noResultsText, enableRowSelection, enableMultiRowSelection, selection, pagination, sorting, expanded, manualSorting, paginationProps, className, additionalSlot, selectedRowClassName, onSortingChange, getRowId, onPaginationChange, onRowSelectionChange, onRowClick, onExpandedChange, loading, skeletonClassName, isStickyHeader, headerClassName, columnVisibility, onColumnVisibilityChange, columnFilters, onColumnFiltersChange, rowHoverContent, hideHeader, variant, striped, columnSizingStorageKey, enableMultiSort, maxMultiSortColumns, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+interface TruncatedCellProps {
+    width?: number;
+    children?: string;
+}
+export declare function TruncatedCell({ width, children }: TruncatedCellProps): import("react/jsx-runtime").JSX.Element;
+interface DataTablePaginationProps<TData> {
+    table: TanTable<TData>;
+    horizontalPadding?: 'small' | 'medium' | 'large';
+    paginationProps?: PaginationProps;
+    variant?: 'table' | 'list';
+}
+export declare function DataTablePagination<TData>({ table, horizontalPadding, paginationProps, variant, }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,69 @@
+import { DayPickerMultipleProps, DayPickerRangeProps, DayPickerSingleProps, SelectMultipleEventHandler, SelectRangeEventHandler, SelectSingleEventHandler } from 'react-day-picker';
+import { Locale } from 'date-fns/locale';
+export interface DateRange {
+    from?: Date;
+    to?: Date;
+}
+export interface DatePickerSingleProps extends DayPickerSingleProps {
+    placeholder?: string;
+    innerLabel?: string;
+    value?: Date | null;
+    onChange?: SelectSingleEventHandler;
+    error?: string | boolean;
+    readOnly?: boolean;
+    iconClassName?: string;
+    showReset?: boolean;
+    onRemoveClick?: () => void;
+}
+export interface DatePickerMultipleProps extends DayPickerMultipleProps {
+    placeholder?: string;
+    innerLabel?: string;
+    value?: Date[];
+    onChange?: SelectMultipleEventHandler;
+    error?: string | boolean;
+    readOnly?: boolean;
+    iconClassName?: string;
+    showReset?: boolean;
+    onRemoveClick?: () => void;
+}
+interface DatePickerRangeProps extends DayPickerRangeProps {
+    placeholder?: string;
+    innerLabel?: string;
+    value?: DateRange;
+    onChange?: SelectRangeEventHandler;
+    error?: string | boolean;
+    readOnly?: boolean;
+    iconClassName?: string;
+    showReset?: boolean;
+    onRemoveClick?: () => void;
+}
+export type DatePickerProps = DatePickerSingleProps | DatePickerMultipleProps | (DatePickerRangeProps & {
+    locale?: Locale;
+});
+/**
+ * Универсальный компонент выбора даты с поддержкой различных режимов
+ * @component
+ * @param {Object} props - Свойства компонента
+ * @param {'single' | 'multiple' | 'range'} [props.mode] - Режим выбора даты
+ * @param {Date | Date[] | DateRange} [props.value] - Выбранные даты в зависимости от режима
+ * @param {string} [props.placeholder] - Плейсхолдер для инпута. Если задан innerLabel, placeholder будет игнорироваться (вместо него выводится маска).
+ * @param {string} [props.innerLabel] - Метка, отображаемая перед значением с двоеточием. Если задана, резервирует место под маску и отображает её в качестве плейсхолдера.
+ * @param {Function} [props.onChange] - Обработчик изменения даты
+ * @param {string | boolean} [props.error] - Ошибка валидации
+ * @param {boolean} [props.readOnly] - Режим только для чтения
+ * @param {string} [props.iconClassName] - Дополнительные классы для иконки календаря
+ * @param {Locale} [props.locale] - Локализация календаря
+ * @param {boolean} [props.showReset] - Показывать кнопку сброса значения
+ * @param {Function} [props.onRemoveClick] - Обработчик клика по кнопке сброса
+ * @example
+ * <DatePicker
+ *   mode="single"
+ *   value={new Date()}
+ *   placeholder="Date filter"
+ *   innerLabel="Дата"
+ *   onChange={(date) => console.log(date)}
+ *   showReset
+ * />
+ */
+export declare function DatePicker({ className, locale, iconClassName, ...rawProps }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface DialogSectionProps extends React.HTMLAttributes<HTMLDivElement> {
+    scrollableSection?: boolean;
+}
+/**
+ * Диалоговое окно с поддержкой различных секций и режимов отображения
+ * @component
+ * @param {boolean} [aside] - Режим боковой панели
+ * @param {boolean} [scrollableSection] - Включение прокрутки в секции содержимого
+ * @param {React.ReactNode} children - Дочерние элементы (Header, Section, Footer)
+ * @example
+ * <Dialog>
+ *   <DialogTrigger>Open</DialogTrigger>
+ *   <DialogContent>
+ *     <DialogHeader>Title</DialogHeader>
+ *     <DialogSection>Content</DialogSection>
+ *     <DialogFooter>Actions</DialogFooter>
+ *   </DialogContent>
+ * </Dialog>
+ */
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    aside?: boolean;
+    scrollableSection?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Шапка диалогового окна
+ * @component
+ * @param {boolean} [hideCloseButton] - Скрыть кнопку закрытия
+ * @param {React.ReactNode} children - Заголовок и дополнительный контент
+ */
+declare const DialogHeader: {
+    ({ className, hideCloseButton, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+        hideCloseButton?: boolean;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Футер диалогового окна для действий
+ * @component
+ * @param {React.ReactNode} children - Кнопки или другие интерактивные элементы
+ */
+interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    align?: 'start' | 'end';
+}
+declare const DialogFooter: {
+    ({ className, align, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Секция содержимого диалога с поддержкой прокрутки
+ * @component
+ * @param {boolean} [scrollableSection] - Активировать прокрутку содержимого
+ */
+declare const DialogSection: {
+    ({ className, scrollableSection, ...props }: DialogSectionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogSection, };

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

@@ -0,0 +1,10 @@
+/**
+ * Компонент точки для разделения элементов с кастомизируемым стилем
+ * @component
+ * @param {string} [className] - Дополнительные CSS-классы для кастомизации
+ * @example
+ * <Dot className="text-red-500 text-xl" />
+ */
+export declare const Dot: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+/**
+ * Составной компонент выпадающего меню с поддержкой различных типов элементов
+ * @component
+ * @see https://www.radix-ui.com/primitives/docs/components/dropdown-menu
+ */
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Элемент меню с поддержкой чекбокса
+ * @component
+ * @param {boolean} checked - Состояние чекбокса
+ */
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Элемент меню с поддержкой радио-кнопки
+ * @component
+ * @param {string} value - Значение радио-кнопки
+ */
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface DropdownActionItem {
+    label: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+}
+interface DropdownActionsProps {
+    triggerClassName?: string;
+    actions: (DropdownActionItem | null)[];
+    children?: React.ReactNode;
+    renderItem?: (item: DropdownActionItem) => React.ReactNode;
+}
+/**
+ * Кастомный элемент меню действий с иконками и обработчиками
+ * @component
+ * @param {Object} props - Свойства компонента
+ * @param {DropdownActionItem[]} props.actions - Массив элементов меню
+ * @param {string} [props.triggerClassName] - Дополнительные классы для триггера
+ * @param {React.ReactNode} [props.children] - Кастомный элемент триггера
+ * @param {Function} [props.renderItem] - Функция кастомного рендера элемента
+ * @example
+ * <DropdownActions actions={[{ label: 'Edit', onClick: handleEdit }]}>
+ *   <Button>Actions</Button>
+ * </DropdownActions>
+ */
+export declare const DropdownActions: ({ triggerClassName, actions, children, renderItem, }: DropdownActionsProps) => import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/dist/components/ui/file-input.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+export interface FileInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    /** Callback при добавлении файла */
+    onAdd: (file: File, error?: {
+        fileSizeError?: string;
+        fileTypeError?: string;
+    }) => void;
+    /** Callback при удалении файла */
+    onFileRemove?: (onConfirmCallback?: () => void) => void;
+    /** Callback при клике на поле ввода */
+    onClick?: () => void;
+    /** Текст ошибки или флаг наличия ошибки */
+    error?: string | boolean;
+    /** Максимальный размер файла в байтах */
+    maxFileSize: number;
+    /** Значение по умолчанию для имени файла */
+    defaultValue?: string;
+}
+/**
+ * Компонент для выбора файла с валидацией и превью.
+ * Поддерживает кастомизацию через стандартные атрибуты input.
+ *
+ * @component
+ * @param {FileInputProps} props - Пропсы компонента
+ * @returns {JSX.Element}
+ *
+ * @example
+ * <FileInput
+ *   onAdd={(file) => console.log(file)}
+ *   maxFileSize={5242880}
+ *   accept="image/*"
+ *   placeholder="Выберите файл"
+ * />
+ */
+declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLInputElement>>;
+export { FileInput };