skillgrid 0.0.31 → 0.0.35

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { AlertProps } from './Alert.type';
+/**
+ * Alert - это модальный диалог, предназначенный для отображения важной информации, предупреждений или запроса действий от пользователя.
+ * Он построен на основе компонентов `Dialog` и `Placeholder` и предоставляет несколько вариантов для разных сценариев,
+ * включая настраиваемый вариант с аватаром.
+ * @returns {JSX.Element} Отрендеренный компонент Alert.
+ */
+export declare const Alert: FC<AlertProps>;

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

@@ -0,0 +1,25 @@
+import { DialogProps } from '../Dialog';
+import { ReactNode } from 'react';
+import { AvatarProps } from '../Avatar';
+export type AlertVariant = 'info' | 'success' | 'warning' | 'error' | 'dialog' | 'avatar';
+export interface AlertProps extends Pick<DialogProps, 'placement' | 'open' | 'onOpenChange' | 'children'> {
+    /**
+     * Вариант отображения Alert. Определяет иконку и цветовую схему.
+     * Вариант `avatar` позволяет отобразить кастомный аватар.
+     * @default 'info'
+     */
+    variant?: AlertVariant;
+    /**
+     * Свойства для компонента Avatar, когда `variant` равен 'avatar'.
+     * Позволяет настраивать аватар, например, устанавливать `src` для изображения или `text`.
+     * Эти свойства переопределят настройки аватара по умолчанию.
+     * @see AvatarProps
+     */
+    variantAvatarProps?: Partial<AvatarProps>;
+    /** Заголовок Alert. */
+    title: ReactNode;
+    /** Основной контент/описание Alert. */
+    description: ReactNode;
+    /** ID для тестирования. */
+    'data-testid'?: string;
+}

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

@@ -0,0 +1 @@
+export { CheckIcon, AlertIcon, AttentionIcon, InfoIcon, DialogIcon } from './react-svg-icons';

package/dist/components/Alert/assets/react-svg-icons.d.ts

@@ -0,0 +1,6 @@
+declare const InfoIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const DialogIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const CheckIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const AttentionIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const AlertIcon: () => import("react/jsx-runtime").JSX.Element;
+export { AttentionIcon, DialogIcon, CheckIcon, AlertIcon, InfoIcon };

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

@@ -0,0 +1,2 @@
+export { Alert } from './Alert';
+export type { AlertProps, AlertVariant } from './Alert.type';

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

@@ -0,0 +1,7 @@
+import { AlertVariant } from '../Alert.type';
+import { AvatarProps } from '../../Avatar';
+import { FC } from 'react';
+export declare const ALERT_ICON_MAP: Record<AlertVariant, {
+    icon: FC | null;
+    colorScheme: AvatarProps['colorScheme'];
+}>;

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

@@ -0,0 +1 @@
+export * from './constants';

package/dist/components/Button/Button.d.ts

@@ -1,13 +1,6 @@
-import { ButtonProps } from './Button.type';
-/**
- * Button component for user interactions
- *
- * @component
- * @example
- * ```tsx
- * <Button mode="primary" size="m" buttonStyle="accent">Click me</Button>
- * ```
- */
+import { ButtonProps, BackButtonProps } from './Button.type';
 export declare const Button: import('react').ForwardRefExoticComponent<(ButtonProps & {
     style?: React.CSSProperties;
-}) & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+}) & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
+    Back: import('react').ForwardRefExoticComponent<BackButtonProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+};

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

@@ -1,5 +1,7 @@
+export type LinkSize = 'l' | 'm' | 's';
+export type ButtonSize = 'l' | 'm' | 's' | 'xs';
 /**
- * Base properties common to all button variants
+ * Base properties common to all button and link variants
  */
 type BaseProps = {
     /**
@@ -24,6 +26,54 @@ type BaseProps = {
      */
     'data-testid'?: string;
 };
