@vkontakte/vkui 5.7.0 → 5.7.2

package/dist/vkui.js.tmp

@@ -208,15 +208,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_PanelHeaderContent_PanelHeaderContent__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(175);
 /* harmony import */ var _components_PanelHeaderContext_PanelHeaderContext__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(177);
 /* harmony import */ var _components_SplitLayout_SplitLayout__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(179);
-/* harmony import */ var _components_SplitCol_SplitCol__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(201);
-/* harmony import */ var _components_Epic_Epic__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(203);
-/* harmony import */ var _components_Tabbar_Tabbar__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(206);
-/* harmony import */ var _components_TabbarItem_TabbarItem__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(208);
-/* harmony import */ var _components_ScrollArrow_ScrollArrow__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(210);
-/* harmony import */ var _components_HorizontalScroll_HorizontalScroll__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(216);
-/* harmony import */ var _components_AspectRatio_AspectRatio__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(219);
-/* harmony import */ var _components_PopoutWrapper_PopoutWrapper__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(221);
-/* harmony import */ var _components_Alert_Alert__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(223);
+/* harmony import */ var _components_SplitCol_SplitCol__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(197);
+/* harmony import */ var _components_Epic_Epic__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(201);
+/* harmony import */ var _components_Tabbar_Tabbar__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(204);
+/* harmony import */ var _components_TabbarItem_TabbarItem__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(206);
+/* harmony import */ var _components_ScrollArrow_ScrollArrow__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(208);
+/* harmony import */ var _components_HorizontalScroll_HorizontalScroll__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(214);
+/* harmony import */ var _components_AspectRatio_AspectRatio__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(217);
+/* harmony import */ var _components_PopoutWrapper_PopoutWrapper__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(219);
+/* harmony import */ var _components_Alert_Alert__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(221);
 /* harmony import */ var _components_ActionSheet_ActionSheet__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(233);
 /* harmony import */ var _components_ActionSheetItem_ActionSheetItem__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(250);
 /* harmony import */ var _components_ActionSheet_ActionSheetDefaultIosCloseItem__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(249);
@@ -266,34 +266,34 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_Spacing_Spacing__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(173);
 /* harmony import */ var _components_Placeholder_Placeholder__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(385);
 /* harmony import */ var _components_Banner_Banner__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(387);
-/* harmony import */ var _components_MiniInfoCell_MiniInfoCell__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(391);
-/* harmony import */ var _components_WriteBar_WriteBar__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(393);
-/* harmony import */ var _components_WriteBarIcon_WriteBarIcon__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(395);
-/* harmony import */ var _components_SubnavigationBar_SubnavigationBar__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(406);
-/* harmony import */ var _components_SubnavigationButton_SubnavigationButton__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(408);
-/* harmony import */ var _components_Pagination_Pagination__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(411);
-/* harmony import */ var _components_Accordion_Accordion__WEBPACK_IMPORTED_MODULE_88__ = __webpack_require__(415);
-/* harmony import */ var _components_FormLayout_FormLayout__WEBPACK_IMPORTED_MODULE_89__ = __webpack_require__(420);
-/* harmony import */ var _components_FormItem_FormItem__WEBPACK_IMPORTED_MODULE_90__ = __webpack_require__(422);
-/* harmony import */ var _components_FormField_FormField__WEBPACK_IMPORTED_MODULE_91__ = __webpack_require__(424);
-/* harmony import */ var _components_FormLayoutGroup_FormLayoutGroup__WEBPACK_IMPORTED_MODULE_92__ = __webpack_require__(427);
-/* harmony import */ var _components_FormStatus_FormStatus__WEBPACK_IMPORTED_MODULE_93__ = __webpack_require__(429);
-/* harmony import */ var _components_Switch_Switch__WEBPACK_IMPORTED_MODULE_94__ = __webpack_require__(431);
-/* harmony import */ var _components_File_File__WEBPACK_IMPORTED_MODULE_95__ = __webpack_require__(433);
-/* harmony import */ var _components_Input_Input__WEBPACK_IMPORTED_MODULE_96__ = __webpack_require__(434);
-/* harmony import */ var _components_Chip_Chip__WEBPACK_IMPORTED_MODULE_97__ = __webpack_require__(436);
-/* harmony import */ var _components_ChipsInput_ChipsInput__WEBPACK_IMPORTED_MODULE_98__ = __webpack_require__(439);
-/* harmony import */ var _components_Slider_Slider__WEBPACK_IMPORTED_MODULE_99__ = __webpack_require__(444);
-/* harmony import */ var _components_RangeSlider_RangeSlider__WEBPACK_IMPORTED_MODULE_100__ = __webpack_require__(449);
-/* harmony import */ var _components_Textarea_Textarea__WEBPACK_IMPORTED_MODULE_101__ = __webpack_require__(450);
-/* harmony import */ var _components_Radio_Radio__WEBPACK_IMPORTED_MODULE_102__ = __webpack_require__(452);
-/* harmony import */ var _components_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_103__ = __webpack_require__(454);
-/* harmony import */ var _components_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_104__ = __webpack_require__(456);
-/* harmony import */ var _components_Select_Select__WEBPACK_IMPORTED_MODULE_105__ = __webpack_require__(459);
-/* harmony import */ var _components_SelectMimicry_SelectMimicry__WEBPACK_IMPORTED_MODULE_106__ = __webpack_require__(470);
+/* harmony import */ var _components_MiniInfoCell_MiniInfoCell__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(390);
+/* harmony import */ var _components_WriteBar_WriteBar__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(392);
+/* harmony import */ var _components_WriteBarIcon_WriteBarIcon__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(394);
+/* harmony import */ var _components_SubnavigationBar_SubnavigationBar__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(405);
+/* harmony import */ var _components_SubnavigationButton_SubnavigationButton__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(407);
+/* harmony import */ var _components_Pagination_Pagination__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(410);
+/* harmony import */ var _components_Accordion_Accordion__WEBPACK_IMPORTED_MODULE_88__ = __webpack_require__(414);
+/* harmony import */ var _components_FormLayout_FormLayout__WEBPACK_IMPORTED_MODULE_89__ = __webpack_require__(419);
+/* harmony import */ var _components_FormItem_FormItem__WEBPACK_IMPORTED_MODULE_90__ = __webpack_require__(421);
+/* harmony import */ var _components_FormField_FormField__WEBPACK_IMPORTED_MODULE_91__ = __webpack_require__(423);
+/* harmony import */ var _components_FormLayoutGroup_FormLayoutGroup__WEBPACK_IMPORTED_MODULE_92__ = __webpack_require__(426);
+/* harmony import */ var _components_FormStatus_FormStatus__WEBPACK_IMPORTED_MODULE_93__ = __webpack_require__(428);
+/* harmony import */ var _components_Switch_Switch__WEBPACK_IMPORTED_MODULE_94__ = __webpack_require__(430);
+/* harmony import */ var _components_File_File__WEBPACK_IMPORTED_MODULE_95__ = __webpack_require__(432);
+/* harmony import */ var _components_Input_Input__WEBPACK_IMPORTED_MODULE_96__ = __webpack_require__(433);
+/* harmony import */ var _components_Chip_Chip__WEBPACK_IMPORTED_MODULE_97__ = __webpack_require__(435);
+/* harmony import */ var _components_ChipsInput_ChipsInput__WEBPACK_IMPORTED_MODULE_98__ = __webpack_require__(438);
+/* harmony import */ var _components_Slider_Slider__WEBPACK_IMPORTED_MODULE_99__ = __webpack_require__(443);
+/* harmony import */ var _components_RangeSlider_RangeSlider__WEBPACK_IMPORTED_MODULE_100__ = __webpack_require__(448);
+/* harmony import */ var _components_Textarea_Textarea__WEBPACK_IMPORTED_MODULE_101__ = __webpack_require__(449);
+/* harmony import */ var _components_Radio_Radio__WEBPACK_IMPORTED_MODULE_102__ = __webpack_require__(451);
+/* harmony import */ var _components_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_103__ = __webpack_require__(453);
+/* harmony import */ var _components_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_104__ = __webpack_require__(455);
+/* harmony import */ var _components_Select_Select__WEBPACK_IMPORTED_MODULE_105__ = __webpack_require__(458);
+/* harmony import */ var _components_SelectMimicry_SelectMimicry__WEBPACK_IMPORTED_MODULE_106__ = __webpack_require__(469);
 /* harmony import */ var _components_NativeSelect_NativeSelect__WEBPACK_IMPORTED_MODULE_107__ = __webpack_require__(478);
-/* harmony import */ var _components_CustomSelect_CustomSelect__WEBPACK_IMPORTED_MODULE_108__ = __webpack_require__(460);
-/* harmony import */ var _components_CustomSelectOption_CustomSelectOption__WEBPACK_IMPORTED_MODULE_109__ = __webpack_require__(462);
+/* harmony import */ var _components_CustomSelect_CustomSelect__WEBPACK_IMPORTED_MODULE_108__ = __webpack_require__(459);
+/* harmony import */ var _components_CustomSelectOption_CustomSelectOption__WEBPACK_IMPORTED_MODULE_109__ = __webpack_require__(461);
 /* harmony import */ var _components_DatePicker_DatePicker__WEBPACK_IMPORTED_MODULE_110__ = __webpack_require__(479);
 /* harmony import */ var _components_SegmentedControl_SegmentedControl__WEBPACK_IMPORTED_MODULE_111__ = __webpack_require__(481);
 /* harmony import */ var _components_Calendar_Calendar__WEBPACK_IMPORTED_MODULE_112__ = __webpack_require__(485);
@@ -314,7 +314,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_AdaptivityProvider_AdaptivityProvider__WEBPACK_IMPORTED_MODULE_127__ = __webpack_require__(495);
 /* harmony import */ var _components_ConfigProvider_ConfigProvider__WEBPACK_IMPORTED_MODULE_128__ = __webpack_require__(531);
 /* harmony import */ var _components_ConfigProvider_ConfigProviderContext__WEBPACK_IMPORTED_MODULE_129__ = __webpack_require__(67);
-/* harmony import */ var _components_AppearanceProvider_AppearanceProvider__WEBPACK_IMPORTED_MODULE_130__ = __webpack_require__(197);
+/* harmony import */ var _components_AppearanceProvider_AppearanceProvider__WEBPACK_IMPORTED_MODULE_130__ = __webpack_require__(193);
 /* harmony import */ var _helpers_appearance__WEBPACK_IMPORTED_MODULE_131__ = __webpack_require__(533);
 /* harmony import */ var _components_LocaleProvider_LocaleProvider__WEBPACK_IMPORTED_MODULE_132__ = __webpack_require__(534);
 /* harmony import */ var _components_PlatformProvider_PlatformProvider__WEBPACK_IMPORTED_MODULE_133__ = __webpack_require__(535);
@@ -325,9 +325,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_138__ = __webpack_require__(110);
 /* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_139__ = __webpack_require__(70);
 /* harmony import */ var _hooks_useAdaptivityConditionalRender__WEBPACK_IMPORTED_MODULE_140__ = __webpack_require__(169);
-/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_141__ = __webpack_require__(183);
+/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_141__ = __webpack_require__(224);
 /* harmony import */ var _hooks_useAppearance__WEBPACK_IMPORTED_MODULE_142__ = __webpack_require__(66);
-/* harmony import */ var _hooks_usePagination__WEBPACK_IMPORTED_MODULE_143__ = __webpack_require__(413);
+/* harmony import */ var _hooks_usePagination__WEBPACK_IMPORTED_MODULE_143__ = __webpack_require__(412);
 /* harmony import */ var _hooks_useTodayDate__WEBPACK_IMPORTED_MODULE_144__ = __webpack_require__(500);
 /* harmony import */ var _components_AppRoot_ScrollContext__WEBPACK_IMPORTED_MODULE_145__ = __webpack_require__(73);
 /* harmony import */ var _components_NavTransitionContext_NavTransitionContext__WEBPACK_IMPORTED_MODULE_146__ = __webpack_require__(150);
@@ -11674,12 +11674,12 @@ __webpack_require__.r(__webpack_exports__);
 function useAdaptivityHasPointer() {
     var deferDetect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
     var _React_useContext = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_components_AdaptivityProvider_AdaptivityContext__WEBPACK_IMPORTED_MODULE_2__.AdaptivityContext), hasPointerContext = _React_useContext.hasPointer;
-    var hasPointer = hasPointerContext === undefined ? _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasMouse : hasPointerContext;
-    var isClient = (0,_useIsClient__WEBPACK_IMPORTED_MODULE_3__.useIsClient)(!deferDetect);
-    if (!isClient) {
-        return undefined;
+    var needTwoPassRendering = deferDetect || hasPointerContext === undefined;
+    var isClient = (0,_useIsClient__WEBPACK_IMPORTED_MODULE_3__.useIsClient)(!needTwoPassRendering);
+    if (!isClient || hasPointerContext !== undefined) {
+        return hasPointerContext;
     }
-    return hasPointer;
+    return _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasMouse;
 }
 
 
