@foxford/ui 2.105.0 → 2.106.0

package/dts/index.d.ts

@@ -882,8 +882,8 @@ type CSSColor = RGB | RGBA | HEX | CSSGlobalValue | 'currentcolor' | 'transparen
 type CSSBorderStyle = CSSGlobalValue | 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
 type CSSVerticalAlign = CSSGlobalValue | 'baseline' | 'sub' | 'super' | 'text-top' | 'text-bottom' | 'middle' | 'top' | 'bottom';
 type CSSFontWeight = CSSGlobalValue | 'normal' | 'bold' | 'lighter' | 'bolder' | number;
-type Size$p = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type SizeValue$1 = Size$p | CSSGlobalValue | number;
+type Size$q = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue$1 = Size$q | CSSGlobalValue | number;
 type Breakpoint$1 = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
 type Orientation = 'landscape' | 'portrait';
 type Color = keyof typeof ColorNames | CSSColor;
@@ -897,6 +897,8 @@ type WithThemePreset<T> = T & {
     preset: ThemePreset;
 };
 type DomTarget<T extends HTMLElement = HTMLElement> = Nullable<T> | React.MutableRefObject<Nullable<T>>;
+type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+type ComponentElementType = React.ElementType;
 
 interface BaseProps {
     preset?: ThemePreset;
@@ -943,13 +945,19 @@ interface ToolbarControl<T = Record<string, unknown>> {
 type PlaygroundToolbar<T = Record<string, unknown>> = Record<string, ToolbarControl<T>[] | ToolbarControl<T>[][]>;
 type WrappedComponentProps = {
     preset?: ThemePreset;
-    sizes?: Partial<Record<Size$p, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$q, React.CSSProperties>>;
     palette?: Partial<Record<ColorPaletteKey, Color>>;
 };
 type WithMergedPropsOptions<T extends WrappedComponentProps> = {
     displayName: string;
     sizes: Record<KeysOfUnion<T['sizes']>, React.CSSProperties> | ((props: WithThemePreset<T>) => Record<KeysOfUnion<T['sizes']>, React.CSSProperties>);
 };
+type PolymorphicProps<C extends React.ElementType, P> = {
+    component?: C;
+} & P & Omit<React.ComponentPropsWithoutRef<C>, keyof P | 'component'>;
+type PolymorphicPropsWithRef<C extends React.ElementType, P> = PolymorphicProps<C, P> & {
+    ref?: PolymorphicRef<C>;
+};
 
 /**
  * Converts HEX color code to RGB(A) string
@@ -982,21 +990,21 @@ declare function ThemeProvider(props: ThemeProviderProps): JSX.Element;
 /**
  * Value for breakpoint
  */
-type PossibleValues = number | Size$p | 'auto' | 'initial' | 'inherit' | boolean;
+type PossibleValues = number | Size$q | 'auto' | 'initial' | 'inherit' | boolean;
 type PropsProperties = 'size' | 'fontSize' | 'height' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'fluid';
 type CalcProperty = (_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null;
 type CssProperty = string | CalcProperty;
 type ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
 type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = Partial<Record<`${T}${ResponsiveKeys}`, V>>;
-type ResponsiveProperty<V = number | Size$p> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
-declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$p, number>) => () => () => FlattenSimpleInterpolation | null;
+type ResponsiveProperty<V = number | Size$q> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
+declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$q, number>) => () => () => FlattenSimpleInterpolation | null;
 interface ResponsiveNamedPropertyPayload<T extends PropsProperties> {
     sizes: ResponsiveNamedProperty<T>;
     cssProperty: CssProperty;
     sizing?: null | string;
     customSizeHandler?: (_value: PossibleValues) => PossibleValues;
     sort?: (_a: string, _b: string) => number;
-    predefinedSizes?: Record<Size$p, number>;
+    predefinedSizes?: Record<Size$q, number>;
 }
 /**
  * Миксин для генерации media запросов
@@ -1097,7 +1105,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     /** Кастомные цвета */
     palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
 }
-interface TextProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps, 
+interface TextProps extends ResponsiveSizeProps<Size$q, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated */
 DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
     /** Применение присета стилей и размеров */
@@ -2866,11 +2874,11 @@ type IconISOCode =
   | 'af'
 
 type SizeIcon = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Size$o = SizeIcon | number | 'inherit';
-type Margin$f = number | string;
+type Size$p = SizeIcon | number | 'inherit';
+type Margin$g = number | string;
 type IconNameDefault = 'book' | 'blackBoard' | 'burger' | 'eye' | 'email' | 'sort' | 'unsort' | 'person' | 'diamond' | 'diamondFilled' | 'infoInverse' | 'list' | 'login' | 'logout' | 'fire' | 'camps' | 'cart' | 'clock' | 'clockFilled' | 'courses' | 'discount' | 'externat' | 'headphones' | 'page' | 'priceTag' | 'phone' | 'prof' | 'star' | 'settings' | 'student' | 'target' | 'textbook' | 'trophy' | 'message' | 'wallet' | 'edit' | 'copy' | 'print' | 'objective' | 'present' | 'coins' | 'calendar' | 'calendar_simple' | 'chevronDown' | 'chevronUp' | 'chevronRight' | 'chevronLeft' | 'cross' | 'dialog' | 'dropDownArrow' | 'externalLink' | 'file' | 'fileBordered' | 'lessons' | 'pencil' | 'phoneNoFill' | 'radioChecked' | 'radioNotChecked' | 'search' | 'tasks' | 'tinyCross' | 'sharpCross' | 'plus' | 'plusThin' | 'play' | 'reload' | 'checkCircle' | 'info' | 'check' | 'home' | 'questionFilled' | 'document' | 'cancel' | 'playPause' | 'video';
 type IconName = IconName$1 | IconNameDefault | IconISOCode;
-interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$o>, ResponsiveMarginProps {
+interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$p>, ResponsiveMarginProps {
     /**
      * Версия компонента: v3 ("brand") или v2 ("default").
      *
@@ -2907,37 +2915,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$o>, Responsiv
      *
      * @general
      * @default 'inherit' */
-    size?: Size$o | [DESKTOP: Size$o, TABLET: Size$o, MOBILE: Size$o] | [XL: Size$o, L: Size$o, M: Size$o, S: Size$o, XS: Size$o, XXS: Size$o];
+    size?: Size$p | [DESKTOP: Size$p, TABLET: Size$p, MOBILE: Size$p] | [XL: Size$p, L: Size$p, M: Size$p, S: Size$p, XS: Size$p, XXS: Size$p];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$o;
+    sizeXXS?: Size$p;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$o;
+    sizeXS?: Size$p;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$o;
+    sizeS?: Size$p;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$o;
+    sizeM?: Size$p;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$o;
+    sizeL?: Size$p;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$o;
+    sizeXL?: Size$p;
     /**
      * Модификация размеров.
      *
@@ -2951,37 +2959,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$o>, Responsiv
      *
      * @general
      * @default undefined */
-    margin?: Margin$f | [DESKTOP: Margin$f, TABLET: Margin$f, MOBILE: Margin$f] | [XL: Margin$f, L: Margin$f, M: Margin$f, S: Margin$f, XS: Margin$f, XXS: Margin$f];
+    margin?: Margin$g | [DESKTOP: Margin$g, TABLET: Margin$g, MOBILE: Margin$g] | [XL: Margin$g, L: Margin$g, M: Margin$g, S: Margin$g, XS: Margin$g, XXS: Margin$g];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$f;
+    marginXXS?: Margin$g;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$f;
+    marginXS?: Margin$g;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$f;
+    marginS?: Margin$g;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$f;
+    marginM?: Margin$g;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$f;
+    marginL?: Margin$g;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$f;
+    marginXL?: Margin$g;
     /** @ignore @deprecated */
     as?: React.ElementType;
 }
@@ -2995,15 +3003,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 /.
  *
@@ -3058,7 +3057,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.
      *
@@ -3076,10 +3075,10 @@ interface Location$1 extends Path {
     key: Key;
 }
 
-type Size$n = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type SizeValue = Size$n | 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer' | number;
-type Margin$e = number | string;
-interface AnchorProps extends ResponsiveSizeProps<Size$n, SizeValue>, ResponsiveMarginProps, 
+type Size$o = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue = Size$o | 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer' | number;
+type Margin$f = number | string;
+interface AnchorProps extends ResponsiveSizeProps<Size$o, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use children as function */
@@ -3165,7 +3164,7 @@ DisplayProperty {
      *
      * @general
      * @default 'a' */
-    component?: React.ElementType;
+    component?: ComponentElementType;
     /**
      * Размер.
      *
@@ -3209,7 +3208,7 @@ DisplayProperty {
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$n, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$o, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -3217,41 +3216,41 @@ DisplayProperty {
      *
      * @general
      * @default undefined */
-    margin?: Margin$e | [DESKTOP: Margin$e, TABLET: Margin$e, MOBILE: Margin$e] | [XL: Margin$e, L: Margin$e, M: Margin$e, S: Margin$e, XS: Margin$e, XXS: Margin$e];
+    margin?: Margin$f | [DESKTOP: Margin$f, TABLET: Margin$f, MOBILE: Margin$f] | [XL: Margin$f, L: Margin$f, M: Margin$f, S: Margin$f, XS: Margin$f, XXS: Margin$f];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$e;
+    marginXXS?: Margin$f;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$e;
+    marginXS?: Margin$f;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$e;
+    marginS?: Margin$f;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$e;
+    marginM?: Margin$f;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$e;
+    marginL?: Margin$f;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$e;
+    marginXL?: Margin$f;
     /** @ignore @deprecated */
     replace?: boolean;
     /** @ignore */
-    to?: string | Partial<Location$1> | ((location: Location$1) => string | Partial<Location$1>);
+    to?: string | Partial<Location> | ((location: Location) => string | Partial<Location>);
     /** @ignore @deprecated Use component */
     as?: React.ElementType<any>;
     /** @ignore @deprecated Use children */
@@ -3261,19 +3260,20 @@ DisplayProperty {
     /** @ignore @deprecated */
     wrapper?: boolean;
 }
-type PolymorphicAnchorProps = PolymorphicComponentProps<'a', AnchorProps>;
 
 /**
  *
  * Контрол многоцелевого назначения.
  *
- * Полиморфный компонент. Поддерживает ref и нативные атрибуты выбранного HTML-элемента (по умолчанию \<a\>).
+ * Полиморфный компонент.
+ *
+ * Можно передать "ref" и атрибуты выбранного HTML-элемента (по умолчанию \<a\>).
  */
-declare const Anchor: <C extends React.ElementType = "a">(props: PolymorphicComponentProps<C, AnchorProps>) => React.ReactElement | null;
+declare const Anchor: <C extends React.ElementType = "a">(props: PolymorphicPropsWithRef<C, AnchorProps>) => React.ReactElement | null;
 
-type Size$m = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$d = number | string;
-interface ButtonBaseProps extends ResponsiveSizeProps<Size$m>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
+type Size$n = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$e = number | string;
+interface ButtonBaseProps extends ResponsiveSizeProps<Size$n>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
 /** @deprecated */
 ColorProperty, 
 /** @deprecated */
@@ -3410,7 +3410,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>`).
      *
@@ -3444,43 +3444,43 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
      *
      * @general
      * @default 'm' */
-    size?: Size$m | [DESKTOP: Size$m, TABLET: Size$m, MOBILE: Size$m] | [XL: Size$m, L: Size$m, M: Size$m, S: Size$m, XS: Size$m, XXS: Size$m];
+    size?: Size$n | [DESKTOP: Size$n, TABLET: Size$n, MOBILE: Size$n] | [XL: Size$n, L: Size$n, M: Size$n, S: Size$n, XS: Size$n, XXS: Size$n];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$m;
+    sizeXXS?: Size$n;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$m;
+    sizeXS?: Size$n;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$m;
+    sizeS?: Size$n;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$m;
+    sizeM?: Size$n;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$m;
+    sizeL?: Size$n;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$m;
+    sizeXL?: Size$n;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$m, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$n, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -3488,37 +3488,37 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
      *
      * @general
      * @default undefined */
-    margin?: Margin$d | [DESKTOP: Margin$d, TABLET: Margin$d, MOBILE: Margin$d] | [XL: Margin$d, L: Margin$d, M: Margin$d, S: Margin$d, XS: Margin$d, XXS: Margin$d];
+    margin?: Margin$e | [DESKTOP: Margin$e, TABLET: Margin$e, MOBILE: Margin$e] | [XL: Margin$e, L: Margin$e, M: Margin$e, S: Margin$e, XS: Margin$e, XXS: Margin$e];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$d;
+    marginXXS?: Margin$e;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$d;
+    marginXS?: Margin$e;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$d;
+    marginS?: Margin$e;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$d;
+    marginM?: Margin$e;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$d;
+    marginL?: Margin$e;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$d;
+    marginXL?: Margin$e;
     /** @ignore */
     primary?: boolean;
     /** @ignore */
@@ -3574,7 +3574,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 */
@@ -3609,9 +3609,9 @@ interface AlertProps extends BaseProps {
 
 declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
 
-type Size$l = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$c = number | string;
-interface ArrowProps extends ResponsiveSizeProps<Size$l, SizeValue$1>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
+type Size$m = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$d = number | string;
+interface ArrowProps extends ResponsiveSizeProps<Size$m, SizeValue$1>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
     /**
      * Версия компонента: v3 ("brand") или v2 ("default").
      *
@@ -3693,43 +3693,43 @@ interface ArrowProps extends ResponsiveSizeProps<Size$l, SizeValue$1>, Responsiv
      *
      * @general
      * @default 'l' */
-    size?: Size$l | [DESKTOP: Size$l, TABLET: Size$l, MOBILE: Size$l] | [XL: Size$l, L: Size$l, M: Size$l, S: Size$l, XS: Size$l, XXS: Size$l];
+    size?: Size$m | [DESKTOP: Size$m, TABLET: Size$m, MOBILE: Size$m] | [XL: Size$m, L: Size$m, M: Size$m, S: Size$m, XS: Size$m, XXS: Size$m];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$l;
+    sizeXXS?: Size$m;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$l;
+    sizeXS?: Size$m;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$l;
+    sizeS?: Size$m;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$l;
+    sizeM?: Size$m;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$l;
+    sizeL?: Size$m;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$l;
+    sizeXL?: Size$m;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$l, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$m, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -3737,37 +3737,37 @@ interface ArrowProps extends ResponsiveSizeProps<Size$l, SizeValue$1>, Responsiv
      *
      * @general
      * @default undefined */
-    margin?: Margin$c | [DESKTOP: Margin$c, TABLET: Margin$c, MOBILE: Margin$c] | [XL: Margin$c, L: Margin$c, M: Margin$c, S: Margin$c, XS: Margin$c, XXS: Margin$c];
+    margin?: Margin$d | [DESKTOP: Margin$d, TABLET: Margin$d, MOBILE: Margin$d] | [XL: Margin$d, L: Margin$d, M: Margin$d, S: Margin$d, XS: Margin$d, XXS: Margin$d];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$c;
+    marginXXS?: Margin$d;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$c;
+    marginXS?: Margin$d;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$c;
+    marginS?: Margin$d;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$c;
+    marginM?: Margin$d;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$c;
+    marginL?: Margin$d;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$c;
+    marginXL?: Margin$d;
     /** @ignore */
     inverse?: boolean;
     /** @ignore @deprecated */
@@ -3784,8 +3784,8 @@ interface ArrowProps extends ResponsiveSizeProps<Size$l, SizeValue$1>, Responsiv
  */
 declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
 
-type Size$k = 'xl' | 'l' | 'm' | 's' | 'xs';
-interface InputCheckboxProps extends ResponsiveSizeProps<Size$k>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
+type Size$l = 'xl' | 'l' | 'm' | 's' | 'xs';
+interface InputCheckboxProps extends ResponsiveSizeProps<Size$l>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
     /**
      * Текущее состояние контрола (использование включает контролируемый режим).
      *
@@ -3862,43 +3862,43 @@ interface InputCheckboxProps extends ResponsiveSizeProps<Size$k>, Omit<React.Com
      *
      * @general
      * @default 'm' */
-    size?: Size$k | [DESKTOP: Size$k, TABLET: Size$k, MOBILE: Size$k] | [XL: Size$k, L: Size$k, M: Size$k, S: Size$k, XS: Size$k, XXS: Size$k];
+    size?: Size$l | [DESKTOP: Size$l, TABLET: Size$l, MOBILE: Size$l] | [XL: Size$l, L: Size$l, M: Size$l, S: Size$l, XS: Size$l, XXS: Size$l];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$k;
+    sizeXXS?: Size$l;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$k;
+    sizeXS?: Size$l;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$k;
+    sizeS?: Size$l;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$k;
+    sizeM?: Size$l;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$k;
+    sizeL?: Size$l;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$k;
+    sizeXL?: Size$l;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$k, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$l, React.CSSProperties>>;
     /** @ignore @deprecated */
     onColored?: boolean;
 }
@@ -3947,8 +3947,8 @@ declare enum SizeInput {
     xs = 140
 }
 
-type Size$j = 'l' | 'm' | 's' | 'xs';
-interface TextareaBaseProps extends ResponsiveSizeProps<Size$j>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
+type Size$k = 'l' | 'm' | 's' | 'xs';
+interface TextareaBaseProps extends ResponsiveSizeProps<Size$k>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
     /**
      * Автоматически адаптировать число строк под контент.
      *
@@ -4103,7 +4103,7 @@ type ArrowBadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface ArrowBadgeProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps, 
+interface ArrowBadgeProps extends ResponsiveSizeProps<Size$q, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -4145,9 +4145,9 @@ ColorProperty<'backgroundColor'>, Omit<React.ComponentPropsWithRef<'div'>, 'colo
  */
 declare const ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps>;
 
-type Size$i = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$b = number | string;
-interface TabProps extends ResponsiveSizeProps<Size$i, SizeValue$1>, ResponsiveMarginProps, 
+type Size$j = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$c = number | string;
+interface TabProps extends ResponsiveSizeProps<Size$j, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -4238,43 +4238,43 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
      *
      * @general
      * @default 'm' */
-    size?: Size$i | [DESKTOP: Size$i, TABLET: Size$i, MOBILE: Size$i] | [XL: Size$i, L: Size$i, M: Size$i, S: Size$i, XS: Size$i, XXS: Size$i];
+    size?: Size$j | [DESKTOP: Size$j, TABLET: Size$j, MOBILE: Size$j] | [XL: Size$j, L: Size$j, M: Size$j, S: Size$j, XS: Size$j, XXS: Size$j];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$i;
+    sizeXXS?: Size$j;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$i;
+    sizeXS?: Size$j;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$i;
+    sizeS?: Size$j;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$i;
+    sizeM?: Size$j;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$i;
+    sizeL?: Size$j;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$i;
+    sizeXL?: Size$j;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$i, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$j, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -4282,37 +4282,37 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
      *
      * @general
      * @default undefined */
-    margin?: Margin$b | [DESKTOP: Margin$b, TABLET: Margin$b, MOBILE: Margin$b] | [XL: Margin$b, L: Margin$b, M: Margin$b, S: Margin$b, XS: Margin$b, XXS: Margin$b];
+    margin?: Margin$c | [DESKTOP: Margin$c, TABLET: Margin$c, MOBILE: Margin$c] | [XL: Margin$c, L: Margin$c, M: Margin$c, S: Margin$c, XS: Margin$c, XXS: Margin$c];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$b;
+    marginXXS?: Margin$c;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$b;
+    marginXS?: Margin$c;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$b;
+    marginS?: Margin$c;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$b;
+    marginM?: Margin$c;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$b;
+    marginL?: Margin$c;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$b;
+    marginXL?: Margin$c;
     /** @ignore */
     compact?: boolean;
     /** @ignore */
@@ -4337,7 +4337,7 @@ type BadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface BadgeProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps, 
+interface BadgeProps extends ResponsiveSizeProps<Size$q, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty, 
 /** @deprecated Use children as function */
@@ -4390,9 +4390,9 @@ DisplayProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'>
  */
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps>;
 
-type Size$h = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
-type Margin$a = number | string;
-interface IconButtonBaseProps extends ResponsiveSizeProps<Size$h>, ResponsiveMarginProps {
+type Size$i = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
+type Margin$b = number | string;
+interface IconButtonBaseProps extends ResponsiveSizeProps<Size$i>, ResponsiveMarginProps {
     /**
      * Кастомные цвета.
      *
@@ -4450,43 +4450,43 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$h>, ResponsiveMar
      *
      * @general
      * @default 'm' */
-    size?: Size$h | [DESKTOP: Size$h, TABLET: Size$h, MOBILE: Size$h] | [XL: Size$h, L: Size$h, M: Size$h, S: Size$h, XS: Size$h, XXS: Size$h];
+    size?: Size$i | [DESKTOP: Size$i, TABLET: Size$i, MOBILE: Size$i] | [XL: Size$i, L: Size$i, M: Size$i, S: Size$i, XS: Size$i, XXS: Size$i];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$h;
+    sizeXXS?: Size$i;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$h;
+    sizeXS?: Size$i;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$h;
+    sizeS?: Size$i;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$h;
+    sizeM?: Size$i;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$h;
+    sizeL?: Size$i;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$h;
+    sizeXL?: Size$i;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$h, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$i, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -4494,37 +4494,37 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$h>, ResponsiveMar
      *
      * @general
      * @default undefined */
-    margin?: Margin$a | [DESKTOP: Margin$a, TABLET: Margin$a, MOBILE: Margin$a] | [XL: Margin$a, L: Margin$a, M: Margin$a, S: Margin$a, XS: Margin$a, XXS: Margin$a];
+    margin?: Margin$b | [DESKTOP: Margin$b, TABLET: Margin$b, MOBILE: Margin$b] | [XL: Margin$b, L: Margin$b, M: Margin$b, S: Margin$b, XS: Margin$b, XXS: Margin$b];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$a;
+    marginXXS?: Margin$b;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$a;
+    marginXS?: Margin$b;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$a;
+    marginS?: Margin$b;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$a;
+    marginM?: Margin$b;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$a;
+    marginL?: Margin$b;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$a;
+    marginXL?: Margin$b;
 }
 type IconButtonProps = IconButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof IconButtonBaseProps>;
 
@@ -4767,14 +4767,14 @@ declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
     Component: typeof TooltipComponent;
 };
 
-type Size$g = 'xl' | 'l' | 'm' | 's' | 'xs';
+type Size$h = 'xl' | 'l' | 'm' | 's' | 'xs';
 type Layout$5 = 'vertical' | 'horizontal';
 type PopoverComponentPalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$g>, ResponsiveLayoutProps<Layout$5> {
+interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$h>, ResponsiveLayoutProps<Layout$5> {
     /**
      * Кастомные цвета.
      *
@@ -4885,9 +4885,9 @@ type PopoverComponentProps = PopoverComponentBaseProps & Omit<React.ComponentPro
 
 declare const PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps>;
 
-type Size$f = 's' | 'xl' | 'l' | 'm' | 'xs';
+type Size$g = 's' | 'xl' | 'l' | 'm' | 'xs';
 type Layout$4 = 'vertical' | 'horizontal';
-interface PopoverBaseProps extends ResponsiveSizeProps<Size$f>, ResponsiveLayoutProps<Layout$4> {
+interface PopoverBaseProps extends ResponsiveSizeProps<Size$g>, ResponsiveLayoutProps<Layout$4> {
     /**
      * Кастомные цвета.
      *
@@ -5103,43 +5103,43 @@ interface PopoverBaseProps extends ResponsiveSizeProps<Size$f>, ResponsiveLayout
      *
      * @general
      * @default 's' */
-    size?: Size$f | [DESKTOP: Size$f, TABLET: Size$f, MOBILE: Size$f] | [XL: Size$f, L: Size$f, M: Size$f, S: Size$f, XS: Size$f, XXS: Size$f];
+    size?: Size$g | [DESKTOP: Size$g, TABLET: Size$g, MOBILE: Size$g] | [XL: Size$g, L: Size$g, M: Size$g, S: Size$g, XS: Size$g, XXS: Size$g];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$f;
+    sizeXXS?: Size$g;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$f;
+    sizeXS?: Size$g;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$f;
+    sizeS?: Size$g;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$f;
+    sizeM?: Size$g;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$f;
+    sizeL?: Size$g;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$f;
+    sizeXL?: Size$g;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$f, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$g, React.CSSProperties>>;
     /**
      * Вариант шаблона лейаута.
      *
@@ -5307,92 +5307,298 @@ 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$f = 'xs' | 's' | 'm' | 'l' | 'xl';
+type Margin$a = number | string;
+interface ListItemProps extends ResponsiveSizeProps<Size$f>, ResponsiveMarginProps {
+    /**
+     * Компонент рутового элемента.
+     *
+     * @general
+     * @default 'button' */
+    component?: ComponentElementType;
+    /**
+     * Кастомные цвета.
+     *
+     * @general
+     * @default {} */
+    palette?: {
+        color?: Color;
+        colorHover?: Color;
+        colorActive?: Color;
+        colorDisabled?: Color;
+        backgroundColor?: Color;
+        backgroundColorHover?: Color;
+        backgroundColorActive?: Color;
+        backgroundColorDisabled?: Color;
+    };
+    /**
+     * Кастомный рутовый блок.
+     *
+     * Использование компонента только как контейнера.
+     *
+     * @slot
+     * @default undefined */
+    children?: React.ReactElement | ((rootProps: {
+        textProps: TextProps;
+        captionProps: TextProps;
+        skeletonProps: SkeletonProps;
+    }) => React.ReactNode);
+    /**
+     * Кастомный контентный блок.
+     *
+     * @slot
+     * @default undefined */
+    content?: React.ReactElement | ((contentProps: {
+        textProps: TextProps;
+        captionProps: TextProps;
+    }) => React.ReactNode);
+    /**
+     * Основной текстовый контент.
+     *
+     * Если передана строка или число используется встроенная типографика.
+     *
+     * @slot
+     * @default undefined */
+    text?: React.ReactNode | ((textProps: TextProps) => React.ReactNode);
+    /**
+     * Дополнительный тектовый контент.
+     *
+     * Если передана строка или число используется встроенная типографика.
+     *
+     * @slot
+     * @default undefined */
+    caption?: React.ReactNode | ((captionProps: TextProps) => React.ReactNode);
+    /**
+     * Дополнительные элементы слева.
+     *
+     * @slot
+     * @default undefined */
+    addonLeft?: React.ReactElement;
+    /**
+     * Дополнительные элементы справа.
+     *
+     * @slot
+     * @default undefined */
+    addonRight?: React.ReactElement;
+    /**
+     * Кастомный лейаут при загрузке.
+     *
+     * @slot
+     * @default undefined */
+    loadingLayout?: React.ReactElement | ((loadingLayoutProps: {
+        textProps: TextProps;
+        captionProps: TextProps;
+        skeletonProps: SkeletonProps;
+    }) => React.ReactNode);
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default true */
+    primary?: boolean;
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default false */
+    secondary?: boolean;
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default false */
     danger?: boolean;
-    /** 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$f | [DESKTOP: Size$f, TABLET: Size$f, MOBILE: Size$f] | [XL: Size$f, L: Size$f, M: Size$f, S: Size$f, XS: Size$f, XXS: Size$f];
+    /**
+     * Размер для XXS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXXS?: Size$f;
+    /**
+     * Размер для XS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXS?: Size$f;
+    /**
+     * Размер для S брейкпоинта.
+     *
+     * @default undefined */
+    sizeS?: Size$f;
+    /**
+     * Размер для M брейкпоинта.
+     *
+     * @default undefined */
+    sizeM?: Size$f;
+    /**
+     * Размер для L брейкпоинта.
+     *
+     * @default undefined */
+    sizeL?: Size$f;
+    /**
+     * Размер для XL брейкпоинта.
+     *
+     * @default undefined */
+    sizeXL?: Size$f;
+    /**
+     * Модификация размеров.
+     *
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size$f, React.CSSProperties>>;
+    /**
+     * Внешние отступы.
+     *
+     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
+     *
+     * @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];
+    /**
+     * Отступ для XXS брейкпоинта.
+     *
+     * @default undefined */
+    marginXXS?: Margin$a;
+    /**
+     * Отступ для XS брейкпоинта.
+     *
+     * @default undefined */
+    marginXS?: Margin$a;
+    /**
+     * Отступ для S брейкпоинта.
+     *
+     * @default undefined */
+    marginS?: Margin$a;
+    /**
+     * Отступ для M брейкпоинта.
+     *
+     * @default undefined */
+    marginM?: Margin$a;
+    /**
+     * Отступ для L брейкпоинта.
+     *
+     * @default undefined */
+    marginL?: Margin$a;
+    /**
+     * Отступ для XL брейкпоинта.
+     *
+     * @default undefined */
+    marginXL?: Margin$a;
 }
 
 /**
  *
- * Component accepts all root HTML attributes.
+ * *v1.0.0*
  *
- * Responsive "size", "margin" props are supported.
+ * Компонент для вывода элемента списка.
  *
- * Exposed "ref" attached to root node.
+ * Полиморфный компонент.
  *
- * See full [ListItemProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ListItem/types.ts)
+ * Можно передать "ref" и атрибуты выбранного HTML-элемента (по умолчанию \<button\>).
  */
-declare const ListItem: React.ForwardRefExoticComponent<ListItemProps>;
+declare const ListItem: <C extends React.ElementType = "button">(props: PolymorphicPropsWithRef<C, ListItemProps>) => React.ReactElement | null;
 
 type IndicatorPalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface IndicatorProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
+interface IndicatorProps extends ResponsiveSizeProps<Size$q, SizeValue$1>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
     /** Custom colors */
     palette?: Partial<Record<keyof IndicatorPalette, Color>>;
     /** Text content */
@@ -6561,7 +6767,7 @@ interface NotificationProps extends ResponsiveSizeProps<Size$a>, ResponsiveLayou
      * @slot
      * @default undefined */
     addon?: React.ReactNode | ((addonProps: {
-        anchorProps: PolymorphicAnchorProps;
+        anchorProps: AnchorProps;
         buttonProps: ButtonProps;
     }) => React.ReactNode);
     /**
@@ -6580,7 +6786,7 @@ interface NotificationProps extends ResponsiveSizeProps<Size$a>, ResponsiveLayou
         titleProps: TextProps;
         textProps: TextProps;
         buttonProps: ButtonProps;
-        anchorProps: PolymorphicAnchorProps;
+        anchorProps: AnchorProps;
         discardButtonProps: IconButtonProps;
     }) => React.ReactNode);
     /**
@@ -7961,7 +8167,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$q | 'auto' | 'initial' | 'inherit' | boolean, property: string | ((_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null), screenQueryFunction: typeof screenXs, sizing: null | string, sizes?: Record<Size$q, number>): ReturnType<typeof css>;
 declare const desktopFirst: (a: string, b: string) => number;
 declare const mobileFirst: (a: string, b: string) => number;
 
@@ -10010,52 +10216,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";
@@ -10297,7 +10457,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;
     /**
      * Включить мод множественного выбора.
      *
@@ -10535,6 +10695,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>;
+};
 
 /**
  *
@@ -10853,4 +11019,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, 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, 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$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 };