@foxford/ui 2.200.0-beta-5ef03d0-20260310 → 2.222.0-beta-e421dbf-20260416

package/dts/index.d.ts

@@ -882,8 +882,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$p = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type SizeValue$1 = Size$p | CSSGlobalValue | number;
+type Size$q = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue$1 = Size$q | CSSGlobalValue | number;
 type Breakpoint$1 = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
 type Orientation = 'landscape' | 'portrait';
 type Color = keyof typeof ColorNames | CSSColor;
@@ -897,6 +897,8 @@ type WithThemePreset<T> = T & {
     preset: ThemePreset;
 };
 type DomTarget<T extends HTMLElement = HTMLElement> = Nullable<T> | React.MutableRefObject<Nullable<T>>;
+type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+type ComponentElementType = React.ElementType;
 
 interface BaseProps {
     preset?: ThemePreset;
@@ -943,13 +945,19 @@ interface ToolbarControl<T = Record<string, unknown>> {
 type PlaygroundToolbar<T = Record<string, unknown>> = Record<string, ToolbarControl<T>[] | ToolbarControl<T>[][]>;
 type WrappedComponentProps = {
     preset?: ThemePreset;
-    sizes?: Partial<Record<Size$p, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$q, React.CSSProperties>>;
     palette?: Partial<Record<ColorPaletteKey, Color>>;
 };
 type WithMergedPropsOptions<T extends WrappedComponentProps> = {
     displayName: string;
     sizes: Record<KeysOfUnion<T['sizes']>, React.CSSProperties> | ((props: WithThemePreset<T>) => Record<KeysOfUnion<T['sizes']>, React.CSSProperties>);
 };
+type PolymorphicProps<C extends React.ElementType, P> = {
+    component?: C;
+} & P & Omit<React.ComponentPropsWithoutRef<C>, keyof P | 'component'>;
+type PolymorphicPropsWithRef<C extends React.ElementType, P> = PolymorphicProps<C, P> & {
+    ref?: PolymorphicRef<C>;
+};
 
 /**
  * Converts HEX color code to RGB(A) string
@@ -992,21 +1000,21 @@ declare const adultDarkTheme: DefaultTheme;
 /**
  * Value for breakpoint
  */
-type PossibleValues = number | Size$p | 'auto' | 'initial' | 'inherit' | boolean;
+type PossibleValues = number | Size$q | '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$p> = 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$p, number>) => () => () => FlattenSimpleInterpolation | null;
+type ResponsiveProperty<V = number | Size$q> = 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$q, 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$p, number>;
+    predefinedSizes?: Record<Size$q, number>;
 }
 /**
  * Миксин для генерации media запросов
@@ -1107,7 +1115,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     /** Кастомные цвета */
     palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
 }
-interface TextProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps, 
+interface TextProps extends ResponsiveSizeProps<Size$q, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated */
 DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
     /** Применение присета стилей и размеров */
@@ -1512,6 +1520,7 @@ type IconName$1 =
   | 'plusFill'
   | 'editFill'
   | 'gridPlusFill'
+  | 'sbMono'
   | 'maxSocial'
   | 'youtubeAltSocial'
   | 'whatsappSocialFill'
@@ -1532,6 +1541,9 @@ type IconName$1 =
   | 'houseFill'
   | 'doubleXpFill'
   | 'medalFill'
+  | 'rightAlignmentFill'
+  | 'arrowShiftCapsFill'
+  | 'arrowShiftFill'
   | 'chevronDownSmallFill'
   | 'chevronUpSmallFill'
   | 'chevronRightSmallFill'
@@ -1619,6 +1631,7 @@ type IconName$1 =
   | 'chevronDownRightFill'
   | 'cornerDownRightFill'
   | 'foxCoin'
+  | 'maxSocialColor'
   | 'sbSpasiboGradientColor'
   | 'sbSpasiboColor'
   | 'youtubeAltSocialColor'
@@ -1648,6 +1661,8 @@ type IconName$1 =
   | 'educontAuthorization'
   | 'appleAuthorization'
   | 'tinkoffAuthorization'
+  | 'arrowShiftCaps'
+  | 'arrowShift'
   | 'backArrow'
   | 'backChevron'
   | 'chevronDownSmall'
@@ -2869,11 +2884,11 @@ type IconISOCode =
   | 'af'
 
 type SizeIcon = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Size$o = SizeIcon | number | 'inherit';
-type Margin$f = number | string;
+type Size$p = SizeIcon | number | 'inherit';
+type Margin$g = number | string;
 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 = IconName$1 | IconNameDefault | IconISOCode;
-interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$o>, ResponsiveMarginProps {
+interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$p>, ResponsiveMarginProps {
     /**
      * Версия компонента: v3 ("brand") или v2 ("default").
      *
@@ -2910,37 +2925,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$o>, Responsiv
      *
      * @general
      * @default 'inherit' */
-    size?: Size$o | [DESKTOP: Size$o, TABLET: Size$o, MOBILE: Size$o] | [XL: Size$o, L: Size$o, M: Size$o, S: Size$o, XS: Size$o, XXS: Size$o];
+    size?: Size$p | [DESKTOP: Size$p, TABLET: Size$p, MOBILE: Size$p] | [XL: Size$p, L: Size$p, M: Size$p, S: Size$p, XS: Size$p, XXS: Size$p];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$o;
+    sizeXXS?: Size$p;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$o;
+    sizeXS?: Size$p;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$o;
+    sizeS?: Size$p;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$o;
+    sizeM?: Size$p;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$o;
+    sizeL?: Size$p;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$o;
+    sizeXL?: Size$p;
     /**
      * Модификация размеров.
      *
@@ -2954,37 +2969,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$o>, Responsiv
      *
      * @general
      * @default undefined */
-    margin?: Margin$f | [DESKTOP: Margin$f, TABLET: Margin$f, MOBILE: Margin$f] | [XL: Margin$f, L: Margin$f, M: Margin$f, S: Margin$f, XS: Margin$f, XXS: Margin$f];
+    margin?: Margin$g | [DESKTOP: Margin$g, TABLET: Margin$g, MOBILE: Margin$g] | [XL: Margin$g, L: Margin$g, M: Margin$g, S: Margin$g, XS: Margin$g, XXS: Margin$g];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$f;
+    marginXXS?: Margin$g;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$f;
+    marginXS?: Margin$g;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$f;
+    marginS?: Margin$g;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$f;
+    marginM?: Margin$g;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$f;
+    marginL?: Margin$g;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$f;
+    marginXL?: Margin$g;
     /** @ignore @deprecated */
     as?: React.ElementType;
 }
@@ -2998,15 +3013,6 @@ type IconProps = IconBaseProps & Omit<React.ComponentPropsWithRef<'span'>, keyof
  */
 declare const Icon: React.ForwardRefExoticComponent<IconProps>;
 
-type ComponentProp<Component extends React.ElementType> = {
-    component?: Component;
-};
-type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
-type ElementProps<C extends React.ElementType, PropsToOmit extends PropertyKey = never> = Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit>;
-type PolymorphicComponentProps<C extends React.ElementType, Props> = ComponentProp<C> & Props & ElementProps<C, keyof Props | 'component'> & {
-    ref?: PolymorphicRef<C>;
-};
-
 /**
  * A URL pathname, beginning with a /.
  *
@@ -3061,7 +3067,7 @@ interface Path {
  *
  * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location
  */
-interface Location$1 extends Path {
+interface Location extends Path {
     /**
      * A value of arbitrary data associated with this location.
      *
@@ -3079,10 +3085,10 @@ interface Location$1 extends Path {
     key: Key;
 }
 
-type Size$n = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type SizeValue = Size$n | 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer' | number;
-type Margin$e = number | string;
-interface AnchorProps extends ResponsiveSizeProps<Size$n, SizeValue>, ResponsiveMarginProps, 
+type Size$o = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue = Size$o | 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer' | number;
+type Margin$f = number | string;
+interface AnchorProps extends ResponsiveSizeProps<Size$o, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use children as function */
@@ -3168,7 +3174,7 @@ DisplayProperty {
      *
      * @general
      * @default 'a' */
-    component?: React.ElementType;
+    component?: ComponentElementType;
     /**
      * Размер.
      *
@@ -3212,7 +3218,7 @@ DisplayProperty {
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$n, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$o, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -3220,41 +3226,41 @@ DisplayProperty {
      *
      * @general
      * @default undefined */
-    margin?: Margin$e | [DESKTOP: Margin$e, TABLET: Margin$e, MOBILE: Margin$e] | [XL: Margin$e, L: Margin$e, M: Margin$e, S: Margin$e, XS: Margin$e, XXS: Margin$e];
+    margin?: Margin$f | [DESKTOP: Margin$f, TABLET: Margin$f, MOBILE: Margin$f] | [XL: Margin$f, L: Margin$f, M: Margin$f, S: Margin$f, XS: Margin$f, XXS: Margin$f];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$e;
+    marginXXS?: Margin$f;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$e;
+    marginXS?: Margin$f;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$e;
+    marginS?: Margin$f;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$e;
+    marginM?: Margin$f;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$e;
+    marginL?: Margin$f;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$e;
+    marginXL?: Margin$f;
     /** @ignore @deprecated */
     replace?: boolean;
     /** @ignore */
-    to?: string | Partial<Location$1> | ((location: Location$1) => string | Partial<Location$1>);
+    to?: string | Partial<Location> | ((location: Location) => string | Partial<Location>);
     /** @ignore @deprecated Use component */
     as?: React.ElementType<any>;
     /** @ignore @deprecated Use children */
@@ -3264,19 +3270,20 @@ DisplayProperty {
     /** @ignore @deprecated */
     wrapper?: boolean;
 }
-type PolymorphicAnchorProps = PolymorphicComponentProps<'a', AnchorProps>;
 
 /**
  *
  * Контрол многоцелевого назначения.
  *
- * Полиморфный компонент. Поддерживает ref и нативные атрибуты выбранного HTML-элемента (по умолчанию \<a\>).
+ * Полиморфный компонент.
+ *
+ * Можно передать "ref" и атрибуты выбранного HTML-элемента (по умолчанию \<a\>).
  */
-declare const Anchor: <C extends React.ElementType = "a">(props: PolymorphicComponentProps<C, AnchorProps>) => React.ReactElement | null;
+declare const Anchor: <C extends React.ElementType = "a">(props: PolymorphicPropsWithRef<C, AnchorProps>) => React.ReactElement | null;
 
-type Size$m = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$d = number | string;
-interface ButtonBaseProps extends ResponsiveSizeProps<Size$m>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
+type Size$n = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$e = number | string;
+interface ButtonBaseProps extends ResponsiveSizeProps<Size$n>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
 /** @deprecated */
 ColorProperty, 
 /** @deprecated */
@@ -3413,7 +3420,7 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
      * Использовать компонент ссылки из контекста вместо кнопки (`theme.link`).
      *
      * @default undefined */
-    to?: string | Partial<Location$1> | ((location: Location$1) => string | Partial<Location$1>);
+    to?: string | Partial<Location> | ((location: Location) => string | Partial<Location>);
     /**
      * Использовать элемент ссылки вместо кнопки (`<a>`).
      *
@@ -3447,43 +3454,43 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
      *
      * @general
      * @default 'm' */
-    size?: Size$m | [DESKTOP: Size$m, TABLET: Size$m, MOBILE: Size$m] | [XL: Size$m, L: Size$m, M: Size$m, S: Size$m, XS: Size$m, XXS: Size$m];
+    size?: Size$n | [DESKTOP: Size$n, TABLET: Size$n, MOBILE: Size$n] | [XL: Size$n, L: Size$n, M: Size$n, S: Size$n, XS: Size$n, XXS: Size$n];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$m;
+    sizeXXS?: Size$n;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$m;
+    sizeXS?: Size$n;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$m;
+    sizeS?: Size$n;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$m;
+    sizeM?: Size$n;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$m;
+    sizeL?: Size$n;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$m;
+    sizeXL?: Size$n;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$m, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$n, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -3491,37 +3498,37 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
      *
      * @general
      * @default undefined */
-    margin?: Margin$d | [DESKTOP: Margin$d, TABLET: Margin$d, MOBILE: Margin$d] | [XL: Margin$d, L: Margin$d, M: Margin$d, S: Margin$d, XS: Margin$d, XXS: Margin$d];
+    margin?: Margin$e | [DESKTOP: Margin$e, TABLET: Margin$e, MOBILE: Margin$e] | [XL: Margin$e, L: Margin$e, M: Margin$e, S: Margin$e, XS: Margin$e, XXS: Margin$e];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$d;
+    marginXXS?: Margin$e;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$d;
+    marginXS?: Margin$e;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$d;
+    marginS?: Margin$e;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$d;
+    marginM?: Margin$e;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$d;
+    marginL?: Margin$e;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$d;
+    marginXL?: Margin$e;
     /** @ignore */
     primary?: boolean;
     /** @ignore */
@@ -3577,7 +3584,7 @@ interface AlertProps extends BaseProps {
         content: React.ReactNode;
         onClick(): void;
     };
-    linkProps?: PolymorphicAnchorProps;
+    linkProps?: PolymorphicPropsWithRef<'a', AnchorProps>;
     /** Use alert without icon */
     noIcon?: boolean;
     /** You can cancel the action if the timer has not expired yet */
@@ -3612,9 +3619,9 @@ interface AlertProps extends BaseProps {
 
 declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
 
-type Size$l = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$c = number | string;
-interface ArrowProps extends ResponsiveSizeProps<Size$l, SizeValue$1>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
+type Size$m = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$d = number | string;
+interface ArrowProps extends ResponsiveSizeProps<Size$m, SizeValue$1>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
     /**
      * Версия компонента: v3 ("brand") или v2 ("default").
      *
@@ -3696,43 +3703,43 @@ interface ArrowProps extends ResponsiveSizeProps<Size$l, SizeValue$1>, Responsiv
      *
      * @general
      * @default 'l' */
-    size?: Size$l | [DESKTOP: Size$l, TABLET: Size$l, MOBILE: Size$l] | [XL: Size$l, L: Size$l, M: Size$l, S: Size$l, XS: Size$l, XXS: Size$l];
+    size?: Size$m | [DESKTOP: Size$m, TABLET: Size$m, MOBILE: Size$m] | [XL: Size$m, L: Size$m, M: Size$m, S: Size$m, XS: Size$m, XXS: Size$m];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$l;
+    sizeXXS?: Size$m;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$l;
+    sizeXS?: Size$m;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$l;
+    sizeS?: Size$m;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$l;
+    sizeM?: Size$m;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$l;
+    sizeL?: Size$m;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$l;
+    sizeXL?: Size$m;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$l, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$m, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -3740,37 +3747,37 @@ interface ArrowProps extends ResponsiveSizeProps<Size$l, SizeValue$1>, Responsiv
      *
      * @general
      * @default undefined */
-    margin?: Margin$c | [DESKTOP: Margin$c, TABLET: Margin$c, MOBILE: Margin$c] | [XL: Margin$c, L: Margin$c, M: Margin$c, S: Margin$c, XS: Margin$c, XXS: Margin$c];
+    margin?: Margin$d | [DESKTOP: Margin$d, TABLET: Margin$d, MOBILE: Margin$d] | [XL: Margin$d, L: Margin$d, M: Margin$d, S: Margin$d, XS: Margin$d, XXS: Margin$d];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$c;
+    marginXXS?: Margin$d;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$c;
+    marginXS?: Margin$d;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$c;
+    marginS?: Margin$d;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$c;
+    marginM?: Margin$d;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$c;
+    marginL?: Margin$d;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$c;
+    marginXL?: Margin$d;
     /** @ignore */
     inverse?: boolean;
     /** @ignore @deprecated */
@@ -3787,8 +3794,8 @@ interface ArrowProps extends ResponsiveSizeProps<Size$l, SizeValue$1>, Responsiv
  */
 declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
 
-type Size$k = 'xl' | 'l' | 'm' | 's' | 'xs';
-interface InputCheckboxProps extends ResponsiveSizeProps<Size$k>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
+type Size$l = 'xl' | 'l' | 'm' | 's' | 'xs';
+interface InputCheckboxProps extends ResponsiveSizeProps<Size$l>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
     /**
      * Текущее состояние контрола (использование включает контролируемый режим).
      *
@@ -3865,43 +3872,43 @@ interface InputCheckboxProps extends ResponsiveSizeProps<Size$k>, Omit<React.Com
      *
      * @general
      * @default 'm' */
-    size?: Size$k | [DESKTOP: Size$k, TABLET: Size$k, MOBILE: Size$k] | [XL: Size$k, L: Size$k, M: Size$k, S: Size$k, XS: Size$k, XXS: Size$k];
+    size?: Size$l | [DESKTOP: Size$l, TABLET: Size$l, MOBILE: Size$l] | [XL: Size$l, L: Size$l, M: Size$l, S: Size$l, XS: Size$l, XXS: Size$l];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$k;
+    sizeXXS?: Size$l;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$k;
+    sizeXS?: Size$l;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$k;
+    sizeS?: Size$l;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$k;
+    sizeM?: Size$l;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$k;
+    sizeL?: Size$l;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$k;
+    sizeXL?: Size$l;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$k, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$l, React.CSSProperties>>;
     /** @ignore @deprecated */
     onColored?: boolean;
 }
@@ -3950,8 +3957,8 @@ declare enum SizeInput {
     xs = 140
 }
 
-type Size$j = 'l' | 'm' | 's' | 'xs';
-interface TextareaBaseProps extends ResponsiveSizeProps<Size$j>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
+type Size$k = 'l' | 'm' | 's' | 'xs';
+interface TextareaBaseProps extends ResponsiveSizeProps<Size$k>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
     /**
      * Автоматически адаптировать число строк под контент.
      *
@@ -4106,7 +4113,7 @@ type ArrowBadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface ArrowBadgeProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps, 
+interface ArrowBadgeProps extends ResponsiveSizeProps<Size$q, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -4148,9 +4155,9 @@ ColorProperty<'backgroundColor'>, Omit<React.ComponentPropsWithRef<'div'>, 'colo
  */
 declare const ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps>;
 
-type Size$i = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$b = number | string;
-interface TabProps extends ResponsiveSizeProps<Size$i, SizeValue$1>, ResponsiveMarginProps, 
+type Size$j = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$c = number | string;
+interface TabProps extends ResponsiveSizeProps<Size$j, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -4241,43 +4248,43 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
      *
      * @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>>;
     /**
      * Внешние отступы.
      *
@@ -4285,37 +4292,37 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
      *
      * @general
      * @default undefined */
-    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];
+    margin?: Margin$c | [DESKTOP: Margin$c, TABLET: Margin$c, MOBILE: Margin$c] | [XL: Margin$c, L: Margin$c, M: Margin$c, S: Margin$c, XS: Margin$c, XXS: Margin$c];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$b;
+    marginXXS?: Margin$c;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$b;
+    marginXS?: Margin$c;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$b;
+    marginS?: Margin$c;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$b;
+    marginM?: Margin$c;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$b;
+    marginL?: Margin$c;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$b;
+    marginXL?: Margin$c;
     /** @ignore */
     compact?: boolean;
     /** @ignore */
@@ -4340,7 +4347,7 @@ type BadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface BadgeProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps, 
+interface BadgeProps extends ResponsiveSizeProps<Size$q, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty, 
 /** @deprecated Use children as function */
@@ -4393,9 +4400,9 @@ DisplayProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'>
  */
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps>;
 
-type Size$h = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
-type Margin$a = number | string;
-interface IconButtonBaseProps extends ResponsiveSizeProps<Size$h>, ResponsiveMarginProps {
+type Size$i = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
+type Margin$b = number | string;
+interface IconButtonBaseProps extends ResponsiveSizeProps<Size$i>, ResponsiveMarginProps {
     /**
      * Кастомные цвета.
      *
@@ -4453,43 +4460,43 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$h>, ResponsiveMar
      *
      * @general
      * @default 'm' */
-    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>>;
     /**
      * Внешние отступы.
      *
@@ -4497,37 +4504,37 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$h>, ResponsiveMar
      *
      * @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;
 }
 type IconButtonProps = IconButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof IconButtonBaseProps>;
 
@@ -4770,14 +4777,14 @@ declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
     Component: typeof TooltipComponent;
 };
 
-type Size$g = 'xl' | 'l' | 'm' | 's' | 'xs';
+type Size$h = 'xl' | 'l' | 'm' | 's' | 'xs';
 type Layout$5 = 'vertical' | 'horizontal';
 type PopoverComponentPalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$g>, ResponsiveLayoutProps<Layout$5> {
+interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$h>, ResponsiveLayoutProps<Layout$5> {
     /**
      * Кастомные цвета.
      *
@@ -4888,9 +4895,9 @@ type PopoverComponentProps = PopoverComponentBaseProps & Omit<React.ComponentPro
 
 declare const PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps>;
 
-type Size$f = 's' | 'xl' | 'l' | 'm' | 'xs';
+type Size$g = 's' | 'xl' | 'l' | 'm' | 'xs';
 type Layout$4 = 'vertical' | 'horizontal';
-interface PopoverBaseProps extends ResponsiveSizeProps<Size$f>, ResponsiveLayoutProps<Layout$4> {
+interface PopoverBaseProps extends ResponsiveSizeProps<Size$g>, ResponsiveLayoutProps<Layout$4> {
     /**
      * Кастомные цвета.
      *
@@ -5106,43 +5113,43 @@ interface PopoverBaseProps extends ResponsiveSizeProps<Size$f>, ResponsiveLayout
      *
      * @general
      * @default 's' */
-    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];
+    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];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$f;
+    sizeXXS?: Size$g;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$f;
+    sizeXS?: Size$g;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$f;
+    sizeS?: Size$g;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$f;
+    sizeM?: Size$g;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$f;
+    sizeL?: Size$g;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$f;
+    sizeXL?: Size$g;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$f, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$g, React.CSSProperties>>;
     /**
      * Вариант шаблона лейаута.
      *
@@ -5220,182 +5227,388 @@ type ProgressLinePalette = {
 };
 interface ProgressLineProps extends ResponsiveSizeProps<ProgressLineSize>, ResponsiveMarginProps, React.ComponentPropsWithRef<'div'> {
     /**
-     * Значение, которое показывает, какая часть процесса завершена.
+     * Значение, которое показывает, какая часть процесса завершена.
+     *
+     * Валидные диапазоны: 0 <= `value` <= `max`; 0 <= `value` <= 1 (если `max` не используется).
+     *
+     * Если этот проп не используется, компонент находится в indeterminate состоянии.
+     * @default undefined */
+    value?: number;
+    /**
+     * Значение, которое показывает, сколько `value` требуется для завершения процесса.
+     *
+     * Валидное значение: `max` > 0.
+     * @default 1 */
+    max?: number;
+    /**
+     * Внешний вид с иконкой.
+     *
+     * По дефолту используется starFill c поворотом влево.
+     * @default undefined */
+    fancy?: boolean;
+    /**
+     * Пропсы для компонента иконки.
+     * @default {} */
+    iconProps?: Partial<IconProps>;
+    /**
+     * Кастомные цвета.
+     * @default undefined */
+    palette?: Partial<Record<keyof ProgressLinePalette, Color>>;
+}
+
+/**
+ *
+ * Компонент поддерживает все атрибуты \<div\> элемента.
+ *
+ * Переданный "ref" будет ассоциирован с рутовым элементом.
+ *
+ * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.
+ *
+ * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressLine/types.ts).
+ */
+declare const ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps>;
+
+type ProgressCircleSize = 'xl' | 'l' | 'm' | 's';
+type ProgressCirclePalette = {
+    barColor: CSSColor;
+    trackColor: CSSColor;
+};
+interface ProgressCircleProps$1 extends ResponsiveSizeProps<ProgressCircleSize>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
+    /**
+     * Значение, которое показывает, какая часть процесса завершена.
+     *
+     * Валидные диапазоны: 0 <= `value` <= `max`; 0 <= `value` <= 1 (если `max` не используется).
+     *
+     * Если этот проп не используется, компонент находится в indeterminate состоянии.
+     * @default undefined */
+    value?: number;
+    /**
+     * Значение, которое показывает, сколько `value` требуется для завершения процесса.
+     *
+     * Валидное значение: `max` > 0.
+     * @default 1 */
+    max?: number;
+    /**
+     * Кастомные цвета.
+     * @default undefined */
+    palette?: Partial<Record<keyof ProgressCirclePalette, Color>>;
+    /**
+     * Центрированный контент.
+     *
+     * При использовании функции в аргументе будут переданы пропсы размеров, а также `value`, `max` и `percent`.
+     * @default undefined */
+    children?: React.ReactNode | ((props: {
+        value?: number;
+        max: number;
+        percent: number;
+        sizeProps: Pick<ProgressCircleProps$1, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL'>;
+    }) => React.ReactNode);
+}
+
+/**
+ *
+ * Компонент поддерживает все атрибуты \<div\> элемента.
+ *
+ * Переданный "ref" будет ассоциирован с рутовым элементом.
+ *
+ * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.
+ *
+ * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressCircle/types.ts).
+ */
+declare const ProgressCircle$1: React.ForwardRefExoticComponent<ProgressCircleProps$1>;
+
+type SkeletonPalette = {
+    color: CSSColor;
+    gradientColor: CSSColor;
+    gradientHighlightColor: CSSColor;
+};
+interface SkeletonProps extends ResponsiveMarginProps, React.ComponentPropsWithRef<'div'> {
+    /** Element to infer sizing */
+    children?: React.ReactNode;
+    /** Custom colors */
+    palette?: Partial<Record<keyof SkeletonPalette, Color>>;
+    /** Display 'inline-block' */
+    inline?: boolean;
+    /** Root border-radius: 50% */
+    round?: boolean;
+    /** Root border-radius */
+    borderRadius?: string | number;
+    /** Root width */
+    width?: string | number;
+    /** Root height */
+    height?: string | number;
+    /** Value (ms) to control animation speed */
+    animationDuration?: number;
+    /** Delay to animation start (ms) to avoid flicker at fast connection */
+    animationDelay?: number;
+    /** Appearance variant */
+    primary?: boolean;
+    /** Appearance variant */
+    secondary?: boolean;
+    /** Appearance variant */
+    onColored?: boolean;
+    /** Root node type */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+}
+
+/**
+ *
+ * Component accepts all \<div\> attributes.
+ *
+ * Responsive "margin" props are supported.
+ *
+ * Exposed "ref" attached to root node.
+ *
+ * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Skeleton/types.ts)
+ */
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps>;
+
+type Size$f = 'xs' | 's' | 'm' | 'l' | 'xl';
+type Margin$a = number | string;
+interface ListItemProps extends ResponsiveSizeProps<Size$f>, ResponsiveMarginProps {
+    /**
+     * Компонент рутового элемента.
+     *
+     * @general
+     * @default 'button' */
+    component?: ComponentElementType;
+    /**
+     * Кастомные цвета.
+     *
+     * @general
+     * @default {} */
+    palette?: {
+        color?: Color;
+        colorHover?: Color;
+        colorActive?: Color;
+        colorDisabled?: Color;
+        backgroundColor?: Color;
+        backgroundColorHover?: Color;
+        backgroundColorActive?: Color;
+        backgroundColorDisabled?: Color;
+    };
+    /**
+     * Кастомный рутовый блок.
+     *
+     * Использование компонента только как контейнера.
+     *
+     * @slot
+     * @default undefined */
+    children?: React.ReactElement | ((rootProps: {
+        textProps: TextProps;
+        captionProps: TextProps;
+        skeletonProps: SkeletonProps;
+    }) => React.ReactNode);
+    /**
+     * Кастомный контентный блок.
+     *
+     * @slot
+     * @default undefined */
+    content?: React.ReactElement | ((contentProps: {
+        textProps: TextProps;
+        captionProps: TextProps;
+    }) => React.ReactNode);
+    /**
+     * Основной текстовый контент.
+     *
+     * Если передана строка или число используется встроенная типографика.
+     *
+     * @slot
+     * @default undefined */
+    text?: React.ReactNode | ((textProps: TextProps) => React.ReactNode);
+    /**
+     * Дополнительный тектовый контент.
+     *
+     * Если передана строка или число используется встроенная типографика.
+     *
+     * @slot
+     * @default undefined */
+    caption?: React.ReactNode | ((captionProps: TextProps) => React.ReactNode);
+    /**
+     * Дополнительные элементы слева.
+     *
+     * @slot
+     * @default undefined */
+    addonLeft?: React.ReactElement;
+    /**
+     * Дополнительные элементы справа.
+     *
+     * @slot
+     * @default undefined */
+    addonRight?: React.ReactElement;
+    /**
+     * Кастомный лейаут при загрузке.
+     *
+     * @slot
+     * @default undefined */
+    loadingLayout?: React.ReactElement | ((loadingLayoutProps: {
+        textProps: TextProps;
+        captionProps: TextProps;
+        skeletonProps: SkeletonProps;
+    }) => React.ReactNode);
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default true */
+    primary?: boolean;
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default false */
+    secondary?: boolean;
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default false */
+    danger?: boolean;
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default false */
+    success?: boolean;
+    /**
+     * Активное визуальное состояние.
+     *
+     * @default false */
+    active?: boolean;
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default false */
+    contrast?: boolean;
+    /**
+     * Вариант цветовой схемы.
+     *
+     * Интерактивность будет отключена если рутовый элемент поддерживает атрибут.
+     *
+     * @general
+     * @default false */
+    disabled?: boolean;
+    /**
+     * Использование скелетонов вместо контента.
+     *
+     * @general
+     * @default false */
+    loading?: boolean;
+    /**
+     * Скругление краев (px).
+     *
+     * @general
+     * @default 0 */
+    borderRadius?: number;
+    /**
+     * Отображение иконки шеврона справа.
+     *
+     * @general
+     * @default false */
+    withChevron?: boolean;
+    /**
+     * Размер.
+     *
+     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default 's' */
+    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 брейкпоинта.
      *
-     * Валидные диапазоны: 0 <= `value` <= `max`; 0 <= `value` <= 1 (если `max` не используется).
+     * @default undefined */
+    sizeXXS?: Size$f;
+    /**
+     * Размер для XS брейкпоинта.
      *
-     * Если этот проп не используется, компонент находится в indeterminate состоянии.
      * @default undefined */
-    value?: number;
+    sizeXS?: Size$f;
     /**
-     * Значение, которое показывает, сколько `value` требуется для завершения процесса.
+     * Размер для S брейкпоинта.
      *
-     * Валидное значение: `max` > 0.
-     * @default 1 */
-    max?: number;
+     * @default undefined */
+    sizeS?: Size$f;
     /**
-     * Внешний вид с иконкой.
+     * Размер для M брейкпоинта.
      *
-     * По дефолту используется starFill c поворотом влево.
      * @default undefined */
-    fancy?: boolean;
+    sizeM?: Size$f;
     /**
-     * Пропсы для компонента иконки.
-     * @default {} */
-    iconProps?: Partial<IconProps>;
+     * Размер для L брейкпоинта.
+     *
+     * @default undefined */
+    sizeL?: Size$f;
     /**
-     * Кастомные цвета.
+     * Размер для XL брейкпоинта.
+     *
      * @default undefined */
-    palette?: Partial<Record<keyof ProgressLinePalette, Color>>;
-}
-
-/**
- *
- * Компонент поддерживает все атрибуты \<div\> элемента.
- *
- * Переданный "ref" будет ассоциирован с рутовым элементом.
- *
- * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.
- *
- * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressLine/types.ts).
- */
-declare const ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps>;
-
-type ProgressCircleSize = 'xl' | 'l' | 'm' | 's';
-type ProgressCirclePalette = {
-    barColor: CSSColor;
-    trackColor: CSSColor;
-};
-interface ProgressCircleProps$1 extends ResponsiveSizeProps<ProgressCircleSize>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
+    sizeXL?: Size$f;
     /**
-     * Значение, которое показывает, какая часть процесса завершена.
+     * Модификация размеров.
      *
-     * Валидные диапазоны: 0 <= `value` <= `max`; 0 <= `value` <= 1 (если `max` не используется).
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size$f, React.CSSProperties>>;
+    /**
+     * Внешние отступы.
      *
-     * Если этот проп не используется, компонент находится в indeterminate состоянии.
+     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
+     *
+     * @general
      * @default undefined */
-    value?: number;
+    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];
     /**
-     * Значение, которое показывает, сколько `value` требуется для завершения процесса.
+     * Отступ для XXS брейкпоинта.
      *
-     * Валидное значение: `max` > 0.
-     * @default 1 */
-    max?: number;
+     * @default undefined */
+    marginXXS?: Margin$a;
     /**
-     * Кастомные цвета.
+     * Отступ для XS брейкпоинта.
+     *
      * @default undefined */
-    palette?: Partial<Record<keyof ProgressCirclePalette, Color>>;
+    marginXS?: Margin$a;
     /**
-     * Центрированный контент.
+     * Отступ для S брейкпоинта.
      *
-     * При использовании функции в аргументе будут переданы пропсы размеров, а также `value`, `max` и `percent`.
      * @default undefined */
-    children?: React.ReactNode | ((props: {
-        value?: number;
-        max: number;
-        percent: number;
-        sizeProps: Pick<ProgressCircleProps$1, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL'>;
-    }) => React.ReactNode);
-}
-
-/**
- *
- * Компонент поддерживает все атрибуты \<div\> элемента.
- *
- * Переданный "ref" будет ассоциирован с рутовым элементом.
- *
- * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.
- *
- * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressCircle/types.ts).
- */
-declare const ProgressCircle$1: React.ForwardRefExoticComponent<ProgressCircleProps$1>;
-
-type ListItemPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    mediaPlaceholderColor: CSSColor;
-};
-interface ListItemProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, 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 */
-    children?: React.ReactNode | ((props: Required<Pick<ListItemProps, 'textProps' | 'captionProps'>>) => React.ReactNode);
-    /** Control to render (checkbox, radio, button, etc.) */
-    control?: JSX.Element | ((props: Required<Pick<ListItemProps, 'size'>> & Pick<ListItemProps, 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'onColored' | 'disabled'>) => JSX.Element);
-    /** Control position on horizontal axis */
-    controlPosition?: 'left' | 'right';
-    /** Icons before and after content */
-    icon?: JSX.Element | IconName | [Nullable<JSX.Element | IconName>, Nullable<JSX.Element | IconName>];
-    /** Props for icon components */
-    iconProps?: IconProps;
-    /** Media to display */
-    media?: React.ComponentPropsWithoutRef<'img'> | JSX.Element;
-    /** Media border-radius */
-    mediaBorderRadius?: string | number;
-    /** Main text (alternative to children) */
-    text?: React.ReactNode;
-    /** Props for main text component */
-    textProps?: TextProps;
-    /** Additional text */
-    caption?: React.ReactNode;
-    /** Props for caption text component */
-    captionProps?: TextProps;
-    /** Caption position relative to main text */
-    captionPosition?: 'top' | 'bottom';
-    /** Additional components */
-    addon?: React.ReactNode;
-    /** Custom colors */
-    palette?: Partial<Record<keyof ListItemPalette, Color>>;
-    /** Root border-radius */
-    borderRadius?: string | number;
-    /** Apply text-overflow: ellipsis; to text content (default true) */
-    ellipsis?: boolean;
-    /** Appearance variant */
-    primary?: boolean;
-    /** Appearance variant */
-    secondary?: boolean;
-    /** Appearance variant */
-    danger?: boolean;
-    /** Appearance variant */
-    success?: boolean;
-    /** Appearance variant */
-    active?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-    /** Appearance variant */
-    disabled?: boolean;
-    /** Appearance variant */
-    loading?: boolean;
-    /** @ignore */
-    to?: string | Partial<Location> | ((location: Location) => string | Partial<Location>);
-    /** @ignore */
-    replace?: boolean;
-    /** @ignore */
-    ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
-    /** @ignore */
-    type?: string;
+    marginS?: Margin$a;
+    /**
+     * Отступ для M брейкпоинта.
+     *
+     * @default undefined */
+    marginM?: Margin$a;
+    /**
+     * Отступ для L брейкпоинта.
+     *
+     * @default undefined */
+    marginL?: Margin$a;
+    /**
+     * Отступ для XL брейкпоинта.
+     *
+     * @default undefined */
+    marginXL?: Margin$a;
 }
 
 /**
  *
- * Component accepts all root HTML attributes.
+ * *v1.0.0*
  *
- * Responsive "size", "margin" props are supported.
+ * Компонент для вывода элемента списка.
  *
- * Exposed "ref" attached to root node.
+ * Полиморфный компонент.
  *
- * See full [ListItemProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ListItem/types.ts)
+ * Можно передать "ref" и атрибуты выбранного HTML-элемента (по умолчанию \<button\>).
  */
-declare const ListItem: React.ForwardRefExoticComponent<ListItemProps>;
+declare const ListItem: <C extends React.ElementType = "button">(props: PolymorphicPropsWithRef<C, ListItemProps>) => React.ReactElement | null;
 
 type IndicatorPalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface IndicatorProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
+interface IndicatorProps extends ResponsiveSizeProps<Size$q, SizeValue$1>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
     /** Custom colors */
     palette?: Partial<Record<keyof IndicatorPalette, Color>>;
     /** Text content */
@@ -6013,7 +6226,7 @@ interface DialogComponentBaseProps extends ResponsiveSizeProps<Size$c>, Responsi
     /**
      * Кастомные цвета.
      *
-     * @default undefined */
+     * @default {} */
     palette?: Partial<Record<keyof DialogComponentPalette, Color>>;
     /**
      * z-index рутового элемента.
@@ -6064,7 +6277,7 @@ interface DialogBaseProps extends ResponsiveSizeProps<Size$b>, ResponsiveLayoutP
      * Открыто диалоговое окно.
      *
      * @floating
-     * @default undefined */
+     * @default false */
     open: boolean;
     /**
      * Колбек, который будет вызван после открытия.
@@ -6190,7 +6403,7 @@ interface DialogBaseProps extends ResponsiveSizeProps<Size$b>, ResponsiveLayoutP
         subtitleProps: TextProps;
     }) => React.ReactNode);
     /**
-     * Текст над заголовком диалога.
+     * Текст над заголовком.
      *
      * Если передана строка или число используется встроенная типографика.
      *
@@ -6238,7 +6451,11 @@ interface DialogBaseProps extends ResponsiveSizeProps<Size$b>, ResponsiveLayoutP
      *
      * @slot
      * @default undefined */
-    body?: React.ReactNode;
+    body?: React.ReactNode | ((bodyProps: {
+        captionProps: TextProps;
+        titleProps: TextProps;
+        subtitleProps: TextProps;
+    }) => React.ReactNode);
     /**
      * Картинка для вертикального шаблона лейаута.
      *
@@ -6286,31 +6503,31 @@ interface DialogBaseProps extends ResponsiveSizeProps<Size$b>, ResponsiveLayoutP
      * В этом случае оверлей не используется и диалог рендерит область захвата.
      *
      * @floating
-     * @default undefined */
+     * @default false */
     draggable?: boolean;
     /**
      * Внешний вид со скошенным верхним сегментом.
      *
      * @general
-     * @default undefined */
+     * @default false */
     fancy?: boolean;
     /**
      * Использование скелетонов вместо реального контента.
      *
      * @general
-     * @default undefined */
+     * @default false */
     loading?: boolean;
     /**
      * Применение стилей размытия для оверлея.
      *
      * @floating
-     * @default undefined */
+     * @default false */
     overlayBlur?: boolean;
     /**
      * Оверлей не используется.
      *
      * @floating
-     * @default undefined */
+     * @default false */
     overlayDisabled?: boolean;
     /**
      * Кастомные цвета.
@@ -6331,7 +6548,7 @@ interface DialogBaseProps extends ResponsiveSizeProps<Size$b>, ResponsiveLayoutP
     /**
      * Кастомный рутовый блок.
      *
-     * Использование компонента только как контейнера.
+     * Использование компонента только как контейнер.
      *
      * @slot
      * @default undefined */
@@ -6560,7 +6777,7 @@ interface NotificationProps extends ResponsiveSizeProps<Size$a>, ResponsiveLayou
      * @slot
      * @default undefined */
     addon?: React.ReactNode | ((addonProps: {
-        anchorProps: PolymorphicAnchorProps;
+        anchorProps: AnchorProps;
         buttonProps: ButtonProps;
     }) => React.ReactNode);
     /**
@@ -6579,7 +6796,7 @@ interface NotificationProps extends ResponsiveSizeProps<Size$a>, ResponsiveLayou
         titleProps: TextProps;
         textProps: TextProps;
         buttonProps: ButtonProps;
-        anchorProps: PolymorphicAnchorProps;
+        anchorProps: AnchorProps;
         discardButtonProps: IconButtonProps;
     }) => React.ReactNode);
     /**
@@ -7936,13 +8153,19 @@ type ScrollLockParams = {
     /**
      * Контейнер, в котором разрешена прокрутка на iOS при заблокированном скролле страницы.
      */
-    iosAllowedScrollContainer?: HTMLElement;
+    iosAllowedScrollContainer?: DomTarget;
+    /**
+     * Элемент, на котором блокируется скролл.
+     *
+     * @default 'document.documentElement'
+     */
+    target?: DomTarget;
 };
 declare function useScrollLock(params: ScrollLockParams): void;
 
 declare const vAlign: (align: "top" | "middle" | "bottom" | "text-top" | "text-bottom" | "baseline") => styled_components.FlattenSimpleInterpolation;
 
-declare function buildMediaQuery(value: number | Size$p | '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$p, number>): ReturnType<typeof css>;
+declare function buildMediaQuery(value: number | Size$q | '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$q, number>): ReturnType<typeof css>;
 declare const desktopFirst: (a: string, b: string) => number;
 declare const mobileFirst: (a: string, b: string) => number;
 
@@ -9991,52 +10214,6 @@ interface FormLabelProps extends ResponsiveSizeProps<Size$2>, ResponsiveMarginPr
  */
 declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps>;
 
-type SkeletonPalette = {
-    color: CSSColor;
-    gradientColor: CSSColor;
-    gradientHighlightColor: CSSColor;
-};
-interface SkeletonProps extends ResponsiveMarginProps, React.ComponentPropsWithRef<'div'> {
-    /** Element to infer sizing */
-    children?: React.ReactNode;
-    /** Custom colors */
-    palette?: Partial<Record<keyof SkeletonPalette, Color>>;
-    /** Display 'inline-block' */
-    inline?: boolean;
-    /** Root border-radius: 50% */
-    round?: boolean;
-    /** Root border-radius */
-    borderRadius?: string | number;
-    /** Root width */
-    width?: string | number;
-    /** Root height */
-    height?: string | number;
-    /** Value (ms) to control animation speed */
-    animationDuration?: number;
-    /** Delay to animation start (ms) to avoid flicker at fast connection */
-    animationDelay?: number;
-    /** Appearance variant */
-    primary?: boolean;
-    /** Appearance variant */
-    secondary?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-    /** Root node type */
-    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
-}
-
-/**
- *
- * Component accepts all \<div\> attributes.
- *
- * Responsive "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Skeleton/types.ts)
- */
-declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps>;
-
 declare const FuseSearchKeys: {
     readonly text: "text";
     readonly label: "label";
@@ -10142,10 +10319,7 @@ interface DropdownBaseProps extends ResponsiveSizeProps<Size$1>, ResponsiveMargi
      * @general
      * @default false */
     clearable?: boolean;
-    /**
-     * Иконка для отображения с левого края.
-     *
-     * @default undefined */
+    /** @ignore @deprecated Use addonLeft */
     icon?: JSX.Element | IconName;
     /**
      * Пропсы для иконки с левого края.
@@ -10268,6 +10442,20 @@ interface DropdownBaseProps extends ResponsiveSizeProps<Size$1>, ResponsiveMargi
          * @default SIZES_MENU */
         sizes?: Partial<Record<MenuSize, React.CSSProperties>>;
     };
+    /**
+     * Дополнительные элементы слева.
+     *
+     * @slot
+     * @default undefined */
+    addonLeft?: React.ReactNode | ((addonLeftProps: {
+        iconProps: IconProps;
+    }) => React.ReactNode);
+    /**
+     * Кастомный рендер опции.
+     *
+     * @general
+     * @default undefined */
+    renderOption?: (option: DropdownOption, optionProps: RenderOptionListItemProps) => JSX.Element | null;
     /**
      * Включить мод множественного выбора.
      *
@@ -10505,6 +10693,12 @@ interface DropdownBaseProps extends ResponsiveSizeProps<Size$1>, ResponsiveMargi
     marginXL?: Margin$1;
 }
 type DropdownProps = DropdownBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof DropdownBaseProps | 'children'>;
+type RenderOptionListItemProps = ListItemProps & {
+    ref?: React.Ref<HTMLElement>;
+    role?: React.AriaRole;
+    'aria-selected'?: boolean;
+    onClick: React.MouseEventHandler<HTMLElement>;
+};
 
 /**
  *
@@ -10815,4 +11009,12 @@ declare const MediaProvider: (props: React.PropsWithChildren<{
     value: MediaMediator;
 }>) => JSX.Element;
 
-export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, AddElement, type AddElementProps, 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$1 as 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 IconISOCode, 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, Media, MediaMediator, type MediaProps, MediaProvider, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, type Orientation, 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$p as Size, type SizeValue$1 as 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 WithMergedPropsOptions, type WithThemePreset, type WrappedComponentProps, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, getDarkHoverColor, getDarkStrongHoverColor, getLightHoverColor, getLightStrongHoverColor, 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, useScrollLock, useScrollMonitor, vAlign };
+/**
+ *
+ * Хук для чтения статуса медиа матчеров.
+ *
+ * Булевые значения говорят о том совпадают ли характеристики вьюпорта с медиа кверями матчеров.
+ */
+declare const useMediaMatchers: () => Partial<Record<MediaMatcherId, boolean>>;
+
+export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, AddElement, type AddElementProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, type AnchorProps, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint$1 as 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, type ComponentElementType, 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 IconISOCode, 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, Media, MediaMediator, type MediaProps, MediaProvider, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, type Orientation, Paper, type PaperProps, type PlaygroundToolbar, type PolymorphicProps, type PolymorphicPropsWithRef, type PolymorphicRef, 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$q as Size, type SizeValue$1 as 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 WithMergedPropsOptions, type WithThemePreset, type WrappedComponentProps, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, getDarkHoverColor, getDarkStrongHoverColor, getLightHoverColor, getLightStrongHoverColor, 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, useMediaMatchers, useScrollLock, useScrollMonitor, vAlign };