@alfalab/core-components 27.5.0-beta.0 → 27.5.0-beta.1

package/grid/modern/col/Component.js

@@ -1,7 +1,7 @@
 import cn from 'classnames';
 import React, { useMemo } from 'react';
 import { createClassNames } from '../utils/index.js';
-import { g as guttersStyles } from '../gutters.module-51acae6d.js';
+import { g as guttersStyles } from '../gutters.module-b3d8c159.js';
 
 var styles = {"component":"grid__component_onfe8","width-auto":"grid__width-auto_onfe8","width-available":"grid__width-available_onfe8","width-1":"grid__width-1_onfe8","width-2":"grid__width-2_onfe8","width-3":"grid__width-3_onfe8","width-4":"grid__width-4_onfe8","width-5":"grid__width-5_onfe8","width-6":"grid__width-6_onfe8","width-7":"grid__width-7_onfe8","width-8":"grid__width-8_onfe8","width-9":"grid__width-9_onfe8","width-10":"grid__width-10_onfe8","width-11":"grid__width-11_onfe8","width-12":"grid__width-12_onfe8","align-top":"grid__align-top_onfe8","align-middle":"grid__align-middle_onfe8","align-bottom":"grid__align-bottom_onfe8","offset-1":"grid__offset-1_onfe8","offset-2":"grid__offset-2_onfe8","offset-3":"grid__offset-3_onfe8","offset-4":"grid__offset-4_onfe8","offset-5":"grid__offset-5_onfe8","offset-6":"grid__offset-6_onfe8","offset-7":"grid__offset-7_onfe8","offset-8":"grid__offset-8_onfe8","offset-9":"grid__offset-9_onfe8","offset-10":"grid__offset-10_onfe8","offset-11":"grid__offset-11_onfe8","order-first":"grid__order-first_onfe8","order-last":"grid__order-last_onfe8","order-1":"grid__order-1_onfe8","order-2":"grid__order-2_onfe8","order-3":"grid__order-3_onfe8","order-4":"grid__order-4_onfe8","order-5":"grid__order-5_onfe8","order-6":"grid__order-6_onfe8","order-7":"grid__order-7_onfe8","order-8":"grid__order-8_onfe8","order-9":"grid__order-9_onfe8","order-10":"grid__order-10_onfe8","order-11":"grid__order-11_onfe8","order-12":"grid__order-12_onfe8","width-mobile-auto":"grid__width-mobile-auto_onfe8","width-mobile-available":"grid__width-mobile-available_onfe8","width-mobile-1":"grid__width-mobile-1_onfe8","width-mobile-2":"grid__width-mobile-2_onfe8","width-mobile-3":"grid__width-mobile-3_onfe8","width-mobile-4":"grid__width-mobile-4_onfe8","width-mobile-5":"grid__width-mobile-5_onfe8","width-mobile-6":"grid__width-mobile-6_onfe8","width-mobile-7":"grid__width-mobile-7_onfe8","width-mobile-8":"grid__width-mobile-8_onfe8","width-mobile-9":"grid__width-mobile-9_onfe8","width-mobile-10":"grid__width-mobile-10_onfe8","width-mobile-11":"grid__width-mobile-11_onfe8","width-mobile-12":"grid__width-mobile-12_onfe8","offset-mobile-1":"grid__offset-mobile-1_onfe8","offset-mobile-2":"grid__offset-mobile-2_onfe8","offset-mobile-3":"grid__offset-mobile-3_onfe8","offset-mobile-4":"grid__offset-mobile-4_onfe8","offset-mobile-5":"grid__offset-mobile-5_onfe8","offset-mobile-6":"grid__offset-mobile-6_onfe8","offset-mobile-7":"grid__offset-mobile-7_onfe8","offset-mobile-8":"grid__offset-mobile-8_onfe8","offset-mobile-9":"grid__offset-mobile-9_onfe8","offset-mobile-10":"grid__offset-mobile-10_onfe8","offset-mobile-11":"grid__offset-mobile-11_onfe8","order-mobile-first":"grid__order-mobile-first_onfe8","order-mobile-last":"grid__order-mobile-last_onfe8","order-mobile-1":"grid__order-mobile-1_onfe8","order-mobile-2":"grid__order-mobile-2_onfe8","order-mobile-3":"grid__order-mobile-3_onfe8","order-mobile-4":"grid__order-mobile-4_onfe8","order-mobile-5":"grid__order-mobile-5_onfe8","order-mobile-6":"grid__order-mobile-6_onfe8","order-mobile-7":"grid__order-mobile-7_onfe8","order-mobile-8":"grid__order-mobile-8_onfe8","order-mobile-9":"grid__order-mobile-9_onfe8","order-mobile-10":"grid__order-mobile-10_onfe8","order-mobile-11":"grid__order-mobile-11_onfe8","order-mobile-12":"grid__order-mobile-12_onfe8","width-mobile-s-auto":"grid__width-mobile-s-auto_onfe8","width-mobile-s-available":"grid__width-mobile-s-available_onfe8","width-mobile-s-1":"grid__width-mobile-s-1_onfe8","width-mobile-s-2":"grid__width-mobile-s-2_onfe8","width-mobile-s-3":"grid__width-mobile-s-3_onfe8","width-mobile-s-4":"grid__width-mobile-s-4_onfe8","width-mobile-s-5":"grid__width-mobile-s-5_onfe8","width-mobile-s-6":"grid__width-mobile-s-6_onfe8","width-mobile-s-7":"grid__width-mobile-s-7_onfe8","width-mobile-s-8":"grid__width-mobile-s-8_onfe8","width-mobile-s-9":"grid__width-mobile-s-9_onfe8","width-mobile-s-10":"grid__width-mobile-s-10_onfe8","width-mobile-s-11":"grid__width-mobile-s-11_onfe8","width-mobile-s-12":"grid__width-mobile-s-12_onfe8","offset-mobile-s-1":"grid__offset-mobile-s-1_onfe8","offset-mobile-s-2":"grid__offset-mobile-s-2_onfe8","offset-mobile-s-3":"grid__offset-mobile-s-3_onfe8","offset-mobile-s-4":"grid__offset-mobile-s-4_onfe8","offset-mobile-s-5":"grid__offset-mobile-s-5_onfe8","offset-mobile-s-6":"grid__offset-mobile-s-6_onfe8","offset-mobile-s-7":"grid__offset-mobile-s-7_onfe8","offset-mobile-s-8":"grid__offset-mobile-s-8_onfe8","offset-mobile-s-9":"grid__offset-mobile-s-9_onfe8","offset-mobile-s-10":"grid__offset-mobile-s-10_onfe8","offset-mobile-s-11":"grid__offset-mobile-s-11_onfe8","order-mobile-s-first":"grid__order-mobile-s-first_onfe8","order-mobile-s-last":"grid__order-mobile-s-last_onfe8","order-mobile-s-1":"grid__order-mobile-s-1_onfe8","order-mobile-s-2":"grid__order-mobile-s-2_onfe8","order-mobile-s-3":"grid__order-mobile-s-3_onfe8","order-mobile-s-4":"grid__order-mobile-s-4_onfe8","order-mobile-s-5":"grid__order-mobile-s-5_onfe8","order-mobile-s-6":"grid__order-mobile-s-6_onfe8","order-mobile-s-7":"grid__order-mobile-s-7_onfe8","order-mobile-s-8":"grid__order-mobile-s-8_onfe8","order-mobile-s-9":"grid__order-mobile-s-9_onfe8","order-mobile-s-10":"grid__order-mobile-s-10_onfe8","order-mobile-s-11":"grid__order-mobile-s-11_onfe8","order-mobile-s-12":"grid__order-mobile-s-12_onfe8","width-mobile-m-auto":"grid__width-mobile-m-auto_onfe8","width-mobile-m-available":"grid__width-mobile-m-available_onfe8","width-mobile-m-1":"grid__width-mobile-m-1_onfe8","width-mobile-m-2":"grid__width-mobile-m-2_onfe8","width-mobile-m-3":"grid__width-mobile-m-3_onfe8","width-mobile-m-4":"grid__width-mobile-m-4_onfe8","width-mobile-m-5":"grid__width-mobile-m-5_onfe8","width-mobile-m-6":"grid__width-mobile-m-6_onfe8","width-mobile-m-7":"grid__width-mobile-m-7_onfe8","width-mobile-m-8":"grid__width-mobile-m-8_onfe8","width-mobile-m-9":"grid__width-mobile-m-9_onfe8","width-mobile-m-10":"grid__width-mobile-m-10_onfe8","width-mobile-m-11":"grid__width-mobile-m-11_onfe8","width-mobile-m-12":"grid__width-mobile-m-12_onfe8","offset-mobile-m-1":"grid__offset-mobile-m-1_onfe8","offset-mobile-m-2":"grid__offset-mobile-m-2_onfe8","offset-mobile-m-3":"grid__offset-mobile-m-3_onfe8","offset-mobile-m-4":"grid__offset-mobile-m-4_onfe8","offset-mobile-m-5":"grid__offset-mobile-m-5_onfe8","offset-mobile-m-6":"grid__offset-mobile-m-6_onfe8","offset-mobile-m-7":"grid__offset-mobile-m-7_onfe8","offset-mobile-m-8":"grid__offset-mobile-m-8_onfe8","offset-mobile-m-9":"grid__offset-mobile-m-9_onfe8","offset-mobile-m-10":"grid__offset-mobile-m-10_onfe8","offset-mobile-m-11":"grid__offset-mobile-m-11_onfe8","order-mobile-m-first":"grid__order-mobile-m-first_onfe8","order-mobile-m-last":"grid__order-mobile-m-last_onfe8","order-mobile-m-1":"grid__order-mobile-m-1_onfe8","order-mobile-m-2":"grid__order-mobile-m-2_onfe8","order-mobile-m-3":"grid__order-mobile-m-3_onfe8","order-mobile-m-4":"grid__order-mobile-m-4_onfe8","order-mobile-m-5":"grid__order-mobile-m-5_onfe8","order-mobile-m-6":"grid__order-mobile-m-6_onfe8","order-mobile-m-7":"grid__order-mobile-m-7_onfe8","order-mobile-m-8":"grid__order-mobile-m-8_onfe8","order-mobile-m-9":"grid__order-mobile-m-9_onfe8","order-mobile-m-10":"grid__order-mobile-m-10_onfe8","order-mobile-m-11":"grid__order-mobile-m-11_onfe8","order-mobile-m-12":"grid__order-mobile-m-12_onfe8","width-mobile-l-auto":"grid__width-mobile-l-auto_onfe8","width-mobile-l-available":"grid__width-mobile-l-available_onfe8","width-mobile-l-1":"grid__width-mobile-l-1_onfe8","width-mobile-l-2":"grid__width-mobile-l-2_onfe8","width-mobile-l-3":"grid__width-mobile-l-3_onfe8","width-mobile-l-4":"grid__width-mobile-l-4_onfe8","width-mobile-l-5":"grid__width-mobile-l-5_onfe8","width-mobile-l-6":"grid__width-mobile-l-6_onfe8","width-mobile-l-7":"grid__width-mobile-l-7_onfe8","width-mobile-l-8":"grid__width-mobile-l-8_onfe8","width-mobile-l-9":"grid__width-mobile-l-9_onfe8","width-mobile-l-10":"grid__width-mobile-l-10_onfe8","width-mobile-l-11":"grid__width-mobile-l-11_onfe8","width-mobile-l-12":"grid__width-mobile-l-12_onfe8","offset-mobile-l-1":"grid__offset-mobile-l-1_onfe8","offset-mobile-l-2":"grid__offset-mobile-l-2_onfe8","offset-mobile-l-3":"grid__offset-mobile-l-3_onfe8","offset-mobile-l-4":"grid__offset-mobile-l-4_onfe8","offset-mobile-l-5":"grid__offset-mobile-l-5_onfe8","offset-mobile-l-6":"grid__offset-mobile-l-6_onfe8","offset-mobile-l-7":"grid__offset-mobile-l-7_onfe8","offset-mobile-l-8":"grid__offset-mobile-l-8_onfe8","offset-mobile-l-9":"grid__offset-mobile-l-9_onfe8","offset-mobile-l-10":"grid__offset-mobile-l-10_onfe8","offset-mobile-l-11":"grid__offset-mobile-l-11_onfe8","order-mobile-l-first":"grid__order-mobile-l-first_onfe8","order-mobile-l-last":"grid__order-mobile-l-last_onfe8","order-mobile-l-1":"grid__order-mobile-l-1_onfe8","order-mobile-l-2":"grid__order-mobile-l-2_onfe8","order-mobile-l-3":"grid__order-mobile-l-3_onfe8","order-mobile-l-4":"grid__order-mobile-l-4_onfe8","order-mobile-l-5":"grid__order-mobile-l-5_onfe8","order-mobile-l-6":"grid__order-mobile-l-6_onfe8","order-mobile-l-7":"grid__order-mobile-l-7_onfe8","order-mobile-l-8":"grid__order-mobile-l-8_onfe8","order-mobile-l-9":"grid__order-mobile-l-9_onfe8","order-mobile-l-10":"grid__order-mobile-l-10_onfe8","order-mobile-l-11":"grid__order-mobile-l-11_onfe8","order-mobile-l-12":"grid__order-mobile-l-12_onfe8","width-tablet-auto":"grid__width-tablet-auto_onfe8","width-tablet-available":"grid__width-tablet-available_onfe8","width-tablet-1":"grid__width-tablet-1_onfe8","width-tablet-2":"grid__width-tablet-2_onfe8","width-tablet-3":"grid__width-tablet-3_onfe8","width-tablet-4":"grid__width-tablet-4_onfe8","width-tablet-5":"grid__width-tablet-5_onfe8","width-tablet-6":"grid__width-tablet-6_onfe8","width-tablet-7":"grid__width-tablet-7_onfe8","width-tablet-8":"grid__width-tablet-8_onfe8","width-tablet-9":"grid__width-tablet-9_onfe8","width-tablet-10":"grid__width-tablet-10_onfe8","width-tablet-11":"grid__width-tablet-11_onfe8","width-tablet-12":"grid__width-tablet-12_onfe8","offset-tablet-1":"grid__offset-tablet-1_onfe8","offset-tablet-2":"grid__offset-tablet-2_onfe8","offset-tablet-3":"grid__offset-tablet-3_onfe8","offset-tablet-4":"grid__offset-tablet-4_onfe8","offset-tablet-5":"grid__offset-tablet-5_onfe8","offset-tablet-6":"grid__offset-tablet-6_onfe8","offset-tablet-7":"grid__offset-tablet-7_onfe8","offset-tablet-8":"grid__offset-tablet-8_onfe8","offset-tablet-9":"grid__offset-tablet-9_onfe8","offset-tablet-10":"grid__offset-tablet-10_onfe8","offset-tablet-11":"grid__offset-tablet-11_onfe8","order-tablet-first":"grid__order-tablet-first_onfe8","order-tablet-last":"grid__order-tablet-last_onfe8","order-tablet-1":"grid__order-tablet-1_onfe8","order-tablet-2":"grid__order-tablet-2_onfe8","order-tablet-3":"grid__order-tablet-3_onfe8","order-tablet-4":"grid__order-tablet-4_onfe8","order-tablet-5":"grid__order-tablet-5_onfe8","order-tablet-6":"grid__order-tablet-6_onfe8","order-tablet-7":"grid__order-tablet-7_onfe8","order-tablet-8":"grid__order-tablet-8_onfe8","order-tablet-9":"grid__order-tablet-9_onfe8","order-tablet-10":"grid__order-tablet-10_onfe8","order-tablet-11":"grid__order-tablet-11_onfe8","order-tablet-12":"grid__order-tablet-12_onfe8","width-tablet-s-auto":"grid__width-tablet-s-auto_onfe8","width-tablet-s-available":"grid__width-tablet-s-available_onfe8","width-tablet-s-1":"grid__width-tablet-s-1_onfe8","width-tablet-s-2":"grid__width-tablet-s-2_onfe8","width-tablet-s-3":"grid__width-tablet-s-3_onfe8","width-tablet-s-4":"grid__width-tablet-s-4_onfe8","width-tablet-s-5":"grid__width-tablet-s-5_onfe8","width-tablet-s-6":"grid__width-tablet-s-6_onfe8","width-tablet-s-7":"grid__width-tablet-s-7_onfe8","width-tablet-s-8":"grid__width-tablet-s-8_onfe8","width-tablet-s-9":"grid__width-tablet-s-9_onfe8","width-tablet-s-10":"grid__width-tablet-s-10_onfe8","width-tablet-s-11":"grid__width-tablet-s-11_onfe8","width-tablet-s-12":"grid__width-tablet-s-12_onfe8","offset-tablet-s-1":"grid__offset-tablet-s-1_onfe8","offset-tablet-s-2":"grid__offset-tablet-s-2_onfe8","offset-tablet-s-3":"grid__offset-tablet-s-3_onfe8","offset-tablet-s-4":"grid__offset-tablet-s-4_onfe8","offset-tablet-s-5":"grid__offset-tablet-s-5_onfe8","offset-tablet-s-6":"grid__offset-tablet-s-6_onfe8","offset-tablet-s-7":"grid__offset-tablet-s-7_onfe8","offset-tablet-s-8":"grid__offset-tablet-s-8_onfe8","offset-tablet-s-9":"grid__offset-tablet-s-9_onfe8","offset-tablet-s-10":"grid__offset-tablet-s-10_onfe8","offset-tablet-s-11":"grid__offset-tablet-s-11_onfe8","order-tablet-s-first":"grid__order-tablet-s-first_onfe8","order-tablet-s-last":"grid__order-tablet-s-last_onfe8","order-tablet-s-1":"grid__order-tablet-s-1_onfe8","order-tablet-s-2":"grid__order-tablet-s-2_onfe8","order-tablet-s-3":"grid__order-tablet-s-3_onfe8","order-tablet-s-4":"grid__order-tablet-s-4_onfe8","order-tablet-s-5":"grid__order-tablet-s-5_onfe8","order-tablet-s-6":"grid__order-tablet-s-6_onfe8","order-tablet-s-7":"grid__order-tablet-s-7_onfe8","order-tablet-s-8":"grid__order-tablet-s-8_onfe8","order-tablet-s-9":"grid__order-tablet-s-9_onfe8","order-tablet-s-10":"grid__order-tablet-s-10_onfe8","order-tablet-s-11":"grid__order-tablet-s-11_onfe8","order-tablet-s-12":"grid__order-tablet-s-12_onfe8","width-tablet-m-auto":"grid__width-tablet-m-auto_onfe8","width-tablet-m-available":"grid__width-tablet-m-available_onfe8","width-tablet-m-1":"grid__width-tablet-m-1_onfe8","width-tablet-m-2":"grid__width-tablet-m-2_onfe8","width-tablet-m-3":"grid__width-tablet-m-3_onfe8","width-tablet-m-4":"grid__width-tablet-m-4_onfe8","width-tablet-m-5":"grid__width-tablet-m-5_onfe8","width-tablet-m-6":"grid__width-tablet-m-6_onfe8","width-tablet-m-7":"grid__width-tablet-m-7_onfe8","width-tablet-m-8":"grid__width-tablet-m-8_onfe8","width-tablet-m-9":"grid__width-tablet-m-9_onfe8","width-tablet-m-10":"grid__width-tablet-m-10_onfe8","width-tablet-m-11":"grid__width-tablet-m-11_onfe8","width-tablet-m-12":"grid__width-tablet-m-12_onfe8","offset-tablet-m-1":"grid__offset-tablet-m-1_onfe8","offset-tablet-m-2":"grid__offset-tablet-m-2_onfe8","offset-tablet-m-3":"grid__offset-tablet-m-3_onfe8","offset-tablet-m-4":"grid__offset-tablet-m-4_onfe8","offset-tablet-m-5":"grid__offset-tablet-m-5_onfe8","offset-tablet-m-6":"grid__offset-tablet-m-6_onfe8","offset-tablet-m-7":"grid__offset-tablet-m-7_onfe8","offset-tablet-m-8":"grid__offset-tablet-m-8_onfe8","offset-tablet-m-9":"grid__offset-tablet-m-9_onfe8","offset-tablet-m-10":"grid__offset-tablet-m-10_onfe8","offset-tablet-m-11":"grid__offset-tablet-m-11_onfe8","order-tablet-m-first":"grid__order-tablet-m-first_onfe8","order-tablet-m-last":"grid__order-tablet-m-last_onfe8","order-tablet-m-1":"grid__order-tablet-m-1_onfe8","order-tablet-m-2":"grid__order-tablet-m-2_onfe8","order-tablet-m-3":"grid__order-tablet-m-3_onfe8","order-tablet-m-4":"grid__order-tablet-m-4_onfe8","order-tablet-m-5":"grid__order-tablet-m-5_onfe8","order-tablet-m-6":"grid__order-tablet-m-6_onfe8","order-tablet-m-7":"grid__order-tablet-m-7_onfe8","order-tablet-m-8":"grid__order-tablet-m-8_onfe8","order-tablet-m-9":"grid__order-tablet-m-9_onfe8","order-tablet-m-10":"grid__order-tablet-m-10_onfe8","order-tablet-m-11":"grid__order-tablet-m-11_onfe8","order-tablet-m-12":"grid__order-tablet-m-12_onfe8","width-desktop-auto":"grid__width-desktop-auto_onfe8","width-desktop-available":"grid__width-desktop-available_onfe8","width-desktop-1":"grid__width-desktop-1_onfe8","width-desktop-2":"grid__width-desktop-2_onfe8","width-desktop-3":"grid__width-desktop-3_onfe8","width-desktop-4":"grid__width-desktop-4_onfe8","width-desktop-5":"grid__width-desktop-5_onfe8","width-desktop-6":"grid__width-desktop-6_onfe8","width-desktop-7":"grid__width-desktop-7_onfe8","width-desktop-8":"grid__width-desktop-8_onfe8","width-desktop-9":"grid__width-desktop-9_onfe8","width-desktop-10":"grid__width-desktop-10_onfe8","width-desktop-11":"grid__width-desktop-11_onfe8","width-desktop-12":"grid__width-desktop-12_onfe8","offset-desktop-1":"grid__offset-desktop-1_onfe8","offset-desktop-2":"grid__offset-desktop-2_onfe8","offset-desktop-3":"grid__offset-desktop-3_onfe8","offset-desktop-4":"grid__offset-desktop-4_onfe8","offset-desktop-5":"grid__offset-desktop-5_onfe8","offset-desktop-6":"grid__offset-desktop-6_onfe8","offset-desktop-7":"grid__offset-desktop-7_onfe8","offset-desktop-8":"grid__offset-desktop-8_onfe8","offset-desktop-9":"grid__offset-desktop-9_onfe8","offset-desktop-10":"grid__offset-desktop-10_onfe8","offset-desktop-11":"grid__offset-desktop-11_onfe8","order-desktop-first":"grid__order-desktop-first_onfe8","order-desktop-last":"grid__order-desktop-last_onfe8","order-desktop-1":"grid__order-desktop-1_onfe8","order-desktop-2":"grid__order-desktop-2_onfe8","order-desktop-3":"grid__order-desktop-3_onfe8","order-desktop-4":"grid__order-desktop-4_onfe8","order-desktop-5":"grid__order-desktop-5_onfe8","order-desktop-6":"grid__order-desktop-6_onfe8","order-desktop-7":"grid__order-desktop-7_onfe8","order-desktop-8":"grid__order-desktop-8_onfe8","order-desktop-9":"grid__order-desktop-9_onfe8","order-desktop-10":"grid__order-desktop-10_onfe8","order-desktop-11":"grid__order-desktop-11_onfe8","order-desktop-12":"grid__order-desktop-12_onfe8","width-desktop-s-auto":"grid__width-desktop-s-auto_onfe8","width-desktop-s-available":"grid__width-desktop-s-available_onfe8","width-desktop-s-1":"grid__width-desktop-s-1_onfe8","width-desktop-s-2":"grid__width-desktop-s-2_onfe8","width-desktop-s-3":"grid__width-desktop-s-3_onfe8","width-desktop-s-4":"grid__width-desktop-s-4_onfe8","width-desktop-s-5":"grid__width-desktop-s-5_onfe8","width-desktop-s-6":"grid__width-desktop-s-6_onfe8","width-desktop-s-7":"grid__width-desktop-s-7_onfe8","width-desktop-s-8":"grid__width-desktop-s-8_onfe8","width-desktop-s-9":"grid__width-desktop-s-9_onfe8","width-desktop-s-10":"grid__width-desktop-s-10_onfe8","width-desktop-s-11":"grid__width-desktop-s-11_onfe8","width-desktop-s-12":"grid__width-desktop-s-12_onfe8","offset-desktop-s-1":"grid__offset-desktop-s-1_onfe8","offset-desktop-s-2":"grid__offset-desktop-s-2_onfe8","offset-desktop-s-3":"grid__offset-desktop-s-3_onfe8","offset-desktop-s-4":"grid__offset-desktop-s-4_onfe8","offset-desktop-s-5":"grid__offset-desktop-s-5_onfe8","offset-desktop-s-6":"grid__offset-desktop-s-6_onfe8","offset-desktop-s-7":"grid__offset-desktop-s-7_onfe8","offset-desktop-s-8":"grid__offset-desktop-s-8_onfe8","offset-desktop-s-9":"grid__offset-desktop-s-9_onfe8","offset-desktop-s-10":"grid__offset-desktop-s-10_onfe8","offset-desktop-s-11":"grid__offset-desktop-s-11_onfe8","order-desktop-s-first":"grid__order-desktop-s-first_onfe8","order-desktop-s-last":"grid__order-desktop-s-last_onfe8","order-desktop-s-1":"grid__order-desktop-s-1_onfe8","order-desktop-s-2":"grid__order-desktop-s-2_onfe8","order-desktop-s-3":"grid__order-desktop-s-3_onfe8","order-desktop-s-4":"grid__order-desktop-s-4_onfe8","order-desktop-s-5":"grid__order-desktop-s-5_onfe8","order-desktop-s-6":"grid__order-desktop-s-6_onfe8","order-desktop-s-7":"grid__order-desktop-s-7_onfe8","order-desktop-s-8":"grid__order-desktop-s-8_onfe8","order-desktop-s-9":"grid__order-desktop-s-9_onfe8","order-desktop-s-10":"grid__order-desktop-s-10_onfe8","order-desktop-s-11":"grid__order-desktop-s-11_onfe8","order-desktop-s-12":"grid__order-desktop-s-12_onfe8","width-desktop-m-auto":"grid__width-desktop-m-auto_onfe8","width-desktop-m-available":"grid__width-desktop-m-available_onfe8","width-desktop-m-1":"grid__width-desktop-m-1_onfe8","width-desktop-m-2":"grid__width-desktop-m-2_onfe8","width-desktop-m-3":"grid__width-desktop-m-3_onfe8","width-desktop-m-4":"grid__width-desktop-m-4_onfe8","width-desktop-m-5":"grid__width-desktop-m-5_onfe8","width-desktop-m-6":"grid__width-desktop-m-6_onfe8","width-desktop-m-7":"grid__width-desktop-m-7_onfe8","width-desktop-m-8":"grid__width-desktop-m-8_onfe8","width-desktop-m-9":"grid__width-desktop-m-9_onfe8","width-desktop-m-10":"grid__width-desktop-m-10_onfe8","width-desktop-m-11":"grid__width-desktop-m-11_onfe8","width-desktop-m-12":"grid__width-desktop-m-12_onfe8","offset-desktop-m-1":"grid__offset-desktop-m-1_onfe8","offset-desktop-m-2":"grid__offset-desktop-m-2_onfe8","offset-desktop-m-3":"grid__offset-desktop-m-3_onfe8","offset-desktop-m-4":"grid__offset-desktop-m-4_onfe8","offset-desktop-m-5":"grid__offset-desktop-m-5_onfe8","offset-desktop-m-6":"grid__offset-desktop-m-6_onfe8","offset-desktop-m-7":"grid__offset-desktop-m-7_onfe8","offset-desktop-m-8":"grid__offset-desktop-m-8_onfe8","offset-desktop-m-9":"grid__offset-desktop-m-9_onfe8","offset-desktop-m-10":"grid__offset-desktop-m-10_onfe8","offset-desktop-m-11":"grid__offset-desktop-m-11_onfe8","order-desktop-m-first":"grid__order-desktop-m-first_onfe8","order-desktop-m-last":"grid__order-desktop-m-last_onfe8","order-desktop-m-1":"grid__order-desktop-m-1_onfe8","order-desktop-m-2":"grid__order-desktop-m-2_onfe8","order-desktop-m-3":"grid__order-desktop-m-3_onfe8","order-desktop-m-4":"grid__order-desktop-m-4_onfe8","order-desktop-m-5":"grid__order-desktop-m-5_onfe8","order-desktop-m-6":"grid__order-desktop-m-6_onfe8","order-desktop-m-7":"grid__order-desktop-m-7_onfe8","order-desktop-m-8":"grid__order-desktop-m-8_onfe8","order-desktop-m-9":"grid__order-desktop-m-9_onfe8","order-desktop-m-10":"grid__order-desktop-m-10_onfe8","order-desktop-m-11":"grid__order-desktop-m-11_onfe8","order-desktop-m-12":"grid__order-desktop-m-12_onfe8","width-desktop-l-auto":"grid__width-desktop-l-auto_onfe8","width-desktop-l-available":"grid__width-desktop-l-available_onfe8","width-desktop-l-1":"grid__width-desktop-l-1_onfe8","width-desktop-l-2":"grid__width-desktop-l-2_onfe8","width-desktop-l-3":"grid__width-desktop-l-3_onfe8","width-desktop-l-4":"grid__width-desktop-l-4_onfe8","width-desktop-l-5":"grid__width-desktop-l-5_onfe8","width-desktop-l-6":"grid__width-desktop-l-6_onfe8","width-desktop-l-7":"grid__width-desktop-l-7_onfe8","width-desktop-l-8":"grid__width-desktop-l-8_onfe8","width-desktop-l-9":"grid__width-desktop-l-9_onfe8","width-desktop-l-10":"grid__width-desktop-l-10_onfe8","width-desktop-l-11":"grid__width-desktop-l-11_onfe8","width-desktop-l-12":"grid__width-desktop-l-12_onfe8","offset-desktop-l-1":"grid__offset-desktop-l-1_onfe8","offset-desktop-l-2":"grid__offset-desktop-l-2_onfe8","offset-desktop-l-3":"grid__offset-desktop-l-3_onfe8","offset-desktop-l-4":"grid__offset-desktop-l-4_onfe8","offset-desktop-l-5":"grid__offset-desktop-l-5_onfe8","offset-desktop-l-6":"grid__offset-desktop-l-6_onfe8","offset-desktop-l-7":"grid__offset-desktop-l-7_onfe8","offset-desktop-l-8":"grid__offset-desktop-l-8_onfe8","offset-desktop-l-9":"grid__offset-desktop-l-9_onfe8","offset-desktop-l-10":"grid__offset-desktop-l-10_onfe8","offset-desktop-l-11":"grid__offset-desktop-l-11_onfe8","order-desktop-l-first":"grid__order-desktop-l-first_onfe8","order-desktop-l-last":"grid__order-desktop-l-last_onfe8","order-desktop-l-1":"grid__order-desktop-l-1_onfe8","order-desktop-l-2":"grid__order-desktop-l-2_onfe8","order-desktop-l-3":"grid__order-desktop-l-3_onfe8","order-desktop-l-4":"grid__order-desktop-l-4_onfe8","order-desktop-l-5":"grid__order-desktop-l-5_onfe8","order-desktop-l-6":"grid__order-desktop-l-6_onfe8","order-desktop-l-7":"grid__order-desktop-l-7_onfe8","order-desktop-l-8":"grid__order-desktop-l-8_onfe8","order-desktop-l-9":"grid__order-desktop-l-9_onfe8","order-desktop-l-10":"grid__order-desktop-l-10_onfe8","order-desktop-l-11":"grid__order-desktop-l-11_onfe8","order-desktop-l-12":"grid__order-desktop-l-12_onfe8","width-desktop-xl-auto":"grid__width-desktop-xl-auto_onfe8","width-desktop-xl-available":"grid__width-desktop-xl-available_onfe8","width-desktop-xl-1":"grid__width-desktop-xl-1_onfe8","width-desktop-xl-2":"grid__width-desktop-xl-2_onfe8","width-desktop-xl-3":"grid__width-desktop-xl-3_onfe8","width-desktop-xl-4":"grid__width-desktop-xl-4_onfe8","width-desktop-xl-5":"grid__width-desktop-xl-5_onfe8","width-desktop-xl-6":"grid__width-desktop-xl-6_onfe8","width-desktop-xl-7":"grid__width-desktop-xl-7_onfe8","width-desktop-xl-8":"grid__width-desktop-xl-8_onfe8","width-desktop-xl-9":"grid__width-desktop-xl-9_onfe8","width-desktop-xl-10":"grid__width-desktop-xl-10_onfe8","width-desktop-xl-11":"grid__width-desktop-xl-11_onfe8","width-desktop-xl-12":"grid__width-desktop-xl-12_onfe8","offset-desktop-xl-1":"grid__offset-desktop-xl-1_onfe8","offset-desktop-xl-2":"grid__offset-desktop-xl-2_onfe8","offset-desktop-xl-3":"grid__offset-desktop-xl-3_onfe8","offset-desktop-xl-4":"grid__offset-desktop-xl-4_onfe8","offset-desktop-xl-5":"grid__offset-desktop-xl-5_onfe8","offset-desktop-xl-6":"grid__offset-desktop-xl-6_onfe8","offset-desktop-xl-7":"grid__offset-desktop-xl-7_onfe8","offset-desktop-xl-8":"grid__offset-desktop-xl-8_onfe8","offset-desktop-xl-9":"grid__offset-desktop-xl-9_onfe8","offset-desktop-xl-10":"grid__offset-desktop-xl-10_onfe8","offset-desktop-xl-11":"grid__offset-desktop-xl-11_onfe8","order-desktop-xl-first":"grid__order-desktop-xl-first_onfe8","order-desktop-xl-last":"grid__order-desktop-xl-last_onfe8","order-desktop-xl-1":"grid__order-desktop-xl-1_onfe8","order-desktop-xl-2":"grid__order-desktop-xl-2_onfe8","order-desktop-xl-3":"grid__order-desktop-xl-3_onfe8","order-desktop-xl-4":"grid__order-desktop-xl-4_onfe8","order-desktop-xl-5":"grid__order-desktop-xl-5_onfe8","order-desktop-xl-6":"grid__order-desktop-xl-6_onfe8","order-desktop-xl-7":"grid__order-desktop-xl-7_onfe8","order-desktop-xl-8":"grid__order-desktop-xl-8_onfe8","order-desktop-xl-9":"grid__order-desktop-xl-9_onfe8","order-desktop-xl-10":"grid__order-desktop-xl-10_onfe8","order-desktop-xl-11":"grid__order-desktop-xl-11_onfe8","order-desktop-xl-12":"grid__order-desktop-xl-12_onfe8"};
 require('./index.css');