+/**
+ * Link style variants - buttonStyle and mode combinations
+ */
+type LinkStyleProps = {
+    /**
+     * Button style type
+     * @default 'neutral'
+     */
+    buttonStyle?: 'neutral';
+    /**
+     * Button variant
+     * @default 'primary'
+     */
+    mode?: 'primary' | 'secondary' | 'tertiary';
+} | {
+    /**
+     * Button style type
+     * @default 'accent'
+     */
+    buttonStyle?: 'accent' | 'positive' | 'negative' | 'contrast' | 'warning';
+    /**
+     * Button variant
+     * @default 'primary'
+     */
+    mode?: 'primary' | 'secondary';
+};
+/**
+ * Link icon variants
+ * - With icons: size is required
+ * - Without icons: size is optional
+ */
+type LinkIconVariant = {
+    /**
+     * Icons render only when size is provided.
+     * @default 'm'
+     */
+    size: LinkSize;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+} | {
+    /** No icons in this variant */
+    size?: LinkSize;
+    iconLeft?: never;
+    iconRight?: never;
+};
+/**
+ * Base properties common to all button variants
+ */
 type ButtonBaseProps = BaseProps & {
     /**
      * Button variant
@@ -31,19 +81,48 @@ type ButtonBaseProps = BaseProps & {
      */
     mode?: 'primary' | 'secondary' | 'tertiary';
     /**
-     * Button icon (right side)
+     * Button icon (left side)
+     */
+    iconLeft?: React.ReactNode;
+};
+/**
+ * Base properties common to all link variants
+ */
+type LinkBaseProps = BaseProps & LinkStyleProps & {
+    /**
+     * Display variant
+     */
+    displayAs: 'link';
+    /**
+     * Underline setting (only for displayAs='link')
+     * @default false
+     */
+    showUnderline?: boolean;
+    /**
+     * Button icon (right side, only for links)
      */
     iconRight?: React.ReactNode;
+    postfix?: never;
+    subcaption?: never;
+    loading?: never;
+    stretched?: never;
+};
+type CommonProps = (Omit<ButtonBaseProps, 'mode'> & {
     /**
      * Button style type
      * @default 'neutral'
      */
-    buttonStyle?: 'neutral' | 'accent' | 'positive' | 'negative' | 'contrast' | 'special';
+    buttonStyle?: 'neutral' | 'accent' | 'positive' | 'negative' | 'contrast' | 'gray';
+    /**
+     * Button variant - primary mode supports all buttonStyle options including gray
+     * @default 'primary'
+     */
+    mode?: 'primary';
     /**
      * Button size
      * @default 'm'
      */
-    size?: 'l' | 'm' | 's' | 'xs';
+    size?: ButtonSize;
     /**
      * Display variant
      * @default 'button'
@@ -53,10 +132,6 @@ type ButtonBaseProps = BaseProps & {
      * Button postfix (only for displayAs='button')
      */
     postfix?: React.ReactNode;
-    /**
-     * Subcaption text or node (only for displayAs='button')
-     */
-    subcaption?: React.ReactNode;
     /**
      * Shows loading state
      * @default false
@@ -72,83 +147,122 @@ type ButtonBaseProps = BaseProps & {
     stretched?: boolean | {
         justify: React.CSSProperties['justifyContent'];
     };
-    iconLeft?: never;
+    /**
+     * Button icon (left side)
+     */
+    iconLeft?: React.ReactNode;
+    iconRight?: never;
     showUnderline?: never;
-};
-export type LinkSizeType = 'l' | 'm' | 's';
-/**
- * Link style variants - buttonStyle and mode combinations
- */
-type LinkStyleProps = {
+    paddings?: never;
+} & ButtonSizeAndSubcaption) | (Omit<ButtonBaseProps, 'mode'> & {
     /**
-     * Button style type
+     * Button style type (gray is not available for secondary/tertiary)
      * @default 'neutral'
      */
-    buttonStyle?: 'neutral';
+    buttonStyle?: 'neutral' | 'accent' | 'positive' | 'negative' | 'contrast';
     /**
      * Button variant
      * @default 'primary'
      */
-    mode?: 'primary' | 'secondary' | 'tertiary';
-} | {
+    mode?: 'secondary';
     /**
-     * Button style type
-     * @default 'accent'
+     * Button size
+     * @default 'm'
      */
-    buttonStyle?: 'accent' | 'positive' | 'negative' | 'contrast' | 'warning';
+    size?: ButtonSize;
+    /**
+     * Display variant
+     * @default 'button'
+     */
+    displayAs?: 'button';
+    /**
+     * Button postfix (only for displayAs='button')
+     */
+    postfix?: React.ReactNode;
+    /**
+     * Shows loading state
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Stretch button to full width, optionally with justify-content control
+     * @default false
+     * @example
+     * stretched={true} // Simple full width
+     * stretched={{ justify: 'space-between' }} // Full width with space-between
+     */
+    stretched?: boolean | {
+        justify: React.CSSProperties['justifyContent'];
+    };
+    /**
+     * Button icon (left side)
+     */
+    iconLeft?: React.ReactNode;
+    iconRight?: never;
+    showUnderline?: never;
+    paddings?: never;
+} & ButtonSizeAndSubcaption) | (Omit<ButtonBaseProps, 'mode'> & {
+    /**
+     * Button style type (gray is not available for secondary/tertiary)
+     * @default 'neutral'
+     */
+    buttonStyle?: 'neutral' | 'accent' | 'positive' | 'negative' | 'contrast';
     /**
      * Button variant
      * @default 'primary'
      */
-    mode?: 'primary' | 'secondary';
-};
-/**
- * Link icon variants
- * - With icons: size is required
- * - Without icons: size is optional
- */
-type LinkIconVariant = {
+    mode: 'tertiary';
     /**
-     * Icons render only when size is provided.
+     * Button size
      * @default 'm'
      */
-    size: LinkSizeType;
-    iconLeft?: React.ReactNode;
-    iconRight?: React.ReactNode;
-} | {
-    /** No icons in this variant */
-    size?: LinkSizeType;
-    iconLeft?: never;
-    iconRight?: never;
-};
-/**
- * Base properties common to all link variants
- */
-type LinkBaseProps = BaseProps & LinkStyleProps & {
+    size?: ButtonSize;
     /**
      * Display variant
+     * @default 'button'
      */
-    displayAs: 'link';
+    displayAs?: 'button';
     /**
-     * Underline setting (only for displayAs='link')
+     * Button postfix (only for displayAs='button')
+     */
+    postfix?: React.ReactNode;
+    /**
+     * Shows loading state
      * @default false
      */
-    showUnderline?: boolean;
-    postfix?: never;
-    subcaption?: never;
-    loading?: never;
-    stretched?: never;
-};
+    loading?: boolean;
+    /**
+     * Stretch button to full width, optionally with justify-content control
+     * @default false
+     * @example
+     * stretched={true} // Simple full width
+     * stretched={{ justify: 'space-between' }} // Full width with space-between
+     */
+    stretched?: boolean | {
+        justify: React.CSSProperties['justifyContent'];
+    };
+    /**
+     * Button icon (left side)
+     */
+    iconLeft?: React.ReactNode;
+    /**
+     * Enable or disable horizontal paddings (only for tertiary mode)
+     * @default true
+     */
+    paddings?: boolean;
+    iconRight?: never;
+    showUnderline?: never;
+} & ButtonSizeAndSubcaption) | (LinkBaseProps & LinkIconVariant);
 /**
  * Props when rendered as a native HTMLButtonElement (default behaviour).
  */
-export type ButtonAsNativeButtonProps = ButtonBaseProps & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+export type ButtonAsNativeButtonProps = CommonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     as?: 'button';
 };
 /**
  * Props when rendered as an anchor (HTMLAnchorElement).
  */
-export type ButtonAsAnchorProps = LinkBaseProps & LinkIconVariant & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+export type ButtonAsAnchorProps = CommonProps & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     as: 'a';
     /**
      * External link default. If target/rel are not provided, sets target="_blank"
@@ -180,4 +294,20 @@ export declare const isDisplayAsButton: (props: ButtonProps) => props is Extract
 export declare const isDisplayAsLink: (props: ButtonProps) => props is Extract<ButtonProps, {
     displayAs: "link";
 }>;
+/**
+ * Enforces that subcaption can be provided only when size is 'l'.
+ * - If subcaption is present → size must be 'l'
+ * - If subcaption is absent → size can be any or undefined (defaults to 'm')
+ */
+type ButtonSizeAndSubcaption = {
+    subcaption?: never;
+    size?: ButtonSize;
+} | {
+    subcaption: React.ReactNode;
+    size: 'l';
+};
+/**
+ * Props for Button.Back component - based on ButtonProps with restricted design props
+ */
+export type BackButtonProps = Omit<ButtonAsNativeButtonProps, 'mode' | 'buttonStyle' | 'size' | 'displayAs' | 'loading' | 'stretched' | 'postfix' | 'subcaption' | 'iconRight' | 'showUnderline'> | Omit<ButtonAsAnchorProps, 'mode' | 'buttonStyle' | 'size' | 'displayAs' | 'loading' | 'stretched' | 'postfix' | 'subcaption' | 'iconRight' | 'showUnderline'>;
 export {};

