@foxford/ui 2.109.0 → 2.110.0

package/dts/index.d.ts

@@ -896,8 +896,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$q = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type SizeValue$1 = Size$q | CSSGlobalValue | number;
+type Size$r = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue$1 = Size$r | CSSGlobalValue | number;
 type Breakpoint$1 = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
 type Orientation = 'landscape' | 'portrait';
 type Color = keyof typeof ColorNames | CSSColor;
@@ -959,7 +959,7 @@ 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$q, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$r, React.CSSProperties>>;
     palette?: Partial<Record<ColorPaletteKey, Color>>;
 };
 type WithMergedPropsOptions<T extends WrappedComponentProps> = {
@@ -991,21 +991,21 @@ declare function ThemeProvider(props: ThemeProviderProps): JSX.Element;
 /**
  * Value for breakpoint
  */
-type PossibleValues = number | Size$q | 'auto' | 'initial' | 'inherit' | boolean;
+type PossibleValues = number | Size$r | '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$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;
+type ResponsiveProperty<V = number | Size$r> = 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$r, 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$q, number>;
+    predefinedSizes?: Record<Size$r, number>;
 }
 /**
  * Миксин для генерации media запросов
@@ -1106,7 +1106,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     /** Кастомные цвета */
     palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
 }
-interface TextProps extends ResponsiveSizeProps<Size$q, SizeValue$1>, ResponsiveMarginProps, 
+interface TextProps extends ResponsiveSizeProps<Size$r, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated */
 DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
     /** Применение присета стилей и размеров */
@@ -2879,11 +2879,11 @@ type IconISOCode =
   | 'af'
 
 type SizeIcon = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Size$p = SizeIcon | number | 'inherit';
-type Margin$g = number | string;
+type Size$q = SizeIcon | number | 'inherit';
+type Margin$h = 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$p>, ResponsiveMarginProps {
+interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$q>, ResponsiveMarginProps {
     /**
      * Версия компонента: v3 ("brand") или v2 ("default").
      *
@@ -2920,37 +2920,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$p>, Responsiv
      *
      * @general
      * @default 'inherit' */
-    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];
+    size?: Size$q | [DESKTOP: Size$q, TABLET: Size$q, MOBILE: Size$q] | [XL: Size$q, L: Size$q, M: Size$q, S: Size$q, XS: Size$q, XXS: Size$q];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$p;
+    sizeXXS?: Size$q;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$p;
+    sizeXS?: Size$q;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$p;
+    sizeS?: Size$q;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$p;
+    sizeM?: Size$q;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$p;
+    sizeL?: Size$q;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$p;
+    sizeXL?: Size$q;
     /**
      * Модификация размеров.
      *
@@ -2964,37 +2964,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$p>, Responsiv
      *
      * @general
      * @default undefined */
-    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];
+    margin?: Margin$h | [DESKTOP: Margin$h, TABLET: Margin$h, MOBILE: Margin$h] | [XL: Margin$h, L: Margin$h, M: Margin$h, S: Margin$h, XS: Margin$h, XXS: Margin$h];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$g;
+    marginXXS?: Margin$h;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$g;
+    marginXS?: Margin$h;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$g;
+    marginS?: Margin$h;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$g;
+    marginM?: Margin$h;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$g;
+    marginL?: Margin$h;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$g;
+    marginXL?: Margin$h;
     /** @ignore @deprecated */
     as?: React.ElementType;
 }
@@ -3080,10 +3080,10 @@ interface Location extends Path {
     key: Key;
 }
 
-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, 
+type Size$p = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue = Size$p | 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer' | number;
+type Margin$g = number | string;
+interface AnchorProps extends ResponsiveSizeProps<Size$p, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use children as function */
@@ -3213,7 +3213,7 @@ DisplayProperty {
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$o, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$p, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -3221,37 +3221,37 @@ DisplayProperty {
      *
      * @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 */
     replace?: boolean;
     /** @ignore */
@@ -3276,9 +3276,9 @@ DisplayProperty {
  */
 declare const Anchor: <C extends React.ElementType = "a">(props: PolymorphicPropsWithRef<C, AnchorProps>) => React.ReactElement | null;
 
-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>, 
+type Size$o = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$f = number | string;
+interface ButtonBaseProps extends ResponsiveSizeProps<Size$o>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
 /** @deprecated */
 ColorProperty, 
 /** @deprecated */
@@ -3449,43 +3449,43 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
      *
      * @general
      * @default '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];
+    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];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$n;
+    sizeXXS?: Size$o;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$n;
+    sizeXS?: Size$o;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$n;
+    sizeS?: Size$o;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$n;
+    sizeM?: Size$o;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$n;
+    sizeL?: Size$o;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$n;
+    sizeXL?: Size$o;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$n, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$o, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -3493,37 +3493,37 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
      *
      * @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 */
     primary?: boolean;
     /** @ignore */
@@ -3614,9 +3614,9 @@ interface AlertProps extends BaseProps {
 
 declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
 
-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'> {
+type Size$n = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$e = number | string;
+interface ArrowProps extends ResponsiveSizeProps<Size$n, SizeValue$1>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
     /**
      * Версия компонента: v3 ("brand") или v2 ("default").
      *
@@ -3698,43 +3698,43 @@ interface ArrowProps extends ResponsiveSizeProps<Size$m, SizeValue$1>, Responsiv
      *
      * @general
      * @default '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];
+    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>>;
     /**
      * Внешние отступы.
      *
@@ -3742,37 +3742,37 @@ interface ArrowProps extends ResponsiveSizeProps<Size$m, SizeValue$1>, Responsiv
      *
      * @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 */
     inverse?: boolean;
     /** @ignore @deprecated */
@@ -3789,8 +3789,8 @@ interface ArrowProps extends ResponsiveSizeProps<Size$m, SizeValue$1>, Responsiv
  */
 declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
 
-type Size$l = 'xl' | 'l' | 'm' | 's' | 'xs';
-interface InputCheckboxProps extends ResponsiveSizeProps<Size$l>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
+type Size$m = 'xl' | 'l' | 'm' | 's' | 'xs';
+interface InputCheckboxProps extends ResponsiveSizeProps<Size$m>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
     /**
      * Текущее состояние контрола (использование включает контролируемый режим).
      *
@@ -3867,43 +3867,43 @@ interface InputCheckboxProps extends ResponsiveSizeProps<Size$l>, Omit<React.Com
      *
      * @general
      * @default 'm' */
-    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>>;
     /** @ignore @deprecated */
     onColored?: boolean;
 }
@@ -3952,8 +3952,8 @@ declare enum SizeInput {
     xs = 140
 }
 
-type Size$k = 'l' | 'm' | 's' | 'xs';
-interface TextareaBaseProps extends ResponsiveSizeProps<Size$k>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
+type Size$l = 'l' | 'm' | 's' | 'xs';
+interface TextareaBaseProps extends ResponsiveSizeProps<Size$l>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
     /**
      * Автоматически адаптировать число строк под контент.
      *
@@ -4108,7 +4108,7 @@ type ArrowBadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface ArrowBadgeProps extends ResponsiveSizeProps<Size$q, SizeValue$1>, ResponsiveMarginProps, 
+interface ArrowBadgeProps extends ResponsiveSizeProps<Size$r, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -4150,9 +4150,9 @@ ColorProperty<'backgroundColor'>, Omit<React.ComponentPropsWithRef<'div'>, 'colo
  */
 declare const ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps>;
 
-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, 
+type Size$k = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$d = number | string;
+interface TabProps extends ResponsiveSizeProps<Size$k, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -4243,43 +4243,43 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
      *
      * @general
      * @default 'm' */
-    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];
+    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];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$j;
+    sizeXXS?: Size$k;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$j;
+    sizeXS?: Size$k;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$j;
+    sizeS?: Size$k;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$j;
+    sizeM?: Size$k;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$j;
+    sizeL?: Size$k;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$j;
+    sizeXL?: Size$k;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$j, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$k, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -4287,37 +4287,37 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
      *
      * @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 */
     compact?: boolean;
     /** @ignore */
@@ -4342,7 +4342,7 @@ type BadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface BadgeProps extends ResponsiveSizeProps<Size$q, SizeValue$1>, ResponsiveMarginProps, 
+interface BadgeProps extends ResponsiveSizeProps<Size$r, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty, 
 /** @deprecated Use children as function */
@@ -4395,9 +4395,9 @@ DisplayProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'>
  */
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps>;
 
-type Size$i = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
-type Margin$b = number | string;
-interface IconButtonBaseProps extends ResponsiveSizeProps<Size$i>, ResponsiveMarginProps {
+type Size$j = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
+type Margin$c = number | string;
+interface IconButtonBaseProps extends ResponsiveSizeProps<Size$j>, ResponsiveMarginProps {
     /**
      * Кастомные цвета.
      *
@@ -4455,43 +4455,43 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$i>, ResponsiveMar
      *
      * @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>>;
     /**
      * Внешние отступы.
      *
@@ -4499,37 +4499,37 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$i>, ResponsiveMar
      *
      * @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;
 }
 type IconButtonProps = IconButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof IconButtonBaseProps>;
 
@@ -4772,14 +4772,14 @@ declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
     Component: typeof TooltipComponent;
 };
 
-type Size$h = 'xl' | 'l' | 'm' | 's' | 'xs';
+type Size$i = 'xl' | 'l' | 'm' | 's' | 'xs';
 type Layout$5 = 'vertical' | 'horizontal';
 type PopoverComponentPalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$h>, ResponsiveLayoutProps<Layout$5> {
+interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$i>, ResponsiveLayoutProps<Layout$5> {
     /**
      * Кастомные цвета.
      *
@@ -4890,9 +4890,9 @@ type PopoverComponentProps = PopoverComponentBaseProps & Omit<React.ComponentPro
 
 declare const PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps>;
 
-type Size$g = 's' | 'xl' | 'l' | 'm' | 'xs';
+type Size$h = 's' | 'xl' | 'l' | 'm' | 'xs';
 type Layout$4 = 'vertical' | 'horizontal';
-interface PopoverBaseProps extends ResponsiveSizeProps<Size$g>, ResponsiveLayoutProps<Layout$4> {
+interface PopoverBaseProps extends ResponsiveSizeProps<Size$h>, ResponsiveLayoutProps<Layout$4> {
     /**
      * Кастомные цвета.
      *
@@ -5108,43 +5108,43 @@ interface PopoverBaseProps extends ResponsiveSizeProps<Size$g>, ResponsiveLayout
      *
      * @general
      * @default 's' */
-    size?: Size$g | [DESKTOP: Size$g, TABLET: Size$g, MOBILE: Size$g] | [XL: Size$g, L: Size$g, M: Size$g, S: Size$g, XS: Size$g, XXS: Size$g];
+    size?: Size$h | [DESKTOP: Size$h, TABLET: Size$h, MOBILE: Size$h] | [XL: Size$h, L: Size$h, M: Size$h, S: Size$h, XS: Size$h, XXS: Size$h];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$g;
+    sizeXXS?: Size$h;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$g;
+    sizeXS?: Size$h;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$g;
+    sizeS?: Size$h;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$g;
+    sizeM?: Size$h;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$g;
+    sizeL?: Size$h;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$g;
+    sizeXL?: Size$h;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$g, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$h, React.CSSProperties>>;
     /**
      * Вариант шаблона лейаута.
      *
@@ -5358,9 +5358,9 @@ interface SkeletonProps extends ResponsiveMarginProps, React.ComponentPropsWithR
  */
 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 {
+type Size$g = 'xs' | 's' | 'm' | 'l' | 'xl';
+type Margin$b = number | string;
+interface ListItemProps extends ResponsiveSizeProps<Size$g>, ResponsiveMarginProps {
     /**
      * Компонент рутового элемента.
      *
@@ -5509,43 +5509,43 @@ interface ListItemProps extends ResponsiveSizeProps<Size$f>, ResponsiveMarginPro
      *
      * @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>>;
     /**
      * Внешние отступы.
      *
@@ -5553,37 +5553,37 @@ interface ListItemProps extends ResponsiveSizeProps<Size$f>, ResponsiveMarginPro
      *
      * @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;
 }
 
 /**
@@ -5603,7 +5603,7 @@ type IndicatorPalette = {
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface IndicatorProps extends ResponsiveSizeProps<Size$q, SizeValue$1>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
+interface IndicatorProps extends ResponsiveSizeProps<Size$r, SizeValue$1>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
     /** Custom colors */
     palette?: Partial<Record<keyof IndicatorPalette, Color>>;
     /** Text content */
@@ -5642,10 +5642,10 @@ interface IndicatorProps extends ResponsiveSizeProps<Size$q, SizeValue$1>, Respo
  */
 declare const Indicator: React.ForwardRefExoticComponent<IndicatorProps>;
 
-type Margin$9 = number | string;
-type Size$e = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs' | 'xxxxs';
-type AvatarSize = Size$e | 'sm' | number;
-interface AvatarProps extends ResponsiveSizeProps<Size$e, AvatarSize>, ResponsiveMarginProps, 
+type Margin$a = number | string;
+type Size$f = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs' | 'xxxxs';
+type AvatarSize = Size$f | 'sm' | number;
+interface AvatarProps extends ResponsiveSizeProps<Size$f, AvatarSize>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
     /**
@@ -5748,7 +5748,7 @@ ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$e, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$f, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -5756,37 +5756,37 @@ ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
      *
      * @general
      * @default undefined */
-    margin?: Margin$9 | [DESKTOP: Margin$9, TABLET: Margin$9, MOBILE: Margin$9] | [XL: Margin$9, L: Margin$9, M: Margin$9, S: Margin$9, XS: Margin$9, XXS: Margin$9];
+    margin?: Margin$a | [DESKTOP: Margin$a, TABLET: Margin$a, MOBILE: Margin$a] | [XL: Margin$a, L: Margin$a, M: Margin$a, S: Margin$a, XS: Margin$a, XXS: Margin$a];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$9;
+    marginXXS?: Margin$a;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$9;
+    marginXS?: Margin$a;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$9;
+    marginS?: Margin$a;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$9;
+    marginM?: Margin$a;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$9;
+    marginL?: Margin$a;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$9;
+    marginXL?: Margin$a;
 }
 
 /**
@@ -5799,113 +5799,263 @@ ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
  */
 declare const Avatar: React.ForwardRefExoticComponent<AvatarProps>;
 
-type ChipSize = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
-type ChipPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    borderColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    borderColorHover: CSSColor;
-    colorDisabled: CSSColor;
-    backgroundColorDisabled: CSSColor;
-    borderColorDisabled: CSSColor;
-};
-interface ChipProps extends ResponsiveSizeProps<ChipSize>, ResponsiveMarginProps, React.RefAttributes<HTMLElement>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children'> {
+type Size$e = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
+type Margin$9 = number | string;
+interface ChipProps extends ResponsiveSizeProps<Size$e>, ResponsiveMarginProps {
     /**
-     * Кастомные цвета
-     * @default undefined */
-    palette?: Partial<Record<keyof ChipPalette, Color>>;
+     * Компонент рутового элемента.
+     *
+     * @general
+     * @default 'div' */
+    component?: ComponentElementType;
+    /**
+     * Кастомные цвета.
+     *
+     * @general
+     * @default {} */
+    palette?: {
+        color?: Color;
+        backgroundColor?: Color;
+        borderColor?: Color;
+        colorHover?: Color;
+        backgroundColorHover?: Color;
+        borderColorHover?: Color;
+        colorActive?: Color;
+        backgroundColorActive?: Color;
+        borderColorActive?: Color;
+        colorActiveHover?: Color;
+        backgroundColorActiveHover?: Color;
+        borderColorActiveHover?: Color;
+        colorDisabled?: Color;
+        backgroundColorDisabled?: Color;
+        borderColorDisabled?: Color;
+    };
     /**
-     * Основной контент
+     * Кастомный рутовый блок.
+     *
+     * Использование компонента только как контейнера.
+     *
+     * @slot
      * @default undefined */
-    children?: React.ReactNode | ((props: {
-        textProps: TextProps;
-        captionProps: TextProps;
-        discardButtonProps: IconButtonProps;
+    root?: React.ReactElement | ((props: {
+        titleProps: TextProps;
+        descriptionProps: TextProps;
+        iconProps: IconProps;
+        iconButtonProps: IconButtonProps;
+        avatarProps: AvatarProps;
+        indicatorProps: IndicatorProps;
     }) => React.ReactNode);
     /**
-     * Основной текстовый контент (альтернатива `children`)
+     * Кастомный контентный блок.
+     *
+     * @slot
      * @default undefined */
-    text?: React.ReactNode;
-    /**
-     * Пропсы типографики для основного текста
-     * @default {} */
-    textProps?: TextProps;
+    content?: React.ReactElement | ((contentProps: {
+        titleProps: TextProps;
+        descriptionProps: TextProps;
+    }) => React.ReactNode);
     /**
-     * Дополнительный текстовый контент
+     * Основной контент.
+     *
+     * Если передана строка или число используется встроенная типографика.
+     *
+     * @slot
      * @default undefined */
-    caption?: React.ReactNode;
-    /**
-     * Пропсы типографики для дополнительного текста
-     * @default {} */
-    captionProps?: TextProps;
+    title?: React.ReactNode | ((titleProps: TextProps) => React.ReactNode);
     /**
-     * Иконки слева и справа от контента
+     * Дополнительный контент.
+     *
+     * Если передана строка или число используется встроенная типографика.
+     *
+     * @slot
      * @default undefined */
-    icon?: JSX.Element | IconName | [Nullable<JSX.Element | IconName>, Nullable<JSX.Element | IconName>];
-    /**
-     * Пропсы для иконок
-     * @default {} */
-    iconProps?: IconProps;
-    /**
-     * Пропсы для аватара.
-     * Для рендера нужно передать `avatarProps.src` или `avatarProps.text`
-     * @default {} */
-    avatarProps?: AvatarProps;
+    description?: React.ReactNode | ((descriptionProps: TextProps) => React.ReactNode);
     /**
-     * Пропсы для индикатора.
-     * Для рендера нужно передать `indicatorProps.children` или `indicatorProps.text`
-     * @default {} */
-    indicatorProps?: IndicatorProps;
+     * Дополнительные элементы слева.
+     *
+     * @slot
+     * @default undefined */
+    addonLeft?: React.ReactElement | ((props: {
+        iconProps: IconProps;
+        iconButtonProps: IconButtonProps;
+        avatarProps: AvatarProps;
+        indicatorProps: IndicatorProps;
+    }) => React.ReactNode);
     /**
-     * Пропсы для контрола и иконкой `close` (иконку можно поменять).
-     * Для рендера нужно передать `discardButtonProps.onClick`
-     * @default {} */
-    discardButtonProps?: Partial<IconButtonProps>;
+     * Дополнительные элементы справа.
+     *
+     * @slot
+     * @default undefined */
+    addonRight?: React.ReactElement | ((props: {
+        iconProps: IconProps;
+        iconButtonProps: IconButtonProps;
+        avatarProps: AvatarProps;
+        indicatorProps: IndicatorProps;
+    }) => React.ReactNode);
     /**
-     * Вариант цветовой схемы
+     * Вариант цветовой схемы.
+     *
+     * @general
      * @default true */
     primary?: boolean;
     /**
-     * Вариант цветовой схемы
+     * Вариант цветовой схемы.
+     *
+     * @general
      * @default false */
     secondary?: boolean;
     /**
-     * Вариант цветовой схемы
+     * Вариант цветовой схемы.
+     *
+     * @general
      * @default false */
     outline?: boolean;
     /**
-     * Вариант цветовой схемы
+     * Вариант цветовой схемы.
+     *
+     * @general
      * @default false */
     black?: boolean;
     /**
-     * Адаптировать цветовую схему для контрастного фона
+     * Вариант цветовой схемы.
+     *
+     * @general
      * @default false */
     contrast?: boolean;
     /**
-     * Интерактивность отключена
-     * @default undefined */
+     * Вариант цветовой схемы.
+     *
+     * Интерактивность будет отключена если рутовый элемент поддерживает атрибут.
+     *
+     * @general
+     * @default false */
     disabled?: boolean;
     /**
-     * Активное визуальное состояние
+     * Активное визуальное состояние.
+     *
      * @default false */
     active?: boolean;
+    /**
+     * Размер.
+     *
+     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default 'm' */
+    size?: Size$e | [DESKTOP: Size$e, TABLET: Size$e, MOBILE: Size$e] | [XL: Size$e, L: Size$e, M: Size$e, S: Size$e, XS: Size$e, XXS: Size$e];
+    /**
+     * Размер для XXS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXXS?: Size$e;
+    /**
+     * Размер для XS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXS?: Size$e;
+    /**
+     * Размер для S брейкпоинта.
+     *
+     * @default undefined */
+    sizeS?: Size$e;
+    /**
+     * Размер для M брейкпоинта.
+     *
+     * @default undefined */
+    sizeM?: Size$e;
+    /**
+     * Размер для L брейкпоинта.
+     *
+     * @default undefined */
+    sizeL?: Size$e;
+    /**
+     * Размер для XL брейкпоинта.
+     *
+     * @default undefined */
+    sizeXL?: Size$e;
+    /**
+     * Модификация размеров.
+     *
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size$e, React.CSSProperties>>;
+    /**
+     * Внешние отступы.
+     *
+     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default undefined */
+    margin?: Margin$9 | [DESKTOP: Margin$9, TABLET: Margin$9, MOBILE: Margin$9] | [XL: Margin$9, L: Margin$9, M: Margin$9, S: Margin$9, XS: Margin$9, XXS: Margin$9];
+    /**
+     * Отступ для XXS брейкпоинта.
+     *
+     * @default undefined */
+    marginXXS?: Margin$9;
+    /**
+     * Отступ для XS брейкпоинта.
+     *
+     * @default undefined */
+    marginXS?: Margin$9;
+    /**
+     * Отступ для S брейкпоинта.
+     *
+     * @default undefined */
+    marginS?: Margin$9;
+    /**
+     * Отступ для M брейкпоинта.
+     *
+     * @default undefined */
+    marginM?: Margin$9;
+    /**
+     * Отступ для L брейкпоинта.
+     *
+     * @default undefined */
+    marginL?: Margin$9;
+    /**
+     * Отступ для XL брейкпоинта.
+     *
+     * @default undefined */
+    marginXL?: Margin$9;
     /** @ignore */
     cursor?: string;
+    /** @deprecated @ignore */
+    children?: React.ReactNode | ((props: {
+        textProps: TextProps;
+        captionProps: TextProps;
+        discardButtonProps: IconButtonProps;
+    }) => React.ReactNode);
+    /** @deprecated @ignore */
+    text?: React.ReactNode;
+    /** @deprecated @ignore */
+    textProps?: TextProps;
+    /** @deprecated @ignore */
+    caption?: React.ReactNode;
+    /** @deprecated @ignore */
+    captionProps?: TextProps;
+    /** @deprecated @ignore */
+    icon?: JSX.Element | IconName | [Nullable<JSX.Element | IconName>, Nullable<JSX.Element | IconName>];
+    /** @deprecated @ignore */
+    iconProps?: IconProps;
+    /** @deprecated @ignore */
+    avatarProps?: AvatarProps;
+    /** @deprecated @ignore */
+    indicatorProps?: IndicatorProps;
+    /** @deprecated @ignore */
+    discardButtonProps?: Partial<IconButtonProps>;
 }
 
 /**
  *
- * Компонент поддерживает все нативные атрибуты рутового элемента.
+ * *v1.0.0*
  *
- * Можно передать "ref", который будет ассоциирован с рутовым элементом.
+ * Компонент для представления данных, атрибутов или действий в компактной форме.
  *
- * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.
+ * Полиморфный компонент.
  *
- * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Chip/types.ts).
+ * Можно передать "ref" и атрибуты выбранного HTML-элемента (по умолчанию \<div\>).
  */
-declare const Chip: React.ForwardRefExoticComponent<ChipProps>;
+declare const Chip: <C extends React.ElementType = "div">(props: PolymorphicPropsWithRef<C, ChipProps>) => React.ReactElement | null;
 
 type MenuComponentSize = 'l' | 'm' | 's' | 'fluid';
 type MenuComponentPalette = {
@@ -8172,7 +8322,7 @@ 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$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 function buildMediaQuery(value: number | Size$r | '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$r, number>): ReturnType<typeof css>;
 declare const desktopFirst: (a: string, b: string) => number;
 declare const mobileFirst: (a: string, b: string) => number;
 
@@ -11033,4 +11183,4 @@ declare const MediaProvider: (props: React.PropsWithChildren<{
  */
 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 };
+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$r 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 };