@alfalab/core-components 44.5.1-beta.4 → 44.6.0

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

@@ -80,20 +80,13 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
     var renderCountrySelect = function (compact) {
         var _a;
         if (compact === void 0) { compact = false; }
-        return (React__default.default.createElement(components_countrySelect_Component.CountrySelect, tslib.__assign({}, countrySelectProps, { view: view, SelectComponent: SelectComponent, disabled: disabled || (countrySelectProps === null || countrySelectProps === void 0 ? void 0 : countrySelectProps.disabled), onChange: handleSelectCountry, country: country, countries: compact ? [] : countriesData, fieldWidth: (_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width })));
-    };
-    var inputProps = {
-        className: styles.component,
-        ref: mergeRefs__default.default([maskRef, ref, inputRef]),
-        wrapperRef: inputWrapperRef,
-        addonsClassName: styles.addons,
-        type: 'tel',
-        clear: utils_index.getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode),
+        return (React__default.default.createElement(components_countrySelect_Component.CountrySelect, tslib.__assign({ dataTestId: restProps === null || restProps === void 0 ? void 0 : restProps.dataTestId }, countrySelectProps, { view: view, SelectComponent: SelectComponent, disabled: disabled || (countrySelectProps === null || countrySelectProps === void 0 ? void 0 : countrySelectProps.disabled), onChange: handleSelectCountry, country: country, countries: compact ? [] : countriesData, fieldWidth: (_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width })));
     };
+    var inputProps = tslib.__assign({ className: styles.component, ref: mergeRefs__default.default([maskRef, ref, inputRef]), wrapperRef: inputWrapperRef, addonsClassName: styles.addons, type: 'tel', clear: utils_index.getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode) }, restProps.inputProps);
     return Array.isArray(options) ? (React__default.default.createElement(InputAutocomplete, tslib.__assign({ closeOnSelect: true, Option: shared.BaseOption, size: size }, restProps, { disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: function (event, _a) {
             var phone = _a.value;
             return updatePhoneData(phone, event);
-        }, inputProps: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign({ className: inputProps.className, addonsClassName: inputProps.addonsClassName }, (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
+        }, inputProps: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign(tslib.__assign(tslib.__assign({}, restProps.fieldProps), { className: inputProps.className, addonsClassName: inputProps.addonsClassName }), (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
 });
 
 exports.BaseInternationalPhoneInput = BaseInternationalPhoneInput;

package/international-phone-input/{Component-202ae1dc.d.ts → cssm/Component-c241b310.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { CommonButtonProps, PrivateButtonProps } from "./typings-202ae1dc";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-c241b310";
 type SpinnerProps = {
     /**
      * Управление видимостью компонента

package/international-phone-input/cssm/Component.responsive-8566963f.d.ts

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

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

@@ -79,20 +79,13 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
     var renderCountrySelect = function (compact) {
         var _a;
         if (compact === void 0) { compact = false; }
-        return (React__default.default.createElement(components_countrySelect_Component.CountrySelect, tslib.__assign({}, countrySelectProps, { view: view, SelectComponent: SelectComponent, disabled: disabled || (countrySelectProps === null || countrySelectProps === void 0 ? void 0 : countrySelectProps.disabled), onChange: handleSelectCountry, country: country, countries: compact ? [] : countriesData, fieldWidth: (_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width })));
-    };
-    var inputProps = {
-        className: styles__default.default.component,
-        ref: mergeRefs__default.default([maskRef, ref, inputRef]),
-        wrapperRef: inputWrapperRef,
-        addonsClassName: styles__default.default.addons,
-        type: 'tel',
-        clear: utils_index.getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode),
+        return (React__default.default.createElement(components_countrySelect_Component.CountrySelect, tslib.__assign({ dataTestId: restProps === null || restProps === void 0 ? void 0 : restProps.dataTestId }, countrySelectProps, { view: view, SelectComponent: SelectComponent, disabled: disabled || (countrySelectProps === null || countrySelectProps === void 0 ? void 0 : countrySelectProps.disabled), onChange: handleSelectCountry, country: country, countries: compact ? [] : countriesData, fieldWidth: (_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width })));
     };
+    var inputProps = tslib.__assign({ className: styles__default.default.component, ref: mergeRefs__default.default([maskRef, ref, inputRef]), wrapperRef: inputWrapperRef, addonsClassName: styles__default.default.addons, type: 'tel', clear: utils_index.getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode) }, restProps.inputProps);
     return Array.isArray(options) ? (React__default.default.createElement(InputAutocomplete, tslib.__assign({ closeOnSelect: true, Option: shared.BaseOption, size: size }, restProps, { disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: function (event, _a) {
             var phone = _a.value;
             return updatePhoneData(phone, event);
-        }, inputProps: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign({ className: inputProps.className, addonsClassName: inputProps.addonsClassName }, (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
+        }, inputProps: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign(tslib.__assign(tslib.__assign({}, restProps.fieldProps), { className: inputProps.className, addonsClassName: inputProps.addonsClassName }), (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
 });
 
 exports.BaseInternationalPhoneInput = BaseInternationalPhoneInput;

package/international-phone-input/cssm/index-8566963f.d.ts

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

package/international-phone-input/cssm/{index-202ae1dc.d.ts → index-c241b310.d.ts}

@@ -1,2 +1,2 @@
 export { Button } from "./Component.responsive-8566963f";
-export type { ButtonProps } from "./typings-202ae1dc";
+export type { ButtonProps } from "./typings-c241b310";

package/international-phone-input/cssm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds } from "../utils/index";

package/international-phone-input/cssm/shared/index.js

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils_index = require('../utils/index.js');
+
+
+
+exports.getInternationalPhoneInputDesktopTestIds = utils_index.getInternationalPhoneInputDesktopTestIds;
+exports.getInternationalPhoneInputMobileTestIds = utils_index.getInternationalPhoneInputMobileTestIds;

package/international-phone-input/cssm/{typings-202ae1dc.d.ts → typings-c241b310.d.ts}

@@ -80,6 +80,11 @@ type ComponentProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
+    /**
+     * Включает размытие фона для некоторых вариантов кнопки
+     * @description Может привести к просадке fps и другим багам. Старайтесь не размещать слишком много заблюреных элементов на одной странице.
+     */
+    allowBackdropBlur?: boolean;
     /**
      * Дочерние элементы.
      */

package/international-phone-input/cssm/typings-c29389e5.d.ts

@@ -10,7 +10,7 @@ import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers } from "react-swipeable";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
-import { ButtonProps } from "./index-202ae1dc";
+import { ButtonProps } from "./index-c241b310";
 import { ContentProps } from "./typings-8a2a8ad1";
 import { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
 import { InputProps } from "../../input";
@@ -646,6 +646,10 @@ type FooterProps$0 = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
 };
 declare const Footer$0: FC<FooterProps$0>;
 type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
@@ -763,7 +767,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
     /**
      * Толщина шрифта
      */
-    weight?: "regular" | "medium" | "bold";
+    weight?: "regular" | "medium" | "bold" | "semibold";
     /**
      * Шрифт текста
      */
@@ -825,7 +829,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
     color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
-    weight?: "bold" | "medium" | "regular" | undefined;
+    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;
     className?: string | undefined;
@@ -835,6 +839,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
     showSkeleton?: boolean | undefined;
     skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
+declare function getDefaultWeight(font: "styrene" | "system", platform: "mobile" | "desktop"): "medium" | "bold" | "semibold";
 type IconButtonProps = {
     /**
      * Компонент иконки
@@ -1572,7 +1577,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
 export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
 export type { ContentProps as ModalContentProps } from "./typings-8a2a8ad1";

package/international-phone-input/cssm/utils/index.d.ts

@@ -15,4 +15,59 @@ declare function getPhoneData(phone: string, countries: Country[][], defaultIso2
     nextCountry: Country | undefined;
 };
 declare function getClear(clear?: boolean, clearableCountryCode?: boolean, value?: string, countryCode?: string): boolean;
-export { initCountries, findCountry, guessCountry, clearMask, createPhoneMaskExpression, createMaskOptions, filterPhones, getPhoneData, getClear };
+declare function getInternationalPhoneInputDesktopTestIds(dataTestId: string): {
+    fieldAutocompleteWrapper: string;
+    fieldAutocompleteInner: string;
+    fieldAutocompleteFormControl: string;
+    fieldAutocompleteLeftAddons: string;
+    fieldAutocompleteRightAddons: string;
+    fieldAutocompleteError: string;
+    fieldAutocompleteHint: string;
+    option: string;
+    optionsList: string;
+    countryOption: string;
+    countryOptionsList: string;
+    field: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+};
+declare function getInternationalPhoneInputMobileTestIds(dataTestId: string): {
+    fieldAutocompleteWrapper: string;
+    fieldAutocompleteInner: string;
+    fieldAutocompleteFormControl: string;
+    fieldAutocompleteLeftAddons: string;
+    fieldAutocompleteRightAddons: string;
+    fieldAutocompleteError: string;
+    fieldAutocompleteHint: string;
+    option: string;
+    optionsList: string;
+    bottomSheet: string;
+    bottomSheetHeader: string;
+    bottomSheetContent: string;
+    countryOption: string;
+    countryOptionsList: string;
+    countryBottomSheet: string;
+    countryBottomSheetHeader: string;
+    countryBottomSheetContent: string;
+    clearButton: string;
+    applyButton: string;
+    field: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+    searchInput: string;
+    searchFormControl: string;
+    searchInner: string;
+    searchLeftAddons: string;
+    searchRightAddons: string;
+    searchError: string;
+    searchHint: string;
+};
+export { initCountries, findCountry, guessCountry, clearMask, createPhoneMaskExpression, createMaskOptions, filterPhones, getPhoneData, getClear, getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds };

package/international-phone-input/cssm/utils/index.js

@@ -188,6 +188,65 @@ function getClear(clear, clearableCountryCode, value, countryCode) {
         ? trimmedValue !== '' && trimmedValue !== '+'
         : trimmedValue.length > countryCode.length + 1;
 }
+function getInternationalPhoneInputDesktopTestIds(dataTestId) {
+    return {
+        fieldAutocompleteWrapper: dataTestId,
+        fieldAutocompleteInner: "".concat(dataTestId, "-field-form-control-inner"),
+        fieldAutocompleteFormControl: "".concat(dataTestId, "-field-form-control"),
+        fieldAutocompleteLeftAddons: "".concat(dataTestId, "-field-form-control-left-addons"),
+        fieldAutocompleteRightAddons: "".concat(dataTestId, "-field-form-control-right-addons"),
+        fieldAutocompleteError: "".concat(dataTestId, "-field-form-control-error-message"),
+        fieldAutocompleteHint: "".concat(dataTestId, "-field-form-control-hint"),
+        option: coreComponentsShared.getDataTestId(dataTestId, 'option'),
+        optionsList: coreComponentsShared.getDataTestId(dataTestId, 'options-list'),
+        countryOption: coreComponentsShared.getDataTestId(dataTestId, 'country-select-option'),
+        countryOptionsList: coreComponentsShared.getDataTestId(dataTestId, 'country-select-options-list'),
+        field: dataTestId,
+        fieldInner: coreComponentsShared.getDataTestId(dataTestId, 'form-control-inner'),
+        fieldFormControl: coreComponentsShared.getDataTestId(dataTestId, 'form-control'),
+        fieldLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-left-addons'),
+        fieldRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-right-addons'),
+        fieldError: coreComponentsShared.getDataTestId(dataTestId, 'form-control-error-message'),
+        fieldHint: coreComponentsShared.getDataTestId(dataTestId, 'form-control-hint'),
+    };
+}
+function getInternationalPhoneInputMobileTestIds(dataTestId) {
+    return {
+        fieldAutocompleteWrapper: dataTestId,
+        fieldAutocompleteInner: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-inner'),
+        fieldAutocompleteFormControl: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control'),
+        fieldAutocompleteLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldAutocompleteRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldAutocompleteError: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldAutocompleteHint: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-hint'),
+        option: coreComponentsShared.getDataTestId(dataTestId, 'option'),
+        optionsList: coreComponentsShared.getDataTestId(dataTestId, 'options-list'),
+        bottomSheet: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet'),
+        bottomSheetHeader: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet-header'),
+        bottomSheetContent: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet-content'),
+        countryOption: coreComponentsShared.getDataTestId(dataTestId, 'country-select-option'),
+        countryOptionsList: coreComponentsShared.getDataTestId(dataTestId, 'country-select-options-list'),
+        countryBottomSheet: coreComponentsShared.getDataTestId(dataTestId, 'country-select-bottom-sheet'),
+        countryBottomSheetHeader: coreComponentsShared.getDataTestId(dataTestId, 'country-select-bottom-sheet-header'),
+        countryBottomSheetContent: coreComponentsShared.getDataTestId(dataTestId, 'country-select-bottom-sheet-content'),
+        clearButton: coreComponentsShared.getDataTestId(dataTestId, 'clear'),
+        applyButton: coreComponentsShared.getDataTestId(dataTestId, 'apply'),
+        field: dataTestId,
+        fieldInner: coreComponentsShared.getDataTestId(dataTestId, 'form-control-inner'),
+        fieldFormControl: coreComponentsShared.getDataTestId(dataTestId, 'form-control'),
+        fieldLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-left-addons'),
+        fieldRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-right-addons'),
+        fieldError: coreComponentsShared.getDataTestId(dataTestId, 'form-control-error-message'),
+        fieldHint: coreComponentsShared.getDataTestId(dataTestId, 'form-control-hint'),
+        searchInput: coreComponentsShared.getDataTestId(dataTestId, 'search'),
+        searchFormControl: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control'),
+        searchInner: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-inner'),
+        searchLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-left-addons'),
+        searchRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-right-addons'),
+        searchError: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-error-message'),
+        searchHint: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-hint'),
+    };
+}
 
 exports.clearMask = clearMask;
 exports.createMaskOptions = createMaskOptions;
@@ -195,6 +254,8 @@ exports.createPhoneMaskExpression = createPhoneMaskExpression;
 exports.filterPhones = filterPhones;
 exports.findCountry = findCountry;
 exports.getClear = getClear;
+exports.getInternationalPhoneInputDesktopTestIds = getInternationalPhoneInputDesktopTestIds;
+exports.getInternationalPhoneInputMobileTestIds = getInternationalPhoneInputMobileTestIds;
 exports.getPhoneData = getPhoneData;
 exports.guessCountry = guessCountry;
 exports.initCountries = initCountries;

package/international-phone-input/{esm/utils-d2597f31.d.ts → cssm/utils-89376c31.d.ts}

@@ -38,4 +38,30 @@ declare function defaultFilterFn(optionText: string, search: string): boolean;
 declare function defaultAccessor(option: OptionShape): string;
 declare function usePrevious<T>(value: T): T | undefined;
 declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
-export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf };
+declare function getSelectTestIds(dataTestId: string): {
+    select: string;
+    option: string;
+    optionsList: string;
+    clearButton: string;
+    applyButton: string;
+    field: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+    searchInput: string;
+    searchFormControl: string;
+    searchInner: string;
+    searchLeftAddons: string;
+    searchRightAddons: string;
+    searchError: string;
+    searchHint: string;
+    bottomSheet: string;
+    bottomSheetHeader: string;
+    bottomSheetContent: string;
+    modal: string;
+    modalHeader: string;
+    modalContent: string;
+};
+export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf, getSelectTestIds };

package/international-phone-input/{cssm/Component-202ae1dc.d.ts → esm/Component-c241b310.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { CommonButtonProps, PrivateButtonProps } from "./typings-202ae1dc";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-c241b310";
 type SpinnerProps = {
     /**
      * Управление видимостью компонента

package/international-phone-input/esm/Component.responsive-8566963f.d.ts

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

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

@@ -82,20 +82,13 @@ var BaseInternationalPhoneInput = forwardRef(function (_a, ref) {
     var renderCountrySelect = function (compact) {
         var _a;
         if (compact === void 0) { compact = false; }
-        return (React.createElement(CountrySelect, __assign({}, countrySelectProps, { view: view, SelectComponent: SelectComponent, disabled: disabled || (countrySelectProps === null || countrySelectProps === void 0 ? void 0 : countrySelectProps.disabled), onChange: handleSelectCountry, country: country, countries: compact ? [] : countriesData, fieldWidth: (_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width })));
-    };
-    var inputProps = {
-        className: styles.component,
-        ref: mergeRefs([maskRef, ref, inputRef]),
-        wrapperRef: inputWrapperRef,
-        addonsClassName: styles.addons,
-        type: 'tel',
-        clear: getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode),
+        return (React.createElement(CountrySelect, __assign({ dataTestId: restProps === null || restProps === void 0 ? void 0 : restProps.dataTestId }, countrySelectProps, { view: view, SelectComponent: SelectComponent, disabled: disabled || (countrySelectProps === null || countrySelectProps === void 0 ? void 0 : countrySelectProps.disabled), onChange: handleSelectCountry, country: country, countries: compact ? [] : countriesData, fieldWidth: (_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width })));
     };
+    var inputProps = __assign({ className: styles.component, ref: mergeRefs([maskRef, ref, inputRef]), wrapperRef: inputWrapperRef, addonsClassName: styles.addons, type: 'tel', clear: getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode) }, restProps.inputProps);
     return Array.isArray(options) ? (React.createElement(InputAutocomplete, __assign({ closeOnSelect: true, Option: BaseOption, size: size }, restProps, { disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: function (event, _a) {
             var phone = _a.value;
             return updatePhoneData(phone, event);
-        }, inputProps: __assign(__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: __assign({ className: inputProps.className, addonsClassName: inputProps.addonsClassName }, (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React.createElement(Input, __assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
+        }, inputProps: __assign(__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: __assign(__assign(__assign({}, restProps.fieldProps), { className: inputProps.className, addonsClassName: inputProps.addonsClassName }), (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React.createElement(Input, __assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
 });
 
 export { BaseInternationalPhoneInput };

package/international-phone-input/esm/index-8566963f.d.ts

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

package/international-phone-input/esm/{index-202ae1dc.d.ts → index-c241b310.d.ts}

@@ -1,2 +1,2 @@
 export { Button } from "./Component.responsive-8566963f";
-export type { ButtonProps } from "./typings-202ae1dc";
+export type { ButtonProps } from "./typings-c241b310";

package/international-phone-input/esm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds } from "../utils/index";

package/international-phone-input/esm/shared/index.js

@@ -0,0 +1,6 @@
+export { getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds } from '../utils/index.js';
+import 'tslib';
+import '../../../select/esm/shared';
+import '../../../shared/esm';
+import '../consts.js';
+import '../data/country-data.js';

package/international-phone-input/esm/{typings-202ae1dc.d.ts → typings-c241b310.d.ts}

@@ -80,6 +80,11 @@ type ComponentProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
+    /**
+     * Включает размытие фона для некоторых вариантов кнопки
+     * @description Может привести к просадке fps и другим багам. Старайтесь не размещать слишком много заблюреных элементов на одной странице.
+     */
+    allowBackdropBlur?: boolean;
     /**
      * Дочерние элементы.
      */

package/international-phone-input/esm/typings-c29389e5.d.ts

@@ -10,7 +10,7 @@ import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers } from "react-swipeable";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
-import { ButtonProps } from "./index-202ae1dc";
+import { ButtonProps } from "./index-c241b310";
 import { ContentProps } from "./typings-8a2a8ad1";
 import { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
 import { InputProps } from "../../input";
@@ -646,6 +646,10 @@ type FooterProps$0 = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
 };
 declare const Footer$0: FC<FooterProps$0>;
 type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
@@ -763,7 +767,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
     /**
      * Толщина шрифта
      */
-    weight?: "regular" | "medium" | "bold";
+    weight?: "regular" | "medium" | "bold" | "semibold";
     /**
      * Шрифт текста
      */
@@ -825,7 +829,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
     color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
-    weight?: "bold" | "medium" | "regular" | undefined;
+    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;
     className?: string | undefined;
@@ -835,6 +839,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
     showSkeleton?: boolean | undefined;
     skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
+declare function getDefaultWeight(font: "styrene" | "system", platform: "mobile" | "desktop"): "medium" | "bold" | "semibold";
 type IconButtonProps = {
     /**
      * Компонент иконки
@@ -1572,7 +1577,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
 export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
 export type { ContentProps as ModalContentProps } from "./typings-8a2a8ad1";

package/international-phone-input/esm/utils/index.d.ts

@@ -15,4 +15,59 @@ declare function getPhoneData(phone: string, countries: Country[][], defaultIso2
     nextCountry: Country | undefined;
 };
 declare function getClear(clear?: boolean, clearableCountryCode?: boolean, value?: string, countryCode?: string): boolean;
-export { initCountries, findCountry, guessCountry, clearMask, createPhoneMaskExpression, createMaskOptions, filterPhones, getPhoneData, getClear };
+declare function getInternationalPhoneInputDesktopTestIds(dataTestId: string): {
+    fieldAutocompleteWrapper: string;
+    fieldAutocompleteInner: string;
+    fieldAutocompleteFormControl: string;
+    fieldAutocompleteLeftAddons: string;
+    fieldAutocompleteRightAddons: string;
+    fieldAutocompleteError: string;
+    fieldAutocompleteHint: string;
+    option: string;
+    optionsList: string;
+    countryOption: string;
+    countryOptionsList: string;
+    field: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+};
+declare function getInternationalPhoneInputMobileTestIds(dataTestId: string): {
+    fieldAutocompleteWrapper: string;
+    fieldAutocompleteInner: string;
+    fieldAutocompleteFormControl: string;
+    fieldAutocompleteLeftAddons: string;
+    fieldAutocompleteRightAddons: string;
+    fieldAutocompleteError: string;
+    fieldAutocompleteHint: string;
+    option: string;
+    optionsList: string;
+    bottomSheet: string;
+    bottomSheetHeader: string;
+    bottomSheetContent: string;
+    countryOption: string;
+    countryOptionsList: string;
+    countryBottomSheet: string;
+    countryBottomSheetHeader: string;
+    countryBottomSheetContent: string;
+    clearButton: string;
+    applyButton: string;
+    field: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+    searchInput: string;
+    searchFormControl: string;
+    searchInner: string;
+    searchLeftAddons: string;
+    searchRightAddons: string;
+    searchError: string;
+    searchHint: string;
+};
+export { initCountries, findCountry, guessCountry, clearMask, createPhoneMaskExpression, createMaskOptions, filterPhones, getPhoneData, getClear, getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds };