@foxford/ui 2.75.0 → 2.76.0

package/dts/index.d.ts

@@ -884,8 +884,8 @@ declare type CSSColor = RGB | RGBA | HEX | CSSGlobalValue | 'currentcolor' | 'tr
 declare type CSSBorderStyle = CSSGlobalValue | 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
 declare type CSSVerticalAlign = CSSGlobalValue | 'baseline' | 'sub' | 'super' | 'text-top' | 'text-bottom' | 'middle' | 'top' | 'bottom';
 declare type CSSFontWeight = CSSGlobalValue | 'normal' | 'bold' | 'lighter' | 'bolder' | number;
-declare type Size$6 = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-declare type SizeValue = Size$6 | CSSGlobalValue | number;
+declare type Size$8 = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+declare type SizeValue = Size$8 | CSSGlobalValue | number;
 declare type Breakpoint = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
 declare type Color = keyof typeof ColorNames | CSSColor;
 declare type ColorPaletteKey = 'color' | `color${string}` | `${string}Color` | `${string}Color${string}`;
@@ -897,6 +897,7 @@ declare type KeysOfUnion<T> = T extends T ? keyof T : never;
 declare type WithThemePreset<T> = T & {
     preset: ThemePreset;
 };
+declare type DomTarget<T extends HTMLElement = HTMLElement> = Nullable<T> | React.MutableRefObject<Nullable<T>>;
 
 interface BaseProps {
     preset?: ThemePreset;
@@ -985,7 +986,7 @@ declare const adultDarkTheme: DefaultTheme;
 /**
  * Value for breakpoint
  */
-declare type PossibleValues = number | Size$6 | 'auto' | 'initial' | 'inherit' | boolean;
+declare type PossibleValues = number | Size$8 | 'auto' | 'initial' | 'inherit' | boolean;
 declare type PropsProperties = 'size' | 'fontSize' | 'height' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'fluid';
 declare type CalcProperty = (_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null;
 declare type CssProperty = string | CalcProperty;
@@ -993,15 +994,15 @@ declare type ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
 declare type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = {
     [key in `${T}${ResponsiveKeys}`]?: V;
 };
-declare type ResponsiveProperty<V = number | Size$6> = 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$6, number>) => () => () => FlattenSimpleInterpolation | null;
+declare type ResponsiveProperty<V = number | Size$8> = 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$8, 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$6, number>;
+    predefinedSizes?: Record<Size$8, number>;
 }
 /**
  * Миксин для генерации media запросов
@@ -1111,7 +1112,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     /** Кастомные цвета */
     palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
 }
-interface TextProps extends ResponsiveSizeProps<Size$6, SizeValue>, ResponsiveMarginProps, 
+interface TextProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated */
 DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
     /** Применение присета стилей и размеров */
@@ -1188,7 +1189,7 @@ declare const Text: React.ForwardRefExoticComponent<TextProps> & {
 declare type IconPackIconName = Uncapitalize<keyof typeof IconPack>;
 declare 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';
 declare type IconName = IconPackIconName | IconNameDefault;
-interface IconProps extends ResponsiveSizeProps<Size$6, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'span'>, 'children'> {
+interface IconProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'span'>, 'children'> {
     /** UI: brand (v3), or default (v2) */
     preset?: ThemePreset;
     /** Icon color */
@@ -1292,7 +1293,7 @@ declare type AnchorPalette = {
     colorHover: CSSColor;
     colorDisabled: CSSColor;
 };
-interface AnchorProps extends ResponsiveSizeProps<Size$6, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'a'>, 'color' | 'children'>, 
+interface AnchorProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'a'>, 'color' | 'children'>, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use children as function */
@@ -1366,7 +1367,7 @@ declare type ButtonPalette = {
     borderColorDisabled: CSSColor;
     shadowColor: CSSColor;
 };
-interface ButtonProps extends ResponsiveSizeProps<Size$6, SizeValue>, ColorProperty, ColorProperty<'fontColor'>, ResponsiveNamedProperty<'margin'>, ResponsiveNamedProperty<'marginTop'>, ResponsiveNamedProperty<'marginRight'>, ResponsiveNamedProperty<'marginBottom'>, ResponsiveNamedProperty<'marginLeft'>, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, Omit<React.ComponentPropsWithRef<'button'>, 'color' | 'children'>, 
+interface ButtonProps extends ResponsiveSizeProps<Size$8, SizeValue>, ColorProperty, ColorProperty<'fontColor'>, ResponsiveNamedProperty<'margin'>, ResponsiveNamedProperty<'marginTop'>, ResponsiveNamedProperty<'marginRight'>, ResponsiveNamedProperty<'marginBottom'>, ResponsiveNamedProperty<'marginLeft'>, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, Omit<React.ComponentPropsWithRef<'button'>, 'color' | 'children'>, 
 /** @deprecated Use children as function or inline prop */
 DisplayProperty, 
 /** @deprecated */
@@ -1581,7 +1582,7 @@ declare type ArrowPalette = {
     borderColorDisabled: CSSColor;
     shadowColor: CSSColor;
 };
-interface ArrowProps extends ResponsiveSizeProps<Size$6, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
+interface ArrowProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
     /**
      * UI: v3 (brand), or v2 (default)
      * @default "default" */
@@ -1871,7 +1872,7 @@ declare type ArrowBadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface ArrowBadgeProps extends ResponsiveSizeProps<Size$6, SizeValue>, ResponsiveMarginProps, 
+interface ArrowBadgeProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -1924,7 +1925,7 @@ declare type TabPalette = {
     backgroundColorDisabled: CSSColor;
     borderColorDisabled: CSSColor;
 };
-interface TabProps extends ResponsiveSizeProps<Size$6, SizeValue>, ResponsiveMarginProps, 
+interface TabProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -1982,7 +1983,7 @@ declare type BadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface BadgeProps extends ResponsiveSizeProps<Size$6, SizeValue>, ResponsiveMarginProps, 
+interface BadgeProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty, 
 /** @deprecated Use children as function */
@@ -2318,14 +2319,14 @@ declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
     Component: typeof TooltipComponent;
 };
 
-declare type Size$5 = 'xl' | 'l' | 'm' | 's' | 'xs';
-declare type Layout$3 = 'vertical' | 'horizontal';
+declare type Size$7 = 'xl' | 'l' | 'm' | 's' | 'xs';
+declare type Layout$4 = 'vertical' | 'horizontal';
 declare type PopoverComponentPalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$5>, ResponsiveLayoutProps<Layout$3> {
+interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$7>, ResponsiveLayoutProps<Layout$4> {
     /**
      * Кастомные цвета.
      *
@@ -2436,9 +2437,9 @@ declare type PopoverComponentProps = PopoverComponentBaseProps & Omit<React.Comp
 
 declare const PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps>;
 
-declare type Size$4 = 's' | 'xl' | 'l' | 'm' | 'xs';
-declare type Layout$2 = 'vertical' | 'horizontal';
-interface PopoverBaseProps extends ResponsiveSizeProps<Size$4>, ResponsiveLayoutProps<Layout$2> {
+declare type Size$6 = 's' | 'xl' | 'l' | 'm' | 'xs';
+declare type Layout$3 = 'vertical' | 'horizontal';
+interface PopoverBaseProps extends ResponsiveSizeProps<Size$6>, ResponsiveLayoutProps<Layout$3> {
     /**
      * Кастомные цвета.
      *
@@ -2654,43 +2655,43 @@ interface PopoverBaseProps extends ResponsiveSizeProps<Size$4>, ResponsiveLayout
      *
      * @general
      * @default 's' */
-    size?: Size$4 | [DESKTOP: Size$4, TABLET: Size$4, MOBILE: Size$4] | [XL: Size$4, L: Size$4, M: Size$4, S: Size$4, XS: Size$4, XXS: Size$4];
+    size?: Size$6 | [DESKTOP: Size$6, TABLET: Size$6, MOBILE: Size$6] | [XL: Size$6, L: Size$6, M: Size$6, S: Size$6, XS: Size$6, XXS: Size$6];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$4;
+    sizeXXS?: Size$6;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$4;
+    sizeXS?: Size$6;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$4;
+    sizeS?: Size$6;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$4;
+    sizeM?: Size$6;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$4;
+    sizeL?: Size$6;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$4;
+    sizeXL?: Size$6;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$4, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$6, React.CSSProperties>>;
     /**
      * Вариант шаблона лейаута.
      *
@@ -2698,37 +2699,37 @@ interface PopoverBaseProps extends ResponsiveSizeProps<Size$4>, ResponsiveLayout
      *
      * @general
      * @default 'vertical' */
-    layout?: Layout$2 | [DESKTOP: Layout$2, TABLET: Layout$2, MOBILE: Layout$2] | [XL: Layout$2, L: Layout$2, M: Layout$2, S: Layout$2, XS: Layout$2, XXS: Layout$2];
+    layout?: Layout$3 | [DESKTOP: Layout$3, TABLET: Layout$3, MOBILE: Layout$3] | [XL: Layout$3, L: Layout$3, M: Layout$3, S: Layout$3, XS: Layout$3, XXS: Layout$3];
     /**
      * Лейаут для XXS брейкпоинта.
      *
      * @default undefined */
-    layoutXXS?: Layout$2;
+    layoutXXS?: Layout$3;
     /**
      * Лейаут для XS брейкпоинта.
      *
      * @default undefined */
-    layoutXS?: Layout$2;
+    layoutXS?: Layout$3;
     /**
      * Лейаут для S брейкпоинта.
      *
      * @default undefined */
-    layoutS?: Layout$2;
+    layoutS?: Layout$3;
     /**
      * Лейаут для M брейкпоинта.
      *
      * @default undefined */
-    layoutM?: Layout$2;
+    layoutM?: Layout$3;
     /**
      * Лейаут для L брейкпоинта.
      *
      * @default undefined */
-    layoutL?: Layout$2;
+    layoutL?: Layout$3;
     /**
      * Лейаут для XL брейкпоинта.
      *
      * @default undefined */
-    layoutXL?: Layout$2;
+    layoutXL?: Layout$3;
     /**
      * Кастомный рутовый блок.
      *
@@ -2816,7 +2817,7 @@ declare type ListItemPalette = {
     backgroundColorHover: CSSColor;
     mediaPlaceholderColor: CSSColor;
 };
-interface ListItemProps extends ResponsiveSizeProps<Size$6, SizeValue>, ResponsiveMarginProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type'>, Omit<React.AnchorHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type' | 'media'> {
+interface ListItemProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type'>, Omit<React.AnchorHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type' | 'media'> {
     /** Root node type */
     as?: React.ElementType;
     /** Main text content or render function */
@@ -2894,7 +2895,7 @@ declare type IndicatorPalette = {
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface IndicatorProps extends ResponsiveSizeProps<Size$6, SizeValue>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
+interface IndicatorProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
     /** Custom colors */
     palette?: Partial<Record<keyof IndicatorPalette, Color>>;
     /** Text content */
@@ -2939,7 +2940,7 @@ declare type AvatarPalette = {
     shadowColor: CSSColor;
 };
 declare type AvatarSize = SizeValue | 'sm';
-interface AvatarProps extends ResponsiveSizeProps<Size$6, AvatarSize>, ResponsiveMarginProps, 
+interface AvatarProps extends ResponsiveSizeProps<Size$8, AvatarSize>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
     /** UI: brand (v3), or default (v2) */
@@ -3250,14 +3251,14 @@ declare const Menu: React.ForwardRefExoticComponent<MenuProps> & {
     Divider: typeof MenuDivider;
 };
 
-declare type Size$3 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
-declare type Layout$1 = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
+declare type Size$5 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
+declare type Layout$2 = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
 declare type DialogComponentPalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface DialogComponentBaseProps extends ResponsiveSizeProps<Size$3>, ResponsiveLayoutProps<Layout$1> {
+interface DialogComponentBaseProps extends ResponsiveSizeProps<Size$5>, ResponsiveLayoutProps<Layout$2> {
     /**
      * Кнопка закрытия.
      *
@@ -3411,10 +3412,10 @@ declare type DialogComponentProps = DialogComponentBaseProps & Omit<React.Compon
 
 declare const DialogComponent: React.ForwardRefExoticComponent<DialogComponentProps>;
 
-declare type Size$2 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
-declare type Layout = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
+declare type Size$4 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
+declare type Layout$1 = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
 declare type Position = 'center' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
-interface DialogBaseProps extends ResponsiveSizeProps<Size$2>, ResponsiveLayoutProps<Layout>, ResponsivePositionProps<Position> {
+interface DialogBaseProps extends ResponsiveSizeProps<Size$4>, ResponsiveLayoutProps<Layout$1>, ResponsivePositionProps<Position> {
     /**
      * Открыто диалоговое окно.
      *
@@ -3696,43 +3697,43 @@ interface DialogBaseProps extends ResponsiveSizeProps<Size$2>, ResponsiveLayoutP
      *
      * @general
      * @default 's' */
-    size?: Size$2 | [DESKTOP: Size$2, TABLET: Size$2, MOBILE: Size$2] | [XL: Size$2, L: Size$2, M: Size$2, S: Size$2, XS: Size$2, XXS: Size$2];
+    size?: Size$4 | [DESKTOP: Size$4, TABLET: Size$4, MOBILE: Size$4] | [XL: Size$4, L: Size$4, M: Size$4, S: Size$4, XS: Size$4, XXS: Size$4];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$2;
+    sizeXXS?: Size$4;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$2;
+    sizeXS?: Size$4;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$2;
+    sizeS?: Size$4;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$2;
+    sizeM?: Size$4;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$2;
+    sizeL?: Size$4;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$2;
+    sizeXL?: Size$4;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$2, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$4, React.CSSProperties>>;
     /**
      * Вариант шаблона лейаута.
      *
@@ -3740,37 +3741,37 @@ interface DialogBaseProps extends ResponsiveSizeProps<Size$2>, ResponsiveLayoutP
      *
      * @general
      * @default 'vertical' */
-    layout?: Layout | [DESKTOP: Layout, TABLET: Layout, MOBILE: Layout] | [XL: Layout, L: Layout, M: Layout, S: Layout, XS: Layout, XXS: Layout];
+    layout?: Layout$1 | [DESKTOP: Layout$1, TABLET: Layout$1, MOBILE: Layout$1] | [XL: Layout$1, L: Layout$1, M: Layout$1, S: Layout$1, XS: Layout$1, XXS: Layout$1];
     /**
      * Лейаут для XXS брейкпоинта.
      *
      * @default undefined */
-    layoutXXS?: Layout;
+    layoutXXS?: Layout$1;
     /**
      * Лейаут для XS брейкпоинта.
      *
      * @default undefined */
-    layoutXS?: Layout;
+    layoutXS?: Layout$1;
     /**
      * Лейаут для S брейкпоинта.
      *
      * @default undefined */
-    layoutS?: Layout;
+    layoutS?: Layout$1;
     /**
      * Лейаут для M брейкпоинта.
      *
      * @default undefined */
-    layoutM?: Layout;
+    layoutM?: Layout$1;
     /**
      * Лейаут для L брейкпоинта.
      *
      * @default undefined */
-    layoutL?: Layout;
+    layoutL?: Layout$1;
     /**
      * Лейаут для XL брейкпоинта.
      *
      * @default undefined */
-    layoutXL?: Layout;
+    layoutXL?: Layout$1;
     /**
      * Позиция диалога.
      *
@@ -3883,9 +3884,9 @@ interface NotificationProps extends ResponsiveSizeProps<NotificationSize>, Respo
  */
 declare const Notification: React.ForwardRefExoticComponent<NotificationProps>;
 
-declare type Size$1 = 'l' | 'm' | 's' | 'xs';
-declare type Margin$1 = number | string;
-interface AccordionItemBaseProps extends ResponsiveSizeProps<Size$1>, ResponsiveMarginProps {
+declare type Size$3 = 'l' | 'm' | 's' | 'xs';
+declare type Margin$3 = number | string;
+interface AccordionItemBaseProps extends ResponsiveSizeProps<Size$3>, ResponsiveMarginProps {
     /**
      * Кастомный блок хедера.
      *
@@ -4040,43 +4041,43 @@ interface AccordionItemBaseProps extends ResponsiveSizeProps<Size$1>, Responsive
      *
      * @general
      * @default 'm' */
-    size?: Size$1 | [DESKTOP: Size$1, TABLET: Size$1, MOBILE: Size$1] | [XL: Size$1, L: Size$1, M: Size$1, S: Size$1, XS: Size$1, XXS: Size$1];
+    size?: Size$3 | [DESKTOP: Size$3, TABLET: Size$3, MOBILE: Size$3] | [XL: Size$3, L: Size$3, M: Size$3, S: Size$3, XS: Size$3, XXS: Size$3];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$1;
+    sizeXXS?: Size$3;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$1;
+    sizeXS?: Size$3;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$1;
+    sizeS?: Size$3;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$1;
+    sizeM?: Size$3;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$1;
+    sizeL?: Size$3;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$1;
+    sizeXL?: Size$3;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$1, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$3, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -4084,37 +4085,37 @@ interface AccordionItemBaseProps extends ResponsiveSizeProps<Size$1>, Responsive
      *
      * @general
      * @default undefined */
-    margin?: Margin$1 | [DESKTOP: Margin$1, TABLET: Margin$1, MOBILE: Margin$1] | [XL: Margin$1, L: Margin$1, M: Margin$1, S: Margin$1, XS: Margin$1, XXS: Margin$1];
+    margin?: Margin$3 | [DESKTOP: Margin$3, TABLET: Margin$3, MOBILE: Margin$3] | [XL: Margin$3, L: Margin$3, M: Margin$3, S: Margin$3, XS: Margin$3, XXS: Margin$3];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$1;
+    marginXXS?: Margin$3;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$1;
+    marginXS?: Margin$3;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$1;
+    marginS?: Margin$3;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$1;
+    marginM?: Margin$3;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$1;
+    marginL?: Margin$3;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$1;
+    marginXL?: Margin$3;
 }
 declare type AccordionItemProps = AccordionItemBaseProps & Omit<React.ComponentPropsWithRef<'section'>, keyof AccordionItemBaseProps>;
 
@@ -4130,9 +4131,21 @@ declare type AccordionItemProps = AccordionItemBaseProps & Omit<React.ComponentP
  */
 declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps>;
 
-declare type Size = 'l' | 'm' | 's' | 'xs';
-declare type Margin = number | string;
-interface AccordionBaseProps extends ResponsiveSizeProps<Size>, ResponsiveMarginProps {
+interface DividerBaseProps extends ResponsiveMarginProps, ColorProperty {
+}
+declare type DividerProps = DividerBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof DividerBaseProps>;
+
+/**
+ *
+ * Компонент для создания горизонтальной разделительной линии.
+ *
+ * Поддерживается "ref" и все нативные атрибуты \<div\> элемента.
+ */
+declare const Divider: React.ForwardRefExoticComponent<DividerProps>;
+
+declare type Size$2 = 'l' | 'm' | 's' | 'xs';
+declare type Margin$2 = number | string;
+interface AccordionBaseProps extends ResponsiveSizeProps<Size$2>, ResponsiveMarginProps {
     /**
      * Одновременно раскрыты могут быть несколько динамических панелей.
      *
@@ -4234,43 +4247,43 @@ interface AccordionBaseProps extends ResponsiveSizeProps<Size>, ResponsiveMargin
      *
      * @general
      * @default 'm' */
-    size?: Size | [DESKTOP: Size, TABLET: Size, MOBILE: Size] | [XL: Size, L: Size, M: Size, S: Size, XS: Size, XXS: Size];
+    size?: Size$2 | [DESKTOP: Size$2, TABLET: Size$2, MOBILE: Size$2] | [XL: Size$2, L: Size$2, M: Size$2, S: Size$2, XS: Size$2, XXS: Size$2];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size;
+    sizeXXS?: Size$2;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size;
+    sizeXS?: Size$2;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size;
+    sizeS?: Size$2;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size;
+    sizeM?: Size$2;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size;
+    sizeL?: Size$2;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size;
+    sizeXL?: Size$2;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$2, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -4278,43 +4291,39 @@ interface AccordionBaseProps extends ResponsiveSizeProps<Size>, ResponsiveMargin
      *
      * @general
      * @default undefined */
-    margin?: Margin | [DESKTOP: Margin, TABLET: Margin, MOBILE: Margin] | [XL: Margin, L: Margin, M: Margin, S: Margin, XS: Margin, XXS: Margin];
+    margin?: Margin$2 | [DESKTOP: Margin$2, TABLET: Margin$2, MOBILE: Margin$2] | [XL: Margin$2, L: Margin$2, M: Margin$2, S: Margin$2, XS: Margin$2, XXS: Margin$2];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin;
+    marginXXS?: Margin$2;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin;
+    marginXS?: Margin$2;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin;
+    marginS?: Margin$2;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin;
+    marginM?: Margin$2;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin;
+    marginL?: Margin$2;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin;
+    marginXL?: Margin$2;
 }
 declare type AccordionProps = AccordionBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof AccordionBaseProps>;
-declare type AccordionDividerBaseProps = ResponsiveMarginProps & ColorProperty;
-declare type AccordionDividerProps = AccordionDividerBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof AccordionDividerBaseProps>;
-
-declare const AccordionDivider: React.ForwardRefExoticComponent<AccordionDividerProps>;
 
 /**
  *
@@ -4326,7 +4335,7 @@ declare const AccordionDivider: React.ForwardRefExoticComponent<AccordionDivider
  */
 declare const Accordion: React.ForwardRefExoticComponent<AccordionProps> & {
     Item: typeof AccordionItem;
-    Divider: typeof AccordionDivider;
+    Divider: typeof Divider;
 };
 
 declare type SwitchSize = 'xl' | 'l' | 'm' | 's' | 'xs';
@@ -4512,7 +4521,14 @@ declare const screenMinXl: (params?: MediaQueryParams) => <T extends object>(arg
  */
 declare const screenRetina: (args_0: CSSObject | TemplateStringsArray, args_1: SimpleInterpolation) => styled_components.FlattenSimpleInterpolation;
 
-declare const useClickOutside: (ref: RefObject<HTMLElement>, handleClickOutside: (evt: MouseEvent) => void, listenerOptions?: AddEventListenerOptions | boolean) => void;
+declare const useClickOutside: (target: DomTarget | DomTarget[], callback: (evt: MouseEvent) => void, options?: {
+    enabled?: boolean;
+    event?: 'click' | 'mousedown';
+    once?: boolean;
+    passive?: boolean;
+    signal?: AbortSignal;
+    capture?: boolean;
+}) => void;
 
 declare const useScrollMonitor: ({ target, scrollThrottleMS, scrollEndDebounceMS, onScroll, onScrollStart, onScrollEnd, listenerOptions, }: {
     target?: string | HTMLElement | RefObject<HTMLElement> | null | undefined;
@@ -4526,7 +4542,7 @@ declare const useScrollMonitor: ({ target, scrollThrottleMS, scrollEndDebounceMS
 
 declare const vAlign: (vAlign: 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'baseline') => styled_components.FlattenSimpleInterpolation;
 
-declare function buildMediaQuery(value: number | Size$6 | '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$6, number>): ReturnType<typeof css>;
+declare function buildMediaQuery(value: number | Size$8 | '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$8, number>): ReturnType<typeof css>;
 declare const desktopFirst: (a: string, b: string) => number;
 declare const mobileFirst: (a: string, b: string) => number;
 
@@ -6695,4 +6711,495 @@ declare type AspectRatioProps = AspectRatioBaseProps & Omit<React.ComponentProps
  */
 declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps>;
 
-export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundPropControl, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle, type 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$6 as Size, type SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, 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, Tooltip, type TooltipComponentProps, type TooltipProps, type WithThemePreset, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollMonitor, vAlign };
+declare type Size$1 = 'l' | 'm' | 's';
+declare type Margin$1 = number | string;
+interface TabListTabBaseProps extends ResponsiveSizeProps<Size$1>, ResponsiveMarginProps {
+    /**
+     * Идентификатор.
+     *
+     * Требуется для корректной работы, если компонент используется вместе с TabList.
+     *
+     * @general
+     * @default undefined */
+    id?: string;
+    /**
+     * Идентификатор панели с ассоциированным контентом.
+     *
+     * @general
+     * @default undefined */
+    panelId?: string;
+    /**
+     * Активное визуальное состояние.
+     *
+     * @general
+     * @default undefined */
+    active?: boolean;
+    /**
+     * Вариант внешнего вида.
+     *
+     * @general
+     * @default 'clear' */
+    variant?: 'underlined' | 'filled' | 'clear';
+    /**
+     * Кастомные цвета.
+     *
+     * @general
+     * @default {} */
+    palette?: {
+        color?: Color;
+        colorHover?: Color;
+        colorActive?: Color;
+        colorDisabled?: Color;
+        colorActiveDisabled?: Color;
+        backgroundColor?: Color;
+        backgroundColorHover?: Color;
+        backgroundColorActive?: Color;
+        backgroundColorDisabled?: Color;
+        backgroundColorActiveDisabled?: Color;
+    };
+    /**
+     * Интерактивность отключена.
+     *
+     * @general
+     * @default false */
+    disabled?: boolean;
+    /**
+     * Основной контент.
+     *
+     * Если передана строка или число используется встроенная типографика.
+     *
+     * @slot
+     * @default undefined */
+    text?: React.ReactNode | ((textProps: TextProps) => React.ReactNode);
+    /**
+     * Дополнительные элементы слева.
+     *
+     * @slot
+     * @default undefined */
+    addonLeft?: React.ReactNode | ((props: {
+        iconProps: IconProps;
+        indicatorProps: IndicatorProps;
+    }) => React.ReactNode);
+    /**
+     * Дополнительные элементы справа.
+     *
+     * @slot
+     * @default undefined */
+    addonRight?: React.ReactNode | ((props: {
+        iconProps: IconProps;
+        indicatorProps: IndicatorProps;
+    }) => React.ReactNode);
+    /**
+     * Кастомный рутовый блок.
+     *
+     * Использование компонента только как контейнера.
+     *
+     * @slot
+     * @default undefined */
+    children?: React.ReactNode | ((rootProps: {
+        textProps: TextProps;
+        iconProps: IconProps;
+        indicatorProps: IndicatorProps;
+    }) => React.ReactNode);
+    /**
+     * Размер.
+     *
+     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default 's' */
+    size?: Size$1 | [DESKTOP: Size$1, TABLET: Size$1, MOBILE: Size$1] | [XL: Size$1, L: Size$1, M: Size$1, S: Size$1, XS: Size$1, XXS: Size$1];
+    /**
+     * Размер для XXS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXXS?: Size$1;
+    /**
+     * Размер для XS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXS?: Size$1;
+    /**
+     * Размер для S брейкпоинта.
+     *
+     * @default undefined */
+    sizeS?: Size$1;
+    /**
+     * Размер для M брейкпоинта.
+     *
+     * @default undefined */
+    sizeM?: Size$1;
+    /**
+     * Размер для L брейкпоинта.
+     *
+     * @default undefined */
+    sizeL?: Size$1;
+    /**
+     * Размер для XL брейкпоинта.
+     *
+     * @default undefined */
+    sizeXL?: Size$1;
+    /**
+     * Модификация размеров.
+     *
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size$1, React.CSSProperties>>;
+    /**
+     * Внешние отступы.
+     *
+     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default undefined */
+    margin?: Margin$1 | [DESKTOP: Margin$1, TABLET: Margin$1, MOBILE: Margin$1] | [XL: Margin$1, L: Margin$1, M: Margin$1, S: Margin$1, XS: Margin$1, XXS: Margin$1];
+    /**
+     * Отступ для XXS брейкпоинта.
+     *
+     * @default undefined */
+    marginXXS?: Margin$1;
+    /**
+     * Отступ для XS брейкпоинта.
+     *
+     * @default undefined */
+    marginXS?: Margin$1;
+    /**
+     * Отступ для S брейкпоинта.
+     *
+     * @default undefined */
+    marginS?: Margin$1;
+    /**
+     * Отступ для M брейкпоинта.
+     *
+     * @default undefined */
+    marginM?: Margin$1;
+    /**
+     * Отступ для L брейкпоинта.
+     *
+     * @default undefined */
+    marginL?: Margin$1;
+    /**
+     * Отступ для XL брейкпоинта.
+     *
+     * @default undefined */
+    marginXL?: Margin$1;
+}
+declare type TabListTabProps = TabListTabBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof TabListTabBaseProps>;
+
+/**
+ *
+ * Контрол активация которого отображает панель с ассоциированным контентом.
+ *
+ * Поддерживается "ref" и все нативные атрибуты \<button\> элемента.
+ *
+ * Дизайн соответствует [рекомендациям WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/).
+ *
+ * @visibleName TabList.Tab
+ */
+declare const TabListTab: React.ForwardRefExoticComponent<TabListTabProps>;
+
+declare type Size = 'l' | 'm' | 's';
+declare type Variant = 'underlined' | 'filled' | 'clear';
+declare type Layout = 'vertical' | 'horizontal';
+declare type Margin = number | string;
+interface TabListBaseProps extends ResponsiveSizeProps<Size>, ResponsiveLayoutProps<Layout>, ResponsiveMarginProps {
+    /**
+     * Идентификатор активного таба в начальном состоянии.
+     *
+     * Должен соответствовать идентификатору используемого таба.
+     *
+     * @general
+     * @default undefined */
+    defaultActiveTab?: string;
+    /**
+     * Идентификатор активного таба.
+     *
+     * Должен соответствовать идентификатору используемого таба.
+     *
+     * Использование пропа включает контролируемый режим.
+     *
+     * @general
+     * @default undefined */
+    activeTab?: string;
+    /**
+     * Колбек будет вызван при изменении активного таба.
+     *
+     * @general
+     * @default undefined */
+    onActiveTabChange?: (tabId: string) => void;
+    /**
+     * Автоматическая активация табов при перемещении фокуса.
+     *
+     * Рекомендуется использовать если рендер панели с ассоциированным контентом возможен без задержки.
+     *
+     * @general
+     * @default false */
+    activationOnFocus?: boolean;
+    /**
+     * Интерактивность отключена.
+     *
+     * @general
+     * @default false */
+    disabled?: boolean;
+    /**
+     * Вариант внешнего вида табов.
+     *
+     * @general
+     * @default 'clear' */
+    variant?: Variant;
+    /**
+     * Табы.
+     *
+     * @general */
+    children: React.ReactNode;
+    /**
+     * Табы в контекстном меню.
+     *
+     * @general
+     * @default undefined */
+    menuItems?: React.ReactNode;
+    /**
+     * Включить автоперемещение табов в контекстное меню.
+     *
+     * При включенном автоперемещении проп menuItems не используется.
+     *
+     * @general
+     * @default false */
+    tabsAutoGroup?: boolean;
+    /**
+     * Включить эффект фейдинга при скролле табов.
+     *
+     * @genaral
+     * @default false */
+    scrollFading?: boolean;
+    /**
+     * Добавить дополнительные контролы для управления скроллом.
+     *
+     * @genaral
+     * @default false */
+    scrollControls?: boolean;
+    /**
+     * Отступ между табами (px).
+     *
+     * @general
+     * @default 8 */
+    gap?: number;
+    /**
+     * Кастомные цвета.
+     *
+     * @general
+     * @default {} */
+    palette?: {
+        backgroundColor?: Color;
+        menuBackgroundColor?: Color;
+        dividerColor?: Color;
+        tabColor?: Color;
+        tabColorHover?: Color;
+        tabColorActive?: Color;
+        tabColorDisabled?: Color;
+        tabColorActiveDisabled?: Color;
+        tabBackgroundColor?: Color;
+        tabBackgroundColorHover?: Color;
+        tabBackgroundColorActive?: Color;
+        tabBackgroundColorDisabled?: Color;
+        tabBackgroundColorActiveDisabled?: Color;
+    };
+    /**
+     * Дополнительные элементы.
+     *
+     * @slot
+     * @default undefined */
+    addon?: React.ReactNode;
+    /**
+     * Контент таба с контекстным меню.
+     *
+     * Если передана строка или число используется встроенная типографика.
+     *
+     * @slot
+     * @default undefined */
+    menuTabText?: React.ReactNode | ((textProps: TextProps) => React.ReactNode);
+    /**
+     * Кастомный контрол для таба с контекстным меню.
+     *
+     * @slot
+     * @default undefined */
+    menuTabControl?: (tabProps: TabListTabProps) => React.ReactNode;
+    /**
+     * Кастомный контрол для скролла табов влево.
+     *
+     * @slot
+     * @default undefined */
+    scrollControlLeft?: (iconButtonProps: IconButtonProps) => React.ReactNode;
+    /**
+     * Кастомный контрол для скролла табов вправо.
+     *
+     * @slot
+     * @default undefined */
+    scrollControlRight?: (iconButtonProps: IconButtonProps) => React.ReactNode;
+    /**
+     * Размер.
+     *
+     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default 's' */
+    size?: Size | [DESKTOP: Size, TABLET: Size, MOBILE: Size] | [XL: Size, L: Size, M: Size, S: Size, XS: Size, XXS: Size];
+    /**
+     * Размер для XXS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXXS?: Size;
+    /**
+     * Размер для XS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXS?: Size;
+    /**
+     * Размер для S брейкпоинта.
+     *
+     * @default undefined */
+    sizeS?: Size;
+    /**
+     * Размер для M брейкпоинта.
+     *
+     * @default undefined */
+    sizeM?: Size;
+    /**
+     * Размер для L брейкпоинта.
+     *
+     * @default undefined */
+    sizeL?: Size;
+    /**
+     * Размер для XL брейкпоинта.
+     *
+     * @default undefined */
+    sizeXL?: Size;
+    /**
+     * Модификация размеров.
+     *
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size, React.CSSProperties>>;
+    /**
+     * Вариант шаблона лейаута.
+     *
+     * Использование кортежей включает применение шаблонов в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default 'horizontal' */
+    layout?: Layout | [DESKTOP: Layout, TABLET: Layout, MOBILE: Layout] | [XL: Layout, L: Layout, M: Layout, S: Layout, XS: Layout, XXS: Layout];
+    /**
+     * Лейаут для XXS брейкпоинта.
+     *
+     * @default undefined */
+    layoutXXS?: Layout;
+    /**
+     * Лейаут для XS брейкпоинта.
+     *
+     * @default undefined */
+    layoutXS?: Layout;
+    /**
+     * Лейаут для S брейкпоинта.
+     *
+     * @default undefined */
+    layoutS?: Layout;
+    /**
+     * Лейаут для M брейкпоинта.
+     *
+     * @default undefined */
+    layoutM?: Layout;
+    /**
+     * Лейаут для L брейкпоинта.
+     *
+     * @default undefined */
+    layoutL?: Layout;
+    /**
+     * Лейаут для XL брейкпоинта.
+     *
+     * @default undefined */
+    layoutXL?: Layout;
+    /**
+     * Внешние отступы.
+     *
+     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default undefined */
+    margin?: Margin | [DESKTOP: Margin, TABLET: Margin, MOBILE: Margin] | [XL: Margin, L: Margin, M: Margin, S: Margin, XS: Margin, XXS: Margin];
+    /**
+     * Отступ для XXS брейкпоинта.
+     *
+     * @default undefined */
+    marginXXS?: Margin;
+    /**
+     * Отступ для XS брейкпоинта.
+     *
+     * @default undefined */
+    marginXS?: Margin;
+    /**
+     * Отступ для S брейкпоинта.
+     *
+     * @default undefined */
+    marginS?: Margin;
+    /**
+     * Отступ для M брейкпоинта.
+     *
+     * @default undefined */
+    marginM?: Margin;
+    /**
+     * Отступ для L брейкпоинта.
+     *
+     * @default undefined */
+    marginL?: Margin;
+    /**
+     * Отступ для XL брейкпоинта.
+     *
+     * @default undefined */
+    marginXL?: Margin;
+}
+declare type TabListProps = TabListBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof TabListBaseProps>;
+interface TabListPanelBaseProps extends ResponsiveSizeProps<Size>, ResponsiveMarginProps {
+    /**
+     * Идентификатор ассоциированного таба.
+     *
+     * @default undefined */
+    tabId?: string;
+    /**
+     * Скругление краев (px).
+     *
+     * @default 0 */
+    borderRadius?: number;
+    /**
+     * Кастомные цвета.
+     *
+     * @default {} */
+    palette?: {
+        backgroundColor?: Color;
+    };
+}
+declare type TabListPanelProps = TabListPanelBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof TabListPanelBaseProps>;
+
+/**
+ *
+ * Компонент для рендера контента активного ассоциированного таба.
+ *
+ * Поддерживается "ref" и все нативные атрибуты \<div\> элемента.
+ *
+ * Дизайн соответствует [рекомендациям WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/).
+ */
+declare const TabListPanel: React.ForwardRefExoticComponent<TabListPanelProps>;
+
+/**
+ *
+ * Компонент для создания группы табов и ассоциированных с ними панелей с контентом.
+ *
+ * Поддерживается "ref" и все нативные атрибуты \<div\> элемента.
+ *
+ * Дизайн соответствует [рекомендациям WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/).
+ */
+declare const TabList: React.ForwardRefExoticComponent<TabListProps> & {
+    Tab: typeof TabListTab;
+    Panel: typeof TabListPanel;
+};
+
+export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundPropControl, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle, type 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$8 as Size, type SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, TabList, type TabListPanelProps, type TabListProps, type TabListTabProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, Tooltip, type TooltipComponentProps, type TooltipProps, type WithThemePreset, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollMonitor, vAlign };