@@ -11693,6 +11693,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useIsClient: function() { return /* binding */ useIsClient; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
+/* harmony import */ var _lib_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -11740,6 +11741,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 
+
 /**
  * Хук для two-pass рендеринга.
  *
@@ -11750,7 +11752,7 @@ function _unsupported_iterable_to_array(o, minLen) {
  */ function useIsClient() {
     var initial = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
     var _React_useState = _sliced_to_array(react__WEBPACK_IMPORTED_MODULE_0__.useState(initial), 2), isClient = _React_useState[0], setIsClient = _React_useState[1];
-    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function() {
+    (0,_lib_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_1__.useIsomorphicLayoutEffect)(function() {
         setIsClient(true);
     }, []);
     return isClient;
@@ -11778,9 +11780,10 @@ function useAdaptivityHasHover() {
     var deferDetect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
     var _React_useContext = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_components_AdaptivityProvider_AdaptivityContext__WEBPACK_IMPORTED_MODULE_2__.AdaptivityContext), hasHoverContext = _React_useContext.hasHover;
     var hasHover = hasHoverContext === undefined ? _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasHover : hasHoverContext;
-    var isClient = (0,_useIsClient__WEBPACK_IMPORTED_MODULE_3__.useIsClient)(!deferDetect);
-    if (!isClient) {
-        return undefined;
+    var needTwoPassRendering = deferDetect || hasHoverContext === undefined;
+    var isClient = (0,_useIsClient__WEBPACK_IMPORTED_MODULE_3__.useIsClient)(!needTwoPassRendering);
+    if (!isClient || hasHoverContext !== undefined) {
+        return hasHoverContext;
     }
     return hasHover;
 }
@@ -12852,8 +12855,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _ImageBaseBadge_ImageBaseBadge__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(133);
-/* harmony import */ var _ImageBaseOverlay_ImageBaseOverlay__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(135);
+/* harmony import */ var _hooks_useExternRef__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(116);
+/* harmony import */ var _ImageBaseBadge_ImageBaseBadge__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(133);
+/* harmony import */ var _ImageBaseOverlay_ImageBaseOverlay__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(135);
 /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(126);
 /* harmony import */ var _validators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(130);
 /* harmony import */ var _ImageBase_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(128);
@@ -12992,6 +12996,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 
 
 
+
 /**
  * @see https://vkcom.github.io/VKUI/#/ImageBase
  */ var ImageBase = function(_param) {
@@ -13036,6 +13041,9 @@ function _unsupported_iterable_to_array(o, minLen) {
     }
     var handleImageLoad = function(event) {
         var _onLoad;
+        if (loaded) {
+            return;
+        }
         setLoaded(true);
         setFailed(false);
         (_onLoad = onLoad) === null || _onLoad === void 0 ? void 0 : _onLoad(event);
@@ -13046,6 +13054,21 @@ function _unsupported_iterable_to_array(o, minLen) {
         setFailed(true);
         (_onError = onError) === null || _onError === void 0 ? void 0 : _onError(event);
     };
+    var imgRef = (0,_hooks_useExternRef__WEBPACK_IMPORTED_MODULE_6__.useExternRef)(getRef);
+    var isOnLoadStatusCheckedRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(false);
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function dispatchLoadEventForAlreadyLoadedResourceIfReactInitializedLater() {
+        if (isOnLoadStatusCheckedRef.current) {
+            return;
+        }
+        isOnLoadStatusCheckedRef.current = true;
+        if (imgRef.current && imgRef.current.complete && !loaded) {
+            var event = new Event("load");
+            imgRef.current.dispatchEvent(event);
+        }
+    }, [
+        imgRef,
+        loaded
+    ]);
     var sizeClassName = function() {
         switch(size){
             case 28:
@@ -13076,7 +13099,7 @@ function _unsupported_iterable_to_array(o, minLen) {
         "aria-label": ariaLabel,
         onClick: onClick
     }), hasSrc && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("img", {
-        ref: getRef,
+        ref: imgRef,
         alt: alt,
         className: "vkuiImageBase__img",
         crossOrigin: crossOrigin,
@@ -13098,8 +13121,8 @@ function _unsupported_iterable_to_array(o, minLen) {
         className: "vkuiImageBase__border"
     })));
 };
-ImageBase.Badge = _ImageBaseBadge_ImageBaseBadge__WEBPACK_IMPORTED_MODULE_6__.ImageBaseBadge;
-ImageBase.Overlay = _ImageBaseOverlay_ImageBaseOverlay__WEBPACK_IMPORTED_MODULE_7__.ImageBaseOverlay;
+ImageBase.Badge = _ImageBaseBadge_ImageBaseBadge__WEBPACK_IMPORTED_MODULE_7__.ImageBaseBadge;
+ImageBase.Overlay = _ImageBaseOverlay_ImageBaseOverlay__WEBPACK_IMPORTED_MODULE_8__.ImageBaseOverlay;
 
 
 /***/ }),
@@ -14815,10 +14838,10 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_3__.warnOnce)("View");
     ]);
     var transitionEndHandler = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(function(e) {
         if ((!e || [
-            "vkuivkui-animation-ios-next-forward",
-            "vkuivkui-animation-ios-prev-back",
-            "vkuivkui-animation-view-next-forward",
-            "vkuivkui-animation-view-prev-back"
+            "vkuianimation-ios-next-forward",
+            "vkuianimation-ios-prev-back",
+            "vkuianimation-view-next-forward",
+            "vkuianimation-view-prev-back"
         ].includes(e.animationName)) && prevPanel !== null) {
             flushTransition(prevPanel, Boolean(isBack));
         }
@@ -17070,9 +17093,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(183);
-/* harmony import */ var _lib_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(59);
-/* harmony import */ var _AppRoot_AppRootPortal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(187);
+/* harmony import */ var _lib_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(59);
+/* harmony import */ var _AppRoot_AppRootPortal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(183);
 /* harmony import */ var _PopoutRoot_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(182);
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -17158,12 +17180,10 @@ function _object_without_properties_loose(source, excluded) {
 
 
 
-
 var PopoutRootPopout = function(param) {
     var children = param.children;
-    var isDesktop = (0,_hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_3__.useAdaptivityWithJSMediaQueries)().isDesktop;
     return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
-        className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiPopoutRoot__popout", isDesktop && "vkuiPopoutRoot__popout--absolute")
+        className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiPopoutRoot__popout")
     }, children);
 };
 var PopoutRootModal = function(param) {
@@ -17180,9 +17200,9 @@ var PopoutRoot = function(_param) {
         "getRootRef",
         "className"
     ]);
-    var document = (0,_lib_dom__WEBPACK_IMPORTED_MODULE_4__.useDOM)().document;
+    var document = (0,_lib_dom__WEBPACK_IMPORTED_MODULE_3__.useDOM)().document;
     react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function() {
-        popout && (0,_lib_dom__WEBPACK_IMPORTED_MODULE_4__.blurActiveElement)(document);
+        popout && (0,_lib_dom__WEBPACK_IMPORTED_MODULE_3__.blurActiveElement)(document);
     }, [
         document,
         popout
@@ -17190,7 +17210,7 @@ var PopoutRoot = function(_param) {
     return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", _object_spread_props(_object_spread({}, restProps), {
         className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiPopoutRoot", className),
         ref: getRootRef
-    }), children, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AppRoot_AppRootPortal__WEBPACK_IMPORTED_MODULE_5__.AppRootPortal, null, !!popout && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(PopoutRootPopout, null, popout), !!modal && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(PopoutRootModal, null, modal)));
+    }), children, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AppRoot_AppRootPortal__WEBPACK_IMPORTED_MODULE_4__.AppRootPortal, null, !!popout && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(PopoutRootPopout, null, popout), !!modal && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(PopoutRootModal, null, modal)));
 };
 
 
@@ -17207,277 +17227,17 @@ __webpack_require__.r(__webpack_exports__);
 /* 183 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   useAdaptivityWithJSMediaQueries: function() { return /* binding */ useAdaptivityWithJSMediaQueries; }
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _components_AdaptivityProvider_AdaptivityContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(71);
-/* harmony import */ var _helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(185);
-/* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(171);
-/* harmony import */ var _lib_matchMedia__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(186);
-/* harmony import */ var _useMediaQueries__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(184);
-/* harmony import */ var _usePlatform__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(110);
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-
-
-
-
-
-
-
-
-/**
- * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
- *
- * Берёт в приоритет значения из `AdaptivityContext`.
- *
- * > ⚠ SSR
- * >
- * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен
- * > на стороне сервера.
- * >
- * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки
- * > страницы либо пользователем, либо программно.
- */ var useAdaptivityWithJSMediaQueries = function() {
-    if (!_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.canUseDOM) {
-        console.error("[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.");
-    }
-    var _React_useContext = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_components_AdaptivityProvider_AdaptivityContext__WEBPACK_IMPORTED_MODULE_2__.AdaptivityContext), viewWidthContext = _React_useContext.viewWidth, viewHeightContext = _React_useContext.viewHeight, sizeXContext = _React_useContext.sizeX, sizeYContext = _React_useContext.sizeY, hasPointerContext = _React_useContext.hasPointer, hasHoverContext = _React_useContext.hasHover;
-    var platform = (0,_usePlatform__WEBPACK_IMPORTED_MODULE_3__.usePlatform)();
-    var mediaQueries = (0,_useMediaQueries__WEBPACK_IMPORTED_MODULE_4__.useMediaQueries)();
-    var _React_useState = _sliced_to_array(react__WEBPACK_IMPORTED_MODULE_0__.useState(function() {
-        return [
-            (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(viewWidthContext, (0,_lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.getViewWidthByMediaQueries)(mediaQueries)),
-            (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(viewHeightContext, (0,_lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.getViewHeightByMediaQueries)(mediaQueries))
-        ];
-    }), 2), _React_useState_ = _sliced_to_array(_React_useState[0], 2), viewWidthLocal = _React_useState_[0], viewHeightLocal = _React_useState_[1], setViewSizeLocal = _React_useState[1];
-    var adaptivityProps = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function() {
-        var hasPointer = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(hasPointerContext, _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasMouse);
-        var hasHover = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(hasHoverContext, _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasHover);
-        var viewWidth = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(viewWidthContext, viewWidthLocal);
-        var viewHeight = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(viewHeightContext, viewHeightLocal);
-        var sizeX = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(sizeXContext, (0,_lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.getSizeX)(viewWidth));
-        var sizeY = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(sizeYContext, (0,_lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.getSizeY)(viewWidth, viewHeight, hasPointer));
-        var isDesktop = (0,_lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.tryToCheckIsDesktop)(viewWidth, viewHeight, hasPointer, platform);
-        return {
-            viewWidth: viewWidth,
-            viewHeight: viewHeight,
-            sizeX: sizeX,
-            sizeY: sizeY,
-            hasPointer: hasPointer,
-            hasHover: hasHover,
-            isDesktop: isDesktop
-        };
-    }, [
-        viewWidthLocal,
-        viewHeightLocal,
-        viewWidthContext,
-        viewHeightContext,
-        sizeXContext,
-        sizeYContext,
-        hasPointerContext,
-        hasHoverContext,
-        platform
-    ]);
-    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function() {
-        var handleMediaQuery = function() {
-            setViewSizeLocal(function(prevSizeLocal) {
-                var newViewWidthLocal = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(viewWidthContext, (0,_lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.getViewWidthByMediaQueries)(mediaQueries));
-                var newViewHeightLocal = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(viewHeightContext, (0,_lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.getViewHeightByMediaQueries)(mediaQueries));
-                var _prevSizeLocal = _sliced_to_array(prevSizeLocal, 2), prevViewWidthLocal = _prevSizeLocal[0], prevViewHeightLocal = _prevSizeLocal[1];
-                if (prevViewWidthLocal !== newViewWidthLocal || prevViewHeightLocal !== newViewHeightLocal) {
-                    return [
-                        newViewWidthLocal,
-                        newViewHeightLocal
-                    ];
-                }
-                return prevSizeLocal;
-            });
-        };
-        if (!viewWidthContext) {
-            [
-                mediaQueries.desktopPlus,
-                mediaQueries.tablet,
-                mediaQueries.smallTablet,
-                mediaQueries.mobile
-            ].forEach(function(matchMediaListener) {
-                return (0,_lib_matchMedia__WEBPACK_IMPORTED_MODULE_7__.matchMediaListAddListener)(matchMediaListener, handleMediaQuery);
-            });
-        }
-        if (!viewHeightContext) {
-            [
-                mediaQueries.mediumHeight,
-                mediaQueries.mobileLandscapeHeight
-            ].forEach(function(matchMediaListener) {
-                return (0,_lib_matchMedia__WEBPACK_IMPORTED_MODULE_7__.matchMediaListAddListener)(matchMediaListener, handleMediaQuery);
-            });
-        }
-        return function() {
-            [
-                mediaQueries.desktopPlus,
-                mediaQueries.tablet,
-                mediaQueries.smallTablet,
-                mediaQueries.mobile,
-                mediaQueries.mediumHeight,
-                mediaQueries.mobileLandscapeHeight
-            ].forEach(function(matchMediaListener) {
-                return (0,_lib_matchMedia__WEBPACK_IMPORTED_MODULE_7__.matchMediaListRemoveListener)(matchMediaListener, handleMediaQuery);
-            });
-        };
-    }, [
-        mediaQueries,
-        viewWidthContext,
-        viewHeightContext
-    ]);
-    return adaptivityProps;
-};
-
-
-/***/ }),
-/* 184 */
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   useMediaQueries: function() { return /* binding */ useMediaQueries; }
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(57);
-/* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _lib_browser__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69);
-/* harmony import */ var _lib_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59);
-
-
-
-
-var storedMediaQueries = {
-    window: undefined,
-    mediaQueries: null
-};
-/**
- * Возвращает медиа выражения определенные дизайн-системой.
- */ var useMediaQueries = function() {
-    var window = (0,_lib_dom__WEBPACK_IMPORTED_MODULE_1__.useDOM)().window;
-    return react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function initializeStoreOrUpdateStoreIfWindowChanges() {
-        if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {
-            return storedMediaQueries.mediaQueries;
-        }
-        var matchMedia = window ? window.matchMedia.bind(window) : _lib_browser__WEBPACK_IMPORTED_MODULE_2__.mediaQueryNull;
-        storedMediaQueries.window = window;
-        storedMediaQueries.mediaQueries = {
-            desktopPlus: matchMedia(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.MEDIA_QUERIES.DESKTOP_PLUS),
-            smallTabletPlus: matchMedia(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.MEDIA_QUERIES.SMALL_TABLET_PLUS),
-            tablet: matchMedia(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.MEDIA_QUERIES.TABLET),
-            smallTablet: matchMedia(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.MEDIA_QUERIES.SMALL_TABLET),
-            mobile: matchMedia(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.MEDIA_QUERIES.MOBILE),
-            mediumHeight: matchMedia(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.MEDIA_QUERIES.MEDIUM_HEIGHT),
-            mobileLandscapeHeight: matchMedia(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT)
-        };
-        return storedMediaQueries.mediaQueries;
-    }, [
-        window
-    ]);
-};
-
-
-/***/ }),
-/* 185 */
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   getOrDefault: function() { return /* binding */ getOrDefault; }
-/* harmony export */ });
-/**
- * Вернёт первый аргумент если он есть, иначе вернёт значение по умолчанию.
- */ function getOrDefault(value, defaultValue) {
-    return value !== null && value !== void 0 ? value : defaultValue;
-}
-
-
-/***/ }),
-/* 186 */
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   matchMediaListAddListener: function() { return /* binding */ matchMediaListAddListener; },
-/* harmony export */   matchMediaListRemoveListener: function() { return /* binding */ matchMediaListRemoveListener; }
-/* harmony export */ });
-function matchMediaListAddListener(mediaQueryList, listener) {
-    mediaQueryList.addEventListener ? mediaQueryList.addEventListener("change", listener) : mediaQueryList.addListener(listener);
-}
-function matchMediaListRemoveListener(mediaQueryList, listener) {
-    mediaQueryList.removeEventListener ? mediaQueryList.removeEventListener("change", listener) : mediaQueryList.removeListener(listener);
-}
-
-
-/***/ }),
-/* 187 */
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   AppRootPortal: function() { return /* binding */ AppRootPortal; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(188);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(184);
 /* harmony import */ var _hooks_useAppearance__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(66);
 /* harmony import */ var _hooks_useIsClient__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(113);
 /* harmony import */ var _lib_isRefObject__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(72);
-/* harmony import */ var _AppearanceProvider_AppearanceProvider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(197);
+/* harmony import */ var _AppearanceProvider_AppearanceProvider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(193);
 /* harmony import */ var _AppRootContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(75);
 
 
@@ -17518,7 +17278,7 @@ var AppRootPortal = function(param) {
 
 
 /***/ }),
