skillgrid 0.0.36-dev-40511-42085-40506-alert-placeholder-modal-fix.1241652 → 0.0.38

package/dist/components/Alert/Alert.type.d.ts

@@ -1,10 +1,8 @@
 import { DialogProps } from '../Dialog';
-import { HTMLProps, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { AvatarProps } from '../Avatar';
 export type AlertVariant = 'info' | 'success' | 'warning' | 'error' | 'dialog' | 'avatar';
-/** Поля плейсхолдера для стилизации. */
-type AlertFields = 'title' | 'subTitle' | 'iconSlot' | 'children' | 'textBlock' | 'container' | 'dialog';
-export interface AlertProps extends Omit<DialogProps, 'style' | 'className'> {
+export interface AlertProps extends Pick<DialogProps, 'placement' | 'open' | 'onOpenChange' | 'children'> {
     /**
      * Вариант отображения Alert. Определяет иконку и цветовую схему.
      * Вариант `avatar` позволяет отобразить кастомный аватар.
@@ -21,10 +19,7 @@ export interface AlertProps extends Omit<DialogProps, 'style' | 'className'> {
     /** Заголовок Alert. */
     title: ReactNode;
     /** Основной контент/описание Alert. */
-    description?: ReactNode;
-    /** Inline-стили для отдельных частей Alert. */
-    styles?: Partial<Record<AlertFields, HTMLProps<HTMLDivElement>['style']>>;
-    /** CSS-классы для отдельных частей Alert. */
-    classNames?: Partial<Record<AlertFields, HTMLProps<HTMLDivElement>['className']>>;
+    description: ReactNode;
+    /** ID для тестирования. */
+    'data-testid'?: string;
 }
-export {};

package/dist/components/Dialog/Dialog.d.ts

@@ -1,17 +1,8 @@
 import { DialogProps } from './Dialog.type';
 /**
- * Компонент `Dialog` представляет собой модальное окно, которое можно использовать для
- * отображения важной информации, форм или для запроса подтверждения от пользователя.
- *
- * Он использует `Floating UI` для позиционирования, управляет фокусом внутри себя,
- * блокирует прокрутку основного контента и предоставляет анимации открытия/закрытия.
- *
- * Это полностью контролируемый компонент: его видимостью нужно управлять через пропсы `open` и `onOpenChange`.
- * Поддерживает различные варианты размещения на экране, закрытие перетаскиванием и другие возможности кастомизации.
- *
- * @param {DialogProps} props - Пропсы компонента.
- * @param {React.Ref<HTMLDivElement>} outerRef - Внешний ref, который будет перенаправлен на корневой DOM-элемент диалога.
- * @returns {JSX.Element | null} Рендерит диалог или `null`, если он закрыт (и анимация закрытия завершена).
+ * Базовый компонент диалогового окна.
+ * Обеспечивает управление состоянием, фокусом и позиционированием.
+ * Является основой для более сложных компонентов, таких как Modal.
  */
 declare const Dialog: import('react').ForwardRefExoticComponent<DialogProps & import('react').RefAttributes<HTMLDivElement>>;
 export { Dialog };

package/dist/components/Dialog/Dialog.type.d.ts

@@ -1,61 +1,29 @@
-import { ComponentProps, HTMLProps } from 'react';
-import { FloatingFocusManagerProps, FloatingOverlay, FloatingPortalProps } from '@floating-ui/react';
-/**
- * Определяет вариант расположения диалогового окна на экране.
- * - `default`: Вверху экрана с вертикальными и горизонтальными отступами.
- * - `default-stretched`: Вверху экрана, растянуто по ширине.
- * - `center`: Строго по центру экрана.
- * - `center-stretched`: По центру экрана, растянуто по ширине.
- * - `bottom-sheet`: Внизу экрана (адаптивный вариант для мобильных устройств).
- * - `right-drawer`: У правого края экрана (похоже на "шторку" или "сайдбар").
- * - `left-drawer`: У левого края экрана.
- */
-export type DialogPlacement = 'default' | 'center' | 'bottom-sheet' | 'bottom-left' | 'bottom-right' | 'right-drawer' | 'left-drawer';
+import { HTMLProps } from 'react';
+/** Тип позиционирования диалогового окна. */
+export type DialogPlacement = 'default' | 'default-stretched' | 'center' | 'center-stretched' | 'mobile' | 'right-drawer' | 'left-drawer';
 /** Пропсы для компонента Dialog. */
 export interface DialogProps extends Pick<HTMLProps<HTMLDivElement>, 'className' | 'style' | 'children'> {
-    /** Определяет, открыт ли диалог. Компонент является полностью контролируемым. */
+    /** Контролируемое состояние открытия. */
     open: boolean;
-    /** Функция обратного вызова, вызываемая при попытке закрытия диалога (клик на оверлей, Escape). */
+    /** Callback при изменении состояния. */
     onOpenChange: (open: boolean) => void;
     /**
-     * Определяет, где на экране будет отображаться диалог.
-     * @default 'default'
+     * Позиционирование диалога.
+     * @default 'top'
      */
     placement?: DialogPlacement;
     /**
-     * Если `true`, клик по OVERLAY диалога не будет его закрывать.
+     * Отключить закрытие по клику вне диалога.
      * @default false
      */
     disableOutsideClick?: boolean;
     /**
-     * Если `true`, нажатие клавиши Escape не будет закрывать диалог.
+     * Отключить закрытие по Escape.
      * @default false
      */
     disableEscapeKey?: boolean;
-    /**
-     * Если `true`, полупрозрачный фон (оверлей) не будет отображаться.
-     * @default false
-     * */
-    disableOverlay?: boolean;
-    /** Позволяет закрывать диалог перетаскиванием. Принимает объект с настройками. */
-    closeOnDrag?: {
-        /** Минимальное смещение в пикселях, необходимое для закрытия диалога. @default 80 */
-        threshold: number;
-        /** Направление, в котором нужно 'смахнуть' диалог для закрытия. */
-        direction: 'top' | 'left' | 'right' | 'bottom';
-    };
-    /** Идентификатор для использования в автоматизированных тестах. */
+    /** testId для тестирования. */
     'data-testid'?: string;
-    /** Дополнительные пропсы для кастомизации оверлея (фона). */
-    overlayProps?: Pick<ComponentProps<typeof FloatingOverlay>, 'lockScroll' | 'className' | 'style'>;
-    /**
-      * Дополнительные пропсы для `FloatingPortal`, который используется для рендеринга диалога.
-      * @extends https://floating-ui.com/docs/FloatingPortal
-      * */
-    portalProps?: Partial<FloatingPortalProps>;
-    /**
-     * Дополнительные пропсы для `FloatingFocusManager`, который используется для рендеринга диалога.
-     * @extends https://floating-ui.com/docs/floatingfocusmanager
-     * */
-    focusManagement?: Partial<FloatingFocusManagerProps>;
+    /** Класс для оверлея. */
+    overlayClassName?: HTMLProps<HTMLDivElement>['className'];
 }

package/dist/components/Dialog/lib/index.d.ts

@@ -1,2 +1 @@
 export { useDialog } from './use-dialog';
-export { useDialogDraggable } from './use-dialog-draggable';

package/dist/components/Dialog/lib/use-dialog.d.ts

@@ -2,24 +2,16 @@ import { Placement } from '@floating-ui/react';
 import { DialogProps } from '../Dialog.type';
 type UseDialogOptions = Pick<DialogProps, 'placement' | 'open' | 'disableOutsideClick' | 'disableEscapeKey' | 'onOpenChange'>;
 /**
- * Базовый хук для управления состоянием и поведением диалога.
- * Отвечает за логику открытия/закрытия, позиционирование с помощью `Floating UI`,
- * применение анимаций перехода и обработку событий закрытия (клик снаружи, Escape).
- * Не включает логику перетаскивания.
- *
- * @returns Объект с данными и пропсами для `Floating UI`.
- *    - `isMounted`: Флаг для условного рендеринга с поддержкой анимации закрытия.
- *    - `transitionStyles`: CSS-стили для анимации.
- *    - `context`: Контекст `Floating UI`.
- *    - `refs`: Ссылки на DOM-элементы для `Floating UI`.
- *    - `getFloatingProps`: Функция для получения пропсов, которые нужно передать на элемент диалога.
+ * Хук для управления состоянием и взаимодействиями диалогового окна.
+ * Инкапсулирует логику Floating UI для позиционирования, анимаций и закрытия.
+ * @returns {object} Объект со свойствами и хендлерами для управления диалогом.
  */
-export declare function useDialog({ open, onOpenChange, placement, disableEscapeKey, }: UseDialogOptions): {
-    /** `isMounted`: Флаг для условного рендеринга с поддержкой анимации закрытия. */
+export declare function useDialog({ open, onOpenChange, placement, disableOutsideClick, disableEscapeKey, }: UseDialogOptions): {
+    /** Состояние для условного рендеринга с поддержкой анимации закрытия. */
     isMounted: boolean;
-    /** `transitionStyles`: CSS-стили для анимации. */
+    /** Стили для CSS-переходов (анимации). */
     transitionStyles: import('react').CSSProperties;
-    /** `context`: Контекст `Floating UI`. */
+    /** Контекст Floating UI. */
     context: {
         x: number;
         y: number;
@@ -38,14 +30,14 @@ export declare function useDialog({ open, onOpenChange, placement, disableEscape
         refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
         elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
     };
-    /** `refs`: Ссылки на DOM-элементы для `Floating UI`. */
+    /** Ссылки на элементы для Floating UI. */
     refs: {
         reference: import('react').MutableRefObject<import('@floating-ui/react-dom').ReferenceType | null>;
         floating: React.MutableRefObject<HTMLElement | null>;
         setReference: (node: import('@floating-ui/react-dom').ReferenceType | null) => void;
         setFloating: (node: HTMLElement | null) => void;
     } & import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
-    /** `getFloatingProps`: Функция для получения пропсов, которые нужно передать на элемент диалога. */
+    /** Пропсы для плавающего элемента. */
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
 };
 export {};

package/dist/components/Modal/Modal.d.ts

@@ -1,7 +1,7 @@
 import { ModalProps } from './Modal.type';
 /**
  * Компонент модального окна.
- * Построен на основе Dialog и добавляет стандартную разметку (шапка, контент, футер).
+ * Построен на основе Dialog и добавляет с��андартную разметку (шапка, контент, футер).
  */
 declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;
 export { Modal };

package/dist/components/Modal/Modal.type.d.ts

@@ -2,46 +2,30 @@ import { DialogProps } from '../Dialog';
 import { FC, HTMLProps, PropsWithChildren, ReactNode } from 'react';
 import { ButtonProps } from '../Button';
 /** Поля модального окна для стилизации. */
-type ModalFields = 'dialog' | 'container' | 'leftActionsStack' | 'rightActionsStack' | 'title' | 'subTitle' | 'content' | 'footer' | 'header' | 'grabber';
-export type ModalActionButtonProps = {
-    /** Пропсы кнопки действия; можно обернуть кнопку через wrapper. */
-    props?: ButtonProps;
-    /** Обёрточный компонент для кнопки действия. */
-    wrapper?: FC<PropsWithChildren>;
-};
+type ModalFields = 'container' | 'title' | 'subTitle' | 'content' | 'footer';
 /** Пропсы компонента Modal. @extends DialogProps */
-export interface ModalProps extends Omit<DialogProps, 'style' | 'className'> {
+export interface ModalProps extends DialogProps {
     /** Заголовок модального окна. */
     title?: ReactNode;
+    /** Слот для элементов в правом верхнем углу (рядом с кнопкой закрытия). */
+    actions?: ReactNode;
     /** Подзаголовок под основным заголовком. */
     subTitle?: ReactNode;
     /** Содержимое футера (например, кнопки). */
     footer?: ReactNode;
-    /** Ширина модального окна в px. */
+    /** Ширина модального окна в px (допустимо: 480, 620, 800). */
     size?: 480 | 620 | 800;
     /** Inline-стили для отдельных частей модального окна. */
     styles?: Partial<Record<ModalFields, HTMLProps<HTMLDivElement>['style']>>;
     /** CSS-классы для отдельных частей модального окна. */
     classNames?: Partial<Record<ModalFields, HTMLProps<HTMLDivElement>['className']>>;
-    /** Слот для элементов в правом верхнем углу (рядом с кнопкой закрытия). */
-    rightActionsSlot?: ReactNode[];
-    /** Слот для элементов в правом верхнем углу (рядом с кнопкой закрытия). */
-    leftActionsSlot?: ReactNode[];
-    /** Пропсы для кнопки закрытия в правом верхнем углу */
-    closeButton?: {
-        /**
-         * Показывать кнопку закрытия.
-         * @default true */
-        show: boolean;
-    } & ModalActionButtonProps;
-    /** Пропсы для кнопки "назад" в левом верхнем углу */
-    backButton?: {
-        /** Показывать кнопку 'назад'.
-         * @default true */
-        show: boolean;
-    } & ModalActionButtonProps;
-    /** Шаблон расположения элементов в шапке модального окна. */
-    headerTemplate?: 'title-actions-actions' | 'actions-title-actions';
+    /** Показывать кнопку закрытия в шапке. @default true */
+    showCloseButton?: boolean;
+    /** Пропсы кнопки закрытия; можно обернуть кнопку через wrapper. */
+    closeButtonProps?: ButtonProps & {
+        /** Обёрточный компонент для кнопки закрытия. */
+        wrapper?: FC<PropsWithChildren>;
+    };
     /** Скрыть разделитель в шапке. */
     hideHeaderDivider?: boolean;
     /** Скрыть разделитель в футере. */

package/dist/components/Placeholder/Placeholder.type.d.ts

@@ -1,10 +1,8 @@
 import { HTMLProps, ReactNode } from 'react';
 /** Размеры плейсхолдера */
 export type PlaceholderSize = 'm' | 'l';
-/** Поля плейсхолдера для стилизации. */
-type PlaceholderFields = 'title' | 'subTitle' | 'iconSlot' | 'children' | 'textBlock' | 'container';
 /** Свойства компонента Placeholder */
-export interface PlaceholderProps extends Pick<HTMLProps<HTMLDivElement>, 'children'> {
+export interface PlaceholderProps extends Pick<HTMLProps<HTMLDivElement>, 'className' | 'style' | 'children'> {
     /** Размер плейсхолдера */
     size?: PlaceholderSize;
     /** Иконка плейсхолдера */
@@ -13,11 +11,10 @@ export interface PlaceholderProps extends Pick<HTMLProps<HTMLDivElement>, 'child
     title?: ReactNode;
     /** Подзаголовок плейсхолдера */
     subTitle?: ReactNode;
-    /** Inline-стили для отдельных частей плейсхолдера. */
-    styles?: Partial<Record<PlaceholderFields, HTMLProps<HTMLDivElement>['style']>>;
-    /** CSS-классы для отдельных частей плейсхолдера. */
-    classNames?: Partial<Record<PlaceholderFields, HTMLProps<HTMLDivElement>['className']>>;
+    /** Дополнительные свойства для подзаголовка */
+    subTitleProps?: Pick<HTMLProps<HTMLParagraphElement>, 'className' | 'style'>;
+    /** Дополнительные свойства для заголовка */
+    titleProps?: Pick<HTMLProps<HTMLParagraphElement>, 'className' | 'style'>;
     /** Идентификатор для тестирования */
     'data-testid'?: string;
 }
-export {};

package/dist/components/Snackbar/Provider/SnackbarProvider.d.ts

@@ -0,0 +1,9 @@
+import { FC, default as React } from 'react';
+interface SnackbarProviderProps {
+    /** Дочерние элементы */
+    children: React.ReactNode;
+    /** Тестовый id по умолчанию для обертки Snackbar */
+    dataTestId?: string;
+}
+export declare const SnackbarProvider: FC<SnackbarProviderProps>;
+export {};

package/dist/components/Snackbar/Provider/SnackbarProvider.type.d.ts

@@ -0,0 +1,69 @@
+import { SnackbarProps } from '../Snackbar.type';
+/**
+ * Параметры, которые можно передать в метод `show()` для отображения Snackbar.
+ * Наследует все пропсы Snackbar, кроме управляемых провайдером (`open`, `onClose`).
+ */
+export type ShowSnackbarProps = Omit<SnackbarProps, 'open' | 'onClose' | 'isStack'> & {
+    /**
+     * Контейнер, в котором Snackbar будет показан (по умолчанию — `document.body`).
+     */
+    parent?: HTMLElement;
+};
+/**
+ * Внутреннее представление Snackbar, используемое внутри провайдера.
+ * Содержит служебные поля состояния (`id`, `open`, `exiting`).
+ */
+export interface InternalSnackbar extends ShowSnackbarProps {
+    /** Уникальный идентификатор Snackbar. Генерируется автоматически. */
+    id: string;
+    /** Флаг отображения Snackbar. */
+    open: boolean;
+    /** Флаг завершения анимации (используется при скрытии). */
+    exiting?: boolean;
+    /** Флаг, указывающий, что Snackbar когда-либо находился в стеке */
+    wasInStack?: boolean;
+}
+/**
+ * Интерфейс контекста Snackbar-провайдера.
+ * Позволяет вызывать отображение Snackbar из любого места приложения.
+ */
+export interface SnackbarManagerContextProps {
+    /**
+     * Отображает Snackbar с указанными параметрами.
+     * @param options Параметры Snackbar (контент, тип, autoHideDuration и т.д.)
+     */
+    show: (options: ShowSnackbarProps) => void;
+}
+/**
+ * Состояние Snackbar-провайдера.
+ * Хранит список видимых Snackbar и очередь ожидающих.
+ */
+export type State = {
+    /** Snackbar, которые сейчас отображаются. */
+    visible: InternalSnackbar[];
+    /** Snackbar, ожидающие своей очереди для показа. */
+    queue: InternalSnackbar[];
+};
+/**
+ * Действия, обрабатываемые редьюсером Snackbar-провайдера.
+ */
+export type Action = 
+/** Добавляет новый Snackbar в очередь. */
+{
+    type: 'ENQUEUE';
+    snack: InternalSnackbar;
+}
+/** Перемещает следующий Snackbar из очереди в список видимых. */
+ | {
+    type: 'SHOW_NEXT';
+}
+/** Начинает анимацию скрытия Snackbar с указанным `id`. */
+ | {
+    type: 'START_EXIT';
+    id: string;
+}
+/** Полностью удаляет Snackbar из списка видимых. */
+ | {
+    type: 'REMOVE';
+    id: string;
+};

package/dist/components/Snackbar/Provider/index.d.ts

@@ -0,0 +1,2 @@
+export { SnackbarProvider } from './SnackbarProvider';
+export type { SnackbarManagerContextProps, Action, State } from './SnackbarProvider.type';

package/dist/components/Snackbar/Snackbar.d.ts

@@ -0,0 +1,2 @@
+import { SnackbarProps } from './Snackbar.type';
+export declare const Snackbar: import('react').ForwardRefExoticComponent<SnackbarProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Snackbar/Snackbar.type.d.ts

@@ -0,0 +1,74 @@
+export type Reason = 'timeout' | 'close' | 'escape' | 'swipe';
+/**
+ * Свойства компонента Snackbar.
+ * Определяют внешний вид, поведение и содержимое уведомления.
+ */
+export type SnackbarProps = {
+    /**
+     * Флаг видимости Snackbar.
+     * Управляется извне (обычно провайдером).
+     */
+    open: boolean;
+    /**
+     * Вариант отображения, определяющий цвет и иконку уведомления.
+     * @default 'info'
+     */
+    variant?: 'info' | 'error' | 'success' | 'loading';
+    /**
+     * Режим отображения Snackbar:
+     * - `fix` — фиксированная ширина,
+     * - `fill` — растягивается на всю доступную ширину,
+     * - `hug` — подстраивается под контент.
+     * @default 'fix'
+     */
+    mode?: 'fix' | 'fill' | 'hug';
+    /**
+     * Колбэк, вызываемый при закрытии Snackbar (например, по кнопке или таймеру).
+     */
+    onClose?: () => void;
+    /**
+     * Время автозакрытия Snackbar (в миллисекундах).
+     * Если не указано — Snackbar не скрывается автоматически.
+     */
+    autoHideDuration?: number;
+    /**
+     * Контент уведомления.
+     * Может быть текстом, JSX-элементом или компонентом.
+     */
+    content: React.ReactNode;
+    /**
+     * Отключает автоматическое скрытие Snackbar.
+     * @default false
+     */
+    disableAutoHide?: boolean;
+    /**
+     * Отображать ли кнопку закрытия (например, крестик).
+     * @default true
+     */
+    showButtonClose?: boolean;
+    /**
+     * Показывать ли иконку в Snackbar (в зависимости от варианта).
+     * @default true
+     */
+    showIcon?: boolean;
+    /**
+     * Класс для корневого элемента Snackbar (для кастомной стилизации).
+     */
+    classNameSnackbarRoot?: string;
+    /**
+     * Кастомная иконка, заменяющая стандартную для выбранного варианта.
+     */
+    icon?: React.ReactNode;
+    /**
+     * testId для тестирования
+     */
+    'data-testid'?: string;
+    /**
+     * Несколько ли снекбаров в стеке
+     */
+    isStack?: boolean;
+    /**
+     * Если true — Snackbar начнёт анимацию закрытия извне
+     */
+    forceClose?: boolean;
+};

package/dist/components/Snackbar/assets/close.d.ts

@@ -0,0 +1 @@
+export declare const CloseIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Snackbar/assets/error.d.ts

@@ -0,0 +1,3 @@
+export declare const ErrorIcon: ({ className }: {
+    className: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Snackbar/assets/index.d.ts

@@ -0,0 +1,4 @@
+export { CloseIcon } from './close';
+export { ErrorIcon } from './error';
+export { InfoIcon } from './info';
+export { SuccessIcon } from './success';

package/dist/components/Snackbar/assets/info.d.ts

@@ -0,0 +1,3 @@
+export declare const InfoIcon: ({ className }: {
+    className: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Snackbar/assets/success.d.ts

@@ -0,0 +1,3 @@
+export declare const SuccessIcon: ({ className }: {
+    className: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Snackbar/index.d.ts

@@ -0,0 +1,2 @@
+export { useSnackbar } from './lib';
+export { SnackbarProvider } from './Provider/SnackbarProvider';

package/dist/components/Snackbar/lib/constants.d.ts

@@ -0,0 +1,6 @@
+import { default as styles } from '../Snackbar.module.css';
+import { Reason } from '../Snackbar.type';
+export declare const animationMap: Record<Reason, keyof typeof styles>;
+export declare const durationMap: Record<Reason, number>;
+export declare const stackDurationMap: Record<Reason, number>;
+export declare const MAX_VISIBLE = 3;

package/dist/components/Snackbar/lib/index.d.ts

@@ -0,0 +1,4 @@
+export { useSnackbar, SnackbarContext } from './useSnackbar';
+export * from './constants';
+export { snackbarReducer } from './snackbarReducer';
+export { useSwipe } from './useSwipe';

package/dist/components/Snackbar/lib/snackbarReducer/index.d.ts

@@ -0,0 +1 @@
+export { snackbarReducer } from './snackbarReducer';

package/dist/components/Snackbar/lib/snackbarReducer/snackbarReducer.d.ts

@@ -0,0 +1,2 @@
+import { Action, State } from '../../Provider';
+export declare const snackbarReducer: (state: State, action: Action) => State;

package/dist/components/Snackbar/lib/useSnackbar.d.ts

@@ -0,0 +1,3 @@
+import { SnackbarManagerContextProps } from '../Provider';
+export declare const SnackbarContext: import('react').Context<SnackbarManagerContextProps | undefined>;
+export declare const useSnackbar: () => SnackbarManagerContextProps;

package/dist/components/Snackbar/lib/useSwipe.d.ts

@@ -0,0 +1,52 @@
+import { MutableRefObject } from 'react';
+import { Reason } from '../Snackbar.type';
+interface ISwipeParams {
+    /**
+     * Реф на DOM-элемент Snackbar.
+     */
+    ref: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Флаг, показывающий открыт ли Snackbar.
+     */
+    open: boolean;
+    /**
+     * Колбэк вызывается при закрытии Snackbar.
+     * @param reason - причина закрытия: 'swipe', 'close', 'timeout' или 'escape'.
+     */
+    onClose: (reason: Reason) => void;
+    /**
+     * Функция для управления состоянием выхода (анимации).
+     * @param value - true, если Snackbar начинает выходить, иначе false.
+     */
+    setExiting: (value: boolean) => void;
+    /**
+     * Функция для установки причины закрытия.
+     * @param reason - причина закрытия: 'swipe', 'close', 'timeout' или 'escape'.
+     */
+    setExitReason: (reason?: Reason) => void;
+    /**
+     * Реф-флаг, показывающий, что сейчас выполняется свайп.
+     */
+    swiping: MutableRefObject<boolean>;
+    /**
+     * Реф для хранения стартовой X координаты касания.
+     */
+    startX: MutableRefObject<number>;
+    /**
+     * Реф для хранения стартовой Y координаты касания.
+     */
+    startY: MutableRefObject<number>;
+    /**
+     * Реф для хранения текущей X координаты пальца.
+     */
+    currentX: MutableRefObject<number>;
+    /**
+     * Реф для хранения текущей Y координаты пальца.
+     */
+    currentY: MutableRefObject<number>;
+}
+/**
+ * Хук useSwipe добавляет обработку свайпов
+ */
+export declare const useSwipe: ({ ref, open, onClose, setExiting, setExitReason, swiping, startX, startY, currentX, currentY, }: ISwipeParams) => void;
+export {};

package/dist/components/Tabs/Tabs.type.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, HTMLAttributes } from 'react';
-import { Nullable } from '../../types';
+import { Nullable } from '../../../../../../src/types';
 import { BadgeProps } from '../Badge';
 /**
  * Tabs визуальный режим табов

package/dist/components/Trigger/Trigger.d.ts

@@ -0,0 +1,5 @@
+import { TriggerCommonProps } from './Trigger.type';
+/**
+ Component Trigger
+ */
+export declare const Trigger: ({ content, size, description, label, stretched, selectionStyle, clearable, error, prefixIcon, postfixTitle, disabled, open, onClear, classNames, styles, }: TriggerCommonProps) => import("react/jsx-runtime").JSX.Element;