package/dist/components/Button/assets/ArrowLeftIcon.d.ts

@@ -0,0 +1,6 @@
+import { IconProps } from './types';
+import { FC } from 'react';
+/**
+ * Simple arrow left icon used in Button (asBackButton)
+ */
+export declare const ArrowLeftIcon: FC<IconProps>;

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

@@ -1,5 +1,5 @@
-import { IconProps } from './types';
+import { FC, SVGProps } from 'react';
 /**
  * Cross/close icon used in Button examples
  */
-export declare const CrossIcon: React.FC<IconProps>;
+export declare const CrossIcon: FC<SVGProps<SVGSVGElement>>;

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

@@ -7,3 +7,4 @@ export { ArrowIcon } from './ArrowIcon';
 export { FollowIcon } from './FollowIcon';
 export { DownloadIcon } from './DownloadIcon';
 export { CrossIcon } from './CrossIcon';
+export { ArrowLeftIcon } from './ArrowLeftIcon';

package/dist/components/Button/assets/types.d.ts

@@ -1,7 +1,4 @@
-export interface IconProps {
-    width?: number;
-    height?: number;
-    className?: string;
-    color?: string;
+import { SVGProps } from 'react';
+export interface IconProps extends Pick<SVGProps<SVGElement>, 'height' | 'width' | 'className' | 'color'> {
     [key: string]: unknown;
 }

package/dist/components/Button/lib/get-button-typography.d.ts

@@ -0,0 +1,5 @@
+import { default as t } from '../../../styles/typography.module.css';
+import { ButtonSize } from '../Button.type';
+type TypographyType = keyof typeof t;
+export declare const getButtonTypography: (size: ButtonSize) => TypographyType;
+export {};

package/dist/components/Button/lib/get-button-typography.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Button/lib/get-loader-variant.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '../Button.type';
+import { LoaderProps } from '../../Loader';
+type LoaderVariant = NonNullable<LoaderProps['variant']>;
+export declare const getLoaderVariant: (isDisabled: boolean, mode: NonNullable<ButtonProps["mode"]>, buttonStyle: NonNullable<Extract<ButtonProps, {
+    buttonStyle?: unknown;
+}>["buttonStyle"]>) => LoaderVariant;
+export {};

package/dist/components/Button/lib/get-loader-variant.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Button/lib/get-typography.d.ts

@@ -1,11 +1,11 @@
 import { default as t } from '../../../styles/typography.module.css';
-import { LinkSizeType } from '../Button.type';
+import { LinkSize } from '../Button.type';
 type TypographyType = keyof typeof t;
 /**
  * Maps a Link size variant to its corresponding typography CSS class name.
  * This ensures consistent typography styling across different link sizes.
- * @param {LinkSizeType} size - The size of the link component ('l', 'm', or 's')
+ * @param {LinkSize} size - The size of the link component ('l', 'm', or 's')
  * @returns {TypographyType} The typography class name corresponding to the given size
  */
-declare function getTypography(size: LinkSizeType): TypographyType;
+declare function getTypography(size: LinkSize): TypographyType;
 export { getTypography };

package/dist/components/Button/preview/index.d.ts

@@ -6,3 +6,4 @@ export declare const Tile: FC<{
     title: ReactNode;
     children: ReactNode;
 }>;
+export declare const ButtonPreview: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { DialogProps } from './Dialog.type';
+/**
+ * Базовый компонент диалогового окна.
+ * Обеспечивает управление состоянием, фокусом и позиционированием.
+ * Является основой для более сложных компонентов, таких как Modal.
+ */
+declare const Dialog: import('react').ForwardRefExoticComponent<DialogProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Dialog };

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

@@ -0,0 +1,29 @@
+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;
+    /** Callback при изменении состояния. */
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Позиционирование диалога.
+     * @default 'top'
+     */
+    placement?: DialogPlacement;
+    /**
+     * Отключить закрытие по клику вне диалога.
+     * @default false
+     */
+    disableOutsideClick?: boolean;
+    /**
+     * Отключить закрытие по Escape.
+     * @default false
+     */
+    disableEscapeKey?: boolean;
+    /** testId для тестирования. */
+    'data-testid'?: string;
+    /** Класс для оверлея. */
+    overlayClassName?: HTMLProps<HTMLDivElement>['className'];
+}

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

@@ -0,0 +1,2 @@
+export { Dialog } from './Dialog';
+export type { DialogProps, DialogPlacement } from './Dialog.type';

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

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

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

@@ -0,0 +1,43 @@
+import { Placement } from '@floating-ui/react';
+import { DialogProps } from '../Dialog.type';
+type UseDialogOptions = Pick<DialogProps, 'placement' | 'open' | 'disableOutsideClick' | 'disableEscapeKey' | 'onOpenChange'>;
+/**
+ * Хук для управления состоянием и взаимодействиями диалогового окна.
+ * Инкапсулирует логику Floating UI для позиционирования, анимаций и закрытия.
+ * @returns {object} Объект со свойствами и хендлерами для управления диалогом.
+ */
+export declare function useDialog({ open, onOpenChange, placement, disableOutsideClick, disableEscapeKey, }: UseDialogOptions): {
+    /** Состояние для условного рендеринга с поддержкой анимации закрытия. */
+    isMounted: boolean;
+    /** Стили для CSS-переходов (анимации). */
+    transitionStyles: import('react').CSSProperties;
+    /** Контекст Floating UI. */
+    context: {
+        x: number;
+        y: number;
+        placement: Placement;
+        strategy: import('@floating-ui/utils').Strategy;
+        middlewareData: import('@floating-ui/core').MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import('@floating-ui/react').OpenChangeReason) => void;
+        events: import('@floating-ui/react').FloatingEvents;
+        dataRef: React.MutableRefObject<import('@floating-ui/react').ContextData>;
+        nodeId: string | undefined;
+        floatingId: string | undefined;
+        refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+        elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    };
+    /** Ссылки на элементы для 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: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+};
+export {};

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

@@ -0,0 +1 @@
+export {};

package/dist/components/Loader/Loader.d.ts

@@ -15,5 +15,5 @@ import { LoaderProps } from './Loader.type';
  * </Loader>
  * ```
  */
-declare const Loader: import('react').ForwardRefExoticComponent<LoaderProps & import('react').RefAttributes<HTMLDivElement | SVGSVGElement>>;
+declare const Loader: import('react').ForwardRefExoticComponent<LoaderProps & import('react').RefAttributes<SVGSVGElement | HTMLDivElement>>;
 export { Loader };

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

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

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

@@ -0,0 +1,34 @@
+import { DialogProps } from '../Dialog';
+import { FC, HTMLProps, PropsWithChildren, ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+/** Поля модального окна для стилизации. */
+type ModalFields = 'container' | 'title' | 'subTitle' | 'content' | 'footer';
+/** Пропсы компонента Modal. @extends DialogProps */
+export interface ModalProps extends DialogProps {
+    /** Заголовок модального окна. */
+    title?: ReactNode;
+    /** Слот для элементов в правом верхнем углу (рядом с кнопкой закрытия). */
+    actions?: ReactNode;
+    /** Подзаголовок под основным заголовком. */
+    subTitle?: ReactNode;
+    /** Содержимое футера (например, кнопки). */
+    footer?: ReactNode;
+    /** Ширина модального окна в px (допустимо: 480, 620, 800). */
+    size?: 480 | 620 | 800;
+    /** Inline-стили для отдельных частей модального окна. */
+    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>;
+    };
+    /** Скрыть разделитель в шапке. */
+    hideHeaderDivider?: boolean;
+    /** Скрыть разделитель в футере. */
+    hideFooterDivider?: boolean;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export { Modal } from './Modal';
+export type { ModalProps } from './Modal.type';

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

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { PlaceholderProps } from './Placeholder.type';
+/**
+ * Компонент плейсхолдера для отображения состояний (пустое состояние, загрузка, ошибка)
+ *
+ * @example
+ * <Placeholder
+ *   iconSlot={<Icon />}
+ *   title="Заголовок"
+ *   subTitle="Описание"
+ *   size="l"
+ * />
+ */
+export declare const Placeholder: FC<PlaceholderProps>;