@alfalab/core-components-intl-phone-input 9.5.0 → 9.5.2

package/Component-4cd3936b.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { FieldProps } from "./shared-4cd3936b";
-import { InputAutocompleteDesktopProps } from "./Component.desktop-ed17077e";
+import { InputAutocompleteDesktopProps } from "./Component.desktop-4cd3936b";
 type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
 declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
 export * from "./Component.desktop-d873d97d";

package/Component-50136800.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { NavigationBarProps } from "./types-83e2bd9e";
+declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
+export * from "./Component-63dec22f";
+export { NavigationBar };

package/Component-5e1b8383.d.ts

@@ -1,22 +1,100 @@
 /// <reference types="react" />
 import React from "react";
-import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
-import { HeaderProps } from "./Component-ebda875c";
+import { FC, ReactNode } from "react";
+import { ModalMobileProps, ContentProps } from "./typings-bdb4c6b9";
+import { BottomSheetProps } from "./index-f12ee135";
+import { BaseSelectProps } from "./typings-5e1b8383";
 type FooterProps = {
-    handleClear?: () => void;
-    handleApply?: () => void;
-    showClear?: boolean;
-    selectedDraft?: OptionShape[];
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Выравнивание элементов футера
+     */
+    layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
 };
-declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => React.JSX.Element;
-declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
-    showClear?: boolean | undefined;
-    onClose?: (() => void) | undefined;
-    selectedDraft?: OptionShape[] | undefined;
-    OptionsList?: React.FC<OptionsListProps & React.RefAttributes<HTMLDivElement>> | undefined;
-    Footer?: React.FC<FooterProps> | undefined;
-    Header?: React.FC<HeaderProps> | undefined;
-    headerProps?: HeaderProps | undefined;
-    showHeaderWithSelectAll?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { FooterProps, Footer, OptionsListWithApply };
+declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
+    Header: React.FC<import("./Component-c76d6398").HeaderProps>;
+    Footer: React.FC<FooterProps>;
+};
+declare const Content: FC<ContentProps>;
+type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+};
+declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean | undefined;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean | undefined;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<FooterProps> | undefined;
+} & React.RefAttributes<unknown>>;
+export { ModalMobile, Content, SelectMobileProps, BaseSelectMobile };
+export { ModalMobileProps } from "./typings-bdb4c6b9";

package/{cssm/Component-e81c389f.d.ts → Component-c76d6398.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

package/{component-89a3cf4c.d.ts → component-50136800.d.ts}

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ReactNode, RefObject } from "react";
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-425c8522";
+import { BottomSheetProps } from "./types-72dda473";
 type FooterProps = {
     /**
      * Контент футера

package/component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { CountryCode } from 'libphonenumber-js';
-import { InputAutocompleteDesktopProps } from "./Component.desktop-ed17077e";
+import { InputAutocompleteDesktopProps } from "./Component.desktop-4cd3936b";
 import { SelectProps } from "@alfalab/core-components-select";
 import { Country } from '@alfalab/utils';
 type MaxPhoneLenByCountry = Record<string, number>;

package/component.js

@@ -45,7 +45,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
 
-var styles = {"addons":"intl-phone-input__addons_1fvgm","l":"intl-phone-input__l_1fvgm","xl":"intl-phone-input__xl_1fvgm","flagIconWrapper":"intl-phone-input__flagIconWrapper_1fvgm","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1fvgm"};
+var styles = {"addons":"intl-phone-input__addons_13k8r","l":"intl-phone-input__l_13k8r","xl":"intl-phone-input__xl_13k8r","flagIconWrapper":"intl-phone-input__flagIconWrapper_13k8r","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_13k8r"};
 require('./index.css')
 
 var countriesHash = utils.getCountriesHash();

package/components/flag-icon/component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_inglq","flagPlaceholder":"intl-phone-input__flagPlaceholder_inglq"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_77b1w","flagPlaceholder":"intl-phone-input__flagPlaceholder_77b1w"};
 require('./index.css')
 
 /**

package/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1x8hu */
+/* hash: 1bodv */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .intl-phone-input__flagIcon_inglq {
+} .intl-phone-input__flagIcon_77b1w {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_inglq {
+} .intl-phone-input__flagPlaceholder_77b1w {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/components/select/component.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { SelectDesktopProps } from "../../Component.desktop-63dec22f";
+import { SelectDesktopProps } from "../../Component.desktop-5e1b8383";
 import { Country } from '@alfalab/utils';
 type CountriesSelectProps = Pick<SelectDesktopProps, 'size' | 'dataTestId' | 'disabled' | 'onChange' | 'preventFlip'> & {
     selected?: string;

package/components/select/component.js

@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"intl-phone-input__component_1w1fa","option":"intl-phone-input__option_1w1fa","flag":"intl-phone-input__flag_1w1fa","countryName":"intl-phone-input__countryName_1w1fa","dialCode":"intl-phone-input__dialCode_1w1fa"};
+var styles = {"component":"intl-phone-input__component_1aotf","option":"intl-phone-input__option_1aotf","flag":"intl-phone-input__flag_1aotf","countryName":"intl-phone-input__countryName_1aotf","dialCode":"intl-phone-input__dialCode_1aotf"};
 require('./index.css')
 
 var CountriesSelect = function (_a) {

package/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: r3fxc */
+/* hash: 3ymu1 */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,19 +17,19 @@
 } :root {
 } :root {
     --text-secondary-color: var(--color-light-text-secondary);
-} .intl-phone-input__component_1w1fa {
+} .intl-phone-input__component_1aotf {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_1w1fa {
+} .intl-phone-input__option_1aotf {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_1w1fa {
+} .intl-phone-input__flag_1aotf {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .intl-phone-input__countryName_1w1fa {
+} .intl-phone-input__countryName_1aotf {
     margin-right: var(--gap-xs);
-} .intl-phone-input__dialCode_1w1fa {
+} .intl-phone-input__dialCode_1aotf {
     color: var(--text-secondary-color);
 }

package/components/select-field/component.js

@@ -18,7 +18,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
 
-var styles = {"component":"intl-phone-input__component_ib0rl","flagIconContainer":"intl-phone-input__flagIconContainer_ib0rl","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_ib0rl","disabled":"intl-phone-input__disabled_ib0rl","inner":"intl-phone-input__inner_ib0rl","l":"intl-phone-input__l_ib0rl","xl":"intl-phone-input__xl_ib0rl","focusVisible":"intl-phone-input__focusVisible_ib0rl"};
+var styles = {"component":"intl-phone-input__component_1cxeg","flagIconContainer":"intl-phone-input__flagIconContainer_1cxeg","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1cxeg","disabled":"intl-phone-input__disabled_1cxeg","inner":"intl-phone-input__inner_1cxeg","l":"intl-phone-input__l_1cxeg","xl":"intl-phone-input__xl_1cxeg","focusVisible":"intl-phone-input__focusVisible_1cxeg"};
 require('./index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 14rsw */
+/* hash: 1rwlz */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .intl-phone-input__component_ib0rl {
+} .intl-phone-input__component_1cxeg {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_ib0rl {
+} .intl-phone-input__flagIconContainer_1cxeg {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .intl-phone-input__emptyCountryIcon_ib0rl {
+} .intl-phone-input__emptyCountryIcon_1cxeg {
     color: var(--color-light-graphic-secondary);
-} .intl-phone-input__disabled_ib0rl {
+} .intl-phone-input__disabled_1cxeg {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_ib0rl {
+} .intl-phone-input__inner_1cxeg {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .intl-phone-input__l_ib0rl .intl-phone-input__inner_ib0rl,
-.intl-phone-input__xl_ib0rl .intl-phone-input__inner_ib0rl {
+} .intl-phone-input__l_1cxeg .intl-phone-input__inner_1cxeg,
+.intl-phone-input__xl_1cxeg .intl-phone-input__inner_1cxeg {
     padding-left: var(--gap-m);
-} .intl-phone-input__focusVisible_ib0rl {
+} .intl-phone-input__focusVisible_1cxeg {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/createPaddingStyle-72dda473.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { PaddingType } from "./index-72dda473";
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+export { createPaddingStyle };

package/{Component-89a3cf4c.d.ts → cssm/Component-50136800.d.ts}

@@ -28,7 +28,7 @@ type FooterProps = {
 };
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
-    Header: React.FC<import("./Component-e81c389f").HeaderProps>;
+    Header: React.FC<import("./Component-c76d6398").HeaderProps>;
     Footer: React.FC<FooterProps>;
 };
 declare const Content: FC<ContentProps>;
@@ -90,7 +90,7 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */

package/{Component-e81c389f.d.ts → cssm/Component-c76d6398.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

package/cssm/{component-89a3cf4c.d.ts → component-50136800.d.ts}

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ReactNode, RefObject } from "react";
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-425c8522";
+import { BottomSheetProps } from "./types-72dda473";
 type FooterProps = {
     /**
      * Контент футера

package/cssm/createPaddingStyle-72dda473.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { PaddingType } from "./index-72dda473";
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+export { createPaddingStyle };

package/cssm/index-50136800.d.ts

@@ -0,0 +1,8 @@
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+export { isClient, getDataTestId, easingFns };
+export * from "./createPaddingStyle-72dda473";

package/cssm/{index-425c8522.d.ts → index-72dda473.d.ts}

@@ -3,4 +3,10 @@ type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' |
 type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
 type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
 type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
-export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType };
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };

package/cssm/index-c76d6398.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component-50136800";
+export type { NavigationBarProps } from "./types-83e2bd9e";

package/cssm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
-export * from "./component-89a3cf4c";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-425c8522";
+export * from "./component-50136800";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-72dda473";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/cssm/shared-4cd3936b.d.ts

@@ -59,6 +59,6 @@ export * from "./index-ebda875c";
 export * from "./Component-5e1b8383";
 export * from "./hook-c44170fe";
 export * from "./hook-9ea9e32c";
-export * from "./Component-89a3cf4c";
+export * from "./Component-50136800";
 export * from "./typings-5e1b8383";
 export * from "./utils-5e1b8383";

package/cssm/{types-425c8522.d.ts → types-72dda473.d.ts}

@@ -2,8 +2,8 @@
 import { HTMLAttributes, ReactNode, RefObject } from 'react';
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./index-e81c389f";
-import { BackgroundColorType } from "./index-425c8522";
+import { NavigationBarProps } from "./index-c76d6398";
+import { BackgroundColorType } from "./index-72dda473";
 type BottomSheetTitleAlign = 'center' | 'left';
 type BottomSheetProps = {
     /**

package/desktop-63dec22f.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.desktop-785df74d";
+export * from "./Component.desktop-2e2b2125";
 export {};

package/{cssm/Component-89a3cf4c.d.ts → esm/Component-50136800.d.ts}

@@ -28,7 +28,7 @@ type FooterProps = {
 };
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
-    Header: React.FC<import("./Component-e81c389f").HeaderProps>;
+    Header: React.FC<import("./Component-c76d6398").HeaderProps>;
     Footer: React.FC<FooterProps>;
 };
 declare const Content: FC<ContentProps>;
@@ -90,7 +90,7 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */

package/esm/{Component-e81c389f.d.ts → Component-c76d6398.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

package/{modern/component-89a3cf4c.d.ts → esm/component-50136800.d.ts}

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ReactNode, RefObject } from "react";
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-425c8522";
+import { BottomSheetProps } from "./types-72dda473";
 type FooterProps = {
     /**
      * Контент футера

package/esm/component.js

@@ -17,7 +17,7 @@ import '@alfalab/core-components-select/esm/desktop';
 import '@alfalab/core-components-select/esm/shared';
 import './components/select-field/component.js';
 
-var styles = {"addons":"intl-phone-input__addons_1fvgm","l":"intl-phone-input__l_1fvgm","xl":"intl-phone-input__xl_1fvgm","flagIconWrapper":"intl-phone-input__flagIconWrapper_1fvgm","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1fvgm"};
+var styles = {"addons":"intl-phone-input__addons_13k8r","l":"intl-phone-input__l_13k8r","xl":"intl-phone-input__xl_13k8r","flagIconWrapper":"intl-phone-input__flagIconWrapper_13k8r","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_13k8r"};
 require('./index.css')
 
 var countriesHash = getCountriesHash();

package/esm/components/flag-icon/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { flagSprite } from './flagSprite.js';
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_inglq","flagPlaceholder":"intl-phone-input__flagPlaceholder_inglq"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_77b1w","flagPlaceholder":"intl-phone-input__flagPlaceholder_77b1w"};
 require('./index.css')
 
 /**

package/esm/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1x8hu */
+/* hash: 1bodv */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .intl-phone-input__flagIcon_inglq {
+} .intl-phone-input__flagIcon_77b1w {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_inglq {
+} .intl-phone-input__flagPlaceholder_77b1w {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/esm/components/select/component.js

@@ -10,7 +10,7 @@ import 'react-merge-refs';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 
-var styles = {"component":"intl-phone-input__component_1w1fa","option":"intl-phone-input__option_1w1fa","flag":"intl-phone-input__flag_1w1fa","countryName":"intl-phone-input__countryName_1w1fa","dialCode":"intl-phone-input__dialCode_1w1fa"};
+var styles = {"component":"intl-phone-input__component_1aotf","option":"intl-phone-input__option_1aotf","flag":"intl-phone-input__flag_1aotf","countryName":"intl-phone-input__countryName_1aotf","dialCode":"intl-phone-input__dialCode_1aotf"};
 require('./index.css')
 
 var CountriesSelect = function (_a) {

package/esm/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: r3fxc */
+/* hash: 3ymu1 */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,19 +17,19 @@
 } :root {
 } :root {
     --text-secondary-color: var(--color-light-text-secondary);
-} .intl-phone-input__component_1w1fa {
+} .intl-phone-input__component_1aotf {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_1w1fa {
+} .intl-phone-input__option_1aotf {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_1w1fa {
+} .intl-phone-input__flag_1aotf {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .intl-phone-input__countryName_1w1fa {
+} .intl-phone-input__countryName_1aotf {
     margin-right: var(--gap-xs);
-} .intl-phone-input__dialCode_1w1fa {
+} .intl-phone-input__dialCode_1aotf {
     color: var(--text-secondary-color);
 }

package/esm/components/select-field/component.js

@@ -7,7 +7,7 @@ import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import { FlagIcon } from '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
 
-var styles = {"component":"intl-phone-input__component_ib0rl","flagIconContainer":"intl-phone-input__flagIconContainer_ib0rl","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_ib0rl","disabled":"intl-phone-input__disabled_ib0rl","inner":"intl-phone-input__inner_ib0rl","l":"intl-phone-input__l_ib0rl","xl":"intl-phone-input__xl_ib0rl","focusVisible":"intl-phone-input__focusVisible_ib0rl"};
+var styles = {"component":"intl-phone-input__component_1cxeg","flagIconContainer":"intl-phone-input__flagIconContainer_1cxeg","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1cxeg","disabled":"intl-phone-input__disabled_1cxeg","inner":"intl-phone-input__inner_1cxeg","l":"intl-phone-input__l_1cxeg","xl":"intl-phone-input__xl_1cxeg","focusVisible":"intl-phone-input__focusVisible_1cxeg"};
 require('./index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/esm/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 14rsw */
+/* hash: 1rwlz */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .intl-phone-input__component_ib0rl {
+} .intl-phone-input__component_1cxeg {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_ib0rl {
+} .intl-phone-input__flagIconContainer_1cxeg {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .intl-phone-input__emptyCountryIcon_ib0rl {
+} .intl-phone-input__emptyCountryIcon_1cxeg {
     color: var(--color-light-graphic-secondary);
-} .intl-phone-input__disabled_ib0rl {
+} .intl-phone-input__disabled_1cxeg {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_ib0rl {
+} .intl-phone-input__inner_1cxeg {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .intl-phone-input__l_ib0rl .intl-phone-input__inner_ib0rl,
-.intl-phone-input__xl_ib0rl .intl-phone-input__inner_ib0rl {
+} .intl-phone-input__l_1cxeg .intl-phone-input__inner_1cxeg,
+.intl-phone-input__xl_1cxeg .intl-phone-input__inner_1cxeg {
     padding-left: var(--gap-m);
-} .intl-phone-input__focusVisible_ib0rl {
+} .intl-phone-input__focusVisible_1cxeg {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }