@alfalab/core-components 45.8.0-beta.5 → 45.9.0

package/confirmation/modern/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-27ad8a44.js';
+import '../countdown-section-f3215ad8.js';
 import '../../../button/modern';
 import '../../../spinner/modern';

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

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-27ad8a44.js';
+import '../../countdown-section-f3215ad8.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

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

@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/modern';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-27ad8a44.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-f3215ad8.js';
 import '../../../utils.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';

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

@@ -4,5 +4,5 @@ import '../../../../../button/modern';
 import '../../../../../spinner/modern';
 import '../../../../../typography/modern';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-27ad8a44.js';
+export { C as CountdownSection } from '../../../countdown-section-f3215ad8.js';
 import '../../../utils.js';

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

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-27ad8a44.js';
+import '../../../countdown-section-f3215ad8.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';

package/confirmation/modern/desktop/component.desktop.js

@@ -12,7 +12,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-27ad8a44.js';
+import '../countdown-section-f3215ad8.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/desktop/index.js

@@ -13,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-27ad8a44.js';
+import '../countdown-section-f3215ad8.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/index.js

@@ -15,7 +15,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-27ad8a44.js';
+import './countdown-section-f3215ad8.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/mobile/component.mobile.js

@@ -12,7 +12,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-27ad8a44.js';
+import '../countdown-section-f3215ad8.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/mobile/index.js

@@ -13,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-27ad8a44.js';
+import '../countdown-section-f3215ad8.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/modern';
 import '../../../typography/modern';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-27ad8a44.js';
+import '../countdown-section-f3215ad8.js';
 import '../../../button/modern';
 import '../../../spinner/modern';

package/international-phone-input/cssm/typings-57569e57.d.ts

@@ -8,7 +8,7 @@ import { BaseModalProps, BaseModalContext } from "./index-bdb4c6b9";
 import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
-import { SwipeableHandlers } from "react-swipeable";
+import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
 import { ButtonProps } from "./index-6d57839f";
 import { ContentProps } from "./typings-88b743b5";
@@ -672,6 +672,16 @@ type SwipeableBackdropProps = BackdropProps & {
     opacityTimeout?: number;
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
+declare const horizontalDirections: [
+    string,
+    string
+];
+type ShouldSkipSwipingParams = {
+    deltaY: number;
+    startY: number;
+    event: HandledEvents;
+    dir: SwipeDirections;
+};
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -885,6 +895,12 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "breakpoint" | "href" | "Component" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+declare enum SwipeDirection {
+    Left = "Left",
+    Right = "Right",
+    Up = "Up",
+    Down = "Down"
+}
 declare const Content: FC<ContentProps>;
 type UseSelectWithApplyProps = {
     /**
@@ -1586,7 +1602,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
 export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
 export type { ContentProps as ModalContentProps } from "./typings-88b743b5";

package/international-phone-input/esm/typings-57569e57.d.ts

@@ -8,7 +8,7 @@ import { BaseModalProps, BaseModalContext } from "./index-bdb4c6b9";
 import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
-import { SwipeableHandlers } from "react-swipeable";
+import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
 import { ButtonProps } from "./index-6d57839f";
 import { ContentProps } from "./typings-88b743b5";
@@ -672,6 +672,16 @@ type SwipeableBackdropProps = BackdropProps & {
     opacityTimeout?: number;
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
+declare const horizontalDirections: [
+    string,
+    string
+];
+type ShouldSkipSwipingParams = {
+    deltaY: number;
+    startY: number;
+    event: HandledEvents;
+    dir: SwipeDirections;
+};
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -885,6 +895,12 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "breakpoint" | "href" | "Component" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+declare enum SwipeDirection {
+    Left = "Left",
+    Right = "Right",
+    Up = "Up",
+    Down = "Down"
+}
 declare const Content: FC<ContentProps>;
 type UseSelectWithApplyProps = {
     /**
@@ -1586,7 +1602,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
 export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
 export type { ContentProps as ModalContentProps } from "./typings-88b743b5";

package/international-phone-input/modern/typings-57569e57.d.ts

@@ -8,7 +8,7 @@ import { BaseModalProps, BaseModalContext } from "./index-bdb4c6b9";
 import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
-import { SwipeableHandlers } from "react-swipeable";
+import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
 import { ButtonProps } from "./index-6d57839f";
 import { ContentProps } from "./typings-88b743b5";
@@ -672,6 +672,16 @@ type SwipeableBackdropProps = BackdropProps & {
     opacityTimeout?: number;
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
+declare const horizontalDirections: [
+    string,
+    string
+];
+type ShouldSkipSwipingParams = {
+    deltaY: number;
+    startY: number;
+    event: HandledEvents;
+    dir: SwipeDirections;
+};
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -885,6 +895,12 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "breakpoint" | "href" | "Component" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+declare enum SwipeDirection {
+    Left = "Left",
+    Right = "Right",
+    Up = "Up",
+    Down = "Down"
+}
 declare const Content: FC<ContentProps>;
 type UseSelectWithApplyProps = {
     /**
@@ -1586,7 +1602,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
 export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
 export type { ContentProps as ModalContentProps } from "./typings-88b743b5";

package/international-phone-input/typings-57569e57.d.ts

@@ -8,7 +8,7 @@ import { BaseModalProps, BaseModalContext } from "./index-bdb4c6b9";
 import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
-import { SwipeableHandlers } from "react-swipeable";
+import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
 import { ButtonProps } from "./index-6d57839f";
 import { ContentProps } from "./typings-88b743b5";
@@ -672,6 +672,16 @@ type SwipeableBackdropProps = BackdropProps & {
     opacityTimeout?: number;
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
+declare const horizontalDirections: [
+    string,
+    string
+];
+type ShouldSkipSwipingParams = {
+    deltaY: number;
+    startY: number;
+    event: HandledEvents;
+    dir: SwipeDirections;
+};
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -885,6 +895,12 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "breakpoint" | "href" | "Component" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+declare enum SwipeDirection {
+    Left = "Left",
+    Right = "Right",
+    Up = "Up",
+    Down = "Down"
+}
 declare const Content: FC<ContentProps>;
 type UseSelectWithApplyProps = {
     /**
@@ -1586,7 +1602,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
 export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
 export type { ContentProps as ModalContentProps } from "./typings-88b743b5";

package/modal/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-0786cc33.js');
+var layout_module = require('../../layout.module-7688fd0c.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/components/footer/Component.js

@@ -6,7 +6,7 @@ var coreComponentsShared = require('../../../shared');
 var consts = require('../../consts.js');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-0786cc33.js');
+var layout_module = require('../../layout.module-7688fd0c.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/esm/Component.responsive.js

@@ -12,7 +12,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
-import './layout.module-ec4a90b6.js';
+import './layout.module-95a81cec.js';
 import '../../navigation-bar/esm';
 import 'react-merge-refs';
 

package/modal/esm/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-ec4a90b6.js';
+import { l as layoutStyles } from '../../layout.module-95a81cec.js';
 
 var styles = {"component":"modal__component_1kic4"};
 require('./index.css');

package/modal/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-ec4a90b6.js';
+import '../../layout.module-95a81cec.js';

package/modal/esm/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-ec4a90b6.js';
+import { l as layoutStyles } from '../../layout.module-95a81cec.js';
 import '../../../../base-modal/esm';
 
 var desktopStyles = {"footer":"modal__footer_i3yo5","sticky":"modal__sticky_i3yo5","fullscreen":"modal__fullscreen_i3yo5","size-500":"modal__size-500_i3yo5","size-600":"modal__size-600_i3yo5","size-800":"modal__size-800_i3yo5","size-1140":"modal__size-1140_i3yo5"};

package/modal/esm/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-ec4a90b6.js';
+import '../layout.module-95a81cec.js';
 import '../../../navigation-bar/esm';
 
 var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });

package/modal/esm/desktop/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-ec4a90b6.js';
+import '../layout.module-95a81cec.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/esm';

package/modal/esm/index.js

@@ -10,7 +10,7 @@ import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-ec4a90b6.js';
+import './layout.module-95a81cec.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar/esm';

package/modal/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-ec4a90b6.js';
+import '../layout.module-95a81cec.js';
 import '../../../navigation-bar/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });

package/modal/esm/mobile/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-ec4a90b6.js';
+import '../layout.module-95a81cec.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/esm';

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-8379050e.js';
+import './layout.module-5b92887c.js';
 import '../../navigation-bar/modern';
 import 'react-merge-refs';
 

package/modal/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-8379050e.js';
+import { l as layoutStyles } from '../../layout.module-5b92887c.js';
 
 const styles = {"component":"modal__component_1kic4"};
 require('./index.css');

package/modal/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-8379050e.js';
+import '../../layout.module-5b92887c.js';

package/modal/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-8379050e.js';
+import { l as layoutStyles } from '../../layout.module-5b92887c.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_i3yo5","sticky":"modal__sticky_i3yo5","fullscreen":"modal__fullscreen_i3yo5","size-500":"modal__size-500_i3yo5","size-600":"modal__size-600_i3yo5","size-800":"modal__size-800_i3yo5","size-1140":"modal__size-1140_i3yo5"};

package/modal/modern/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-8379050e.js';
+import '../layout.module-5b92887c.js';
 import '../../../navigation-bar/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));

package/modal/modern/desktop/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-8379050e.js';
+import '../layout.module-5b92887c.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/modern';

package/modal/modern/index.js

@@ -9,7 +9,7 @@ import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-8379050e.js';
+import './layout.module-5b92887c.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar/modern';

package/modal/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-8379050e.js';
+import '../layout.module-5b92887c.js';
 import '../../../navigation-bar/modern';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));

package/modal/modern/mobile/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-8379050e.js';
+import '../layout.module-5b92887c.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/modern';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "45.8.0-beta.5",
+  "version": "45.9.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -81,7 +81,7 @@
     "popper-max-size-modifier": "^0.2.0",
     "react-canvas-pattern-lock": "^2.0.6",
     "react-div-100vh": "^0.7.0",
-    "react-focus-lock": "^2.9.3",
+    "react-focus-lock": "^2.12.1",
     "react-markdown": "6.0.2",
     "react-merge-refs": "^1.1.0",
     "react-popper": "^2.3.0",

package/picker-button/cssm/typings-57569e57.d.ts

@@ -8,7 +8,7 @@ import { BaseModalProps } from "./index-bdb4c6b9";
 import { NavigationBarProps } from "./types-667e33fd";
 import { BackgroundColorType } from "./index-064acd29";
 import { BaseInputProps, BackdropProps } from "./index-ebda875c";
-import { SwipeableHandlers } from "react-swipeable";
+import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { FormControlProps } from "./index-c44170fe";
 import { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
 import { PopoverProps } from "../../popover";
@@ -390,6 +390,22 @@ type SwipeableBackdropProps = BackdropProps & {
     opacityTimeout?: number;
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
+declare const horizontalDirections: [
+    string,
+    string
+];
+type ShouldSkipSwipingParams = {
+    deltaY: number;
+    startY: number;
+    event: HandledEvents;
+    dir: SwipeDirections;
+};
+declare enum SwipeDirection {
+    Left = "Left",
+    Right = "Right",
+    Up = "Up",
+    Down = "Down"
+}
 type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
@@ -1048,7 +1064,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, SwipeDirection, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
 export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
 export { ModalContext } from "./Context-c2e6f1b2";

package/picker-button/esm/typings-57569e57.d.ts

@@ -8,7 +8,7 @@ import { BaseModalProps } from "./index-bdb4c6b9";
 import { NavigationBarProps } from "./types-667e33fd";
 import { BackgroundColorType } from "./index-064acd29";
 import { BaseInputProps, BackdropProps } from "./index-ebda875c";
-import { SwipeableHandlers } from "react-swipeable";
+import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { FormControlProps } from "./index-c44170fe";
 import { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
 import { PopoverProps } from "../../popover";
@@ -390,6 +390,22 @@ type SwipeableBackdropProps = BackdropProps & {
     opacityTimeout?: number;
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
+declare const horizontalDirections: [
+    string,
+    string
+];
+type ShouldSkipSwipingParams = {
+    deltaY: number;
+    startY: number;
+    event: HandledEvents;
+    dir: SwipeDirections;
+};
+declare enum SwipeDirection {
+    Left = "Left",
+    Right = "Right",
+    Up = "Up",
+    Down = "Down"
+}
 type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
@@ -1048,7 +1064,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, SwipeDirection, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
 export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
 export { ModalContext } from "./Context-c2e6f1b2";