@foxford/ui 2.119.0-beta-3939fb6-20260713 → 2.119.0

package/dts/index.d.ts

@@ -26,8 +26,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$y = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type SizeValue$1 = Size$y | CSSGlobalValue | number;
+type Size$w = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue$1 = Size$w | CSSGlobalValue | number;
 type Breakpoint$1 = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
 type Orientation = 'landscape' | 'portrait';
 type Color = ColorName | CSSColor;
@@ -43,9 +43,6 @@ type WithThemePreset<T> = T & {
 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;
-type MarginValue = CSSGlobalValue | (string & {}) | number;
-type MediaBreakpoint = `${'min' | 'max'}${Breakpoint$1}`;
-type MediaMatcherId = MediaBreakpoint | Orientation;
 
 interface BaseProps {
     preset?: ThemePreset;
@@ -74,7 +71,6 @@ type ResponsiveSizeProps<S extends string, V = S> = ResponsiveProps<'size', V> &
 type ResponsivePositionProps<T extends string> = ResponsiveProps<'position', T> & {
     positions?: Partial<Record<T, CSSProperties>>;
 };
-type ResponsiveMarginProps$1 = ResponsiveProps<'margin', MarginValue>;
 type ResponsiveLayoutProps<T extends string> = ResponsiveProps<'layout', T>;
 type ResponsiveLayoutInterpolationProps<T extends string = string> = ResponsiveLayoutProps<T> & {
     layouts: Record<T, CSSProperties>;
@@ -93,7 +89,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$y, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$w, React.CSSProperties>>;
     palette?: Partial<Record<ColorPaletteKey, Color>>;
 };
 type WithMergedPropsOptions<T extends WrappedComponentProps> = {
@@ -116,47 +112,51 @@ declare const hexToRgbA: (hex: string, alpha?: number) => RGB | RGBA;
 
 declare const isHex: (hex: string) => boolean;
 
-type Observer<T> = (payload: T) => unknown;
-type UnsubscribeObserverCallback = () => void;
-declare class Observable<T> {
-    private observers;
-    protected notify: (payload: T) => void;
-    subscribe(observer: Observer<T>): UnsubscribeObserverCallback;
-    unsubscribe: (observer: Observer<T>) => void;
-}
-
-type MediaMatchPayload = {
-    matches: boolean;
-};
-declare class MediaMatcher<T = string> extends Observable<MediaMatchPayload> {
-    id: T;
-    private mediaQueryList?;
-    constructor(id: T, mediaQueryString: string);
-    subscribe: (observer: Observer<MediaMatchPayload>) => UnsubscribeObserverCallback;
-}
-
-declare class MediaMediator {
-    breakpoint: Record<MediaBreakpoint, MediaMatcher<MediaMatcherId>>;
-    orientation: Record<Orientation, MediaMatcher<MediaMatcherId>>;
-    constructor(bps: Record<Lowercase<Breakpoint$1>, number>);
-    get matchers(): MediaMatcher<MediaMatcherId>[];
-    static query: {
-        up: (...bps: number[]) => string;
-        below: (...bps: number[]) => string;
-    };
-    static create(bps?: Partial<Record<Lowercase<Breakpoint$1>, number>>): MediaMediator;
-}
-
-declare const MediaProvider: (props: React.PropsWithChildren<{
-    value: MediaMediator;
-}>) => JSX.Element;
-
 interface ThemeProviderProps {
     theme: Partial<DefaultTheme> | ((topLevelTheme: DefaultTheme) => DefaultTheme);
     children?: React.ReactNode;
 }
 declare function ThemeProvider(props: ThemeProviderProps): JSX.Element;
 
+/**
+ * Value for breakpoint
+ */
+type PossibleValues = number | Size$w | '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$w> = 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$w, 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$w, number>;
+}
+/**
+ * Миксин для генерации media запросов
+ *
+ * @param obj.sizes Объект, в качестве ключей брэйкпоинт, в качестве значений - величина
+ * @param obj.cssProperty CSS свойство, может быть функцией, возвращающей css`` из styled-components
+ * @param obj.sizing значение величины, по умолчанию `px`
+ * @param obj.customSizeHandler функция для вычисления кастомных значений величин
+ * @returns строки медиазапросов
+ */
+declare const responsiveNamedProperty: <T extends PropsProperties>({ sizes, predefinedSizes, cssProperty, sizing, customSizeHandler, sort, }: ResponsiveNamedPropertyPayload<T>) => () => () => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>[];
+/**
+ * Миксин для генерации media запросов
+ *
+ * @param propName имя пропсы
+ * @param cssProperty имя css свойства
+ * @param sizing значение величины, по умолчанию `px`
+ * @returns строки медиазапросов
+ */
+declare const responsiveProperty: (propName: string, cssProperty?: string | null, sizing?: null | string) => () => (props: any) => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>> | null;
+
 type H = 'h1' | 'h2' | 'h3' | 'h4';
 interface TextHeadingProps extends Omit<TextProps, 'content' | 'as'> {
     /** Default set of size, lineHeight and weight props */
@@ -197,13 +197,14 @@ declare class TextEllipse extends Component<TextEllipseProps, TextEllipseState>
     static displayName: string;
     constructor(props: TextEllipseProps);
     componentDidUpdate({ content }: TextEllipseProps): void;
-    getContent: (props: Omit<TextEllipseProps, "className" | "moreText" | "lessText" | "showToggler" | "content">) => JSX.Element | "";
+    getContent: (props: Omit<TextEllipseProps, "className" | "moreText" | "lessText" | "showToggler" | "content">) => "" | JSX.Element;
     getQuted: (content: string) => string;
     toggle: () => void;
     render(): JSX.Element;
 }
 
 type MarginProperty = 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft';
+type MarginValue = CSSGlobalValue | (string & {}) | number;
 type ResponsiveMarginProps = ResponsiveProps<MarginProperty, MarginValue>;
 
 type ColorPropertyVariants = 'color' | 'fontColor' | `${string}Color` | `color${string}`;
@@ -235,7 +236,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     /** Кастомные цвета */
     palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
 }
-interface TextProps extends ResponsiveSizeProps<Size$y, SizeValue$1>, ResponsiveMarginProps, 
+interface TextProps extends ResponsiveSizeProps<Size$w, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated */
 DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
     /** Применение присета стилей и размеров */
@@ -309,56 +310,6 @@ declare const Text: React.ForwardRefExoticComponent<TextProps> & {
     Ellipse: typeof TextEllipse;
 };
 
-type Size$x = 's' | 'm';
-interface TimerBaseProps extends ResponsiveSizeProps<Size$x> {
-    /**
-     * Время работы таймера (секунды).
-     */
-    limit: number;
-    /**
-     * Поставить таймер на паузу.
-     *
-     * @default false */
-    paused?: boolean;
-    /**
-     * Кастомизация вывода контента.
-     *
-     * @default false */
-    content?: (props: {
-        textProps: TextProps;
-        seconds: number;
-    }) => React.ReactNode;
-    /**
-     * Кастомный цвет индикатора.
-     *
-     * @default undefined */
-    color?: Color;
-    /**
-     * Обработчик будет вызван при старте.
-     *
-     * @default undefined */
-    onStart?: () => void;
-    /**
-     * Обработчик будет вызван при завершении.
-     *
-     * @default undefined */
-    onFinish?: () => void;
-    /**
-     * Обработчик будет вызван при паузе.
-     *
-     * @default undefined */
-    onPause?: () => void;
-}
-type TimerProps = TimerBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof TimerBaseProps>;
-
-/**
- *
- * Таймер обратного отсчета.
- *
- * Поддерживается "ref" и все нативные атрибуты \<div\> элемента.
- */
-declare const Timer: react.ForwardRefExoticComponent<Pick<TimerProps, "hidden" | "translate" | "slot" | "style" | "title" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof TimerBaseProps> & react.RefAttributes<HTMLDivElement>>;
-
 type IconName$1 =
   | 'yemen'
   | 'wales'
@@ -924,6 +875,7 @@ type IconName$1 =
   | 'calendarEdit'
   | 'calendarTick'
   | 'calendarAdd'
+  | 'calendarWarning'
   | 'foxCoins'
   | 'diamond'
   | 'giftCard'
@@ -1367,11 +1319,11 @@ type IconISOCode =
   | 'af'
 
 type SizeIcon = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Size$w = SizeIcon | number | 'inherit';
-type Margin$l = number | string;
+type Size$v = SizeIcon | number | 'inherit';
+type Margin$k = 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$w>, ResponsiveMarginProps {
+interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$v>, ResponsiveMarginProps {
     /**
      * Версия компонента: v3 ("brand") или v2 ("default").
      *
@@ -1426,37 +1378,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$w>, Responsiv
      *
      * @general
      * @default 'inherit' */
-    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$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$w;
+    sizeXXS?: Size$v;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$w;
+    sizeXS?: Size$v;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$w;
+    sizeS?: Size$v;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$w;
+    sizeM?: Size$v;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$w;
+    sizeL?: Size$v;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$w;
+    sizeXL?: Size$v;
     /**
      * Модификация размеров.
      *
@@ -1470,37 +1422,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$w>, Responsiv
      *
      * @general
      * @default undefined */
-    margin?: Margin$l | [DESKTOP: Margin$l, TABLET: Margin$l, MOBILE: Margin$l] | [XL: Margin$l, L: Margin$l, M: Margin$l, S: Margin$l, XS: Margin$l, XXS: Margin$l];
+    margin?: Margin$k | [DESKTOP: Margin$k, TABLET: Margin$k, MOBILE: Margin$k] | [XL: Margin$k, L: Margin$k, M: Margin$k, S: Margin$k, XS: Margin$k, XXS: Margin$k];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$l;
+    marginXXS?: Margin$k;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$l;
+    marginXS?: Margin$k;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$l;
+    marginS?: Margin$k;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$l;
+    marginM?: Margin$k;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$l;
+    marginL?: Margin$k;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$l;
+    marginXL?: Margin$k;
     /** @ignore @deprecated */
     as?: React.ElementType;
 }
@@ -1514,115 +1466,212 @@ type IconProps = IconBaseProps & Omit<React.ComponentPropsWithRef<'span'>, keyof
  */
 declare const Icon: React.ForwardRefExoticComponent<IconProps>;
 
-type Size$v = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
-type Margin$k = number | string;
-interface IconButtonBaseProps extends ResponsiveSizeProps<Size$v>, ResponsiveMarginProps {
+/**
+ * A URL pathname, beginning with a /.
+ *
+ * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.pathname
+ */
+declare type Pathname = string;
+/**
+ * A URL search string, beginning with a ?.
+ *
+ * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.search
+ */
+declare type Search = string;
+/**
+ * A URL fragment identifier, beginning with a #.
+ *
+ * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.hash
+ */
+declare type Hash = string;
+/**
+ * A unique string associated with a location. May be used to safely store
+ * and retrieve data in some other storage API, like `localStorage`.
+ *
+ * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.key
+ */
+declare type Key = string;
+/**
+ * The pathname, search, and hash values of a URL.
+ */
+interface Path {
+    /**
+     * A URL pathname, beginning with a /.
+     *
+     * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.pathname
+     */
+    pathname: Pathname;
+    /**
+     * A URL search string, beginning with a ?.
+     *
+     * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.search
+     */
+    search: Search;
+    /**
+     * A URL fragment identifier, beginning with a #.
+     *
+     * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.hash
+     */
+    hash: Hash;
+}
+/**
+ * An entry in a history stack. A location contains information about the
+ * URL path, as well as possibly some arbitrary state and a key.
+ *
+ * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location
+ */
+interface Location extends Path {
+    /**
+     * A value of arbitrary data associated with this location.
+     *
+     * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.state
+     */
+    state: unknown;
+    /**
+     * A unique string associated with this location. May be used to safely store
+     * and retrieve data in some other storage API, like `localStorage`.
+     *
+     * Note: This value is always "default" on the initial location.
+     *
+     * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.key
+     */
+    key: Key;
+}
+
+type Size$u = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue = Size$u | 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer' | number;
+type Margin$j = number | string;
+interface AnchorProps extends ResponsiveSizeProps<Size$u, SizeValue>, ResponsiveMarginProps, 
+/** @deprecated Use palette */
+ColorProperty<'color'>, 
+/** @deprecated Use children as function */
+DisplayProperty {
+    /**
+     * Версия компонента: v3 ("brand") или v2 ("default").
+     *
+     * @general
+     * @default 'default' */
+    preset?: 'default' | 'brand';
+    /**
+     * Основной контент.
+     *
+     * @general
+     * @default undefined */
+    children?: React.ReactNode | ((props: {
+        baseTextProps: Partial<TextProps>;
+        textProps: TextProps;
+        iconBaseProps: Partial<IconProps>;
+        iconProps: AnchorProps['iconProps'];
+        icon: AnchorProps['icon'];
+    }) => React.ReactNode);
+    /**
+     * Класс (или классы) для рута.
+     *
+     * @default undefined */
+    className?: string;
     /**
      * Кастомные цвета.
      *
      * @general
-     * @default {} */
+     * @default undefined */
     palette?: {
         color?: Color;
-        backgroundColor?: Color;
         colorHover?: Color;
-        backgroundColorHover?: Color;
-        colorActive?: Color;
-        backgroundColorActive?: Color;
         colorDisabled?: Color;
-        backgroundColorDisabled?: Color;
     };
     /**
-     * Иконка для рендера.
-     *
-     * @general */
-    icon: JSX.Element | IconName;
-    /**
-     * Пропсы для компонента иконки.
+     * Пропсы типографики для основного текста.
      *
      * @general
      * @default {} */
-    iconProps?: IconProps;
+    textProps?: TextProps;
     /**
-     * Квадратная форма рутового элемента.
+     * Вариант нижнего подчёркивания.
      *
      * @general
      * @default false */
-    square?: boolean;
+    underline?: boolean | 'solid' | 'dashed';
     /**
-     * Вариант цветовой схемы.
+     * Иконки для отображения с левого и правого края.
      *
      * @general
-     * @default true */
-    primary?: boolean;
+     * @default undefined */
+    icon?: JSX.Element | IconName | [Nullable<JSX.Element | IconName>, Nullable<JSX.Element | IconName>];
     /**
-     * Вариант цветовой схемы.
+     * Пропсы для компонентов иконок.
      *
      * @general
-     * @default false */
-    secondary?: boolean;
+     * @default {} */
+    iconProps?: IconProps;
+    /** Build rel attribute with relBuilder from context */
+    autoRel?: boolean;
     /**
-     * Вариант цветовой схемы.
+     * Интерактивность отключена.
      *
      * @general
      * @default false */
-    contrast?: boolean;
+    disabled?: boolean;
     /**
      * Вариант цветовой схемы.
      *
      * @general
      * @default false */
-    filled?: boolean;
+    onColored?: boolean;
     /**
-     * Можно использовать для рендера иконки.
+     * Вариант выравнивания по вертикали.
      *
-     * @slot
      * @default undefined */
-    children?: React.ReactElement | ((iconProps: IconProps) => React.ReactNode);
+    verticalAlign?: CSSVerticalAlign | boolean;
+    /**
+     * Компонент рутового элемента.
+     *
+     * @general
+     * @default 'a' */
+    component?: ComponentElementType;
     /**
      * Размер.
      *
      * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
      *
      * @general
-     * @default 'm' */
-    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];
+     * @default 'inherit' */
+    size?: SizeValue | [DESKTOP: SizeValue, TABLET: SizeValue, MOBILE: SizeValue] | [XL: SizeValue, L: SizeValue, M: SizeValue, S: SizeValue, XS: SizeValue, XXS: SizeValue];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$v;
+    sizeXXS?: SizeValue;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$v;
+    sizeXS?: SizeValue;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$v;
+    sizeS?: SizeValue;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$v;
+    sizeM?: SizeValue;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$v;
+    sizeL?: SizeValue;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$v;
+    sizeXL?: SizeValue;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$v, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$u, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -1630,164 +1679,68 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$v>, ResponsiveMar
      *
      * @general
      * @default undefined */
-    margin?: Margin$k | [DESKTOP: Margin$k, TABLET: Margin$k, MOBILE: Margin$k] | [XL: Margin$k, L: Margin$k, M: Margin$k, S: Margin$k, XS: Margin$k, XXS: Margin$k];
+    margin?: Margin$j | [DESKTOP: Margin$j, TABLET: Margin$j, MOBILE: Margin$j] | [XL: Margin$j, L: Margin$j, M: Margin$j, S: Margin$j, XS: Margin$j, XXS: Margin$j];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$k;
+    marginXXS?: Margin$j;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$k;
+    marginXS?: Margin$j;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$k;
+    marginS?: Margin$j;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$k;
+    marginM?: Margin$j;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$k;
+    marginL?: Margin$j;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$k;
+    marginXL?: Margin$j;
+    /** @ignore */
+    leftIconProps?: IconProps;
+    /** @ignore */
+    rightIconProps?: IconProps;
+    /** @ignore @deprecated */
+    replace?: boolean;
+    /** @ignore */
+    to?: string | Partial<Location> | ((location: Location) => string | Partial<Location>);
+    /** @ignore @deprecated Use component */
+    as?: React.ElementType<any>;
+    /** @ignore @deprecated Use children */
+    content?: string;
+    /** @ignore @deprecated Use underline */
+    pseudo?: boolean;
+    /** @ignore @deprecated */
+    wrapper?: boolean;
 }
-type IconButtonProps = IconButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof IconButtonBaseProps>;
 
 /**
- *
- * *v1.0.0*
  *
  * Контрол многоцелевого назначения.
  *
- * Поддерживается "ref" и все нативные атрибуты \<button\> элемента.
- */
-declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps>;
-
-/**
- * A URL pathname, beginning with a /.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.pathname
- */
-declare type Pathname = string;
-/**
- * A URL search string, beginning with a ?.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.search
- */
-declare type Search = string;
-/**
- * A URL fragment identifier, beginning with a #.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.hash
- */
-declare type Hash = string;
-/**
- * A unique string associated with a location. May be used to safely store
- * and retrieve data in some other storage API, like `localStorage`.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.key
- */
-declare type Key = string;
-/**
- * The pathname, search, and hash values of a URL.
- */
-interface Path {
-    /**
-     * A URL pathname, beginning with a /.
-     *
-     * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.pathname
-     */
-    pathname: Pathname;
-    /**
-     * A URL search string, beginning with a ?.
-     *
-     * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.search
-     */
-    search: Search;
-    /**
-     * A URL fragment identifier, beginning with a #.
-     *
-     * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.hash
-     */
-    hash: Hash;
-}
-/**
- * An entry in a history stack. A location contains information about the
- * URL path, as well as possibly some arbitrary state and a key.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location
- */
-interface Location extends Path {
-    /**
-     * A value of arbitrary data associated with this location.
-     *
-     * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.state
-     */
-    state: unknown;
-    /**
-     * A unique string associated with this location. May be used to safely store
-     * and retrieve data in some other storage API, like `localStorage`.
-     *
-     * Note: This value is always "default" on the initial location.
-     *
-     * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#location.key
-     */
-    key: Key;
-}
-
-/**
- * Value for breakpoint
- */
-type PossibleValues = number | Size$y | '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$y> = 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$y, 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$y, number>;
-}
-/**
- * Миксин для генерации media запросов
- *
- * @param obj.sizes Объект, в качестве ключей брэйкпоинт, в качестве значений - величина
- * @param obj.cssProperty CSS свойство, может быть функцией, возвращающей css`` из styled-components
- * @param obj.sizing значение величины, по умолчанию `px`
- * @param obj.customSizeHandler функция для вычисления кастомных значений величин
- * @returns строки медиазапросов
- */
-declare const responsiveNamedProperty: <T extends PropsProperties>({ sizes, predefinedSizes, cssProperty, sizing, customSizeHandler, sort, }: ResponsiveNamedPropertyPayload<T>) => () => () => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>[];
-/**
- * Миксин для генерации media запросов
+ * Полиморфный компонент.
  *
- * @param propName имя пропсы
- * @param cssProperty имя css свойства
- * @param sizing значение величины, по умолчанию `px`
- * @returns строки медиазапросов
+ * Можно передать "ref" и атрибуты выбранного HTML-элемента (по умолчанию \<a\>).
  */
-declare const responsiveProperty: (propName: string, cssProperty?: string | null, sizing?: null | string) => () => (props: any) => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>> | null;
+declare const Anchor: <C extends React.ElementType = "a">(props: PolymorphicPropsWithRef<C, AnchorProps>) => React.ReactElement | null;
 
-type Size$u = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$j = number | string;
-interface ButtonBaseProps extends ResponsiveSizeProps<Size$u>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
+type Size$t = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$i = number | string;
+interface ButtonBaseProps extends ResponsiveSizeProps<Size$t>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
 /** @deprecated */
 ColorProperty, 
 /** @deprecated */
@@ -1863,600 +1816,138 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
     /**
      * Пропсы для компонентов иконок.
      *
-     * @general
-     * @default {} */
-    iconProps?: IconProps;
-    /**
-     * Круглая форма рутового элемента.
-     *
-     * @general
-     * @default false */
-    round?: boolean;
-    /**
-     * Индикация успешного завершения операции.
-     *
-     * @general
-     * @default false */
-    success?: boolean;
-    /**
-     * Индикация выполнения операции.
-     *
-     * @general
-     * @default false */
-    loading?: boolean;
-    /**
-     * Вариант цветовой схемы.
-     *
-     * @general
-     * @default false */
-    black?: boolean;
-    /**
-     * Вариант цветовой схемы.
-     *
-     * @general
-     * @default false */
-    danger?: boolean;
-    /**
-     * Вариант цветовой схемы.
-     *
-     * @general
-     * @default false */
-    contrast?: boolean;
-    /**
-     * Вариант внешнего вида.
-     *
-     * @general
-     * @default false */
-    clear?: boolean;
-    /**
-     * Вариант внешнего вида.
-     *
-     * @general
-     * @default false */
-    base?: boolean;
-    /**
-     * Вариант внешнего вида.
-     *
-     * @general
-     * @default false */
-    outline?: boolean;
-    /**
-     * Использовать компонент ссылки из контекста вместо кнопки (`theme.link`).
-     *
-     * @default undefined */
-    to?: string | Partial<Location> | ((location: Location) => string | Partial<Location>);
-    /**
-     * Использовать элемент ссылки вместо кнопки (`<a>`).
-     *
-     * @default undefined */
-    href?: string;
-    /**
-     * Атрибут `target` для ссылки.
-     *
-     * @default undefined */
-    target?: string;
-    /**
-     * Атрибут `rel` для ссылки.
-     *
-     * @default undefined */
-    rel?: string;
-    /**
-     * Использовать `theme.utils.relBuilder` из контекста для создания `rel` атрибута для ссылки.
-     *
-     * @default false */
-    autoRel?: boolean;
-    /**
-     * Отображать основной контент при наличии статуса (`success`, `loading`).
-     *
-     * @general
-     * @default false */
-    showContentOnStatus?: boolean;
-    /**
-     * Размер.
-     *
-     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
-     *
-     * @general
-     * @default 'm' */
-    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>>;
-    /**
-     * Модификация размеров текста.
-     *
-     * @default undefined */
-    textSizes?: Partial<Record<Size$u, React.CSSProperties>>;
-    /**
-     * Модификация размеров иконок.
-     *
-     * @default undefined */
-    iconSizes?: Partial<Record<Size$u, React.CSSProperties>>;
-    /**
-     * Внешние отступы.
-     *
-     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
-     *
-     * @general
-     * @default undefined */
-    margin?: Margin$j | [DESKTOP: Margin$j, TABLET: Margin$j, MOBILE: Margin$j] | [XL: Margin$j, L: Margin$j, M: Margin$j, S: Margin$j, XS: Margin$j, XXS: Margin$j];
-    /**
-     * Отступ для XXS брейкпоинта.
-     *
-     * @default undefined */
-    marginXXS?: Margin$j;
-    /**
-     * Отступ для XS брейкпоинта.
-     *
-     * @default undefined */
-    marginXS?: Margin$j;
-    /**
-     * Отступ для S брейкпоинта.
-     *
-     * @default undefined */
-    marginS?: Margin$j;
-    /**
-     * Отступ для M брейкпоинта.
-     *
-     * @default undefined */
-    marginM?: Margin$j;
-    /**
-     * Отступ для L брейкпоинта.
-     *
-     * @default undefined */
-    marginL?: Margin$j;
-    /**
-     * Отступ для XL брейкпоинта.
-     *
-     * @default undefined */
-    marginXL?: Margin$j;
-    /** @ignore */
-    primary?: boolean;
-    /** @ignore */
-    secondary?: boolean;
-    /** @ignore */
-    inverted?: boolean;
-    /** @ignore */
-    leftIconProps?: IconProps;
-    /** @ignore */
-    rightIconProps?: IconProps;
-    /** @ignore @deprecated */
-    onColored?: boolean;
-    /** @ignore @deprecated */
-    noSpacing?: boolean;
-    /** @ignore @deprecated */
-    as?: React.ElementType<any>;
-    /** @ignore @deprecated */
-    fontWeight?: TextProps['weight'];
-    /** @ignore @deprecated */
-    rounded?: boolean;
-    /** @ignore @deprecated */
-    basic?: boolean;
-    /** @ignore @deprecated */
-    content?: React.ReactNode;
-    /** @ignore @deprecated */
-    innerRef?: any;
-}
-type ButtonProps = ButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof ButtonBaseProps>;
-
-/**
- *
- * Контрол многоцелевого назначения.
- *
- * Поддерживается "ref" и все нативные атрибуты \<button\> элемента.
- */
-declare const Button: React.ForwardRefExoticComponent<ButtonProps>;
-
-type Size$t = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type SizeValue = Size$t | 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer' | number;
-type Margin$i = number | string;
-interface AnchorProps extends ResponsiveSizeProps<Size$t, SizeValue>, ResponsiveMarginProps, 
-/** @deprecated Use palette */
-ColorProperty<'color'>, 
-/** @deprecated Use children as function */
-DisplayProperty {
-    /**
-     * Версия компонента: v3 ("brand") или v2 ("default").
-     *
-     * @general
-     * @default 'default' */
-    preset?: 'default' | 'brand';
-    /**
-     * Основной контент.
-     *
-     * @general
-     * @default undefined */
-    children?: React.ReactNode | ((props: {
-        baseTextProps: Partial<TextProps>;
-        textProps: TextProps;
-        iconBaseProps: Partial<IconProps>;
-        iconProps: AnchorProps['iconProps'];
-        icon: AnchorProps['icon'];
-    }) => React.ReactNode);
-    /**
-     * Класс (или классы) для рута.
-     *
-     * @default undefined */
-    className?: string;
-    /**
-     * Кастомные цвета.
-     *
-     * @general
-     * @default undefined */
-    palette?: {
-        color?: Color;
-        colorHover?: Color;
-        colorDisabled?: Color;
-    };
-    /**
-     * Пропсы типографики для основного текста.
-     *
-     * @general
-     * @default {} */
-    textProps?: TextProps;
-    /**
-     * Вариант нижнего подчёркивания.
-     *
-     * @general
-     * @default false */
-    underline?: boolean | 'solid' | 'dashed';
-    /**
-     * Иконки для отображения с левого и правого края.
-     *
-     * @general
-     * @default undefined */
-    icon?: JSX.Element | IconName | [Nullable<JSX.Element | IconName>, Nullable<JSX.Element | IconName>];
-    /**
-     * Пропсы для компонентов иконок.
-     *
-     * @general
-     * @default {} */
-    iconProps?: IconProps;
-    /** Build rel attribute with relBuilder from context */
-    autoRel?: boolean;
-    /**
-     * Интерактивность отключена.
-     *
-     * @general
-     * @default false */
-    disabled?: boolean;
-    /**
-     * Вариант цветовой схемы.
-     *
-     * @general
-     * @default false */
-    onColored?: boolean;
-    /**
-     * Вариант выравнивания по вертикали.
-     *
-     * @default undefined */
-    verticalAlign?: CSSVerticalAlign | boolean;
-    /**
-     * Компонент рутового элемента.
-     *
-     * @general
-     * @default 'a' */
-    component?: ComponentElementType;
-    /**
-     * Размер.
-     *
-     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
-     *
-     * @general
-     * @default 'inherit' */
-    size?: SizeValue | [DESKTOP: SizeValue, TABLET: SizeValue, MOBILE: SizeValue] | [XL: SizeValue, L: SizeValue, M: SizeValue, S: SizeValue, XS: SizeValue, XXS: SizeValue];
-    /**
-     * Размер для XXS брейкпоинта.
-     *
-     * @default undefined */
-    sizeXXS?: SizeValue;
-    /**
-     * Размер для XS брейкпоинта.
-     *
-     * @default undefined */
-    sizeXS?: SizeValue;
-    /**
-     * Размер для S брейкпоинта.
-     *
-     * @default undefined */
-    sizeS?: SizeValue;
-    /**
-     * Размер для M брейкпоинта.
-     *
-     * @default undefined */
-    sizeM?: SizeValue;
-    /**
-     * Размер для L брейкпоинта.
-     *
-     * @default undefined */
-    sizeL?: SizeValue;
-    /**
-     * Размер для XL брейкпоинта.
-     *
-     * @default undefined */
-    sizeXL?: SizeValue;
-    /**
-     * Модификация размеров.
-     *
-     * @general
-     * @default undefined */
-    sizes?: Partial<Record<Size$t, React.CSSProperties>>;
-    /**
-     * Внешние отступы.
-     *
-     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
-     *
-     * @general
-     * @default undefined */
-    margin?: Margin$i | [DESKTOP: Margin$i, TABLET: Margin$i, MOBILE: Margin$i] | [XL: Margin$i, L: Margin$i, M: Margin$i, S: Margin$i, XS: Margin$i, XXS: Margin$i];
-    /**
-     * Отступ для XXS брейкпоинта.
-     *
-     * @default undefined */
-    marginXXS?: Margin$i;
-    /**
-     * Отступ для XS брейкпоинта.
-     *
-     * @default undefined */
-    marginXS?: Margin$i;
-    /**
-     * Отступ для S брейкпоинта.
-     *
-     * @default undefined */
-    marginS?: Margin$i;
-    /**
-     * Отступ для M брейкпоинта.
-     *
-     * @default undefined */
-    marginM?: Margin$i;
-    /**
-     * Отступ для L брейкпоинта.
-     *
-     * @default undefined */
-    marginL?: Margin$i;
-    /**
-     * Отступ для XL брейкпоинта.
-     *
-     * @default undefined */
-    marginXL?: Margin$i;
-    /** @ignore */
-    leftIconProps?: IconProps;
-    /** @ignore */
-    rightIconProps?: IconProps;
-    /** @ignore @deprecated */
-    replace?: boolean;
-    /** @ignore */
-    to?: string | Partial<Location> | ((location: Location) => string | Partial<Location>);
-    /** @ignore @deprecated Use component */
-    as?: React.ElementType<any>;
-    /** @ignore @deprecated Use children */
-    content?: string;
-    /** @ignore @deprecated Use underline */
-    pseudo?: boolean;
-    /** @ignore @deprecated */
-    wrapper?: boolean;
-}
-
-/**
- *
- * Контрол многоцелевого назначения.
- *
- * Полиморфный компонент.
- *
- * Можно передать "ref" и атрибуты выбранного HTML-элемента (по умолчанию \<a\>).
- */
-declare const Anchor: <C extends React.ElementType = "a">(props: PolymorphicPropsWithRef<C, AnchorProps>) => React.ReactElement | null;
-
-type Margin$h = number | string;
-type Size$s = 'm' | 's';
-type AlertType = 'info' | 'success' | 'warning' | 'error';
-type Layout$6 = 'vertical' | 'horizontal';
-interface AlertBaseProps {
+     * @general
+     * @default {} */
+    iconProps?: IconProps;
     /**
-     * Тип алерта, в зависимости от которого меняется цветовая схема и иконка.
+     * Круглая форма рутового элемента.
      *
      * @general
-     * @default 'info' */
-    type?: AlertType;
+     * @default false */
+    round?: boolean;
     /**
-     * Использовать цветовые схемы с белым бекграундом.
+     * Индикация успешного завершения операции.
      *
      * @general
-     * @default undefined */
-    clear?: boolean;
+     * @default false */
+    success?: boolean;
     /**
-     * Заголовок.
+     * Индикация выполнения операции.
      *
-     * Если передана строка или число используется встроенная типографика.
+     * @general
+     * @default false */
+    loading?: boolean;
+    /**
+     * Вариант цветовой схемы.
      *
-     * @slot
-     * @default undefined */
-    title?: React.ReactNode | ((titleProps: TextProps) => React.ReactNode);
+     * @general
+     * @default false */
+    black?: boolean;
     /**
-     * Основной текст.
+     * Вариант цветовой схемы.
      *
-     * Если передана строка или число используется встроенная типографика.
+     * @general
+     * @default false */
+    danger?: boolean;
+    /**
+     * Вариант цветовой схемы.
      *
-     * @slot
-     * @default undefined */
-    text?: React.ReactNode | ((textProps: TextProps) => React.ReactNode);
+     * @general
+     * @default false */
+    contrast?: boolean;
     /**
-     * Дополнительные элементы слева.
+     * Вариант внешнего вида.
      *
-     * @slot
-     * @default undefined */
-    addon?: React.ReactElement | ((addonLeftProps: {
-        iconProps: IconProps;
-        timerProps: Partial<TimerProps>;
-    }) => React.ReactNode);
+     * @general
+     * @default false */
+    clear?: boolean;
     /**
-     * Контролы.
+     * Вариант внешнего вида.
+     *
+     * @general
+     * @default false */
+    base?: boolean;
+    /**
+     * Вариант внешнего вида.
+     *
+     * @general
+     * @default false */
+    outline?: boolean;
+    /**
+     * Использовать компонент ссылки из контекста вместо кнопки (`theme.link`).
      *
-     * @slot
      * @default undefined */
-    controls?: React.ReactElement | ((controlsProps: {
-        buttonProps: ButtonProps;
-        anchorProps: AnchorProps;
-    }) => React.ReactNode);
+    to?: string | Partial<Location> | ((location: Location) => string | Partial<Location>);
     /**
-     * Кнопка закрытия.
+     * Использовать элемент ссылки вместо кнопки (`<a>`).
      *
-     * @slot
      * @default undefined */
-    discardButton?: React.ReactElement | ((discardButtonProps: IconButtonProps) => React.ReactNode);
+    href?: string;
     /**
-     * Кастомный рутовый блок.
+     * Атрибут `target` для ссылки.
      *
-     * @slot
      * @default undefined */
-    root?: React.ReactElement | ((rootProps: {
-        titleProps: TextProps;
-        textProps: TextProps;
-        iconProps: IconProps;
-        timerProps: Partial<TimerProps>;
-        buttonProps: ButtonProps;
-        anchorProps: AnchorProps;
-        discardButtonProps: IconButtonProps;
-    }) => React.ReactNode);
+    target?: string;
     /**
-     * Кастомный блок с основным контентом.
+     * Атрибут `rel` для ссылки.
      *
-     * @slot
      * @default undefined */
-    content?: React.ReactElement | ((contentProps: {
-        titleProps: TextProps;
-        textProps: TextProps;
-    }) => React.ReactNode);
+    rel?: string;
     /**
-     * Отображение иконки слева.
+     * Использовать `theme.utils.relBuilder` из контекста для создания `rel` атрибута для ссылки.
      *
-     * @general
      * @default false */
-    withIcon?: boolean;
+    autoRel?: boolean;
     /**
-     * Кастомные цвета.
+     * Отображать основной контент при наличии статуса (`success`, `loading`).
      *
      * @general
-     * @default {} */
-    palette?: {
-        color?: Color;
-        backgroundColor?: Color;
-    };
+     * @default false */
+    showContentOnStatus?: boolean;
     /**
      * Размер.
      *
      * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
      *
      * @general
-     * @default 's' */
-    size?: Size$s | [DESKTOP: Size$s, TABLET: Size$s, MOBILE: Size$s] | [XL: Size$s, L: Size$s, M: Size$s, S: Size$s, XS: Size$s, XXS: Size$s];
+     * @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 брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$s;
+    sizeXXS?: Size$t;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$s;
+    sizeXS?: Size$t;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$s;
+    sizeS?: Size$t;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$s;
+    sizeM?: Size$t;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$s;
+    sizeL?: Size$t;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$s;
+    sizeXL?: Size$t;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$s, React.CSSProperties>>;
-    /**
-     * Вариант шаблона лейаута.
-     *
-     * Использование кортежей включает применение шаблонов в зависимости от ширины вьюпорта.
-     *
-     * @general
-     * @default 'horizontal' */
-    layout?: Layout$6 | [DESKTOP: Layout$6, TABLET: Layout$6, MOBILE: Layout$6] | [XL: Layout$6, L: Layout$6, M: Layout$6, S: Layout$6, XS: Layout$6, XXS: Layout$6];
-    /**
-     * Лейаут для XXS брейкпоинта.
-     *
-     * @default undefined */
-    layoutXXS?: Layout$6;
-    /**
-     * Лейаут для XS брейкпоинта.
-     *
-     * @default undefined */
-    layoutXS?: Layout$6;
-    /**
-     * Лейаут для S брейкпоинта.
-     *
-     * @default undefined */
-    layoutS?: Layout$6;
-    /**
-     * Лейаут для M брейкпоинта.
-     *
-     * @default undefined */
-    layoutM?: Layout$6;
-    /**
-     * Лейаут для L брейкпоинта.
-     *
-     * @default undefined */
-    layoutL?: Layout$6;
-    /**
-     * Лейаут для XL брейкпоинта.
-     *
-     * @default undefined */
-    layoutXL?: Layout$6;
+    sizes?: Partial<Record<Size$t, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -2464,60 +1955,134 @@ interface AlertBaseProps {
      *
      * @general
      * @default undefined */
-    margin?: Margin$h | [DESKTOP: Margin$h, TABLET: Margin$h, MOBILE: Margin$h] | [XL: Margin$h, L: Margin$h, M: Margin$h, S: Margin$h, XS: Margin$h, XXS: Margin$h];
+    margin?: Margin$i | [DESKTOP: Margin$i, TABLET: Margin$i, MOBILE: Margin$i] | [XL: Margin$i, L: Margin$i, M: Margin$i, S: Margin$i, XS: Margin$i, XXS: Margin$i];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$h;
+    marginXXS?: Margin$i;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$h;
+    marginXS?: Margin$i;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$h;
+    marginS?: Margin$i;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$h;
+    marginM?: Margin$i;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$h;
+    marginL?: Margin$i;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$h;
-    /**
-     * @ignore
-     */
-    preset?: ThemePreset;
+    marginXL?: Margin$i;
+    /** @ignore */
+    primary?: boolean;
+    /** @ignore */
+    secondary?: boolean;
+    /** @ignore */
+    inverted?: boolean;
+    /** @ignore */
+    leftIconProps?: IconProps;
+    /** @ignore */
+    rightIconProps?: IconProps;
+    /** @ignore @deprecated */
+    onColored?: boolean;
+    /** @ignore @deprecated */
+    noSpacing?: boolean;
+    /** @ignore @deprecated */
+    as?: React.ElementType<any>;
+    /** @ignore @deprecated */
+    fontWeight?: TextProps['weight'];
+    /** @ignore @deprecated */
+    rounded?: boolean;
+    /** @ignore @deprecated */
+    basic?: boolean;
+    /** @ignore @deprecated */
+    content?: React.ReactNode;
+    /** @ignore @deprecated */
+    innerRef?: any;
 }
-type AlertProps = AlertBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof AlertBaseProps>;
+type ButtonProps = ButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof ButtonBaseProps>;
 
 /**
  *
- * *v1.0.0*
- *
- * Компонент для отображения информационных сообщений.
- *
- * Поддерживается "ref" и все нативные атрибуты \<div\> элемента.
+ * Контрол многоцелевого назначения.
  *
+ * Поддерживается "ref" и все нативные атрибуты \<button\> элемента.
  */
-declare const Alert: React.ForwardRefExoticComponent<AlertProps> & {
-    Timer: typeof Timer;
-};
+declare const Button: React.ForwardRefExoticComponent<ButtonProps>;
 
-type Size$r = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$g = number | string;
-interface ArrowProps extends ResponsiveSizeProps<Size$r, SizeValue$1>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
+type AlertType = 'warning' | 'error' | 'info' | 'success';
+type AlertSize = 'l' | 's';
+interface AlertProps extends BaseProps {
+    /** Text of the timer cancellation button */
+    cancelTimerText?: React.ReactNode;
+    /** Children react node */
+    children?: React.ReactNode;
+    /** Use a colorless background */
+    clear?: boolean;
+    /** This method is taken from react-toastify library */
+    closeToast?(): void;
+    /** Icon name (for inner Icon component) */
+    customIcon?: IconName;
+    /** Any custom image (e.g.: img, svg, icon from @foxford/icon-pack) */
+    image?: React.ReactNode;
+    /** Use for tablet and mobile view */
+    isCompact?: boolean;
+    /** Display a hyperlink */
+    link?: {
+        content: React.ReactNode;
+        onClick(): void;
+    };
+    linkProps?: PolymorphicPropsWithRef<'a', AnchorProps>;
+    /** Use alert without icon */
+    noIcon?: boolean;
+    /** You can cancel the action if the timer has not expired yet */
+    onClickCancelTimer?(): void;
+    /** Call when timer has expired */
+    onTimerFinish?(): void;
+    /** Display the action button */
+    primaryAction?: {
+        content: React.ReactNode;
+        onClick(): void;
+    };
+    primaryActionProps?: ButtonProps;
+    /** Display the second action button */
+    secondaryAction?: {
+        content: React.ReactNode;
+        onClick(): void;
+    };
+    secondaryActionProps?: ButtonProps;
+    /** Use this to change the appearance of the alert */
+    size?: AlertSize;
+    /** Use it when you need to move text to another line in alerts without a title */
+    textProps?: TextProps;
+    textWrap?: boolean;
+    /** It is used in alerts with a timer. Pass the value in seconds */
+    timer?: number;
+    /** Display a title */
+    title?: React.ReactNode;
+    titleProps?: TextProps;
+    type?: AlertType;
+    width?: ResponsiveProperty<string | number>;
+}
+
+declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
+
+type Size$s = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$h = number | string;
+interface ArrowProps extends ResponsiveSizeProps<Size$s, SizeValue$1>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
     /**
      * Версия компонента: v3 ("brand") или v2 ("default").
      *
@@ -2599,43 +2164,43 @@ interface ArrowProps extends ResponsiveSizeProps<Size$r, SizeValue$1>, Responsiv
      *
      * @general
      * @default 'l' */
-    size?: Size$r | [DESKTOP: Size$r, TABLET: Size$r, MOBILE: Size$r] | [XL: Size$r, L: Size$r, M: Size$r, S: Size$r, XS: Size$r, XXS: Size$r];
+    size?: Size$s | [DESKTOP: Size$s, TABLET: Size$s, MOBILE: Size$s] | [XL: Size$s, L: Size$s, M: Size$s, S: Size$s, XS: Size$s, XXS: Size$s];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$r;
+    sizeXXS?: Size$s;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$r;
+    sizeXS?: Size$s;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$r;
+    sizeS?: Size$s;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$r;
+    sizeM?: Size$s;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$r;
+    sizeL?: Size$s;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$r;
+    sizeXL?: Size$s;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$r, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$s, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -2643,37 +2208,37 @@ interface ArrowProps extends ResponsiveSizeProps<Size$r, SizeValue$1>, Responsiv
      *
      * @general
      * @default undefined */
-    margin?: Margin$g | [DESKTOP: Margin$g, TABLET: Margin$g, MOBILE: Margin$g] | [XL: Margin$g, L: Margin$g, M: Margin$g, S: Margin$g, XS: Margin$g, XXS: Margin$g];
+    margin?: Margin$h | [DESKTOP: Margin$h, TABLET: Margin$h, MOBILE: Margin$h] | [XL: Margin$h, L: Margin$h, M: Margin$h, S: Margin$h, XS: Margin$h, XXS: Margin$h];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$g;
+    marginXXS?: Margin$h;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$g;
+    marginXS?: Margin$h;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$g;
+    marginS?: Margin$h;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$g;
+    marginM?: Margin$h;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$g;
+    marginL?: Margin$h;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$g;
+    marginXL?: Margin$h;
     /** @ignore */
     inverse?: boolean;
     /** @ignore @deprecated */
@@ -2690,8 +2255,8 @@ interface ArrowProps extends ResponsiveSizeProps<Size$r, SizeValue$1>, Responsiv
  */
 declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
 
-type Size$q = 'xl' | 'l' | 'm' | 's' | 'xs';
-interface InputCheckboxProps extends ResponsiveSizeProps<Size$q>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
+type Size$r = 'xl' | 'l' | 'm' | 's' | 'xs';
+interface InputCheckboxProps extends ResponsiveSizeProps<Size$r>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
     /**
      * Текущее состояние контрола (использование включает контролируемый режим).
      *
@@ -2768,43 +2333,43 @@ interface InputCheckboxProps extends ResponsiveSizeProps<Size$q>, Omit<React.Com
      *
      * @general
      * @default 'm' */
-    size?: Size$q | [DESKTOP: Size$q, TABLET: Size$q, MOBILE: Size$q] | [XL: Size$q, L: Size$q, M: Size$q, S: Size$q, XS: Size$q, XXS: Size$q];
+    size?: Size$r | [DESKTOP: Size$r, TABLET: Size$r, MOBILE: Size$r] | [XL: Size$r, L: Size$r, M: Size$r, S: Size$r, XS: Size$r, XXS: Size$r];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$q;
+    sizeXXS?: Size$r;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$q;
+    sizeXS?: Size$r;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$q;
+    sizeS?: Size$r;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$q;
+    sizeM?: Size$r;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$q;
+    sizeL?: Size$r;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$q;
+    sizeXL?: Size$r;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$q, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$r, React.CSSProperties>>;
     /** @ignore @deprecated */
     onColored?: boolean;
 }
