@foxford/ui 2.133.0 → 2.134.0

package/dts/index.d.ts

@@ -27,8 +27,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$A = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type SizeValue$1 = Size$A | CSSGlobalValue | number;
+type Size$B = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue$1 = Size$B | CSSGlobalValue | number;
 type Breakpoint$1 = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
 type Orientation = 'landscape' | 'portrait';
 type Color = ColorName | CSSColor;
@@ -94,7 +94,7 @@ interface ToolbarControl<T = Record<string, unknown>> {
 type PlaygroundToolbar<T = Record<string, unknown>> = Record<string, ToolbarControl<T>[] | ToolbarControl<T>[][]>;
 type WrappedComponentProps = {
     preset?: ThemePreset;
-    sizes?: Partial<Record<Size$A, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$B, React.CSSProperties>>;
     palette?: Partial<Record<ColorPaletteKey, Color>>;
 };
 type WithMergedPropsOptions<T extends WrappedComponentProps> = {
@@ -107,6 +107,11 @@ type PolymorphicProps<C extends React.ElementType, P> = {
 type PolymorphicPropsWithRef<C extends React.ElementType, P> = PolymorphicProps<C, P> & {
     ref?: PolymorphicRef<C>;
 };
+interface CanvasAnimationPlayer {
+    resize: () => void;
+    play: (element: Element) => void;
+    destroy: () => void;
+}
 
 declare const getLightHoverColor: (color: string) => HEX;
 declare const getLightStrongHoverColor: (color: string) => HEX;
@@ -236,7 +241,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     /** Кастомные цвета */
     palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
 }
-interface TextProps extends ResponsiveSizeProps<Size$A, SizeValue$1>, ResponsiveMarginProps, 
+interface TextProps extends ResponsiveSizeProps<Size$B, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated */
 DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
     /** Применение присета стилей и размеров */
@@ -310,8 +315,8 @@ declare const Text: React.ForwardRefExoticComponent<TextProps> & {
     Ellipse: typeof TextEllipse;
 };
 
-type Size$z = 's' | 'm';
-interface TimerBaseProps extends ResponsiveSizeProps<Size$z> {
+type Size$A = 's' | 'm';
+interface TimerBaseProps extends ResponsiveSizeProps<Size$A> {
     /**
      * Время работы таймера (секунды).
      */
@@ -1378,11 +1383,11 @@ type IconISOCode =
   | 'af'
 
 type SizeIcon = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Size$y = SizeIcon | number | 'inherit';
-type Margin$q = number | string;
+type Size$z = SizeIcon | number | 'inherit';
+type Margin$r = 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$y>, ResponsiveMarginProps {
+interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$z>, ResponsiveMarginProps {
     /**
      * Версия компонента: v3 ("brand") или v2 ("default").
      *
@@ -1437,37 +1442,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$y>, Responsiv
      *
      * @general
      * @default 'inherit' */
-    size?: Size$y | [DESKTOP: Size$y, TABLET: Size$y, MOBILE: Size$y] | [XL: Size$y, L: Size$y, M: Size$y, S: Size$y, XS: Size$y, XXS: Size$y];
+    size?: Size$z | [DESKTOP: Size$z, TABLET: Size$z, MOBILE: Size$z] | [XL: Size$z, L: Size$z, M: Size$z, S: Size$z, XS: Size$z, XXS: Size$z];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$y;
+    sizeXXS?: Size$z;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$y;
+    sizeXS?: Size$z;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$y;
+    sizeS?: Size$z;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$y;
+    sizeM?: Size$z;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$y;
+    sizeL?: Size$z;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$y;
+    sizeXL?: Size$z;
     /**
      * Модификация размеров.
      *
@@ -1481,37 +1486,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$y>, Responsiv
      *
      * @general
      * @default undefined */
-    margin?: Margin$q | [DESKTOP: Margin$q, TABLET: Margin$q, MOBILE: Margin$q] | [XL: Margin$q, L: Margin$q, M: Margin$q, S: Margin$q, XS: Margin$q, XXS: Margin$q];
+    margin?: Margin$r | [DESKTOP: Margin$r, TABLET: Margin$r, MOBILE: Margin$r] | [XL: Margin$r, L: Margin$r, M: Margin$r, S: Margin$r, XS: Margin$r, XXS: Margin$r];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$q;
+    marginXXS?: Margin$r;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$q;
+    marginXS?: Margin$r;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$q;
+    marginS?: Margin$r;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$q;
+    marginM?: Margin$r;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$q;
+    marginL?: Margin$r;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$q;
+    marginXL?: Margin$r;
     /** @ignore @deprecated */
     as?: React.ElementType;
 }
@@ -1525,9 +1530,9 @@ type IconProps = IconBaseProps & Omit<React.ComponentPropsWithRef<'span'>, keyof
  */
 declare const Icon: React.ForwardRefExoticComponent<IconProps>;
 
-type Size$x = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
-type Margin$p = number | string;
-interface IconButtonBaseProps extends ResponsiveSizeProps<Size$x>, ResponsiveMarginProps {
+type Size$y = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
+type Margin$q = number | string;
+interface IconButtonBaseProps extends ResponsiveSizeProps<Size$y>, ResponsiveMarginProps {
     /**
      * Кастомные цвета.
      *
@@ -1597,43 +1602,43 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$x>, ResponsiveMar
      *
      * @general
      * @default 'm' */
-    size?: Size$x | [DESKTOP: Size$x, TABLET: Size$x, MOBILE: Size$x] | [XL: Size$x, L: Size$x, M: Size$x, S: Size$x, XS: Size$x, XXS: Size$x];
+    size?: Size$y | [DESKTOP: Size$y, TABLET: Size$y, MOBILE: Size$y] | [XL: Size$y, L: Size$y, M: Size$y, S: Size$y, XS: Size$y, XXS: Size$y];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$x;
+    sizeXXS?: Size$y;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$x;
+    sizeXS?: Size$y;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$x;
+    sizeS?: Size$y;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$x;
+    sizeM?: Size$y;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$x;
+    sizeL?: Size$y;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$x;
+    sizeXL?: Size$y;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$x, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$y, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -1641,37 +1646,37 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$x>, ResponsiveMar
      *
      * @general
      * @default undefined */
-    margin?: Margin$p | [DESKTOP: Margin$p, TABLET: Margin$p, MOBILE: Margin$p] | [XL: Margin$p, L: Margin$p, M: Margin$p, S: Margin$p, XS: Margin$p, XXS: Margin$p];
+    margin?: Margin$q | [DESKTOP: Margin$q, TABLET: Margin$q, MOBILE: Margin$q] | [XL: Margin$q, L: Margin$q, M: Margin$q, S: Margin$q, XS: Margin$q, XXS: Margin$q];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$p;
+    marginXXS?: Margin$q;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$p;
+    marginXS?: Margin$q;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$p;
+    marginS?: Margin$q;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$p;
+    marginM?: Margin$q;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$p;
+    marginL?: Margin$q;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$p;
+    marginXL?: Margin$q;
 }
 type IconButtonProps = IconButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof IconButtonBaseProps>;
 
@@ -1760,21 +1765,21 @@ interface Location extends Path {
 /**
  * Value for breakpoint
  */
-type PossibleValues = number | Size$A | 'auto' | 'initial' | 'inherit' | boolean;
+type PossibleValues = number | Size$B | '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$A> = 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$A, number>) => () => () => FlattenSimpleInterpolation | null;
+type ResponsiveProperty<V = number | Size$B> = 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$B, 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$A, number>;
+    predefinedSizes?: Record<Size$B, number>;
 }
 /**
  * Миксин для генерации media запросов
@@ -1796,9 +1801,9 @@ declare const responsiveNamedProperty: <T extends PropsProperties>({ sizes, pred
  */
 declare const responsiveProperty: (propName: string, cssProperty?: string | null, sizing?: null | string) => () => (props: any) => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>> | null;
 
-type Size$w = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$o = number | string;
-interface ButtonBaseProps extends ResponsiveSizeProps<Size$w>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
+type Size$x = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$p = number | string;
+interface ButtonBaseProps extends ResponsiveSizeProps<Size$x>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
 /** @deprecated */
 ColorProperty, 
 /** @deprecated */
@@ -2026,53 +2031,53 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
      *
      * @general
      * @default 'm' */
-    size?: Size$w | [DESKTOP: Size$w, TABLET: Size$w, MOBILE: Size$w] | [XL: Size$w, L: Size$w, M: Size$w, S: Size$w, XS: Size$w, XXS: Size$w];
+    size?: Size$x | [DESKTOP: Size$x, TABLET: Size$x, MOBILE: Size$x] | [XL: Size$x, L: Size$x, M: Size$x, S: Size$x, XS: Size$x, XXS: Size$x];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$w;
+    sizeXXS?: Size$x;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$w;
+    sizeXS?: Size$x;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$w;
+    sizeS?: Size$x;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$w;
+    sizeM?: Size$x;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$w;
+    sizeL?: Size$x;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$w;
+    sizeXL?: Size$x;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$w, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$x, React.CSSProperties>>;
     /**
      * Модификация размеров текста.
      *
      * @default undefined */
-    textSizes?: Partial<Record<Size$w, React.CSSProperties>>;
+    textSizes?: Partial<Record<Size$x, React.CSSProperties>>;
     /**
      * Модификация размеров иконок.
      *
      * @default undefined */
-    iconSizes?: Partial<Record<Size$w, React.CSSProperties>>;
+    iconSizes?: Partial<Record<Size$x, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -2080,37 +2085,37 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
      *
      * @general
      * @default undefined */
-    margin?: Margin$o | [DESKTOP: Margin$o, TABLET: Margin$o, MOBILE: Margin$o] | [XL: Margin$o, L: Margin$o, M: Margin$o, S: Margin$o, XS: Margin$o, XXS: Margin$o];
+    margin?: Margin$p | [DESKTOP: Margin$p, TABLET: Margin$p, MOBILE: Margin$p] | [XL: Margin$p, L: Margin$p, M: Margin$p, S: Margin$p, XS: Margin$p, XXS: Margin$p];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$o;
+    marginXXS?: Margin$p;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$o;
+    marginXS?: Margin$p;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$o;
+    marginS?: Margin$p;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$o;
+    marginM?: Margin$p;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$o;
+    marginL?: Margin$p;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$o;
+    marginXL?: Margin$p;
     /** @ignore */
     primary?: boolean;
     /** @ignore */
@@ -2148,10 +2153,10 @@ type ButtonProps = ButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>,
  */
 declare const Button: React.ForwardRefExoticComponent<ButtonProps>;
 
-type Size$v = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type SizeValue = Size$v | 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer' | number;
-type Margin$n = number | string;
-interface AnchorProps extends ResponsiveSizeProps<Size$v, SizeValue>, ResponsiveMarginProps, 
+type Size$w = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue = Size$w | 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer' | number;
+type Margin$o = number | string;
+interface AnchorProps extends ResponsiveSizeProps<Size$w, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use children as function */
@@ -2281,7 +2286,7 @@ DisplayProperty {
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$v, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$w, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -2289,37 +2294,37 @@ DisplayProperty {
      *
      * @general
      * @default undefined */
-    margin?: Margin$n | [DESKTOP: Margin$n, TABLET: Margin$n, MOBILE: Margin$n] | [XL: Margin$n, L: Margin$n, M: Margin$n, S: Margin$n, XS: Margin$n, XXS: Margin$n];
+    margin?: Margin$o | [DESKTOP: Margin$o, TABLET: Margin$o, MOBILE: Margin$o] | [XL: Margin$o, L: Margin$o, M: Margin$o, S: Margin$o, XS: Margin$o, XXS: Margin$o];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$n;
+    marginXXS?: Margin$o;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$n;
+    marginXS?: Margin$o;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$n;
+    marginS?: Margin$o;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$n;
+    marginM?: Margin$o;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$n;
+    marginL?: Margin$o;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$n;
+    marginXL?: Margin$o;
     /** @ignore */
     leftIconProps?: IconProps;
     /** @ignore */
@@ -2348,8 +2353,8 @@ DisplayProperty {
  */
 declare const Anchor: <C extends React.ElementType = "a">(props: PolymorphicPropsWithRef<C, AnchorProps>) => React.ReactElement | null;
 
-type Margin$m = number | string;
-type Size$u = 'm' | 's';
+type Margin$n = number | string;
+type Size$v = 'm' | 's';
 type AlertType = 'info' | 'success' | 'warning' | 'error';
 type Layout$6 = 'vertical' | 'horizontal';
 interface AlertBaseProps {
@@ -2451,43 +2456,43 @@ interface AlertBaseProps {
      *
      * @general
      * @default 's' */
-    size?: Size$u | [DESKTOP: Size$u, TABLET: Size$u, MOBILE: Size$u] | [XL: Size$u, L: Size$u, M: Size$u, S: Size$u, XS: Size$u, XXS: Size$u];
+    size?: Size$v | [DESKTOP: Size$v, TABLET: Size$v, MOBILE: Size$v] | [XL: Size$v, L: Size$v, M: Size$v, S: Size$v, XS: Size$v, XXS: Size$v];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$u;
+    sizeXXS?: Size$v;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$u;
+    sizeXS?: Size$v;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$u;
+    sizeS?: Size$v;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$u;
+    sizeM?: Size$v;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$u;
+    sizeL?: Size$v;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$u;
+    sizeXL?: Size$v;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$u, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$v, React.CSSProperties>>;
     /**
      * Вариант шаблона лейаута.
      *
@@ -2533,37 +2538,37 @@ interface AlertBaseProps {
      *
      * @general
      * @default undefined */
-    margin?: Margin$m | [DESKTOP: Margin$m, TABLET: Margin$m, MOBILE: Margin$m] | [XL: Margin$m, L: Margin$m, M: Margin$m, S: Margin$m, XS: Margin$m, XXS: Margin$m];
+    margin?: Margin$n | [DESKTOP: Margin$n, TABLET: Margin$n, MOBILE: Margin$n] | [XL: Margin$n, L: Margin$n, M: Margin$n, S: Margin$n, XS: Margin$n, XXS: Margin$n];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$m;
+    marginXXS?: Margin$n;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$m;
+    marginXS?: Margin$n;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$m;
+    marginS?: Margin$n;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$m;
+    marginM?: Margin$n;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$m;
+    marginL?: Margin$n;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$m;
+    marginXL?: Margin$n;
     /**
      * @ignore
      */
@@ -2584,9 +2589,9 @@ declare const Alert: React.ForwardRefExoticComponent<AlertProps> & {
     Timer: typeof Timer;
 };
 
-type Size$t = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$l = number | string;
-interface ArrowProps extends ResponsiveSizeProps<Size$t, SizeValue$1>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
+type Size$u = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$m = number | string;
+interface ArrowProps extends ResponsiveSizeProps<Size$u, SizeValue$1>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
     /**
      * Версия компонента: v3 ("brand") или v2 ("default").
      *
@@ -2668,6 +2673,196 @@ interface ArrowProps extends ResponsiveSizeProps<Size$t, SizeValue$1>, Responsiv
      *
      * @general
      * @default 'l' */
+    size?: Size$u | [DESKTOP: Size$u, TABLET: Size$u, MOBILE: Size$u] | [XL: Size$u, L: Size$u, M: Size$u, S: Size$u, XS: Size$u, XXS: Size$u];
+    /**
+     * Размер для XXS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXXS?: Size$u;
+    /**
+     * Размер для XS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXS?: Size$u;
+    /**
+     * Размер для S брейкпоинта.
+     *
+     * @default undefined */
+    sizeS?: Size$u;
+    /**
+     * Размер для M брейкпоинта.
+     *
+     * @default undefined */
+    sizeM?: Size$u;
+    /**
+     * Размер для L брейкпоинта.
+     *
+     * @default undefined */
+    sizeL?: Size$u;
+    /**
+     * Размер для XL брейкпоинта.
+     *
+     * @default undefined */
+    sizeXL?: Size$u;
+    /**
+     * Модификация размеров.
+     *
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size$u, React.CSSProperties>>;
+    /**
+     * Внешние отступы.
+     *
+     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default undefined */
+    margin?: Margin$m | [DESKTOP: Margin$m, TABLET: Margin$m, MOBILE: Margin$m] | [XL: Margin$m, L: Margin$m, M: Margin$m, S: Margin$m, XS: Margin$m, XXS: Margin$m];
+    /**
+     * Отступ для XXS брейкпоинта.
+     *
+     * @default undefined */
+    marginXXS?: Margin$m;
+    /**
+     * Отступ для XS брейкпоинта.
+     *
+     * @default undefined */
+    marginXS?: Margin$m;
+    /**
+     * Отступ для S брейкпоинта.
+     *
+     * @default undefined */
+    marginS?: Margin$m;
+    /**
+     * Отступ для M брейкпоинта.
+     *
+     * @default undefined */
+    marginM?: Margin$m;
+    /**
+     * Отступ для L брейкпоинта.
+     *
+     * @default undefined */
+    marginL?: Margin$m;
+    /**
+     * Отступ для XL брейкпоинта.
+     *
+     * @default undefined */
+    marginXL?: Margin$m;
+    /** @ignore */
+    inverse?: boolean;
+    /** @ignore @deprecated */
+    onColored?: boolean;
+}
+
+/**
+ *
+ * *v1.0.0*
+ *
+ * Контрол многоцелевого назначения.
+ *
+ * Поддерживается "ref" и все нативные атрибуты \<button\> элемента.
+ */
+declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
+
+type Size$t = 'l' | 'm' | 's' | 'xs';
+type Margin$l = number | string;
+interface GlossyButtonProps extends ResponsiveSizeProps<Size$t>, ResponsiveMarginProps {
+    /**
+     * Компонент рутового элемента.
+     *
+     * @general
+     * @default 'button' */
+    component?: ComponentElementType;
+    /**
+     * Основной текстовый контент.
+     *
+     * Если передана строка или число, используется встроенная типографика.
+     *
+     * @slot
+     * @default undefined */
+    text?: React.ReactNode | ((textProps: TextProps) => React.ReactNode);
+    /**
+     * Дополнительные элементы слева.
+     *
+     * @slot
+     * @default undefined */
+    addonLeft?: React.ReactElement | ((addonLeftProps: {
+        iconProps: IconProps;
+    }) => React.ReactNode);
+    /**
+     * Дополнительные элементы справа.
+     *
+     * @slot
+     * @default undefined */
+    addonRight?: React.ReactElement | ((addonRightProps: {
+        iconProps: IconProps;
+    }) => React.ReactNode);
+    /**
+     * Иконка для состояния загрузки.
+     *
+     * По умолчанию используется loaderFill.
+     *
+     * @slot
+     * @default undefined */
+    loadingIcon?: React.ReactElement | ((iconProps: IconProps) => React.ReactNode);
+    /**
+     * Основной контент.
+     *
+     * @slot
+     * @default undefined */
+    children?: React.ReactNode | ((props: {
+        textProps: TextProps;
+        iconProps: IconProps;
+        loadingIconProps: IconProps;
+    }) => React.ReactNode);
+    /**
+     * Отображение на одной линии с другими элементами.
+     *
+     * @default true */
+    inline?: boolean;
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default 'primary' */
+    variant?: 'primary' | 'secondary' | 'black';
+    /**
+     * Использование тени.
+     *
+     * @general
+     * @default false */
+    shadow?: boolean;
+    /**
+     * Анимация комет внутри кнопки.
+     *
+     * @general
+     * @default false */
+    animated?: boolean;
+    /**
+     * Индикация выполнения операции.
+     *
+     * @general
+     * @default false */
+    loading?: boolean;
+    /**
+     * Неактивное состояние.
+     *
+     * @general
+     * @default false */
+    disabled?: boolean;
+    /**
+     * Отображать основной контент при наличии статуса (`loading`).
+     *
+     * @general
+     * @default false */
+    showContentOnStatus?: boolean;
+    /**
+     * Размер.
+     *
+     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default 'm' */
     size?: Size$t | [DESKTOP: Size$t, TABLET: Size$t, MOBILE: Size$t] | [XL: Size$t, L: Size$t, M: Size$t, S: Size$t, XS: Size$t, XXS: Size$t];
     /**
      * Размер для XXS брейкпоинта.
@@ -2743,21 +2938,17 @@ interface ArrowProps extends ResponsiveSizeProps<Size$t, SizeValue$1>, Responsiv
      *
      * @default undefined */
     marginXL?: Margin$l;
-    /** @ignore */
-    inverse?: boolean;
-    /** @ignore @deprecated */
-    onColored?: boolean;
 }
 
 /**
- *
- * *v1.0.0*
  *
  * Контрол многоцелевого назначения.
  *
- * Поддерживается "ref" и все нативные атрибуты \<button\> элемента.
+ * Полиморфный компонент.
+ *
+ * Можно передать "ref" и атрибуты выбранного HTML-элемента (по умолчанию \<button\>).
  */
-declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
+declare const GlossyButton: <C extends React.ElementType = "button">(props: PolymorphicPropsWithRef<C, GlossyButtonProps>) => React.ReactElement | null;
 
 type Size$s = 'xl' | 'l' | 'm' | 's' | 'xs';
 interface InputCheckboxProps extends ResponsiveSizeProps<Size$s>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
@@ -7832,6 +8023,7 @@ interface BaseTheme {
         Button?: Partial<ButtonProps>;
         Checkbox?: Partial<CheckboxProps>;
         Chip?: Partial<ChipProps>;
+        GlossyButton?: Partial<GlossyButtonProps>;
         IconButton?: Partial<IconButtonProps>;
         Indicator?: Partial<IndicatorProps>;
         ListItem?: Partial<ListItemProps>;
@@ -8006,7 +8198,7 @@ declare const useMediaMatchers: () => Partial<Record<MediaMatcherId, boolean>>;
 
 declare const vAlign: (align: "top" | "middle" | "bottom" | "text-top" | "text-bottom" | "baseline") => styled_components.FlattenSimpleInterpolation;
 
-declare function buildMediaQuery(value: number | Size$A | '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$A, number>): ReturnType<typeof css>;
+declare function buildMediaQuery(value: number | Size$B | '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$B, number>): ReturnType<typeof css>;
 declare const desktopFirst: (a: string, b: string) => number;
 declare const mobileFirst: (a: string, b: string) => number;
 
@@ -11574,4 +11766,4 @@ declare const ImageUploader: React.ForwardRefExoticComponent<ImageUploaderProps>
     Grid: typeof ImageUploaderGrid;
 };
 
-export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, AddElement, type AddElementProps, Alert, type AlertBaseProps, 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, type ColorName, 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, FileUploader, type FileUploaderItemProps, type FileUploaderListProps, type FileUploaderProps, FormLabel, type FormLabelProps, Gradient, type GradientProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconISOCode, type IconName, type IconProps, ImageUploader, type ImageUploaderGridProps, type ImageUploaderProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, type MarginValue, Media, type MediaBreakpoint, type MediaMatcherId, 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 ResponsiveMarginProps$1 as ResponsiveMarginProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, type SemanticTheme, Separator, type SeparatorProps, type Size$A 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 TimerBaseProps, type TimerProps, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithMergedPropsOptions, type WithThemePreset, type WrappedComponentProps, adultDarkTheme, adultLightTheme, algoritmikaDayTheme, algoritmikaNightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, examDayTheme, examNightTheme, foxfordDayTheme, foxfordNightTheme, 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 AlertBaseProps, 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, type CanvasAnimationPlayer, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, type ColorName, 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, FileUploader, type FileUploaderItemProps, type FileUploaderListProps, type FileUploaderProps, FormLabel, type FormLabelProps, GlossyButton, type GlossyButtonProps, Gradient, type GradientProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconISOCode, type IconName, type IconProps, ImageUploader, type ImageUploaderGridProps, type ImageUploaderProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, type MarginValue, Media, type MediaBreakpoint, type MediaMatcherId, 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 ResponsiveMarginProps$1 as ResponsiveMarginProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, type SemanticTheme, Separator, type SeparatorProps, type Size$B 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 TimerBaseProps, type TimerProps, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithMergedPropsOptions, type WithThemePreset, type WrappedComponentProps, adultDarkTheme, adultLightTheme, algoritmikaDayTheme, algoritmikaNightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, examDayTheme, examNightTheme, foxfordDayTheme, foxfordNightTheme, 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 };