@foxford/ui 2.102.0 → 2.103.0-beta-bdca95a-20260331

package/dts/index.d.ts

@@ -2,7 +2,7 @@ import * as react from 'react';
 import { CSSProperties, Component, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, RefObject, PureComponent, MouseEventHandler } from 'react';
 import * as styled_components from 'styled-components';
 import { CSSObject, DefaultTheme, FlattenSimpleInterpolation, ThemeProps, Interpolation, SimpleInterpolation, css, StyledProps } from 'styled-components';
-import { Props, Placement, Styles, PopperInstance } from 'react-floater';
+import { Props, Styles, Placement, PopperInstance } from 'react-floater';
 import * as rc_scrollbars_lib_Scrollbars_types from 'rc-scrollbars/lib/Scrollbars/types';
 import * as rc_scrollbars from 'rc-scrollbars';
 import { ScrollbarsProps } from 'rc-scrollbars';
@@ -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$t = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue$1 = Size$t | 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$t, 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$t | '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$t> = 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$t, 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$t, 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$t, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated */
 DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
     /** Применение присета стилей и размеров */
@@ -2869,11 +2877,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$s = 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$o>, ResponsiveMarginProps {
+interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$s>, ResponsiveMarginProps {
     /**
      * Версия компонента: v3 ("brand") или v2 ("default").
      *
@@ -2910,37 +2918,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$s | [DESKTOP: Size$s, TABLET: Size$s, MOBILE: Size$s] | [XL: Size$s, L: Size$s, M: Size$s, S: Size$s, XS: Size$s, XXS: Size$s];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$o;
+    sizeXXS?: Size$s;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$o;
+    sizeXS?: Size$s;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$o;
+    sizeS?: Size$s;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$o;
+    sizeM?: Size$s;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$o;
+    sizeL?: Size$s;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$o;
+    sizeXL?: Size$s;
     /**
      * Модификация размеров.
      *
@@ -2954,37 +2962,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$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$f;
+    marginXXS?: Margin$h;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$f;
+    marginXS?: Margin$h;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$f;
+    marginS?: Margin$h;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$f;
+    marginM?: Margin$h;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$f;
+    marginL?: Margin$h;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$f;
+    marginXL?: Margin$h;
     /** @ignore @deprecated */
     as?: React.ElementType;
 }
@@ -2998,15 +3006,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 +3060,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 +3078,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$r = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue = Size$r | 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer' | number;
+type Margin$g = number | string;
+interface AnchorProps extends ResponsiveSizeProps<Size$r, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use children as function */
@@ -3168,7 +3167,7 @@ DisplayProperty {
      *
      * @general
      * @default 'a' */
-    component?: React.ElementType;
+    component?: ComponentElementType;
     /**
      * Размер.
      *
@@ -3212,7 +3211,7 @@ DisplayProperty {
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$n, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$r, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -3220,41 +3219,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$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$e;
+    marginXXS?: Margin$g;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$e;
+    marginXS?: Margin$g;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$e;
+    marginS?: Margin$g;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$e;
+    marginM?: Margin$g;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$e;
+    marginL?: Margin$g;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$e;
+    marginXL?: Margin$g;
     /** @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 +3263,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$q = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$f = number | string;
+interface ButtonBaseProps extends ResponsiveSizeProps<Size$q>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
 /** @deprecated */
 ColorProperty, 
 /** @deprecated */
@@ -3413,7 +3413,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 +3447,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$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$m;
+    sizeXXS?: Size$q;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$m;
+    sizeXS?: Size$q;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$m;
+    sizeS?: Size$q;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$m;
+    sizeM?: Size$q;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$m;
+    sizeL?: Size$q;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$m;
+    sizeXL?: Size$q;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$m, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$q, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -3491,37 +3491,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$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$d;
+    marginXXS?: Margin$f;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$d;
+    marginXS?: Margin$f;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$d;
+    marginS?: Margin$f;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$d;
+    marginM?: Margin$f;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$d;
+    marginL?: Margin$f;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$d;
+    marginXL?: Margin$f;
     /** @ignore */
     primary?: boolean;
     /** @ignore */
@@ -3577,7 +3577,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 +3612,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$p = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$e = number | string;
+interface ArrowProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
     /**
      * Версия компонента: v3 ("brand") или v2 ("default").
      *
@@ -3696,43 +3696,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$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$l;
+    sizeXXS?: Size$p;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$l;
+    sizeXS?: Size$p;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$l;
+    sizeS?: Size$p;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$l;
+    sizeM?: Size$p;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$l;
+    sizeL?: Size$p;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$l;
+    sizeXL?: Size$p;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$l, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$p, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -3740,37 +3740,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$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$c;
+    marginXXS?: Margin$e;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$c;
+    marginXS?: Margin$e;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$c;
+    marginS?: Margin$e;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$c;
+    marginM?: Margin$e;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$c;
+    marginL?: Margin$e;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$c;
+    marginXL?: Margin$e;
     /** @ignore */
     inverse?: boolean;
     /** @ignore @deprecated */
@@ -3787,8 +3787,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$o = 'xl' | 'l' | 'm' | 's' | 'xs';
+interface InputCheckboxProps extends ResponsiveSizeProps<Size$o>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
     /**
      * Текущее состояние контрола (использование включает контролируемый режим).
      *
@@ -3865,43 +3865,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$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$k;
+    sizeXXS?: Size$o;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$k;
+    sizeXS?: Size$o;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$k;
+    sizeS?: Size$o;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$k;
+    sizeM?: Size$o;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$k;
+    sizeL?: Size$o;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$k;
+    sizeXL?: Size$o;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$k, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$o, React.CSSProperties>>;
     /** @ignore @deprecated */
     onColored?: boolean;
 }
@@ -3950,8 +3950,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$n = 'l' | 'm' | 's' | 'xs';
+interface TextareaBaseProps extends ResponsiveSizeProps<Size$n>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
     /**
      * Автоматически адаптировать число строк под контент.
      *
@@ -4106,7 +4106,7 @@ type ArrowBadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface ArrowBadgeProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps, 
+interface ArrowBadgeProps extends ResponsiveSizeProps<Size$t, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -4148,9 +4148,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$m = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$d = number | string;
+interface TabProps extends ResponsiveSizeProps<Size$m, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -4241,43 +4241,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$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$i;
+    sizeXXS?: Size$m;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$i;
+    sizeXS?: Size$m;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$i;
+    sizeS?: Size$m;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$i;
+    sizeM?: Size$m;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$i;
+    sizeL?: Size$m;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$i;
+    sizeXL?: Size$m;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$i, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$m, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -4285,37 +4285,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$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$b;
+    marginXXS?: Margin$d;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$b;
+    marginXS?: Margin$d;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$b;
+    marginS?: Margin$d;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$b;
+    marginM?: Margin$d;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$b;
+    marginL?: Margin$d;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$b;
+    marginXL?: Margin$d;
     /** @ignore */
     compact?: boolean;
     /** @ignore */
@@ -4340,7 +4340,7 @@ type BadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface BadgeProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps, 
+interface BadgeProps extends ResponsiveSizeProps<Size$t, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty, 
 /** @deprecated Use children as function */
@@ -4393,9 +4393,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$l = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
+type Margin$c = number | string;
+interface IconButtonBaseProps extends ResponsiveSizeProps<Size$l>, ResponsiveMarginProps {
     /**
      * Кастомные цвета.
      *
@@ -4453,43 +4453,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$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$h;
+    sizeXXS?: Size$l;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$h;
+    sizeXS?: Size$l;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$h;
+    sizeS?: Size$l;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$h;
+    sizeM?: Size$l;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$h;
+    sizeL?: Size$l;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$h;
+    sizeXL?: Size$l;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$h, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$l, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -4497,37 +4497,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$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$a;
+    marginXXS?: Margin$c;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$a;
+    marginXS?: Margin$c;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$a;
+    marginS?: Margin$c;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$a;
+    marginM?: Margin$c;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$a;
+    marginL?: Margin$c;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$a;
+    marginXL?: Margin$c;
 }
 type IconButtonProps = IconButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof IconButtonBaseProps>;
 
@@ -4539,245 +4539,341 @@ type IconButtonProps = IconButtonBaseProps & Omit<React.ComponentPropsWithRef<'b
  */
 declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps>;
 
-type TooltipComponentSize = 'l' | 'm' | 's';
-type TooltipComponentPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    shadowColor: CSSColor;
-};
-interface TooltipComponentProps extends ResponsiveSizeProps<TooltipComponentSize>, Omit<React.ComponentPropsWithRef<'div'>, 'children' | 'title'> {
+type Size$k = 'm' | 's';
+interface TooltipComponentBaseProps extends ResponsiveSizeProps<Size$k> {
     /**
      * Кастомные цвета.
-     * @default undefined */
-    palette?: Partial<Record<keyof TooltipComponentPalette, Color>>;
+     *
+     * @default {} */
+    palette?: {
+        color?: Color;
+        backgroundColor?: Color;
+        shadowColor?: Color;
+    };
     /**
      * Вариант цветовой схемы.
+     *
      * @default false */
     black?: boolean;
     /**
      * Вариант цветовой схемы.
+     *
      * @default false */
     contrast?: boolean;
     /**
-     * Tекст заголовка.
+     * Кастомный рутовый блок.
+     *
+     * Использование компонента только как контейнера.
+     *
      * @default undefined */
-    title?: React.ReactNode;
-    /**
-     * Пропсы типографики для текста заголовка.
-     * @default {} */
-    titleProps?: Partial<TextProps>;
+    root?: React.ReactElement | ((rootProps: {
+        titleProps: TextProps;
+        contentProps: TextProps;
+        closeButtonProps: IconButtonProps;
+    }) => React.ReactNode);
     /**
-     * Основной текст.
+     * Кастомный блок с основным контентом.
+     *
      * @default undefined */
-    content?: React.ReactNode;
-    /**
-     * Пропсы типографики для основного текста.
-     * @default {} */
-    contentProps?: Partial<TextProps>;
+    body?: React.ReactElement | ((bodyProps: {
+        titleProps: TextProps;
+        contentProps: TextProps;
+    }) => React.ReactNode);
     /**
-     * Рендер нижнего сегмента тултипа.
+     * Заголовок.
+     *
+     * Если передана строка или число используется встроенная типографика.
      *
-     * Если используется функция, то в аргументе будут переданы пропсы размеров.
      * @default undefined */
-    footer?: React.ReactNode | ((sizeProps: Pick<TooltipComponentProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL'>) => React.ReactNode);
+    title?: React.ReactNode | ((titleProps: TextProps) => React.ReactNode);
     /**
-     * Рендер кнопки закрытия.
-     * @default false */
-    showCloseButton?: boolean;
+     * Основной текст.
+     *
+     * Если передана строка или число используется встроенная типографика.
+     *
+     * @default undefined */
+    content?: React.ReactNode | ((contentProps: TextProps) => React.ReactNode);
     /**
-     * Пропсы для кнопки закрытия.
-     * @default {} */
-    closeButtonProps?: Partial<IconButtonProps>;
+     * Кнопка закрытия.
+     *
+     * @default undefined */
+    closeButton?: React.ReactElement | ((closeButtonProps: IconButtonProps) => React.ReactNode);
     /**
      * Внешний вид с тенью.
+     *
      * @default false */
     elevated?: boolean;
     /** @ignore */
     closeFn?: () => void;
 }
+type TooltipComponentProps = TooltipComponentBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof TooltipComponentBaseProps>;
 
-/**
- *
- * Компонент поддерживает все атрибуты \<div\> элемента.
- *
- * Можно передать "ref", который будет ассоциирован с рутовым элементом.
- *
- * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.
- *
- * Полный интерфейс `TooltipComponent` можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/TooltipComponent/types.ts).
- */
 declare const TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps>;
 
-interface TooltipProps extends ResponsiveSizeProps<TooltipComponentSize>, React.RefAttributes<HTMLDivElement> {
+type Size$j = 'm' | 's';
+interface TooltipBaseProps extends ResponsiveSizeProps<Size$j> {
     /**
-     * Использовать V3 компонента (`brand`) или V2 (`default`).
-     * @default undefined */
-    preset?: ThemePreset;
+     * Версия компонента: v3 ("brand") или v2 ("default").
+     *
+     * @general
+     * @default 'default' */
+    preset?: 'default' | 'brand';
     /**
      * Кастомные цвета.
-     * @default undefined */
-    palette?: Partial<Record<keyof TooltipComponentPalette, Color>>;
+     *
+     * @general
+     * @default {} */
+    palette?: {
+        color?: Color;
+        backgroundColor?: Color;
+        shadowColor?: Color;
+    };
     /**
      * Вариант цветовой схемы.
+     *
+     * @general
      * @default false */
     black?: boolean;
     /**
      * Вариант цветовой схемы.
+     *
+     * @general
      * @default false */
     contrast?: boolean;
     /**
      * Открывать автоматически.
+     *
+     * @floating
      * @default false */
-    autoOpen?: boolean;
+    autoOpen?: Props['autoOpen'];
     /**
      * Колбек, который будет вызван при открытии или закрытии.
+     *
+     * @floating
      * @default undefined */
-    callback?: (action: 'open' | 'close', props: Props) => void;
-    /**
-     * Триггер открытия, а также якорь тултипа (если не используется проп `target`).
-     * @default undefined */
-    children?: React.ReactNode;
+    callback?: Props['callback'];
     /**
-     * Закрывать тултип при клике за пределами рутового элемента (V3).
+     * Закрывать тултип при клике за пределами рутового элемента (v3).
      *
      * Работает только если не используется проп `open`.
      * @default false */
     closeOnClickOutside?: boolean;
     /**
-     * Закрывать тултип при скролле `document` (V3).
+     * Закрывать тултип при скролле document (v3).
      *
-     * Работает только если не используется проп `open`.
+     * Работает только если не используется open.
+     *
+     * @floating
      * @default false */
     closeOnScroll?: boolean;
     /**
-     * Основной текст.
+     * Триггер открытия, а также якорь тултипа (если не используется target).
+     *
+     * @floating
      * @default undefined */
-    content?: React.ReactNode;
-    /**
-     * Пропсы типографики для основного текста.
-     * @default {} */
-    contentProps?: Partial<TextProps>;
+    trigger?: Props['children'];
     /**
-     * Отключить авто изменения положения тултипа при скролле или ресайзе.
-     * @default false */
-    disableFlip?: boolean;
+     * Отключить авто изменение положения тултипа при скролле или ресайзе.
+     *
+     * @floating
+     * @default false */
+    disableFlip?: Props['disableFlip'];
     /**
-     * Отключить использование `event='click'` вместо `event='hover'` для мобильных браузеров.
+     * Отключить использование event='click' вместо event='hover' для мобильных браузеров.
      *
-     * Работает только если не используется проп `open`.
+     * Работает только если не используется проп open.
+     *
+     * @floating
      * @default false */
-    disableHoverToClick?: boolean;
+    disableHoverToClick?: Props['disableHoverToClick'];
     /**
      * Событие для открытия тултипа.
      *
-     * Работает только если не используется проп `open`.
+     * Работает только если не используется проп open.
+     *
+     * @floating
      * @default 'click' */
-    event?: 'click' | 'hover';
+    event?: Props['event'];
     /**
-     * Отложенное закрытие если используется `event='hover'` (сек).
+     * Отложенное закрытие если используется event='hover' (сек).
      *
-     * Работает только если не используется проп `open`.
-     * @default 0.4 */
-    eventDelay?: number;
-    /**
-     * Рендер нижнего сегмента тултипа.
+     * Работает только если не используется проп open.
      *
-     * Если используется функция, то в аргументе будут переданы пропсы размеров.
-     * @default undefined */
-    footer?: React.ReactNode | ((sizeProps: Pick<TooltipProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL'>) => React.ReactNode);
+     * @floating
+     * @default 0.4 */
+    eventDelay?: Props['eventDelay'];
     /**
      * Не использовать стрелку.
+     *
+     * @floating
      * @default false */
-    hideArrow?: boolean;
+    hideArrow?: Props['hideArrow'];
     /**
      * Отступ между тултипом и якорем (px).
+     *
+     * @floating
      * @default 8 */
-    offset?: number;
+    offset?: Props['offset'];
     /**
      * Тултип открыт или закрыт.
      *
-     * Использование включает controlled режим.
+     * Использование включает контролируемый режим, в котором отдельные пропсы не имеют эффекта.
+     *
+     * @floating
      * @default undefined */
-    open?: boolean;
+    open?: Props['open'];
     /**
-     * Положение тултипа.
+     * Позиция тултипа.
+     *
+     * @floating
      * @default 'bottom' */
-    placement?: Placement;
+    position?: Props['placement'];
     /**
-     * Элемент или CSS селектор элемента для использования в качестве портала.
+     * Элемент или CSS селектор элемента для портала.
+     *
+     * @floating
      * @default undefined */
     portalElement?: Props['portalElement'];
     /**
-     * Рендер кнопки закрытия.
-     * @default false */
-    showCloseButton?: boolean;
+     * Элемент или CSS селектор элемента для якоря.
+     *
+     * @floating
+     * @default undefined */
+    target?: Props['target'];
     /**
-     * Пропсы для кнопки закрытия.
-     * @default {} */
-    closeButtonProps?: Partial<IconButtonProps>;
+     * z-index тултипа.
+     *
+     * @floating
+     * @default 100 */
+    zIndex?: number;
     /**
-     * Элемент или CSS селектор элемента для использования в качестве якоря.
+     * Кастомный рутовый блок (v3).
+     *
+     * Использование компонента только как контейнера.
+     *
+     * @slot
      * @default undefined */
-    target?: Props['target'];
+    root?: React.ReactElement | ((rootProps: {
+        titleProps: TextProps;
+        contentProps: TextProps;
+        closeButtonProps: IconButtonProps;
+    }) => React.ReactNode);
     /**
-     * Tекст заголовка.
+     * Кастомный блок с основным контентом.
+     *
+     * @slot
      * @default undefined */
-    title?: React.ReactNode;
+    body?: React.ReactElement | ((bodyProps: {
+        titleProps: TextProps;
+        contentProps: TextProps;
+    }) => React.ReactNode);
     /**
-     * Пропсы типографики для текста заголовка.
-     * @default {} */
-    titleProps?: Partial<TextProps>;
+     * Заголовок.
+     *
+     * Рендер функция поддерживается в v3.
+     *
+     * Если передана строка или число используется встроенная типографика.
+     *
+     * @slot
+     * @default undefined */
+    title?: React.ReactNode | ((titleProps: TextProps) => React.ReactNode);
     /**
-     * z-index тултипа.
-     * @default 100 */
-    zIndex?: number;
+     * Основной текст.
+     *
+     * Рендер функция поддерживается в v3.
+     *
+     * Если передана строка или число используется встроенная типографика.
+     *
+     * @slot
+     * @default undefined */
+    content?: React.ReactNode | ((contentProps: TextProps) => React.ReactNode);
+    /**
+     * Кнопка закрытия (v3).
+     *
+     * @slot
+     * @default undefined */
+    closeButton?: React.ReactElement | ((closeButtonProps: IconButtonProps) => React.ReactNode);
+    /**
+     * Размер (v3).
+     *
+     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default 's' */
+    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 брейкпоинта (v3).
+     *
+     * @default undefined */
+    sizeXXS?: Size$j;
+    /**
+     * Размер для XS брейкпоинта (v3).
+     *
+     * @default undefined */
+    sizeXS?: Size$j;
+    /**
+     * Размер для S брейкпоинта (v3).
+     *
+     * @default undefined */
+    sizeS?: Size$j;
+    /**
+     * Размер для M брейкпоинта (v3).
+     *
+     * @default undefined */
+    sizeM?: Size$j;
+    /**
+     * Размер для L брейкпоинта (v3).
+     *
+     * @default undefined */
+    sizeL?: Size$j;
+    /**
+     * Размер для XL брейкпоинта (v3).
+     *
+     * @default undefined */
+    sizeXL?: Size$j;
+    /**
+     * Модификация размеров (v3).
+     *
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size$j, React.CSSProperties>>;
     /** @ignore */
-    styles?: Partial<Styles>;
+    children?: Props['children'];
     /** @ignore */
-    component?: React.ReactElement | ((props: Pick<TooltipProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'black' | 'contrast' | 'showCloseButton' | 'closeButtonProps'> & {
-        id?: string;
-        role?: string;
-        closeFn?: () => void;
-    }) => React.ReactElement);
+    component?: React.ReactElement;
+    /** @ignore */
+    showCloseButton?: Props['showCloseButton'];
+    /** @ignore */
+    styles?: Partial<Styles>;
     /** @ignore */
     debug?: boolean;
     /** @ignore */
-    getPopper?: (popper: PopperInstance, origin: 'floater' | 'wrapper') => void;
+    getPopper?: Props['getPopper'];
     /** @ignore */
-    wrapperOptions?: {
-        offset?: number;
-        placement?: Omit<Placement, 'center'>;
-        position?: boolean;
-    };
+    wrapperOptions?: Props['wrapperOptions'];
 }
+type TooltipProps = TooltipBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof TooltipBaseProps>;
 
 /**
  *
- * Компонент поддерживает все атрибуты \<div\> элемента.
- *
- * Можно передать "ref", который будет ассоциирован с рутовым элементом.
- *
- * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.
- *
- * Компонент основан на ["react-floater"](https://www.npmjs.com/package/react-floater).
- *
- * Получить доступ к компоненту, не подключенному к библиотеке, можно через `Tooltip.Component`.
+ * *v1.0.0*
  *
- * Полный интерфейс `Tooltip` можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Tooltip/types.ts), интерфейс `Tooltip.Component` [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/TooltipComponent/types.ts).
+ * Компонент для отображения подсказок для элементов интерфейса.
  *
+ * Поддерживаются все нативные атрибуты \<div\> элемента.
  */
 declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
     Component: typeof TooltipComponent;
 };
 
-type Size$g = '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$g>, ResponsiveLayoutProps<Layout$5> {
+interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$i>, ResponsiveLayoutProps<Layout$5> {
     /**
      * Кастомные цвета.
      *
@@ -4888,9 +4984,9 @@ type PopoverComponentProps = PopoverComponentBaseProps & Omit<React.ComponentPro
 
 declare const PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps>;
 
-type Size$f = 's' | 'xl' | 'l' | 'm' | 'xs';
+type Size$h = 's' | 'xl' | 'l' | 'm' | 'xs';
 type Layout$4 = 'vertical' | 'horizontal';
-interface PopoverBaseProps extends ResponsiveSizeProps<Size$f>, ResponsiveLayoutProps<Layout$4> {
+interface PopoverBaseProps extends ResponsiveSizeProps<Size$h>, ResponsiveLayoutProps<Layout$4> {
     /**
      * Кастомные цвета.
      *
@@ -5106,43 +5202,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$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$f;
+    sizeXXS?: Size$h;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$f;
+    sizeXS?: Size$h;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$f;
+    sizeS?: Size$h;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$f;
+    sizeM?: Size$h;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$f;
+    sizeL?: Size$h;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$f;
+    sizeXL?: Size$h;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$f, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$h, React.CSSProperties>>;
     /**
      * Вариант шаблона лейаута.
      *
@@ -5310,92 +5406,291 @@ interface ProgressCircleProps$1 extends ResponsiveSizeProps<ProgressCircleSize>,
  */
 declare const ProgressCircle$1: React.ForwardRefExoticComponent<ProgressCircleProps$1>;
 
-type ListItemPalette = {
+type SkeletonPalette = {
     color: CSSColor;
-    backgroundColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    mediaPlaceholderColor: CSSColor;
+    gradientColor: CSSColor;
+    gradientHighlightColor: 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;
+interface SkeletonProps extends ResponsiveMarginProps, React.ComponentPropsWithRef<'div'> {
+    /** Element to infer sizing */
+    children?: React.ReactNode;
     /** Custom colors */
-    palette?: Partial<Record<keyof ListItemPalette, Color>>;
+    palette?: Partial<Record<keyof SkeletonPalette, Color>>;
+    /** Display 'inline-block' */
+    inline?: boolean;
+    /** Root border-radius: 50% */
+    round?: boolean;
     /** Root border-radius */
     borderRadius?: string | number;
-    /** Apply text-overflow: ellipsis; to text content (default true) */
-    ellipsis?: boolean;
+    /** 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$g = 'xs' | 's' | 'm' | 'l' | 'xl';
+type Margin$b = number | string;
+interface ListItemProps extends ResponsiveSizeProps<Size$g>, ResponsiveMarginProps {
+    /**
+     * Компонент рутового элемента.
+     *
+     * @general
+     * @default 'button' */
+    component?: ComponentElementType;
+    /**
+     * Кастомные цвета.
+     *
+     * @general
+     * @default {} */
+    palette?: {
+        color?: Color;
+        colorHover?: Color;
+        backgroundColor?: Color;
+        backgroundColorHover?: Color;
+    };
+    /**
+     * Кастомный рутовый блок.
+     *
+     * Использование компонента только как контейнера.
+     *
+     * @slot
+     * @default undefined */
+    children?: React.ReactElement | ((rootProps: {
+        textProps: TextProps;
+        captionProps: TextProps;
+    }) => 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;
-    /** Appearance variant */
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default false */
     success?: boolean;
-    /** Appearance variant */
+    /**
+     * Активное визуальное состояние.
+     *
+     * @default false */
     active?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-    /** Appearance variant */
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default false */
+    contrast?: boolean;
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default false */
     disabled?: boolean;
-    /** Appearance variant */
+    /**
+     * Использование в скелетонов вместо контента.
+     *
+     * @general
+     * @default false */
     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;
+    /**
+     * Скругление краев (px).
+     *
+     * @general
+     * @default 0 */
+    borderRadius?: number;
+    /**
+     * Вывод иконки шеврона справа.
+     *
+     * @general
+     * @default false */
+    withChevron?: boolean;
+    /**
+     * Размер.
+     *
+     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+     *
+     * @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];
+    /**
+     * Размер для XXS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXXS?: Size$g;
+    /**
+     * Размер для XS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXS?: Size$g;
+    /**
+     * Размер для S брейкпоинта.
+     *
+     * @default undefined */
+    sizeS?: Size$g;
+    /**
+     * Размер для M брейкпоинта.
+     *
+     * @default undefined */
+    sizeM?: Size$g;
+    /**
+     * Размер для L брейкпоинта.
+     *
+     * @default undefined */
+    sizeL?: Size$g;
+    /**
+     * Размер для XL брейкпоинта.
+     *
+     * @default undefined */
+    sizeXL?: Size$g;
+    /**
+     * Модификация размеров.
+     *
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size$g, React.CSSProperties>>;
+    /**
+     * Внешние отступы.
+     *
+     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
+     *
+     * @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];
+    /**
+     * Отступ для XXS брейкпоинта.
+     *
+     * @default undefined */
+    marginXXS?: Margin$b;
+    /**
+     * Отступ для XS брейкпоинта.
+     *
+     * @default undefined */
+    marginXS?: Margin$b;
+    /**
+     * Отступ для S брейкпоинта.
+     *
+     * @default undefined */
+    marginS?: Margin$b;
+    /**
+     * Отступ для M брейкпоинта.
+     *
+     * @default undefined */
+    marginM?: Margin$b;
+    /**
+     * Отступ для L брейкпоинта.
+     *
+     * @default undefined */
+    marginL?: Margin$b;
+    /**
+     * Отступ для XL брейкпоинта.
+     *
+     * @default undefined */
+    marginXL?: Margin$b;
 }
 
 /**
  *
- * 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$t, SizeValue$1>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
     /** Custom colors */
     palette?: Partial<Record<keyof IndicatorPalette, Color>>;
     /** Text content */
@@ -5434,10 +5729,10 @@ interface IndicatorProps extends ResponsiveSizeProps<Size$p, 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'> {
     /**
@@ -5540,7 +5835,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>>;
     /**
      * Внешние отступы.
      *
@@ -5548,37 +5843,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;
 }
 
 /**
@@ -5591,113 +5886,231 @@ 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;
+        colorDisabled?: Color;
+        backgroundColorDisabled?: Color;
+        borderColorDisabled?: Color;
+    };
     /**
-     * Основной контент
+     * Кастомный рутовый блок.
+     *
+     * Использование компонента только как контейнера.
+     *
+     * @slot
      * @default undefined */
-    children?: React.ReactNode | ((props: {
+    children?: React.ReactElement | ((props: {
         textProps: TextProps;
         captionProps: TextProps;
-        discardButtonProps: IconButtonProps;
+        iconProps: IconProps;
+        iconButtonProps: IconButtonProps;
+        avatarProps: AvatarProps;
+        indicatorProps: IndicatorProps;
     }) => React.ReactNode);
     /**
-     * Основной текстовый контент (альтернатива `children`)
+     * Кастомный контентный блок.
+     *
+     * @slot
      * @default undefined */
-    text?: React.ReactNode;
-    /**
-     * Пропсы типографики для основного текста
-     * @default {} */
-    textProps?: TextProps;
+    content?: React.ReactElement | ((contentProps: {
+        textProps: TextProps;
+        captionProps: TextProps;
+    }) => React.ReactNode);
     /**
-     * Дополнительный текстовый контент
+     * Основной контент.
+     *
+     * Если передана строка или число используется встроенная типографика.
+     *
+     * @slot
      * @default undefined */
-    caption?: React.ReactNode;
-    /**
-     * Пропсы типографики для дополнительного текста
-     * @default {} */
-    captionProps?: TextProps;
+    text?: React.ReactNode | ((textProps: 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;
+    caption?: React.ReactNode | ((captionProps: 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;
 }
 
 /**
  *
- * Компонент поддерживает все нативные атрибуты рутового элемента.
+ * *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 = {
@@ -6564,7 +6977,7 @@ interface NotificationProps extends ResponsiveSizeProps<Size$a>, ResponsiveLayou
      * @slot
      * @default undefined */
     addon?: React.ReactNode | ((addonProps: {
-        anchorProps: PolymorphicAnchorProps;
+        anchorProps: AnchorProps;
         buttonProps: ButtonProps;
     }) => React.ReactNode);
     /**
@@ -6583,7 +6996,7 @@ interface NotificationProps extends ResponsiveSizeProps<Size$a>, ResponsiveLayou
         titleProps: TextProps;
         textProps: TextProps;
         buttonProps: ButtonProps;
-        anchorProps: PolymorphicAnchorProps;
+        anchorProps: AnchorProps;
         discardButtonProps: IconButtonProps;
     }) => React.ReactNode);
     /**
@@ -7952,7 +8365,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$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$t | '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$t, number>): ReturnType<typeof css>;
 declare const desktopFirst: (a: string, b: string) => number;
 declare const mobileFirst: (a: string, b: string) => number;
 
@@ -8986,7 +9399,7 @@ declare class ContextMenu extends PureComponent<ContextMenuProps, {
     static defaultProps: {
         tooltipProps: {
             event: string;
-            placement: string;
+            position: string;
             offset: number;
             showCloseButton: boolean;
             styles: {
@@ -10001,52 +10414,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";
@@ -10288,7 +10655,7 @@ interface DropdownBaseProps extends ResponsiveSizeProps<Size$1>, ResponsiveMargi
      *
      * @general
      * @default undefined */
-    renderOption?: (option: DropdownOption, optionProps: ListItemProps) => JSX.Element | null;
+    renderOption?: (option: DropdownOption, optionProps: RenderOptionListItemProps) => JSX.Element | null;
     /**
      * Включить мод множественного выбора.
      *
@@ -10526,6 +10893,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>;
+};
 
 /**
  *
@@ -10836,4 +11209,4 @@ 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 };
+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, 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$t 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 };