package/grid/modern/col/index.js

@@ -1,5 +1,5 @@
 import 'classnames';
 import 'react';
 import '../utils/index.js';
-import '../gutters.module-51acae6d.js';
+import '../gutters.module-b3d8c159.js';
 export { Col } from './Component.js';

package/grid/modern/index.js

@@ -1,7 +1,7 @@
 import 'classnames';
 import 'react';
 import './utils/index.js';
-import './gutters.module-51acae6d.js';
+import './gutters.module-b3d8c159.js';
 import './row/Component.js';
 import './col/Component.js';
 export { Grid } from './Component.js';

package/grid/modern/row/Component.js

@@ -1,7 +1,7 @@
 import cn from 'classnames';
 import React, { useMemo } from 'react';
 import { createClassNames } from '../utils/index.js';
-import { g as guttersStyles } from '../gutters.module-51acae6d.js';
+import { g as guttersStyles } from '../gutters.module-b3d8c159.js';
 
 var styles = {"component":"grid__component_1htbk","top":"grid__top_1htbk","middle":"grid__middle_1htbk","bottom":"grid__bottom_1htbk","left":"grid__left_1htbk","center":"grid__center_1htbk","right":"grid__right_1htbk","around":"grid__around_1htbk","between":"grid__between_1htbk"};
 require('./index.css');

package/grid/modern/row/index.js

@@ -1,5 +1,5 @@
 import 'classnames';
 import 'react';
 import '../utils/index.js';
-import '../gutters.module-51acae6d.js';
+import '../gutters.module-b3d8c159.js';
 export { Row } from './Component.js';

package/grid/row/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var gutters_module = require('../gutters.module-6e339a9b.js');
+var gutters_module = require('../gutters.module-6cf62fc7.js');
 var cn = require('classnames');
 var React = require('react');
 var utils_index = require('../utils/index.js');

package/grid/row/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../gutters.module-6e339a9b.js');
+require('../gutters.module-6cf62fc7.js');
 require('classnames');
 require('react');
 require('../utils/index.js');

package/icon-view/circle.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-a506989a.js');
+require('./tslib.es6-8094a52b.js');
 require('react');
 require('./components/circle/paths.js');
 require('classnames');

package/icon-view/components/circle/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-a506989a.js');
+var tslib_es6 = require('../../tslib.es6-8094a52b.js');
 var React = require('react');
 var components_circle_paths = require('./paths.js');
 require('classnames');

package/icon-view/components/circle/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-a506989a.js');
+require('../../tslib.es6-8094a52b.js');
 require('react');
 require('./paths.js');
 require('classnames');

package/icon-view/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-a506989a.js');
+require('../tslib.es6-8094a52b.js');
 require('react');
 require('./circle/paths.js');
 require('classnames');

package/icon-view/components/super-ellipse/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-a506989a.js');
+var tslib_es6 = require('../../tslib.es6-8094a52b.js');
 var React = require('react');
 require('classnames');
 require('../base-shape/utils.js');

package/icon-view/components/super-ellipse/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-a506989a.js');
+require('../../tslib.es6-8094a52b.js');
 require('react');
 require('classnames');
 require('../base-shape/utils.js');

package/icon-view/esm/circle.js

@@ -1,4 +1,4 @@
-import './tslib.es6-2437b6eb.js';
+import './tslib.es6-5384b801.js';
 import 'react';
 import './components/circle/paths.js';
 import 'classnames';

package/icon-view/esm/components/circle/component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-2437b6eb.js';
+import { _ as __assign } from '../../tslib.es6-5384b801.js';
 import React, { forwardRef } from 'react';
 import { pathsMap } from './paths.js';
 import 'classnames';

package/icon-view/esm/components/circle/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-2437b6eb.js';
+import '../../tslib.es6-5384b801.js';
 import 'react';
 import './paths.js';
 import 'classnames';

package/icon-view/esm/components/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-2437b6eb.js';
+import '../tslib.es6-5384b801.js';
 import 'react';
 import './circle/paths.js';
 import 'classnames';

package/icon-view/esm/components/super-ellipse/component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-2437b6eb.js';
+import { _ as __assign } from '../../tslib.es6-5384b801.js';
 import React, { forwardRef } from 'react';
 import 'classnames';
 import '../base-shape/utils.js';

package/icon-view/esm/components/super-ellipse/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-2437b6eb.js';
+import '../../tslib.es6-5384b801.js';
 import 'react';
 import 'classnames';
 import '../base-shape/utils.js';

package/icon-view/esm/super-ellipse.js

@@ -1,4 +1,4 @@
-import './tslib.es6-2437b6eb.js';
+import './tslib.es6-5384b801.js';
 import 'react';
 import 'classnames';
 import './components/base-shape/utils.js';

package/icon-view/super-ellipse.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-a506989a.js');
+require('./tslib.es6-8094a52b.js');
 require('react');
 require('classnames');
 require('./components/base-shape/utils.js');

package/input-autocomplete/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('./Component-c887a42f.js');
+var autocompleteField_Component = require('./Component-72f8f6ed.js');
 var React = require('react');
 var coreComponentsSelect = require('../select');
 require('classnames');

package/input-autocomplete/autocomplete-field/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('../Component-c887a42f.js');
+var autocompleteField_Component = require('../Component-72f8f6ed.js');
 require('react');
 require('classnames');
 require('../../input');

package/input-autocomplete/autocomplete-field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-c887a42f";
+export * from "../Component-72f8f6ed";

package/input-autocomplete/autocomplete-field/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('../Component-c887a42f.js');
+var autocompleteField_Component = require('../Component-72f8f6ed.js');
 require('react');
 require('classnames');
 require('../../input');

package/input-autocomplete/esm/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import 'classnames';
 import '../../input/esm';
 import 'react-merge-refs';
-import { _ as __rest, a as __assign, A as AutocompleteField } from './Component-7f8e2082.js';
+import { _ as __rest, a as __assign, A as AutocompleteField } from './Component-045b7e76.js';
 import { BaseSelect, OptionsList, Optgroup, Option } from '../../select/esm';
 
 var InputAutocomplete = forwardRef(function (_a, ref) {

package/input-autocomplete/esm/autocomplete-field/Component.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import '../../../input/esm';
 import 'react-merge-refs';
-export { A as AutocompleteField } from '../Component-7f8e2082.js';
+export { A as AutocompleteField } from '../Component-045b7e76.js';

package/input-autocomplete/esm/autocomplete-field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-7f8e2082";
+export * from "../Component-045b7e76";

package/input-autocomplete/esm/autocomplete-field/index.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import '../../../input/esm';
 import 'react-merge-refs';
-export { A as AutocompleteField } from '../Component-7f8e2082.js';
+export { A as AutocompleteField } from '../Component-045b7e76.js';

package/input-autocomplete/esm/index.js

@@ -2,6 +2,6 @@ import 'react';
 import 'classnames';
 import '../../input/esm';
 import 'react-merge-refs';
-import './Component-7f8e2082.js';
+import './Component-045b7e76.js';
 import '../../select/esm';
 export { InputAutocomplete } from './Component.js';

package/input-autocomplete/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-c887a42f.js');
+require('./Component-72f8f6ed.js');
 require('react');
 require('../select');
 require('classnames');

package/intl-phone-input/component.d.ts

@@ -34,7 +34,7 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & P
      */
     clearableCountryCode?: boolean;
 };
-declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "error" | "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "className" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "optionsListWidth" | "options" | "visibleOptions" | "open" | "label" | "hint" | "Arrow" | "dataTestId" | "fieldClassName" | "success" | "block" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "popperClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "preventFlip" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
+declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "className" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "optionsListWidth" | "options" | "visibleOptions" | "open" | "label" | "error" | "hint" | "Arrow" | "dataTestId" | "fieldClassName" | "success" | "block" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "popperClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "preventFlip" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
     /**
      * Значение
      */

package/intl-phone-input/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('./component-57e026d4.js');
+var components_selectField_component = require('./component-e1246f94.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('@alfalab/utils');
@@ -27,8 +27,9 @@ var MAX_DIAL_CODE_LENGTH = 4;
 var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.countries, countries = _g === void 0 ? utils.getCountries() : _g, _h = _a.clearableCountryCode, clearableCountryCode = _h === void 0 ? true : _h, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _j = _a.defaultCountryIso2, defaultCountryIso2 = _j === void 0 ? 'ru' : _j, preventFlip = _a.preventFlip, inputProps = _a.inputProps, restProps = components_selectField_component.__rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps"]);
     var _k = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _k[0], setCountryIso2 = _k[1];
+    var _l = React.useState(0), fieldWidth = _l[0], setFieldWidth = _l[1];
     var inputRef = React.useRef(null);
-    var _l = React.useState(null), inputWrapperRef = _l[0], setInputWrapperRef = _l[1];
+    var _m = React.useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
     var phoneLibUtils = React.useRef();
     var setCountryByIso2 = React.useCallback(function (iso2) {
         var country = countriesHash[iso2];
@@ -81,7 +82,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     }, [countries, countryIso2, setValue, handleCountryChange]);
     var loadPhoneUtils = React.useCallback(function () {
         // prettier-ignore
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-2f8d53bc.js'); })
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-4aa7d56f.js'); })
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
         })
@@ -139,7 +140,12 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var countryCodeLength = ("+" + country.dialCode).length;
     useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
     usePreventCaretReset.usePreventCaretReset({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    React.useEffect(function () {
+        if (inputWrapperRef) {
+            setFieldWidth(inputWrapperRef.getBoundingClientRect().width);
+        }
+    }, [inputWrapperRef]);
+    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: fieldWidth, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

package/intl-phone-input/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../component-57e026d4.js');
+var components_selectField_component = require('../component-e1246f94.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/components/select/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-57e026d4.js');
+var components_selectField_component = require('../../component-e1246f94.js');
 var React = require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/components/select/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-57e026d4.js');
+require('../../component-e1246f94.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/components/select-field/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-57e026d4.js');
+var components_selectField_component = require('../../component-e1246f94.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/components/select-field/index.d.ts

@@ -1 +1 @@
-export * from "../../component-57e026d4";
+export * from "../../component-e1246f94";

package/intl-phone-input/components/select-field/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-57e026d4.js');
+var components_selectField_component = require('../../component-e1246f94.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/cssm/component.d.ts

@@ -34,7 +34,7 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & P
      */
     clearableCountryCode?: boolean;
 };
-declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "error" | "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "className" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "optionsListWidth" | "options" | "visibleOptions" | "open" | "label" | "hint" | "Arrow" | "dataTestId" | "fieldClassName" | "success" | "block" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "popperClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "preventFlip" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
+declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "className" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "optionsListWidth" | "options" | "visibleOptions" | "open" | "label" | "error" | "hint" | "Arrow" | "dataTestId" | "fieldClassName" | "success" | "block" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "popperClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "preventFlip" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
     /**
      * Значение
      */

package/intl-phone-input/cssm/component.js

@@ -29,8 +29,9 @@ var MAX_DIAL_CODE_LENGTH = 4;
 var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.countries, countries = _g === void 0 ? utils.getCountries() : _g, _h = _a.clearableCountryCode, clearableCountryCode = _h === void 0 ? true : _h, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _j = _a.defaultCountryIso2, defaultCountryIso2 = _j === void 0 ? 'ru' : _j, preventFlip = _a.preventFlip, inputProps = _a.inputProps, restProps = components_selectField_component.__rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps"]);
     var _k = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _k[0], setCountryIso2 = _k[1];
+    var _l = React.useState(0), fieldWidth = _l[0], setFieldWidth = _l[1];
     var inputRef = React.useRef(null);
-    var _l = React.useState(null), inputWrapperRef = _l[0], setInputWrapperRef = _l[1];
+    var _m = React.useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
     var phoneLibUtils = React.useRef();
     var setCountryByIso2 = React.useCallback(function (iso2) {
         var country = countriesHash[iso2];
@@ -141,7 +142,12 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var countryCodeLength = ("+" + country.dialCode).length;
     useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
     usePreventCaretReset.usePreventCaretReset({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles__default['default'][size]), addonsClassName: styles__default['default'].addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    React.useEffect(function () {
+        if (inputWrapperRef) {
+            setFieldWidth(inputWrapperRef.getBoundingClientRect().width);
+        }
+    }, [inputWrapperRef]);
+    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles__default['default'][size]), addonsClassName: styles__default['default'].addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: fieldWidth, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

package/intl-phone-input/esm/component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import './components/flag-icon/component.js';
-import { _ as __rest, a as __assign } from './component-d3d64e6f.js';
+import { _ as __rest, a as __assign } from './component-09d8ae3e.js';
 import { getCountriesHash, getCountries } from '@alfalab/utils';
 import { InputAutocomplete } from '../../input-autocomplete/esm';
 import '../../select/esm';
@@ -20,8 +20,9 @@ var MAX_DIAL_CODE_LENGTH = 4;
 var IntlPhoneInput = forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.countries, countries = _g === void 0 ? getCountries() : _g, _h = _a.clearableCountryCode, clearableCountryCode = _h === void 0 ? true : _h, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _j = _a.defaultCountryIso2, defaultCountryIso2 = _j === void 0 ? 'ru' : _j, preventFlip = _a.preventFlip, inputProps = _a.inputProps, restProps = __rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps"]);
     var _k = useState(defaultCountryIso2.toLowerCase()), countryIso2 = _k[0], setCountryIso2 = _k[1];
+    var _l = useState(0), fieldWidth = _l[0], setFieldWidth = _l[1];
     var inputRef = useRef(null);
-    var _l = useState(null), inputWrapperRef = _l[0], setInputWrapperRef = _l[1];
+    var _m = useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
     var phoneLibUtils = useRef();
     var setCountryByIso2 = useCallback(function (iso2) {
         var country = countriesHash[iso2];
@@ -74,7 +75,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
     }, [countries, countryIso2, setValue, handleCountryChange]);
     var loadPhoneUtils = useCallback(function () {
         // prettier-ignore
-        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-7ee2f7e8.js')
+        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-9c36b30c.js')
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
         })
@@ -132,7 +133,12 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
     var countryCodeLength = ("+" + country.dialCode).length;
     useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
     usePreventCaretReset({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    return (React.createElement(InputAutocomplete, __assign({}, restProps, { ref: ref, inputProps: __assign(__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn(className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React.createElement(CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    useEffect(function () {
+        if (inputWrapperRef) {
+            setFieldWidth(inputWrapperRef.getBoundingClientRect().width);
+        }
+    }, [inputWrapperRef]);
+    return (React.createElement(InputAutocomplete, __assign({}, restProps, { ref: ref, inputProps: __assign(__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn(className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React.createElement(CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: fieldWidth, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

package/intl-phone-input/esm/components/index.js

@@ -3,6 +3,6 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 export { FlagIcon } from './flag-icon/component.js';
-export { S as SelectField } from '../component-d3d64e6f.js';
+export { S as SelectField } from '../component-09d8ae3e.js';
 import '../../../select/esm';
 export { CountriesSelect } from './select/component.js';

package/intl-phone-input/esm/components/select/component.js

@@ -3,7 +3,7 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import { FlagIcon } from '../flag-icon/component.js';
-import { a as __assign, S as SelectField } from '../../component-d3d64e6f.js';
+import { a as __assign, S as SelectField } from '../../component-09d8ae3e.js';
 import { VirtualOptionsList, Select } from '../../../../select/esm';
 
 var styles = {"component":"intl-phone-input__component_19bc0","option":"intl-phone-input__option_19bc0","flag":"intl-phone-input__flag_19bc0","countryName":"intl-phone-input__countryName_19bc0","dialCode":"intl-phone-input__dialCode_19bc0"};