@foxford/ui 2.79.0 → 2.80.0-beta-d262988-20250924

package/dts/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { CSSProperties, Component, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, RefObject, PureComponent, Dispatch, SetStateAction } from 'react';
+import { CSSProperties, Component, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, RefObject, PureComponent } from 'react';
 import * as styled_components from 'styled-components';
 import { CSSObject, DefaultTheme, FlattenSimpleInterpolation, ThemeProps, Interpolation, SimpleInterpolation, css, StyledProps } from 'styled-components';
 import * as IconPack from '@foxford/icon-pack';
@@ -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$a = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type SizeValue = Size$a | CSSGlobalValue | number;
+type Size$b = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue = Size$b | 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$a | 'auto' | 'initial' | 'inherit' | boolean;
+type PossibleValues = number | Size$b | '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$a> = 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$a, number>) => () => () => FlattenSimpleInterpolation | null;
+type ResponsiveProperty<V = number | Size$b> = 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$b, 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$a, number>;
+    predefinedSizes?: Record<Size$b, number>;
 }
 /**
  * Миксин для генерации media запросов
@@ -1094,7 +1094,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     /** Кастомные цвета */
     palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
 }
-interface TextProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, 
+interface TextProps extends ResponsiveSizeProps<Size$b, 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$a, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'span'>, 'children'> {
+interface IconProps extends ResponsiveSizeProps<Size$b, 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$a, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'a'>, 'color' | 'children'>, 
+interface AnchorProps extends ResponsiveSizeProps<Size$b, 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$9 = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$5 = number | string;
-interface ButtonBaseProps extends ResponsiveSizeProps<Size$9>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
+type Size$a = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$6 = number | string;
+interface ButtonBaseProps extends ResponsiveSizeProps<Size$a>, 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$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>>;
     /**
      * Внешние отступы.
      *
@@ -1545,37 +1545,37 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
      *
      * @general
      * @default undefined */
-    margin?: Margin$5 | [DESKTOP: Margin$5, TABLET: Margin$5, MOBILE: Margin$5] | [XL: Margin$5, L: Margin$5, M: Margin$5, S: Margin$5, XS: Margin$5, XXS: Margin$5];
+    margin?: Margin$6 | [DESKTOP: Margin$6, TABLET: Margin$6, MOBILE: Margin$6] | [XL: Margin$6, L: Margin$6, M: Margin$6, S: Margin$6, XS: Margin$6, XXS: Margin$6];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$5;
+    marginXXS?: Margin$6;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$5;
+    marginXS?: Margin$6;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$5;
+    marginS?: Margin$6;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$5;
+    marginM?: Margin$6;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$5;
+    marginL?: Margin$6;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$5;
+    marginXL?: Margin$6;
     /** @ignore */
     primary?: boolean;
     /** @ignore */
@@ -1681,7 +1681,7 @@ type ArrowPalette = {
     borderColorDisabled: CSSColor;
     shadowColor: CSSColor;
 };
-interface ArrowProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
+interface ArrowProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
     /**
      * UI: v3 (brand), or v2 (default)
      * @default "default" */
@@ -1971,7 +1971,7 @@ type ArrowBadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface ArrowBadgeProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, 
+interface ArrowBadgeProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -2024,7 +2024,7 @@ type TabPalette = {
     backgroundColorDisabled: CSSColor;
     borderColorDisabled: CSSColor;
 };
-interface TabProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, 
+interface TabProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -2082,7 +2082,7 @@ type BadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface BadgeProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, 
+interface BadgeProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty, 
 /** @deprecated Use children as function */
@@ -2135,9 +2135,9 @@ DisplayProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'>
  */
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps>;
 
-type Size$8 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
-type Margin$4 = number | string;
-interface IconButtonBaseProps extends ResponsiveSizeProps<Size$8>, ResponsiveMarginProps {
+type Size$9 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
+type Margin$5 = number | string;
+interface IconButtonBaseProps extends ResponsiveSizeProps<Size$9>, ResponsiveMarginProps {
     /**
      * Кастомные цвета.
      *
@@ -2195,43 +2195,43 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$8>, ResponsiveMar
      *
      * @general
      * @default 'm' */
-    size?: Size$8 | [DESKTOP: Size$8, TABLET: Size$8, MOBILE: Size$8] | [XL: Size$8, L: Size$8, M: Size$8, S: Size$8, XS: Size$8, XXS: Size$8];
+    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$8;
+    sizeXXS?: Size$9;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$8;
+    sizeXS?: Size$9;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$8;
+    sizeS?: Size$9;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$8;
+    sizeM?: Size$9;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$8;
+    sizeL?: Size$9;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$8;
+    sizeXL?: Size$9;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$8, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$9, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -2239,37 +2239,37 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$8>, ResponsiveMar
      *
      * @general
      * @default undefined */
-    margin?: Margin$4 | [DESKTOP: Margin$4, TABLET: Margin$4, MOBILE: Margin$4] | [XL: Margin$4, L: Margin$4, M: Margin$4, S: Margin$4, XS: Margin$4, XXS: Margin$4];
+    margin?: Margin$5 | [DESKTOP: Margin$5, TABLET: Margin$5, MOBILE: Margin$5] | [XL: Margin$5, L: Margin$5, M: Margin$5, S: Margin$5, XS: Margin$5, XXS: Margin$5];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$4;
+    marginXXS?: Margin$5;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$4;
+    marginXS?: Margin$5;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$4;
+    marginS?: Margin$5;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$4;
+    marginM?: Margin$5;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$4;
+    marginL?: Margin$5;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$4;
+    marginXL?: Margin$5;
 }
 type IconButtonProps = IconButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof IconButtonBaseProps>;
 
@@ -2512,14 +2512,14 @@ declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
     Component: typeof TooltipComponent;
 };
 
-type Size$7 = 'xl' | 'l' | 'm' | 's' | 'xs';
+type Size$8 = 'xl' | 'l' | 'm' | 's' | 'xs';
 type Layout$4 = 'vertical' | 'horizontal';
 type PopoverComponentPalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$7>, ResponsiveLayoutProps<Layout$4> {
+interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$8>, ResponsiveLayoutProps<Layout$4> {
     /**
      * Кастомные цвета.
      *
@@ -2630,9 +2630,9 @@ type PopoverComponentProps = PopoverComponentBaseProps & Omit<React.ComponentPro
 
 declare const PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps>;
 
-type Size$6 = 's' | 'xl' | 'l' | 'm' | 'xs';
+type Size$7 = 's' | 'xl' | 'l' | 'm' | 'xs';
 type Layout$3 = 'vertical' | 'horizontal';
-interface PopoverBaseProps extends ResponsiveSizeProps<Size$6>, ResponsiveLayoutProps<Layout$3> {
+interface PopoverBaseProps extends ResponsiveSizeProps<Size$7>, ResponsiveLayoutProps<Layout$3> {
     /**
      * Кастомные цвета.
      *
@@ -2848,43 +2848,43 @@ interface PopoverBaseProps extends ResponsiveSizeProps<Size$6>, ResponsiveLayout
      *
      * @general
      * @default 's' */
-    size?: Size$6 | [DESKTOP: Size$6, TABLET: Size$6, MOBILE: Size$6] | [XL: Size$6, L: Size$6, M: Size$6, S: Size$6, XS: Size$6, XXS: Size$6];
+    size?: Size$7 | [DESKTOP: Size$7, TABLET: Size$7, MOBILE: Size$7] | [XL: Size$7, L: Size$7, M: Size$7, S: Size$7, XS: Size$7, XXS: Size$7];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$6;
+    sizeXXS?: Size$7;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$6;
+    sizeXS?: Size$7;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$6;
+    sizeS?: Size$7;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$6;
+    sizeM?: Size$7;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$6;
+    sizeL?: Size$7;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$6;
+    sizeXL?: Size$7;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$6, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$7, React.CSSProperties>>;
     /**
      * Вариант шаблона лейаута.
      *
@@ -3059,7 +3059,7 @@ type ListItemPalette = {
     backgroundColorHover: CSSColor;
     mediaPlaceholderColor: CSSColor;
 };
-interface ListItemProps extends ResponsiveSizeProps<Size$a, 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$b, 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 */
@@ -3137,7 +3137,7 @@ type IndicatorPalette = {
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface IndicatorProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
+interface IndicatorProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
     /** Custom colors */
     palette?: Partial<Record<keyof IndicatorPalette, Color>>;
     /** Text content */
@@ -3182,7 +3182,7 @@ type AvatarPalette = {
     shadowColor: CSSColor;
 };
 type AvatarSize = SizeValue | 'sm';
-interface AvatarProps extends ResponsiveSizeProps<Size$a, AvatarSize>, ResponsiveMarginProps, 
+interface AvatarProps extends ResponsiveSizeProps<Size$b, AvatarSize>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
     /** UI: brand (v3), or default (v2) */
@@ -3493,14 +3493,14 @@ declare const Menu: React.ForwardRefExoticComponent<MenuProps> & {
     Divider: typeof MenuDivider;
 };
 
-type Size$5 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
+type Size$6 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
 type Layout$2 = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
 type DialogComponentPalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface DialogComponentBaseProps extends ResponsiveSizeProps<Size$5>, ResponsiveLayoutProps<Layout$2> {
+interface DialogComponentBaseProps extends ResponsiveSizeProps<Size$6>, ResponsiveLayoutProps<Layout$2> {
     /**
      * Кнопка закрытия.
      *
@@ -3654,10 +3654,10 @@ type DialogComponentProps = DialogComponentBaseProps & Omit<React.ComponentProps
 
 declare const DialogComponent: React.ForwardRefExoticComponent<DialogComponentProps>;
 
-type Size$4 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
+type Size$5 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
 type Layout$1 = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
 type Position = 'center' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
-interface DialogBaseProps extends ResponsiveSizeProps<Size$4>, ResponsiveLayoutProps<Layout$1>, ResponsivePositionProps<Position> {
+interface DialogBaseProps extends ResponsiveSizeProps<Size$5>, ResponsiveLayoutProps<Layout$1>, ResponsivePositionProps<Position> {
     /**
      * Открыто диалоговое окно.
      *
@@ -3939,43 +3939,43 @@ interface DialogBaseProps extends ResponsiveSizeProps<Size$4>, ResponsiveLayoutP
      *
      * @general
      * @default 's' */
-    size?: Size$4 | [DESKTOP: Size$4, TABLET: Size$4, MOBILE: Size$4] | [XL: Size$4, L: Size$4, M: Size$4, S: Size$4, XS: Size$4, XXS: Size$4];
+    size?: Size$5 | [DESKTOP: Size$5, TABLET: Size$5, MOBILE: Size$5] | [XL: Size$5, L: Size$5, M: Size$5, S: Size$5, XS: Size$5, XXS: Size$5];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$4;
+    sizeXXS?: Size$5;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$4;
+    sizeXS?: Size$5;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$4;
+    sizeS?: Size$5;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$4;
+    sizeM?: Size$5;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$4;
+    sizeL?: Size$5;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$4;
+    sizeXL?: Size$5;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$4, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$5, React.CSSProperties>>;
     /**
      * Вариант шаблона лейаута.
      *
@@ -4126,9 +4126,9 @@ interface NotificationProps extends ResponsiveSizeProps<NotificationSize>, Respo
  */
 declare const Notification: React.ForwardRefExoticComponent<NotificationProps>;
 
-type Size$3 = 'l' | 'm' | 's' | 'xs';
-type Margin$3 = number | string;
-interface AccordionItemBaseProps extends ResponsiveSizeProps<Size$3>, ResponsiveMarginProps {
+type Size$4 = 'l' | 'm' | 's' | 'xs';
+type Margin$4 = number | string;
+interface AccordionItemBaseProps extends ResponsiveSizeProps<Size$4>, ResponsiveMarginProps {
     /**
      * Кастомный блок хедера.
      *
@@ -4283,43 +4283,43 @@ interface AccordionItemBaseProps extends ResponsiveSizeProps<Size$3>, Responsive
      *
      * @general
      * @default 'm' */
-    size?: Size$3 | [DESKTOP: Size$3, TABLET: Size$3, MOBILE: Size$3] | [XL: Size$3, L: Size$3, M: Size$3, S: Size$3, XS: Size$3, XXS: Size$3];
+    size?: Size$4 | [DESKTOP: Size$4, TABLET: Size$4, MOBILE: Size$4] | [XL: Size$4, L: Size$4, M: Size$4, S: Size$4, XS: Size$4, XXS: Size$4];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$3;
+    sizeXXS?: Size$4;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$3;
+    sizeXS?: Size$4;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$3;
+    sizeS?: Size$4;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$3;
+    sizeM?: Size$4;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$3;
+    sizeL?: Size$4;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$3;
+    sizeXL?: Size$4;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$3, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$4, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -4327,37 +4327,37 @@ interface AccordionItemBaseProps extends ResponsiveSizeProps<Size$3>, Responsive
      *
      * @general
      * @default undefined */
-    margin?: Margin$3 | [DESKTOP: Margin$3, TABLET: Margin$3, MOBILE: Margin$3] | [XL: Margin$3, L: Margin$3, M: Margin$3, S: Margin$3, XS: Margin$3, XXS: Margin$3];
+    margin?: Margin$4 | [DESKTOP: Margin$4, TABLET: Margin$4, MOBILE: Margin$4] | [XL: Margin$4, L: Margin$4, M: Margin$4, S: Margin$4, XS: Margin$4, XXS: Margin$4];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$3;
+    marginXXS?: Margin$4;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$3;
+    marginXS?: Margin$4;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$3;
+    marginS?: Margin$4;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$3;
+    marginM?: Margin$4;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$3;
+    marginL?: Margin$4;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$3;
+    marginXL?: Margin$4;
 }
 type AccordionItemProps = AccordionItemBaseProps & Omit<React.ComponentPropsWithRef<'section'>, keyof AccordionItemBaseProps>;
 
@@ -4385,9 +4385,9 @@ type DividerProps = DividerBaseProps & Omit<React.ComponentPropsWithRef<'div'>,
  */
 declare const Divider: React.ForwardRefExoticComponent<DividerProps>;
 
-type Size$2 = 'l' | 'm' | 's' | 'xs';
-type Margin$2 = number | string;
-interface AccordionBaseProps extends ResponsiveSizeProps<Size$2>, ResponsiveMarginProps {
+type Size$3 = 'l' | 'm' | 's' | 'xs';
+type Margin$3 = number | string;
+interface AccordionBaseProps extends ResponsiveSizeProps<Size$3>, ResponsiveMarginProps {
     /**
      * Одновременно раскрыты могут быть несколько динамических панелей.
      *
@@ -4489,43 +4489,43 @@ interface AccordionBaseProps extends ResponsiveSizeProps<Size$2>, ResponsiveMarg
      *
      * @general
      * @default 'm' */
-    size?: Size$2 | [DESKTOP: Size$2, TABLET: Size$2, MOBILE: Size$2] | [XL: Size$2, L: Size$2, M: Size$2, S: Size$2, XS: Size$2, XXS: Size$2];
+    size?: Size$3 | [DESKTOP: Size$3, TABLET: Size$3, MOBILE: Size$3] | [XL: Size$3, L: Size$3, M: Size$3, S: Size$3, XS: Size$3, XXS: Size$3];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$2;
+    sizeXXS?: Size$3;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$2;
+    sizeXS?: Size$3;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$2;
+    sizeS?: Size$3;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$2;
+    sizeM?: Size$3;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$2;
+    sizeL?: Size$3;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$2;
+    sizeXL?: Size$3;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$2, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$3, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -4533,37 +4533,37 @@ interface AccordionBaseProps extends ResponsiveSizeProps<Size$2>, ResponsiveMarg
      *
      * @general
      * @default undefined */
-    margin?: Margin$2 | [DESKTOP: Margin$2, TABLET: Margin$2, MOBILE: Margin$2] | [XL: Margin$2, L: Margin$2, M: Margin$2, S: Margin$2, XS: Margin$2, XXS: Margin$2];
+    margin?: Margin$3 | [DESKTOP: Margin$3, TABLET: Margin$3, MOBILE: Margin$3] | [XL: Margin$3, L: Margin$3, M: Margin$3, S: Margin$3, XS: Margin$3, XXS: Margin$3];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$2;
+    marginXXS?: Margin$3;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$2;
+    marginXS?: Margin$3;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$2;
+    marginS?: Margin$3;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$2;
+    marginM?: Margin$3;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$2;
+    marginL?: Margin$3;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$2;
+    marginXL?: Margin$3;
 }
 type AccordionProps = AccordionBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof AccordionBaseProps>;
 
@@ -4632,9 +4632,9 @@ interface SwitchProps extends ResponsiveSizeProps<SwitchSize>, Omit<React.Compon
  */
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps>;
 
-type Size$1 = 'l' | 'm' | 's';
-type Margin$1 = number | string;
-interface TabListTabBaseProps extends ResponsiveSizeProps<Size$1>, ResponsiveMarginProps {
+type Size$2 = 'l' | 'm' | 's';
+type Margin$2 = number | string;
+interface TabListTabBaseProps extends ResponsiveSizeProps<Size$2>, ResponsiveMarginProps {
     /**
      * Идентификатор.
      *
@@ -4729,43 +4729,43 @@ interface TabListTabBaseProps extends ResponsiveSizeProps<Size$1>, ResponsiveMar
      *
      * @general
      * @default 's' */
-    size?: Size$1 | [DESKTOP: Size$1, TABLET: Size$1, MOBILE: Size$1] | [XL: Size$1, L: Size$1, M: Size$1, S: Size$1, XS: Size$1, XXS: Size$1];
+    size?: Size$2 | [DESKTOP: Size$2, TABLET: Size$2, MOBILE: Size$2] | [XL: Size$2, L: Size$2, M: Size$2, S: Size$2, XS: Size$2, XXS: Size$2];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$1;
+    sizeXXS?: Size$2;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$1;
+    sizeXS?: Size$2;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$1;
+    sizeS?: Size$2;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$1;
+    sizeM?: Size$2;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$1;
+    sizeL?: Size$2;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$1;
+    sizeXL?: Size$2;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$1, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$2, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -4773,37 +4773,37 @@ interface TabListTabBaseProps extends ResponsiveSizeProps<Size$1>, ResponsiveMar
      *
      * @general
      * @default undefined */
-    margin?: Margin$1 | [DESKTOP: Margin$1, TABLET: Margin$1, MOBILE: Margin$1] | [XL: Margin$1, L: Margin$1, M: Margin$1, S: Margin$1, XS: Margin$1, XXS: Margin$1];
+    margin?: Margin$2 | [DESKTOP: Margin$2, TABLET: Margin$2, MOBILE: Margin$2] | [XL: Margin$2, L: Margin$2, M: Margin$2, S: Margin$2, XS: Margin$2, XXS: Margin$2];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$1;
+    marginXXS?: Margin$2;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$1;
+    marginXS?: Margin$2;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$1;
+    marginS?: Margin$2;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$1;
+    marginM?: Margin$2;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$1;
+    marginL?: Margin$2;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$1;
+    marginXL?: Margin$2;
 }
 type TabListTabProps = TabListTabBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof TabListTabBaseProps>;
 
@@ -4819,11 +4819,11 @@ type TabListTabProps = TabListTabBaseProps & Omit<React.ComponentPropsWithRef<'b
  */
 declare const TabListTab: React.ForwardRefExoticComponent<TabListTabProps>;
 
-type Size = 'l' | 'm' | 's';
+type Size$1 = 'l' | 'm' | 's';
 type Variant = 'underlined' | 'filled' | 'clear';
 type Layout = 'vertical' | 'horizontal';
-type Margin = number | string;
-interface TabListBaseProps extends ResponsiveSizeProps<Size>, ResponsiveLayoutProps<Layout>, ResponsiveMarginProps {
+type Margin$1 = number | string;
+interface TabListBaseProps extends ResponsiveSizeProps<Size$1>, ResponsiveLayoutProps<Layout>, ResponsiveMarginProps {
     /**
      * Идентификатор активного таба в начальном состоянии.
      *
@@ -4964,43 +4964,43 @@ interface TabListBaseProps extends ResponsiveSizeProps<Size>, ResponsiveLayoutPr
      *
      * @general
      * @default 's' */
-    size?: Size | [DESKTOP: Size, TABLET: Size, MOBILE: Size] | [XL: Size, L: Size, M: Size, S: Size, XS: Size, XXS: Size];
+    size?: Size$1 | [DESKTOP: Size$1, TABLET: Size$1, MOBILE: Size$1] | [XL: Size$1, L: Size$1, M: Size$1, S: Size$1, XS: Size$1, XXS: Size$1];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size;
+    sizeXXS?: Size$1;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size;
+    sizeXS?: Size$1;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size;
+    sizeS?: Size$1;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size;
+    sizeM?: Size$1;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size;
+    sizeL?: Size$1;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size;
+    sizeXL?: Size$1;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$1, React.CSSProperties>>;
     /**
      * Вариант шаблона лейаута.
      *
@@ -5046,40 +5046,40 @@ interface TabListBaseProps extends ResponsiveSizeProps<Size>, ResponsiveLayoutPr
      *
      * @general
      * @default undefined */
-    margin?: Margin | [DESKTOP: Margin, TABLET: Margin, MOBILE: Margin] | [XL: Margin, L: Margin, M: Margin, S: Margin, XS: Margin, XXS: Margin];
+    margin?: Margin$1 | [DESKTOP: Margin$1, TABLET: Margin$1, MOBILE: Margin$1] | [XL: Margin$1, L: Margin$1, M: Margin$1, S: Margin$1, XS: Margin$1, XXS: Margin$1];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin;
+    marginXXS?: Margin$1;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin;
+    marginXS?: Margin$1;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin;
+    marginS?: Margin$1;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin;
+    marginM?: Margin$1;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin;
+    marginL?: Margin$1;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin;
+    marginXL?: Margin$1;
 }
 type TabListProps = TabListBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof TabListBaseProps>;
-interface TabListPanelBaseProps extends ResponsiveSizeProps<Size>, ResponsiveMarginProps {
+interface TabListPanelBaseProps extends ResponsiveSizeProps<Size$1>, ResponsiveMarginProps {
     /**
      * Идентификатор ассоциированного таба.
      *
@@ -5278,7 +5278,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$a | '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$a, number>): ReturnType<typeof css>;
+declare function buildMediaQuery(value: number | Size$b | '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$b, number>): ReturnType<typeof css>;
 declare const desktopFirst: (a: string, b: string) => number;
 declare const mobileFirst: (a: string, b: string) => number;
 
@@ -7065,147 +7065,253 @@ declare const FuseSearchKeys: {
     readonly tags: "tags";
 };
 
-type DropdownSize = 'l' | 'm' | 's';
-type DropdownStatus = 'success' | 'error';
+type Size = 'l' | 'm' | 's';
+type MenuSize = 'l' | 'm' | 's' | 'fluid';
+type Margin = number | string;
 type DropdownOption = {
-    /** Уникальный идентификатор (при сабмите используется в паре с name) */
+    /**
+     * Уникальный идентификатор.
+     *
+     * При сабмите используется вместе с name контрола.
+     */
     value: string;
-    /** Цветовая схема для валидации */
-    status?: DropdownStatus;
-    /** Текст для отображения в инпуте и в выпадающем меню (учитывается при текстовом поиске) */
+    /**
+     * Цветовая схема.
+     */
+    status?: 'success' | 'error';
+    /**
+     * Выбор опции отключен.
+     */
+    disabled?: boolean;
+    /**
+     * Текст для отображения в инпуте и в выпадающем меню.
+     *
+     * Учитывается при текстовом поиске.
+     */
     [FuseSearchKeys.text]: string;
-    /** Текст для отображения в инпуте, при отсутствии будет использован `text` (учитывается при текстовом поиске) */
+    /**
+     * Текст для отображения в инпуте, при отсутствии будет использован text.
+     *
+     * Учитывается при текстовом поиске.
+     */
     [FuseSearchKeys.label]?: string;
-    /** Ассоциативные теги (учитывается при текстовом поиске) */
+    /**
+     * Ассоциативные теги.
+     *
+     * Учитываются при текстовом поиске.
+     */
     [FuseSearchKeys.tags]?: string[];
 };
-type DropdownMenuNoOptionsProps = {
-    loading?: boolean;
-    loadingMessage?: JSX.Element | string;
-    loadingIcon?: JSX.Element | IconName;
-    loadingIconProps?: IconProps;
-    emptyMessage?: JSX.Element | string;
-    emptyIcon?: JSX.Element | IconName;
-    emptyIconProps?: IconProps;
-};
-interface DropdownMenuProps extends MenuComponentProps, DropdownMenuNoOptionsProps {
-    expanseDirectionLeft?: boolean;
-    empty?: boolean;
-    open?: boolean;
-    renderInPortal?: boolean;
-    popperReferenceId?: string;
-    setRef: Dispatch<SetStateAction<Nullable<HTMLElement>>>;
-    zIndex?: number;
-}
-interface DropdownProps extends ResponsiveSizeProps<DropdownSize>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
+interface DropdownBaseProps extends ResponsiveSizeProps<Size>, ResponsiveMarginProps {
     /**
-     * Атрибут autofocus для текстового инпута
+     * Атрибут autofocus для текстового инпута.
+     *
      * @default false */
     autoFocus?: boolean;
     /**
-     * Закрывать выпадающее меню при скролле
+     * Закрывать выпадающее меню при скролле.
+     *
      * @default false */
     closeMenuOnScroll?: boolean;
     /**
-     * Элемент, при скролле которого будет закрыто выпадающее меню, если `closeMenuOnScroll=true`
-     * @default "document" */
+     * Элемент, при скролле которого будет закрыто выпадающее меню, если `closeMenuOnScroll=true`.
+     *
+     * @default 'document' */
     scrollMonitorTarget?: RefObject<HTMLElement> | HTMLElement | string | null;
     /**
-     * Адаптировать цветовую схему для контрастного фона
+     * Адаптировать цветовую схему для контрастного фона.
+     *
      * @default false */
     contrast?: boolean;
     /**
      * Выбранная текущая опция или опции.
-     * Значение отличное от undefined включает контролируемый режим выбора опций
+     *
+     * Значение отличное от undefined включает контролируемый режим выбора опций.
+     *
+     * @general
      * @default undefined */
     selectedOption?: DropdownOption | null | DropdownOption[];
     /**
-     * Выбранная по умолчанию опция или опции
+     * Выбранная по умолчанию опция или опции.
+     *
+     * @general
      * @default undefined */
     defaultSelectedOption?: DropdownOption | DropdownOption[];
     /**
-     * Отключение автоскролла до выбранной опции при открытии меню, если включен мод одиночного выбора
+     * Отключение автоскролла до выбранной опции при открытии меню, если включен мод одиночного выбора.
+     *
      * @default false */
     disableAutoScrollToSelectedOption?: boolean;
     /**
-     * Интерактивность отключена
+     * Интерактивность отключена.
+     *
+     * @general
      * @default false */
     disabled?: boolean;
     /**
-     * Отображать контрол для сброса выбранной опции, если включен мод одиночного выбора
+     * Отображать контрол для сброса выбранной опции, если включен мод одиночного выбора.
+     *
+     * @general
      * @default false */
     clearable?: boolean;
     /**
-     * Иконка для отображения с левого края
+     * Иконка для отображения с левого края.
+     *
      * @default undefined */
     icon?: JSX.Element | IconName;
     /**
-     * Пропсы для иконки с левого края
+     * Пропсы для иконки с левого края.
+     *
      * @default {} */
     iconProps?: IconProps;
     /**
-     * Отбражать компонент на одной линии с другими
+     * Отбражать компонент на одной линии с другими.
+     *
      * @default false */
     inline?: boolean;
     /**
-     * Тип браузерной виртуальной клавиатуры
+     * Тип браузерной виртуальной клавиатуры.
+     *
      * @default undefined */
     inputMode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
     /**
-     * Текст для лейбла текстового инпута
+     * Текст для лейбла текстового инпута.
+     *
+     * @general
      * @default undefined */
     label?: React.ReactNode;
     /**
-     * Положение текста лейбла текстового инпута
-     * @default "dynamic" */
+     * Положение текста лейбла текстового инпута.
+     *
+     * @general
+     * @default 'dynamic' */
     labelPosition?: 'dynamic' | 'top' | 'center';
     /**
-     * Использовать состояние загрузки выпадающего меню
+     * Использовать состояние загрузки выпадающего меню.
+     *
+     * @general
      * @default false */
     loading?: boolean;
     /**
-     * Текст для состояния загрузки выпадающего меню
+     * Текст для состояния загрузки выпадающего меню.
+     *
      * @default undefined */
     loadingMessage?: JSX.Element | string;
     /**
-     * Иконка для состояния загрузки выпадающего меню
-     * @default "loaderFill" */
+     * Иконка для состояния загрузки выпадающего меню.
+     *
+     * @default 'loaderFill' */
     loadingIcon?: JSX.Element | IconName;
     /**
-     * Пропсы для иконки состояния загрузки выпадающего меню
+     * Пропсы для иконки состояния загрузки выпадающего меню.
+     *
      * @default {} */
     loadingIconProps?: IconProps;
     /**
-     * Максимальная длина строки текстового ввода
+     * Максимальная длина строки текстового ввода.
+     *
      * @default undefined */
     maxLength?: number;
     /**
-     * Пропсы конфигурации для выпадающего меню
+     * Пропсы конфигурации для выпадающего меню.
+     *
      * @default {} */
-    menuProps?: Pick<DropdownMenuProps, 'size' | 'sizeXL' | 'sizeL' | 'sizeM' | 'sizeS' | 'sizeXS' | 'sizeXXS' | 'sizes' | 'expanseDirectionLeft' | 'renderInPortal' | 'zIndex'>;
+    menuProps?: {
+        /**
+         * Рендер меню в портале.
+         *
+         * @default false
+         */
+        renderInPortal?: boolean;
+        /**
+         * Направление расширения меню, если его ширина отличается от ширины  компонента.
+         *
+         * По дефолту меню расширяется вправо.
+         *
+         * @default false
+         */
+        expanseDirectionLeft?: boolean;
+        /**
+         * z-index для элемента меню.
+         *
+         * @default undefined
+         */
+        zIndex?: number;
+        /**
+         * Размер меню.
+         *
+         * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+         *
+         * @default 'fluid' */
+        size?: MenuSize | [DESKTOP: MenuSize, TABLET: MenuSize, MOBILE: MenuSize] | [XL: MenuSize, L: MenuSize, M: MenuSize, S: MenuSize, XS: MenuSize, XXS: MenuSize];
+        /**
+         * Размер меню для XXS брейкпоинта.
+         *
+         * @default undefined */
+        sizeXXS?: MenuSize;
+        /**
+         * Размер меню для XS брейкпоинта.
+         *
+         * @default undefined */
+        sizeXS?: MenuSize;
+        /**
+         * Размер меню для S брейкпоинта.
+         *
+         * @default undefined */
+        sizeS?: MenuSize;
+        /**
+         * Размер меню для M брейкпоинта.
+         *
+         * @default undefined */
+        sizeM?: MenuSize;
+        /**
+         * Размер меню для L брейкпоинта.
+         *
+         * @default undefined */
+        sizeL?: MenuSize;
+        /**
+         * Размер меню для XL брейкпоинта.
+         *
+         * @default undefined */
+        sizeXL?: MenuSize;
+        /**
+         * Модификация размеров.
+         *
+         * @default SIZES_MENU */
+        sizes?: Partial<Record<MenuSize, React.CSSProperties>>;
+    };
     /**
-     * Включить мод множественного выбора
+     * Включить мод множественного выбора.
+     *
+     * @general
      * @default false */
     multiple?: boolean;
     /**
-     * Значение для атрибута name инпутов, которые хранят value выбранных опций
-     * @default "fox-dropdown" */
+     * Значение для атрибута name инпутов, которые хранят value выбранных опций.
+     *
+     * @general
+     * @default 'fox-dropdown' */
     name?: string;
     /**
-     * Колбек, который будет вызван при изменении значения текстового инпута
+     * Колбек, который будет вызван при изменении значения текстового инпута.
+     *
      * @default undefined */
     onChangeInput?: (value: string) => void;
     /**
-     * Колбек, который будет вызван при закрытии выпадающего меню
+     * Колбек, который будет вызван при закрытии выпадающего меню.
+     *
      * @default undefined */
     onCloseMenu?: () => void;
     /**
-     * Колбек, который будет вызван при открытии выпадающего меню
+     * Колбек, который будет вызван при открытии выпадающего меню.
+     *
      * @default undefined */
     onOpenMenu?: () => void;
     /**
      * Колбек, который будет вызван при выборе опции.
-     * Получает аргументом текущую выбранную опцию, опции или null
+     * Получает аргументом текущую выбранную опцию, опции или null.
+     *
+     * @general
      * @default undefined */
     onSelectOption?: (selectedOption: DropdownOption | null | DropdownOption[]) => void;
     /**
@@ -7213,43 +7319,57 @@ interface DropdownProps extends ResponsiveSizeProps<DropdownSize>, ResponsiveMar
      *
      * Или начальный набор опции при пустой строке в инпуте текстового ввода (асинхронный поиск).
      *
+     * @general
      * @default undefined */
     options?: DropdownOption[];
     /**
      * Колбек, который возвращает промис с резолвом опций, которые релевантны значению в инпуте текстового ввода.
      *
-     * Пустая строка в аргументе должна соответствовать начальному набору опций (если не используется `options`).
+     * Пустая строка в аргументе должна соответствовать начальному набору опций (если не используется options).
      *
      * Использование пропа включает асинхронный поиск опций.
+     *
+     * @general
      * @default undefined */
     loadOptions?: (inputValue: string) => Promise<DropdownOption[]>;
     /**
-     * Группировать выбранные опции в выпадающем меню, если включен мод множественного выбора
+     * Группировать выбранные опции в выпадающем меню, если включен мод множественного выбора.
+     *
+     * @general
      * @default false */
     groupSelectedOptions?: boolean;
     /**
-     * Отображать специальный контрол для массового выбора опций, если включен мод множественного выбора
+     * Отображать специальный контрол для массового выбора опций, если включен мод множественного выбора.
+     *
+     * @general
      * @default true */
     optionsMultiToggle?: boolean;
     /**
-     * Текст рядом со специальным контролом для массового выбора опций
+     * Текст рядом со специальным контролом для массового выбора опций.
+     *
+     * @general
      * @default undefined */
     optionsMultiToggleCaption?: JSX.Element | string;
     /**
-     * Текстовый статус для состояния выпадающего меню, при котором нет подходящих опций
+     * Текстовый статус для состояния выпадающего меню, при котором нет подходящих опций.
+     *
      * @default undefined */
     optionsEmptyMessage?: JSX.Element | string;
     /**
-     * Иконка для пустого состояния выпадающего меню
-     * @default "redo" */
+     * Иконка для пустого состояния выпадающего меню.
+     *
+     * @default 'redo' */
     optionsEmptyIcon?: JSX.Element | IconName;
     /**
-     * Пропсы для иконки пустого состояния выпадающего меню
+     * Пропсы для иконки пустого состояния выпадающего меню.
+     *
      * @default {} */
     optionsEmptyIconProps?: IconProps;
     /**
-     * Пользовательские цвета
-     * @default undefined */
+     * Кастомные цвета.
+     *
+     * @general
+     * @default {} */
     palette?: {
         color?: Color;
         colorDisabled?: Color;
@@ -7266,52 +7386,143 @@ interface DropdownProps extends ResponsiveSizeProps<DropdownSize>, ResponsiveMar
         menuBorderColor?: Color;
     };
     /**
-     * Подсказка в инпуте текстового ввода
+     * Подсказка в инпуте текстового ввода.
+     *
      * @default undefined */
     placeholder?: string;
     /**
-     * Вариант цветовой схемы
+     * Вариант цветовой схемы.
+     *
+     * @general
      * @default true */
     primary?: boolean;
     /**
-     * Нельзя изменить текущее состояние, но можно взаимодействовать
+     * Нельзя изменить текущее состояние, но можно взаимодействовать.
+     *
      * @default false */
     readOnly?: boolean;
     /**
-     * Сделать выбор опции обязательным
+     * Сделать выбор опции обязательным.
+     *
      * @default false */
     required?: boolean;
     /**
-     * Возможность текстового ввода для поиска опций
+     * Возможность текстового ввода для поиска опций.
+     *
+     * @general
      * @default true */
     searchable?: boolean;
     /**
-     * Вариант цветовой схемы
+     * Вариант цветовой схемы.
+     *
+     * @general
      * @default false */
     secondary?: boolean;
     /**
-     * Цветовая схема для валидации
+     * Цветовая схема для валидации.
+     *
      * @default undefined */
-    status?: DropdownStatus;
+    status?: 'success' | 'error';
     /**
-     * Идентификатор ассоциированной формы
+     * Идентификатор ассоциированной формы.
+     *
      * @default undefined */
     form?: string;
     /**
-     * z-index для рутового элемента
+     * z-index для рутового элемента.
+     *
      * @default undefined */
     zIndex?: number;
+    /**
+     * Размер.
+     *
+     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default 'm' */
+    size?: Size | [DESKTOP: Size, TABLET: Size, MOBILE: Size] | [XL: Size, L: Size, M: Size, S: Size, XS: Size, XXS: Size];
+    /**
+     * Размер для XXS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXXS?: Size;
+    /**
+     * Размер для XS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXS?: Size;
+    /**
+     * Размер для S брейкпоинта.
+     *
+     * @default undefined */
+    sizeS?: Size;
+    /**
+     * Размер для M брейкпоинта.
+     *
+     * @default undefined */
+    sizeM?: Size;
+    /**
+     * Размер для L брейкпоинта.
+     *
+     * @default undefined */
+    sizeL?: Size;
+    /**
+     * Размер для XL брейкпоинта.
+     *
+     * @default undefined */
+    sizeXL?: Size;
+    /**
+     * Модификация размеров.
+     *
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size, React.CSSProperties>>;
+    /**
+     * Внешние отступы.
+     *
+     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default undefined */
+    margin?: Margin | [DESKTOP: Margin, TABLET: Margin, MOBILE: Margin] | [XL: Margin, L: Margin, M: Margin, S: Margin, XS: Margin, XXS: Margin];
+    /**
+     * Отступ для XXS брейкпоинта.
+     *
+     * @default undefined */
+    marginXXS?: Margin;
+    /**
+     * Отступ для XS брейкпоинта.
+     *
+     * @default undefined */
+    marginXS?: Margin;
+    /**
+     * Отступ для S брейкпоинта.
+     *
+     * @default undefined */
+    marginS?: Margin;
+    /**
+     * Отступ для M брейкпоинта.
+     *
+     * @default undefined */
+    marginM?: Margin;
+    /**
+     * Отступ для L брейкпоинта.
+     *
+     * @default undefined */
+    marginL?: Margin;
+    /**
+     * Отступ для XL брейкпоинта.
+     *
+     * @default undefined */
+    marginXL?: Margin;
 }
+type DropdownProps = DropdownBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof DropdownBaseProps | 'children'>;
 
 /**
  *
- * Компонент поддерживает все атрибуты \<div\> элемента.
- *
- * Можно передать "ref", который будет ассоциирован с рутовым элементом.
+ * Компонент для выбора одной или нескольких опций из числа доступных.
  *
- * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.
- *
- * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Dropdown/types.ts).
+ * Поддерживается "ref" и все нативные атрибуты \<div\> элемента.
  */
 declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps>;
 
@@ -7350,4 +7561,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$a 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$b 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 };