@@ -2853,8 +2418,8 @@ declare enum SizeInput {
     xs = 140
 }
 
-type Size$p = 'l' | 'm' | 's' | 'xs';
-interface TextareaBaseProps extends ResponsiveSizeProps<Size$p>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
+type Size$q = 'l' | 'm' | 's' | 'xs';
+interface TextareaBaseProps extends ResponsiveSizeProps<Size$q>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
     /**
      * Автоматически адаптировать число строк под контент.
      *
@@ -3005,9 +2570,9 @@ interface SwitcherProps extends ColorProperty<'color'>, ColorProperty<'inactiveC
 
 declare const Switcher: react.ForwardRefExoticComponent<SwitcherProps & react.RefAttributes<HTMLDivElement>>;
 
-type Margin$f = number | string;
-type Size$o = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-interface ArrowBadgeProps extends ResponsiveSizeProps<Size$o, SizeValue$1>, ResponsiveMarginProps, 
+type Margin$g = number | string;
+type Size$p = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+interface ArrowBadgeProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated Используйте palette */
 ColorProperty<'color'>, 
 /** @deprecated Используйте palette */
@@ -3088,43 +2653,43 @@ ColorProperty<'backgroundColor'> {
      *
      * @general
      * @default 'm' */
-    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;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$o, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$p, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -3132,37 +2697,37 @@ ColorProperty<'backgroundColor'> {
      *
      * @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 Используйте content */
     textProps?: TextProps;
 }
@@ -3179,9 +2744,9 @@ ColorProperty<'backgroundColor'> {
  */
 declare const ArrowBadge: <C extends React.ElementType = "div">(props: PolymorphicPropsWithRef<C, ArrowBadgeProps>) => React.ReactElement | null;
 
-type Size$n = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$e = number | string;
-interface TabProps extends ResponsiveSizeProps<Size$n, SizeValue$1>, ResponsiveMarginProps, 
+type Size$o = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$f = number | string;
+interface TabProps extends ResponsiveSizeProps<Size$o, SizeValue$1>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -3272,43 +2837,43 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
      *
      * @general
      * @default 'm' */
-    size?: Size$n | [DESKTOP: Size$n, TABLET: Size$n, MOBILE: Size$n] | [XL: Size$n, L: Size$n, M: Size$n, S: Size$n, XS: Size$n, XXS: Size$n];
+    size?: Size$o | [DESKTOP: Size$o, TABLET: Size$o, MOBILE: Size$o] | [XL: Size$o, L: Size$o, M: Size$o, S: Size$o, XS: Size$o, XXS: Size$o];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$n;
+    sizeXXS?: Size$o;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$n;
+    sizeXS?: Size$o;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$n;
+    sizeS?: Size$o;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$n;
+    sizeM?: Size$o;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$n;
+    sizeL?: Size$o;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$n;
+    sizeXL?: Size$o;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$n, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$o, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -3316,37 +2881,37 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
      *
      * @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 */
     compact?: boolean;
     /** @ignore */
@@ -3367,10 +2932,10 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
  */
 declare const Tab: React.ForwardRefExoticComponent<TabProps>;
 
-type Margin$d = number | string;
-type Size$m = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type BadgeSize = Size$m | number;
-interface BadgeProps extends ResponsiveSizeProps<Size$m, BadgeSize>, ResponsiveMarginProps, 
+type Margin$e = number | string;
+type Size$n = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type BadgeSize = Size$n | number;
+interface BadgeProps extends ResponsiveSizeProps<Size$n, BadgeSize>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty, 
 /** @deprecated Use children as function */
@@ -3494,7 +3059,7 @@ DisplayProperty {
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$m, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$n, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -3502,37 +3067,37 @@ DisplayProperty {
      *
      * @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 Internal */
     cursor?: string;
     /** @ignore @deprecated */
@@ -3565,6 +3130,152 @@ DisplayProperty {
  */
 declare const Badge: <C extends React.ElementType = "div">(props: PolymorphicPropsWithRef<C, BadgeProps>) => React.ReactElement | null;
 
+type Size$m = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
+type Margin$d = number | string;
+interface IconButtonBaseProps extends ResponsiveSizeProps<Size$m>, ResponsiveMarginProps {
+    /**
+     * Кастомные цвета.
+     *
+     * @general
+     * @default {} */
+    palette?: {
+        color?: Color;
+        backgroundColor?: Color;
+        colorHover?: Color;
+        backgroundColorHover?: Color;
+        colorActive?: Color;
+        backgroundColorActive?: Color;
+        colorDisabled?: Color;
+        backgroundColorDisabled?: Color;
+    };
+    /**
+     * Иконка для рендера.
+     *
+     * @general */
+    icon: JSX.Element | IconName;
+    /**
+     * Пропсы для компонента иконки.
+     *
+     * @general
+     * @default {} */
+    iconProps?: IconProps;
+    /**
+     * Квадратная форма рутового элемента.
+     *
+     * @general
+     * @default false */
+    square?: boolean;
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default true */
+    primary?: boolean;
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default false */
+    secondary?: boolean;
+    /**
+     * Вариант цветовой схемы.
+     *
+     * @general
+     * @default false */
+    contrast?: boolean;
+    /**
+     * Размер.
+     *
+     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+     *
+     * @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];
+    /**
+     * Размер для XXS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXXS?: Size$m;
+    /**
+     * Размер для XS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXS?: Size$m;
+    /**
+     * Размер для S брейкпоинта.
+     *
+     * @default undefined */
+    sizeS?: Size$m;
+    /**
+     * Размер для M брейкпоинта.
+     *
+     * @default undefined */
+    sizeM?: Size$m;
+    /**
+     * Размер для L брейкпоинта.
+     *
+     * @default undefined */
+    sizeL?: Size$m;
+    /**
+     * Размер для XL брейкпоинта.
+     *
+     * @default undefined */
+    sizeXL?: Size$m;
+    /**
+     * Модификация размеров.
+     *
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size$m, React.CSSProperties>>;
+    /**
+     * Внешние отступы.
+     *
+     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
+     *
+     * @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];
+    /**
+     * Отступ для XXS брейкпоинта.
+     *
+     * @default undefined */
+    marginXXS?: Margin$d;
+    /**
+     * Отступ для XS брейкпоинта.
+     *
+     * @default undefined */
+    marginXS?: Margin$d;
+    /**
+     * Отступ для S брейкпоинта.
+     *
+     * @default undefined */
+    marginS?: Margin$d;
+    /**
+     * Отступ для M брейкпоинта.
+     *
+     * @default undefined */
+    marginM?: Margin$d;
+    /**
+     * Отступ для L брейкпоинта.
+     *
+     * @default undefined */
+    marginL?: Margin$d;
+    /**
+     * Отступ для XL брейкпоинта.
+     *
+     * @default undefined */
+    marginXL?: Margin$d;
+}
+type IconButtonProps = IconButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof IconButtonBaseProps>;
+
+/**
+ *
+ * Контрол многоцелевого назначения.
+ *
+ * Поддерживается "ref" и все нативные атрибуты \<button\> элемента.
+ */
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps>;
+
 type Size$l = 'l' | 'm' | 's';
 interface TooltipComponentBaseProps extends ResponsiveSizeProps<Size$l> {
     /**
@@ -7619,17 +7330,9 @@ type ScrollLockParams = {
 };
 declare function useScrollLock(params: ScrollLockParams): void;
 
-/**
- *
- * Хук для чтения статуса медиа матчеров.
- *
- * Булевые значения говорят о том совпадают ли характеристики вьюпорта с медиа кверями матчеров.
- */
-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$y | '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$y, number>): ReturnType<typeof css>;
+declare function buildMediaQuery(value: number | Size$w | '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$w, number>): ReturnType<typeof css>;
 declare const desktopFirst: (a: string, b: string) => number;
 declare const mobileFirst: (a: string, b: string) => number;
 
@@ -9059,7 +8762,7 @@ ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
         additional?: {
             icon: JSX.Element | IconName;
             iconProps?: IconProps;
-            buttonProps?: Omit<React.ComponentPropsWithoutRef<'button'>, 'children'>;
+            buttonProps?: React.ComponentPropsWithoutRef<'button'>;
         };
         number?: {
             icon?: [JSX.Element | IconName, JSX.Element | IconName];
@@ -10437,6 +10140,11 @@ interface MediaMatchersProps {
      */
     children: (matchers: Partial<Record<MediaMatcherId, boolean>>) => React.ReactElement | null;
 }
+type MediaMatchPayload = {
+    matches: boolean;
+};
+type MediaBreakpoint = `${'min' | 'max'}${Breakpoint}`;
+type MediaMatcherId = MediaBreakpoint | Orientation;
 
 /**
  *
@@ -10446,4 +10154,44 @@ declare const Media: React.FC<MediaProps> & {
     Matchers: React.FC<MediaMatchersProps>;
 };
 
-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, 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, 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, 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$y 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, 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 };
+type Observer<T> = (payload: T) => unknown;
+type UnsubscribeObserverCallback = () => void;
+declare class Observable<T> {
+    private observers;
+    protected notify: (payload: T) => void;
+    subscribe(observer: Observer<T>): UnsubscribeObserverCallback;
+    unsubscribe: (observer: Observer<T>) => void;
+}
+
+declare class MediaMatcher<T = string> extends Observable<MediaMatchPayload> {
+    id: T;
+    private mediaQueryList?;
+    constructor(id: T, mediaQueryString: string);
+    subscribe: (observer: Observer<MediaMatchPayload>) => UnsubscribeObserverCallback;
+}
+
+declare class MediaMediator {
+    breakpoint: Record<MediaBreakpoint, MediaMatcher<MediaMatcherId>>;
+    orientation: Record<Orientation, MediaMatcher<MediaMatcherId>>;
+    constructor(bps: Record<Lowercase<Breakpoint$1>, number>);
+    get matchers(): MediaMatcher<MediaMatcherId>[];
+    static query: {
+        up: (...bps: number[]) => string;
+        below: (...bps: number[]) => string;
+    };
+    static create(bps?: Partial<Record<Lowercase<Breakpoint$1>, number>>): MediaMediator;
+}
+
+declare const MediaProvider: (props: React.PropsWithChildren<{
+    value: MediaMediator;
+}>) => JSX.Element;
+
+/**
+ *
+ * Хук для чтения статуса медиа матчеров.
+ *
+ * Булевые значения говорят о том совпадают ли характеристики вьюпорта с медиа кверями матчеров.
+ */
+declare const useMediaMatchers: () => Partial<Record<MediaMatcherId, boolean>>;
+
+export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, AddElement, type AddElementProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, type AnchorProps, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint$1 as Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, 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, 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, type SemanticTheme, Separator, type SeparatorProps, type Size$w 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, 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 };