skillgrid 0.0.34-dev-40511-42085-40506-alert-placeholder-modal-fix.1217804 → 0.0.34-dev-40511-42085-40506-alert-placeholder-modal-fix.1220005

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

@@ -19,7 +19,7 @@ export interface AlertProps extends Pick<DialogProps, 'placement' | 'open' | 'on
     /** Заголовок Alert. */
     title: ReactNode;
     /** Основной контент/описание Alert. */
-    description: ReactNode;
+    description?: ReactNode;
     /** ID для тестирования. */
     'data-testid'?: string;
 }

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

@@ -10,7 +10,7 @@ import { FloatingOverlay, FloatingPortalProps } from '@floating-ui/react';
  * - `right-drawer`: У правого края экрана (похоже на "шторку" или "сайдбар").
  * - `left-drawer`: У левого края экрана.
  */
-export type DialogPlacement = 'default' | 'default-stretched' | 'center' | 'center-stretched' | 'bottom-sheet' | 'bottom-left' | 'bottom-right' | 'right-drawer' | 'left-drawer';
+export type DialogPlacement = 'default' | 'center' | 'bottom-sheet' | 'bottom-left' | 'bottom-right' | 'right-drawer' | 'left-drawer';
 /** Пропсы для компонента Dialog. */
 export interface DialogProps extends Pick<HTMLProps<HTMLDivElement>, 'className' | 'style' | 'children'> {
     /** Определяет, открыт ли диалог. Компонент является полностью контролируемым. */

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

@@ -1,6 +1,6 @@
 import { DialogProps } from '../Dialog.type';
 import { CSSProperties } from 'react';
-type UseDialogDraggableOptions = Required<Pick<DialogProps, 'placement' | 'open' | 'disableEscapeKey' | 'onOpenChange' | 'closeOnDrag'>>;
+type UseDialogDraggableOptions = Pick<DialogProps, 'placement' | 'open' | 'disableEscapeKey' | 'onOpenChange' | 'closeOnDrag'>;
 /**
  * Хук для управления диалогом с возможностью закрытия через 'смахивание' (drag-to-close).
  * Оборачивает `useDialog` и добавляет обработчики событий указателя (`PointerEvents`)

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

@@ -7,14 +7,7 @@ type UseDialogOptions = Pick<DialogProps, 'placement' | 'open' | 'disableOutside
  * применение анимаций перехода и обработку событий закрытия (клик снаружи, Escape).
  * Не включает логику перетаскивания.
  *
- * @param {UseDialogOptions} options - Опции для конфигурации хука.
- * @returns {{
- *   isMounted: boolean;
- *   transitionStyles: import('react').CSSProperties;
- *   context: any;
- *   refs: any;
- *   getFloatingProps: <T extends object>(userProps: T) => T;
- * }} Объект с данными и пропсами для `Floating UI`.
+ * @returns Объект с данными и пропсами для `Floating UI`.
  *    - `isMounted`: Флаг для условного рендеринга с поддержкой анимации закрытия.
  *    - `transitionStyles`: CSS-стили для анимации.
  *    - `context`: Контекст `Floating UI`.
@@ -22,8 +15,11 @@ type UseDialogOptions = Pick<DialogProps, 'placement' | 'open' | 'disableOutside
  *    - `getFloatingProps`: Функция для получения пропсов, которые нужно передать на элемент диалога.
  */
 export declare function useDialog({ open, onOpenChange, placement, disableEscapeKey, }: UseDialogOptions): {
+    /** `isMounted`: Флаг для условного рендеринга с поддержкой анимации закрытия. */
     isMounted: boolean;
+    /** `transitionStyles`: CSS-стили для анимации. */
     transitionStyles: import('react').CSSProperties;
+    /** `context`: Контекст `Floating UI`. */
     context: {
         x: number;
         y: number;
@@ -42,12 +38,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`. */
     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,13 +2,17 @@ import { DialogProps } from '../Dialog';
 import { FC, HTMLProps, PropsWithChildren, ReactNode } from 'react';
 import { ButtonProps } from '../Button';
 /** Поля модального окна для стилизации. */
-type ModalFields = 'container' | 'title' | 'subTitle' | 'content' | 'footer' | 'header' | 'grabber';
+type ModalFields = 'container' | 'leftActionsStack' | 'rightActionsStack' | 'title' | 'subTitle' | 'content' | 'footer' | 'header' | 'grabber';
+export type ModalActionButtonProps = {
+    /** Пропсы кнопки действия; можно обернуть кнопку через wrapper. */
+    props?: ButtonProps;
+    /** Обёрточный компонент для кнопки действия. */
+    wrapper?: FC<PropsWithChildren>;
+};
 /** Пропсы компонента Modal. @extends DialogProps */
 export interface ModalProps extends DialogProps {
     /** Заголовок модального окна. */
     title?: ReactNode;
-    /** Слот для элементов в правом верхнем углу (рядом с кнопкой закрытия). */
-    actions?: ReactNode;
     /** Подзаголовок под основным заголовком. */
     subTitle?: ReactNode;
     /** Содержимое футера (например, кнопки). */
@@ -19,13 +23,22 @@ export interface ModalProps extends DialogProps {
     styles?: Partial<Record<ModalFields, HTMLProps<HTMLDivElement>['style']>>;
     /** CSS-классы для отдельных частей модального окна. */
     classNames?: Partial<Record<ModalFields, HTMLProps<HTMLDivElement>['className']>>;
-    /** Показывать кнопку закрытия в шапке. @default true */
-    showCloseButton?: boolean;
-    /** Пропсы кнопки закрытия; можно обернуть кнопку через wrapper. */
-    closeButtonProps?: ButtonProps & {
-        /** Обёрточный компонент для кнопки закрытия. */
-        wrapper?: FC<PropsWithChildren>;
-    };
+    /** Слот для элементов в правом верхнем углу (рядом с кнопкой закрытия). */
+    rightActionsButtons?: ModalActionButtonProps[];
+    leftActionsButtons?: ModalActionButtonProps[];
+    closeButton?: {
+        /**
+         * Показывать кнопку закрытия.
+         * @default true */
+        show: boolean;
+    } & ModalActionButtonProps;
+    backButton?: {
+        /**
+         * Показывать кнопку закрытия.
+         * @default true */
+        show: boolean;
+    } & ModalActionButtonProps;
+    headerTemplate?: 'title-actions-actions' | 'actions-title-actions';
     /** Скрыть разделитель в шапке. */
     hideHeaderDivider?: boolean;
     /** Скрыть разделитель в футере. */

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

@@ -0,0 +1,2 @@
+import { FC, SVGProps } from 'react';
+export declare const CrossIcon: FC<SVGProps<SVGSVGElement>>;

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

@@ -0,0 +1,2 @@
+import { FC, SVGProps } from 'react';
+export declare const LeftChevronIcon: FC<SVGProps<SVGSVGElement>>;

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

@@ -0,0 +1,2 @@
+export { CrossIcon } from './CrossIcon';
+export { LeftChevronIcon } from './LeftChevronIcon';