@alfalab/core-components 45.9.0-beta.3 → 45.10.0

package/typography/modern/title/component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
 import { getDefaultWeight } from './utils.js';
-import { c as colors } from '../colors.module-72b8827b.js';
+import { c as colors } from '../colors.module-d0a78afd.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 

package/typography/modern/title/index.js

@@ -1,13 +1,13 @@
 import React, { forwardRef } from 'react';
 import { TitleBase } from './component.js';
-import { c as commonStyles } from '../common.module-c1b61160.js';
+import { c as commonStyles } from '../common.module-dfaebe18.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-72b8827b.js';
+import '../colors.module-d0a78afd.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_fjykh","styrene-large":"typography__styrene-large_fjykh","styrene-medium":"typography__styrene-medium_fjykh","styrene-small":"typography__styrene-small_fjykh","styrene-xsmall":"typography__styrene-xsmall_fjykh","system-xlarge":"typography__system-xlarge_fjykh","system-large":"typography__system-large_fjykh","system-medium":"typography__system-medium_fjykh","system-small":"typography__system-small_fjykh","system-xsmall":"typography__system-xsmall_fjykh","margins-xlarge":"typography__margins-xlarge_fjykh","margins-large":"typography__margins-large_fjykh","margins-medium":"typography__margins-medium_fjykh","margins-small":"typography__margins-small_fjykh","margins-xsmall":"typography__margins-xsmall_fjykh","rowLimit1":"typography__rowLimit1_fjykh","rowLimit2":"typography__rowLimit2_fjykh","rowLimit3":"typography__rowLimit3_fjykh"};
 require('./index.css');

package/typography/modern/title-mobile/component.js

@@ -1,13 +1,13 @@
 import React, { forwardRef } from 'react';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-c1b61160.js';
+import { c as commonStyles } from '../common.module-dfaebe18.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-72b8827b.js';
+import '../colors.module-d0a78afd.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_mnp9g","styrene-large":"typography__styrene-large_mnp9g","styrene-medium":"typography__styrene-medium_mnp9g","styrene-small":"typography__styrene-small_mnp9g","styrene-xsmall":"typography__styrene-xsmall_mnp9g","system-xlarge":"typography__system-xlarge_mnp9g","system-large":"typography__system-large_mnp9g","system-medium":"typography__system-medium_mnp9g","system-small":"typography__system-small_mnp9g","system-xsmall":"typography__system-xsmall_mnp9g"};
 require('./index.css');

package/typography/modern/title-mobile/index.js

@@ -7,5 +7,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-72b8827b.js';
-import '../common.module-c1b61160.js';
+import '../colors.module-d0a78afd.js';
+import '../common.module-dfaebe18.js';

package/typography/modern/title-responsive/component.js

@@ -1,14 +1,14 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../../mq/modern';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-c1b61160.js';
+import { c as commonStyles } from '../common.module-dfaebe18.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-72b8827b.js';
+import '../colors.module-d0a78afd.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_kl7al","styrene-large":"typography__styrene-large_kl7al","styrene-medium":"typography__styrene-medium_kl7al","styrene-small":"typography__styrene-small_kl7al","styrene-xsmall":"typography__styrene-xsmall_kl7al","system-xlarge":"typography__system-xlarge_kl7al","system-large":"typography__system-large_kl7al","system-medium":"typography__system-medium_kl7al","system-small":"typography__system-small_kl7al","system-xsmall":"typography__system-xsmall_kl7al","margins-xlarge":"typography__margins-xlarge_kl7al","margins-large":"typography__margins-large_kl7al","margins-medium":"typography__margins-medium_kl7al","margins-small":"typography__margins-small_kl7al","margins-xsmall":"typography__margins-xsmall_kl7al"};
 require('./index.css');

package/typography/modern/title-responsive/index.js

@@ -8,5 +8,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-72b8827b.js';
-import '../common.module-c1b61160.js';
+import '../colors.module-d0a78afd.js';
+import '../common.module-dfaebe18.js';

package/typography/text/component.js

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
-var colors_module = require('../colors.module-88b7ff94.js');
+var colors_module = require('../colors.module-48e64b70.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/component.js

@@ -6,7 +6,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
 var title_utils = require('./utils.js');
-var colors_module = require('../colors.module-88b7ff94.js');
+var colors_module = require('../colors.module-48e64b70.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('./component.js');
-var common_module = require('../common.module-d111f361.js');
+var common_module = require('../common.module-bd9f2c95.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title-mobile/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-d111f361.js');
+var common_module = require('../common.module-bd9f2c95.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title-responsive/component.js

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-d111f361.js');
+var common_module = require('../common.module-bd9f2c95.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/universal-date-input/components/date-input/Component.js

@@ -21,8 +21,13 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var isValid__default = /*#__PURE__*/_interopDefaultCompat(isValid);
 
 function getDefaultValue(defaultValue, withTime) {
-    if (defaultValue && isValid__default.default(new Date(defaultValue))) {
-        return utils_index.formatDate(defaultValue, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT);
+    if (defaultValue !== undefined) {
+        if (typeof defaultValue === 'string') {
+            return defaultValue;
+        }
+        if (isValid__default.default(new Date(defaultValue))) {
+            return utils_index.formatDate(defaultValue, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT);
+        }
     }
     return '';
 }
@@ -48,9 +53,14 @@ var DateInput = React.forwardRef(function (_a, ref) {
     }, [autoCorrection, minDate, withTime, isValidValue, inputValue]);
     React.useEffect(function () {
         if (valueProp !== undefined) {
-            setInputValue(valueProp && isValid__default.default(valueProp)
-                ? utils_index.formatDate(valueProp, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT)
-                : '');
+            if (typeof valueProp === 'string') {
+                setInputValue(valueProp);
+            }
+            else {
+                setInputValue(valueProp && isValid__default.default(valueProp)
+                    ? utils_index.formatDate(valueProp, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT)
+                    : '');
+            }
         }
     }, [valueProp, withTime]);
     var getInnerError = function () {

package/universal-date-input/components/date-range-input/Component.js

@@ -110,6 +110,8 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
         onClear === null || onClear === void 0 ? void 0 : onClear(event);
     };
     var handleBlur = function (event) {
+        if (open)
+            return;
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         if (autoCorrection) {
             var dateFilled = utils_index.isCompleteDateRange(inputValue);

package/universal-date-input/cssm/components/date-input/Component.js

@@ -22,8 +22,13 @@ var isValid__default = /*#__PURE__*/_interopDefaultCompat(isValid);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 function getDefaultValue(defaultValue, withTime) {
-    if (defaultValue && isValid__default.default(new Date(defaultValue))) {
-        return utils_index.formatDate(defaultValue, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT);
+    if (defaultValue !== undefined) {
+        if (typeof defaultValue === 'string') {
+            return defaultValue;
+        }
+        if (isValid__default.default(new Date(defaultValue))) {
+            return utils_index.formatDate(defaultValue, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT);
+        }
     }
     return '';
 }
@@ -49,9 +54,14 @@ var DateInput = React.forwardRef(function (_a, ref) {
     }, [autoCorrection, minDate, withTime, isValidValue, inputValue]);
     React.useEffect(function () {
         if (valueProp !== undefined) {
-            setInputValue(valueProp && isValid__default.default(valueProp)
-                ? utils_index.formatDate(valueProp, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT)
-                : '');
+            if (typeof valueProp === 'string') {
+                setInputValue(valueProp);
+            }
+            else {
+                setInputValue(valueProp && isValid__default.default(valueProp)
+                    ? utils_index.formatDate(valueProp, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT)
+                    : '');
+            }
         }
     }, [valueProp, withTime]);
     var getInnerError = function () {

package/universal-date-input/cssm/components/date-range-input/Component.js

@@ -111,6 +111,8 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
         onClear === null || onClear === void 0 ? void 0 : onClear(event);
     };
     var handleBlur = function (event) {
+        if (open)
+            return;
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         if (autoCorrection) {
             var dateFilled = utils_index.isCompleteDateRange(inputValue);

package/universal-date-input/cssm/index-5712fce2.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { MouseEvent, ReactNode, FC, KeyboardEvent, MutableRefObject, Ref, ButtonHTMLAttributes, ElementType, RefObject, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, FC, ButtonHTMLAttributes, ElementType, RefObject, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
 import { DayAddons, SelectorView, View, Day, Month } from "./typings-5684a67d";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
@@ -256,7 +256,7 @@ type BaseModalProps = {
     /**
      * Компонент бэкдропа
      */
-    Backdrop?: FC<BackdropProps>;
+    Backdrop?: ComponentType<BackdropProps>;
     /**
      * Свойства для Бэкдропа
      */
@@ -377,6 +377,10 @@ type BaseModalProps = {
      * Реф, который должен быть установлен компонентной области
      */
     componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -417,6 +421,10 @@ type ModalDesktopProps = BaseModalProps & {
      * @default false
      */
     hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
 type View$0 = "desktop" | "mobile";
@@ -491,7 +499,7 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
 }
-type NavigationBarProps = {
+type NavigationBarPrivateProps = {
     /**
      * Контент шапки
      */
@@ -597,7 +605,7 @@ type NavigationBarProps = {
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
 };
-type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
     /**
      * Контент футера
@@ -724,6 +732,7 @@ declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & {
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     view: View$0;
 } & React.RefAttributes<HTMLDivElement>>;
@@ -766,7 +775,9 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const usePortalContainer: () => () => Element | null;
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -978,8 +989,8 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";
-export * from "./Component-ff24af55";
+export * from "./Component-92dea7fc";

package/universal-date-input/cssm/index-f034f741.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-ff24af55";
+export * from "./Component-92dea7fc";
 export { shiftValues } from "./utils-b1bfe0d1";

package/universal-date-input/cssm/types.d.ts

@@ -85,11 +85,11 @@ interface InnerDateInputProps extends Omit<BaseUniversalDateInputProps, 'view'>
     /**
      *  Дата
      */
-    value?: Date | number | null;
+    value?: Date | number | string | null;
     /**
      *  Дата по умолчанию
      */
-    defaultValue?: Date | number;
+    defaultValue?: Date | number | string;
     /**
      * Флаг, открыт ли календарь
      */

package/universal-date-input/cssm/utils-5684a67d.d.ts

@@ -93,5 +93,7 @@ declare function getCalendarMobileTestIds(dataTestId: string): {
     closer: string;
     btnApply: string;
     btnReset: string;
+    btnNextDate: string;
+    btnPreviousDate: string;
 };
 export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds };

package/universal-date-input/esm/components/date-input/Component.js

@@ -17,8 +17,13 @@ import 'date-fns/parse';
 import 'date-fns/startOfDay';
 
 function getDefaultValue(defaultValue, withTime) {
-    if (defaultValue && isValid(new Date(defaultValue))) {
-        return formatDate(defaultValue, withTime ? DATE_TIME_FORMAT : DATE_FORMAT);
+    if (defaultValue !== undefined) {
+        if (typeof defaultValue === 'string') {
+            return defaultValue;
+        }
+        if (isValid(new Date(defaultValue))) {
+            return formatDate(defaultValue, withTime ? DATE_TIME_FORMAT : DATE_FORMAT);
+        }
     }
     return '';
 }
@@ -44,9 +49,14 @@ var DateInput = forwardRef(function (_a, ref) {
     }, [autoCorrection, minDate, withTime, isValidValue, inputValue]);
     useEffect(function () {
         if (valueProp !== undefined) {
-            setInputValue(valueProp && isValid(valueProp)
-                ? formatDate(valueProp, withTime ? DATE_TIME_FORMAT : DATE_FORMAT)
-                : '');
+            if (typeof valueProp === 'string') {
+                setInputValue(valueProp);
+            }
+            else {
+                setInputValue(valueProp && isValid(valueProp)
+                    ? formatDate(valueProp, withTime ? DATE_TIME_FORMAT : DATE_FORMAT)
+                    : '');
+            }
         }
     }, [valueProp, withTime]);
     var getInnerError = function () {

package/universal-date-input/esm/components/date-range-input/Component.js

@@ -104,6 +104,8 @@ var DateRangeInput = forwardRef(function (_a, ref) {
         onClear === null || onClear === void 0 ? void 0 : onClear(event);
     };
     var handleBlur = function (event) {
+        if (open)
+            return;
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         if (autoCorrection) {
             var dateFilled = isCompleteDateRange(inputValue);

package/universal-date-input/esm/index-5712fce2.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { MouseEvent, ReactNode, FC, KeyboardEvent, MutableRefObject, Ref, ButtonHTMLAttributes, ElementType, RefObject, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, FC, ButtonHTMLAttributes, ElementType, RefObject, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
 import { DayAddons, SelectorView, View, Day, Month } from "./typings-5684a67d";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
@@ -256,7 +256,7 @@ type BaseModalProps = {
     /**
      * Компонент бэкдропа
      */
-    Backdrop?: FC<BackdropProps>;
+    Backdrop?: ComponentType<BackdropProps>;
     /**
      * Свойства для Бэкдропа
      */
@@ -377,6 +377,10 @@ type BaseModalProps = {
      * Реф, который должен быть установлен компонентной области
      */
     componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -417,6 +421,10 @@ type ModalDesktopProps = BaseModalProps & {
      * @default false
      */
     hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
 type View$0 = "desktop" | "mobile";
@@ -491,7 +499,7 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
 }
-type NavigationBarProps = {
+type NavigationBarPrivateProps = {
     /**
      * Контент шапки
      */
@@ -597,7 +605,7 @@ type NavigationBarProps = {
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
 };
-type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
     /**
      * Контент футера
@@ -724,6 +732,7 @@ declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & {
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     view: View$0;
 } & React.RefAttributes<HTMLDivElement>>;
@@ -766,7 +775,9 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const usePortalContainer: () => () => Element | null;
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -978,8 +989,8 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";
-export * from "./Component-ff24af55";
+export * from "./Component-92dea7fc";

package/universal-date-input/esm/index-f034f741.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-ff24af55";
+export * from "./Component-92dea7fc";
 export { shiftValues } from "./utils-b1bfe0d1";

package/universal-date-input/esm/types.d.ts

@@ -85,11 +85,11 @@ interface InnerDateInputProps extends Omit<BaseUniversalDateInputProps, 'view'>
     /**
      *  Дата
      */
-    value?: Date | number | null;
+    value?: Date | number | string | null;
     /**
      *  Дата по умолчанию
      */
-    defaultValue?: Date | number;
+    defaultValue?: Date | number | string;
     /**
      * Флаг, открыт ли календарь
      */

package/universal-date-input/esm/utils-5684a67d.d.ts

@@ -93,5 +93,7 @@ declare function getCalendarMobileTestIds(dataTestId: string): {
     closer: string;
     btnApply: string;
     btnReset: string;
+    btnNextDate: string;
+    btnPreviousDate: string;
 };
 export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds };

package/universal-date-input/index-5712fce2.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { MouseEvent, ReactNode, FC, KeyboardEvent, MutableRefObject, Ref, ButtonHTMLAttributes, ElementType, RefObject, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, FC, ButtonHTMLAttributes, ElementType, RefObject, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
 import { DayAddons, SelectorView, View, Day, Month } from "./typings-5684a67d";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
@@ -256,7 +256,7 @@ type BaseModalProps = {
     /**
      * Компонент бэкдропа
      */
-    Backdrop?: FC<BackdropProps>;
+    Backdrop?: ComponentType<BackdropProps>;
     /**
      * Свойства для Бэкдропа
      */
@@ -377,6 +377,10 @@ type BaseModalProps = {
      * Реф, который должен быть установлен компонентной области
      */
     componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -417,6 +421,10 @@ type ModalDesktopProps = BaseModalProps & {
      * @default false
      */
     hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
 type View$0 = "desktop" | "mobile";
@@ -491,7 +499,7 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
 }
-type NavigationBarProps = {
+type NavigationBarPrivateProps = {
     /**
      * Контент шапки
      */
@@ -597,7 +605,7 @@ type NavigationBarProps = {
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
 };
-type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
     /**
      * Контент футера
@@ -724,6 +732,7 @@ declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & {
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     view: View$0;
 } & React.RefAttributes<HTMLDivElement>>;
@@ -766,7 +775,9 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const usePortalContainer: () => () => Element | null;
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -978,8 +989,8 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";
-export * from "./Component-ff24af55";
+export * from "./Component-92dea7fc";

package/universal-date-input/index-f034f741.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-ff24af55";
+export * from "./Component-92dea7fc";
 export { shiftValues } from "./utils-b1bfe0d1";

package/universal-date-input/modern/components/date-input/Component.js

@@ -16,8 +16,13 @@ import 'date-fns/parse';
 import 'date-fns/startOfDay';
 
 function getDefaultValue(defaultValue, withTime) {
-    if (defaultValue && isValid(new Date(defaultValue))) {
-        return formatDate(defaultValue, withTime ? DATE_TIME_FORMAT : DATE_FORMAT);
+    if (defaultValue !== undefined) {
+        if (typeof defaultValue === 'string') {
+            return defaultValue;
+        }
+        if (isValid(new Date(defaultValue))) {
+            return formatDate(defaultValue, withTime ? DATE_TIME_FORMAT : DATE_FORMAT);
+        }
     }
     return '';
 }
@@ -41,9 +46,14 @@ const DateInput = forwardRef(({ autoCorrection, open, value: valueProp, inputWra
     }, [autoCorrection, minDate, withTime, isValidValue, inputValue]);
     useEffect(() => {
         if (valueProp !== undefined) {
-            setInputValue(valueProp && isValid(valueProp)
-                ? formatDate(valueProp, withTime ? DATE_TIME_FORMAT : DATE_FORMAT)
-                : '');
+            if (typeof valueProp === 'string') {
+                setInputValue(valueProp);
+            }
+            else {
+                setInputValue(valueProp && isValid(valueProp)
+                    ? formatDate(valueProp, withTime ? DATE_TIME_FORMAT : DATE_FORMAT)
+                    : '');
+            }
         }
     }, [valueProp, withTime]);
     const getInnerError = () => {