@alfalab/core-components 41.13.0-beta.2 → 41.13.0-beta.3

package/bottom-sheet/modern/component.js

@@ -7,7 +7,7 @@ import { BaseModal } from '../../base-modal/modern';
 import { Footer } from './components/footer/Component.js';
 import { Header } from './components/header/Component.js';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
-import { convertPercentToNumber, HEADER_OFFSET, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, CLOSE_OFFSET } from './utils.js';
+import { convertPercentToNumber, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, CLOSE_OFFSET } from './utils.js';
 import '../../navigation-bar/modern';
 import '../../backdrop/modern';
 
@@ -16,20 +16,20 @@ const getDataTestId = (dataTestId, element) => {
     return dataTestId ? `${dataTestId}${elementPart}` : undefined;
 };
 
-const styles = {"modal":"bottom-sheet__modal_epvla","wrapper":"bottom-sheet__wrapper_epvla","component":"bottom-sheet__component_epvla","withTransition":"bottom-sheet__withTransition_epvla","scrollableContainer":"bottom-sheet__scrollableContainer_epvla","marker":"bottom-sheet__marker_epvla","content":"bottom-sheet__content_epvla","noHeader":"bottom-sheet__noHeader_epvla","noFooter":"bottom-sheet__noFooter_epvla","scrollLocked":"bottom-sheet__scrollLocked_epvla","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_epvla","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_epvla","appear":"bottom-sheet__appear_epvla","enter":"bottom-sheet__enter_epvla","appearActive":"bottom-sheet__appearActive_epvla","enterActive":"bottom-sheet__enterActive_epvla","enterDone":"bottom-sheet__enterDone_epvla","appearDone":"bottom-sheet__appearDone_epvla","exit":"bottom-sheet__exit_epvla","exitActive":"bottom-sheet__exitActive_epvla","background-accent":"bottom-sheet__background-accent_epvla","background-info":"bottom-sheet__background-info_epvla","background-attention-muted":"bottom-sheet__background-attention-muted_epvla","background-positive-muted":"bottom-sheet__background-positive-muted_epvla","background-negative-muted":"bottom-sheet__background-negative-muted_epvla","background-primary":"bottom-sheet__background-primary_epvla","background-primary-inverted":"bottom-sheet__background-primary-inverted_epvla","background-secondary":"bottom-sheet__background-secondary_epvla","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_epvla","background-tertiary":"bottom-sheet__background-tertiary_epvla","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_epvla","background-quaternary":"bottom-sheet__background-quaternary_epvla","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_epvla","background-specialbg-component":"bottom-sheet__background-specialbg-component_epvla","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_epvla","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_epvla","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_epvla","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_epvla","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_epvla","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_epvla","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_epvla","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_epvla"};
+const styles = {"modal":"bottom-sheet__modal_epvla","wrapper":"bottom-sheet__wrapper_epvla","fullscreen":"bottom-sheet__fullscreen_epvla","component":"bottom-sheet__component_epvla","withTransition":"bottom-sheet__withTransition_epvla","scrollableContainer":"bottom-sheet__scrollableContainer_epvla","marker":"bottom-sheet__marker_epvla","content":"bottom-sheet__content_epvla","noHeader":"bottom-sheet__noHeader_epvla","noFooter":"bottom-sheet__noFooter_epvla","scrollLocked":"bottom-sheet__scrollLocked_epvla","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_epvla","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_epvla","appear":"bottom-sheet__appear_epvla","enter":"bottom-sheet__enter_epvla","appearActive":"bottom-sheet__appearActive_epvla","enterActive":"bottom-sheet__enterActive_epvla","enterDone":"bottom-sheet__enterDone_epvla","appearDone":"bottom-sheet__appearDone_epvla","exit":"bottom-sheet__exit_epvla","exitActive":"bottom-sheet__exitActive_epvla","background-accent":"bottom-sheet__background-accent_epvla","background-info":"bottom-sheet__background-info_epvla","background-attention-muted":"bottom-sheet__background-attention-muted_epvla","background-positive-muted":"bottom-sheet__background-positive-muted_epvla","background-negative-muted":"bottom-sheet__background-negative-muted_epvla","background-primary":"bottom-sheet__background-primary_epvla","background-primary-inverted":"bottom-sheet__background-primary-inverted_epvla","background-secondary":"bottom-sheet__background-secondary_epvla","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_epvla","background-tertiary":"bottom-sheet__background-tertiary_epvla","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_epvla","background-quaternary":"bottom-sheet__background-quaternary_epvla","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_epvla","background-specialbg-component":"bottom-sheet__background-specialbg-component_epvla","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_epvla","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_epvla","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_epvla","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_epvla","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_epvla","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_epvla","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_epvla","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_epvla"};
 require('./index.css');
 
-const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundColor, titleSize = 'default', subtitle, actionButton, contentClassName, containerClassName, containerProps, headerClassName, footerClassName, addonClassName, closerClassName, backerClassName, modalClassName, modalWrapperClassName, className, leftAddons, rightAddons, bottomAddons, hasCloser, hasBacker, titleAlign = 'left', trimTitle, stickyHeader, stickyFooter = true, initialHeight = 'default', hideOverlay, hideScrollbar, hideHeader, disableOverlayClick, disableBlockingScroll, disableFocusLock, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, swipeableContent = true, swipeThreshold = 5, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, onClose, onBack, onMagnetize, onOffsetChange, }, ref) => {
+const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundColor, titleSize = 'default', subtitle, actionButton, contentClassName, containerClassName, containerProps, headerClassName, footerClassName, addonClassName, closerClassName, backerClassName, modalClassName, modalWrapperClassName, className, leftAddons, rightAddons, bottomAddons, hasCloser, hasBacker, titleAlign = 'left', trimTitle, stickyHeader, stickyFooter = true, initialHeight = 'default', hideOverlay, hideScrollbar, hideHeader, disableOverlayClick, disableBlockingScroll, disableFocusLock, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, swipeableContent = true, swipeThreshold = 5, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, headerOffset = 24, onClose, onBack, onMagnetize, onOffsetChange, }, ref) => {
     const hasInitialIdx = initialActiveAreaIndex !== undefined;
     const fullHeight = use100vh() || 0;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
     const isFirstRender = fullHeight === 0;
     const magneticAreas = useMemo(() => {
         if (magneticAreasProp) {
-            return magneticAreasProp.map((area) => convertPercentToNumber(area, fullHeight));
+            return magneticAreasProp.map((area) => convertPercentToNumber(area, fullHeight, headerOffset));
         }
-        return [0, fullHeight - HEADER_OFFSET];
-    }, [fullHeight, magneticAreasProp]);
+        return [0, fullHeight - headerOffset];
+    }, [fullHeight, headerOffset, magneticAreasProp]);
     const lastMagneticArea = magneticAreas[magneticAreas.length - 1];
     const [sheetOffset, setSheetOffset] = useState(0);
     const [backdropOpacity, setBackdropOpacity] = useState(1);
@@ -48,6 +48,7 @@ const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundC
             : { title: title ? title?.toString() : undefined }),
         scrollableParentRef: scrollableContainer,
         headerRef,
+        headerOffset,
         className: headerClassName,
         addonClassName,
         closerClassName,
@@ -252,11 +253,11 @@ const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundC
     useEffect(() => {
         if (!sheetRef.current)
             return;
-        const maxOffset = fullHeight - HEADER_OFFSET;
+        const maxOffset = fullHeight - headerOffset;
         const offset = open ? sheetOffset : maxOffset;
         const percent = (offset / maxOffset) * 100;
         onOffsetChange?.(offset, percent);
-    }, [fullHeight, onOffsetChange, open, sheetOffset]);
+    }, [fullHeight, headerOffset, onOffsetChange, open, sheetOffset]);
     useImperativeHandle(bottomSheetInstanceRef, () => ({
         scrollToArea,
     }));
@@ -282,7 +283,9 @@ const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundC
             onExited: handleExited,
             onEntered: handleEntered,
         } },
-        React.createElement("div", { style: { ...getHeightStyles() }, className: styles.wrapper, onTransitionEnd: setSheetHeight },
+        React.createElement("div", { style: { ...getHeightStyles() }, className: cn(styles.wrapper, {
+                [styles.fullscreen]: headerOffset === 0 && sheetOffset === 0,
+            }), onTransitionEnd: setSheetHeight },
             React.createElement("div", { className: cn(styles.component, bgClassName, className, {
                     [styles.withTransition]: swipingInProgress.current === false,
                 }), style: {

package/bottom-sheet/modern/components/header/Component.d.ts

@@ -2,6 +2,7 @@ import { FC, RefObject } from 'react';
 import { NavigationBarProps } from "../../../../navigation-bar";
 type HeaderProps = Omit<NavigationBarProps, 'view' | 'size'> & {
     headerRef: RefObject<HTMLDivElement>;
+    headerOffset: number;
 };
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

package/bottom-sheet/modern/components/header/Component.js

@@ -2,16 +2,15 @@ import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/modern';
 import { NavigationBar } from '../../../../navigation-bar/modern';
-import { HEADER_OFFSET } from '../../utils.js';
 
 const styles = {"headerWrapper":"bottom-sheet__headerWrapper_jnew3","hasContent":"bottom-sheet__hasContent_jnew3","header":"bottom-sheet__header_jnew3","sticky":"bottom-sheet__sticky_jnew3","highlighted":"bottom-sheet__highlighted_jnew3","justifyEnd":"bottom-sheet__justifyEnd_jnew3","addon":"bottom-sheet__addon_jnew3","addonFixed":"bottom-sheet__addonFixed_jnew3","title":"bottom-sheet__title_jnew3","titleCenter":"bottom-sheet__titleCenter_jnew3","titleLeft":"bottom-sheet__titleLeft_jnew3","trimTitle":"bottom-sheet__trimTitle_jnew3"};
 require('./index.css');
 
-const Header = ({ className, sticky, headerRef, title, children, ...restProps }) => {
+const Header = ({ className, sticky, headerRef, headerOffset, title, children, ...restProps }) => {
     const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } = useContext(BaseModalContext);
     useEffect(() => {
-        setHeaderOffset(HEADER_OFFSET);
-    }, [setHeaderOffset]);
+        setHeaderOffset(headerOffset);
+    }, [headerOffset, setHeaderOffset]);
     useEffect(() => {
         setHasHeader(true);
     }, [setHasHeader]);

package/bottom-sheet/modern/index.css

@@ -58,6 +58,9 @@
     pointer-events: none;
     border-top-right-radius: var(--border-radius-xl);
     border-top-left-radius: var(--border-radius-xl);
+    transition: border-radius 0.3s ease;
+} .bottom-sheet__fullscreen_epvla {
+    border-radius: 0;
 } .bottom-sheet__component_epvla {
     overflow: hidden;
     position: relative;

package/bottom-sheet/modern/types.d.ts

@@ -215,6 +215,10 @@ type BottomSheetProps = {
      * Скрыть скроллбар внутри шторки
      */
     hideScrollbar?: boolean;
+    /**
+     * Верхний отступ шторки, если она открыта на максимальную высоту
+     */
+    headerOffset?: number;
     /**
      * Обработчик закрытия
      */

package/bottom-sheet/modern/utils.d.ts

@@ -1,8 +1,8 @@
 declare const TIMEOUT = 500;
 declare const SWIPE_VELOCITY = 0.4;
 declare const MARKER_HEIGHT = 24;
-declare const HEADER_OFFSET = 24;
 declare const CLOSE_OFFSET = 0.2;
 declare const SCROLL_OFFSET = 1;
-declare const convertPercentToNumber: (value: string | number, fullHeight: number) => number;
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber };
+declare const HEADER_OFFSET = 24;
+declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };

package/bottom-sheet/modern/utils.js

@@ -1,12 +1,11 @@
 const TIMEOUT = 500;
 const SWIPE_VELOCITY = 0.4;
 const MARKER_HEIGHT = 24;
-/* Верхний отступ шторки, если она открыта на максимальную высоту */
-const HEADER_OFFSET = 24;
 const CLOSE_OFFSET = 0.2;
 const SCROLL_OFFSET = 1;
-const convertPercentToNumber = (value, fullHeight) => {
-    const maxHeight = fullHeight - HEADER_OFFSET;
+const HEADER_OFFSET = 24;
+const convertPercentToNumber = (value, fullHeight, headerOffset = HEADER_OFFSET) => {
+    const maxHeight = fullHeight - headerOffset;
     if (typeof value === 'string') {
         const percent = parseFloat(value) / 100;
         if (percent < 0) {

package/bottom-sheet/types.d.ts

@@ -215,6 +215,10 @@ type BottomSheetProps = {
      * Скрыть скроллбар внутри шторки
      */
     hideScrollbar?: boolean;
+    /**
+     * Верхний отступ шторки, если она открыта на максимальную высоту
+     */
+    headerOffset?: number;
     /**
      * Обработчик закрытия
      */

package/bottom-sheet/utils.d.ts

@@ -1,8 +1,8 @@
 declare const TIMEOUT = 500;
 declare const SWIPE_VELOCITY = 0.4;
 declare const MARKER_HEIGHT = 24;
-declare const HEADER_OFFSET = 24;
 declare const CLOSE_OFFSET = 0.2;
 declare const SCROLL_OFFSET = 1;
-declare const convertPercentToNumber: (value: string | number, fullHeight: number) => number;
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber };
+declare const HEADER_OFFSET = 24;
+declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };

package/bottom-sheet/utils.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var TIMEOUT = 500;
 var SWIPE_VELOCITY = 0.4;
 var MARKER_HEIGHT = 24;
-/* Верхний отступ шторки, если она открыта на максимальную высоту */
-var HEADER_OFFSET = 24;
 var CLOSE_OFFSET = 0.2;
 var SCROLL_OFFSET = 1;
-var convertPercentToNumber = function (value, fullHeight) {
-    var maxHeight = fullHeight - HEADER_OFFSET;
+var HEADER_OFFSET = 24;
+var convertPercentToNumber = function (value, fullHeight, headerOffset) {
+    if (headerOffset === void 0) { headerOffset = HEADER_OFFSET; }
+    var maxHeight = fullHeight - headerOffset;
     if (typeof value === 'string') {
         var percent = parseFloat(value) / 100;
         if (percent < 0) {

package/calendar/Component.responsive.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('@alfalab/hooks');
-var components_calendarMobile_Component = require('./Component.responsive-31df3eb2.js');
+var components_calendarMobile_Component = require('./Component.responsive-ff2bd154.js');
 require('./Component.desktop.js');
 require('react-virtuoso');
 require('@juggle/resize-observer');

package/calendar/components/calendar-mobile/Component.js

@@ -12,7 +12,7 @@ require('date-fns/startOfMonth');
 require('../../../button');
 require('../../../modal/mobile');
 require('../../Component.desktop.js');
-var components_calendarMobile_Component = require('../../Component.responsive-31df3eb2.js');
+var components_calendarMobile_Component = require('../../Component.responsive-ff2bd154.js');
 require('date-fns/differenceInDays');
 require('@alfalab/hooks');
 require('../../useCalendar.js');

package/calendar/components/calendar-mobile/index.d.ts

@@ -1,2 +1,2 @@
-export * from "../../Component.responsive-31df3eb2";
+export * from "../../Component.responsive-ff2bd154";
 export {};

package/calendar/components/calendar-mobile/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('../../Component.responsive-31df3eb2.js');
+var components_calendarMobile_Component = require('../../Component.responsive-ff2bd154.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');

package/calendar/esm/Component.responsive.js

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '@alfalab/hooks';
-export { C as CalendarResponsive } from './Component.responsive-b550de72.js';
+export { C as CalendarResponsive } from './Component.responsive-1a81dc52.js';
 import './Component.desktop.js';
 import 'react-virtuoso';
 import '@juggle/resize-observer';

package/calendar/esm/components/calendar-mobile/Component.js

@@ -10,7 +10,7 @@ import 'date-fns/startOfMonth';
 import '../../../../button/esm';
 import '../../../../modal/esm/mobile';
 import '../../Component.desktop.js';
-export { a as CalendarMobile } from '../../Component.responsive-b550de72.js';
+export { a as CalendarMobile } from '../../Component.responsive-1a81dc52.js';
 import 'date-fns/differenceInDays';
 import '@alfalab/hooks';
 import 'react-merge-refs';

package/calendar/esm/components/calendar-mobile/index.d.ts

@@ -1,2 +1,2 @@
-export * from "../../Component.responsive-b550de72";
+export * from "../../Component.responsive-1a81dc52";
 export {};

package/calendar/esm/components/calendar-mobile/index.js

@@ -1,4 +1,4 @@
-export { a as CalendarMobile } from '../../Component.responsive-b550de72.js';
+export { a as CalendarMobile } from '../../Component.responsive-1a81dc52.js';
 import 'tslib';
 import 'react';
 import '@alfalab/hooks';

package/calendar/esm/index.js

@@ -1,5 +1,5 @@
 export { CalendarDesktop as Calendar } from './Component.desktop.js';
-export { a as CalendarMobile, C as CalendarResponsive } from './Component.responsive-b550de72.js';
+export { a as CalendarMobile, C as CalendarResponsive } from './Component.responsive-1a81dc52.js';
 export { usePeriod, usePeriodWithReset } from './usePeriod.js';
 export { useCalendar } from './useCalendar.js';
 export { PeriodSlider } from './components/period-slider/Component.js';

package/calendar/esm/mobile.js

@@ -1,4 +1,4 @@
-export { a as CalendarMobile } from './Component.responsive-b550de72.js';
+export { a as CalendarMobile } from './Component.responsive-1a81dc52.js';
 import 'tslib';
 import 'react';
 import '@alfalab/hooks';

package/calendar/esm/responsive.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.responsive-b550de72";
+export * from "./Component.responsive-1a81dc52";
 export {};

package/calendar/esm/responsive.js

@@ -1,4 +1,4 @@
-export { C as CalendarResponsive } from './Component.responsive-b550de72.js';
+export { C as CalendarResponsive } from './Component.responsive-1a81dc52.js';
 import 'tslib';
 import 'react';
 import '@alfalab/hooks';

package/calendar/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component_desktop = require('./Component.desktop.js');
-var components_calendarMobile_Component = require('./Component.responsive-31df3eb2.js');
+var components_calendarMobile_Component = require('./Component.responsive-ff2bd154.js');
 var usePeriod = require('./usePeriod.js');
 var useCalendar = require('./useCalendar.js');
 var components_periodSlider_Component = require('./components/period-slider/Component.js');

package/calendar/mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('./Component.responsive-31df3eb2.js');
+var components_calendarMobile_Component = require('./Component.responsive-ff2bd154.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');

package/calendar/modern/Component.responsive.js

@@ -1,6 +1,6 @@
 import 'react';
 import '@alfalab/hooks';
-export { C as CalendarResponsive } from './Component.responsive-dd982c9f.js';
+export { C as CalendarResponsive } from './Component.responsive-cf2295d5.js';
 import './Component.desktop.js';
 import 'react-virtuoso';
 import '@juggle/resize-observer';

package/calendar/modern/components/calendar-mobile/Component.js

@@ -9,7 +9,7 @@ import 'date-fns/startOfMonth';
 import '../../../../button/modern';
 import '../../../../modal/modern/mobile';
 import '../../Component.desktop.js';
-export { a as CalendarMobile } from '../../Component.responsive-dd982c9f.js';
+export { a as CalendarMobile } from '../../Component.responsive-cf2295d5.js';
 import 'date-fns/differenceInDays';
 import '@alfalab/hooks';
 import 'react-merge-refs';

package/calendar/modern/components/calendar-mobile/index.d.ts

@@ -1,2 +1,2 @@
-export * from "../../Component.responsive-dd982c9f";
+export * from "../../Component.responsive-cf2295d5";
 export {};

package/calendar/modern/components/calendar-mobile/index.js

@@ -1,4 +1,4 @@
-export { a as CalendarMobile } from '../../Component.responsive-dd982c9f.js';
+export { a as CalendarMobile } from '../../Component.responsive-cf2295d5.js';
 import 'react';
 import '@alfalab/hooks';
 import 'react-virtuoso';

package/calendar/modern/index.js

@@ -1,5 +1,5 @@
 export { CalendarDesktop as Calendar } from './Component.desktop.js';
-export { a as CalendarMobile, C as CalendarResponsive } from './Component.responsive-dd982c9f.js';
+export { a as CalendarMobile, C as CalendarResponsive } from './Component.responsive-cf2295d5.js';
 export { usePeriod, usePeriodWithReset } from './usePeriod.js';
 export { useCalendar } from './useCalendar.js';
 export { PeriodSlider } from './components/period-slider/Component.js';

package/calendar/modern/mobile.js

@@ -1,4 +1,4 @@
-export { a as CalendarMobile } from './Component.responsive-dd982c9f.js';
+export { a as CalendarMobile } from './Component.responsive-cf2295d5.js';
 import 'react';
 import '@alfalab/hooks';
 import 'react-virtuoso';

package/calendar/modern/responsive.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.responsive-dd982c9f";
+export * from "./Component.responsive-cf2295d5";
 export {};

package/calendar/modern/responsive.js

@@ -1,4 +1,4 @@
-export { C as CalendarResponsive } from './Component.responsive-dd982c9f.js';
+export { C as CalendarResponsive } from './Component.responsive-cf2295d5.js';
 import 'react';
 import '@alfalab/hooks';
 import 'react-virtuoso';

package/calendar/responsive.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.responsive-31df3eb2";
+export * from "./Component.responsive-ff2bd154";
 export {};

package/calendar/responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('./Component.responsive-31df3eb2.js');
+var components_calendarMobile_Component = require('./Component.responsive-ff2bd154.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');

package/confirmation/component.desktop.js

@@ -14,7 +14,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-273262bc.js');
+require('./countdown-section-0b5d4ee1.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation/component.mobile.js

@@ -14,7 +14,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-273262bc.js');
+require('./countdown-section-0b5d4ee1.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation/component.responsive.js

@@ -16,7 +16,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-273262bc.js');
+require('./countdown-section-0b5d4ee1.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation/components/base-confirmation/component.js

@@ -16,7 +16,7 @@ require('../../../code-input');
 require('../../../link');
 require('../../../typography');
 require('../header/component.js');
-require('../../countdown-section-273262bc.js');
+require('../../countdown-section-0b5d4ee1.js');
 require('../../../loader');
 require('../countdown-loader/component.js');
 

package/confirmation/components/base-confirmation/index.js

@@ -14,7 +14,7 @@ require('../../../code-input');
 require('../../../link');
 require('../../../typography');
 require('../header/component.js');
-require('../../countdown-section-273262bc.js');
+require('../../countdown-section-0b5d4ee1.js');
 require('../../../loader');
 require('../screens/hint/component.js');
 require('../screens/fatal-error/component.js');

package/confirmation/components/index.js

@@ -15,7 +15,7 @@ require('@alfalab/hooks');
 require('../context.js');
 require('../utils.js');
 require('./header/component.js');
-require('../countdown-section-273262bc.js');
+require('../countdown-section-0b5d4ee1.js');
 require('../../loader');
 
 

package/confirmation/components/screens/index.js

@@ -14,7 +14,7 @@ require('@alfalab/hooks');
 require('../../context.js');
 require('../../utils.js');
 require('../header/component.js');
-require('../../countdown-section-273262bc.js');
+require('../../countdown-section-0b5d4ee1.js');
 require('../../../loader');
 require('../countdown-loader/component.js');
 

package/confirmation/components/screens/initial/component.js

@@ -9,7 +9,7 @@ var coreComponentsTypography = require('../../../../typography');
 var hooks = require('@alfalab/hooks');
 var context = require('../../../context.js');
 var components_header_component = require('../../header/component.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-273262bc.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-0b5d4ee1.js');
 require('../../../utils.js');
 require('../../../../loader');
 

package/confirmation/components/screens/initial/countdown-section.js

@@ -7,7 +7,7 @@ require('../../../../loader');
 require('../../../../typography');
 require('../../../context.js');
 require('../../../utils.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-273262bc.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-0b5d4ee1.js');
 
 
 

package/confirmation/components/screens/initial/index.js

@@ -11,7 +11,7 @@ require('@alfalab/hooks');
 require('../../../context.js');
 require('../../../utils.js');
 require('../../header/component.js');
-require('../../../countdown-section-273262bc.js');
+require('../../../countdown-section-0b5d4ee1.js');
 require('../../../../loader');
 
 

package/confirmation/desktop.js

@@ -15,7 +15,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-273262bc.js');
+require('./countdown-section-0b5d4ee1.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation/esm/component.desktop.js

@@ -9,7 +9,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-05dc5efc.js';
+import './countdown-section-696fa4ea.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/esm/component.mobile.js

@@ -9,7 +9,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-05dc5efc.js';
+import './countdown-section-696fa4ea.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/esm/component.responsive.js

@@ -11,7 +11,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-05dc5efc.js';
+import './countdown-section-696fa4ea.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/esm/components/base-confirmation/component.js

@@ -14,7 +14,7 @@ import '../../../../code-input/esm';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-05dc5efc.js';
+import '../../countdown-section-696fa4ea.js';
 import '../../../../loader/esm';
 import '../countdown-loader/component.js';
 

package/confirmation/esm/components/base-confirmation/index.js

@@ -9,7 +9,7 @@ import '../../../../code-input/esm';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-05dc5efc.js';
+import '../../countdown-section-696fa4ea.js';
 import '../../../../loader/esm';
 import '../screens/hint/component.js';
 import '../screens/fatal-error/component.js';

package/confirmation/esm/components/index.js

@@ -12,6 +12,6 @@ import '../../../typography/esm';
 import '@alfalab/hooks';
 import '../context.js';
 import './header/component.js';
-import '../countdown-section-05dc5efc.js';
+import '../countdown-section-696fa4ea.js';
 import '../../../loader/esm';
 import '../utils.js';

package/confirmation/esm/components/screens/index.js

@@ -11,7 +11,7 @@ import '../../../../typography/esm';
 import '@alfalab/hooks';
 import '../../context.js';
 import '../header/component.js';
-import '../../countdown-section-05dc5efc.js';
+import '../../countdown-section-696fa4ea.js';
 import '../../../../loader/esm';
 import '../countdown-loader/component.js';
 import '../../utils.js';

package/confirmation/esm/components/screens/initial/component.js

@@ -7,7 +7,7 @@ import { Typography } from '../../../../../typography/esm';
 import { usePrevious } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-05dc5efc.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-696fa4ea.js';
 import '../../../../../loader/esm';
 import '../../../utils.js';
 

package/confirmation/esm/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/esm';
 import '../../../../../loader/esm';
 import '../../../../../typography/esm';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-05dc5efc.js';
+export { C as CountdownSection } from '../../../countdown-section-696fa4ea.js';
 import '../../../utils.js';