@foxford/ui 2.87.2 → 2.89.0-beta-1917b0e-20251209

package/dts/index.d.ts

@@ -883,8 +883,8 @@ type CSSColor = RGB | RGBA | HEX | CSSGlobalValue | 'currentcolor' | 'transparen
 type CSSBorderStyle = CSSGlobalValue | 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
 type CSSVerticalAlign = CSSGlobalValue | 'baseline' | 'sub' | 'super' | 'text-top' | 'text-bottom' | 'middle' | 'top' | 'bottom';
 type CSSFontWeight = CSSGlobalValue | 'normal' | 'bold' | 'lighter' | 'bolder' | number;
-type Size$j = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type SizeValue = Size$j | CSSGlobalValue | number;
+type Size$k = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue = Size$k | CSSGlobalValue | number;
 type Breakpoint = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
 type Color = keyof typeof ColorNames | CSSColor;
 type ColorPaletteKey = 'color' | `color${string}` | `${string}Color` | `${string}Color${string}`;
@@ -979,21 +979,21 @@ declare const adultDarkTheme: DefaultTheme;
 /**
  * Value for breakpoint
  */
-type PossibleValues = number | Size$j | 'auto' | 'initial' | 'inherit' | boolean;
+type PossibleValues = number | Size$k | 'auto' | 'initial' | 'inherit' | boolean;
 type PropsProperties = 'size' | 'fontSize' | 'height' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'fluid';
 type CalcProperty = (_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null;
 type CssProperty = string | CalcProperty;
 type ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
 type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = Partial<Record<`${T}${ResponsiveKeys}`, V>>;
-type ResponsiveProperty<V = number | Size$j> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
-declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$j, number>) => () => () => FlattenSimpleInterpolation | null;
+type ResponsiveProperty<V = number | Size$k> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
+declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$k, number>) => () => () => FlattenSimpleInterpolation | null;
 interface ResponsiveNamedPropertyPayload<T extends PropsProperties> {
     sizes: ResponsiveNamedProperty<T>;
     cssProperty: CssProperty;
     sizing?: null | string;
     customSizeHandler?: (_value: PossibleValues) => PossibleValues;
     sort?: (_a: string, _b: string) => number;
-    predefinedSizes?: Record<Size$j, number>;
+    predefinedSizes?: Record<Size$k, number>;
 }
 /**
  * Миксин для генерации media запросов
@@ -1094,7 +1094,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     /** Кастомные цвета */
     palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
 }
-interface TextProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveMarginProps, 
+interface TextProps extends ResponsiveSizeProps<Size$k, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated */
 DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
     /** Применение присета стилей и размеров */