-/* 188 */
+/* 184 */
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
@@ -17556,14 +17316,14 @@ if (process.env.NODE_ENV === 'production') {
   // DCE check should happen before ReactDOM bundle executes so that
   // DevTools can report bad minification during injection.
   checkDCE();
-  module.exports = __webpack_require__(189);
+  module.exports = __webpack_require__(185);
 } else {
-  module.exports = __webpack_require__(193);
+  module.exports = __webpack_require__(189);
 }
 
 
 /***/ }),
-/* 189 */
+/* 185 */
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -17578,7 +17338,7 @@ if (process.env.NODE_ENV === 'production') {
 /*
  Modernizr 3.0.0pre (Custom Build) | MIT
 */
-var aa=__webpack_require__(5),m=__webpack_require__(7),r=__webpack_require__(190);function y(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!aa)throw Error(y(227));var ba=new Set,ca={};function da(a,b){ea(a,b);ea(a+"Capture",b)}
+var aa=__webpack_require__(5),m=__webpack_require__(7),r=__webpack_require__(186);function y(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!aa)throw Error(y(227));var ba=new Set,ca={};function da(a,b){ea(a,b);ea(a+"Capture",b)}
 function ea(a,b){ca[a]=b;for(a=0;a<b.length;a++)ba.add(b[a])}
 var fa=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),ha=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,ia=Object.prototype.hasOwnProperty,
 ja={},ka={};function la(a){if(ia.call(ka,a))return!0;if(ia.call(ja,a))return!1;if(ha.test(a))return ka[a]=!0;ja[a]=!0;return!1}function ma(a,b,c,d){if(null!==c&&0===c.type)return!1;switch(typeof b){case "function":case "symbol":return!0;case "boolean":if(d)return!1;if(null!==c)return!c.acceptsBooleans;a=a.toLowerCase().slice(0,5);return"data-"!==a&&"aria-"!==a;default:return!1}}
@@ -17867,21 +17627,21 @@ exports.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!rk(c))throw Er
 
 
 /***/ }),
-/* 190 */
+/* 186 */
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports = __webpack_require__(191);
+  module.exports = __webpack_require__(187);
 } else {
-  module.exports = __webpack_require__(192);
+  module.exports = __webpack_require__(188);
 }
 
 
 /***/ }),
-/* 191 */
+/* 187 */
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
@@ -17908,7 +17668,7 @@ exports.unstable_wrapCallback=function(a){var b=P;return function(){var c=P;P=b;
 
 
 /***/ }),
-/* 192 */
+/* 188 */
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
@@ -18561,7 +18321,7 @@ exports.unstable_wrapCallback = unstable_wrapCallback;
 
 
 /***/ }),
-/* 193 */
+/* 189 */
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -18582,8 +18342,8 @@ if (process.env.NODE_ENV !== "production") {
 
 var React = __webpack_require__(5);
 var _assign = __webpack_require__(7);
-var Scheduler = __webpack_require__(190);
-var tracing = __webpack_require__(194);
+var Scheduler = __webpack_require__(186);
+var tracing = __webpack_require__(190);
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -44825,21 +44585,21 @@ exports.version = ReactVersion;
 
 
 /***/ }),
-/* 194 */
+/* 190 */
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports = __webpack_require__(195);
+  module.exports = __webpack_require__(191);
 } else {
-  module.exports = __webpack_require__(196);
+  module.exports = __webpack_require__(192);
 }
 
 
 /***/ }),
-/* 195 */
+/* 191 */
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
@@ -44855,7 +44615,7 @@ var b=0;exports.__interactionsRef=null;exports.__subscriberRef=null;exports.unst
 
 
 /***/ }),
-/* 196 */
+/* 192 */
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
@@ -45209,7 +44969,7 @@ exports.unstable_wrap = unstable_wrap;
 
 
 /***/ }),
-/* 197 */
+/* 193 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -45219,8 +44979,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(110);
-/* harmony import */ var _lib_tokensClassProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(199);
-/* harmony import */ var _ConfigProvider_ConfigProviderOverride__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(198);
+/* harmony import */ var _lib_tokensClassProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(195);
+/* harmony import */ var _ConfigProvider_ConfigProviderOverride__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(194);
 
 
 
@@ -45240,7 +45000,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 198 */
+/* 194 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -45324,7 +45084,7 @@ function _object_without_properties_loose(source, excluded) {
 
 
 /***/ }),
-/* 199 */
+/* 195 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -45334,7 +45094,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _helpers_generateVKUITokensClassName__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(200);
+/* harmony import */ var _helpers_generateVKUITokensClassName__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(196);
 
 
 
@@ -45352,7 +45112,7 @@ var TokensClassProvider = function(param) {
 
 
 /***/ }),
-/* 200 */
+/* 196 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -45382,7 +45142,7 @@ var generateVKUITokensClassName = function(platform, appearance) {
 
 
 /***/ }),
-/* 201 */
+/* 197 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -45393,14 +45153,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(70);
-/* harmony import */ var _hooks_useMediaQueries__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(184);
+/* harmony import */ var _hooks_useMediaQueries__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(199);
 /* harmony import */ var _hooks_useObjectMemo__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(151);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(56);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(171);
-/* harmony import */ var _lib_matchMedia__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(186);
+/* harmony import */ var _lib_matchMedia__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(200);
 /* harmony import */ var _lib_warnOnce__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(131);
 /* harmony import */ var _SplitColContext__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(124);
-/* harmony import */ var _SplitCol_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(202);
+/* harmony import */ var _SplitCol_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(198);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -45616,7 +45376,7 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_7__.warnOnce)("SplitCol");
 
 
 /***/ }),
-/* 202 */
+/* 198 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -45625,7 +45385,73 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 203 */
+/* 199 */
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useMediaQueries: function() { return /* binding */ useMediaQueries; }
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
+/* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(57);
+/* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _lib_browser__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69);
+/* harmony import */ var _lib_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59);
+
+
+
+
+var storedMediaQueries = {
+    window: undefined,
+    mediaQueries: null
+};
+/**
+ * Возвращает медиа выражения определенные дизайн-системой.
+ */ var useMediaQueries = function() {
+    var window = (0,_lib_dom__WEBPACK_IMPORTED_MODULE_1__.useDOM)().window;
+    return react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function initializeStoreOrUpdateStoreIfWindowChanges() {
+        if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {
+            return storedMediaQueries.mediaQueries;
+        }
+        var matchMedia = window ? window.matchMedia.bind(window) : _lib_browser__WEBPACK_IMPORTED_MODULE_2__.mediaQueryNull;
+        storedMediaQueries.window = window;
+        storedMediaQueries.mediaQueries = {
+            desktopPlus: matchMedia(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.MEDIA_QUERIES.DESKTOP_PLUS),
+            smallTabletPlus: matchMedia(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.MEDIA_QUERIES.SMALL_TABLET_PLUS),
+            tablet: matchMedia(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.MEDIA_QUERIES.TABLET),
+            smallTablet: matchMedia(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.MEDIA_QUERIES.SMALL_TABLET),
+            mobile: matchMedia(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.MEDIA_QUERIES.MOBILE),
+            mediumHeight: matchMedia(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.MEDIA_QUERIES.MEDIUM_HEIGHT),
+            mobileLandscapeHeight: matchMedia(_lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT)
+        };
+        return storedMediaQueries.mediaQueries;
+    }, [
+        window
+    ]);
+};
+
+
+/***/ }),
+/* 200 */
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   matchMediaListAddListener: function() { return /* binding */ matchMediaListAddListener; },
+/* harmony export */   matchMediaListRemoveListener: function() { return /* binding */ matchMediaListRemoveListener; }
+/* harmony export */ });
+function matchMediaListAddListener(mediaQueryList, listener) {
+    mediaQueryList.addEventListener ? mediaQueryList.addEventListener("change", listener) : mediaQueryList.addListener(listener);
+}
+function matchMediaListRemoveListener(mediaQueryList, listener) {
+    mediaQueryList.removeEventListener ? mediaQueryList.removeEventListener("change", listener) : mediaQueryList.removeListener(listener);
+}
+
+
+/***/ }),
+/* 201 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -45637,8 +45463,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _lib_getNavId__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(149);
 /* harmony import */ var _lib_warnOnce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(131);
-/* harmony import */ var _ScrollSaver__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(205);
-/* harmony import */ var _Epic_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(204);
+/* harmony import */ var _ScrollSaver__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(203);
+/* harmony import */ var _Epic_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(202);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -45752,7 +45578,7 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_3__.warnOnce)("Epic");
 
 
 /***/ }),
-/* 204 */
+/* 202 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -45761,7 +45587,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 205 */
+/* 203 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -45793,7 +45619,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 206 */
+/* 204 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -45805,7 +45631,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(110);
 /* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(68);
-/* harmony import */ var _Tabbar_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(207);
+/* harmony import */ var _Tabbar_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(205);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -45893,7 +45719,7 @@ var getItemsLayoutClassName = function(itemsLayout, children) {
 
 
 /***/ }),
-/* 207 */
+/* 205 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -45902,7 +45728,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 208 */
+/* 206 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -45917,7 +45743,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lib_warnOnce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(131);
 /* harmony import */ var _Tappable_Tappable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(103);
 /* harmony import */ var _Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(99);
-/* harmony import */ var _TabbarItem_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(209);
+/* harmony import */ var _TabbarItem_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(207);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -46055,7 +45881,7 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_3__.warnOnce)("TabbarItem")
 
 
 /***/ }),
-/* 209 */
+/* 207 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46064,7 +45890,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 210 */
+/* 208 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46073,12 +45899,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ScrollArrow: function() { return /* binding */ ScrollArrow; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(212);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(213);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(214);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(215);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(210);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(211);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(212);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(213);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _ScrollArrow_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(211);
+/* harmony import */ var _ScrollArrow_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(209);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -46181,7 +46007,7 @@ var ArrowIcon = function(param) {
 
 
 /***/ }),
-/* 211 */
+/* 209 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46190,7 +46016,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 212 */
+/* 210 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46205,7 +46031,7 @@ var Icon16ChevronLeft = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.
 
 
 /***/ }),
-/* 213 */
+/* 211 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46220,7 +46046,7 @@ var Icon16Chevron = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.make
 
 
 /***/ }),
-/* 214 */
+/* 212 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46235,7 +46061,7 @@ var Icon24ChevronCompactLeft = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODU
 
 
 /***/ }),
-/* 215 */
+/* 213 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46250,7 +46076,7 @@ var Icon24Chevron = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.make
 
 
 /***/ }),
-/* 216 */
+/* 214 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46263,9 +46089,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hooks_useAdaptivityHasPointer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(112);
 /* harmony import */ var _hooks_useEventListener__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(62);
 /* harmony import */ var _hooks_useExternRef__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(116);
-/* harmony import */ var _lib_fx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(218);
-/* harmony import */ var _ScrollArrow_ScrollArrow__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(210);
-/* harmony import */ var _HorizontalScroll_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(217);
+/* harmony import */ var _lib_fx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(216);
+/* harmony import */ var _ScrollArrow_ScrollArrow__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(208);
+/* harmony import */ var _HorizontalScroll_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(215);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -46521,7 +46347,7 @@ function doScroll(param) {
         scrollTo,
         scrollerRef
     ]);
-    var onscroll = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(function() {
+    var calculateArrowsVisibility = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(function() {
         if (showArrows && hasPointer && scrollerRef.current && !isCustomScrollingRef.current) {
             var scrollElement = scrollerRef.current;
             setCanScrollLeft(scrollElement.scrollLeft > 0);
@@ -46532,19 +46358,20 @@ function doScroll(param) {
         scrollerRef,
         showArrows
     ]);
-    var scrollEvent = (0,_hooks_useEventListener__WEBPACK_IMPORTED_MODULE_6__.useEventListener)("scroll", onscroll);
-    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function() {
-        if (scrollerRef.current) {
-            scrollEvent.add(scrollerRef.current);
+    var scrollEvent = (0,_hooks_useEventListener__WEBPACK_IMPORTED_MODULE_6__.useEventListener)("scroll", calculateArrowsVisibility);
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function addScrollerRefToScrollEvent() {
+        if (!scrollerRef.current) {
+            return _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.noop;
         }
+        scrollEvent.add(scrollerRef.current);
+        return scrollEvent.remove;
     }, [
         scrollEvent,
         scrollerRef
     ]);
-    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(onscroll, [
-        scrollerRef,
-        children,
-        onscroll
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(calculateArrowsVisibility, [
+        calculateArrowsVisibility,
+        children
     ]);
     /**
    * Прокрутка с помощью любого колеса мыши
@@ -46558,7 +46385,7 @@ function doScroll(param) {
         scrollerRef
     ]);
     var wheelEvent = (0,_hooks_useEventListener__WEBPACK_IMPORTED_MODULE_6__.useEventListener)("wheel", onwheel);
-    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function() {
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function addScrollerRefToWheelEvent() {
         if (!scrollerRef.current || !scrollOnAnyWheel) {
             return _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.noop;
         }
@@ -46570,7 +46397,8 @@ function doScroll(param) {
         scrollOnAnyWheel
     ]);
     return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", _object_spread_props(_object_spread({}, restProps), {
-        className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiHorizontalScroll", "vkuiInternalHorizontalScroll", showArrows === "always" && "vkuiHorizontalScroll--withConstArrows", className)
+        className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiHorizontalScroll", "vkuiInternalHorizontalScroll", showArrows === "always" && "vkuiHorizontalScroll--withConstArrows", className),
+        onMouseEnter: calculateArrowsVisibility
     }), showArrows && (hasPointer || hasPointer === undefined) && canScrollLeft && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ScrollArrow_ScrollArrow__WEBPACK_IMPORTED_MODULE_7__.ScrollArrow, {
         size: arrowSize,
         offsetY: arrowOffsetY,
@@ -46593,7 +46421,7 @@ function doScroll(param) {
 
 
 /***/ }),
-/* 217 */
+/* 215 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46602,7 +46430,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 218 */
+/* 216 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46619,7 +46447,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 219 */
+/* 217 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46629,7 +46457,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _AspectRatio_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(220);
+/* harmony import */ var _AspectRatio_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(218);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -46713,7 +46541,7 @@ function _object_without_properties_loose(source, excluded) {
 
 
 /***/ }),
-/* 220 */
+/* 218 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46722,7 +46550,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 221 */
+/* 219 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46737,7 +46565,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hooks_useTimeout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(106);
 /* harmony import */ var _lib_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(59);
 /* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(68);
-/* harmony import */ var _PopoutWrapper_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(222);
+/* harmony import */ var _PopoutWrapper_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(220);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -46888,7 +46716,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     var _React_useState = _sliced_to_array(react__WEBPACK_IMPORTED_MODULE_0__.useState(!hasMask), 2), opened = _React_useState[0], setOpened = _React_useState[1];
     var elRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);
     var onFadeInEnd = function(e) {
-        if (!e || e.animationName === "vkuivkui-animation-full-fade-in") {
+        if (!e || e.animationName === "vkuianimation-full-fade-in") {
             setOpened(true);
         }
     };
@@ -46929,7 +46757,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 
 
 /***/ }),
-/* 222 */
+/* 220 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46938,7 +46766,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 223 */
+/* 221 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46948,8 +46776,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(183);
-/* harmony import */ var _hooks_useId__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(225);
+/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(224);
+/* harmony import */ var _hooks_useId__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(223);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(110);
 /* harmony import */ var _hooks_useWaitTransitionFinish__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(155);
 /* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(68);
@@ -46957,10 +46785,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _AppRoot_ScrollContext__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(73);
 /* harmony import */ var _FocusTrap_FocusTrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(226);
 /* harmony import */ var _ModalDismissButton_ModalDismissButton__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(230);
-/* harmony import */ var _PopoutWrapper_PopoutWrapper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(221);
+/* harmony import */ var _PopoutWrapper_PopoutWrapper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(219);
 /* harmony import */ var _AlertActions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(228);
 /* harmony import */ var _AlertTypography__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(227);
-/* harmony import */ var _Alert_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(224);
+/* harmony import */ var _Alert_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(222);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -47194,7 +47022,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 
 
 /***/ }),
-/* 224 */
+/* 222 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -47203,7 +47031,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 225 */
+/* 223 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -47274,6 +47102,200 @@ function useIncrementingCounterID() {
 var useId = maybeReactUseId !== null && maybeReactUseId !== void 0 ? maybeReactUseId : useIncrementingCounterID;
 
 
+/***/ }),
+/* 224 */
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useAdaptivityWithJSMediaQueries: function() { return /* binding */ useAdaptivityWithJSMediaQueries; }
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
+/* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
+/* harmony import */ var _components_AdaptivityProvider_AdaptivityContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(71);
+/* harmony import */ var _helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(225);
+/* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(171);
+/* harmony import */ var _lib_matchMedia__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(200);
+/* harmony import */ var _useMediaQueries__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(199);
+/* harmony import */ var _usePlatform__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(110);
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+
+
+
+
+
+
+
+
+/**
+ * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
+ *
+ * Берёт в приоритет значения из `AdaptivityContext`.
+ *
+ * > ⚠ SSR
+ * >
+ * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен
+ * > на стороне сервера.
+ * >
+ * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки
+ * > страницы либо пользователем, либо программно.
+ */ var useAdaptivityWithJSMediaQueries = function() {
+    if (!_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.canUseDOM) {
+        console.error("[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.");
+    }
+    var _React_useContext = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_components_AdaptivityProvider_AdaptivityContext__WEBPACK_IMPORTED_MODULE_2__.AdaptivityContext), viewWidthContext = _React_useContext.viewWidth, viewHeightContext = _React_useContext.viewHeight, sizeXContext = _React_useContext.sizeX, sizeYContext = _React_useContext.sizeY, hasPointerContext = _React_useContext.hasPointer, hasHoverContext = _React_useContext.hasHover;
+    var platform = (0,_usePlatform__WEBPACK_IMPORTED_MODULE_3__.usePlatform)();
+    var mediaQueries = (0,_useMediaQueries__WEBPACK_IMPORTED_MODULE_4__.useMediaQueries)();
+    var _React_useState = _sliced_to_array(react__WEBPACK_IMPORTED_MODULE_0__.useState(function() {
+        return [
+            (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(viewWidthContext, (0,_lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.getViewWidthByMediaQueries)(mediaQueries)),
+            (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(viewHeightContext, (0,_lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.getViewHeightByMediaQueries)(mediaQueries))
+        ];
+    }), 2), _React_useState_ = _sliced_to_array(_React_useState[0], 2), viewWidthLocal = _React_useState_[0], viewHeightLocal = _React_useState_[1], setViewSizeLocal = _React_useState[1];
+    var adaptivityProps = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function() {
+        var hasPointer = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(hasPointerContext, _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasMouse);
+        var hasHover = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(hasHoverContext, _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasHover);
+        var viewWidth = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(viewWidthContext, viewWidthLocal);
+        var viewHeight = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(viewHeightContext, viewHeightLocal);
+        var sizeX = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(sizeXContext, (0,_lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.getSizeX)(viewWidth));
+        var sizeY = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(sizeYContext, (0,_lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.getSizeY)(viewWidth, viewHeight, hasPointer));
+        var isDesktop = (0,_lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.tryToCheckIsDesktop)(viewWidth, viewHeight, hasPointer, platform);
+        return {
+            viewWidth: viewWidth,
+            viewHeight: viewHeight,
+            sizeX: sizeX,
+            sizeY: sizeY,
+            hasPointer: hasPointer,
+            hasHover: hasHover,
+            isDesktop: isDesktop
+        };
+    }, [
+        viewWidthLocal,
+        viewHeightLocal,
+        viewWidthContext,
+        viewHeightContext,
+        sizeXContext,
+        sizeYContext,
+        hasPointerContext,
+        hasHoverContext,
+        platform
+    ]);
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function() {
+        var handleMediaQuery = function() {
+            setViewSizeLocal(function(prevSizeLocal) {
+                var newViewWidthLocal = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(viewWidthContext, (0,_lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.getViewWidthByMediaQueries)(mediaQueries));
+                var newViewHeightLocal = (0,_helpers_getOrDefault__WEBPACK_IMPORTED_MODULE_5__.getOrDefault)(viewHeightContext, (0,_lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.getViewHeightByMediaQueries)(mediaQueries));
+                var _prevSizeLocal = _sliced_to_array(prevSizeLocal, 2), prevViewWidthLocal = _prevSizeLocal[0], prevViewHeightLocal = _prevSizeLocal[1];
+                if (prevViewWidthLocal !== newViewWidthLocal || prevViewHeightLocal !== newViewHeightLocal) {
+                    return [
+                        newViewWidthLocal,
+                        newViewHeightLocal
+                    ];
+                }
+                return prevSizeLocal;
+            });
+        };
+        if (!viewWidthContext) {
+            [
+                mediaQueries.desktopPlus,
+                mediaQueries.tablet,
+                mediaQueries.smallTablet,
+                mediaQueries.mobile
+            ].forEach(function(matchMediaListener) {
+                return (0,_lib_matchMedia__WEBPACK_IMPORTED_MODULE_7__.matchMediaListAddListener)(matchMediaListener, handleMediaQuery);
+            });
+        }
+        if (!viewHeightContext) {
+            [
+                mediaQueries.mediumHeight,
+                mediaQueries.mobileLandscapeHeight
+            ].forEach(function(matchMediaListener) {
+                return (0,_lib_matchMedia__WEBPACK_IMPORTED_MODULE_7__.matchMediaListAddListener)(matchMediaListener, handleMediaQuery);
+            });
+        }
+        return function() {
+            [
+                mediaQueries.desktopPlus,
+                mediaQueries.tablet,
+                mediaQueries.smallTablet,
+                mediaQueries.mobile,
+                mediaQueries.mediumHeight,
+                mediaQueries.mobileLandscapeHeight
+            ].forEach(function(matchMediaListener) {
+                return (0,_lib_matchMedia__WEBPACK_IMPORTED_MODULE_7__.matchMediaListRemoveListener)(matchMediaListener, handleMediaQuery);
+            });
+        };
+    }, [
+        mediaQueries,
+        viewWidthContext,
+        viewHeightContext
+    ]);
+    return adaptivityProps;
+};
+
+
+/***/ }),
+/* 225 */
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getOrDefault: function() { return /* binding */ getOrDefault; }
+/* harmony export */ });
+/**
+ * Вернёт первый аргумент если он есть, иначе вернёт значение по умолчанию.
+ */ function getOrDefault(value, defaultValue) {
+    return value !== null && value !== void 0 ? value : defaultValue;
+}
+
+
 /***/ }),
 /* 226 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -47514,7 +47536,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(99);
 /* harmony import */ var _Typography_Text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(93);
 /* harmony import */ var _Typography_Title_Title__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(87);
-/* harmony import */ var _Alert_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(224);
+/* harmony import */ var _Alert_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(222);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -47603,7 +47625,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(110);
 /* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(68);
 /* harmony import */ var _AlertAction__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(229);
-/* harmony import */ var _Alert_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(224);
+/* harmony import */ var _Alert_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(222);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -47716,7 +47738,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(68);
 /* harmony import */ var _Button_Button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(137);
 /* harmony import */ var _Tappable_Tappable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(103);
-/* harmony import */ var _Alert_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(224);
+/* harmony import */ var _Alert_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(222);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -47962,14 +47984,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(183);
+/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(224);
 /* harmony import */ var _hooks_useObjectMemo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(151);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(110);
 /* harmony import */ var _hooks_useTimeout__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(106);
 /* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(68);
 /* harmony import */ var _lib_warnOnce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(131);
 /* harmony import */ var _AppRoot_ScrollContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(73);
-/* harmony import */ var _PopoutWrapper_PopoutWrapper__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(221);
+/* harmony import */ var _PopoutWrapper_PopoutWrapper__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(219);
 /* harmony import */ var _Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(99);
 /* harmony import */ var _ActionSheetContext__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(248);
 /* harmony import */ var _ActionSheetDefaultIosCloseItem__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(249);
@@ -48241,7 +48263,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(183);
+/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(224);
 /* harmony import */ var _hooks_useEffectDev__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(236);
 /* harmony import */ var _hooks_useEventListener__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(62);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(110);
@@ -48458,7 +48480,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lib_floating__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(241);
 /* harmony import */ var _lib_floating__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(242);
 /* harmony import */ var _lib_floating__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(244);
-/* harmony import */ var _AppRoot_AppRootPortal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(187);
+/* harmony import */ var _AppRoot_AppRootPortal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(183);
 /* harmony import */ var _PopperArrow_DefaultIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(239);
 /* harmony import */ var _PopperArrow_PopperArrow__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(245);
 /* harmony import */ var _Popper_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(238);
@@ -48905,7 +48927,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _floating_ui_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(241);
 /* harmony import */ var _floating_ui_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(243);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(188);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(184);
 
 
 
@@ -49489,7 +49511,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(183);
+/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(224);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(110);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(56);
 /* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(68);
@@ -49678,7 +49700,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(252);
 /* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(253);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(183);
+/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(224);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(110);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(56);
 /* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(68);
@@ -49907,7 +49929,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(256);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _AppRoot_ScrollContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(73);
-/* harmony import */ var _PopoutWrapper_PopoutWrapper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(221);
+/* harmony import */ var _PopoutWrapper_PopoutWrapper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(219);
 /* harmony import */ var _Spinner_Spinner__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(140);
 /* harmony import */ var _Icon48CancelCircle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(258);
 /* harmony import */ var _Icon48DoneOutline__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(257);
@@ -50162,14 +50184,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(183);
+/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(224);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(110);
 /* harmony import */ var _hooks_useTimeout__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(106);
 /* harmony import */ var _hooks_useWaitTransitionFinish__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(155);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(56);
 /* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(68);
 /* harmony import */ var _lib_touch__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(108);
-/* harmony import */ var _AppRoot_AppRootPortal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(187);
+/* harmony import */ var _AppRoot_AppRootPortal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(183);
 /* harmony import */ var _Button_Button__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(137);
 /* harmony import */ var _Touch_Touch__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(119);
 /* harmony import */ var _Typography_Paragraph_Paragraph__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(95);
@@ -50474,7 +50496,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ModalRoot: function() { return /* binding */ ModalRoot; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(183);
+/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(224);
 /* harmony import */ var _AppRoot_ScrollContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(73);
 /* harmony import */ var _ModalRoot__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(266);
 /* harmony import */ var _ModalRootDesktop__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(262);
@@ -52218,8 +52240,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(183);
-/* harmony import */ var _hooks_useId__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(225);
+/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(224);
+/* harmony import */ var _hooks_useId__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(223);
 /* harmony import */ var _hooks_useOrientationChange__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(274);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(110);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(56);
@@ -52537,7 +52559,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(183);
+/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(224);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(110);
 /* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(68);
 /* harmony import */ var _ModalPage_ModalPageContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(275);
@@ -52684,7 +52706,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(183);
+/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(224);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(110);
 /* harmony import */ var _lib_getNavId__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(149);
 /* harmony import */ var _lib_warnOnce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(131);
@@ -52848,7 +52870,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(283);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(183);
+/* harmony import */ var _hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(224);
 /* harmony import */ var _hooks_useKeyboard__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(282);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(110);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(56);
@@ -53740,7 +53762,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _lib_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(59);
-/* harmony import */ var _HorizontalScroll_HorizontalScroll__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(216);
+/* harmony import */ var _HorizontalScroll_HorizontalScroll__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(214);
 /* harmony import */ var _CardScroll_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(295);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -54476,7 +54498,6 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_4__.warnOnce)("Group");
         warn('При использовании роли "tabpanel" необходимо задать значение свойств "aria-controls" и "id"');
     }
     var tabIndex = isTabPanel && tabIndexProp === undefined ? 0 : tabIndexProp;
-    var separatorClassName = (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiGroup__separator", separator === "show" && "vkuiGroup__separator--force");
     return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("section", _object_spread_props(_object_spread({}, restProps), {
         tabIndex: tabIndex,
         ref: getRootRef,
@@ -54491,10 +54512,10 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_4__.warnOnce)("Group");
     }), header, children, (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(description) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_9__.Footnote, {
         className: "vkuiGroup__description"
     }, description)), separator !== "hide" && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spacing_Spacing__WEBPACK_IMPORTED_MODULE_10__.Spacing, {
-        className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)(separatorClassName, "vkuiGroup__separator--spacing"),
+        className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiGroup__separator", "vkuiGroup__separator--spacing"),
         size: 16
     }), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Separator_Separator__WEBPACK_IMPORTED_MODULE_11__.Separator, {
-        className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)(separatorClassName, "vkuiGroup__separator--separator")
+        className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiGroup__separator", "vkuiGroup__separator--separator", separator === "show" && "vkuiGroup__separator--force")
     })));
 };
 
@@ -55800,7 +55821,6 @@ var sizeYClassNames = (_obj = {
     }, subtitle), badgeAfterSubtitle && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
         className: "vkuiSimpleCell__badge"
     }, badgeAfterSubtitle)), extraSubtitle && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_11__.Footnote, {
-        normalize: false,
         className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiSimpleCell__text", "vkuiSimpleCell__extraSubtitle")
     }, extraSubtitle)), (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(indicator) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Headline_Headline__WEBPACK_IMPORTED_MODULE_10__.Headline, {
         Component: "span",
@@ -55834,7 +55854,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Chevron: function() { return /* binding */ Chevron; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(213);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(211);
 /* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(325);
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
@@ -57741,7 +57761,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hooks_useGlobalEventListener__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(61);
 /* harmony import */ var _lib_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(59);
 /* harmony import */ var _lib_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(63);
-/* harmony import */ var _ScrollArrow_ScrollArrow__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(210);
+/* harmony import */ var _ScrollArrow_ScrollArrow__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(208);
 /* harmony import */ var _Touch_Touch__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(119);
 /* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(352);
 /* harmony import */ var _BaseGallery_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(351);
@@ -58601,61 +58621,76 @@ function _object_without_properties_loose(source, excluded) {
 
 
 var IMAGE_DEFAULT_SIZE = 48;
-/**
- * @see https://vkcom.github.io/VKUI/#/Image
- */ var Image = function(_param) {
-    var _param_size = _param.size, size = _param_size === void 0 ? IMAGE_DEFAULT_SIZE : _param_size, tmp = _param.borderRadius, borderRadiusProp = tmp === void 0 ? "m" : tmp, style = _param.style, className = _param.className, restProps = _object_without_properties(_param, [
-        "size",
-        "borderRadius",
-        "style",
-        "className"
-    ]);
-    var borderRadius;
-    switch(borderRadiusProp){
+var getBorderRadiusBySize = function(size, borderRadius) {
+    switch(borderRadius){
         case "s":
             {
                 if (size <= 32) {
-                    borderRadius = 2;
-                } else if (size <= 56) {
-                    borderRadius = 3;
+                    return 2;
                 }
-                borderRadius = 4;
-                break;
+                if (size <= 56) {
+                    return 3;
+                }
+                return 4;
             }
         case "m":
             {
                 if (size <= 32) {
-                    borderRadius = 3;
-                } else if (size <= 48) {
-                    borderRadius = 4;
-                } else if (size <= 72) {
-                    borderRadius = 6;
-                } else if (size <= 80) {
-                    borderRadius = 8;
+                    return 3;
                 }
-                borderRadius = 10;
-                break;
+                if (size <= 48) {
+                    return 4;
+                }
+                if (size <= 72) {
+                    return 6;
+                }
+                if (size <= 80) {
+                    return 8;
+                }
+                return 10;
             }
         case "l":
             {
                 if (size <= 16) {
-                    borderRadius = 4;
-                } else if (size <= 20) {
-                    borderRadius = 5;
-                } else if (size <= 32) {
-                    borderRadius = 6;
-                } else if (size <= 40) {
-                    borderRadius = 8;
-                } else if (size <= 48) {
-                    borderRadius = 10;
-                } else if (size <= 56) {
-                    borderRadius = 12;
-                } else if (size <= 64) {
-                    borderRadius = 14;
+                    return 4;
+                }
+                if (size <= 20) {
+                    return 5;
+                }
+                if (size <= 32) {
+                    return 6;
+                }
+                if (size <= 40) {
+                    return 8;
                 }
-                borderRadius = 16;
+                if (size <= 48) {
+                    return 10;
+                }
+                if (size <= 56) {
+                    return 12;
+                }
+                if (size <= 64) {
+                    return 14;
+                }
+                return 16;
             }
     }
+};
+/**
+ * @see https://vkcom.github.io/VKUI/#/Image
+ */ var Image = function(_param) {
+    var _param_size = _param.size, size = _param_size === void 0 ? IMAGE_DEFAULT_SIZE : _param_size, tmp = _param.borderRadius, borderRadiusProp = tmp === void 0 ? "m" : tmp, style = _param.style, className = _param.className, restProps = _object_without_properties(_param, [
+        "size",
+        "borderRadius",
+        "style",
+        "className"
+    ]);
+    var borderRadius = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function() {
+        return getBorderRadiusBySize(size, borderRadiusProp);
+    }, [
+        size,
+        borderRadiusProp
+    ]);
     return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ImageBase_ImageBase__WEBPACK_IMPORTED_MODULE_1__.ImageBase, _object_spread_props(_object_spread({}, restProps), {
         size: size,
         style: _object_spread_props(_object_spread({}, style), {
@@ -60414,7 +60449,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Tooltip: function() { return /* binding */ Tooltip; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(188);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(184);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
 /* harmony import */ var _hooks_useExternRef__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(116);
 /* harmony import */ var _lib_floating__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(240);
@@ -61027,7 +61062,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _hooks_useId__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(225);
+/* harmony import */ var _hooks_useId__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(223);
 /* harmony import */ var _lib_warnOnce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(131);
 /* harmony import */ var _Typography_Caption_Caption__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(101);
 /* harmony import */ var _Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(99);
@@ -61403,8 +61438,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(389);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(390);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(215);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(283);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(213);
 /* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(256);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(110);
@@ -61531,7 +61566,7 @@ function _object_without_properties_loose(source, excluded) {
     var platform = (0,_hooks_usePlatform__WEBPACK_IMPORTED_MODULE_3__.usePlatform)();
     var HeaderTypography = size === "m" ? _Typography_Title_Title__WEBPACK_IMPORTED_MODULE_4__.Title : _Typography_Headline_Headline__WEBPACK_IMPORTED_MODULE_5__.Headline;
     var SubheaderTypography = size === "m" ? _Typography_Text_Text__WEBPACK_IMPORTED_MODULE_6__.Text : _Typography_Subhead_Subhead__WEBPACK_IMPORTED_MODULE_7__.Subhead;
-    var IconDismissIOS = mode === "image" ? _vkontakte_icons__WEBPACK_IMPORTED_MODULE_8__.Icon24DismissDark : _vkontakte_icons__WEBPACK_IMPORTED_MODULE_9__.Icon24DismissSubstract;
+    var IconDismissIOS = mode === "image" ? _vkontakte_icons__WEBPACK_IMPORTED_MODULE_8__.Icon24DismissDark : _vkontakte_icons__WEBPACK_IMPORTED_MODULE_9__.Icon24Dismiss;
     var content = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, mode === "image" && background && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         "aria-hidden": true,
         className: "vkuiBanner__bg"
@@ -61608,32 +61643,17 @@ var Icon24DismissDark = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.
 /* 390 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Icon24DismissSubstract: function() { return /* binding */ Icon24DismissSubstract; }
-/* harmony export */ });
-/* harmony import */ var _vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(76);
-
-var Icon24DismissSubstract = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.makeIcon)("Icon24DismissSubstract", "dismiss_substract_24", "0 0 24 24", '<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="dismiss_substract_24"><path fill="currentColor" d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm4.736 7.264a.9.9 0 0 0-1.272 0L12 10.727 8.536 7.264l-.092-.08a.9.9 0 0 0-1.18.08l-.08.092a.9.9 0 0 0 .08 1.18L10.727 12l-3.463 3.464a.9.9 0 1 0 1.272 1.272L12 13.273l3.464 3.463.092.08a.9.9 0 0 0 1.18-.08l.08-.092a.9.9 0 0 0-.08-1.18L13.273 12l3.463-3.464a.9.9 0 0 0 0-1.272z" /></symbol>', 24, 24, false, undefined);
-/* harmony default export */ __webpack_exports__["default"] = (Icon24DismissSubstract);
-
-
-/***/ }),
-/* 391 */
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   MiniInfoCell: function() { return /* binding */ MiniInfoCell; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(213);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(211);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _Tappable_Tappable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(103);
 /* harmony import */ var _Typography_Paragraph_Paragraph__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95);
-/* harmony import */ var _MiniInfoCell_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(392);
+/* harmony import */ var _MiniInfoCell_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(391);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61740,7 +61760,7 @@ function _object_without_properties_loose(source, excluded) {
         accent: "vkuiMiniInfoCell--mode-accent",
         more: "vkuiMiniInfoCell--mode-more"
     })[mode], className);
-    var cellContent = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
+    var cellContent = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(before) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
         className: "vkuiMiniInfoCell__before"
     }, before), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         className: "vkuiMiniInfoCell__middle"
@@ -61762,7 +61782,7 @@ function _object_without_properties_loose(source, excluded) {
 
 
 /***/ }),
-/* 392 */
+/* 391 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -61771,7 +61791,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 393 */
+/* 392 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -61787,7 +61807,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(68);
 /* harmony import */ var _Typography_Headline_Headline__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(91);
 /* harmony import */ var _Typography_Title_Title__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(87);
-/* harmony import */ var _WriteBar_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(394);
+/* harmony import */ var _WriteBar_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(393);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -62000,7 +62020,7 @@ var WriteBarTypography = function(props) {
 
 
 /***/ }),
-/* 394 */
+/* 393 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62009,7 +62029,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 395 */
+/* 394 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62018,15 +62038,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   WriteBarIcon: function() { return /* binding */ WriteBarIcon; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(397);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(398);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(399);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(400);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(401);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(402);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(403);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(404);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(405);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(396);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(397);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(398);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(399);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(400);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(401);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(402);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(403);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(404);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(110);
 /* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(68);
@@ -62034,7 +62054,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _AdaptiveIconRenderer_AdaptiveIconRenderer__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(316);
 /* harmony import */ var _Counter_Counter__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(381);
 /* harmony import */ var _Tappable_Tappable__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(103);
-/* harmony import */ var _WriteBarIcon_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(396);
+/* harmony import */ var _WriteBarIcon_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(395);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -62185,7 +62205,7 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_3__.warnOnce)("WriteBarIcon
 
 
 /***/ }),
-/* 396 */
+/* 395 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62194,7 +62214,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 397 */
+/* 396 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62209,7 +62229,7 @@ var Icon28AddCircleOutline = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE
 
 
 /***/ }),
-/* 398 */
+/* 397 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62224,7 +62244,7 @@ var Icon24Attach = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.makeI
 
 
 /***/ }),
-/* 399 */
+/* 398 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62239,7 +62259,7 @@ var Icon28AttachOutline = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0_
 
 
 /***/ }),
-/* 400 */
+/* 399 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62254,7 +62274,7 @@ var Icon48WritebarSend = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__
 
 
 /***/ }),
-/* 401 */
+/* 400 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62269,7 +62289,7 @@ var Icon24Send = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.makeIco
 
 
 /***/ }),
-/* 402 */
+/* 401 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62284,7 +62304,7 @@ var Icon28Send = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.makeIco
 
 
 /***/ }),
-/* 403 */
+/* 402 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62299,7 +62319,7 @@ var Icon48WritebarDone = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__
 
 
 /***/ }),
-/* 404 */
+/* 403 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62314,7 +62334,7 @@ var Icon24CheckCircleOutline = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODU
 
 
 /***/ }),
-/* 405 */
+/* 404 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62329,7 +62349,7 @@ var Icon28CheckCircleOutline = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODU
 
 
 /***/ }),
-/* 406 */
+/* 405 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62339,8 +62359,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _HorizontalScroll_HorizontalScroll__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(216);
-/* harmony import */ var _SubnavigationBar_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(407);
+/* harmony import */ var _HorizontalScroll_HorizontalScroll__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(214);
+/* harmony import */ var _SubnavigationBar_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(406);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -62476,7 +62496,7 @@ var defaultScrollToRight = function(x) {
 
 
 /***/ }),
-/* 407 */
+/* 406 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62485,7 +62505,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 408 */
+/* 407 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62494,14 +62514,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SubnavigationButton: function() { return /* binding */ SubnavigationButton; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(410);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(409);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(70);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56);
 /* harmony import */ var _Tappable_Tappable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(103);
 /* harmony import */ var _Typography_Caption_Caption__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(101);
 /* harmony import */ var _Typography_Subhead_Subhead__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(97);
-/* harmony import */ var _SubnavigationButton_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(409);
+/* harmony import */ var _SubnavigationButton_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(408);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -62655,7 +62675,7 @@ var SubnavigationButtonTypography = function(_param) {
 
 
 /***/ }),
-/* 409 */
+/* 408 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62664,7 +62684,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 410 */
+/* 409 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62679,7 +62699,7 @@ var Icon16Dropdown = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.mak
 
 
 /***/ }),
-/* 411 */
+/* 410 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62688,16 +62708,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Pagination: function() { return /* binding */ Pagination; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(214);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(212);
 /* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(325);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(70);
-/* harmony import */ var _hooks_usePagination__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(413);
+/* harmony import */ var _hooks_usePagination__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(412);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(56);
 /* harmony import */ var _Button_Button__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(137);
 /* harmony import */ var _Tappable_Tappable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(103);
 /* harmony import */ var _Typography_Text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(93);
-/* harmony import */ var _Pagination_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(412);
+/* harmony import */ var _Pagination_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(411);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -62888,7 +62908,7 @@ function getPageAriaLabelDefault(page, isCurrent) {
 
 
 /***/ }),
-/* 412 */
+/* 411 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62897,7 +62917,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 413 */
+/* 412 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62907,7 +62927,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _helpers_math__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74);
-/* harmony import */ var _helpers_range__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(414);
+/* harmony import */ var _helpers_range__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(413);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -62981,7 +63001,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 
 
 /***/ }),
-/* 414 */
+/* 413 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63016,7 +63036,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 415 */
+/* 414 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63026,8 +63046,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _AccordionSummary__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(417);
-/* harmony import */ var _Accordion_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(416);
+/* harmony import */ var _AccordionSummary__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(416);
+/* harmony import */ var _Accordion_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(415);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -63109,7 +63129,7 @@ Accordion.Summary = _AccordionSummary__WEBPACK_IMPORTED_MODULE_3__.AccordionSumm
 
 
 /***/ }),
-/* 416 */
+/* 415 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63118,7 +63138,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 417 */
+/* 416 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63127,11 +63147,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   AccordionSummary: function() { return /* binding */ AccordionSummary; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(418);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(419);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(417);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(418);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _SimpleCell_SimpleCell__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(322);
-/* harmony import */ var _Accordion_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(416);
+/* harmony import */ var _Accordion_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(415);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -63226,7 +63246,7 @@ function _object_without_properties_loose(source, excluded) {
 
 
 /***/ }),
-/* 418 */
+/* 417 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63241,7 +63261,7 @@ var Icon24ChevronDown = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.
 
 
 /***/ }),
-/* 419 */
+/* 418 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63256,7 +63276,7 @@ var Icon24ChevronUp = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.ma
 
 
 /***/ }),
-/* 420 */
+/* 419 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63266,7 +63286,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _FormLayout_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(421);
+/* harmony import */ var _FormLayout_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(420);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -63375,7 +63395,7 @@ var preventDefault = function(e) {
 
 
 /***/ }),
-/* 421 */
+/* 420 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63384,7 +63404,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 422 */
+/* 421 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63400,7 +63420,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Removable_Removable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(326);
 /* harmony import */ var _Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(99);
 /* harmony import */ var _Typography_Subhead_Subhead__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(97);
-/* harmony import */ var _FormItem_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(423);
+/* harmony import */ var _FormItem_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(422);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -63543,7 +63563,7 @@ var sizeYClassNames = _define_property({
 
 
 /***/ }),
-/* 423 */
+/* 422 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63552,7 +63572,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 424 */
+/* 423 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63564,10 +63584,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(70);
 /* harmony import */ var _hooks_useExternRef__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(116);
-/* harmony import */ var _hooks_useFocusWithin__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(426);
+/* harmony import */ var _hooks_useFocusWithin__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(425);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56);
 /* harmony import */ var _FocusVisible_FocusVisible__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(120);
-/* harmony import */ var _FormField_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(425);
+/* harmony import */ var _FormField_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(424);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -63754,7 +63774,7 @@ var sizeYClassNames = _define_property({
 
 
 /***/ }),
-/* 425 */
+/* 424 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63763,7 +63783,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 426 */
+/* 425 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63773,7 +63793,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _lib_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59);
-/* harmony import */ var _useGlobalEventListener__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(61);
+/* harmony import */ var _lib_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(63);
+/* harmony import */ var _useGlobalEventListener__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(61);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -63823,6 +63844,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 
 
 
+
 function useFocusWithin(ref) {
     var document = (0,_lib_dom__WEBPACK_IMPORTED_MODULE_1__.useDOM)().document;
     var isFocusWithin = function() {
@@ -63836,10 +63858,12 @@ function useFocusWithin(ref) {
         var focus = isFocusWithin();
         focus !== focusWithin && setFocusWithin(focus);
     };
-    (0,_useGlobalEventListener__WEBPACK_IMPORTED_MODULE_2__.useGlobalEventListener)(document, "focus", listener, {
+    // Проверяем autoFocus
+    (0,_lib_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_2__.useIsomorphicLayoutEffect)(listener, []);
+    (0,_useGlobalEventListener__WEBPACK_IMPORTED_MODULE_3__.useGlobalEventListener)(document, "focus", listener, {
         capture: true
     });
-    (0,_useGlobalEventListener__WEBPACK_IMPORTED_MODULE_2__.useGlobalEventListener)(document, "blur", listener, {
+    (0,_useGlobalEventListener__WEBPACK_IMPORTED_MODULE_3__.useGlobalEventListener)(document, "blur", listener, {
         capture: true
     });
     return focusWithin;
@@ -63847,7 +63871,7 @@ function useFocusWithin(ref) {
 
 
 /***/ }),
-/* 427 */
+/* 426 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63861,7 +63885,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hooks_useExternRef__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(116);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56);
 /* harmony import */ var _Removable_Removable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(326);
-/* harmony import */ var _FormLayoutGroup_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(428);
+/* harmony import */ var _FormLayoutGroup_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(427);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -63966,7 +63990,7 @@ var sizeYClassNames = _define_property({
 
 
 /***/ }),
-/* 428 */
+/* 427 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63975,7 +63999,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 429 */
+/* 428 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63986,7 +64010,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _Banner_Banner__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(387);
-/* harmony import */ var _FormStatus_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(430);
+/* harmony import */ var _FormStatus_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(429);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -64086,7 +64110,7 @@ function _object_without_properties_loose(source, excluded) {
 
 
 /***/ }),
-/* 430 */
+/* 429 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -64095,7 +64119,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 431 */
+/* 430 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -64113,7 +64137,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(68);
 /* harmony import */ var _FocusVisible_FocusVisible__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(120);
 /* harmony import */ var _VisuallyHidden_VisuallyHidden__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(145);
-/* harmony import */ var _Switch_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(432);
+/* harmony import */ var _Switch_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(431);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -64241,7 +64265,7 @@ var sizeYClassNames = _define_property({
 
 
 /***/ }),
-/* 432 */
+/* 431 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -64250,7 +64274,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 433 */
+/* 432 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -64384,7 +64408,7 @@ function _object_without_properties_loose(source, excluded) {
 
 
 /***/ }),
-/* 434 */
+/* 433 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -64396,9 +64420,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(70);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56);
-/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(424);
+/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(423);
 /* harmony import */ var _Typography_Text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(93);
-/* harmony import */ var _Input_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(435);
+/* harmony import */ var _Input_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(434);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -64524,7 +64548,7 @@ var sizeYClassNames = _define_property({
 
 
 /***/ }),
-/* 435 */
+/* 434 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -64533,7 +64557,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 436 */
+/* 435 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -64542,14 +64566,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Chip: function() { return /* binding */ Chip; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(438);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(437);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(70);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56);
 /* harmony import */ var _lib_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(117);
 /* harmony import */ var _Tappable_Tappable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(103);
 /* harmony import */ var _Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(99);
-/* harmony import */ var _Chip_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(437);
+/* harmony import */ var _Chip_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(436);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -64666,7 +64690,7 @@ var sizeYClassNames = _define_property({
 
 
 /***/ }),
-/* 437 */
+/* 436 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -64675,7 +64699,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 438 */
+/* 437 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -64690,7 +64714,7 @@ var Icon16Cancel = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.makeI
 
 
 /***/ }),
-/* 439 */
+/* 438 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -64700,9 +64724,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _ChipsInputBase_ChipsInputBase__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(441);
-/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(424);
-/* harmony import */ var _ChipsInput_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(440);
+/* harmony import */ var _ChipsInputBase_ChipsInputBase__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(440);
+/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(423);
+/* harmony import */ var _ChipsInput_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(439);
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
     var target = _object_without_properties_loose(source, excluded);
@@ -64764,7 +64788,7 @@ function _object_without_properties_loose(source, excluded) {
 
 
 /***/ }),
-/* 440 */
+/* 439 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -64773,7 +64797,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 441 */
+/* 440 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -64785,11 +64809,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(70);
-/* harmony import */ var _hooks_useChipsInput__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(443);
+/* harmony import */ var _hooks_useChipsInput__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(442);
 /* harmony import */ var _hooks_useExternRef__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(116);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(56);
-/* harmony import */ var _Chip_Chip__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(436);
-/* harmony import */ var _ChipsInputBase_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(442);
+/* harmony import */ var _Chip_Chip__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(435);
+/* harmony import */ var _ChipsInputBase_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(441);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -65080,7 +65104,7 @@ var ChipsInputBase = function(props) {
 
 
 /***/ }),
-/* 442 */
+/* 441 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -65089,7 +65113,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 443 */
+/* 442 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -65236,7 +65260,7 @@ var useChipsInput = function(props) {
 
 
 /***/ }),
-/* 444 */
+/* 443 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -65251,9 +65275,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hooks_useExternRef__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(116);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56);
 /* harmony import */ var _Touch_Touch__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(119);
-/* harmony import */ var _SliderThumb_SliderThumb__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(447);
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(446);
-/* harmony import */ var _Slider_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(445);
+/* harmony import */ var _SliderThumb_SliderThumb__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(446);
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(445);
+/* harmony import */ var _Slider_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(444);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -65570,7 +65594,7 @@ var sizeYClassNames = _define_property({
 
 
 /***/ }),
-/* 445 */
+/* 444 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -65579,7 +65603,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 446 */
+/* 445 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -65812,7 +65836,7 @@ var extractSliderAriaAttributesFromRestProps = function(restProps) {
 
 
 /***/ }),
-/* 447 */
+/* 446 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -65824,7 +65848,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_useFocusVisible__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(111);
 /* harmony import */ var _FocusVisible_FocusVisible__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(120);
-/* harmony import */ var _SliderThumb_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(448);
+/* harmony import */ var _SliderThumb_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(447);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -65933,7 +65957,7 @@ var SliderThumb = function(_param) {
 
 
 /***/ }),
-/* 448 */
+/* 447 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -65942,7 +65966,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 449 */
+/* 448 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -65951,7 +65975,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   RangeSlider: function() { return /* binding */ RangeSlider; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _Slider_Slider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(444);
+/* harmony import */ var _Slider_Slider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(443);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -66061,7 +66085,7 @@ function _object_without_properties_loose(source, excluded) {
 
 
 /***/ }),
-/* 450 */
+/* 449 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -66075,9 +66099,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hooks_useEnsuredControl__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(365);
 /* harmony import */ var _hooks_useExternRef__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(116);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56);
-/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(424);
+/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(423);
 /* harmony import */ var _Typography_Text_Text__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(93);
-/* harmony import */ var _Textarea_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(451);
+/* harmony import */ var _Textarea_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(450);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -66281,7 +66305,7 @@ var sizeYClassNames = _define_property({
 
 
 /***/ }),
-/* 451 */
+/* 450 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -66290,7 +66314,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 452 */
+/* 451 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -66308,7 +66332,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(99);
 /* harmony import */ var _Typography_Text_Text__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(93);
 /* harmony import */ var _VisuallyHidden_VisuallyHidden__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(145);
-/* harmony import */ var _Radio_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(453);
+/* harmony import */ var _Radio_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(452);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -66465,7 +66489,7 @@ var RadioIcon = function(props) {
 
 
 /***/ }),
-/* 453 */
+/* 452 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -66474,7 +66498,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 454 */
+/* 453 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -66484,7 +66508,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _RadioGroup_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(455);
+/* harmony import */ var _RadioGroup_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(454);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -66558,7 +66582,7 @@ function _object_without_properties_loose(source, excluded) {
 
 
 /***/ }),
-/* 455 */
+/* 454 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -66567,7 +66591,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 456 */
+/* 455 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -66580,7 +66604,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(318);
 /* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(319);
 /* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(320);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(458);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(457);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(70);
 /* harmony import */ var _hooks_useAdaptivityConditionalRender__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(169);
@@ -66593,7 +66617,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(99);
 /* harmony import */ var _Typography_Text_Text__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(93);
 /* harmony import */ var _VisuallyHidden_VisuallyHidden__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(145);
-/* harmony import */ var _Checkbox_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(457);
+/* harmony import */ var _Checkbox_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(456);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -66800,7 +66824,9 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_4__.warnOnce)("Checkbox");
         className: "vkuiCheckbox__content"
     }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         className: "vkuiCheckbox__title"
-    }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Text_Text__WEBPACK_IMPORTED_MODULE_17__.Text, null, children), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
+    }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Text_Text__WEBPACK_IMPORTED_MODULE_17__.Text, {
+        className: "vkuiCheckbox__titleBefore"
+    }, children), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         className: "vkuiCheckbox__titleAfter"
     }, titleAfter)), (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(description) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_18__.Footnote, {
         className: "vkuiCheckbox__description"
@@ -66809,7 +66835,7 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_4__.warnOnce)("Checkbox");
 
 
 /***/ }),
-/* 457 */
+/* 456 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -66818,7 +66844,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 458 */
+/* 457 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -66833,7 +66859,7 @@ var Icon20CheckBoxIndetermanate = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_M
 
 
 /***/ }),
-/* 459 */
+/* 458 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -66843,7 +66869,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _hooks_useAdaptivityHasPointer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(112);
-/* harmony import */ var _CustomSelect_CustomSelect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(460);
+/* harmony import */ var _CustomSelect_CustomSelect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(459);
 /* harmony import */ var _NativeSelect_NativeSelect__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(478);
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
@@ -66917,7 +66943,7 @@ function _object_without_properties_loose(source, excluded) {
 
 
 /***/ }),
-/* 460 */
+/* 459 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -66930,18 +66956,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(70);
 /* harmony import */ var _hooks_useExternRef__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(116);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56);
-/* harmony import */ var _lib_select__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(465);
+/* harmony import */ var _lib_select__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(464);
 /* harmony import */ var _lib_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(63);
 /* harmony import */ var _lib_utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(117);
 /* harmony import */ var _lib_warnOnce__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(131);
 /* harmony import */ var _CustomSelectDropdown_CustomSelectDropdown__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(473);
-/* harmony import */ var _CustomSelectOption_CustomSelectOption__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(462);
-/* harmony import */ var _DropdownIcon_DropdownIcon__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(467);
-/* harmony import */ var _Input_Input__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(434);
-/* harmony import */ var _SelectMimicry_SelectMimicry__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(470);
+/* harmony import */ var _CustomSelectOption_CustomSelectOption__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(461);
+/* harmony import */ var _DropdownIcon_DropdownIcon__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(466);
+/* harmony import */ var _Input_Input__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(433);
+/* harmony import */ var _SelectMimicry_SelectMimicry__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(469);
 /* harmony import */ var _Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(99);
-/* harmony import */ var _CustomSelectClearButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(466);
-/* harmony import */ var _CustomSelect_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(461);
+/* harmony import */ var _CustomSelectClearButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(465);
+/* harmony import */ var _CustomSelect_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(460);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -67723,7 +67749,7 @@ var defaultOptions = [];
 
 
 /***/ }),
-/* 461 */
+/* 460 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -67732,7 +67758,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 462 */
+/* 461 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -67741,14 +67767,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   CustomSelectOption: function() { return /* binding */ CustomSelectOption; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(464);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(463);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(70);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56);
 /* harmony import */ var _lib_warnOnce__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(131);
 /* harmony import */ var _Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(99);
 /* harmony import */ var _Typography_Paragraph_Paragraph__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(95);
-/* harmony import */ var _CustomSelectOption_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(463);
+/* harmony import */ var _CustomSelectOption_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(462);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -67898,7 +67924,7 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_4__.warnOnce)("CustomSelect
 
 
 /***/ }),
-/* 463 */
+/* 462 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -67907,7 +67933,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 464 */
+/* 463 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -67922,7 +67948,7 @@ var Icon16Done = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.makeIco
 
 
 /***/ }),
-/* 465 */
+/* 464 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -67999,7 +68025,7 @@ var getFormFieldModeFromSelectType = function() {
 
 
 /***/ }),
-/* 466 */
+/* 465 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -68008,7 +68034,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   CustomSelectClearButton: function() { return /* binding */ CustomSelectClearButton; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(438);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(437);
 /* harmony import */ var _lib_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(117);
 /* harmony import */ var _IconButton_IconButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(288);
 
@@ -68034,7 +68060,7 @@ var CustomSelectClearButton = function(param) {
 
 
 /***/ }),
-/* 467 */
+/* 466 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -68043,10 +68069,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   DropdownIcon: function() { return /* binding */ DropdownIcon; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(468);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(469);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(419);
-/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(418);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(467);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(468);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(418);
+/* harmony import */ var _vkontakte_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(417);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_useAdaptivityConditionalRender__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(169);
 function _define_property(obj, key, value) {
@@ -68125,7 +68151,7 @@ var DropdownIcon = function(_param) {
 
 
 /***/ }),
-/* 468 */
+/* 467 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -68140,7 +68166,7 @@ var Icon20ChevronUp = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.ma
 
 
 /***/ }),
-/* 469 */
+/* 468 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -68155,7 +68181,7 @@ var Icon20Dropdown = (0,_vkontakte_icons_sprite__WEBPACK_IMPORTED_MODULE_0__.mak
 
 
 /***/ }),
-/* 470 */
+/* 469 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -68165,13 +68191,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(70);
+/* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(70);
+/* harmony import */ var _hooks_useAutoFocus__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(471);
+/* harmony import */ var _hooks_useExternRef__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(116);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56);
-/* harmony import */ var _lib_select__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(465);
-/* harmony import */ var _DropdownIcon_DropdownIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(467);
-/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(424);
-/* harmony import */ var _SelectTypography_SelectTypography__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(472);
-/* harmony import */ var _Select_Select_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(471);
+/* harmony import */ var _lib_select__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(464);
+/* harmony import */ var _DropdownIcon_DropdownIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(466);
+/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(423);
+/* harmony import */ var _SelectTypography_SelectTypography__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(472);
+/* harmony import */ var _Select_Select_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(470);
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -68260,13 +68288,15 @@ function _object_without_properties_loose(source, excluded) {
 
 
 
+
+
 var sizeYClassNames = _define_property({
     none: "vkuiSelect--sizeY-none"
 }, _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.SizeType.COMPACT, "vkuiSelect--sizeY-compact");
 /**
  * @see https://vkcom.github.io/VKUI/#/SelectMimicry
  */ var SelectMimicry = function(_param) {
-    var _param_tabIndex = _param.tabIndex, tabIndex = _param_tabIndex === void 0 ? 0 : _param_tabIndex, placeholder = _param.placeholder, children = _param.children, align = _param.align, getRootRef = _param.getRootRef, multiline = _param.multiline, disabled = _param.disabled, onClick = _param.onClick, before = _param.before, _param_after = _param.after, after = _param_after === void 0 ? /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_DropdownIcon_DropdownIcon__WEBPACK_IMPORTED_MODULE_4__.DropdownIcon, null) : _param_after, _param_selectType = _param.selectType, selectType = _param_selectType === void 0 ? "default" : _param_selectType, status = _param.status, className = _param.className, restProps = _object_without_properties(_param, [
+    var _param_tabIndex = _param.tabIndex, tabIndex = _param_tabIndex === void 0 ? 0 : _param_tabIndex, placeholder = _param.placeholder, children = _param.children, align = _param.align, getRootRef = _param.getRootRef, multiline = _param.multiline, disabled = _param.disabled, onClick = _param.onClick, before = _param.before, _param_after = _param.after, after = _param_after === void 0 ? /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_DropdownIcon_DropdownIcon__WEBPACK_IMPORTED_MODULE_4__.DropdownIcon, null) : _param_after, _param_selectType = _param.selectType, selectType = _param_selectType === void 0 ? "default" : _param_selectType, status = _param.status, className = _param.className, autoFocus = _param.autoFocus, restProps = _object_without_properties(_param, [
         "tabIndex",
         "placeholder",
         "children",
@@ -68279,23 +68309,26 @@ var sizeYClassNames = _define_property({
         "after",
         "selectType",
         "status",
-        "className"
+        "className",
+        "autoFocus"
     ]);
-    var _useAdaptivity = (0,_hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_5__.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    var rootRef = (0,_hooks_useExternRef__WEBPACK_IMPORTED_MODULE_5__.useExternRef)(getRootRef);
+    var _useAdaptivity = (0,_hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_6__.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
     var title = children || placeholder;
-    return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FormField_FormField__WEBPACK_IMPORTED_MODULE_6__.FormField, _object_spread_props(_object_spread({}, restProps), {
+    (0,_hooks_useAutoFocus__WEBPACK_IMPORTED_MODULE_7__.useAutoFocus)(rootRef, autoFocus);
+    return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FormField_FormField__WEBPACK_IMPORTED_MODULE_8__.FormField, _object_spread_props(_object_spread({}, restProps), {
         tabIndex: disabled ? undefined : tabIndex,
         className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiSelect", sizeY !== _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.SizeType.REGULAR && sizeYClassNames[sizeY], !children && "vkuiSelect--empty", multiline && "vkuiSelect--multiline", align === "center" && "vkuiSelect--align-center", align === "right" && "vkuiSelect--align-right", before && "vkuiSelect--hasBefore", className),
-        getRootRef: getRootRef,
+        getRootRef: rootRef,
         onClick: disabled ? undefined : onClick,
         disabled: disabled,
         before: before,
         after: after,
-        mode: (0,_lib_select__WEBPACK_IMPORTED_MODULE_7__.getFormFieldModeFromSelectType)(selectType),
+        mode: (0,_lib_select__WEBPACK_IMPORTED_MODULE_9__.getFormFieldModeFromSelectType)(selectType),
         status: status
     }), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         className: "vkuiSelect__container"
-    }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SelectTypography_SelectTypography__WEBPACK_IMPORTED_MODULE_8__.SelectTypography, {
+    }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SelectTypography_SelectTypography__WEBPACK_IMPORTED_MODULE_10__.SelectTypography, {
         selectType: selectType,
         className: "vkuiSelect__title"
     }, title)));
@@ -68303,7 +68336,7 @@ var sizeYClassNames = _define_property({
 
 
 /***/ }),
-/* 471 */
+/* 470 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -68311,6 +68344,29 @@ __webpack_require__.r(__webpack_exports__);
 // extracted by mini-css-extract-plugin
 
 
+/***/ }),
+/* 471 */
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useAutoFocus: function() { return /* binding */ useAutoFocus; }
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
+/* harmony import */ var _lib_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63);
+
+
+function useAutoFocus(ref, autoFocus) {
+    (0,_lib_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_1__.useIsomorphicLayoutEffect)(function() {
+        if (!autoFocus || !ref.current) {
+            return;
+        }
+        ref.current.focus();
+    }, []);
+}
+
+
 /***/ }),
 /* 472 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -68900,12 +68956,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hooks_useEnsuredControl__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(365);
 /* harmony import */ var _hooks_useExternRef__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(116);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56);
-/* harmony import */ var _lib_select__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(465);
+/* harmony import */ var _lib_select__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(464);
 /* harmony import */ var _lib_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(63);
-/* harmony import */ var _DropdownIcon_DropdownIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(467);
-/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(424);
+/* harmony import */ var _DropdownIcon_DropdownIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(466);
+/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(423);
 /* harmony import */ var _SelectTypography_SelectTypography__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(472);
-/* harmony import */ var _Select_Select_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(471);
+/* harmony import */ var _Select_Select_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(470);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -69128,10 +69184,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _helpers_range__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(414);
+/* harmony import */ var _helpers_range__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(413);
 /* harmony import */ var _hooks_useAdaptivityHasPointer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(112);
-/* harmony import */ var _CustomSelect_CustomSelect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(460);
-/* harmony import */ var _Input_Input__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(434);
+/* harmony import */ var _CustomSelect_CustomSelect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(459);
+/* harmony import */ var _Input_Input__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(433);
 /* harmony import */ var _DatePicker_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(480);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -69485,7 +69541,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(70);
 /* harmony import */ var _hooks_useEnsuredControl__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(365);
-/* harmony import */ var _hooks_useId__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(225);
+/* harmony import */ var _hooks_useId__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(223);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56);
 /* harmony import */ var _lib_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(63);
 /* harmony import */ var _lib_warnOnce__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(131);
@@ -70694,7 +70750,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lib_date__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(488);
 /* harmony import */ var _AdaptivityProvider_AdaptivityProvider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(495);
 /* harmony import */ var _ConfigProvider_ConfigProviderContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(67);
-/* harmony import */ var _CustomSelect_CustomSelect__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(460);
+/* harmony import */ var _CustomSelect_CustomSelect__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(459);
 /* harmony import */ var _Tappable_Tappable__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(103);
 /* harmony import */ var _Typography_Paragraph_Paragraph__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(95);
 /* harmony import */ var _CalendarHeader_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(492);
@@ -71652,7 +71708,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lib_date__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(488);
 /* harmony import */ var _AdaptivityProvider_AdaptivityProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(495);
 /* harmony import */ var _Button_Button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(137);
-/* harmony import */ var _CustomSelect_CustomSelect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(460);
+/* harmony import */ var _CustomSelect_CustomSelect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(459);
 /* harmony import */ var _CalendarTime_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(504);
 
 
@@ -72139,7 +72195,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lib_callMultiple__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(118);
 /* harmony import */ var _lib_date__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(488);
 /* harmony import */ var _Calendar_Calendar__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(485);
-/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(424);
+/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(423);
 /* harmony import */ var _IconButton_IconButton__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(288);
 /* harmony import */ var _InputLike_InputLike__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(512);
 /* harmony import */ var _InputLike_InputLikeDivider__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(513);
@@ -72958,7 +73014,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lib_callMultiple__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(118);
 /* harmony import */ var _lib_date__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(488);
 /* harmony import */ var _CalendarRange_CalendarRange__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(505);
-/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(424);
+/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(423);
 /* harmony import */ var _IconButton_IconButton__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(288);
 /* harmony import */ var _InputLike_InputLike__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(512);
 /* harmony import */ var _InputLike_InputLikeDivider__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(513);
@@ -74178,11 +74234,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _helpers_generateVKUITokensClassName__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(200);
+/* harmony import */ var _helpers_generateVKUITokensClassName__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(196);
 /* harmony import */ var _hooks_useAutoDetectAppearance__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(532);
 /* harmony import */ var _hooks_useObjectMemo__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(151);
 /* harmony import */ var _lib_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(59);
-/* harmony import */ var _lib_tokensClassProvider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(199);
+/* harmony import */ var _lib_tokensClassProvider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(195);
 /* harmony import */ var _lib_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(63);
 /* harmony import */ var _ConfigProviderContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(67);
 function _define_property(obj, key, value) {
@@ -74273,7 +74329,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
 /* harmony import */ var _helpers_appearance__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(533);
 /* harmony import */ var _lib_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(59);
-/* harmony import */ var _lib_matchMedia__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(186);
+/* harmony import */ var _lib_matchMedia__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(200);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -74442,7 +74498,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   LocaleProvider: function() { return /* binding */ LocaleProvider; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _ConfigProvider_ConfigProviderOverride__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(198);
+/* harmony import */ var _ConfigProvider_ConfigProviderOverride__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(194);
 
 
 /**
@@ -74470,8 +74526,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
 /* harmony import */ var _hooks_useAppearance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66);
-/* harmony import */ var _lib_tokensClassProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(199);
-/* harmony import */ var _ConfigProvider_ConfigProviderOverride__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(198);
+/* harmony import */ var _lib_tokensClassProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(195);
+/* harmony import */ var _ConfigProvider_ConfigProviderOverride__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(194);
 
 
 
@@ -74907,7 +74963,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SSRWrapper: function() { return /* binding */ SSRWrapper; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _components_ConfigProvider_ConfigProviderOverride__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(198);
+/* harmony import */ var _components_ConfigProvider_ConfigProviderOverride__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(194);
 /* harmony import */ var _hooks_useObjectMemo__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(151);
 /* harmony import */ var _browser__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(69);
 /* harmony import */ var _dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(59);
@@ -74987,12 +75043,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hooks_useExternRef__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(116);
 /* harmony import */ var _hooks_useGlobalEventListener__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(61);
 /* harmony import */ var _lib_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(59);
-/* harmony import */ var _lib_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(465);
-/* harmony import */ var _ChipsInputBase_ChipsInputBase__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(441);
+/* harmony import */ var _lib_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(464);
+/* harmony import */ var _ChipsInputBase_ChipsInputBase__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(440);
 /* harmony import */ var _CustomSelectDropdown_CustomSelectDropdown__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(473);
-/* harmony import */ var _CustomSelectOption_CustomSelectOption__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(462);
-/* harmony import */ var _DropdownIcon_DropdownIcon__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(467);
-/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(424);
+/* harmony import */ var _CustomSelectOption_CustomSelectOption__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(461);
+/* harmony import */ var _DropdownIcon_DropdownIcon__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(466);
+/* harmony import */ var _FormField_FormField__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(423);
 /* harmony import */ var _IconButton_IconButton__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(288);
 /* harmony import */ var _Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(99);
 /* harmony import */ var _ChipsSelect_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(546);
@@ -75212,8 +75268,10 @@ var chipsSelectDefaultProps = _object_spread_props(_object_spread({}, _ChipsInpu
         }
     };
     var handleClickOutside = function(e) {
-        var _rootRef_current;
-        if (e.target !== rootRef.current && !((_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.contains(e.target))) {
+        var _rootRef_current, _scrollBoxRef_current;
+        var isClickOutsideFormField = !((_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.contains(e.target));
+        var isClickOutsideDropdown = !((_scrollBoxRef_current = scrollBoxRef.current) === null || _scrollBoxRef_current === void 0 ? void 0 : _scrollBoxRef_current.contains(e.target));
+        if (isClickOutsideFormField && isClickOutsideDropdown) {
             setOpened(false);
         }
     };
@@ -75455,7 +75513,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useChipsSelect: function() { return /* binding */ useChipsSelect; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _useChipsInput__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(443);
+/* harmony import */ var _useChipsInput__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(442);
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -75596,7 +75654,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 
 
 var useChipsSelect = function(props) {
-    var options = props.options, filterFn = props.filterFn, getOptionLabel = props.getOptionLabel, getOptionValue = props.getOptionValue;
+    var options = props.options, filterFn = props.filterFn, getOptionLabel = props.getOptionLabel, getOptionValue = props.getOptionValue, showSelected = props.showSelected;
     var _React_useState = _sliced_to_array(react__WEBPACK_IMPORTED_MODULE_0__.useState(false), 2), opened = _React_useState[0], setOpened = _React_useState[1];
     var _React_useState1 = _sliced_to_array(react__WEBPACK_IMPORTED_MODULE_0__.useState(0), 2), focusedOptionIndex = _React_useState1[0], setFocusedOptionIndex = _React_useState1[1];
     var _React_useState2 = _sliced_to_array(react__WEBPACK_IMPORTED_MODULE_0__.useState(null), 2), focusedOption = _React_useState2[0], setFocusedOption = _React_useState2[1];
@@ -75624,8 +75682,8 @@ var useChipsSelect = function(props) {
         fieldValue,
         getOptionLabel
     ]);
-    filteredOptions = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function() {
-        if (!filteredOptions.length) {
+    filteredOptions = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function filterOutSelectedIfNeeded() {
+        if (!filteredOptions.length || showSelected) {
             return filteredOptions;
         }
         var filteredSet = new Set(filteredOptions);
@@ -75658,7 +75716,8 @@ var useChipsSelect = function(props) {
     }, [
         filteredOptions,
         selectedOptions,
-        getOptionValue
+        getOptionValue,
+        showSelected
     ]);
     return _object_spread_props(_object_spread({}, chipsInputState), {
         fieldValue: fieldValue,
@@ -76673,10 +76732,10 @@ var ViewInfiniteComponent = /*#__PURE__*/ function(_superClass) {
         _define_property(_assert_this_initialized(_this), "panelNodes", {});
         _define_property(_assert_this_initialized(_this), "transitionEndHandler", function(e) {
             if ((!e || [
-                "vkuivkui-animation-ios-next-forward",
-                "vkuivkui-animation-ios-prev-back",
-                "vkuivkui-animation-view-next-forward",
-                "vkuivkui-animation-view-prev-back"
+                "vkuianimation-ios-next-forward",
+                "vkuianimation-ios-prev-back",
+                "vkuianimation-view-next-forward",
+                "vkuianimation-view-prev-back"
             ].includes(e.animationName)) && _this.state.prevPanel !== null) {
                 _this.flushTransition(_this.state.prevPanel, Boolean(_this.state.isBack));
             }