@alfalab/core-components 42.10.0 → 42.11.0

package/international-phone-input/modern/Component.mobile-96988a65.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseInputProps } from "./index-ebda875c";
+type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
+declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
+export { InputMobileProps, InputMobile };

package/international-phone-input/modern/Component.mobile-d7e9f69d.d.ts

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

package/international-phone-input/modern/Component.responsive-2e2b2125.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { ButtonProps } from "./typings-9211a437";
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { Button };

package/international-phone-input/modern/Component.responsive.d.ts

@@ -18,7 +18,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     options?: undefined;
 } & Omit<import("./Component.desktop-d873d97d").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
     options?: undefined;
-} & Omit<import("./Component.mobile-ebda875c").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
+} & Omit<import("./Component.mobile-96988a65").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 }) | ({
@@ -37,9 +37,9 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     options: (import("./typings-dd8ca091").OptionShape | import("./typings-dd8ca091").GroupShape)[];
-} & Omit<import("./Component.desktop-d078a845").InputAutocompleteDesktopProps, "onChange"> & {
+} & Omit<import("./Component.desktop-4cd3936b").InputAutocompleteDesktopProps, "onChange"> & {
     options: (import("./typings-dd8ca091").OptionShape | import("./typings-dd8ca091").GroupShape)[];
-} & Omit<import("./Component.mobile-4cd3936b").InputAutocompleteMobileProps, "onChange" | "filter" | "onFilter" | "onClearFilter"> & {
+} & Omit<import("./Component.mobile-4cd3936b").InputAutocompleteMobileProps, "filter" | "onChange" | "onFilter" | "onClearFilter"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 })) & React.RefAttributes<HTMLInputElement>>;

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

@@ -17,10 +17,10 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    Input: React.FC<import("packages/input/src").InputProps>;
+    Input: React.FC<import("../../../../input").InputProps>;
     InputAutocomplete: React.FC<InputAutocompleteProps>;
     SelectComponent: React.ElementType<any>;
     view: "mobile" | "desktop";
     countriesData: Country[][];
-} & Omit<import("packages/input/src").InputProps, "onFocus" | "onBlur" | "onScroll"> & Partial<Omit<InputAutocompleteProps, "leftAddons" | "onChange" | "onScroll">> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<import("../../../../input").InputProps, "onFocus" | "onBlur" | "onScroll"> & Partial<Omit<InputAutocompleteProps, "leftAddons" | "onChange" | "onScroll">> & React.RefAttributes<HTMLInputElement>>;
 export { BaseInternationalPhoneInput };

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

@@ -15,7 +15,7 @@ import '../../consts.js';
 import '../../data/country-data.js';
 import '../flag-icon/flagSprite.js';
 
