@alfalab/core-components-international-phone-input 1.2.2 → 1.2.3

package/{Component-0816e61d.d.ts → Component-e63ec8aa.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-0816e61d";
+import { OptgroupProps } from "./typings-e63ec8aa";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/Component.mobile-ebda875c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/{cssm/index-8b2c2707.d.ts → Component.responsive-8566963f.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
-import { ButtonProps, CommonButtonProps } from "./typings-89f0cb07";
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+import { CommonButtonProps, ButtonProps } from "./typings-89f0cb07";
 declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { Button, ButtonMobile };
-export type { ButtonProps } from "./typings-89f0cb07";
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobile, Button };
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";

package/Component.responsive.d.ts

@@ -7,18 +7,18 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-0816e61d").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-e63ec8aa").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     options?: undefined;
-} & Omit<import("./Component.desktop").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
+} & Omit<import("@alfalab/core-components-input/desktop").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
     options?: undefined;
-} & Omit<import("@alfalab/core-components-input/Component.mobile").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
+} & Omit<import("@alfalab/core-components-input/mobile").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 }) | ({
@@ -28,17 +28,17 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-0816e61d").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-e63ec8aa").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-0816e61d").OptionShape | import("./typings-0816e61d").GroupShape)[];
+    options: (import("./typings-e63ec8aa").OptionShape | import("./typings-e63ec8aa").GroupShape)[];
 } & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-0816e61d").OptionShape | import("./typings-0816e61d").GroupShape)[];
+    options: (import("./typings-e63ec8aa").OptionShape | import("./typings-e63ec8aa").GroupShape)[];
 } & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/Component.responsive.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('@alfalab/core-components-mq');
-var Component_desktop = require('./Component.desktop.js');
-var Component_mobile = require('./Component.mobile.js');
-require('@alfalab/core-components-input/Component.desktop');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+require('@alfalab/core-components-input/desktop');
 require('@alfalab/core-components-input-autocomplete/desktop');
 require('@alfalab/core-components-select/desktop');
 require('./components/base-international-phone-input/Component.js');
@@ -37,7 +37,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var InternationalPhoneInput = React__default.default.forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
-    return isDesktop ? (React__default.default.createElement(Component_desktop.InternationalPhoneInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.InternationalPhoneInputMobile, tslib.__assign({}, restProps, { ref: ref })));
+    return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InternationalPhoneInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InternationalPhoneInputMobile, tslib.__assign({}, restProps, { ref: ref })));
 });
 
 exports.InternationalPhoneInput = InternationalPhoneInput;

package/components/base-international-phone-input/Component.d.ts

@@ -9,13 +9,13 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-0816e61d").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-e63ec8aa").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     Input: React.FC<import("@alfalab/core-components-input").InputProps>;
     InputAutocomplete: React.FC<InputAutocompleteProps>;

package/components/base-international-phone-input/Component.js

@@ -25,7 +25,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 
-var styles = {"component":"international-phone-input__component_p0607","addons":"international-phone-input__addons_p0607"};
+var styles = {"component":"international-phone-input__component_oocev","addons":"international-phone-input__addons_oocev"};
 require('./index.css')
 
 var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {

package/components/base-international-phone-input/index.css

@@ -1,5 +1,5 @@
-/* hash: at8ms */
+/* hash: oo1vx */
 
-    .international-phone-input__component_p0607 .international-phone-input__addons_p0607 {
+    .international-phone-input__component_oocev .international-phone-input__addons_oocev {
         padding-left: 0;
     }

package/components/country-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":"international-phone-input__component_mi3mw","option":"international-phone-input__option_mi3mw","flag":"international-phone-input__flag_mi3mw","countryName":"international-phone-input__countryName_mi3mw","dialCode":"international-phone-input__dialCode_mi3mw","flagIconWrapper":"international-phone-input__flagIconWrapper_mi3mw","emptyCountryIcon":"international-phone-input__emptyCountryIcon_mi3mw"};
+var styles = {"component":"international-phone-input__component_x5drz","option":"international-phone-input__option_x5drz","flag":"international-phone-input__flag_x5drz","countryName":"international-phone-input__countryName_x5drz","dialCode":"international-phone-input__dialCode_x5drz","flagIconWrapper":"international-phone-input__flagIconWrapper_x5drz","emptyCountryIcon":"international-phone-input__emptyCountryIcon_x5drz"};
 require('./index.css')
 
 var CountrySelect = function (_a) {

package/components/country-select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1do4o */
+/* hash: 10vq2 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -18,29 +18,29 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .international-phone-input__component_mi3mw {
+} .international-phone-input__component_x5drz {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_mi3mw {
+} .international-phone-input__option_x5drz {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_mi3mw {
+} .international-phone-input__flag_x5drz {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_mi3mw {
+} .international-phone-input__countryName_x5drz {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_mi3mw {
+} .international-phone-input__dialCode_x5drz {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_mi3mw {
+} .international-phone-input__flagIconWrapper_x5drz {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_mi3mw {
+} .international-phone-input__emptyCountryIcon_x5drz {
     color: var(--color-light-neutral-translucent-700);
 }

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":"international-phone-input__flagIcon_1imig","flagPlaceholder":"international-phone-input__flagPlaceholder_1imig"};
+var styles = {"flagIcon":"international-phone-input__flagIcon_17z8b","flagPlaceholder":"international-phone-input__flagPlaceholder_17z8b"};
 require('./index.css')
 
 /**

package/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1nxx9 */
+/* hash: 1p7tu */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* 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 {
-} .international-phone-input__flagIcon_1imig {
+} .international-phone-input__flagIcon_17z8b {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_1imig {
+} .international-phone-input__flagPlaceholder_17z8b {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/components/select-field/component.js

@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"international-phone-input__component_janu6","flagIconContainer":"international-phone-input__flagIconContainer_janu6","emptyCountryIcon":"international-phone-input__emptyCountryIcon_janu6","disabled":"international-phone-input__disabled_janu6","inner":"international-phone-input__inner_janu6","l":"international-phone-input__l_janu6","xl":"international-phone-input__xl_janu6","focusVisible":"international-phone-input__focusVisible_janu6"};
+var styles = {"component":"international-phone-input__component_16h25","flagIconContainer":"international-phone-input__flagIconContainer_16h25","emptyCountryIcon":"international-phone-input__emptyCountryIcon_16h25","disabled":"international-phone-input__disabled_16h25","inner":"international-phone-input__inner_16h25","l":"international-phone-input__l_16h25","xl":"international-phone-input__xl_16h25","focusVisible":"international-phone-input__focusVisible_16h25"};
 require('./index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ip3b */
+/* hash: 1jxbb */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .international-phone-input__component_janu6 {
+} .international-phone-input__component_16h25 {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_janu6 {
+} .international-phone-input__flagIconContainer_16h25 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_janu6 {
+} .international-phone-input__emptyCountryIcon_16h25 {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_janu6 {
+} .international-phone-input__disabled_16h25 {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_janu6 {
+} .international-phone-input__inner_16h25 {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__l_janu6 .international-phone-input__inner_janu6,
-.international-phone-input__xl_janu6 .international-phone-input__inner_janu6 {
+} .international-phone-input__l_16h25 .international-phone-input__inner_16h25,
+.international-phone-input__xl_16h25 .international-phone-input__inner_16h25 {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_janu6 {
+} .international-phone-input__focusVisible_16h25 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/cssm/{Component-0816e61d.d.ts → Component-e63ec8aa.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-0816e61d";
+import { OptgroupProps } from "./typings-e63ec8aa";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/cssm/Component.mobile-ebda875c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/{esm/index-8b2c2707.d.ts → cssm/Component.responsive-8566963f.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
-import { ButtonProps, CommonButtonProps } from "./typings-89f0cb07";
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+import { CommonButtonProps, ButtonProps } from "./typings-89f0cb07";
 declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { Button, ButtonMobile };
-export type { ButtonProps } from "./typings-89f0cb07";
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobile, Button };
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";

package/cssm/Component.responsive.d.ts

@@ -7,18 +7,18 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-0816e61d").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-e63ec8aa").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     options?: undefined;
-} & Omit<import("./Component.desktop").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
+} & Omit<import("@alfalab/core-components-input/desktop").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
     options?: undefined;
-} & Omit<import("@alfalab/core-components-input/Component.mobile").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
+} & Omit<import("@alfalab/core-components-input/mobile").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 }) | ({
@@ -28,17 +28,17 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-0816e61d").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-e63ec8aa").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-0816e61d").OptionShape | import("./typings-0816e61d").GroupShape)[];
+    options: (import("./typings-e63ec8aa").OptionShape | import("./typings-e63ec8aa").GroupShape)[];
 } & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-0816e61d").OptionShape | import("./typings-0816e61d").GroupShape)[];
+    options: (import("./typings-e63ec8aa").OptionShape | import("./typings-e63ec8aa").GroupShape)[];
 } & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/cssm/Component.responsive.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
-var Component_desktop = require('./Component.desktop.js');
-var Component_mobile = require('./Component.mobile.js');
-require('@alfalab/core-components-input/cssm/Component.desktop');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+require('@alfalab/core-components-input/cssm/desktop');
 require('@alfalab/core-components-input-autocomplete/cssm/desktop');
 require('@alfalab/core-components-select/cssm/desktop');
 require('./components/base-international-phone-input/Component.js');
@@ -41,7 +41,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var InternationalPhoneInput = React__default.default.forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
-    return isDesktop ? (React__default.default.createElement(Component_desktop.InternationalPhoneInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.InternationalPhoneInputMobile, tslib.__assign({}, restProps, { ref: ref })));
+    return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InternationalPhoneInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InternationalPhoneInputMobile, tslib.__assign({}, restProps, { ref: ref })));
 });
 
 exports.InternationalPhoneInput = InternationalPhoneInput;

package/cssm/components/base-international-phone-input/Component.d.ts

@@ -9,13 +9,13 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-0816e61d").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-e63ec8aa").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     Input: React.FC<import("@alfalab/core-components-input").InputProps>;
     InputAutocomplete: React.FC<InputAutocompleteProps>;

package/cssm/{Component.desktop.d.ts → desktop/Component.desktop.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { InternationalPhoneInputDesktopProps } from "./types";
+import { InternationalPhoneInputDesktopProps } from "../types";
 declare const InternationalPhoneInputDesktop: React.ForwardRefExoticComponent<InternationalPhoneInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
 export { InternationalPhoneInputDesktop };

package/cssm/{Component.desktop.js → desktop/Component.desktop.js}

@@ -4,29 +4,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var Component_desktop = require('@alfalab/core-components-input/cssm/Component.desktop');
-var desktop$1 = require('@alfalab/core-components-input-autocomplete/cssm/desktop');
+var desktop$1 = require('@alfalab/core-components-input/cssm/desktop');
+var desktop$2 = require('@alfalab/core-components-input-autocomplete/cssm/desktop');
 var desktop = require('@alfalab/core-components-select/cssm/desktop');
-var components_baseInternationalPhoneInput_Component = require('./components/base-international-phone-input/Component.js');
+var components_baseInternationalPhoneInput_Component = require('../components/base-international-phone-input/Component.js');
 require('react-merge-refs');
 require('@maskito/core');
 require('@maskito/react');
 require('@alfalab/core-components-select/cssm/shared');
-require('./utils/index.js');
+require('../utils/index.js');
 require('@alfalab/core-components-shared/cssm');
-require('./consts.js');
-require('./data/country-data.js');
-require('./components/country-select/Component.js');
+require('../consts.js');
+require('../data/country-data.js');
+require('../components/country-select/Component.js');
 require('@alfalab/icons-glyph/WorldMagnifierMIcon');
-require('./components/flag-icon/component.js');
+require('../components/flag-icon/component.js');
 require('classnames');
-require('./components/flag-icon/flagSprite.js');
-require('./components/flag-icon/index.module.css');
-require('./components/select-field/component.js');
+require('../components/flag-icon/flagSprite.js');
+require('../components/flag-icon/index.module.css');
+require('../components/select-field/component.js');
 require('@alfalab/hooks');
-require('./components/select-field/index.module.css');
-require('./components/country-select/index.module.css');
-require('./components/base-international-phone-input/index.module.css');
+require('../components/select-field/index.module.css');
+require('../components/country-select/index.module.css');
+require('../components/base-international-phone-input/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -34,7 +34,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var InternationalPhoneInputDesktop = React.forwardRef(function (_a, ref) {
     var value = _a.value, _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = tslib.__rest(_a, ["value", "clearableCountryCode"]);
-    return (React__default.default.createElement(components_baseInternationalPhoneInput_Component.BaseInternationalPhoneInput, tslib.__assign({ selected: value }, restProps, { clearableCountryCode: clearableCountryCode, value: value, view: 'desktop', ref: ref, SelectComponent: desktop.SelectDesktop, Input: Component_desktop.InputDesktop, InputAutocomplete: desktop$1.InputAutocompleteDesktop })));
+    return (React__default.default.createElement(components_baseInternationalPhoneInput_Component.BaseInternationalPhoneInput, tslib.__assign({ selected: value }, restProps, { clearableCountryCode: clearableCountryCode, value: value, view: 'desktop', ref: ref, SelectComponent: desktop.SelectDesktop, Input: desktop$1.InputDesktop, InputAutocomplete: desktop$2.InputAutocompleteDesktop })));
 });
 
 exports.InternationalPhoneInputDesktop = InternationalPhoneInputDesktop;

package/cssm/desktop/index.d.ts

@@ -1,2 +1,2 @@
-export { InternationalPhoneInputDesktop } from "../Component.desktop";
+export { InternationalPhoneInputDesktop } from "./Component.desktop";
 export type { InternationalPhoneInputDesktopProps } from "../types";

package/cssm/desktop/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('../Component.desktop.js');
+var desktop_Component_desktop = require('./Component.desktop.js');
 require('tslib');
 require('react');
-require('@alfalab/core-components-input/cssm/Component.desktop');
+require('@alfalab/core-components-input/cssm/desktop');
 require('@alfalab/core-components-input-autocomplete/cssm/desktop');
 require('@alfalab/core-components-select/cssm/desktop');
 require('../components/base-international-phone-input/Component.js');
@@ -31,4 +31,4 @@ require('../components/base-international-phone-input/index.module.css');
 
 
 
-exports.InternationalPhoneInputDesktop = Component_desktop.InternationalPhoneInputDesktop;
+exports.InternationalPhoneInputDesktop = desktop_Component_desktop.InternationalPhoneInputDesktop;

package/cssm/{Component.desktop-0aa4e915.d.ts → index-8566963f.d.ts}

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import React from 'react';
+import React from "react";
 import { CommonButtonProps } from "./typings-89f0cb07";
 declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { ButtonDesktop };
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/cssm/index-89f0cb07.d.ts

@@ -1,2 +1,2 @@
-export { ButtonDesktop } from "./Component.desktop-0aa4e915";
-export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";
+export { Button } from "./Component.responsive-8566963f";
+export type { ButtonProps } from "./typings-89f0cb07";