@chrome-consulting/krit-ui 0.0.49

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

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import { ContentType } from '../../lib/attachments';
+interface PreviewFullProps {
+    children?: ReactNode;
+    src?: string;
+    name?: string;
+    type?: ContentType;
+    onPrev?: () => void;
+    onNext?: () => void;
+    onRemove?: () => Promise<void>;
+}
+/**
+ * Компонент для полноэкранного просмотра медиа-контента с поддержкой навигации, поворота и управления.
+ * Поддерживает изображения, видео, аудио и PDF файлы.
+ *
+ * @component
+ * @param {PreviewFullProps} props - Параметры компонента
+ * @param {ReactNode} [props.children] - Элемент, который будет триггером открытия модального окна
+ * @param {string} [props.src] - URL источника медиа-контента
+ * @param {string} [props.name] - Название файла (особенно важно для PDF)
+ * @param {ContentType} [props.type] - Тип контента (image, video, audio, pdf)
+ * @param {function} [props.onPrev] - Функция перехода к предыдущему элементу в галерее
+ * @param {function} [props.onNext] - Функция перехода к следующему элементу в галерее
+ * @param {function} [props.onRemove] - Функция удаления текущего элемента
+ * @returns {React.ReactElement} Модальное окно для просмотра медиа-контента
+ *
+ * @example
+ * <PreviewFull
+ *   src="/path/to/image.jpg"
+ *   type="image"
+ *   name="Image.jpg"
+ *   onPrev={() => console.log('Previous')}
+ *   onNext={() => console.log('Next')}
+ *   onRemove={() => console.log('Remove')}
+ * >
+ *   <button>Open Preview</button>
+ * </PreviewFull>
+ */
+export declare const PreviewFull: ({ children, src, name, type, onPrev, onNext, onRemove, }: PreviewFullProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,69 @@
+import { AttachmentItem, ContentType } from '../../lib/attachments';
+export interface PreviewsProps {
+    className?: string;
+    placeholder?: string;
+    data?: AttachmentItem[];
+    accepts?: ContentType[];
+    multiple?: boolean;
+    max?: number;
+    hint?: string;
+    previewSize?: number;
+    gap?: number;
+    title?: string;
+    orientation?: 'vertical' | 'horizontal';
+    maxSizes?: {
+        image?: number;
+        video?: number;
+        total?: number;
+        audio?: number;
+        pdf?: number;
+        word?: number;
+        excel?: number;
+        archive?: number;
+    };
+    withCompress?: boolean;
+    handleFileLimit?: (filetype: ContentType) => void;
+    handleAllFilesLimit?: () => void;
+    onAdd?: (files: File[]) => void;
+    onRemove?: (index: number) => void;
+}
+/**
+ * Компонент для отображения и управления вложениями различных типов (изображения, видео, аудио, PDF).
+ * Поддерживает предпросмотр, добавление, удаление и сжатие файлов с проверкой ограничений по размеру.
+ *
+ * @component
+ * @param {PreviewsProps} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы для контейнера
+ * @param {string} [props.placeholder] - Текст-заполнитель при отсутствии вложений
+ * @param {AttachmentItem[]} [props.data=[]] - Массив вложений для отображения
+ * @param {ContentType[]} [props.accepts=defaultAccepts] - Разрешенные типы файлов
+ * @param {boolean} [props.multiple=true] - Разрешить множественный выбор файлов
+ * @param {number} [props.max=10] - Максимальное количество файлов
+ * @param {string} [props.hint] - Подсказка под кнопкой добавления файла
+ * @param {number} [props.previewSize=130] - Размер превью в пикселях
+ * @param {number} [props.gap=2] - Отступ между элементами
+ * @param {string} [props.title] - Заголовок для изображений
+ * @param {'vertical' | 'horizontal'} [props.orientation='horizontal'] - Ориентация элементов
+ * @param {object} [props.maxSizes] - Максимальные размеры файлов по типам
+ * @param {number} [props.maxSizes.image=MAX_IMAGE_SIZE_MB] - Макс. размер изображений (МБ)
+ * @param {number} [props.maxSizes.video=MAX_VIDEO_SIZE_MB] - Макс. размер видео (МБ)
+ * @param {number} [props.maxSizes.total=MAX_TOTAL_SIZE_MB] - Макс. общий размер (МБ)
+ * @param {number} [props.maxSizes.audio=MAX_AUDIO_SIZE_MB] - Макс. размер аудио (МБ)
+ * @param {number} [props.maxSizes.pdf=MAX_PDF_SIZE_MB] - Макс. размер PDF (МБ)
+ * @param {boolean} [props.withCompress=true] - Включить сжатие файлов
+ * @param {function} [props.onAdd] - Обработчик добавления файлов
+ * @param {function} [props.onRemove] - Обработчик удаления файлов
+ * @returns {React.ReactElement} Компонент для управления вложениями
+ *
+ * @example
+ * <Previews
+ *   data={attachments}
+ *   onAdd={(files) => console.log('Added files:', files)}
+ *   onRemove={(index) => console.log('Remove file at index:', index)}
+ *   max={5}
+ *   orientation="vertical"
+ * />
+ *
+ * Для компактного списка и кнопки в другом месте экрана см. `PreviewsCompactList` и `usePreviewsFilePicker`.
+ */
+export declare const Previews: (props: PreviewsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import { AttachmentItem } from '../../lib/attachments';
+export interface PreviewsCompactListProps {
+    className?: string;
+    data?: AttachmentItem[];
+    onRemove?: (index: number) => void;
+    /** Подпись поверх миниатюры изображения (как в Previews) */
+    title?: string;
+    /**
+     * Резерв под макет Figma: превью всегда 40×40 (size S).
+     * Значение `M` оставлено для совместимости и также даёт 40×40.
+     */
+    cardSize?: 'S' | 'M';
+}
+/**
+ * Компактный горизонтальный список вложений (макет Figma File Upload New). Логика удаления и модального превью — как у Previews.
+ * В паре с `usePreviewsFilePicker`: список и кнопка-скрепка в разных местах разметки.
+ */
+export declare const PreviewsCompactList: ({ className, data, onRemove, title, }: PreviewsCompactListProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,8 @@
+import { AttachmentItem, ContentType } from '../../lib/attachments';
+/** Типы вложений, открываемых в модальном превью */
+export declare const PREVIEW_TYPES: ContentType[];
+export declare const getContentTypeFromMime: (mimeType: string) => ContentType | null;
+export declare const getAttachmentContentType: (attachment?: AttachmentItem) => ContentType;
+export declare const getAttachmentPreviewUrl: (attachment?: AttachmentItem) => string | undefined;
+export declare const getAttachmentDownloadUrl: (attachment?: AttachmentItem) => string | undefined;
+export declare const filterValidAttachmentItems: (data: AttachmentItem[] | undefined) => AttachmentItem[];

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

@@ -0,0 +1,41 @@
+import * as React from 'react';
+/**
+ * Пропсы компонента Profile
+ */
+export interface ProfileProps extends React.ComponentPropsWithoutRef<'div'> {
+    /** URL изображения аватара */
+    avatarUrl?: string;
+    /** Альтернативный текст для аватара */
+    avatarAlt?: string;
+    /** Имя пользователя */
+    name: string;
+    /** Email адрес пользователя */
+    email?: string;
+    /** Роль пользователя */
+    role?: string;
+}
+/**
+ * Компонент для отображения профиля пользователя с аватаром, именем, email и ролью.
+ * Соответствует дизайну из Figma.
+ *
+ * @component
+ * @param {ProfileProps} props - Параметры компонента
+ * @returns {React.ReactElement} Компонент профиля
+ *
+ * @example
+ * <Profile
+ *   avatarUrl="/path/to/avatar.jpg"
+ *   name="Семенова А.И."
+ *   email="a.semenova@mail.ru"
+ *   role="Автор"
+ * />
+ *
+ * @example
+ * <Profile
+ *   name="Иванов И.И."
+ *   email="ivanov@example.com"
+ *   role="Разработчик"
+ * />
+ */
+declare const Profile: React.ForwardRefExoticComponent<ProfileProps & React.RefAttributes<HTMLDivElement>>;
+export { Profile };

package/dist/components/ui/radio-group.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+/**
+ * Группа радиокнопок для выбора одной опции из нескольких.
+ * Основан на Radix UI RadioGroup с дополнительными стилями.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {string} [props.defaultValue] - Значение выбранной по умолчанию опции
+ * @param {string} [props.value] - Управляемое значение выбранной опции
+ * @param {function} [props.onValueChange] - Обработчик изменения выбранной опции
+ * @param {boolean} [props.disabled] - Отключение всей группы
+ * @param {boolean} [props.required] - Обязательность выбора
+ * @param {string} [props.name] - Имя группы (для форм)
+ * @param {string} [props.orientation] - Ориентация группы (horizontal/vertical)
+ * @param {React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>} props - Стандартные свойства RadioGroup из Radix UI
+ * @param {React.Ref<React.ElementRef<typeof RadioGroupPrimitive.Root>>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Группа радиокнопок
+ *
+ * @example
+ * <RadioGroup defaultValue="option1">
+ *   <RadioGroupItem value="option1" id="option1" />
+ *   <Label htmlFor="option1">Option 1</Label>
+ *   <RadioGroupItem value="option2" id="option2" />
+ *   <Label htmlFor="option2">Option 2</Label>
+ * </RadioGroup>
+ */
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Отдельный элемент радиокнопки в группе.
+ * Основан на Radix UI RadioGroupItem с дополнительными стилями.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {string} props.value - Значение элемента, уникальное в группе
+ * @param {boolean} [props.disabled] - Отключение элемента
+ * @param {boolean} [props.required] - Обязательность выбора элемента
+ * @param {React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>} props - Стандартные свойства RadioGroupItem из Radix UI
+ * @param {React.Ref<React.ElementRef<typeof RadioGroupPrimitive.Item>>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Элемент радиокнопки
+ *
+ * @example
+ * <RadioGroupItem value="option1" id="option1" />
+ */
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };

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

@@ -0,0 +1,65 @@
+import { ImperativePanelGroupHandle, PanelGroupProps } from 'react-resizable-panels';
+import * as React from 'react';
+import * as ResizablePrimitive from 'react-resizable-panels';
+/**
+ * Контейнер для группы изменяемых панелей. Позволяет создавать интерфейсы с изменяемыми размерами панелей.
+ * Основан на react-resizable-panels с дополнительными стилями.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {'horizontal' | 'vertical'} [props.direction] - Направление размещения панелей
+ * @param {object} props - Стандартные свойства PanelGroup (PanelGroupProps) из react-resizable-panels
+ * @returns {React.ReactElement} Контейнер для группы изменяемых панелей
+ *
+ * @example
+ * <ResizablePanelGroup direction="horizontal">
+ *   <ResizablePanel defaultSize={50}>
+ *     <div>Левая панель</div>
+ *   </ResizablePanel>
+ *   <ResizableHandle withHandle />
+ *   <ResizablePanel defaultSize={50}>
+ *     <div>Правая панель</div>
+ *   </ResizablePanel>
+ * </ResizablePanelGroup>
+ */
+declare const ResizablePanelGroup: React.ForwardRefExoticComponent<PanelGroupProps & React.RefAttributes<ImperativePanelGroupHandle>>;
+/**
+ * Изменяемая панель, которая может быть перетаскиваема для изменения размера.
+ * Прямой ре-экспорт Panel из react-resizable-panels.
+ */
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLSpanElement | HTMLObjectElement | HTMLTitleElement | HTMLSlotElement | HTMLStyleElement | HTMLLinkElement | HTMLDialogElement | HTMLFormElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLTimeElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+    className?: string | undefined;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string | undefined;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse | undefined;
+    onExpand?: ResizablePrimitive.PanelOnExpand | undefined;
+    onResize?: ResizablePrimitive.PanelOnResize | undefined;
+    order?: number | undefined;
+    style?: object | undefined;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: import('react').ReactNode;
+} & React.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+/**
+ * Элемент для изменения размера панелей. Может отображаться с ручкой для перетаскивания.
+ * Основан на PanelResizeHandle из react-resizable-panels с дополнительными стилями.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {boolean} [props.withHandle] - Отображать ли видимую ручку для перетаскивания
+ * @param {React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle>} props - Стандартные свойства PanelResizeHandle из react-resizable-panels
+ * @returns {React.ReactElement} Элемент для изменения размера панелей
+ *
+ * @example
+ * <ResizableHandle withHandle />
+ */
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle };

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea, ScrollBar };

package/dist/components/ui/secondary-panel-section.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export interface SecondaryPanelSectionProps {
+    /** Текст при отсутствии данных */
+    emptyStateText: ReactNode;
+    /** Слот для кнопки или панели действий над контентом */
+    actionsSlot?: ReactNode;
+    /** Контент при наличии данных (список и т.п.) */
+    children?: ReactNode;
+    /** Показать пустое состояние вместо children */
+    isEmpty: boolean;
+    /** Дополнительные классы для внешнего контейнера */
+    className?: string;
+    /** Дополнительные классы для внутренней колонки */
+    innerClassName?: string;
+}
+/**
+ * Секция на вторичном фоне: слот действий, затем либо пустое состояние с текстом, либо основной контент.
+ * Скругление — `rounded-lg` (`--krit-radius` в tailwind.css), отступы — `p-6` (шкала spacing Tailwind).
+ */
+export declare const SecondaryPanelSection: ({ emptyStateText, actionsSlot, children, isEmpty, className, innerClassName, }: SecondaryPanelSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/segmented-control.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+export interface SegmentedControlProps {
+    defaultValue?: string;
+    options?: {
+        value: string;
+        label: string;
+        icon?: ReactNode;
+    }[];
+    onClick?: (value: string) => void;
+}
+/**
+ * Сегментированный контрол для переключения между опциями.
+ * Построен на основе компонента Tabs с упрощенным API.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.defaultValue] - Значение выбранной по умолчанию опции
+ * @param {Array} [props.options] - Массив опций для отображения
+ * @param {string} props.options[].value - Уникальное значение опции
+ * @param {string} props.options[].label - Текстовая метка опции
+ * @param {ReactNode} [props.options[].icon] - Иконка опции (опционально)
+ * @param {function} [props.onClick] - Обработчик клика по опции
+ * @returns {React.ReactElement} Сегментированный контрол
+ *
+ * @example
+ * <SegmentedControl
+ *   defaultValue="option1"
+ *   options={[
+ *     { value: "option1", label: "Опция 1" },
+ *     { value: "option2", label: "Опция 2", icon: <Icon /> },
+ *   ]}
+ *   onClick={(value) => console.log(value)}
+ * />
+ */
+export declare const SegmentedControl: ({ defaultValue, options, onClick }: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/select-header-filter.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { Column, Table } from '@tanstack/react-table';
+export type Options<T> = T[] | {
+    value: T;
+    label?: ReactNode;
+    labelText?: string;
+}[];
+export type Option<T = string | number> = Options<T>[number];
+type ColumnFilterProps<T = string | number> = {
+    table?: Table<any>;
+    column?: Column<any, unknown>;
+    excludeAllLabel?: string;
+    options?: Options<T>;
+    checked?: Options<T>;
+    disabled?: string[] | number[];
+    hidden?: string[] | number[];
+    search?: string;
+    radio?: boolean;
+    onSearchChange?: (search: string) => void;
+    onCheckedChange?: (checked: Options<T> | undefined) => void;
+};
+export declare const SelectHeaderFilter: <T>({ table, column, excludeAllLabel, options, checked, disabled, hidden, search, radio, onSearchChange, onCheckedChange, }: ColumnFilterProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,91 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+export interface OptionType {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export interface SelectProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> {
+    placeholder?: React.ReactNode;
+    options: OptionType[];
+    triggerClassName?: string;
+    clearable?: boolean;
+    borderless?: boolean;
+    isLoading?: boolean;
+    isError?: boolean;
+    error?: string | boolean;
+    readOnly?: boolean;
+    autoSelectSingleOption?: boolean;
+    renderValue?: (option: OptionType) => React.ReactNode;
+    renderOption?: (option: OptionType) => React.ReactNode;
+    onRefetch?: () => void;
+    onChange?: (value: string, label: string) => void;
+    onClick?: () => void;
+}
+/**
+ * Расширенный компонент выбора (select) с поддержкой виртуализации, загрузки, ошибок и кастомного рендеринга.
+ * Основан на Radix UI Select с дополнительными функциями и стилями.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.placeholder] - Текст-заполнитель при отсутствии выбора
+ * @param {OptionType[]} props.options - Массив опций для выбора
+ * @param {string} [props.triggerClassName] - Дополнительные классы для триггера
+ * @param {boolean} [props.clearable] - Возможность очистки выбора
+ * @param {boolean} [props.borderless] - Стиль без границ
+ * @param {boolean} [props.isLoading] - Флаг загрузки данных
+ * @param {boolean} [props.isError] - Флаг ошибки загрузки
+ * @param {string|boolean} [props.error] - Сообщение об ошибке
+ * @param {boolean} [props.readOnly] - Режим только для чтения
+ * @param {boolean} [props.autoSelectSingleOption] - Автоматически выбирать единственную доступную опцию
+ * @param {function} [props.renderValue] - Функция кастомного рендеринга выбранного значения
+ * @param {function} [props.renderOption] - Функция кастомного рендеринга опций
+ * @param {function} [props.onRefetch] - Обработчик повторной загрузки данных
+ * @param {function} [props.onChange] - Обработчик изменения значения
+ * @param {function} [props.onClick] - Обработчик клика по триггеру
+ * @param {React.Ref<React.ElementRef<typeof SelectPrimitive.Trigger>>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Компонент выбора с расширенными возможностями
+ *
+ * @example
+ * <Select
+ *   options={[
+ *     { value: "option1", label: "Option 1" },
+ *     { value: "option2", label: "Option 2" }
+ *   ]}
+ *   placeholder="Select an option"
+ *   clearable
+ *   onChange={(value, label) => console.log(value, label)}
+ * />
+ */
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Компонент для отображения выбранного значения в Select.
+ * Основан на Radix UI SelectValue.
+ */
+declare const SelectValue: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * Триггер для открытия выпадающего списка Select.
+ * Основан на Radix UI SelectTrigger с кастомными стилями.
+ */
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Контейнер для выпадающего списка опций Select.
+ * Основан на Radix UI SelectContent с кастомными стилями.
+ */
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Компонент для группировки опций в Select.
+ * Основан на Radix UI SelectLabel.
+ */
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Элемент опции в выпадающем списке Select.
+ * Основан на Radix UI SelectItem с кастомными стилями.
+ */
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Разделитель для группировки опций в Select.
+ * Основан на Radix UI SelectSeparator.
+ */
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, };

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

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+/**
+ * Разделитель для визуального отделения элементов интерфейса.
+ * Основан на Radix UI Separator с кастомизацией стилей.
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {"horizontal" | "vertical"} [props.orientation="horizontal"] - Ориентация разделителя
+ * @param {boolean} [props.decorative=true] - Флаг декоративного элемента (не влияет на доступность)
+ * @param {"default" | "sidebar"} [props.intent="default"] - `sidebar` задаёт фон `bg-line-sidebar` для панели сайдбара
+ * @param {React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>} props - Стандартные свойства Separator из Radix UI
+ * @param {React.Ref<React.ElementRef<typeof SeparatorPrimitive.Root>>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Разделитель с заданными свойствами
+ *
+ * @example
+ * <Separator />
+ * <Separator orientation="vertical" className="my-4" />
+ * <Separator intent="sidebar" className="ml-3 w-[calc(100%-24px)]" />
+ */
+export type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> & {
+    /**
+     * `sidebar` — токен `--krit-line-sidebar` для разделителей на фоне `background-sidebar`.
+     */
+    intent?: 'default' | 'sidebar';
+};
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    /**
+     * `sidebar` — токен `--krit-line-sidebar` для разделителей на фоне `background-sidebar`.
+     */
+    intent?: "default" | "sidebar";
+} & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

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

@@ -0,0 +1,118 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+/**
+ * Root component for Sheet. Manages the open/close state.
+ * @example
+ * ```tsx
+ * <Sheet>
+ *   <SheetTrigger>Open</SheetTrigger>
+ *   <SheetContent>Content here</SheetContent>
+ * </Sheet>
+ * ```
+ */
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+/**
+ * Trigger component for opening the sheet.
+ * Should be used inside Sheet component.
+ */
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Close component for closing the sheet programmatically.
+ * Should be used inside SheetContent.
+ */
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Portal component that renders sheet content in a portal.
+ * Used internally by SheetContent.
+ */
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+/**
+ * Overlay component that renders a backdrop behind the sheet.
+ * Automatically closes the sheet when clicked.
+ */
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Variants configuration for sheet positioning and animation.
+ * Defines how the sheet slides in from different sides.
+ */
+declare const sheetVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Props interface for SheetContent component.
+ * @property {('top'|'right'|'bottom'|'left')} [side='right'] - Side from which the sheet slides in
+ */
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+/**
+ * Main content container for the sheet with configurable slide direction.
+ * Includes an overlay and a close button by default.
+ * @param {Object} props - Component props
+ * @param {('top'|'right'|'bottom'|'left')} [props.side='right'] - Side from which the sheet slides in
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {React.ReactNode} props.children - Sheet content
+ * @example
+ * ```tsx
+ * <SheetContent side="left">
+ *   <SheetHeader>
+ *     <SheetTitle>Title</SheetTitle>
+ *   </SheetHeader>
+ *   Content here
+ * </SheetContent>
+ * ```
+ */
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Header container for the sheet.
+ * Provides consistent spacing and alignment for sheet titles and descriptions.
+ * @param {Object} props - Component props
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {React.ReactNode} props.children - Header content (typically SheetTitle and SheetDescription)
+ * @example
+ * ```tsx
+ * <SheetHeader>
+ *   <SheetTitle>Settings</SheetTitle>
+ *   <SheetDescription>Manage your preferences</SheetDescription>
+ * </SheetHeader>
+ * ```
+ */
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Footer container for the sheet.
+ * Provides consistent spacing and alignment for action buttons.
+ * @param {Object} props - Component props
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {React.ReactNode} props.children - Footer content (typically buttons)
+ * @example
+ * ```tsx
+ * <SheetFooter>
+ *   <Button>Cancel</Button>
+ *   <Button variant="theme-filled">Save</Button>
+ * </SheetFooter>
+ * ```
+ */
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Title component for the sheet header.
+ * Displays the main heading of the sheet with appropriate styling.
+ * @param {Object} props - Component props
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {React.ReactNode} props.children - Title text
+ */
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Description component for the sheet header.
+ * Displays additional explanatory text below the title.
+ * @param {Object} props - Component props
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {React.ReactNode} props.children - Description text
+ */
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };