@alfalab/core-components 48.27.4 → 48.28.0

package/universal-date-input/esm/mobile/index.js

@@ -7,6 +7,7 @@ import '@maskito/react';
 import 'classnames';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
+import '../../../shared/esm';
 import '../consts.js';
 import '../mask/index.js';
 import '../mask/plugins.js';
@@ -21,13 +22,12 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../../shared/esm';
 import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
 import '@alfalab/icons-glyph/CalendarSIcon';
-import '../index.module-cc0d2d4d.js';
+import '../index.module-4c9c5c69.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

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

@@ -58,11 +58,21 @@ interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wra
      */
     inputWrapperRef?: React.Ref<HTMLDivElement> | null;
     /**
-     *  Обработчик открытия календаря
+     * Флаг, открыт ли календарь
+     */
+    calendarOpen?: boolean;
+    /**
+     * Обработчик изменения открытия календаря
+     */
+    onCalendarOpenChange?: (open: boolean) => void;
+    /**
+     * Обработчик открытия календаря
+     * @deprecated Используйте {@link BaseUniversalDateInputProps.onCalendarOpenChange}
      */
     onCalendarOpen?: () => void;
     /**
-     *  Обработчик закрытия календаря
+     * Обработчик закрытия календаря
+     * @deprecated Используйте {@link BaseUniversalDateInputProps.onCalendarOpenChange}
      */
     onCalendarClose?: () => void;
     /**
@@ -199,7 +209,7 @@ type Never<T> = {
     [P in keyof T]?: never;
 };
 type WithPickerRequiredProps = Required<Pick<BaseUniversalDateInputProps, 'Calendar'>>;
-type WithPickerNotRequiredProps = Pick<BaseUniversalDateInputProps, 'calendarProps' | 'popoverProps' | 'onCalendarOpen' | 'onCalendarClose'>;
+type WithPickerNotRequiredProps = Pick<BaseUniversalDateInputProps, 'calendarProps' | 'popoverProps' | 'onCalendarOpen' | 'onCalendarClose' | 'calendarOpen' | 'onCalendarOpenChange'>;
 type WithPickerProps = WithPickerRequiredProps & WithPickerNotRequiredProps;
 type NoPickerProps = Never<WithPickerRequiredProps> & Never<WithPickerProps>;
 type UniversalDateInputConditionalProps = ({

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

@@ -1,112 +1,15 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { FC, ReactNode, ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, Ref, WheelEvent, RefObject, ButtonHTMLAttributes, ElementType, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
-import { CalendarDesktopProps } from "./index-63dec22f";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, WheelEvent, FC, RefObject, ButtonHTMLAttributes, ElementType, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
 import { CSSTransitionProps, CSSTransitionClassNames } from "react-transition-group/CSSTransition";
 import { TransitionProps } from "react-transition-group/Transition";
 import { IconButtonProps } from "./index-ebda875c";
+import { CalendarDesktopProps } from "./index-63dec22f";
 import { TextSkeletonProps } from "./index-f48ccc7b";
 import { Color } from "./colors-2c123cbc";
 import { Title, TitleProps } from "./index-86dd1e48";
 import { TitleMobile, TitleMobileProps } from "./index-281accb7";
-type OmittedCalendarProps = "headerClassName" | "contentClassName";
-type OmittedCalendarContentProps = "className" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "dataTestId" | "hasHeader" | "responsive" | "showCurrentYearSelector";
-type CalendarContentProps = {
-    /**
-     * Обработчик клика на название месяца в мобильном календаре
-     */
-    onMonthTitleClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
-    /**
-     * Количество лет для генерации в обе стороны от текущего года
-     */
-    yearsAmount?: number;
-    /**
-     * Родительский контейнер для отслеживания скролла
-     */
-    scrollableContainer?: HTMLElement;
-} & Omit<CalendarDesktopProps, OmittedCalendarContentProps | OmittedCalendarProps>;
-type CalendarMobileProps = {
-    /**
-     * Заголовок календаря
-     */
-    title?: string;
-    /**
-     * Управление видимостью модалки
-     */
-    open: boolean;
-    /**
-     * Обработчик закрытия модалки
-     */
-    onClose?: () => void;
-    /**
-     * Разрешить выбор из недозаполненного диапазона дат.
-     */
-    allowSelectionFromEmptyRange?: boolean;
-    /**
-     * Нужно ли рендерить шапку
-     */
-    hasHeader?: boolean;
-    /**
-     * Обработчик клика на кнопку выбрать
-     */
-    onApply?: () => void;
-    /**
-     * При клике на месяц будут выбраны все доступные дни месяца
-     */
-    clickableMonth?: boolean;
-    /**
-     * Контент кнопки "Отмена"
-     * @default Отмена
-     */
-    cancelButtonContent?: string;
-    /**
-     * Контент кнопки "Выбрать"
-     * @default Выбрать
-     */
-    selectButtonContent?: string;
-    /**
-     * Контент кнопки "Сбросить"
-     * @default Сбросить
-     */
-    resetButtonContent?: string;
-} & CalendarContentProps & Pick<CalendarDesktopProps, OmittedCalendarContentProps>;
-type ResponsiveCalendarProps = CalendarDesktopProps & CalendarMobileProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-    /**
-     * Версия, которая будет использоваться при серверном рендеринге
-     */
-    client?: "desktop" | "mobile";
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     * @deprecated Используйте client
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-declare const CalendarResponsive: React.ForwardRefExoticComponent<CalendarDesktopProps & {
-    title?: string | undefined;
-    open: boolean;
-    onClose?: (() => void) | undefined;
-    allowSelectionFromEmptyRange?: boolean | undefined;
-    hasHeader?: boolean | undefined;
-    onApply?: (() => void) | undefined;
-    clickableMonth?: boolean | undefined;
-    cancelButtonContent?: string | undefined;
-    selectButtonContent?: string | undefined;
-    resetButtonContent?: string | undefined;
-} & {
-    onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
-    yearsAmount?: number | undefined;
-    scrollableContainer?: HTMLElement | undefined;
-} & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & {
-    breakpoint?: number | undefined;
-    client?: "desktop" | "mobile" | undefined;
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
 type BackdropProps = Partial<TransitionProps> & {
     /**
      * Прозрачный бэкдроп
@@ -300,119 +203,6 @@ type BaseModalProps = {
      */
     onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
-type BaseModalContext = {
-    parentRef: React.RefObject<HTMLDivElement>;
-    componentRef: React.RefObject<HTMLDivElement>;
-    hasFooter?: boolean;
-    hasHeader?: boolean;
-    hasScroll?: boolean;
-    headerHighlighted?: boolean;
-    footerHighlighted?: boolean;
-    headerOffset?: number;
-    setHeaderOffset: (offset: number) => void;
-    contentRef: Ref<HTMLElement>;
-    setHasHeader: (exists: boolean) => void;
-    setHasFooter: (exists: boolean) => void;
-    onClose: Required<BaseModalProps>["onClose"];
-};
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-declare const BaseModalContext: React.Context<BaseModalContext>;
-type ModalDesktopProps = BaseModalProps & {
-    /**
-     * Ширина модального окна
-     * @default 600
-     * @description s, m, l, xl deprecated, используйте вместо них 500, 600, 800, 1140 соответственно
-     */
-    size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140;
-    /**
-     * Растягивает модальное окно на весь экран
-     * @deprecated Используйте размер fullscreen
-     */
-    fullscreen?: boolean;
-    /**
-     * Фиксирует позицию модального окна после открытия,
-     * предотвращая скачки, если контент внутри будет меняться
-     */
-    fixedPosition?: boolean;
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean;
-    /**
-     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
-     */
-    iOSLock?: boolean;
-};
-type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
-type View = "desktop" | "mobile";
-type TResponsiveModalContext = {
-    view: View;
-    size: NonNullable<ModalDesktopProps["size"]>;
-    dataTestId?: string;
-};
-type ContentProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Растягивает контент на всю высоту
-     */
-    flex?: boolean;
-};
-declare const Content: FC<ContentProps>;
-interface ControlsProps {
-    /**
-     * Основной слот
-     */
-    primary?: ReactNode;
-    /**
-     * Дополнительный слот
-     */
-    secondary?: ReactNode;
-    /**
-     * Выравнивание элементов футера
-     * @default start
-     */
-    layout?: "start" | "center" | "space-between" | "column";
-    /**
-     * Выравнивание элементов футера (мобильный view)
-     * @default start
-     */
-    mobileLayout?: "start" | "center" | "space-between" | "column";
-    /**
-     * Отступы между элементами футера
-     */
-    gap?: 16 | 24 | 32;
-}
-type FooterProps = {
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Фиксирует футер
-     */
-    sticky?: boolean;
-    /**
-     * Выравнивание элементов футера
-     */
-    layout?: "start" | "center" | "space-between" | "column";
-    /**
-     * Отступы между элементами футера
-     */
-    gap?: 16 | 24 | 32;
-};
-declare const Footer: FC<FooterProps>;
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
      * Текст после иконки
@@ -593,6 +383,202 @@ type NavigationBarPrivateProps = {
 };
 type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 declare const Header: FC<HeaderProps>;
+type ModalHeaderProps = HeaderProps;
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Выравнивание элементов футера
+     */
+    layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
+};
+declare const Footer: FC<FooterProps>;
+type ModalDesktopProps = BaseModalProps & {
+    /**
+     * Ширина модального окна
+     * @default 600
+     * @description s, m, l, xl deprecated, используйте вместо них 500, 600, 800, 1140 соответственно
+     */
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140;
+    /**
+     * Растягивает модальное окно на весь экран
+     * @deprecated Используйте размер fullscreen
+     */
+    fullscreen?: boolean;
+    /**
+     * Фиксирует позицию модального окна после открытия,
+     * предотвращая скачки, если контент внутри будет меняться
+     */
+    fixedPosition?: boolean;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
+};
+type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
+type View = "desktop" | "mobile";
+type TResponsiveModalContext = {
+    view: View;
+    size: NonNullable<ModalDesktopProps["size"]>;
+    dataTestId?: string;
+};
+type ContentProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Растягивает контент на всю высоту
+     */
+    flex?: boolean;
+};
+type ModalContentProps = ContentProps;
+type ContentProps$0 = ModalContentProps;
+type OmittedCalendarProps = "headerClassName" | "contentClassName";
+type OmittedCalendarContentProps = "className" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "dataTestId" | "hasHeader" | "responsive" | "showCurrentYearSelector";
+type CalendarContentProps = {
+    /**
+     * Обработчик клика на название месяца в мобильном календаре
+     */
+    onMonthTitleClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
+    /**
+     * Количество лет для генерации в обе стороны от текущего года
+     */
+    yearsAmount?: number;
+    /**
+     * Родительский контейнер для отслеживания скролла
+     */
+    scrollableContainer?: HTMLElement;
+} & Omit<CalendarDesktopProps, OmittedCalendarContentProps | OmittedCalendarProps>;
+type CalendarMobileProps = {
+    /**
+     * Заголовок календаря
+     */
+    title?: string;
+    /**
+     * Управление видимостью модалки
+     */
+    open: boolean;
+    /**
+     * Обработчик закрытия модалки
+     */
+    onClose?: () => void;
+    /**
+     * Разрешить выбор из недозаполненного диапазона дат.
+     */
+    allowSelectionFromEmptyRange?: boolean;
+    /**
+     * Нужно ли рендерить шапку
+     */
+    hasHeader?: boolean;
+    /**
+     * Обработчик клика на кнопку выбрать
+     */
+    onApply?: () => void;
+    /**
+     * При клике на месяц будут выбраны все доступные дни месяца
+     */
+    clickableMonth?: boolean;
+    /**
+     * Контент кнопки "Отмена"
+     * @default Отмена
+     */
+    cancelButtonContent?: string;
+    /**
+     * Контент кнопки "Выбрать"
+     * @default Выбрать
+     */
+    selectButtonContent?: string;
+    /**
+     * Контент кнопки "Сбросить"
+     * @default Сбросить
+     */
+    resetButtonContent?: string;
+} & CalendarContentProps & Pick<CalendarDesktopProps, OmittedCalendarContentProps> & Pick<ModalHeaderProps, "hasBackButton" | "onBack">;
+type ResponsiveCalendarProps = CalendarDesktopProps & CalendarMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "desktop" | "mobile";
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     * @deprecated Используйте client
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+declare const CalendarResponsive: React.ForwardRefExoticComponent<CalendarDesktopProps & {
+    title?: string | undefined;
+    open: boolean;
+    onClose?: (() => void) | undefined;
+    allowSelectionFromEmptyRange?: boolean | undefined;
+    hasHeader?: boolean | undefined;
+    onApply?: (() => void) | undefined;
+    clickableMonth?: boolean | undefined;
+    cancelButtonContent?: string | undefined;
+    selectButtonContent?: string | undefined;
+    resetButtonContent?: string | undefined;
+} & {
+    onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
+    yearsAmount?: number | undefined;
+    scrollableContainer?: HTMLElement | undefined;
+} & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & Pick<ModalHeaderProps, "hasBackButton" | "onBack"> & {
+    breakpoint?: number | undefined;
+    client?: "desktop" | "mobile" | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const Content: FC<ContentProps$0>;
+interface ControlsProps {
+    /**
+     * Основной слот
+     */
+    primary?: ReactNode;
+    /**
+     * Дополнительный слот
+     */
+    secondary?: ReactNode;
+    /**
+     * Выравнивание элементов футера
+     * @default start
+     */
+    layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Выравнивание элементов футера (мобильный view)
+     * @default start
+     */
+    mobileLayout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
+}
 declare const ModalMobileComponent: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>>;
 declare const ControlsMobile: React.FC<Omit<ControlsProps, "mobileLayout">>;
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
@@ -611,7 +597,6 @@ declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & {
     view: View;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
-declare const ModalContext: import("react").Context<BaseModalContext>;
 declare const SIZE_TO_CLASSNAME_MAP: {
     s: string;
     m: string;
@@ -746,7 +731,7 @@ declare const typographyPresets: {
         };
     };
 };
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileComponent as ModalComponentMobile, Content as ContentMobile, Header as HeaderMobile, Footer as FooterMobile, ControlsMobile, ModalMobileProps, Modal, ResponsiveContext, ModalContext, SIZE_TO_CLASSNAME_MAP, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, Text, Title as TitleDesktop, TitleResponsive, TitleMobile, typographyPresets };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileComponent as ModalComponentMobile, Content as ContentMobile, Header as HeaderMobile, Footer as FooterMobile, ControlsMobile, ModalMobileProps, Modal, ResponsiveContext, SIZE_TO_CLASSNAME_MAP, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, Text, Title as TitleDesktop, TitleResponsive, TitleMobile, typographyPresets };
 export type { SavedStyle, TextProps };
 export type { TitleProps } from "./index-86dd1e48";
 export type { Color } from "./colors-2c123cbc";

package/universal-date-input/index.css

@@ -53,29 +53,29 @@
 
     /* border */
     --calendar-popover-border-radius: var(--border-radius-8);
-} .universal-date-input__wrapper_190c3 {
+} .universal-date-input__wrapper_w4pj0 {
     display: inline-block;
     outline: none;
     position: relative;
-} .universal-date-input__block_190c3 {
+} .universal-date-input__block_w4pj0 {
     width: 100%;
-} .universal-date-input__calendarIcon_190c3 {
+} .universal-date-input__calendarIcon_w4pj0 {
     width: 24px;
     height: 100%;
     display: block;
     color: var(--calendar-icon-color)
-} .universal-date-input__calendarIcon_190c3.universal-date-input__size-40_190c3 {
+} .universal-date-input__calendarIcon_w4pj0.universal-date-input__size-40_w4pj0 {
         width: 16px;
-    } .universal-date-input__calendarContainer_190c3 {
+    } .universal-date-input__calendarContainer_w4pj0 {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300);
     width: var(--calendar-width)
-} @media (max-width: 374px) { .universal-date-input__calendarContainer_190c3 {
+} @media (max-width: 374px) { .universal-date-input__calendarContainer_w4pj0 {
         width: 100%;
         min-width: 288px
 }
-    } .universal-date-input__blink_190c3.universal-date-input__blink_190c3.universal-date-input__blink_190c3 {
+    } .universal-date-input__blink_w4pj0.universal-date-input__blink_w4pj0.universal-date-input__blink_w4pj0 {
     background-color: var(--color-light-status-muted-negative);
 }

package/universal-date-input/index.module-6d41f2e3.js

@@ -0,0 +1,4 @@
+var styles = {"wrapper":"universal-date-input__wrapper_w4pj0","block":"universal-date-input__block_w4pj0","calendarIcon":"universal-date-input__calendarIcon_w4pj0","size-40":"universal-date-input__size-40_w4pj0","calendarContainer":"universal-date-input__calendarContainer_w4pj0","blink":"universal-date-input__blink_w4pj0"};
+require('./index.css');
+
+exports.styles = styles;

package/universal-date-input/mask/utils.js

@@ -247,7 +247,7 @@ function minMaxValidation(segments, min, max) {
         }
     }
     if (dayFilled && monthFilled && yearFilled) {
-        var date = clamp__default.default(new Date("".concat(segments.year, "-").concat(segments.month, "-").concat(segments.day)), {
+        var date = clamp__default.default(new Date("".concat(segments.year, "-").concat(segments.month, "-").concat(segments.day, "T00:00:00")), {
             start: min,
             end: max,
         });

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

@@ -6,6 +6,7 @@ import '@maskito/react';
 import 'classnames';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
+import '../../shared/modern';
 import './consts.js';
 import './mask/index.js';
 import './mask/plugins.js';
@@ -20,13 +21,12 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../shared/modern';
 import './components/date-input/Component.js';
 import '../../input/modern';
 import '../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
 import '@alfalab/icons-glyph/CalendarSIcon';
-import './index.module-9f13d51b.js';
+import './index.module-7f5a3ca6.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';