@@ -1171,7 +1171,7 @@ declare const Text: React.ForwardRefExoticComponent<TextProps> & {
 type IconPackIconName = Uncapitalize<keyof typeof IconPack>;
 type IconNameDefault = 'book' | 'blackBoard' | 'burger' | 'eye' | 'email' | 'sort' | 'unsort' | 'person' | 'diamond' | 'diamondFilled' | 'infoInverse' | 'list' | 'login' | 'logout' | 'fire' | 'camps' | 'cart' | 'clock' | 'clockFilled' | 'courses' | 'discount' | 'externat' | 'headphones' | 'page' | 'priceTag' | 'phone' | 'prof' | 'star' | 'settings' | 'student' | 'target' | 'textbook' | 'trophy' | 'message' | 'wallet' | 'edit' | 'copy' | 'print' | 'objective' | 'present' | 'coins' | 'calendar' | 'calendar_simple' | 'chevronDown' | 'chevronUp' | 'chevronRight' | 'chevronLeft' | 'cross' | 'dialog' | 'dropDownArrow' | 'externalLink' | 'file' | 'fileBordered' | 'lessons' | 'pencil' | 'phoneNoFill' | 'radioChecked' | 'radioNotChecked' | 'search' | 'tasks' | 'tinyCross' | 'sharpCross' | 'plus' | 'plusThin' | 'play' | 'reload' | 'checkCircle' | 'info' | 'check' | 'home' | 'questionFilled' | 'document' | 'cancel' | 'playPause' | 'video';
 type IconName = IconPackIconName | IconNameDefault;
-interface IconProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'span'>, 'children'> {
+interface IconProps extends ResponsiveSizeProps<Size$k, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'span'>, 'children'> {
     /** UI: brand (v3), or default (v2) */
     preset?: ThemePreset;
     /** Icon color */
@@ -1275,7 +1275,7 @@ type AnchorPalette = {
     colorHover: CSSColor;
     colorDisabled: CSSColor;
 };
-interface AnchorProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'a'>, 'color' | 'children'>, 
+interface AnchorProps extends ResponsiveSizeProps<Size$k, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'a'>, 'color' | 'children'>, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use children as function */
@@ -1334,9 +1334,9 @@ DisplayProperty {
  */
 declare const Anchor: React.ForwardRefExoticComponent<AnchorProps>;
 
-type Size$i = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$a = number | string;
-interface ButtonBaseProps extends ResponsiveSizeProps<Size$i>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
+type Size$j = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$b = number | string;
+interface ButtonBaseProps extends ResponsiveSizeProps<Size$j>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
 /** @deprecated */
 ColorProperty, 
 /** @deprecated */
@@ -1501,43 +1501,43 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
      *
      * @general
      * @default 'm' */
-    size?: Size$i | [DESKTOP: Size$i, TABLET: Size$i, MOBILE: Size$i] | [XL: Size$i, L: Size$i, M: Size$i, S: Size$i, XS: Size$i, XXS: Size$i];
+    size?: Size$j | [DESKTOP: Size$j, TABLET: Size$j, MOBILE: Size$j] | [XL: Size$j, L: Size$j, M: Size$j, S: Size$j, XS: Size$j, XXS: Size$j];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$i;
+    sizeXXS?: Size$j;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$i;
+    sizeXS?: Size$j;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$i;
+    sizeS?: Size$j;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$i;
+    sizeM?: Size$j;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$i;
+    sizeL?: Size$j;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$i;
+    sizeXL?: Size$j;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$i, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$j, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -1545,37 +1545,37 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
      *
      * @general
      * @default undefined */
-    margin?: Margin$a | [DESKTOP: Margin$a, TABLET: Margin$a, MOBILE: Margin$a] | [XL: Margin$a, L: Margin$a, M: Margin$a, S: Margin$a, XS: Margin$a, XXS: Margin$a];
+    margin?: Margin$b | [DESKTOP: Margin$b, TABLET: Margin$b, MOBILE: Margin$b] | [XL: Margin$b, L: Margin$b, M: Margin$b, S: Margin$b, XS: Margin$b, XXS: Margin$b];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$a;
+    marginXXS?: Margin$b;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$a;
+    marginXS?: Margin$b;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$a;
+    marginS?: Margin$b;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$a;
+    marginM?: Margin$b;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$a;
+    marginL?: Margin$b;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$a;
+    marginXL?: Margin$b;
     /** @ignore */
     primary?: boolean;
     /** @ignore */
@@ -1666,9 +1666,9 @@ interface AlertProps extends BaseProps {
 
 declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
 
-type Size$h = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$9 = number | string;
-interface ArrowProps extends ResponsiveSizeProps<Size$h, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
+type Size$i = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$a = number | string;
+interface ArrowProps extends ResponsiveSizeProps<Size$i, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
     /**
      * Версия компонента: v3 ("brand") или v2 ("default").
      *
@@ -1750,43 +1750,43 @@ interface ArrowProps extends ResponsiveSizeProps<Size$h, SizeValue>, ResponsiveM
      *
      * @general
      * @default 'l' */
-    size?: Size$h | [DESKTOP: Size$h, TABLET: Size$h, MOBILE: Size$h] | [XL: Size$h, L: Size$h, M: Size$h, S: Size$h, XS: Size$h, XXS: Size$h];
+    size?: Size$i | [DESKTOP: Size$i, TABLET: Size$i, MOBILE: Size$i] | [XL: Size$i, L: Size$i, M: Size$i, S: Size$i, XS: Size$i, XXS: Size$i];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$h;
+    sizeXXS?: Size$i;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$h;
+    sizeXS?: Size$i;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$h;
+    sizeS?: Size$i;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$h;
+    sizeM?: Size$i;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$h;
+    sizeL?: Size$i;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$h;
+    sizeXL?: Size$i;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$h, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$i, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -1794,37 +1794,37 @@ interface ArrowProps extends ResponsiveSizeProps<Size$h, SizeValue>, ResponsiveM
      *
      * @general
      * @default undefined */
-    margin?: Margin$9 | [DESKTOP: Margin$9, TABLET: Margin$9, MOBILE: Margin$9] | [XL: Margin$9, L: Margin$9, M: Margin$9, S: Margin$9, XS: Margin$9, XXS: Margin$9];
+    margin?: Margin$a | [DESKTOP: Margin$a, TABLET: Margin$a, MOBILE: Margin$a] | [XL: Margin$a, L: Margin$a, M: Margin$a, S: Margin$a, XS: Margin$a, XXS: Margin$a];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$9;
+    marginXXS?: Margin$a;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$9;
+    marginXS?: Margin$a;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$9;
+    marginS?: Margin$a;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$9;
+    marginM?: Margin$a;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$9;
+    marginL?: Margin$a;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$9;
+    marginXL?: Margin$a;
     /** @ignore */
     inverse?: boolean;
     /** @ignore @deprecated */
@@ -1839,8 +1839,8 @@ interface ArrowProps extends ResponsiveSizeProps<Size$h, SizeValue>, ResponsiveM
  */
 declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
 
-type Size$g = 'xl' | 'l' | 'm' | 's' | 'xs';
-interface InputCheckboxProps extends ResponsiveSizeProps<Size$g>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
+type Size$h = 'xl' | 'l' | 'm' | 's' | 'xs';
+interface InputCheckboxProps extends ResponsiveSizeProps<Size$h>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
     /**
      * Текущее состояние контрола (использование включает контролируемый режим).
      *
@@ -1917,43 +1917,43 @@ interface InputCheckboxProps extends ResponsiveSizeProps<Size$g>, Omit<React.Com
      *
      * @general
      * @default 'm' */
-    size?: Size$g | [DESKTOP: Size$g, TABLET: Size$g, MOBILE: Size$g] | [XL: Size$g, L: Size$g, M: Size$g, S: Size$g, XS: Size$g, XXS: Size$g];
+    size?: Size$h | [DESKTOP: Size$h, TABLET: Size$h, MOBILE: Size$h] | [XL: Size$h, L: Size$h, M: Size$h, S: Size$h, XS: Size$h, XXS: Size$h];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$g;
+    sizeXXS?: Size$h;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$g;
+    sizeXS?: Size$h;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$g;
+    sizeS?: Size$h;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$g;
+    sizeM?: Size$h;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$g;
+    sizeL?: Size$h;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$g;
+    sizeXL?: Size$h;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$g, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$h, React.CSSProperties>>;
     /** @ignore @deprecated */
     onColored?: boolean;
 }
@@ -2002,8 +2002,8 @@ declare enum SizeInput {
     xs = 140
 }
 
-type Size$f = 'l' | 'm' | 's' | 'xs';
-interface TextareaBaseProps extends ResponsiveSizeProps<Size$f>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
+type Size$g = 'l' | 'm' | 's' | 'xs';
+interface TextareaBaseProps extends ResponsiveSizeProps<Size$g>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
     /**
      * Автоматически адаптировать число строк под контент.
      *
@@ -2158,7 +2158,7 @@ type ArrowBadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface ArrowBadgeProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveMarginProps, 
+interface ArrowBadgeProps extends ResponsiveSizeProps<Size$k, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -2200,9 +2200,9 @@ ColorProperty<'backgroundColor'>, Omit<React.ComponentPropsWithRef<'div'>, 'colo
  */
 declare const ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps>;
 
-type Size$e = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$8 = number | string;
-interface TabProps extends ResponsiveSizeProps<Size$e, SizeValue>, ResponsiveMarginProps, 
+type Size$f = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$9 = number | string;
+interface TabProps extends ResponsiveSizeProps<Size$f, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -2293,43 +2293,43 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
      *
      * @general
      * @default 'm' */
-    size?: Size$e | [DESKTOP: Size$e, TABLET: Size$e, MOBILE: Size$e] | [XL: Size$e, L: Size$e, M: Size$e, S: Size$e, XS: Size$e, XXS: Size$e];
+    size?: Size$f | [DESKTOP: Size$f, TABLET: Size$f, MOBILE: Size$f] | [XL: Size$f, L: Size$f, M: Size$f, S: Size$f, XS: Size$f, XXS: Size$f];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$e;
+    sizeXXS?: Size$f;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$e;
+    sizeXS?: Size$f;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$e;
+    sizeS?: Size$f;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$e;
+    sizeM?: Size$f;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$e;
+    sizeL?: Size$f;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$e;
+    sizeXL?: Size$f;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$e, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$f, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -2337,37 +2337,37 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
      *
      * @general
      * @default undefined */
-    margin?: Margin$8 | [DESKTOP: Margin$8, TABLET: Margin$8, MOBILE: Margin$8] | [XL: Margin$8, L: Margin$8, M: Margin$8, S: Margin$8, XS: Margin$8, XXS: Margin$8];
+    margin?: Margin$9 | [DESKTOP: Margin$9, TABLET: Margin$9, MOBILE: Margin$9] | [XL: Margin$9, L: Margin$9, M: Margin$9, S: Margin$9, XS: Margin$9, XXS: Margin$9];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$8;
+    marginXXS?: Margin$9;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$8;
+    marginXS?: Margin$9;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$8;
+    marginS?: Margin$9;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$8;
+    marginM?: Margin$9;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$8;
+    marginL?: Margin$9;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$8;
+    marginXL?: Margin$9;
     /** @ignore */
     compact?: boolean;
     /** @ignore */
@@ -2392,7 +2392,7 @@ type BadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface BadgeProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveMarginProps, 
+interface BadgeProps extends ResponsiveSizeProps<Size$k, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty, 
 /** @deprecated Use children as function */
@@ -2445,9 +2445,9 @@ DisplayProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'>
  */
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps>;
 
-type Size$d = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
-type Margin$7 = number | string;
-interface IconButtonBaseProps extends ResponsiveSizeProps<Size$d>, ResponsiveMarginProps {
+type Size$e = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
+type Margin$8 = number | string;
+interface IconButtonBaseProps extends ResponsiveSizeProps<Size$e>, ResponsiveMarginProps {
     /**
      * Кастомные цвета.
      *
@@ -2505,43 +2505,43 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$d>, ResponsiveMar
      *
      * @general
      * @default 'm' */
-    size?: Size$d | [DESKTOP: Size$d, TABLET: Size$d, MOBILE: Size$d] | [XL: Size$d, L: Size$d, M: Size$d, S: Size$d, XS: Size$d, XXS: Size$d];
+    size?: Size$e | [DESKTOP: Size$e, TABLET: Size$e, MOBILE: Size$e] | [XL: Size$e, L: Size$e, M: Size$e, S: Size$e, XS: Size$e, XXS: Size$e];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$d;
+    sizeXXS?: Size$e;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$d;
+    sizeXS?: Size$e;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$d;
+    sizeS?: Size$e;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$d;
+    sizeM?: Size$e;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$d;
+    sizeL?: Size$e;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$d;
+    sizeXL?: Size$e;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$d, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$e, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -2549,37 +2549,37 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$d>, ResponsiveMar
      *
      * @general
      * @default undefined */
-    margin?: Margin$7 | [DESKTOP: Margin$7, TABLET: Margin$7, MOBILE: Margin$7] | [XL: Margin$7, L: Margin$7, M: Margin$7, S: Margin$7, XS: Margin$7, XXS: Margin$7];
+    margin?: Margin$8 | [DESKTOP: Margin$8, TABLET: Margin$8, MOBILE: Margin$8] | [XL: Margin$8, L: Margin$8, M: Margin$8, S: Margin$8, XS: Margin$8, XXS: Margin$8];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$7;
+    marginXXS?: Margin$8;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$7;
+    marginXS?: Margin$8;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$7;
+    marginS?: Margin$8;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$7;
+    marginM?: Margin$8;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$7;
+    marginL?: Margin$8;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$7;
+    marginXL?: Margin$8;
 }
 type IconButtonProps = IconButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof IconButtonBaseProps>;
 
@@ -2822,14 +2822,14 @@ declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
     Component: typeof TooltipComponent;
 };
 
-type Size$c = 'xl' | 'l' | 'm' | 's' | 'xs';
-type Layout$4 = 'vertical' | 'horizontal';
+type Size$d = 'xl' | 'l' | 'm' | 's' | 'xs';
+type Layout$5 = 'vertical' | 'horizontal';
 type PopoverComponentPalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$c>, ResponsiveLayoutProps<Layout$4> {
+interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$d>, ResponsiveLayoutProps<Layout$5> {
     /**
      * Кастомные цвета.
      *
@@ -2940,9 +2940,9 @@ type PopoverComponentProps = PopoverComponentBaseProps & Omit<React.ComponentPro
 
 declare const PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps>;
 
-type Size$b = 's' | 'xl' | 'l' | 'm' | 'xs';
-type Layout$3 = 'vertical' | 'horizontal';
-interface PopoverBaseProps extends ResponsiveSizeProps<Size$b>, ResponsiveLayoutProps<Layout$3> {
+type Size$c = 's' | 'xl' | 'l' | 'm' | 'xs';
+type Layout$4 = 'vertical' | 'horizontal';
+interface PopoverBaseProps extends ResponsiveSizeProps<Size$c>, ResponsiveLayoutProps<Layout$4> {
     /**
      * Кастомные цвета.
      *
@@ -3158,43 +3158,43 @@ interface PopoverBaseProps extends ResponsiveSizeProps<Size$b>, ResponsiveLayout
      *
      * @general
      * @default 's' */
-    size?: Size$b | [DESKTOP: Size$b, TABLET: Size$b, MOBILE: Size$b] | [XL: Size$b, L: Size$b, M: Size$b, S: Size$b, XS: Size$b, XXS: Size$b];
+    size?: Size$c | [DESKTOP: Size$c, TABLET: Size$c, MOBILE: Size$c] | [XL: Size$c, L: Size$c, M: Size$c, S: Size$c, XS: Size$c, XXS: Size$c];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$b;
+    sizeXXS?: Size$c;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$b;
+    sizeXS?: Size$c;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$b;
+    sizeS?: Size$c;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$b;
+    sizeM?: Size$c;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$b;
+    sizeL?: Size$c;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$b;
+    sizeXL?: Size$c;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$b, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$c, React.CSSProperties>>;
     /**
      * Вариант шаблона лейаута.
      *
@@ -3202,37 +3202,37 @@ interface PopoverBaseProps extends ResponsiveSizeProps<Size$b>, ResponsiveLayout
      *
      * @general
      * @default 'vertical' */
-    layout?: Layout$3 | [DESKTOP: Layout$3, TABLET: Layout$3, MOBILE: Layout$3] | [XL: Layout$3, L: Layout$3, M: Layout$3, S: Layout$3, XS: Layout$3, XXS: Layout$3];
+    layout?: Layout$4 | [DESKTOP: Layout$4, TABLET: Layout$4, MOBILE: Layout$4] | [XL: Layout$4, L: Layout$4, M: Layout$4, S: Layout$4, XS: Layout$4, XXS: Layout$4];
     /**
      * Лейаут для XXS брейкпоинта.
      *
      * @default undefined */
-    layoutXXS?: Layout$3;
+    layoutXXS?: Layout$4;
     /**
      * Лейаут для XS брейкпоинта.
      *
      * @default undefined */
-    layoutXS?: Layout$3;
+    layoutXS?: Layout$4;
     /**
      * Лейаут для S брейкпоинта.
      *
      * @default undefined */
-    layoutS?: Layout$3;
+    layoutS?: Layout$4;
     /**
      * Лейаут для M брейкпоинта.
      *
      * @default undefined */
-    layoutM?: Layout$3;
+    layoutM?: Layout$4;
     /**
      * Лейаут для L брейкпоинта.
      *
      * @default undefined */
-    layoutL?: Layout$3;
+    layoutL?: Layout$4;
     /**
      * Лейаут для XL брейкпоинта.
      *
      * @default undefined */
-    layoutXL?: Layout$3;
+    layoutXL?: Layout$4;
     /**
      * Кастомный рутовый блок.
      *
@@ -3369,7 +3369,7 @@ type ListItemPalette = {
     backgroundColorHover: CSSColor;
     mediaPlaceholderColor: CSSColor;
 };
-interface ListItemProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveMarginProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type'>, Omit<React.AnchorHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type' | 'media'> {
+interface ListItemProps extends ResponsiveSizeProps<Size$k, SizeValue>, ResponsiveMarginProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type'>, Omit<React.AnchorHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type' | 'media'> {
     /** Root node type */
     as?: React.ElementType;
     /** Main text content or render function */
@@ -3447,7 +3447,7 @@ type IndicatorPalette = {
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface IndicatorProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
+interface IndicatorProps extends ResponsiveSizeProps<Size$k, SizeValue>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
     /** Custom colors */
     palette?: Partial<Record<keyof IndicatorPalette, Color>>;
     /** Text content */
@@ -3492,7 +3492,7 @@ type AvatarPalette = {
     shadowColor: CSSColor;
 };
 type AvatarSize = SizeValue | 'sm';
-interface AvatarProps extends ResponsiveSizeProps<Size$j, AvatarSize>, ResponsiveMarginProps, 
+interface AvatarProps extends ResponsiveSizeProps<Size$k, AvatarSize>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
     /** UI: brand (v3), or default (v2) */
@@ -3803,14 +3803,14 @@ declare const Menu: React.ForwardRefExoticComponent<MenuProps> & {
     Divider: typeof MenuDivider;
 };
 
-type Size$a = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
-type Layout$2 = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
+type Size$b = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
+type Layout$3 = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
 type DialogComponentPalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface DialogComponentBaseProps extends ResponsiveSizeProps<Size$a>, ResponsiveLayoutProps<Layout$2> {
+interface DialogComponentBaseProps extends ResponsiveSizeProps<Size$b>, ResponsiveLayoutProps<Layout$3> {
     /**
      * Кнопка закрытия.
      *
@@ -3980,10 +3980,10 @@ type DialogComponentProps = DialogComponentBaseProps & Omit<React.ComponentProps
 
 declare const DialogComponent: React.ForwardRefExoticComponent<DialogComponentProps>;
 
-type Size$9 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
-type Layout$1 = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
+type Size$a = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
+type Layout$2 = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
 type Position = 'center' | 'top-center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'bottom-center' | 'left' | 'right';
-interface DialogBaseProps extends ResponsiveSizeProps<Size$9>, ResponsiveLayoutProps<Layout$1>, ResponsivePositionProps<Position> {
+interface DialogBaseProps extends ResponsiveSizeProps<Size$a>, ResponsiveLayoutProps<Layout$2>, ResponsivePositionProps<Position> {
     /**
      * Открыто диалоговое окно.
      *
@@ -4281,43 +4281,43 @@ interface DialogBaseProps extends ResponsiveSizeProps<Size$9>, ResponsiveLayoutP
      *
      * @general
      * @default 's' */
-    size?: Size$9 | [DESKTOP: Size$9, TABLET: Size$9, MOBILE: Size$9] | [XL: Size$9, L: Size$9, M: Size$9, S: Size$9, XS: Size$9, XXS: Size$9];
+    size?: Size$a | [DESKTOP: Size$a, TABLET: Size$a, MOBILE: Size$a] | [XL: Size$a, L: Size$a, M: Size$a, S: Size$a, XS: Size$a, XXS: Size$a];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$9;
+    sizeXXS?: Size$a;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$9;
+    sizeXS?: Size$a;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$9;
+    sizeS?: Size$a;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$9;
+    sizeM?: Size$a;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$9;
+    sizeL?: Size$a;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$9;
+    sizeXL?: Size$a;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$9, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$a, React.CSSProperties>>;
     /**
      * Вариант шаблона лейаута.
      *
@@ -4325,37 +4325,37 @@ interface DialogBaseProps extends ResponsiveSizeProps<Size$9>, ResponsiveLayoutP
      *
      * @general
      * @default 'vertical' */
-    layout?: Layout$1 | [DESKTOP: Layout$1, TABLET: Layout$1, MOBILE: Layout$1] | [XL: Layout$1, L: Layout$1, M: Layout$1, S: Layout$1, XS: Layout$1, XXS: Layout$1];
+    layout?: Layout$2 | [DESKTOP: Layout$2, TABLET: Layout$2, MOBILE: Layout$2] | [XL: Layout$2, L: Layout$2, M: Layout$2, S: Layout$2, XS: Layout$2, XXS: Layout$2];
     /**
      * Лейаут для XXS брейкпоинта.
      *
      * @default undefined */
-    layoutXXS?: Layout$1;
+    layoutXXS?: Layout$2;
     /**
      * Лейаут для XS брейкпоинта.
      *
      * @default undefined */
-    layoutXS?: Layout$1;
+    layoutXS?: Layout$2;
     /**
      * Лейаут для S брейкпоинта.
      *
      * @default undefined */
-    layoutS?: Layout$1;
+    layoutS?: Layout$2;
     /**
      * Лейаут для M брейкпоинта.
      *
      * @default undefined */
-    layoutM?: Layout$1;
+    layoutM?: Layout$2;
     /**
      * Лейаут для L брейкпоинта.
      *
      * @default undefined */
-    layoutL?: Layout$1;
+    layoutL?: Layout$2;
     /**
      * Лейаут для XL брейкпоинта.
      *
      * @default undefined */
-    layoutXL?: Layout$1;
+    layoutXL?: Layout$2;
     /**
      * Позиция диалога.
      *
@@ -4413,58 +4413,223 @@ declare const Dialog: React.ForwardRefExoticComponent<DialogProps> & {
     Component: typeof DialogComponent;
 };
 
-type NotificationSize = 'l' | 'm' | 's';
+type Margin$7 = number | string;
+type Size$9 = 'l' | 'm' | 's';
 type NotificationStatus = 'system' | 'info' | 'success' | 'error' | 'warning';
-type NotificationPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-};
-interface NotificationProps extends ResponsiveSizeProps<NotificationSize>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'div'>, 'title'> {
+type Layout$1 = 'vertical' | 'horizontal';
+interface NotificationProps extends ResponsiveSizeProps<Size$9>, ResponsiveLayoutProps<Layout$1>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'div'>, 'children' | 'title'> {
     /**
-     * Пропсы для кнопки действия.
-     * Для рендера нужно передать "onClick"
-     */
-    actionButtonProps?: ButtonProps;
+     * Отображение иконки слева.
+     *
+     * @general
+     * @default false */
+    withIcon?: boolean;
     /**
-     * Пропсы для компонента ссылки.
-     * Для рендера нужно передать "to" (будет использован `theme.link`)
-     * или "href" (будет использован нативный \<a\> элемент)
-     */
-    anchorProps?: AnchorProps;
-    /** Контент будет отображаться колонкой */
-    contentDirectionColumn?: boolean;
+     * Кастомные цвета.
+     *
+     * @general
+     * @default {} */
+    palette?: {
+        color?: Color;
+        backgroundColor?: Color;
+    };
     /**
-     * Пропсы для кнопки с иконкой "close".
-     * Для рендера нужно передать "onClick"
-     */
-    discardButtonProps?: Partial<IconButtonProps>;
-    /** Пропсы для иконки слева */
-    iconProps?: IconProps;
-    /** Не показывать иконку слева */
-    hideIcon?: boolean;
-    /** Кастомные цвета */
-    palette?: Partial<Record<keyof NotificationPalette, Color>>;
-    /** Цветовая схема */
+     * Статус, в зависимости от значения которого меняется цветовая схема.
+     *
+     * @general
+     * @default 'system' */
     status?: NotificationStatus;
-    /** Основной контент */
-    text?: React.ReactNode;
-    /** Пропсы типографики для основного текста */
-    textProps?: TextProps;
-    /** Контент заголовка */
-    title?: React.ReactNode;
-    /** Пропсы типографики для заголовка */
-    titleProps?: TextProps;
+    /**
+     * Иконка слева.
+     *
+     * По умолчанию используется иконка infoCircle.
+     *
+     * @slot
+     * @default undefined */
+    icon?: React.ReactNode | ((iconProps: IconProps) => React.ReactNode);
+    /**
+     * Заголовок.
+     *
+     * Если передана строка или число используется встроенная типографика.
+     *
+     * @slot
+     * @default undefined */
+    title?: React.ReactNode | ((titleProps: TextProps) => React.ReactNode);
+    /**
+     * Основной текст.
+     *
+     * Если передана строка или число используется встроенная типографика.
+     *
+     * @slot
+     * @default undefined */
+    text?: React.ReactNode | ((textProps: TextProps) => React.ReactNode);
+    /**
+     * Дополнительные элементы.
+     *
+     * @slot
+     * @default undefined */
+    addon?: React.ReactNode | ((addonProps: {
+        anchorProps: AnchorProps;
+        buttonProps: ButtonProps;
+    }) => React.ReactNode);
+    /**
+     * Кнопка закрытия.
+     *
+     * @slot
+     * @default undefined */
+    discardButton?: React.ReactNode | ((discardButtonProps: IconButtonProps) => React.ReactNode);
+    /**
+     * Кастомный рутовый блок.
+     *
+     * @slot
+     * @default undefined */
+    children?: React.ReactNode | ((rootProps: {
+        iconProps: IconProps;
+        titleProps: TextProps;
+        textProps: TextProps;
+        buttonProps: ButtonProps;
+        anchorProps: AnchorProps;
+        discardButtonProps: IconButtonProps;
+    }) => React.ReactNode);
+    /**
+     * Кастомный блок с основным контентом.
+     *
+     * @slot
+     * @default undefined */
+    content?: React.ReactNode | ((contentProps: {
+        titleProps: TextProps;
+        textProps: TextProps;
+    }) => React.ReactNode);
+    /**
+     * Размер.
+     *
+     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default 'm' */
+    size?: Size$9 | [DESKTOP: Size$9, TABLET: Size$9, MOBILE: Size$9] | [XL: Size$9, L: Size$9, M: Size$9, S: Size$9, XS: Size$9, XXS: Size$9];
+    /**
+     * Размер для XXS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXXS?: Size$9;
+    /**
+     * Размер для XS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXS?: Size$9;
+    /**
+     * Размер для S брейкпоинта.
+     *
+     * @default undefined */
+    sizeS?: Size$9;
+    /**
+     * Размер для M брейкпоинта.
+     *
+     * @default undefined */
+    sizeM?: Size$9;
+    /**
+     * Размер для L брейкпоинта.
+     *
+     * @default undefined */
+    sizeL?: Size$9;
+    /**
+     * Размер для XL брейкпоинта.
+     *
+     * @default undefined */
+    sizeXL?: Size$9;
+    /**
+     * Модификация размеров.
+     *
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size$9, React.CSSProperties>>;
+    /**
+     * Вариант шаблона лейаута.
+     *
+     * Использование кортежей включает применение шаблонов в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default 'horizontal' */
+    layout?: Layout$1 | [DESKTOP: Layout$1, TABLET: Layout$1, MOBILE: Layout$1] | [XL: Layout$1, L: Layout$1, M: Layout$1, S: Layout$1, XS: Layout$1, XXS: Layout$1];
+    /**
+     * Лейаут для XXS брейкпоинта.
+     *
+     * @default undefined */
+    layoutXXS?: Layout$1;
+    /**
+     * Лейаут для XS брейкпоинта.
+     *
+     * @default undefined */
+    layoutXS?: Layout$1;
+    /**
+     * Лейаут для S брейкпоинта.
+     *
+     * @default undefined */
+    layoutS?: Layout$1;
+    /**
+     * Лейаут для M брейкпоинта.
+     *
+     * @default undefined */
+    layoutM?: Layout$1;
+    /**
+     * Лейаут для L брейкпоинта.
+     *
+     * @default undefined */
+    layoutL?: Layout$1;
+    /**
+     * Лейаут для XL брейкпоинта.
+     *
+     * @default undefined */
+    layoutXL?: Layout$1;
+    /**
+     * Внешние отступы.
+     *
+     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default undefined */
+    margin?: Margin$7 | [DESKTOP: Margin$7, TABLET: Margin$7, MOBILE: Margin$7] | [XL: Margin$7, L: Margin$7, M: Margin$7, S: Margin$7, XS: Margin$7, XXS: Margin$7];
+    /**
+     * Отступ для XXS брейкпоинта.
+     *
+     * @default undefined */
+    marginXXS?: Margin$7;
+    /**
+     * Отступ для XS брейкпоинта.
+     *
+     * @default undefined */
+    marginXS?: Margin$7;
+    /**
+     * Отступ для S брейкпоинта.
+     *
+     * @default undefined */
+    marginS?: Margin$7;
+    /**
+     * Отступ для M брейкпоинта.
+     *
+     * @default undefined */
+    marginM?: Margin$7;
+    /**
+     * Отступ для L брейкпоинта.
+     *
+     * @default undefined */
+    marginL?: Margin$7;
+    /**
+     * Отступ для XL брейкпоинта.
+     *
+     * @default undefined */
+    marginXL?: Margin$7;
 }
 
 /**
  *
- * Компонент поддерживает все атрибуты \<div\> элемента.
+ * *v1.0.0*
  *
- * Можно передать "ref", который будет ассоциирован с рутовым элементом.
+ * Компонент для отображения информационных сообщений, встроенных в интерфейс.
  *
- * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.
+ * Поддерживается "ref" и все нативные атрибуты \<div\> элемента.
  *
- * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Notification/types.ts).
  */
 declare const Notification: React.ForwardRefExoticComponent<NotificationProps>;
 
@@ -5668,7 +5833,7 @@ declare const useScrollMonitor: ({ target, scrollThrottleMS, scrollEndDebounceMS
 
 declare const vAlign: (align: "top" | "middle" | "bottom" | "text-top" | "text-bottom" | "baseline") => styled_components.FlattenSimpleInterpolation;
 
-declare function buildMediaQuery(value: number | Size$j | 'auto' | 'initial' | 'inherit' | boolean, property: string | ((_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null), screenQueryFunction: typeof screenXs, sizing: null | string, sizes?: Record<Size$j, number>): ReturnType<typeof css>;
+declare function buildMediaQuery(value: number | Size$k | 'auto' | 'initial' | 'inherit' | boolean, property: string | ((_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null), screenQueryFunction: typeof screenXs, sizing: null | string, sizes?: Record<Size$k, number>): ReturnType<typeof css>;
 declare const desktopFirst: (a: string, b: string) => number;
 declare const mobileFirst: (a: string, b: string) => number;
 
@@ -8265,4 +8430,4 @@ type AspectRatioProps = AspectRatioBaseProps & Omit<React.ComponentPropsWithRef<
  */
 declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps>;
 
-export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle$1 as ProgressCircle, type ProgressCircleProps$1 as ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsiveLayoutInterpolationProps, type ResponsiveLayoutProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, Separator, type SeparatorProps, type Size$j as Size, type SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, TabList, type TabListPanelProps, type TabListProps, type TabListTabProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithThemePreset, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollMonitor, vAlign };
+export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle$1 as ProgressCircle, type ProgressCircleProps$1 as ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsiveLayoutInterpolationProps, type ResponsiveLayoutProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, Separator, type SeparatorProps, type Size$k as Size, type SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, TabList, type TabListPanelProps, type TabListProps, type TabListTabProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithThemePreset, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollMonitor, vAlign };