@vkontakte/vkui 6.6.0 → 6.7.0

package/dist/vkui.js.tmp

@@ -5844,15 +5844,17 @@ var stylesWeight = {
     '3': "vkuiTypography--weight-3"
 };
 var Typography_Typography = function(_param) {
-    var weight = _param.weight, _param_Component = _param.Component, Component = _param_Component === void 0 ? 'span' : _param_Component, normalize = _param.normalize, inline = _param.inline, restProps = Typography_object_without_properties(_param, [
+    var weight = _param.weight, _param_useAccentWeight = _param.// TODO [>=7]: сделать по умолчанию false (нужен будет кодмод)
+    useAccentWeight, useAccentWeight = _param_useAccentWeight === void 0 ? true : _param_useAccentWeight, _param_Component = _param.Component, Component = _param_Component === void 0 ? 'span' : _param_Component, normalize = _param.normalize, inline = _param.inline, restProps = Typography_object_without_properties(_param, [
         "weight",
+        "useAccentWeight",
         "Component",
         "normalize",
         "inline"
     ]);
     return /*#__PURE__*/ react.createElement(RootComponent_RootComponent, Typography_object_spread({
         Component: Component,
-        baseClassName: clsx("vkuiTypography", normalize && "vkuiTypography--normalize", inline && "vkuiTypography--inline", weight && stylesWeight[weight])
+        baseClassName: clsx("vkuiTypography", normalize && "vkuiTypography--normalize", inline && "vkuiTypography--inline", weight && stylesWeight[weight], weight && useAccentWeight && "vkuiTypography--accent")
     }, restProps));
 };
 
@@ -5918,12 +5920,17 @@ function DisplayTitle_object_without_properties_loose(source, excluded) {
 
 
 
+
 var stylesLevel = {
     '1': "vkuiDisplayTitle--level-1",
     '2': "vkuiDisplayTitle--level-2",
     '3': "vkuiDisplayTitle--level-3",
     '4': "vkuiDisplayTitle--level-4"
 };
+var sizeYClassNames = {
+    none: "vkuiDisplayTitle--sizeY-none",
+    compact: "vkuiDisplayTitle--sizeY-compact"
+};
 /**
  * Используется для крупных заголовков.
  *
@@ -5936,11 +5943,12 @@ var stylesLevel = {
         "normalize",
         "inline"
     ]);
+    var _useAdaptivity = useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? 'none' : _useAdaptivity_sizeY;
     return /*#__PURE__*/ React.createElement(Typography, DisplayTitle_object_spread({
         Component: Component,
         normalize: normalize,
         inline: inline,
-        className: classNames(className, stylesLevel[level])
+        className: classNames(className, sizeY !== 'regular' && sizeYClassNames[sizeY], stylesLevel[level])
     }, restProps));
 };
 
@@ -6006,11 +6014,16 @@ function Title_object_without_properties_loose(source, excluded) {
 
 
 
+
 var Title_stylesLevel = {
     '1': "vkuiTitle--level-1",
     '2': "vkuiTitle--level-2",
     '3': "vkuiTitle--level-3"
 };
+var Title_sizeYClassNames = {
+    none: "vkuiTitle--sizeY-none",
+    compact: "vkuiTitle--sizeY-compact"
+};
 /**
  * Используется для заголовков.
  *
@@ -6023,11 +6036,12 @@ var Title_stylesLevel = {
         "normalize",
         "inline"
     ]);
+    var _useAdaptivity = useAdaptivity_useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? 'none' : _useAdaptivity_sizeY;
     return /*#__PURE__*/ React.createElement(Typography_Typography, Title_object_spread({
         Component: Component,
         normalize: normalize,
         inline: inline,
-        className: clsx(className, Title_stylesLevel[level])
+        className: clsx(className, sizeY !== 'regular' && Title_sizeYClassNames[sizeY], Title_stylesLevel[level])
     }, restProps));
 };
 
@@ -6098,17 +6112,17 @@ var Headline_stylesLevel = {
     '1': "vkuiHeadline--level-1",
     '2': "vkuiHeadline--level-2"
 };
-var sizeYClassNames = Headline_define_property({
-    none: "vkuiHeadline--sizeY-none"
-}, 'compact', "vkuiHeadline--sizeY-compact");
+var Headline_sizeYClassNames = {
+    none: "vkuiHeadline--sizeY-none",
+    compact: "vkuiHeadline--sizeY-compact"
+};
 /**
  * Используется для подзаголовков.
  *
  * @see https://vkcom.github.io/VKUI/#/Headline
  */ var Headline_Headline = function(_param) {
-    var className = _param.className, _param_weight = _param.weight, weight = _param_weight === void 0 ? '3' : _param_weight, _param_level = _param.level, level = _param_level === void 0 ? '1' : _param_level, _param_Component = _param.Component, Component = _param_Component === void 0 ? 'span' : _param_Component, _param_normalize = _param.normalize, normalize = _param_normalize === void 0 ? true : _param_normalize, _param_inline = _param.inline, inline = _param_inline === void 0 ? false : _param_inline, restProps = Headline_object_without_properties(_param, [
+    var className = _param.className, _param_level = _param.level, level = _param_level === void 0 ? '1' : _param_level, _param_Component = _param.Component, Component = _param_Component === void 0 ? 'span' : _param_Component, _param_normalize = _param.normalize, normalize = _param_normalize === void 0 ? true : _param_normalize, _param_inline = _param.inline, inline = _param_inline === void 0 ? false : _param_inline, restProps = Headline_object_without_properties(_param, [
         "className",
-        "weight",
         "level",
         "Component",
         "normalize",
@@ -6119,8 +6133,7 @@ var sizeYClassNames = Headline_define_property({
         Component: Component,
         normalize: normalize,
         inline: inline,
-        weight: weight,
-        className: clsx(className, sizeY !== 'regular' && sizeYClassNames[sizeY], Headline_stylesLevel[level])
+        className: clsx(className, sizeY !== 'regular' && Headline_sizeYClassNames[sizeY], Headline_stylesLevel[level])
     }, restProps));
 };
 
@@ -6187,9 +6200,10 @@ function Text_object_without_properties_loose(source, excluded) {
 
 
 
-var Text_sizeYClassNames = Text_define_property({
-    none: "vkuiText--sizeY-none"
-}, 'compact', "vkuiText--sizeY-compact");
+var Text_sizeYClassNames = {
+    none: "vkuiText--sizeY-none",
+    compact: "vkuiText--sizeY-compact"
+};
 /**
  * Основной наборный текст.
  *
@@ -6272,6 +6286,11 @@ function Paragraph_object_without_properties_loose(source, excluded) {
 
 
 
+
+var Paragraph_sizeYClassNames = {
+    none: "vkuiParagraph--sizeY-none",
+    compact: "vkuiParagraph--sizeY-compact"
+};
 /**
  * Используется для основного текста.
  *
@@ -6283,11 +6302,12 @@ function Paragraph_object_without_properties_loose(source, excluded) {
         "normalize",
         "inline"
     ]);
+    var _useAdaptivity = useAdaptivity_useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? 'none' : _useAdaptivity_sizeY;
     return /*#__PURE__*/ React.createElement(Typography_Typography, Paragraph_object_spread({
         Component: Component,
         normalize: normalize,
         inline: inline,
-        className: clsx(className, "vkuiParagraph")
+        className: clsx(className, "vkuiParagraph", sizeY !== 'regular' && Paragraph_sizeYClassNames[sizeY])
     }, restProps));
 };
 
@@ -6354,9 +6374,10 @@ function Subhead_object_without_properties_loose(source, excluded) {
 
 
 
-var Subhead_sizeYClassNames = Subhead_define_property({
-    none: "vkuiSubhead--sizeY-none"
-}, 'compact', "vkuiSubhead--sizeY-compact");
+var Subhead_sizeYClassNames = {
+    none: "vkuiSubhead--sizeY-none",
+    compact: "vkuiSubhead--sizeY-compact"
+};
 /**
  * Используется для подзаголовков 2 уровня.
  *
@@ -6439,6 +6460,11 @@ function Footnote_object_without_properties_loose(source, excluded) {
 
 
 
+
+var Footnote_sizeYClassNames = {
+    none: "vkuiFootnote--sizeY-none",
+    compact: "vkuiFootnote--sizeY-compact"
+};
 /**
  * Используется для основных подписей.
  *
@@ -6451,11 +6477,12 @@ function Footnote_object_without_properties_loose(source, excluded) {
         "normalize",
         "inline"
     ]);
+    var _useAdaptivity = useAdaptivity_useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? 'none' : _useAdaptivity_sizeY;
     return /*#__PURE__*/ React.createElement(Typography_Typography, Footnote_object_spread({
         Component: Component,
         normalize: normalize,
         inline: inline,
-        className: clsx(className, "vkuiFootnote", caps && "vkuiFootnote--caps")
+        className: clsx(className, sizeY !== 'regular' && Footnote_sizeYClassNames[sizeY], "vkuiFootnote", caps && "vkuiFootnote--caps")
     }, restProps));
 };
 
@@ -6521,11 +6548,16 @@ function Caption_object_without_properties_loose(source, excluded) {
 
 
 
+
 var Caption_stylesLevel = {
     '1': "vkuiCaption--level-1",
     '2': "vkuiCaption--level-2",
     '3': "vkuiCaption--level-3"
 };
+var Caption_sizeYClassNames = {
+    none: "vkuiCaption--sizeY-none",
+    compact: "vkuiCaption--sizeY-compact"
+};
 /**
  * Используется для мелких подписей.
  *
@@ -6539,11 +6571,12 @@ var Caption_stylesLevel = {
         "normalize",
         "inline"
     ]);
+    var _useAdaptivity = useAdaptivity_useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? 'none' : _useAdaptivity_sizeY;
     return /*#__PURE__*/ React.createElement(Typography_Typography, Caption_object_spread({
         Component: Component,
         normalize: normalize,
         inline: inline,
-        className: clsx(className, caps && "vkuiCaption--caps", Caption_stylesLevel[level])
+        className: clsx(className, sizeY !== 'regular' && Caption_sizeYClassNames[sizeY], caps && "vkuiCaption--caps", Caption_stylesLevel[level])
     }, restProps));
 };
 
@@ -7332,6 +7365,7 @@ function useStateWithDelay_unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return useStateWithDelay_array_like_to_array(o, minLen);
 }
 
+
 /**
  * Возвращает значение с состоянием и функции на обновление состояния
  * без и с задержкой.
@@ -7345,22 +7379,55 @@ function useStateWithDelay_unsupported_iterable_to_array(o, minLen) {
  *   setCount(count + 1, 500)
  * }
  * ```
+ *
+ * Есть возможность передать функцию-коллбэк, которая будет
+ * вызвана сразу после вызова setState с новым значением стейта
+ * в качестве аргумента.
+ *
+ * ```ts
+ * const onCountChange = React.useCallback((count) => {
+ *   // обработчик нового значения count
+ *   // будет вызван через 500мс
+ * }, []);
+ *
+ *
+ * const [count, setCount] = useStateWithDelay(initialState, 0, onCountChange);
+ *
+ * const click = () => {
+ *   setCount(count + 1, 500)
+ * }
+ * ```
  */ function useStateWithDelay(initialState) {
-    var defaultDelay = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+    var defaultDelay = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, onStateChange = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : functions_noop;
     var _React_useState = useStateWithDelay_sliced_to_array(react.useState(initialState), 2), value = _React_useState[0], setValue = _React_useState[1];
     var timeout = react.useRef();
+    var handleSetValue = react.useCallback(function(nextValue) {
+        if (isFunction(nextValue)) {
+            setValue(function(prevValue) {
+                var value = nextValue(prevValue);
+                onStateChange(value);
+                return value;
+            });
+        } else {
+            setValue(nextValue);
+            onStateChange(nextValue);
+        }
+    }, [
+        onStateChange
+    ]);
     var setValueWithDelay = react.useCallback(function(newValue) {
         var delay = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : defaultDelay;
         clearTimeout(timeout.current);
         if (delay === 0) {
-            setValue(newValue);
+            handleSetValue(newValue);
             return;
         }
         timeout.current = setTimeout(function() {
-            return setValue(newValue);
+            return handleSetValue(newValue);
         }, delay);
     }, [
-        defaultDelay
+        defaultDelay,
+        handleSetValue
     ]);
     return [
         value,
@@ -7432,6 +7499,30 @@ function useState_object_spread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function useState_object_without_properties(source, excluded) {
     if (source == null) return {};
     var target = useState_object_without_properties_loose(source, excluded);
@@ -7474,26 +7565,51 @@ function useState_unsupported_iterable_to_array(o, minLen) {
 
 
 
-
 var DEFAULT_ACTIVE_EFFECT_DELAY = 600;
 var ACTIVE_DELAY = 70;
 /**
  * Управляет наведением на компонент, игнорирует тач события
  */ function useHover(param) {
-    var hovered = param.hovered, hoverClassName = param.hoverClassName, _param_hasHover = param.hasHover, hasHover = _param_hasHover === void 0 ? true : _param_hasHover, lockState = param.lockState;
-    var _React_useState = useState_sliced_to_array(react.useState(false), 2), hoveredState = _React_useState[0], setHover = _React_useState[1];
-    var hover = hasHover && !lockState && (hovered || hoveredState) ? hoverClassName : undefined;
+    var hovered = param.hovered, _param_hasHover = param.hasHover, hasHover = _param_hasHover === void 0 ? true : _param_hasHover, lockState = param.lockState, setParentStateLock = param.setParentStateLock;
+    var _React_useState = useState_sliced_to_array(react.useState(false), 2), hoveredStateLocal = _React_useState[0], setHoveredStateLocal = _React_useState[1];
+    var prevIsHoveredRef = react.useRef(undefined);
+    var handleHover = react.useCallback(function(isHover) {
+        setHoveredStateLocal(isHover);
+        var isHovered = calculateStateValue({
+            hasState: hasHover,
+            isLocked: lockState,
+            stateValueControlled: Boolean(hovered),
+            stateValueLocal: isHover
+        });
+        // проверка сделана чтобы реже вызывать обновление состояния
+        // контекста родителя
+        if (isHovered !== prevIsHoveredRef.current) {
+            prevIsHoveredRef.current = isHovered;
+            setParentStateLock(isHovered);
+        }
+    }, [
+        setParentStateLock,
+        hasHover,
+        hovered,
+        lockState
+    ]);
     var onPointerEnter = function(e) {
         if (e.pointerType === 'touch') {
             return;
         }
-        setHover(true);
+        handleHover(true);
     };
     var onPointerLeave = function() {
-        setHover(false);
+        handleHover(false);
     };
+    var isHovered = calculateStateValue({
+        hasState: hasHover,
+        isLocked: lockState,
+        stateValueControlled: Boolean(hovered),
+        stateValueLocal: hoveredStateLocal
+    });
     return {
-        hover: hover,
+        isHovered: isHovered,
         onPointerEnter: hasHover ? onPointerEnter : functions_noop,
         onPointerLeave: hasHover ? onPointerLeave : functions_noop
     };
@@ -7501,15 +7617,24 @@ var ACTIVE_DELAY = 70;
 /**
  * Управляет активацией компонента
  */ function useActive(param) {
-    var activated = param.activated, activeClassName = param.activeClassName, activeEffectDelay = param.activeEffectDelay, _param_hasActive = param.hasActive, hasActive = _param_hasActive === void 0 ? true : _param_hasActive, lockState = param.lockState;
-    var _useStateWithDelay = useState_sliced_to_array(useStateWithDelay(false), 2), activatedState = _useStateWithDelay[0], setActivated = _useStateWithDelay[1];
+    var activated = param.activated, activeEffectDelay = param.activeEffectDelay, _param_hasActive = param.hasActive, hasActive = _param_hasActive === void 0 ? true : _param_hasActive, lockStateRef = param.lockStateRef, setParentStateLock = param.setParentStateLock;
+    // передаём setParentStateLock, чтобы функция вызывалась вместе с установкой стейта,
+    // если установка отложена c помощью delay, то и вызов будет отложен
+    var _useStateWithDelay = useState_sliced_to_array(useStateWithDelay(false, 0, setParentStateLock), 2), activatedState = _useStateWithDelay[0], setActivated = _useStateWithDelay[1];
     // Список нажатий которые не требуется отменять
     var pointersUp = react.useMemo(function() {
         return new Set();
     }, []);
-    var active = hasActive && !lockState && (activated || activatedState) ? activeClassName : undefined;
     var onPointerDown = function() {
-        return setActivated(true, ACTIVE_DELAY);
+        if (lockStateRef.current) {
+            return;
+        }
+        setActivated(true, ACTIVE_DELAY);
+        // намеренно выставляем lock, так как setActivated вызов отложен
+        // а у отложенного setActivated setParentStateLock тоже вызовится отложенно
+        // родитель сейчас тоже обработает это же событие PointerDown
+        // если мы не залочим activatedState у родителя сейчас, то родитель выставит active состояние
+        setParentStateLock(true);
     };
     var onPointerCancel = function(e) {
         if (pointersUp.has(e.pointerId)) {
@@ -7520,62 +7645,99 @@ var ACTIVE_DELAY = 70;
     };
     var onPointerUp = function(e) {
         pointersUp.add(e.pointerId);
+        if (lockStateRef.current) {
+            return;
+        }
         setActivated(true);
         setActivated(false, activeEffectDelay);
     };
+    var isActivated = calculateStateValue({
+        hasState: hasActive,
+        isLocked: lockStateRef.current,
+        stateValueControlled: Boolean(activated),
+        stateValueLocal: activatedState
+    });
     return {
-        active: active,
+        isActivated: isActivated,
         onPointerLeave: hasActive ? onPointerCancel : functions_noop,
         onPointerDown: hasActive ? onPointerDown : functions_noop,
         onPointerCancel: hasActive ? onPointerCancel : functions_noop,
         onPointerUp: hasActive ? onPointerUp : functions_noop
     };
 }
-var ClickableLockStateContext = /*#__PURE__*/ react.createContext(undefined);
+var ClickableLockStateContext = /*#__PURE__*/ react.createContext({
+    lockHoverStateBubbling: undefined,
+    lockActiveStateBubbling: undefined
+});
 /**
  * Блокирует стейт на всплытие
- */ function useLockState() {
-    var setLockBubbling = react.useContext(ClickableLockStateContext) || functions_noop;
+ */ function useLockState(setParentStateLockBubbling) {
     var _React_useState = useState_sliced_to_array(react.useState(false), 2), lockState = _React_useState[0], setLockState = _React_useState[1];
-    var setLockBubblingImmediate = callMultiple_callMultiple(setLockState, setLockBubbling);
+    var setStateLockBubblingImmediate = react.useCallback(function(isLock) {
+        setLockState(isLock);
+        setParentStateLockBubbling(isLock);
+    }, [
+        setParentStateLockBubbling
+    ]);
     return [
         lockState,
-        setLockBubbling,
-        setLockBubblingImmediate
+        setParentStateLockBubbling,
+        setStateLockBubblingImmediate
+    ];
+}
+function useLockRef(setParentStateLockBubbling) {
+    var lockStateRef = react.useRef(false);
+    var setStateLockBubblingImmediate = react.useCallback(function(isLock) {
+        lockStateRef.current = isLock;
+        setParentStateLockBubbling(isLock);
+    }, [
+        setParentStateLockBubbling
+    ]);
+    return [
+        lockStateRef,
+        setParentStateLockBubbling,
+        setStateLockBubblingImmediate
     ];
 }
 /**
  * Управляет состоянием компонента
  */ function useState(_param) {
-    var hasHover = _param.hasHover, hasActive = _param.hasActive, restProps = useState_object_without_properties(_param, [
+    var hovered = _param.hovered, hasHover = _param.hasHover, hasActive = _param.hasActive, unlockParentHover = _param.unlockParentHover, restProps = useState_object_without_properties(_param, [
+        "hovered",
         "hasHover",
-        "hasActive"
+        "hasActive",
+        "unlockParentHover"
     ]);
-    var _useLockState = useState_sliced_to_array(useLockState(), 3), lockState = _useLockState[0], setLockBubbling = _useLockState[1], setLockBubblingImmediate = _useLockState[2];
-    var props = useState_object_spread({
+    var _React_useContext = react.useContext(ClickableLockStateContext), _React_useContext_lockHoverStateBubbling = _React_useContext.lockHoverStateBubbling, lockHoverStateBubbling = _React_useContext_lockHoverStateBubbling === void 0 ? functions_noop : _React_useContext_lockHoverStateBubbling, _React_useContext_lockActiveStateBubbling = _React_useContext.lockActiveStateBubbling, lockActiveStateBubbling = _React_useContext_lockActiveStateBubbling === void 0 ? functions_noop : _React_useContext_lockActiveStateBubbling;
+    var _useLockState = useState_sliced_to_array(useLockState(unlockParentHover ? functions_noop : lockHoverStateBubbling), 3), lockHoverState = _useLockState[0], setParentStateLockHoverBubbling = _useLockState[1], setLockHoverBubblingImmediate = _useLockState[2];
+    var _useLockRef = useState_sliced_to_array(useLockRef(lockActiveStateBubbling), 3), lockActiveStateRef = _useLockRef[0], setParentStateLockActiveBubbling = _useLockRef[1], setLockActiveBubblingImmediate = _useLockRef[2];
+    var _useHover = useHover({
         hasHover: hasHover,
-        hasActive: hasActive,
-        lockState: lockState
-    }, restProps);
-    var _useHover = useHover(useState_object_spread({}, props)), hover = _useHover.hover, hoverEvent = useState_object_without_properties(_useHover, [
-        "hover"
-    ]);
-    var _useActive = useActive(props), active = _useActive.active, activeEvent = useState_object_without_properties(_useActive, [
-        "active"
-    ]);
-    var stateClassName = clsx(hover, active);
+        hovered: hovered,
+        lockState: lockHoverState,
+        setParentStateLock: setParentStateLockHoverBubbling
+    }), isHovered = _useHover.isHovered, hoverEvent = useState_object_without_properties(_useHover, [
+        "isHovered"
+    ]);
+    var _useActive = useActive(_object_spread_props(useState_object_spread({}, restProps), {
+        lockStateRef: lockActiveStateRef,
+        setParentStateLock: setParentStateLockActiveBubbling
+    })), isActivated = _useActive.isActivated, activeEvent = useState_object_without_properties(_useActive, [
+        "isActivated"
+    ]);
+    var stateClassName = clsx(isHovered && restProps.hoverClassName, isActivated && restProps.activeClassName);
     var handlers = mergeCalls(hoverEvent, activeEvent);
-    react.useEffect(function() {
-        setLockBubbling(!!stateClassName);
-    }, [
-        setLockBubbling,
-        stateClassName
-    ]);
     return useState_object_spread({
         stateClassName: stateClassName,
-        setLockBubblingImmediate: setLockBubblingImmediate
+        setLockHoverBubblingImmediate: setLockHoverBubblingImmediate,
+        setLockActiveBubblingImmediate: setLockActiveBubblingImmediate
     }, handlers);
 }
+// Общая функция для определения конечного состояния active/hovered
+function calculateStateValue(param) {
+    var hasState = param.hasState, isLocked = param.isLocked, stateValueControlled = param.stateValueControlled, stateValueLocal = param.stateValueLocal;
+    return hasState && !isLocked && (stateValueControlled || stateValueLocal);
+}
 
 ;// CONCATENATED MODULE: ./src/components/Clickable/Clickable.module.css
 // extracted by mini-css-extract-plugin
@@ -7644,10 +7806,11 @@ function Clickable_object_without_properties_loose(source, excluded) {
 
 
 
+
 /**
  * Некликабельный компонент. Отключаем возможность нажимать на компонент.
  */ var NonClickable = function(_param) {
-    var href = _param.href, onClick = _param.onClick, onClickCapture = _param.onClickCapture, activeClassName = _param.activeClassName, hoverClassName = _param.hoverClassName, hasActive = _param.hasActive, hasHover = _param.hasHover, hovered = _param.hovered, activated = _param.activated, activeEffectDelay = _param.activeEffectDelay, restProps = Clickable_object_without_properties(_param, [
+    var href = _param.href, onClick = _param.onClick, onClickCapture = _param.onClickCapture, activeClassName = _param.activeClassName, hoverClassName = _param.hoverClassName, hasActive = _param.hasActive, hasHover = _param.hasHover, hovered = _param.hovered, unlockParentHover = _param.unlockParentHover, activated = _param.activated, activeEffectDelay = _param.activeEffectDelay, restProps = Clickable_object_without_properties(_param, [
         "href",
         "onClick",
         "onClickCapture",
@@ -7656,15 +7819,16 @@ function Clickable_object_without_properties_loose(source, excluded) {
         "hasActive",
         "hasHover",
         "hovered",
+        "unlockParentHover",
         "activated",
         "activeEffectDelay"
     ]);
-    return /*#__PURE__*/ React.createElement(RootComponent_RootComponent, restProps);
+    return /*#__PURE__*/ react.createElement(RootComponent_RootComponent, restProps);
 };
 /**
  * Кликабельный компонент. Добавляем кучу обвесов
  */ var RealClickable = function(_param) {
-    var baseClassName = _param.baseClassName, children = _param.children, _param_focusVisibleMode = _param.focusVisibleMode, focusVisibleMode = _param_focusVisibleMode === void 0 ? 'inside' : _param_focusVisibleMode, activeClassName = _param.activeClassName, hoverClassName = _param.hoverClassName, _param_activeEffectDelay = _param.activeEffectDelay, activeEffectDelay = _param_activeEffectDelay === void 0 ? DEFAULT_ACTIVE_EFFECT_DELAY : _param_activeEffectDelay, _param_hasHover = _param.hasHover, hasHover = _param_hasHover === void 0 ? true : _param_hasHover, _param_hasActive = _param.hasActive, hasActive = _param_hasActive === void 0 ? true : _param_hasActive, hovered = _param.hovered, activated = _param.activated, onPointerEnter = _param.onPointerEnter, onPointerLeave = _param.onPointerLeave, onPointerDown = _param.onPointerDown, onPointerCancel = _param.onPointerCancel, onPointerUp = _param.onPointerUp, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, restProps = Clickable_object_without_properties(_param, [
+    var baseClassName = _param.baseClassName, children = _param.children, _param_focusVisibleMode = _param.focusVisibleMode, focusVisibleMode = _param_focusVisibleMode === void 0 ? 'inside' : _param_focusVisibleMode, activeClassName = _param.activeClassName, hoverClassName = _param.hoverClassName, _param_activeEffectDelay = _param.activeEffectDelay, activeEffectDelay = _param_activeEffectDelay === void 0 ? DEFAULT_ACTIVE_EFFECT_DELAY : _param_activeEffectDelay, _param_hasHover = _param.hasHover, hasHover = _param_hasHover === void 0 ? true : _param_hasHover, _param_hasActive = _param.hasActive, hasActive = _param_hasActive === void 0 ? true : _param_hasActive, hovered = _param.hovered, activated = _param.activated, hasHoverWithChildren = _param.hasHoverWithChildren, unlockParentHover = _param.unlockParentHover, onPointerEnter = _param.onPointerEnter, onPointerLeave = _param.onPointerLeave, onPointerDown = _param.onPointerDown, onPointerCancel = _param.onPointerCancel, onPointerUp = _param.onPointerUp, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, restProps = Clickable_object_without_properties(_param, [
         "baseClassName",
         "children",
         "focusVisibleMode",
@@ -7675,6 +7839,8 @@ function Clickable_object_without_properties_loose(source, excluded) {
         "hasActive",
         "hovered",
         "activated",
+        "hasHoverWithChildren",
+        "unlockParentHover",
         "onPointerEnter",
         "onPointerLeave",
         "onPointerDown",
@@ -7698,10 +7864,12 @@ function Clickable_object_without_properties_loose(source, excluded) {
         hasHover: hasHover,
         hasActive: hasActive,
         hovered: hovered,
-        activated: activated
-    }), stateClassName = _useState.stateClassName, setLockBubblingImmediate = _useState.setLockBubblingImmediate, stateEvents = Clickable_object_without_properties(_useState, [
+        activated: activated,
+        unlockParentHover: unlockParentHover
+    }), stateClassName = _useState.stateClassName, setLockHoverBubblingImmediate = _useState.setLockHoverBubblingImmediate, setLockActiveBubblingImmediate = _useState.setLockActiveBubblingImmediate, stateEvents = Clickable_object_without_properties(_useState, [
         "stateClassName",
-        "setLockBubblingImmediate"
+        "setLockHoverBubblingImmediate",
+        "setLockActiveBubblingImmediate"
     ]);
     var handlers = mergeCalls(focusEvents, stateEvents, {
         onKeyDown: clickByKeyboardHandler
@@ -7715,10 +7883,20 @@ function Clickable_object_without_properties_loose(source, excluded) {
         onFocus: onFocus,
         onKeyDown: onKeyDown
     });
-    return /*#__PURE__*/ React.createElement(RootComponent_RootComponent, Clickable_object_spread({
+    var lockStateContextValue = react.useMemo(function() {
+        return {
+            lockHoverStateBubbling: hasHoverWithChildren ? functions_noop : setLockHoverBubblingImmediate,
+            lockActiveStateBubbling: setLockActiveBubblingImmediate
+        };
+    }, [
+        setLockHoverBubblingImmediate,
+        setLockActiveBubblingImmediate,
+        hasHoverWithChildren
+    ]);
+    return /*#__PURE__*/ react.createElement(RootComponent_RootComponent, Clickable_object_spread({
         baseClassName: clsx(baseClassName, "vkuiClickable__realClickable", focusVisibleClassNames, stateClassName)
-    }, handlers, restProps), /*#__PURE__*/ React.createElement(ClickableLockStateContext.Provider, {
-        value: setLockBubblingImmediate
+    }, handlers, restProps), /*#__PURE__*/ react.createElement(ClickableLockStateContext.Provider, {
+        value: lockStateContextValue
     }, children));
 };
 /**
@@ -7783,12 +7961,12 @@ var getUserAgentResetClassName = function(Component) {
     var isClickable = checkClickable(restProps);
     var baseClassName = clsx(baseClassNameProp, getUserAgentResetClassName(commonProps.Component), "vkuiClickable__host");
     if (isClickable) {
-        return /*#__PURE__*/ React.createElement(RealClickable, Clickable_object_spread({
+        return /*#__PURE__*/ react.createElement(RealClickable, Clickable_object_spread({
             baseClassName: baseClassName,
             focusVisibleMode: focusVisibleMode
         }, commonProps, restProps));
     }
-    return /*#__PURE__*/ React.createElement(NonClickable, Clickable_object_spread({
+    return /*#__PURE__*/ react.createElement(NonClickable, Clickable_object_spread({
         baseClassName: baseClassName
     }, commonProps, restProps));
 };
@@ -8519,7 +8697,7 @@ function OnboardingTooltipContainer_object_spread(target) {
     }
     return target;
 }
-function ownKeys(object, enumerableOnly) {
+function OnboardingTooltipContainer_ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -8532,12 +8710,12 @@ function ownKeys(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props(target, source) {
+function OnboardingTooltipContainer_object_spread_props(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys(Object(source)).forEach(function(key) {
+        OnboardingTooltipContainer_ownKeys(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -8578,7 +8756,7 @@ var OnboardingTooltipContainer_OnboardingTooltipContainer = /*#__PURE__*/ react.
         "Component"
     ]);
     var dataProps = OnboardingTooltipContainer_define_property({}, OnboardingTooltipContainer_onboardingTooltipContainerAttr, fixed ? 'fixed' : 'true');
-    return /*#__PURE__*/ react.createElement(Component, _object_spread_props(OnboardingTooltipContainer_object_spread({}, dataProps, props), {
+    return /*#__PURE__*/ react.createElement(Component, OnboardingTooltipContainer_object_spread_props(OnboardingTooltipContainer_object_spread({}, dataProps, props), {
         ref: ref
     }));
 });
@@ -11144,9 +11322,10 @@ var stylesAlign = {
     center: "vkuiButton--align-center",
     right: "vkuiButton--align-right"
 };
-var Button_sizeYClassNames = Button_define_property({
-    none: "vkuiButton--sizeY-none"
-}, 'regular', "vkuiButton--sizeY-regular");
+var Button_sizeYClassNames = {
+    none: "vkuiButton--sizeY-none",
+    regular: "vkuiButton--sizeY-regular"
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/Button
  */ var Button_Button = function(_param) {
@@ -11316,48 +11495,39 @@ var warn = warnOnce('IconButton');
 };
 
 ;// CONCATENATED MODULE: ./src/hooks/useAdaptivityConditionalRender/constants.ts
-function useAdaptivityConditionalRender_constants_define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
 
-var sizeXCompactClassNames = useAdaptivityConditionalRender_constants_define_property({
+var sizeXCompactClassNames = {
     mq: {
         className: "vkui-sizeX--compact-mq"
+    },
+    compact: {
+        className: "vkui-sizeX--compact-forced"
     }
-}, 'compact', {
-    className: "vkui-sizeX--compact-forced"
-});
-var sizeXRegularClassNames = useAdaptivityConditionalRender_constants_define_property({
+};
+var sizeXRegularClassNames = {
     mq: {
         className: "vkui-sizeX--regular-mq"
+    },
+    regular: {
+        className: "vkui-sizeX--regular-forced"
     }
-}, 'regular', {
-    className: "vkui-sizeX--regular-forced"
-});
-var sizeYCompactClassNames = useAdaptivityConditionalRender_constants_define_property({
+};
+var sizeYCompactClassNames = {
     mq: {
         className: "vkui-sizeY--compact-mq"
+    },
+    compact: {
+        className: "vkui-sizeY--compact-forced"
     }
-}, 'compact', {
-    className: "vkui-sizeY--compact-forced"
-});
-var sizeYRegularClassNames = useAdaptivityConditionalRender_constants_define_property({
+};
+var sizeYRegularClassNames = {
     mq: {
         className: "vkui-sizeY--regular-mq"
+    },
+    regular: {
+        className: "vkui-sizeY--regular-forced"
     }
-}, 'regular', {
-    className: "vkui-sizeY--regular-forced"
-});
+};
 var viewWidthClassNames = {
     tabletMinus: {
         mq: {
@@ -11584,7 +11754,7 @@ var ToolButton_sizeYClassNames = {
         activeMode: "vkuiToolButton--active",
         Component: restProps.href ? 'a' : 'button',
         focusVisibleMode: "outside",
-        className: classNames(className, "vkuiToolButton", rounded && !hasChildren && "vkuiToolButton--rounded", ToolButton_stylesMode[mode], ToolButton_stylesAppearance[appearance], stylesDirection[direction], sizeY !== 'compact' && ToolButton_sizeYClassNames[sizeY])
+        className: classNames(className, "vkuiToolButton", rounded && getRoundedClassName(direction, hasChildren), hasChildren && direction === 'row' && "vkuiToolButton--withFakeEndIcon", ToolButton_stylesMode[mode], ToolButton_stylesAppearance[appearance], stylesDirection[direction], sizeY !== 'compact' && ToolButton_sizeYClassNames[sizeY])
     }, restProps), /*#__PURE__*/ React.createElement(AdaptiveIconRenderer, {
         IconCompact: IconCompact,
         IconRegular: IconRegular
@@ -11592,6 +11762,14 @@ var ToolButton_sizeYClassNames = {
         className: "vkuiToolButton__text"
     }, children));
 };
+function getRoundedClassName(direction, hasChildren) {
+    switch(direction){
+        case 'row':
+            return "vkuiToolButton--rounded";
+        case 'column':
+            return hasChildren ? undefined : "vkuiToolButton--rounded";
+    }
+}
 
 ;// CONCATENATED MODULE: ./src/lib/getNavId.ts
 function getNavId_getNavId(props, warn) {
@@ -14363,10 +14541,11 @@ function Panel_object_without_properties_loose(source, excluded) {
 
 
 
-var Panel_obj;
-var Panel_sizeXClassNames = (Panel_obj = {
-    none: "vkuiPanel--sizeX-none"
-}, Panel_define_property(Panel_obj, 'compact', "vkuiPanel--sizeX-compact"), Panel_define_property(Panel_obj, 'regular', "vkuiPanel--sizeX-regular"), Panel_obj);
+var Panel_sizeXClassNames = {
+    none: "vkuiPanel--sizeX-none",
+    compact: "vkuiPanel--sizeX-compact",
+    regular: "vkuiPanel--sizeX-regular"
+};
 var Panel_stylesMode = {
     none: "vkuiPanel--mode-none",
     plain: "vkuiPanel--mode-plain",
@@ -14559,7 +14738,7 @@ var PanelHeaderButton_warn = warnOnce('PanelHeaderButton');
         hoverMode: hoverMode,
         activeEffectDelay: 200,
         activeMode: activeMode,
-        className: classNames('vkuiInternalPanelHeaderButton', "vkuiPanelHeaderButton", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, isPrimitive && "vkuiPanelHeaderButton--primitive", !isPrimitive && !isPrimitiveLabel && "vkuiPanelHeaderButton--notPrimitive", className)
+        className: classNames("vkuiPanelHeaderButton", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, isPrimitive && "vkuiPanelHeaderButton--primitive", !isPrimitive && !isPrimitiveLabel && "vkuiPanelHeaderButton--notPrimitive", className)
     }), isPrimitive ? /*#__PURE__*/ React.createElement(ButtonTypography, {
         primary: primary
     }, children) : children, isPrimitiveLabel ? /*#__PURE__*/ React.createElement(ButtonTypography, {
@@ -17083,7 +17262,9 @@ function AspectRatio_object_without_properties_loose(source, excluded) {
         "mode",
         "style"
     ]);
-    var style = AspectRatio_define_property({}, '--vkui_internal--aspect_ratio', String(ratio));
+    var style = {
+        '--vkui_internal--aspect_ratio': String(ratio)
+    };
     return /*#__PURE__*/ React.createElement(RootComponent, AspectRatio_object_spread({
         baseClassName: classNames("vkuiAspectRatio", mode === 'stretch' && "vkuiAspectRatio--mode-stretch"),
         style: AspectRatio_object_spread({}, styleProp, style)
@@ -18781,9 +18962,9 @@ function Alert_unsupported_iterable_to_array(o, minLen) {
     var itemActionCallbackRef = React.useRef(noop);
     var _useCSSKeyframesAnimationController = Alert_sliced_to_array(useCSSKeyframesAnimationController(closing ? 'exit' : 'enter', {
         onExited: function onExited() {
-            onClose();
             itemActionCallbackRef.current();
             itemActionCallbackRef.current = noop;
+            onClose();
         }
     }), 2), animationState = _useCSSKeyframesAnimationController[0], animationHandlers = _useCSSKeyframesAnimationController[1];
     var isDismissButtonVisible = isDesktop && platform !== 'ios';
@@ -20195,7 +20376,8 @@ function ActionSheet_unsupported_iterable_to_array(o, minLen) {
 ;// CONCATENATED MODULE: ./src/components/ScreenSpinner/context.ts
 
 var ScreenSpinnerContext = react.createContext({
-    state: 'loading'
+    state: 'loading',
+    caption: undefined
 });
 
 ;// CONCATENATED MODULE: ./src/components/ScreenSpinner/ScreenSpinner.module.css
@@ -20262,6 +20444,7 @@ function ScreenSpinnerContainer_object_without_properties_loose(source, excluded
 
 
 
+
 var stateClassNames = {
     cancelable: "vkuiScreenSpinner--state-cancelable",
     done: "vkuiScreenSpinner--state-done",
@@ -20272,17 +20455,25 @@ var ScreenSpinnerContainer_modeClassNames = {
     overlay: "vkuiScreenSpinner--mode-overlay"
 };
 var ScreenSpinnerContainer = function(_param) {
-    var _param_state = _param.state, state = _param_state === void 0 ? 'loading' : _param_state, _param_mode = _param.mode, mode = _param_mode === void 0 ? 'shadow' : _param_mode, restProps = ScreenSpinnerContainer_object_without_properties(_param, [
+    var _param_state = _param.state, state = _param_state === void 0 ? 'loading' : _param_state, _param_mode = _param.mode, mode = _param_mode === void 0 ? 'shadow' : _param_mode, caption = _param.caption, children = _param.children, restProps = ScreenSpinnerContainer_object_without_properties(_param, [
         "state",
-        "mode"
+        "mode",
+        "caption",
+        "children"
     ]);
     return /*#__PURE__*/ react.createElement(ScreenSpinnerContext.Provider, {
         value: {
-            state: state
+            state: state,
+            caption: caption
         }
     }, /*#__PURE__*/ react.createElement(RootComponent_RootComponent, ScreenSpinnerContainer_object_spread({
-        baseClassName: clsx("vkuiScreenSpinner", ScreenSpinnerContainer_modeClassNames[mode], state !== 'loading' && stateClassNames[state])
-    }, restProps)));
+        baseClassName: clsx("vkuiScreenSpinner", ScreenSpinnerContainer_modeClassNames[mode], state !== 'loading' && stateClassNames[state], react_utils_hasReactNode(caption) && "vkuiScreenSpinner--has-caption")
+    }, restProps), /*#__PURE__*/ react.createElement("div", {
+        className: "vkuiScreenSpinner__icon-slot"
+    }, children), react_utils_hasReactNode(caption) && /*#__PURE__*/ react.createElement(Footnote_Footnote, {
+        className: "vkuiScreenSpinner__caption",
+        "aria-hidden": true
+    }, caption)));
 };
 ScreenSpinnerContainer.displayName = 'ScreenSpinnerContainer';
 
@@ -20345,16 +20536,21 @@ function ScreenSpinnerLoader_object_without_properties_loose(source, excluded) {
 
 
 
+
+
 var ScreenSpinnerLoader = function(_param) {
-    var _param_size = _param.size, size = _param_size === void 0 ? 'large' : _param_size, _param_children = _param.children, children = _param_children === void 0 ? 'Пожалуйста, подождите...' : _param_children, restProps = ScreenSpinnerLoader_object_without_properties(_param, [
+    var _param_size = _param.size, size = _param_size === void 0 ? 'large' : _param_size, children = _param.children, restProps = ScreenSpinnerLoader_object_without_properties(_param, [
         "size",
         "children"
     ]);
+    var caption = react.useContext(ScreenSpinnerContext).caption;
+    // TODO [>=7]: см. https://github.com/VKCOM/VKUI/pull/7505#discussion_r1754153438
+    var a11yText = children ? children : caption !== null && caption !== void 0 ? caption : 'Пожалуйста, подождите...';
     return /*#__PURE__*/ react.createElement(Spinner_Spinner, ScreenSpinnerLoader_object_spread({
-        className: "vkuiScreenSpinner__spinner",
+        className: clsx("vkuiScreenSpinner__spinner", !caption && "vkuiScreenSpinner__spinner--transition"),
         size: size,
         noColor: true
-    }, restProps), children);
+    }, restProps), a11yText);
 };
 ScreenSpinnerLoader.displayName = 'ScreenSpinnerLoader';
 
@@ -20625,13 +20821,14 @@ function ScreenSpinner_object_without_properties_loose(source, excluded) {
 /**
  * @see https://vkcom.github.io/VKUI/#/ScreenSpinner
  */ var ScreenSpinner = function(_param) {
-    var style = _param.style, className = _param.className, _param_state = _param.state, state = _param_state === void 0 ? 'loading' : _param_state, onClick = _param.onClick, cancelLabel = _param.cancelLabel, mode = _param.mode, restProps = ScreenSpinner_object_without_properties(_param, [
+    var style = _param.style, className = _param.className, _param_state = _param.state, state = _param_state === void 0 ? 'loading' : _param_state, onClick = _param.onClick, cancelLabel = _param.cancelLabel, mode = _param.mode, caption = _param.caption, restProps = ScreenSpinner_object_without_properties(_param, [
         "style",
         "className",
         "state",
         "onClick",
         "cancelLabel",
-        "mode"
+        "mode",
+        "caption"
     ]);
     ScrollContext_useScrollLock();
     return /*#__PURE__*/ react.createElement(PopoutWrapper_PopoutWrapper, {
@@ -20640,7 +20837,8 @@ function ScreenSpinner_object_without_properties_loose(source, excluded) {
         noBackground: true
     }, /*#__PURE__*/ react.createElement(ScreenSpinnerContainer, {
         state: state,
-        mode: mode
+        mode: mode,
+        caption: caption
     }, /*#__PURE__*/ react.createElement(ScreenSpinnerLoader, restProps), /*#__PURE__*/ react.createElement(ScreenSpinnerSwapIcon, {
         onClick: onClick,
         cancelLabel: cancelLabel
@@ -22226,6 +22424,10 @@ function _assert_this_initialized(self) {
     }
     return self;
 }
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
 function ModalRoot_class_call_check(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
@@ -22354,28 +22556,12 @@ function ModalRoot_unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return ModalRoot_array_like_to_array(o, minLen);
 }
 function _is_native_reflect_construct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
     try {
-        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-        return true;
-    } catch (e) {
-        return false;
-    }
-}
-function _create_super(Derived) {
-    var hasNativeReflectConstruct = _is_native_reflect_construct();
-    return function _createSuperInternal() {
-        var Super = _get_prototype_of(Derived), result;
-        if (hasNativeReflectConstruct) {
-            var NewTarget = _get_prototype_of(this).constructor;
-            result = Reflect.construct(Super, arguments, NewTarget);
-        } else {
-            result = Super.apply(this, arguments);
-        }
-        return _possible_constructor_return(this, result);
-    };
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
 }
 
 
@@ -22407,18 +22593,12 @@ function rangeTranslate(number) {
 var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
     "use strict";
     _inherits(ModalRootTouchComponent, _React_Component);
-    var _super = _create_super(ModalRootTouchComponent);
     function ModalRootTouchComponent(props) {
         ModalRoot_class_call_check(this, ModalRootTouchComponent);
         var _this;
-        _this = _super.call(this, props);
-        ModalRoot_define_property(_assert_this_initialized(_this), "maskElementRef", void 0);
-        ModalRoot_define_property(_assert_this_initialized(_this), "viewportRef", /*#__PURE__*/ react.createRef());
-        ModalRoot_define_property(_assert_this_initialized(_this), "maskAnimationFrame", undefined);
-        ModalRoot_define_property(_assert_this_initialized(_this), "modalRootContext", void 0);
-        ModalRoot_define_property(_assert_this_initialized(_this), "frameIds", void 0);
-        ModalRoot_define_property(_assert_this_initialized(_this), "restoreFocusTo", undefined);
-        ModalRoot_define_property(_assert_this_initialized(_this), "updateModalHeight", function() {
+        _this = _call_super(this, ModalRootTouchComponent, [
+            props
+        ]), ModalRoot_define_property(_this, "maskElementRef", void 0), ModalRoot_define_property(_this, "viewportRef", /*#__PURE__*/ react.createRef()), ModalRoot_define_property(_this, "maskAnimationFrame", undefined), ModalRoot_define_property(_this, "modalRootContext", void 0), ModalRoot_define_property(_this, "frameIds", void 0), ModalRoot_define_property(_this, "restoreFocusTo", undefined), ModalRoot_define_property(_this, "updateModalHeight", function() {
             var modalState = _this.props.getModalState(_this.props.activeModal);
             if (modalState && modalState.type === 'page') {
                 if (_this.props.enteringModal) {
@@ -22433,8 +22613,7 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
                     });
                 }
             }
-        });
-        ModalRoot_define_property(_assert_this_initialized(_this), "onTouchMove", function(e) {
+        }), ModalRoot_define_property(_this, "onTouchMove", function(e) {
             if (_this.props.exitingModal) {
                 return;
             }
@@ -22448,8 +22627,7 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
             if (modalState.type === 'card') {
                 return _this.onCardTouchMove(e, modalState);
             }
-        });
-        ModalRoot_define_property(_assert_this_initialized(_this), "onTouchEnd", function(e) {
+        }), ModalRoot_define_property(_this, "onTouchEnd", function(e) {
             var modalState = _this.props.getModalState(_this.props.activeModal);
             if ((modalState === null || modalState === void 0 ? void 0 : modalState.type) === 'page') {
                 return _this.onPageTouchEnd(e, modalState);
@@ -22457,8 +22635,7 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
             if ((modalState === null || modalState === void 0 ? void 0 : modalState.type) === 'card') {
                 return _this.onCardTouchEnd(e, modalState);
             }
-        });
-        ModalRoot_define_property(_assert_this_initialized(_this), "onScroll", function(e) {
+        }), ModalRoot_define_property(_this, "onScroll", function(e) {
             var _modalState_contentElement;
             var activeModal = _this.props.activeModal;
             var target = e.target;
@@ -23235,8 +23412,14 @@ var ModalRootDesktop_ModalRootDesktop = function(param) {
         // Анимация закрытия модального окна
         if (!activeModal) {
             requestAnimationFrame(function() {
-                waitTransitionFinish(prevModalState === null || prevModalState === void 0 ? void 0 : prevModalState.innerElement, function() {
-                    return onExited(id);
+                waitTransitionFinish(prevModalState === null || prevModalState === void 0 ? void 0 : prevModalState.innerElement, function(event) {
+                    // Исключаем дочерние элементы
+                    if (event && event.target === (prevModalState === null || prevModalState === void 0 ? void 0 : prevModalState.innerElement)) {
+                        onExited(id);
+                    } else if (!event) {
+                        // Вызвался по тайм-ауту
+                        onExited(id);
+                    }
                 }, timeout);
                 animateModalOpacity(prevModalState, false);
                 setMaskOpacity(prevModalState, 0);
@@ -24296,7 +24479,7 @@ var Badge_stylesMode = {
     ]);
     return /*#__PURE__*/ React.createElement(RootComponent, Badge_object_spread({
         Component: "span",
-        baseClassName: classNames("vkuiBadge", Badge_stylesMode[mode])
+        baseClassName: classNames("vkuiBadge", 'vkuiInternalBadge', Badge_stylesMode[mode])
     }, restProps), children && /*#__PURE__*/ React.createElement(VisuallyHidden, null, children));
 };
 
@@ -24832,9 +25015,10 @@ function CardGrid_object_without_properties_loose(source, excluded) {
 
 
 
-var CardGrid_sizeXClassNames = CardGrid_define_property({
-    none: "vkuiCardGrid--sizeX-none"
-}, 'compact', "vkuiCardGrid--sizeX-compact");
+var CardGrid_sizeXClassNames = {
+    none: "vkuiCardGrid--sizeX-none",
+    compact: "vkuiCardGrid--sizeX-compact"
+};
 var CardGrid_stylesSize = {
     s: 'vkuiInternalCardGrid--size-s',
     m: 'vkuiInternalCardGrid--size-m',
@@ -27148,9 +27332,10 @@ function SimpleCell_object_without_properties_loose(source, excluded) {
 
 
 
-var SimpleCell_sizeYClassNames = SimpleCell_define_property({
-    none: "vkuiSimpleCell--sizeY-none"
-}, 'compact', "vkuiSimpleCell--sizeY-compact");
+var SimpleCell_sizeYClassNames = {
+    none: "vkuiSimpleCell--sizeY-none",
+    compact: "vkuiSimpleCell--sizeY-compact"
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/SimpleCell
  */ var SimpleCell_SimpleCell = function(_param) {
@@ -27874,9 +28059,10 @@ function RichCell_object_without_properties_loose(source, excluded) {
 
 
 
-var RichCell_sizeYClassNames = RichCell_define_property({
-    none: "vkuiRichCell--sizeY-none"
-}, 'compact', "vkuiRichCell--sizeY-compact");
+var RichCell_sizeYClassNames = {
+    none: "vkuiRichCell--sizeY-none",
+    compact: "vkuiRichCell--sizeY-compact"
+};
 var alignAfterClassNames = {
     start: "vkuiRichCell__content-after--align-start",
     center: "vkuiRichCell__content-after--align-center",
@@ -31170,6 +31356,7 @@ function Search_unsupported_iterable_to_array(o, minLen) {
     var _useAdaptivity = useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? 'none' : _useAdaptivity_sizeY;
     var _useAdaptivityConditionalRender = useAdaptivityConditionalRender(), adaptiveSizeY = _useAdaptivityConditionalRender.sizeY;
     var platform = usePlatform();
+    var hasAfter = platform === 'ios' && hasReactNode(after);
     var onFocus = function(e) {
         setFocusedTrue();
         inputProps.onFocus && inputProps.onFocus(e);
@@ -31228,7 +31415,7 @@ function Search_unsupported_iterable_to_array(o, minLen) {
         }, props), /*#__PURE__*/ React.createElement(VisuallyHidden, null, iconLabel), icon);
     };
     return /*#__PURE__*/ React.createElement("div", {
-        className: classNames('vkuiInternalSearch', "vkuiSearch", sizeY === 'none' && "vkuiSearch--sizeY-none", sizeY === 'compact' && "vkuiSearch--sizeY-compact", isFocused && "vkuiSearch--focused", hasValue && "vkuiSearch--has-value", after && "vkuiSearch--has-after", iconProp && "vkuiSearch--has-icon", inputProps.disabled && "vkuiSearch--disabled", !noPadding && "vkuiSearch--withPadding", className),
+        className: classNames('vkuiInternalSearch', "vkuiSearch", sizeY === 'none' && "vkuiSearch--sizeY-none", sizeY === 'compact' && "vkuiSearch--sizeY-compact", isFocused && "vkuiSearch--focused", hasValue && "vkuiSearch--has-value", hasAfter && "vkuiSearch--has-after", iconProp && "vkuiSearch--has-icon", inputProps.disabled && "vkuiSearch--disabled", !noPadding && "vkuiSearch--withPadding", className),
         ref: getRootRef,
         style: style
     }, /*#__PURE__*/ React.createElement("div", {
@@ -31268,17 +31455,20 @@ function Search_unsupported_iterable_to_array(o, minLen) {
         focusVisibleMode: "inside",
         onClick: onFindButtonClick,
         tabIndex: hasValue ? undefined : -1
-    }, findButtonText))), platform === 'ios' && after && /*#__PURE__*/ React.createElement(Button, {
+    }, findButtonText))), hasAfter && /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiSearch__after"
+    }, /*#__PURE__*/ React.createElement(Button, {
         mode: "tertiary",
         size: "m",
-        className: "vkuiSearch__after",
         focusVisibleMode: "inside",
+        hoverMode: "opacity",
+        activeMode: "opacity",
         onClick: onCancel,
         onFocus: setFocusedTrue,
         onBlur: setFocusedFalse
     }, /*#__PURE__*/ React.createElement("span", {
-        className: "vkuiSearch__afterText"
-    }, after)));
+        className: "vkuiSearch__afterTextClip"
+    }, after))));
 };
 
 ;// CONCATENATED MODULE: ./src/components/Tabs/Tabs.module.css
@@ -31591,9 +31781,10 @@ function TabsItem_object_without_properties_loose(source, excluded) {
 
 
 
-var TabsItem_sizeYClassNames = TabsItem_define_property({
-    none: "vkuiTabsItem--sizeY-none"
-}, 'compact', "vkuiTabsItem--sizeY-compact");
+var TabsItem_sizeYClassNames = {
+    none: "vkuiTabsItem--sizeY-none",
+    compact: "vkuiTabsItem--sizeY-compact"
+};
 var TabsItem_stylesMode = {
     default: "vkuiTabsItem--mode-default",
     accent: "vkuiTabsItem--mode-accent",
@@ -33493,7 +33684,9 @@ var WriteBarTypography = function(props) {
             weight: "3"
         }));
     }
-    return /*#__PURE__*/ React.createElement(Headline, props);
+    return /*#__PURE__*/ React.createElement(Headline, WriteBar_object_spread({
+        weight: "3"
+    }, props));
 };
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBar
@@ -33901,9 +34094,10 @@ var sizeStyles = {
     m: "vkuiSubnavigationButton--size-m",
     l: "vkuiSubnavigationButton--size-l"
 };
-var SubnavigationButton_sizeYClassNames = SubnavigationButton_define_property({
-    none: "vkuiSubnavigationButton--sizeY-none"
-}, 'compact', "vkuiSubnavigationButton--sizeY-compact");
+var SubnavigationButton_sizeYClassNames = {
+    none: "vkuiSubnavigationButton--sizeY-none",
+    compact: "vkuiSubnavigationButton--sizeY-compact"
+};
 var SubnavigationButtonTypography = function(_param) {
     var textLevel = _param.textLevel, restProps = SubnavigationButton_object_without_properties(_param, [
         "textLevel"
@@ -35233,9 +35427,10 @@ function FormItem_object_without_properties_loose(source, excluded) {
 
 
 
-var FormItem_sizeYClassNames = FormItem_define_property({
-    none: clsx("vkuiFormItem--sizeY-none", 'vkuiInternalFormItem--sizeY-none')
-}, 'compact', clsx("vkuiFormItem--sizeY-compact", 'vkuiInternalFormItem--sizeY-compact'));
+var FormItem_sizeYClassNames = {
+    none: clsx("vkuiFormItem--sizeY-none", 'vkuiInternalFormItem--sizeY-none'),
+    compact: clsx("vkuiFormItem--sizeY-compact", 'vkuiInternalFormItem--sizeY-compact')
+};
 var stylesStatus = {
     error: clsx("vkuiFormItem--status-error", 'vkuiInternalFormItem--status-error'),
     valid: clsx("vkuiFormItem--status-valid", 'vkuiInternalFormItem--status-valid')
@@ -35439,9 +35634,10 @@ function FormField_unsupported_iterable_to_array(o, minLen) {
 
 
 
-var FormField_sizeYClassNames = FormField_define_property({
-    none: "vkuiFormField--sizeY-none"
-}, 'compact', "vkuiFormField--sizeY-compact");
+var FormField_sizeYClassNames = {
+    none: "vkuiFormField--sizeY-none",
+    compact: "vkuiFormField--sizeY-compact"
+};
 var FormField_stylesStatus = {
     error: "vkuiFormField--status-error",
     valid: "vkuiFormField--status-valid"
@@ -35576,9 +35772,10 @@ function FormLayoutGroup_object_without_properties_loose(source, excluded) {
 
 
 
-var FormLayoutGroup_sizeYClassNames = FormLayoutGroup_define_property({
-    none: clsx("vkuiFormLayoutGroup--sizeY-none", 'vkuiInternalFormLayoutGroup--sizeY-none')
-}, 'compact', clsx("vkuiFormLayoutGroup--sizeY-compact", 'vkuiInternalFormLayoutGroup--sizeY-compact'));
+var FormLayoutGroup_sizeYClassNames = {
+    none: clsx("vkuiFormLayoutGroup--sizeY-none", 'vkuiInternalFormLayoutGroup--sizeY-none'),
+    compact: clsx("vkuiFormLayoutGroup--sizeY-compact", 'vkuiInternalFormLayoutGroup--sizeY-compact')
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup
  */ var FormLayoutGroup = function(_param) {
@@ -36364,9 +36561,10 @@ function Input_object_without_properties_loose(source, excluded) {
 
 
 
-var Input_sizeYClassNames = Input_define_property({
-    none: "vkuiInput--sizeY-none"
-}, 'compact', "vkuiInput--sizeY-compact");
+var Input_sizeYClassNames = {
+    none: "vkuiInput--sizeY-none",
+    compact: "vkuiInput--sizeY-compact"
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/Input
  */ var Input_Input = function(_param) {
@@ -38494,9 +38692,10 @@ function CustomSelectOption_object_without_properties_loose(source, excluded) {
 
 
 
-var CustomSelectOption_sizeYClassNames = CustomSelectOption_define_property({
-    none: "vkuiCustomSelectOption--sizeY-none"
-}, 'regular', "vkuiCustomSelectOption--sizeY-regular");
+var CustomSelectOption_sizeYClassNames = {
+    none: "vkuiCustomSelectOption--sizeY-none",
+    regular: "vkuiCustomSelectOption--sizeY-regular"
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/CustomSelectOption
  */ var CustomSelectOption_CustomSelectOption = function(_param) {
@@ -40027,9 +40226,10 @@ function Slider_unsupported_iterable_to_array(o, minLen) {
 
 
 
-var Slider_sizeYClassNames = Slider_define_property({
-    none: "vkuiSlider--sizeY-none"
-}, 'compact', "vkuiSlider--sizeY-compact");
+var Slider_sizeYClassNames = {
+    none: "vkuiSlider--sizeY-none",
+    compact: "vkuiSlider--sizeY-compact"
+};
 var Slider_sizeClassNames = {
     l: "vkuiSlider--size-l",
     m: "vkuiSlider--size-m",
@@ -40359,9 +40559,10 @@ function Textarea_unsupported_iterable_to_array(o, minLen) {
 
 
 
-var Textarea_sizeYClassNames = Textarea_define_property({
-    none: "vkuiTextarea--sizeY-none"
-}, 'compact', "vkuiTextarea--sizeY-compact");
+var Textarea_sizeYClassNames = {
+    none: "vkuiTextarea--sizeY-none",
+    compact: "vkuiTextarea--sizeY-compact"
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/Textarea
  */ var Textarea = function(_param) {
@@ -41802,9 +42003,10 @@ function CustomSelect_unsupported_iterable_to_array(o, minLen) {
 
 
 
-var CustomSelect_sizeYClassNames = CustomSelect_define_property({
-    none: "vkuiCustomSelect--sizeY-none"
-}, 'compact', "vkuiCustomSelect--sizeY-compact");
+var CustomSelect_sizeYClassNames = {
+    none: "vkuiCustomSelect--sizeY-none",
+    compact: "vkuiCustomSelect--sizeY-compact"
+};
 var CustomSelect_warn = warnOnce('CustomSelect');
 var checkOptionsValueType = function(options) {
     if (new Set(options.map(function(item) {
@@ -41825,7 +42027,7 @@ var filter = function(options, inputValue, filterFn) {
  * @see https://vkcom.github.io/VKUI/#/CustomSelect
  */ function CustomSelect_CustomSelect(props) {
     var _React_useState = CustomSelect_sliced_to_array(React.useState(false), 2), opened = _React_useState[0], setOpened = _React_useState[1];
-    var before = props.before, name = props.name, className = props.className, getRef = props.getRef, getRootRef = props.getRootRef, _props_popupDirection = props.popupDirection, popupDirection = _props_popupDirection === void 0 ? 'bottom' : _props_popupDirection, style = props.style, onChange = props.onChange, children = props.children, onInputChangeProp = props.onInputChange, renderDropdown = props.renderDropdown, onOpen = props.onOpen, onClose = props.onClose, fetching = props.fetching, forceDropdownPortal = props.forceDropdownPortal, _props_selectType = props.selectType, selectType = _props_selectType === void 0 ? 'default' : _props_selectType, autoHideScrollbar = props.autoHideScrollbar, autoHideScrollbarDelay = props.autoHideScrollbarDelay, _props_searchable = props.searchable, searchable = _props_searchable === void 0 ? false : _props_searchable, tmp = props.renderOption, renderOptionProp = tmp === void 0 ? defaultRenderOptionFn : tmp, optionsProp = props.options, _props_emptyText = props.emptyText, emptyText = _props_emptyText === void 0 ? 'Ничего не найдено' : _props_emptyText, _props_filterFn = props.filterFn, filterFn = _props_filterFn === void 0 ? defaultFilterFn : _props_filterFn, iconProp = props.icon, _props_ClearButton = props.ClearButton, ClearButton = _props_ClearButton === void 0 ? CustomSelectClearButton : _props_ClearButton, _props_allowClearButton = props.allowClearButton, allowClearButton = _props_allowClearButton === void 0 ? false : _props_allowClearButton, _props_dropdownOffsetDistance = props.dropdownOffsetDistance, dropdownOffsetDistance = _props_dropdownOffsetDistance === void 0 ? 0 : _props_dropdownOffsetDistance, _props_dropdownAutoWidth = props.dropdownAutoWidth, dropdownAutoWidth = _props_dropdownAutoWidth === void 0 ? false : _props_dropdownAutoWidth, _props_noMaxHeight = props.noMaxHeight, noMaxHeight = _props_noMaxHeight === void 0 ? false : _props_noMaxHeight, ariaLabelledBy = props['aria-labelledby'], clearButtonTestId = props.clearButtonTestId, nativeSelectTestId = props.nativeSelectTestId, defaultValue = props.defaultValue, required = props.required, getSelectInputRef = props.getSelectInputRef, overscrollBehavior = props.overscrollBehavior, restProps = CustomSelect_object_without_properties(props, [
+    var before = props.before, name = props.name, className = props.className, getRef = props.getRef, getRootRef = props.getRootRef, _props_popupDirection = props.popupDirection, popupDirection = _props_popupDirection === void 0 ? 'bottom' : _props_popupDirection, style = props.style, onChange = props.onChange, children = props.children, onInputChangeProp = props['onInputChange'], renderDropdown = props.renderDropdown, onOpen = props.onOpen, onClose = props.onClose, fetching = props.fetching, forceDropdownPortal = props.forceDropdownPortal, _props_selectType = props.selectType, selectType = _props_selectType === void 0 ? 'default' : _props_selectType, autoHideScrollbar = props.autoHideScrollbar, autoHideScrollbarDelay = props.autoHideScrollbarDelay, _props_searchable = props.searchable, searchable = _props_searchable === void 0 ? false : _props_searchable, tmp = props['renderOption'], renderOptionProp = tmp === void 0 ? defaultRenderOptionFn : tmp, optionsProp = props['options'], _props_emptyText = props.emptyText, emptyText = _props_emptyText === void 0 ? 'Ничего не найдено' : _props_emptyText, _props_filterFn = props.filterFn, filterFn = _props_filterFn === void 0 ? defaultFilterFn : _props_filterFn, iconProp = props['icon'], _props_ClearButton = props.ClearButton, ClearButton = _props_ClearButton === void 0 ? CustomSelectClearButton : _props_ClearButton, _props_allowClearButton = props.allowClearButton, allowClearButton = _props_allowClearButton === void 0 ? false : _props_allowClearButton, _props_dropdownOffsetDistance = props.dropdownOffsetDistance, dropdownOffsetDistance = _props_dropdownOffsetDistance === void 0 ? 0 : _props_dropdownOffsetDistance, _props_dropdownAutoWidth = props.dropdownAutoWidth, dropdownAutoWidth = _props_dropdownAutoWidth === void 0 ? false : _props_dropdownAutoWidth, _props_noMaxHeight = props.noMaxHeight, noMaxHeight = _props_noMaxHeight === void 0 ? false : _props_noMaxHeight, ariaLabelledBy = props['aria-labelledby'], clearButtonTestId = props.clearButtonTestId, nativeSelectTestId = props.nativeSelectTestId, defaultValue = props.defaultValue, required = props.required, getSelectInputRef = props.getSelectInputRef, overscrollBehavior = props.overscrollBehavior, restProps = CustomSelect_object_without_properties(props, [
         "before",
         "name",
         "className",
@@ -41835,7 +42037,7 @@ var filter = function(options, inputValue, filterFn) {
         "style",
         "onChange",
         "children",
-        "onInputChange",
+        'onInputChange',
         "renderDropdown",
         "onOpen",
         "onClose",
@@ -41845,11 +42047,11 @@ var filter = function(options, inputValue, filterFn) {
         "autoHideScrollbar",
         "autoHideScrollbarDelay",
         "searchable",
-        "renderOption",
-        "options",
+        'renderOption',
+        'options',
         "emptyText",
         "filterFn",
-        "icon",
+        'icon',
         "ClearButton",
         "allowClearButton",
         "dropdownOffsetDistance",
@@ -42399,12 +42601,15 @@ var filter = function(options, inputValue, filterFn) {
     };
     var ariaActiveDescendantOptionIndex = focusedOptionIndex !== -1 ? focusedOptionIndex : undefined;
     var ariaActiveDescendantId = ariaActiveDescendantOptionIndex !== undefined ? options[ariaActiveDescendantOptionIndex] && options[ariaActiveDescendantOptionIndex].value : null;
-    var _obj;
-    var selectInputAriaProps = (_obj = {
+    var selectInputAriaProps = {
         'role': 'combobox',
         'aria-controls': popupAriaId,
-        'aria-expanded': opened
-    }, CustomSelect_define_property(_obj, 'aria-activedescendant', ariaActiveDescendantId && opened ? "".concat(popupAriaId, "-").concat(ariaActiveDescendantId) : undefined), CustomSelect_define_property(_obj, 'aria-labelledby', ariaLabelledBy), CustomSelect_define_property(_obj, 'aria-haspopup', 'listbox'), CustomSelect_define_property(_obj, 'aria-autocomplete', 'none'), _obj);
+        'aria-expanded': opened,
+        'aria-activedescendant': ariaActiveDescendantId && opened ? "".concat(popupAriaId, "-").concat(ariaActiveDescendantId) : undefined,
+        'aria-labelledby': ariaLabelledBy,
+        'aria-haspopup': 'listbox',
+        'aria-autocomplete': 'none'
+    };
     return /*#__PURE__*/ React.createElement("div", {
         className: classNames("vkuiCustomSelect", sizeY !== 'regular' && CustomSelect_sizeYClassNames[sizeY], className),
         style: style,
@@ -42613,9 +42818,10 @@ function NativeSelect_unsupported_iterable_to_array(o, minLen) {
 
 
 
-var NativeSelect_sizeYClassNames = NativeSelect_define_property({
-    none: "vkuiSelect--sizeY-none"
-}, 'compact', "vkuiSelect--sizeY-compact");
+var NativeSelect_sizeYClassNames = {
+    none: "vkuiSelect--sizeY-none",
+    compact: "vkuiSelect--sizeY-compact"
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/NativeSelect
  */ var NativeSelect_NativeSelect = function(_param) {
@@ -42745,7 +42951,7 @@ function Select_object_without_properties_loose(source, excluded) {
         "children",
         "className"
     ]);
-    var _props_options = props.options, options = _props_options === void 0 ? [] : _props_options, searchable = props.searchable, emptyText = props.emptyText, onInputChange = props.onInputChange, filterFn = props.filterFn, popupDirection = props.popupDirection, renderOption = props.renderOption, renderDropdown = props.renderDropdown, fetching = props.fetching, onClose = props.onClose, onOpen = props.onOpen, icon = props.icon, ClearButton = props.ClearButton, allowClearButton = props.allowClearButton, clearButtonTestId = props.clearButtonTestId, dropdownOffsetDistance = props.dropdownOffsetDistance, dropdownAutoWidth = props.dropdownAutoWidth, forceDropdownPortal = props.forceDropdownPortal, noMaxHeight = props.noMaxHeight, autoHideScrollbar = props.autoHideScrollbar, autoHideScrollbarDelay = props.autoHideScrollbarDelay, labelTextTestId = props.labelTextTestId, nativeSelectTestId = props.nativeSelectTestId, after = props.after, mode = props.mode, getSelectInputRef = props.getSelectInputRef, overscrollBehavior = props.overscrollBehavior, beforeAlign = props.beforeAlign, afterAlign = props.afterAlign, restProps = Select_object_without_properties(props, [
+    var _props_options = props.options, options = _props_options === void 0 ? [] : _props_options, searchable = props.searchable, emptyText = props.emptyText, onInputChange = props.onInputChange, filterFn = props.filterFn, popupDirection = props.popupDirection, renderOption = props.renderOption, renderDropdown = props.renderDropdown, fetching = props.fetching, onClose = props.onClose, onOpen = props.onOpen, icon = props.icon, ClearButton = props.ClearButton, allowClearButton = props.allowClearButton, clearButtonTestId = props.clearButtonTestId, dropdownOffsetDistance = props.dropdownOffsetDistance, dropdownAutoWidth = props.dropdownAutoWidth, forceDropdownPortal = props.forceDropdownPortal, noMaxHeight = props.noMaxHeight, autoHideScrollbar = props.autoHideScrollbar, autoHideScrollbarDelay = props.autoHideScrollbarDelay, labelTextTestId = props.labelTextTestId, nativeSelectTestId = props.nativeSelectTestId, after = props.after, mode = props.mode, pattern = props.pattern, minLength = props.minLength, maxLength = props.maxLength, readOnly = props.readOnly, getSelectInputRef = props.getSelectInputRef, overscrollBehavior = props.overscrollBehavior, beforeAlign = props.beforeAlign, afterAlign = props.afterAlign, restProps = Select_object_without_properties(props, [
         "options",
         "searchable",
         "emptyText",
@@ -42771,6 +42977,10 @@ function Select_object_without_properties_loose(source, excluded) {
         "nativeSelectTestId",
         "after",
         "mode",
+        "pattern",
+        "minLength",
+        "maxLength",
+        "readOnly",
         "getSelectInputRef",
         "overscrollBehavior",
         "beforeAlign",
@@ -42892,9 +43102,10 @@ function SelectMimicry_object_without_properties_loose(source, excluded) {
 
 
 
-var SelectMimicry_sizeYClassNames = SelectMimicry_define_property({
-    none: "vkuiSelect--sizeY-none"
-}, 'compact', "vkuiSelect--sizeY-compact");
+var SelectMimicry_sizeYClassNames = {
+    none: "vkuiSelect--sizeY-none",
+    compact: "vkuiSelect--sizeY-compact"
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/SelectMimicry
  */ var SelectMimicry = function(_param) {
@@ -43543,9 +43754,10 @@ var _options_;
 
 
 
-var SegmentedControl_sizeYClassNames = SegmentedControl_define_property({
-    none: "vkuiSegmentedControl--sizeY-none"
-}, 'regular', "vkuiSegmentedControl--sizeY-regular");
+var SegmentedControl_sizeYClassNames = {
+    none: "vkuiSegmentedControl--sizeY-none",
+    regular: "vkuiSegmentedControl--sizeY-regular"
+};
 var SegmentedControl_warn = warnOnce('SegmentedControl');
 /**
  * @see https://vkcom.github.io/VKUI/#/SegmentedControl
@@ -44066,7 +44278,7 @@ function CalendarDay_object_without_properties_loose(source, excluded) {
 
 
 var CalendarDay_CalendarDay = /*#__PURE__*/ react.memo(function(_param) {
-    var day = _param.day, today = _param.today, selected = _param.selected, onChange = _param.onChange, hidden = _param.hidden, disabled = _param.disabled, active = _param.active, selectionStart = _param.selectionStart, selectionEnd = _param.selectionEnd, focused = _param.focused, onEnter = _param.onEnter, onLeave = _param.onLeave, hinted = _param.hinted, hintedSelectionStart = _param.hintedSelectionStart, hintedSelectionEnd = _param.hintedSelectionEnd, sameMonth = _param.sameMonth, size = _param.size, className = _param.className, children = _param.children, restProps = CalendarDay_object_without_properties(_param, [
+    var day = _param.day, today = _param.today, selected = _param.selected, onChange = _param.onChange, hidden = _param.hidden, disabled = _param.disabled, active = _param.active, selectionStart = _param.selectionStart, selectionEnd = _param.selectionEnd, focused = _param.focused, onEnter = _param.onEnter, onLeave = _param.onLeave, hinted = _param.hinted, hintedSelectionStart = _param.hintedSelectionStart, hintedSelectionEnd = _param.hintedSelectionEnd, sameMonth = _param.sameMonth, size = _param.size, className = _param.className, children = _param.children, renderDayContent = _param.renderDayContent, restProps = CalendarDay_object_without_properties(_param, [
         "day",
         "today",
         "selected",
@@ -44085,7 +44297,8 @@ var CalendarDay_CalendarDay = /*#__PURE__*/ react.memo(function(_param) {
         "sameMonth",
         "size",
         "className",
-        "children"
+        "children",
+        "renderDayContent"
     ]);
     var locale = ConfigProviderContext_useConfigProvider().locale;
     var ref = react.useRef(null);
@@ -44123,6 +44336,21 @@ var CalendarDay_CalendarDay = /*#__PURE__*/ react.memo(function(_param) {
     }, [
         focused
     ]);
+    var content = react.useMemo(function() {
+        if (renderDayContent) {
+            return renderDayContent(day);
+        }
+        return /*#__PURE__*/ react.createElement("div", {
+            className: "vkuiCalendarDay__day-number"
+        }, /*#__PURE__*/ react.createElement(VisuallyHidden_VisuallyHidden, null, children !== null && children !== void 0 ? children : label), /*#__PURE__*/ react.createElement("span", {
+            "aria-hidden": true
+        }, day.getDate()));
+    }, [
+        renderDayContent,
+        day,
+        children,
+        label
+    ]);
     if (hidden) {
         return /*#__PURE__*/ react.createElement("div", {
             className: "vkuiCalendarDay__hidden"
@@ -44143,11 +44371,7 @@ var CalendarDay_CalendarDay = /*#__PURE__*/ react.memo(function(_param) {
         className: clsx("vkuiCalendarDay__hinted", hinted && "vkuiCalendarDay__hinted--active", hintedSelectionStart && "vkuiCalendarDay__hinted--selection-start", hintedSelectionEnd && "vkuiCalendarDay__hinted--selection-end")
     }, /*#__PURE__*/ react.createElement("div", {
         className: clsx("vkuiCalendarDay__inner", active && !disabled && "vkuiCalendarDay__inner--active")
-    }, /*#__PURE__*/ react.createElement("div", {
-        className: "vkuiCalendarDay__day-number"
-    }, /*#__PURE__*/ react.createElement(VisuallyHidden_VisuallyHidden, null, children !== null && children !== void 0 ? children : label), /*#__PURE__*/ react.createElement("span", {
-        "aria-hidden": true
-    }, day.getDate())))));
+    }, content)));
 });
 CalendarDay_CalendarDay.displayName = 'CalendarDay';
 
@@ -44246,7 +44470,7 @@ function CalendarDays_object_without_properties_loose(source, excluded) {
 
 
 var CalendarDays_CalendarDays = function(_param) {
-    var viewDate = _param.viewDate, value = _param.value, weekStartsOn = _param.weekStartsOn, onDayChange = _param.onDayChange, isDaySelected = _param.isDaySelected, isDayActive = _param.isDayActive, isDaySelectionEnd = _param.isDaySelectionEnd, isDaySelectionStart = _param.isDaySelectionStart, onDayEnter = _param.onDayEnter, onDayLeave = _param.onDayLeave, isDayHinted = _param.isDayHinted, isHintedDaySelectionStart = _param.isHintedDaySelectionStart, isHintedDaySelectionEnd = _param.isHintedDaySelectionEnd, isDayFocused = _param.isDayFocused, isDayDisabled = _param.isDayDisabled, size = _param.size, _param_showNeighboringMonth = _param.showNeighboringMonth, showNeighboringMonth = _param_showNeighboringMonth === void 0 ? false : _param_showNeighboringMonth, dayProps = _param.dayProps, _param_listenDayChangesForUpdate = _param.listenDayChangesForUpdate, listenDayChangesForUpdate = _param_listenDayChangesForUpdate === void 0 ? false : _param_listenDayChangesForUpdate, getRootRef = _param.getRootRef, props = CalendarDays_object_without_properties(_param, [
+    var viewDate = _param.viewDate, value = _param.value, weekStartsOn = _param.weekStartsOn, onDayChange = _param.onDayChange, isDaySelected = _param.isDaySelected, isDayActive = _param.isDayActive, isDaySelectionEnd = _param.isDaySelectionEnd, isDaySelectionStart = _param.isDaySelectionStart, onDayEnter = _param.onDayEnter, onDayLeave = _param.onDayLeave, isDayHinted = _param.isDayHinted, isHintedDaySelectionStart = _param.isHintedDaySelectionStart, isHintedDaySelectionEnd = _param.isHintedDaySelectionEnd, isDayFocused = _param.isDayFocused, isDayDisabled = _param.isDayDisabled, size = _param.size, _param_showNeighboringMonth = _param.showNeighboringMonth, showNeighboringMonth = _param_showNeighboringMonth === void 0 ? false : _param_showNeighboringMonth, dayProps = _param.dayProps, _param_listenDayChangesForUpdate = _param.listenDayChangesForUpdate, listenDayChangesForUpdate = _param_listenDayChangesForUpdate === void 0 ? false : _param_listenDayChangesForUpdate, getRootRef = _param.getRootRef, renderDayContent = _param.renderDayContent, props = CalendarDays_object_without_properties(_param, [
         "viewDate",
         "value",
         "weekStartsOn",
@@ -44266,7 +44490,8 @@ var CalendarDays_CalendarDays = function(_param) {
         "showNeighboringMonth",
         "dayProps",
         "listenDayChangesForUpdate",
-        "getRootRef"
+        "getRootRef",
+        "renderDayContent"
     ]);
     var locale = useConfigProvider().locale;
     var ref = useExternRef(getRootRef);
@@ -44326,7 +44551,8 @@ var CalendarDays_CalendarDays = function(_param) {
                 onLeave: onDayLeave,
                 hinted: isDayHinted === null || isDayHinted === void 0 ? void 0 : isDayHinted(day),
                 sameMonth: sameMonth,
-                size: size
+                size: size,
+                renderDayContent: renderDayContent
             }, dayProps));
         }));
     }));
@@ -44839,7 +45065,7 @@ var Calendar_warn = warnOnce('Calendar');
 /**
  * @see https://vkcom.github.io/VKUI/#/Calendar
  */ var Calendar_Calendar = function(_param) {
-    var value = _param.value, onChange = _param.onChange, disablePast = _param.disablePast, disableFuture = _param.disableFuture, shouldDisableDate = _param.shouldDisableDate, onClose = _param.onClose, _param_enableTime = _param.enableTime, enableTime = _param_enableTime === void 0 ? false : _param_enableTime, doneButtonText = _param.doneButtonText, _param_weekStartsOn = _param.weekStartsOn, weekStartsOn = _param_weekStartsOn === void 0 ? 1 : _param_weekStartsOn, disablePickers = _param.disablePickers, _param_changeHoursLabel = _param.changeHoursLabel, changeHoursLabel = _param_changeHoursLabel === void 0 ? 'Изменить час' : _param_changeHoursLabel, _param_changeMinutesLabel = _param.changeMinutesLabel, changeMinutesLabel = _param_changeMinutesLabel === void 0 ? 'Изменить минуту' : _param_changeMinutesLabel, _param_prevMonthLabel = _param.prevMonthLabel, prevMonthLabel = _param_prevMonthLabel === void 0 ? 'Предыдущий месяц' : _param_prevMonthLabel, _param_nextMonthLabel = _param.nextMonthLabel, nextMonthLabel = _param_nextMonthLabel === void 0 ? 'Следующий месяц' : _param_nextMonthLabel, _param_changeMonthLabel = _param.changeMonthLabel, changeMonthLabel = _param_changeMonthLabel === void 0 ? 'Изменить месяц' : _param_changeMonthLabel, _param_changeYearLabel = _param.changeYearLabel, changeYearLabel = _param_changeYearLabel === void 0 ? 'Изменить год' : _param_changeYearLabel, showNeighboringMonth = _param.showNeighboringMonth, _param_changeDayLabel = _param.changeDayLabel, changeDayLabel = _param_changeDayLabel === void 0 ? 'Изменить день' : _param_changeDayLabel, _param_size = _param.size, size = _param_size === void 0 ? 'm' : _param_size, externalViewDate = _param.viewDate, onHeaderChange = _param.onHeaderChange, onNextMonth = _param.onNextMonth, onPrevMonth = _param.onPrevMonth, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, prevMonthProps = _param.prevMonthProps, nextMonthProps = _param.nextMonthProps, dayProps = _param.dayProps, listenDayChangesForUpdate = _param.listenDayChangesForUpdate, minDateTime = _param.minDateTime, maxDateTime = _param.maxDateTime, props = Calendar_object_without_properties(_param, [
+    var value = _param.value, onChange = _param.onChange, disablePast = _param.disablePast, disableFuture = _param.disableFuture, shouldDisableDate = _param.shouldDisableDate, onClose = _param.onClose, _param_enableTime = _param.enableTime, enableTime = _param_enableTime === void 0 ? false : _param_enableTime, doneButtonText = _param.doneButtonText, _param_weekStartsOn = _param.weekStartsOn, weekStartsOn = _param_weekStartsOn === void 0 ? 1 : _param_weekStartsOn, disablePickers = _param.disablePickers, _param_changeHoursLabel = _param.changeHoursLabel, changeHoursLabel = _param_changeHoursLabel === void 0 ? 'Изменить час' : _param_changeHoursLabel, _param_changeMinutesLabel = _param.changeMinutesLabel, changeMinutesLabel = _param_changeMinutesLabel === void 0 ? 'Изменить минуту' : _param_changeMinutesLabel, _param_prevMonthLabel = _param.prevMonthLabel, prevMonthLabel = _param_prevMonthLabel === void 0 ? 'Предыдущий месяц' : _param_prevMonthLabel, _param_nextMonthLabel = _param.nextMonthLabel, nextMonthLabel = _param_nextMonthLabel === void 0 ? 'Следующий месяц' : _param_nextMonthLabel, _param_changeMonthLabel = _param.changeMonthLabel, changeMonthLabel = _param_changeMonthLabel === void 0 ? 'Изменить месяц' : _param_changeMonthLabel, _param_changeYearLabel = _param.changeYearLabel, changeYearLabel = _param_changeYearLabel === void 0 ? 'Изменить год' : _param_changeYearLabel, showNeighboringMonth = _param.showNeighboringMonth, _param_changeDayLabel = _param.changeDayLabel, changeDayLabel = _param_changeDayLabel === void 0 ? 'Изменить день' : _param_changeDayLabel, _param_size = _param.size, size = _param_size === void 0 ? 'm' : _param_size, externalViewDate = _param.viewDate, onHeaderChange = _param.onHeaderChange, onNextMonth = _param.onNextMonth, onPrevMonth = _param.onPrevMonth, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, prevMonthProps = _param.prevMonthProps, nextMonthProps = _param.nextMonthProps, dayProps = _param.dayProps, listenDayChangesForUpdate = _param.listenDayChangesForUpdate, renderDayContent = _param.renderDayContent, minDateTime = _param.minDateTime, maxDateTime = _param.maxDateTime, props = Calendar_object_without_properties(_param, [
         "value",
         "onChange",
         "disablePast",
@@ -44869,6 +45095,7 @@ var Calendar_warn = warnOnce('Calendar');
         "nextMonthProps",
         "dayProps",
         "listenDayChangesForUpdate",
+        "renderDayContent",
         "minDateTime",
         "maxDateTime"
     ]);
@@ -44969,7 +45196,8 @@ var Calendar_warn = warnOnce('Calendar');
         showNeighboringMonth: showNeighboringMonth,
         size: size,
         dayProps: dayProps,
-        listenDayChangesForUpdate: listenDayChangesForUpdate
+        listenDayChangesForUpdate: listenDayChangesForUpdate,
+        renderDayContent: renderDayContent
     }), enableTime && value && size !== 's' && /*#__PURE__*/ React.createElement("div", {
         className: "vkuiCalendar__time"
     }, /*#__PURE__*/ React.createElement(CalendarTime, {
@@ -45132,7 +45360,7 @@ var getIsDaySelected = function(day, value) {
 /**
  * @see https://vkcom.github.io/VKUI/#/CalendarRange
  */ var CalendarRange_CalendarRange = function(_param) {
-    var value = _param.value, onChange = _param.onChange, disablePast = _param.disablePast, disableFuture = _param.disableFuture, shouldDisableDate = _param.shouldDisableDate, onClose = _param.onClose, _param_weekStartsOn = _param.weekStartsOn, weekStartsOn = _param_weekStartsOn === void 0 ? 1 : _param_weekStartsOn, disablePickers = _param.disablePickers, _param_prevMonthLabel = _param.prevMonthLabel, prevMonthLabel = _param_prevMonthLabel === void 0 ? 'Предыдущий месяц' : _param_prevMonthLabel, _param_nextMonthLabel = _param.nextMonthLabel, nextMonthLabel = _param_nextMonthLabel === void 0 ? 'Следующий месяц' : _param_nextMonthLabel, _param_changeMonthLabel = _param.changeMonthLabel, changeMonthLabel = _param_changeMonthLabel === void 0 ? 'Изменить месяц' : _param_changeMonthLabel, _param_changeYearLabel = _param.changeYearLabel, changeYearLabel = _param_changeYearLabel === void 0 ? 'Изменить год' : _param_changeYearLabel, _param_changeDayLabel = _param.changeDayLabel, changeDayLabel = _param_changeDayLabel === void 0 ? 'Изменить день' : _param_changeDayLabel, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, listenDayChangesForUpdate = _param.listenDayChangesForUpdate, props = CalendarRange_object_without_properties(_param, [
+    var value = _param.value, onChange = _param.onChange, disablePast = _param.disablePast, disableFuture = _param.disableFuture, shouldDisableDate = _param.shouldDisableDate, onClose = _param.onClose, _param_weekStartsOn = _param.weekStartsOn, weekStartsOn = _param_weekStartsOn === void 0 ? 1 : _param_weekStartsOn, disablePickers = _param.disablePickers, _param_prevMonthLabel = _param.prevMonthLabel, prevMonthLabel = _param_prevMonthLabel === void 0 ? 'Предыдущий месяц' : _param_prevMonthLabel, _param_nextMonthLabel = _param.nextMonthLabel, nextMonthLabel = _param_nextMonthLabel === void 0 ? 'Следующий месяц' : _param_nextMonthLabel, _param_changeMonthLabel = _param.changeMonthLabel, changeMonthLabel = _param_changeMonthLabel === void 0 ? 'Изменить месяц' : _param_changeMonthLabel, _param_changeYearLabel = _param.changeYearLabel, changeYearLabel = _param_changeYearLabel === void 0 ? 'Изменить год' : _param_changeYearLabel, _param_changeDayLabel = _param.changeDayLabel, changeDayLabel = _param_changeDayLabel === void 0 ? 'Изменить день' : _param_changeDayLabel, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, listenDayChangesForUpdate = _param.listenDayChangesForUpdate, renderDayContent = _param.renderDayContent, props = CalendarRange_object_without_properties(_param, [
         "value",
         "onChange",
         "disablePast",
@@ -45148,7 +45376,8 @@ var getIsDaySelected = function(day, value) {
         "changeDayLabel",
         "prevMonthIcon",
         "nextMonthIcon",
-        "listenDayChangesForUpdate"
+        "listenDayChangesForUpdate",
+        "renderDayContent"
     ]);
     var _useCalendar = useCalendar({
         value: value,
@@ -45302,6 +45531,7 @@ var getIsDaySelected = function(day, value) {
         isHintedDaySelectionStart: isHintedDaySelectionStart,
         isDayDisabled: isDayDisabled,
         listenDayChangesForUpdate: listenDayChangesForUpdate,
+        renderDayContent: renderDayContent,
         "aria-label": changeDayLabel
     })), /*#__PURE__*/ React.createElement("div", {
         className: "vkuiCalendarRange__inner"
@@ -45338,6 +45568,7 @@ var getIsDaySelected = function(day, value) {
         isHintedDaySelectionStart: isHintedDaySelectionStart,
         isDayDisabled: isDayDisabled,
         listenDayChangesForUpdate: listenDayChangesForUpdate,
+        renderDayContent: renderDayContent,
         tabIndex: 0,
         onBlur: resetSelectedDay
     })));
@@ -46003,9 +46234,10 @@ function DateInput_object_without_properties_loose(source, excluded) {
 
  // Reorder css
 
-var DateInput_sizeYClassNames = DateInput_define_property({
-    none: "vkuiDateInput--sizeY-none"
-}, 'compact', "vkuiDateInput--sizeY-compact");
+var DateInput_sizeYClassNames = {
+    none: "vkuiDateInput--sizeY-none",
+    compact: "vkuiDateInput--sizeY-compact"
+};
 var elementsConfig = function(index) {
     var length = 2;
     var min = 1;
@@ -46055,7 +46287,7 @@ var getInternalValue = function(value) {
 /**
  * @see https://vkcom.github.io/VKUI/#/DateInput
  */ var DateInput = function(_param) {
-    var enableTime = _param.enableTime, shouldDisableDate = _param.shouldDisableDate, disableFuture = _param.disableFuture, disablePast = _param.disablePast, minDateTime = _param.minDateTime, maxDateTime = _param.maxDateTime, value = _param.value, onChange = _param.onChange, _param_calendarPlacement = _param.calendarPlacement, calendarPlacement = _param_calendarPlacement === void 0 ? 'bottom-start' : _param_calendarPlacement, style = _param.style, className = _param.className, doneButtonText = _param.doneButtonText, _param_closeOnChange = _param.closeOnChange, closeOnChange = _param_closeOnChange === void 0 ? true : _param_closeOnChange, disablePickers = _param.disablePickers, getRootRef = _param.getRootRef, name = _param.name, autoFocus = _param.autoFocus, disabled = _param.disabled, onClick = _param.onClick, onFocus = _param.onFocus, _param_prevMonthLabel = _param.prevMonthLabel, prevMonthLabel = _param_prevMonthLabel === void 0 ? 'Предыдущий месяц' : _param_prevMonthLabel, _param_nextMonthLabel = _param.nextMonthLabel, nextMonthLabel = _param_nextMonthLabel === void 0 ? 'Следующий месяц' : _param_nextMonthLabel, showNeighboringMonth = _param.showNeighboringMonth, size = _param.size, _param_changeMonthLabel = _param.changeMonthLabel, changeMonthLabel = _param_changeMonthLabel === void 0 ? 'Изменить месяц' : _param_changeMonthLabel, _param_changeYearLabel = _param.changeYearLabel, changeYearLabel = _param_changeYearLabel === void 0 ? 'Изменить год' : _param_changeYearLabel, _param_changeDayLabel = _param.changeDayLabel, changeDayLabel = _param_changeDayLabel === void 0 ? 'Изменить день' : _param_changeDayLabel, _param_changeHoursLabel = _param.changeHoursLabel, changeHoursLabel = _param_changeHoursLabel === void 0 ? 'Изменить час' : _param_changeHoursLabel, _param_changeMinutesLabel = _param.changeMinutesLabel, changeMinutesLabel = _param_changeMinutesLabel === void 0 ? 'Изменить минуту' : _param_changeMinutesLabel, _param_clearFieldLabel = _param.clearFieldLabel, clearFieldLabel = _param_clearFieldLabel === void 0 ? 'Очистить поле' : _param_clearFieldLabel, _param_showCalendarLabel = _param.showCalendarLabel, showCalendarLabel = _param_showCalendarLabel === void 0 ? 'Показать календарь' : _param_showCalendarLabel, viewDate = _param.viewDate, onHeaderChange = _param.onHeaderChange, onNextMonth = _param.onNextMonth, onPrevMonth = _param.onPrevMonth, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, _param_disableCalendar = _param.disableCalendar, disableCalendar = _param_disableCalendar === void 0 ? false : _param_disableCalendar, props = DateInput_object_without_properties(_param, [
+    var enableTime = _param.enableTime, shouldDisableDate = _param.shouldDisableDate, disableFuture = _param.disableFuture, disablePast = _param.disablePast, minDateTime = _param.minDateTime, maxDateTime = _param.maxDateTime, value = _param.value, onChange = _param.onChange, _param_calendarPlacement = _param.calendarPlacement, calendarPlacement = _param_calendarPlacement === void 0 ? 'bottom-start' : _param_calendarPlacement, style = _param.style, className = _param.className, doneButtonText = _param.doneButtonText, _param_closeOnChange = _param.closeOnChange, closeOnChange = _param_closeOnChange === void 0 ? true : _param_closeOnChange, disablePickers = _param.disablePickers, getRootRef = _param.getRootRef, name = _param.name, autoFocus = _param.autoFocus, disabled = _param.disabled, onClick = _param.onClick, onFocus = _param.onFocus, _param_prevMonthLabel = _param.prevMonthLabel, prevMonthLabel = _param_prevMonthLabel === void 0 ? 'Предыдущий месяц' : _param_prevMonthLabel, _param_nextMonthLabel = _param.nextMonthLabel, nextMonthLabel = _param_nextMonthLabel === void 0 ? 'Следующий месяц' : _param_nextMonthLabel, showNeighboringMonth = _param.showNeighboringMonth, size = _param.size, _param_changeMonthLabel = _param.changeMonthLabel, changeMonthLabel = _param_changeMonthLabel === void 0 ? 'Изменить месяц' : _param_changeMonthLabel, _param_changeYearLabel = _param.changeYearLabel, changeYearLabel = _param_changeYearLabel === void 0 ? 'Изменить год' : _param_changeYearLabel, _param_changeDayLabel = _param.changeDayLabel, changeDayLabel = _param_changeDayLabel === void 0 ? 'Изменить день' : _param_changeDayLabel, _param_changeHoursLabel = _param.changeHoursLabel, changeHoursLabel = _param_changeHoursLabel === void 0 ? 'Изменить час' : _param_changeHoursLabel, _param_changeMinutesLabel = _param.changeMinutesLabel, changeMinutesLabel = _param_changeMinutesLabel === void 0 ? 'Изменить минуту' : _param_changeMinutesLabel, _param_clearFieldLabel = _param.clearFieldLabel, clearFieldLabel = _param_clearFieldLabel === void 0 ? 'Очистить поле' : _param_clearFieldLabel, _param_showCalendarLabel = _param.showCalendarLabel, showCalendarLabel = _param_showCalendarLabel === void 0 ? 'Показать календарь' : _param_showCalendarLabel, viewDate = _param.viewDate, onHeaderChange = _param.onHeaderChange, onNextMonth = _param.onNextMonth, onPrevMonth = _param.onPrevMonth, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, _param_disableCalendar = _param.disableCalendar, disableCalendar = _param_disableCalendar === void 0 ? false : _param_disableCalendar, renderDayContent = _param.renderDayContent, props = DateInput_object_without_properties(_param, [
         "enableTime",
         "shouldDisableDate",
         "disableFuture",
@@ -46093,7 +46325,8 @@ var getInternalValue = function(value) {
         "onPrevMonth",
         "prevMonthIcon",
         "nextMonthIcon",
-        "disableCalendar"
+        "disableCalendar",
+        "renderDayContent"
     ]);
     var daysRef = React.useRef(null);
     var monthsRef = React.useRef(null);
@@ -46249,6 +46482,7 @@ var getInternalValue = function(value) {
         changeYearLabel: changeYearLabel,
         changeDayLabel: changeDayLabel,
         showNeighboringMonth: showNeighboringMonth,
+        renderDayContent: renderDayContent,
         size: size,
         viewDate: viewDate,
         onHeaderChange: onHeaderChange,
@@ -46339,9 +46573,10 @@ function DateRangeInput_object_without_properties_loose(source, excluded) {
 
 
 
-var DateRangeInput_sizeYClassNames = DateRangeInput_define_property({
-    none: "vkuiDateRangeInput--sizeY-none"
-}, 'compact', "vkuiDateRangeInput--sizeY-compact");
+var DateRangeInput_sizeYClassNames = {
+    none: "vkuiDateRangeInput--sizeY-none",
+    compact: "vkuiDateRangeInput--sizeY-compact"
+};
 var DateRangeInput_elementsConfig = function(index) {
     var length = 2;
     var min = 1;
@@ -46392,7 +46627,7 @@ var DateRangeInput_getInternalValue = function(value) {
 /**
  * @see https://vkcom.github.io/VKUI/#/DateRangeInput
  */ var DateRangeInput = function(_param) {
-    var shouldDisableDate = _param.shouldDisableDate, disableFuture = _param.disableFuture, disablePast = _param.disablePast, value = _param.value, onChange = _param.onChange, _param_calendarPlacement = _param.calendarPlacement, calendarPlacement = _param_calendarPlacement === void 0 ? 'bottom-start' : _param_calendarPlacement, style = _param.style, className = _param.className, _param_closeOnChange = _param.closeOnChange, closeOnChange = _param_closeOnChange === void 0 ? true : _param_closeOnChange, disablePickers = _param.disablePickers, getRootRef = _param.getRootRef, name = _param.name, autoFocus = _param.autoFocus, disabled = _param.disabled, onClick = _param.onClick, onFocus = _param.onFocus, _param_prevMonthLabel = _param.prevMonthLabel, prevMonthLabel = _param_prevMonthLabel === void 0 ? 'Предыдущий месяц' : _param_prevMonthLabel, _param_nextMonthLabel = _param.nextMonthLabel, nextMonthLabel = _param_nextMonthLabel === void 0 ? 'Следующий месяц' : _param_nextMonthLabel, _param_changeDayLabel = _param.changeDayLabel, changeDayLabel = _param_changeDayLabel === void 0 ? 'Изменить день' : _param_changeDayLabel, _param_changeMonthLabel = _param.changeMonthLabel, changeMonthLabel = _param_changeMonthLabel === void 0 ? 'Изменить месяц' : _param_changeMonthLabel, _param_changeYearLabel = _param.changeYearLabel, changeYearLabel = _param_changeYearLabel === void 0 ? 'Изменить год' : _param_changeYearLabel, _param_changeStartDayLabel = _param.changeStartDayLabel, changeStartDayLabel = _param_changeStartDayLabel === void 0 ? 'Изменить день начала' : _param_changeStartDayLabel, _param_changeStartMonthLabel = _param.changeStartMonthLabel, changeStartMonthLabel = _param_changeStartMonthLabel === void 0 ? 'Изменить месяц начала' : _param_changeStartMonthLabel, _param_changeStartYearLabel = _param.changeStartYearLabel, changeStartYearLabel = _param_changeStartYearLabel === void 0 ? 'Изменить год начала' : _param_changeStartYearLabel, _param_changeEndDayLabel = _param.changeEndDayLabel, changeEndDayLabel = _param_changeEndDayLabel === void 0 ? 'Изменить день окончания' : _param_changeEndDayLabel, _param_changeEndMonthLabel = _param.changeEndMonthLabel, changeEndMonthLabel = _param_changeEndMonthLabel === void 0 ? 'Изменить месяц окончания' : _param_changeEndMonthLabel, _param_changeEndYearLabel = _param.changeEndYearLabel, changeEndYearLabel = _param_changeEndYearLabel === void 0 ? 'Изменить год окончания' : _param_changeEndYearLabel, _param_clearFieldLabel = _param.clearFieldLabel, clearFieldLabel = _param_clearFieldLabel === void 0 ? 'Очистить поле' : _param_clearFieldLabel, _param_showCalendarLabel = _param.showCalendarLabel, showCalendarLabel = _param_showCalendarLabel === void 0 ? 'Показать календарь' : _param_showCalendarLabel, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, _param_disableCalendar = _param.disableCalendar, disableCalendar = _param_disableCalendar === void 0 ? false : _param_disableCalendar, props = DateRangeInput_object_without_properties(_param, [
+    var shouldDisableDate = _param.shouldDisableDate, disableFuture = _param.disableFuture, disablePast = _param.disablePast, value = _param.value, onChange = _param.onChange, _param_calendarPlacement = _param.calendarPlacement, calendarPlacement = _param_calendarPlacement === void 0 ? 'bottom-start' : _param_calendarPlacement, style = _param.style, className = _param.className, _param_closeOnChange = _param.closeOnChange, closeOnChange = _param_closeOnChange === void 0 ? true : _param_closeOnChange, disablePickers = _param.disablePickers, getRootRef = _param.getRootRef, name = _param.name, autoFocus = _param.autoFocus, disabled = _param.disabled, onClick = _param.onClick, onFocus = _param.onFocus, _param_prevMonthLabel = _param.prevMonthLabel, prevMonthLabel = _param_prevMonthLabel === void 0 ? 'Предыдущий месяц' : _param_prevMonthLabel, _param_nextMonthLabel = _param.nextMonthLabel, nextMonthLabel = _param_nextMonthLabel === void 0 ? 'Следующий месяц' : _param_nextMonthLabel, _param_changeDayLabel = _param.changeDayLabel, changeDayLabel = _param_changeDayLabel === void 0 ? 'Изменить день' : _param_changeDayLabel, _param_changeMonthLabel = _param.changeMonthLabel, changeMonthLabel = _param_changeMonthLabel === void 0 ? 'Изменить месяц' : _param_changeMonthLabel, _param_changeYearLabel = _param.changeYearLabel, changeYearLabel = _param_changeYearLabel === void 0 ? 'Изменить год' : _param_changeYearLabel, _param_changeStartDayLabel = _param.changeStartDayLabel, changeStartDayLabel = _param_changeStartDayLabel === void 0 ? 'Изменить день начала' : _param_changeStartDayLabel, _param_changeStartMonthLabel = _param.changeStartMonthLabel, changeStartMonthLabel = _param_changeStartMonthLabel === void 0 ? 'Изменить месяц начала' : _param_changeStartMonthLabel, _param_changeStartYearLabel = _param.changeStartYearLabel, changeStartYearLabel = _param_changeStartYearLabel === void 0 ? 'Изменить год начала' : _param_changeStartYearLabel, _param_changeEndDayLabel = _param.changeEndDayLabel, changeEndDayLabel = _param_changeEndDayLabel === void 0 ? 'Изменить день окончания' : _param_changeEndDayLabel, _param_changeEndMonthLabel = _param.changeEndMonthLabel, changeEndMonthLabel = _param_changeEndMonthLabel === void 0 ? 'Изменить месяц окончания' : _param_changeEndMonthLabel, _param_changeEndYearLabel = _param.changeEndYearLabel, changeEndYearLabel = _param_changeEndYearLabel === void 0 ? 'Изменить год окончания' : _param_changeEndYearLabel, _param_clearFieldLabel = _param.clearFieldLabel, clearFieldLabel = _param_clearFieldLabel === void 0 ? 'Очистить поле' : _param_clearFieldLabel, _param_showCalendarLabel = _param.showCalendarLabel, showCalendarLabel = _param_showCalendarLabel === void 0 ? 'Показать календарь' : _param_showCalendarLabel, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, _param_disableCalendar = _param.disableCalendar, disableCalendar = _param_disableCalendar === void 0 ? false : _param_disableCalendar, renderDayContent = _param.renderDayContent, props = DateRangeInput_object_without_properties(_param, [
         "shouldDisableDate",
         "disableFuture",
         "disablePast",
@@ -46424,7 +46659,8 @@ var DateRangeInput_getInternalValue = function(value) {
         "showCalendarLabel",
         "prevMonthIcon",
         "nextMonthIcon",
-        "disableCalendar"
+        "disableCalendar",
+        "renderDayContent"
     ]);
     var daysStartRef = React.useRef(null);
     var monthsStartRef = React.useRef(null);
@@ -46594,7 +46830,8 @@ var DateRangeInput_getInternalValue = function(value) {
         changeYearLabel: changeYearLabel,
         changeDayLabel: changeDayLabel,
         prevMonthIcon: prevMonthIcon,
-        nextMonthIcon: nextMonthIcon
+        nextMonthIcon: nextMonthIcon,
+        renderDayContent: renderDayContent
     })));
 };
 
@@ -46602,6 +46839,14 @@ var DateRangeInput_getInternalValue = function(value) {
 // extracted by mini-css-extract-plugin
 
 ;// CONCATENATED MODULE: ./src/components/Skeleton/Skeleton.tsx
+function Skeleton_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 Skeleton_array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
 function Skeleton_define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -46615,6 +46860,33 @@ function Skeleton_define_property(obj, key, value) {
     }
     return obj;
 }
+function Skeleton_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 Skeleton_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 Skeleton_object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -46657,10 +46929,101 @@ function Skeleton_object_without_properties_loose(source, excluded) {
     }
     return target;
 }
+function Skeleton_sliced_to_array(arr, i) {
+    return Skeleton_array_with_holes(arr) || Skeleton_iterable_to_array_limit(arr, i) || Skeleton_unsupported_iterable_to_array(arr, i) || Skeleton_non_iterable_rest();
+}
+function Skeleton_unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return Skeleton_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 Skeleton_array_like_to_array(o, minLen);
+}
 
 
 
 
+
+
+
+
+
+var CUSTOM_PROPERTY_GRADIENT_LEFT = '--vkui_internal--skeleton_gradient_left';
+/**
+ * Синхронизирует анимацию скелетонов с помощью временных отрезков
+ *
+ * ## visibilitychange
+ *
+ * В синхронизацию не заложен механизм перехода на оптимизации браузеров при
+ * переходе на другую вкладку, поскольку нет уверенности в реальности таких
+ * кейсов со скелетонами. Если такой кейс принесут, необходимо обработать
+ * событие `visibilitychange` используя функцию `syncAnimation`
+ *
+ * https://developer.chrome.com/blog/page-lifecycle-api/
+ *
+ * @param duration длительность анимации в секундах
+ */ function useSkeletonSyncAnimation(disableAnimation) {
+    var duration = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1.5;
+    var _React_useState = Skeleton_sliced_to_array(React.useState(false), 2), isAnimationStarted = _React_useState[0], setIsAnimationStarted = _React_useState[1];
+    var timer = React.useRef(undefined);
+    var syncAnimation = React.useCallback(function() {
+        clearTimeout(timer.current);
+        setIsAnimationStarted(false);
+        var durationInMilliseconds = duration * millisecondsInSecond;
+        var delay = durationInMilliseconds - performance.now() % durationInMilliseconds;
+        timer.current = setTimeout(function() {
+            return setIsAnimationStarted(true);
+        }, delay);
+        return function() {
+            return clearTimeout(timer.current);
+        };
+    }, [
+        duration
+    ]);
+    React.useEffect(function() {
+        if (disableAnimation) {
+            setIsAnimationStarted(false);
+            return;
+        }
+        if (isAnimationStarted) {
+            return;
+        }
+        return syncAnimation();
+    }, [
+        disableAnimation,
+        isAnimationStarted,
+        syncAnimation
+    ]);
+    return isAnimationStarted;
+}
+/**
+ * Вычисляет позицию скелетона
+ */ function useSkeletonPosition(rootRef) {
+    var _useDOM = useDOM(), document = _useDOM.document, window = _useDOM.window;
+    var _React_useState = Skeleton_sliced_to_array(React.useState('0'), 2), skeletonGradientLeft = _React_useState[0], setSkeletonGradientLeft = _React_useState[1];
+    var prevSkeletonGradientLeft = usePrevious(skeletonGradientLeft);
+    var updatePosition = React.useCallback(function() {
+        var el = rootRef.current;
+        if (!el || !document) {
+            return;
+        }
+        var value = -(el.getBoundingClientRect().left - document.body.getBoundingClientRect().left);
+        var gradientValue = value === 0 ? '0' : "".concat(value, "px");
+        if (prevSkeletonGradientLeft !== gradientValue) {
+            setSkeletonGradientLeft(gradientValue);
+        }
+    }, [
+        document,
+        prevSkeletonGradientLeft,
+        rootRef
+    ]);
+    React.useEffect(updatePosition, [
+        updatePosition
+    ]);
+    useGlobalEventListener(window, 'resize', updatePosition);
+    return skeletonGradientLeft;
+}
 /**
  * > Старайтесь минимизировать количество заглушек на экране. Не каждый элемент
  * > на экране должен заменяться заглушкой.
@@ -46672,7 +47035,7 @@ function Skeleton_object_without_properties_loose(source, excluded) {
  *
  * @since 6.1.0
  */ var Skeleton = function(_param) {
-    var width = _param.width, height = _param.height, inlineSize = _param.inlineSize, blockSize = _param.blockSize, maxWidth = _param.maxWidth, maxInlineSize = _param.maxInlineSize, borderRadius = _param.borderRadius, style = _param.style, children = _param.children, colorFrom = _param.colorFrom, colorTo = _param.colorTo, noAnimation = _param.noAnimation, duration = _param.duration, margin = _param.margin, restProps = Skeleton_object_without_properties(_param, [
+    var width = _param.width, height = _param.height, inlineSize = _param.inlineSize, blockSize = _param.blockSize, maxWidth = _param.maxWidth, maxInlineSize = _param.maxInlineSize, borderRadius = _param.borderRadius, style = _param.style, children = _param.children, colorFrom = _param.colorFrom, colorTo = _param.colorTo, _param_noAnimation = _param.noAnimation, noAnimation = _param_noAnimation === void 0 ? false : _param_noAnimation, duration = _param.duration, margin = _param.margin, getRootRef = _param.getRootRef, restProps = Skeleton_object_without_properties(_param, [
         "width",
         "height",
         "inlineSize",
@@ -46686,9 +47049,13 @@ function Skeleton_object_without_properties_loose(source, excluded) {
         "colorTo",
         "noAnimation",
         "duration",
-        "margin"
+        "margin",
+        "getRootRef"
     ]);
-    var skeletonStyle = {
+    var rootRef = useExternRef(getRootRef);
+    var disableAnimation = !useSkeletonSyncAnimation(noAnimation, duration);
+    var skeletonGradientLeft = useSkeletonPosition(rootRef);
+    var skeletonStyle = Skeleton_define_property({
         width: width,
         height: height,
         inlineSize: inlineSize,
@@ -46697,7 +47064,7 @@ function Skeleton_object_without_properties_loose(source, excluded) {
         maxInlineSize: maxInlineSize,
         borderRadius: borderRadius,
         margin: margin
-    };
+    }, CUSTOM_PROPERTY_GRADIENT_LEFT, skeletonGradientLeft);
     if (colorFrom) {
         skeletonStyle['--vkui_internal--skeleton_color_from'] = colorFrom;
     }
@@ -46708,8 +47075,9 @@ function Skeleton_object_without_properties_loose(source, excluded) {
         skeletonStyle['--vkui_internal--skeleton_animation_duration'] = "".concat(duration, "s");
     }
     return /*#__PURE__*/ React.createElement(RootComponent, Skeleton_object_spread({
+        getRootRef: rootRef,
         Component: "span",
-        baseClassName: classNames("vkuiSkeleton", noAnimation && "vkuiSkeleton--disableAnimation"),
+        baseClassName: classNames("vkuiSkeleton", disableAnimation && "vkuiSkeleton--disableAnimation"),
         style: Skeleton_object_spread({}, skeletonStyle, style)
     }, restProps), children || /*#__PURE__*/ React.createElement(React.Fragment, null, "‌"));
 };
@@ -47675,6 +48043,10 @@ function ViewInfinite_assert_this_initialized(self) {
     }
     return self;
 }
+function ViewInfinite_call_super(_this, derived, args) {
+    derived = ViewInfinite_get_prototype_of(derived);
+    return ViewInfinite_possible_constructor_return(_this, ViewInfinite_is_native_reflect_construct() ? Reflect.construct(derived, args || [], ViewInfinite_get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
 function ViewInfinite_class_call_check(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
@@ -47827,28 +48199,12 @@ function ViewInfinite_unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return ViewInfinite_array_like_to_array(o, minLen);
 }
 function ViewInfinite_is_native_reflect_construct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
     try {
-        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-        return true;
-    } catch (e) {
-        return false;
-    }
-}
-function ViewInfinite_create_super(Derived) {
-    var hasNativeReflectConstruct = ViewInfinite_is_native_reflect_construct();
-    return function _createSuperInternal() {
-        var Super = ViewInfinite_get_prototype_of(Derived), result;
-        if (hasNativeReflectConstruct) {
-            var NewTarget = ViewInfinite_get_prototype_of(this).constructor;
-            result = Reflect.construct(Super, arguments, NewTarget);
-        } else {
-            result = Super.apply(this, arguments);
-        }
-        return ViewInfinite_possible_constructor_return(this, result);
-    };
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (ViewInfinite_is_native_reflect_construct = function() {
+        return !!result;
+    })();
 }
 
 
@@ -47872,23 +48228,16 @@ var _React_Component;
 var ViewInfiniteComponent = /*#__PURE__*/ function(_superClass) {
     "use strict";
     ViewInfinite_inherits(ViewInfiniteComponent, _superClass);
-    var _super = ViewInfinite_create_super(ViewInfiniteComponent);
     function ViewInfiniteComponent(props) {
         ViewInfinite_class_call_check(this, ViewInfiniteComponent);
         var _this;
-        _this = _super.call(this, props);
-        ViewInfinite_define_property(ViewInfinite_assert_this_initialized(_this), "swipeBackPrevented", false);
-        ViewInfinite_define_property(ViewInfinite_assert_this_initialized(_this), "scrolls", ViewInfinite_scrollsCache[getNavId_getNavId(_this.props, ViewInfinite_warn)] || {});
-        ViewInfinite_define_property(ViewInfinite_assert_this_initialized(_this), "transitionFinishTimeout", undefined);
-        ViewInfinite_define_property(ViewInfinite_assert_this_initialized(_this), "animationFinishTimeout", undefined);
-        ViewInfinite_define_property(ViewInfinite_assert_this_initialized(_this), "panelNodes", {});
-        ViewInfinite_define_property(ViewInfinite_assert_this_initialized(_this), "transitionDisposer", functions_noop);
-        ViewInfinite_define_property(ViewInfinite_assert_this_initialized(_this), "transitionEndHandler", function() {
+        _this = ViewInfinite_call_super(this, ViewInfiniteComponent, [
+            props
+        ]), ViewInfinite_define_property(_this, "swipeBackPrevented", false), ViewInfinite_define_property(_this, "scrolls", ViewInfinite_scrollsCache[getNavId_getNavId(_this.props, ViewInfinite_warn)] || {}), ViewInfinite_define_property(_this, "transitionFinishTimeout", undefined), ViewInfinite_define_property(_this, "animationFinishTimeout", undefined), ViewInfinite_define_property(_this, "panelNodes", {}), ViewInfinite_define_property(_this, "transitionDisposer", functions_noop), ViewInfinite_define_property(_this, "transitionEndHandler", function() {
             if (_this.state.prevPanel !== null) {
                 _this.flushTransition(_this.state.prevPanel, Boolean(_this.state.isBack));
             }
-        });
-        ViewInfinite_define_property(ViewInfinite_assert_this_initialized(_this), "swipingBackTransitionEndHandler", function(e) {
+        }), ViewInfinite_define_property(_this, "swipingBackTransitionEndHandler", function(e) {
             // indexOf because of vendor prefixes in old browsers
             if (!e || e.propertyName.includes('transform') && e.target === _this.pickPanel(_this.state.swipeBackNextPanel)) {
                 switch(_this.state.swipeBackResult){
@@ -47899,8 +48248,7 @@ var ViewInfiniteComponent = /*#__PURE__*/ function(_superClass) {
                         _this.onSwipeBackSuccess();
                 }
             }
-        });
-        ViewInfinite_define_property(ViewInfinite_assert_this_initialized(_this), "handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext", function(event) {
+        }), ViewInfinite_define_property(_this, "handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext", function(event) {
             if (_this.state.browserSwipe) {
                 return;
             }
@@ -47910,8 +48258,7 @@ var ViewInfiniteComponent = /*#__PURE__*/ function(_superClass) {
                     browserSwipe: true
                 });
             }
-        });
-        ViewInfinite_define_property(ViewInfinite_assert_this_initialized(_this), "handleTouchMoveXForIOSSwipeBackSimulation", function(event) {
+        }), ViewInfinite_define_property(_this, "handleTouchMoveXForIOSSwipeBackSimulation", function(event) {
             if (_this.swipeBackPrevented || utils_swipeBackExcluded(event)) {
                 return;
             }
@@ -47970,8 +48317,7 @@ var ViewInfiniteComponent = /*#__PURE__*/ function(_superClass) {
                     });
                 }
             }
-        });
-        ViewInfinite_define_property(ViewInfinite_assert_this_initialized(_this), "handleTouchEndForIOSSwipeBackSimulation", function(event) {
+        }), ViewInfinite_define_property(_this, "handleTouchEndForIOSSwipeBackSimulation", function(event) {
             _this.swipeBackPrevented = false;
             if (_this.state.swipingBack && _this.window) {
                 var speed = _this.state.swipeBackShift / event.duration * 1000;