-const styles = {"component":"international-phone-input__component_18u8d","addons":"international-phone-input__addons_18u8d"};
+const styles = {"component":"international-phone-input__component_1uwc2","addons":"international-phone-input__addons_1uwc2"};
 require('./index.css');
 
 const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, country, onChange, onCountryChange, countrySelectProps, countries, defaultIso2, disabled, options, size = 'm', Input, InputAutocomplete, SelectComponent, view, bottomSheetHeaderAddonsProps, countriesData, clear, ...restProps }, ref) => {

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

@@ -1,5 +1,5 @@
-/* hash: oxfst */
+/* hash: 13815 */
 
-    .international-phone-input__component_18u8d .international-phone-input__addons_18u8d {
+    .international-phone-input__component_1uwc2 .international-phone-input__addons_1uwc2 {
         padding-left: 0;
     }

package/international-phone-input/modern/components/country-select/Component.js

@@ -9,7 +9,7 @@ import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/flagSprite.js';
 
-const styles = {"component":"international-phone-input__component_g8rhr","option":"international-phone-input__option_g8rhr","flag":"international-phone-input__flag_g8rhr","countryName":"international-phone-input__countryName_g8rhr","dialCode":"international-phone-input__dialCode_g8rhr","flagIconWrapper":"international-phone-input__flagIconWrapper_g8rhr","emptyCountryIcon":"international-phone-input__emptyCountryIcon_g8rhr"};
+const styles = {"component":"international-phone-input__component_xf953","option":"international-phone-input__option_xf953","flag":"international-phone-input__flag_xf953","countryName":"international-phone-input__countryName_xf953","dialCode":"international-phone-input__dialCode_xf953","flagIconWrapper":"international-phone-input__flagIconWrapper_xf953","emptyCountryIcon":"international-phone-input__emptyCountryIcon_xf953"};
 require('./index.css');
 
 const CountrySelect = ({ hideCountrySelect, countries, country, dataTestId, fieldWidth, onChange, view = 'desktop', SelectComponent, ...restProps }) => {

package/international-phone-input/modern/components/country-select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1hqzw */
+/* hash: 1ffpc */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-secondary: #86868a;
@@ -19,29 +19,29 @@
 } :root {
 } :root {
     --text-secondary-color: var(--color-light-text-secondary);
-} .international-phone-input__component_g8rhr {
+} .international-phone-input__component_xf953 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_g8rhr {
+} .international-phone-input__option_xf953 {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_g8rhr {
+} .international-phone-input__flag_xf953 {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_g8rhr {
+} .international-phone-input__countryName_xf953 {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_g8rhr {
+} .international-phone-input__dialCode_xf953 {
     color: var(--text-secondary-color);
-} .international-phone-input__flagIconWrapper_g8rhr {
+} .international-phone-input__flagIconWrapper_xf953 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_g8rhr {
+} .international-phone-input__emptyCountryIcon_xf953 {
     color: var(--color-light-graphic-secondary);
 }

package/international-phone-input/modern/components/flag-icon/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { flagSprite } from './flagSprite.js';
 
-const styles = {"flagIcon":"international-phone-input__flagIcon_1xrmt","flagPlaceholder":"international-phone-input__flagPlaceholder_1xrmt"};
+const styles = {"flagIcon":"international-phone-input__flagIcon_yqc8s","flagPlaceholder":"international-phone-input__flagPlaceholder_yqc8s"};
 require('./index.css');
 
 /**

package/international-phone-input/modern/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1jv21 */
+/* hash: 1m6cl */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .international-phone-input__flagIcon_1xrmt {
+} .international-phone-input__flagIcon_yqc8s {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_1xrmt {
+} .international-phone-input__flagPlaceholder_yqc8s {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/international-phone-input/modern/components/select-field/component.js

@@ -6,7 +6,7 @@ import { WorldMagnifierMIcon } from '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import { FlagIcon } from '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
 
-const styles = {"component":"international-phone-input__component_1yhpi","flagIconContainer":"international-phone-input__flagIconContainer_1yhpi","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1yhpi","disabled":"international-phone-input__disabled_1yhpi","inner":"international-phone-input__inner_1yhpi","l":"international-phone-input__l_1yhpi","xl":"international-phone-input__xl_1yhpi","focusVisible":"international-phone-input__focusVisible_1yhpi"};
+const styles = {"component":"international-phone-input__component_179pq","flagIconContainer":"international-phone-input__flagIconContainer_179pq","emptyCountryIcon":"international-phone-input__emptyCountryIcon_179pq","disabled":"international-phone-input__disabled_179pq","inner":"international-phone-input__inner_179pq","l":"international-phone-input__l_179pq","xl":"international-phone-input__xl_179pq","focusVisible":"international-phone-input__focusVisible_179pq"};
 require('./index.css');
 
 const EMPTY_COUNTRY_SELECT_FIELD = {

package/international-phone-input/modern/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 14kw5 */
+/* hash: 15dc1 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .international-phone-input__component_1yhpi {
+} .international-phone-input__component_179pq {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_1yhpi {
+} .international-phone-input__flagIconContainer_179pq {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_1yhpi {
+} .international-phone-input__emptyCountryIcon_179pq {
     color: var(--color-light-graphic-secondary);
-} .international-phone-input__disabled_1yhpi {
+} .international-phone-input__disabled_179pq {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_1yhpi {
+} .international-phone-input__inner_179pq {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__l_1yhpi .international-phone-input__inner_1yhpi,
-.international-phone-input__xl_1yhpi .international-phone-input__inner_1yhpi {
+} .international-phone-input__l_179pq .international-phone-input__inner_179pq,
+.international-phone-input__xl_179pq .international-phone-input__inner_179pq {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_1yhpi {
+} .international-phone-input__focusVisible_179pq {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/international-phone-input/modern/desktop-232828f7.d.ts

@@ -1,2 +1,2 @@
-export { InputAutocompleteDesktop, InputAutocompleteDesktopProps } from "./Component.desktop-d078a845";
+export { InputAutocompleteDesktop, InputAutocompleteDesktopProps } from "./Component.desktop-4cd3936b";
 export {};

package/international-phone-input/modern/desktop-63dec22f.d.ts

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

package/international-phone-input/modern/hook-8abfea97.d.ts

@@ -82,7 +82,7 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
     searchProps: {
         value: string;
         onChange: import("react").Dispatch<import("react").SetStateAction<string>>;
-        componentProps?: import("packages/input/src").InputProps | undefined;
+        componentProps?: import("../../input").InputProps | undefined;
         accessor?: ((option: OptionShape) => string) | undefined;
     } | undefined;
 };

package/international-phone-input/modern/index-8b2c2707.d.ts

@@ -1,6 +1,2 @@
-/// <reference types="react" />
-import React from "react";
-import { ButtonProps } from "./typings-9211a437";
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { Button };
+export { Button } from "./Component.responsive-2e2b2125";
 export type { ButtonProps } from "./typings-9211a437";

package/international-phone-input/modern/index-c44170fe.d.ts

@@ -0,0 +1,131 @@
+/// <reference types="react" />
+import React from "react";
+import { HTMLAttributes, ReactNode } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl";
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer";
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
+    children?: ReactNode;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors;
+};
+type FormControlProps = Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
+    breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };

package/international-phone-input/modern/index-c76d6398.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 /* eslint-disable complexity */
 import React from "react";
-import { ReactNode, ButtonHTMLAttributes, ElementType } from "react";
+import { ReactNode, ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, ReactElement } from "react";
+import { ButtonProps } from "./index-8b2c2707";
 interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Вид компонента
@@ -44,7 +45,7 @@ type NavigationBarProps = {
     /**
      * Подзаголовок (доступен только в мобильной версии)
      */
-    subtitle?: string;
+    subtitle?: ReactNode;
     /**
      * Размер заголовка (compact доступен только в мобильной версии)
      */
@@ -135,7 +136,50 @@ type NavigationBarProps = {
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
 };
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export { NavigationBar };
+type IconButtonProps = {
+    /**
+     * Компонент иконки
+     */
+    icon: ElementType<{
+        className?: string;
+    }> | ReactElement;
+    /**
+     * Тип кнопки
+     */
+    view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
+    /**
+     * Размер компонента
+     */
+    size?: "xxs" | "xs" | "s";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Выравнивание иконки
+     * @default 'center'
+     */
+    alignIcon?: "left" | "center" | "right";
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "Component" | "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
+declare const IconButton: React.ForwardRefExoticComponent<{
+    icon: ElementType<{
+        className?: string;
+    }> | ReactElement;
+    view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
+    size?: "s" | "xs" | "xxs" | undefined;
+    className?: string | undefined;
+    alignIcon?: "center" | "right" | "left" | undefined;
+    dataTestId?: string | undefined;
+    colors?: "default" | "inverted" | undefined;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+export { NavigationBar, IconButtonProps, IconButton };
 export * from "./Component-63dec22f";
-export * from "./Component-8b2c2707";
 export type { NavigationBarProps };

package/international-phone-input/modern/mobile-96988a65.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.mobile-ebda875c";
+export * from "./Component.mobile-96988a65";
 export {};

package/international-phone-input/modern/types-72dda473.d.ts

@@ -259,7 +259,7 @@ type BottomSheetProps = {
     /**
      * Вызывается после окончания анимации притягивания
      */
-    onMagnetizeEnd?: () => void;
+    onMagnetizeEnd?: (index: number) => void;
     /**
      * Вызывается при изменении положения шторки
      */

package/international-phone-input/types-72dda473.d.ts

@@ -259,7 +259,7 @@ type BottomSheetProps = {
     /**
      * Вызывается после окончания анимации притягивания
      */
-    onMagnetizeEnd?: () => void;
+    onMagnetizeEnd?: (index: number) => void;
     /**
      * Вызывается при изменении положения шторки
      */

package/intl-phone-input/Component-4cd3936b.d.ts

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

package/intl-phone-input/Component-72308007.d.ts

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

package/intl-phone-input/Component-8b2c2707.d.ts

@@ -34,7 +34,7 @@ type IconButtonProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'Component' | 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
 declare const IconButton: React.ForwardRefExoticComponent<{
     /**
      * Компонент иконки
@@ -67,5 +67,5 @@ declare const IconButton: React.ForwardRefExoticComponent<{
      * Набор цветов для компонента
      */
     colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
 export { IconButtonProps, IconButton };