@alfalab/core-components 48.8.0-beta.0 → 48.8.0

package/international-phone-input/modern/{typings-a9c8f92e.d.ts → typings-55db088c.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, ForwardRefExoticComponent, MutableRefObject, RefAttributes, AriaAttributes, ComponentType, FocusEvent, MouseEvent, SVGProps } from "react";
+import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, MutableRefObject, ForwardRefExoticComponent, RefAttributes, AriaAttributes, ComponentType, FocusEvent, MouseEvent, SVGProps } from "react";
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps, BaseModalContext } from "./index-11f20b2e";
@@ -9,7 +9,7 @@ import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
 import { ContentProps } from "./typings-4b7234ef";
 import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
-import { Placement } from "@floating-ui/react-dom";
+import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { Color } from "./colors-facf1d2a";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
@@ -555,8 +555,9 @@ declare function getModalTestIds(dataTestId: string): {
     closer: string;
     backButton: string;
 };
-type Position = Placement;
-type PopoverProps<AnchorElement extends HTMLElement> = {
+type RefElement = HTMLElement | null;
+type Position = BasePlacement | VariationPlacement;
+type PopoverProps = {
     /**
      * Управление состоянием поповера (открыт/закрыт)
      */
@@ -564,36 +565,30 @@ type PopoverProps<AnchorElement extends HTMLElement> = {
     /**
      * Элемент, относительного которого появляется поповер
      */
-    anchorElement: AnchorElement | null | RefObject<AnchorElement>;
+    anchorElement: RefElement;
     /**
      * Использовать ширину родительского элемента
-     * @default false
      */
     useAnchorWidth?: boolean;
     /**
      * Позиционирование поповера
-     * @default left
      */
     position?: Position;
     /**
      * Запрещает поповеру менять свою позицию.
      * Например, если места снизу недостаточно, то он все равно будет показан снизу
-     * @default false
      */
     preventFlip?: boolean;
     /**
      * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
-     * @default true
      */
     preventOverflow?: boolean;
     /**
-     * Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
-     * @default false
+     *  Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
      */
     availableHeight?: boolean;
     /**
      * Если `true`, будет отрисована стрелочка
-     * @default false
      */
     withArrow?: boolean;
     /**
@@ -627,7 +622,6 @@ type PopoverProps<AnchorElement extends HTMLElement> = {
     transitionDuration?: CSSProperties["transitionDuration"];
     /**
      * Рендерит компонент, обернутый в Transition
-     * @default true
      */
     withTransition?: boolean;
     /**
@@ -636,7 +630,6 @@ type PopoverProps<AnchorElement extends HTMLElement> = {
     dataTestId?: string;
     /**
      * Хранит функцию, с помощью которой можно обновить положение компонента
-     * @deprecated Отсутствует необходимость использования в связи с миграцией на floating-ui
      */
     update?: MutableRefObject<(() => void) | undefined>;
     /**
@@ -658,7 +651,7 @@ type PopoverProps<AnchorElement extends HTMLElement> = {
      */
     children?: ReactNode;
 };
-declare const Popover: React.ForwardRefExoticComponent<PopoverProps<HTMLElement> & React.RefAttributes<HTMLDivElement>> & (<AnchorElement extends HTMLElement>(props: PopoverProps<AnchorElement> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null);
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
 type FooterProps$0 = {
     /**
      * Контент футера
@@ -945,12 +938,12 @@ type BaseSelectProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Размер пунктов меню
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    optionsSize?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    optionsSize?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Растягивает компонент на ширину контейнера
      */
@@ -1225,6 +1218,11 @@ type ArrowProps = {
      * Флаг блокировки select'а
      */
     disabled?: boolean;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: BaseSelectProps['size'];
 };
 type OptionsListProps = {
     /**
@@ -1247,7 +1245,7 @@ type OptionsListProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Компонент пункта меню
      */
@@ -1367,7 +1365,7 @@ type OptgroupProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Заголовок группы
      */
@@ -1406,7 +1404,7 @@ type OptionProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Контент пункта меню
      */
@@ -1592,6 +1590,11 @@ type ClearButtonProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: FormControlProps['size'];
 };
 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, horizontalDirections, ShouldSkipSwipingParams, useVisibleViewportSize, Typography, Text, Title as TitleDesktop, TitleResponsive, TitleMobile, typographyPresets, SwipeDirection, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps, ClearButtonProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };

package/international-phone-input/modern/utils-34f6b81b.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-a9c8f92e";
+import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-55db088c";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/international-phone-input/moderncssm/Component-55db088c.d.ts

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

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

@@ -7,7 +7,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | "preserve" | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-a9c8f92e").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-55db088c").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -27,15 +27,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | "preserve" | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-a9c8f92e").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-55db088c").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-a9c8f92e").OptionShape | import("./typings-a9c8f92e").GroupShape)[];
+    options: (import("./typings-55db088c").OptionShape | import("./typings-55db088c").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-a9c8f92e").OptionShape | import("./typings-a9c8f92e").GroupShape)[];
+    options: (import("./typings-55db088c").OptionShape | import("./typings-55db088c").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;

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

@@ -9,7 +9,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | "preserve" | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-a9c8f92e").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-55db088c").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

package/international-phone-input/moderncssm/consts-98cfb385.d.ts

@@ -0,0 +1,13 @@
+declare const DEFAULT_VISIBLE_OPTIONS = 5;
+declare const SIZE_TO_CLASSNAME_MAP: {
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    40: string;
+    48: string;
+    56: string;
+    64: string;
+    72: string;
+};
+export { DEFAULT_VISIBLE_OPTIONS, SIZE_TO_CLASSNAME_MAP };

package/international-phone-input/moderncssm/index-ebda875c.d.ts

@@ -19,7 +19,7 @@ type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: "s" | "m" | "l" | "xl" | 48 | 56 | 64 | 72;
+    size?: "s" | "m" | "l" | "xl" | 40 | 48 | 56 | 64 | 72;
     /**
      * Набор цветов для компонента
      */
@@ -119,7 +119,7 @@ type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
 };
 declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     block?: boolean | undefined;
-    size?: "s" | "m" | "l" | "xl" | 48 | 56 | 64 | 72 | undefined;
+    size?: "s" | "m" | "l" | "xl" | 40 | 48 | 56 | 64 | 72 | undefined;
     colors?: "default" | "inverted" | undefined;
     disabled?: boolean | undefined;
     readOnly?: boolean | undefined;

package/international-phone-input/moderncssm/transformSize-ebda875c.d.ts

@@ -1,3 +1,3 @@
 import { IconButtonProps } from "./index-ebda875c";
-declare const transformSize: (size?: IconButtonProps['size']) => 48 | 56 | 24 | 32 | 40;
+declare const transformSize: (size?: IconButtonProps['size']) => 40 | 48 | 56 | 24 | 32;
 export { transformSize };

package/international-phone-input/moderncssm/types.d.ts

@@ -5,7 +5,7 @@ import { InputMobileProps } from "../../input/mobile";
 import { InputAutocompleteProps } from "../../input-autocomplete";
 import { InputAutocompleteDesktopProps } from "../../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../../input-autocomplete/mobile";
-import { OptionShape } from "./typings-a9c8f92e";
+import { OptionShape } from "./typings-55db088c";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;

package/international-phone-input/moderncssm/{typings-a9c8f92e.d.ts → typings-55db088c.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, ForwardRefExoticComponent, MutableRefObject, RefAttributes, AriaAttributes, ComponentType, FocusEvent, MouseEvent, SVGProps } from "react";
+import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, MutableRefObject, ForwardRefExoticComponent, RefAttributes, AriaAttributes, ComponentType, FocusEvent, MouseEvent, SVGProps } from "react";
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps, BaseModalContext } from "./index-11f20b2e";
@@ -9,7 +9,7 @@ import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
 import { ContentProps } from "./typings-4b7234ef";
 import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
-import { Placement } from "@floating-ui/react-dom";
+import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { Color } from "./colors-facf1d2a";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
@@ -555,8 +555,9 @@ declare function getModalTestIds(dataTestId: string): {
     closer: string;
     backButton: string;
 };
-type Position = Placement;
-type PopoverProps<AnchorElement extends HTMLElement> = {
+type RefElement = HTMLElement | null;
+type Position = BasePlacement | VariationPlacement;
+type PopoverProps = {
     /**
      * Управление состоянием поповера (открыт/закрыт)
      */
@@ -564,36 +565,30 @@ type PopoverProps<AnchorElement extends HTMLElement> = {
     /**
      * Элемент, относительного которого появляется поповер
      */
-    anchorElement: AnchorElement | null | RefObject<AnchorElement>;
+    anchorElement: RefElement;
     /**
      * Использовать ширину родительского элемента
-     * @default false
      */
     useAnchorWidth?: boolean;
     /**
      * Позиционирование поповера
-     * @default left
      */
     position?: Position;
     /**
      * Запрещает поповеру менять свою позицию.
      * Например, если места снизу недостаточно, то он все равно будет показан снизу
-     * @default false
      */
     preventFlip?: boolean;
     /**
      * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
-     * @default true
      */
     preventOverflow?: boolean;
     /**
-     * Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
-     * @default false
+     *  Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
      */
     availableHeight?: boolean;
     /**
      * Если `true`, будет отрисована стрелочка
-     * @default false
      */
     withArrow?: boolean;
     /**
@@ -627,7 +622,6 @@ type PopoverProps<AnchorElement extends HTMLElement> = {
     transitionDuration?: CSSProperties["transitionDuration"];
     /**
      * Рендерит компонент, обернутый в Transition
-     * @default true
      */
     withTransition?: boolean;
     /**
@@ -636,7 +630,6 @@ type PopoverProps<AnchorElement extends HTMLElement> = {
     dataTestId?: string;
     /**
      * Хранит функцию, с помощью которой можно обновить положение компонента
-     * @deprecated Отсутствует необходимость использования в связи с миграцией на floating-ui
      */
     update?: MutableRefObject<(() => void) | undefined>;
     /**
@@ -658,7 +651,7 @@ type PopoverProps<AnchorElement extends HTMLElement> = {
      */
     children?: ReactNode;
 };
-declare const Popover: React.ForwardRefExoticComponent<PopoverProps<HTMLElement> & React.RefAttributes<HTMLDivElement>> & (<AnchorElement extends HTMLElement>(props: PopoverProps<AnchorElement> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null);
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
 type FooterProps$0 = {
     /**
      * Контент футера
@@ -945,12 +938,12 @@ type BaseSelectProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Размер пунктов меню
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    optionsSize?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    optionsSize?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Растягивает компонент на ширину контейнера
      */
@@ -1225,6 +1218,11 @@ type ArrowProps = {
      * Флаг блокировки select'а
      */
     disabled?: boolean;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: BaseSelectProps['size'];
 };
 type OptionsListProps = {
     /**
@@ -1247,7 +1245,7 @@ type OptionsListProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Компонент пункта меню
      */
@@ -1367,7 +1365,7 @@ type OptgroupProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Заголовок группы
      */
@@ -1406,7 +1404,7 @@ type OptionProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Контент пункта меню
      */
@@ -1592,6 +1590,11 @@ type ClearButtonProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: FormControlProps['size'];
 };
 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, horizontalDirections, ShouldSkipSwipingParams, useVisibleViewportSize, Typography, Text, Title as TitleDesktop, TitleResponsive, TitleMobile, typographyPresets, SwipeDirection, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps, ClearButtonProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };

package/international-phone-input/moderncssm/utils-34f6b81b.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-a9c8f92e";
+import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-55db088c";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/international-phone-input/transformSize-ebda875c.d.ts

@@ -1,3 +1,3 @@
 import { IconButtonProps } from "./index-ebda875c";
-declare const transformSize: (size?: IconButtonProps['size']) => 48 | 56 | 24 | 32 | 40;
+declare const transformSize: (size?: IconButtonProps['size']) => 40 | 48 | 56 | 24 | 32;
 export { transformSize };

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

@@ -5,7 +5,7 @@ import { InputMobileProps } from "../input/mobile";
 import { InputAutocompleteProps } from "../input-autocomplete";
 import { InputAutocompleteDesktopProps } from "../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../input-autocomplete/mobile";
-import { OptionShape } from "./typings-a9c8f92e";
+import { OptionShape } from "./typings-55db088c";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;

package/international-phone-input/{typings-a9c8f92e.d.ts → typings-55db088c.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, ForwardRefExoticComponent, MutableRefObject, RefAttributes, AriaAttributes, ComponentType, FocusEvent, MouseEvent, SVGProps } from "react";
+import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, MutableRefObject, ForwardRefExoticComponent, RefAttributes, AriaAttributes, ComponentType, FocusEvent, MouseEvent, SVGProps } from "react";
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps, BaseModalContext } from "./index-11f20b2e";
@@ -9,7 +9,7 @@ import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
 import { ContentProps } from "./typings-4b7234ef";
 import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
-import { Placement } from "@floating-ui/react-dom";
+import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { Color } from "./colors-facf1d2a";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
@@ -555,8 +555,9 @@ declare function getModalTestIds(dataTestId: string): {
     closer: string;
     backButton: string;
 };
-type Position = Placement;
-type PopoverProps<AnchorElement extends HTMLElement> = {
+type RefElement = HTMLElement | null;
+type Position = BasePlacement | VariationPlacement;
+type PopoverProps = {
     /**
      * Управление состоянием поповера (открыт/закрыт)
      */
@@ -564,36 +565,30 @@ type PopoverProps<AnchorElement extends HTMLElement> = {
     /**
      * Элемент, относительного которого появляется поповер
      */
-    anchorElement: AnchorElement | null | RefObject<AnchorElement>;
+    anchorElement: RefElement;
     /**
      * Использовать ширину родительского элемента
-     * @default false
      */
     useAnchorWidth?: boolean;
     /**
      * Позиционирование поповера
-     * @default left
      */
     position?: Position;
     /**
      * Запрещает поповеру менять свою позицию.
      * Например, если места снизу недостаточно, то он все равно будет показан снизу
-     * @default false
      */
     preventFlip?: boolean;
     /**
      * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
-     * @default true
      */
     preventOverflow?: boolean;
     /**
-     * Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
-     * @default false
+     *  Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
      */
     availableHeight?: boolean;
     /**
      * Если `true`, будет отрисована стрелочка
-     * @default false
      */
     withArrow?: boolean;
     /**
@@ -627,7 +622,6 @@ type PopoverProps<AnchorElement extends HTMLElement> = {
     transitionDuration?: CSSProperties["transitionDuration"];
     /**
      * Рендерит компонент, обернутый в Transition
-     * @default true
      */
     withTransition?: boolean;
     /**
@@ -636,7 +630,6 @@ type PopoverProps<AnchorElement extends HTMLElement> = {
     dataTestId?: string;
     /**
      * Хранит функцию, с помощью которой можно обновить положение компонента
-     * @deprecated Отсутствует необходимость использования в связи с миграцией на floating-ui
      */
     update?: MutableRefObject<(() => void) | undefined>;
     /**
@@ -658,7 +651,7 @@ type PopoverProps<AnchorElement extends HTMLElement> = {
      */
     children?: ReactNode;
 };
-declare const Popover: React.ForwardRefExoticComponent<PopoverProps<HTMLElement> & React.RefAttributes<HTMLDivElement>> & (<AnchorElement extends HTMLElement>(props: PopoverProps<AnchorElement> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null);
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
 type FooterProps$0 = {
     /**
      * Контент футера
@@ -945,12 +938,12 @@ type BaseSelectProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Размер пунктов меню
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    optionsSize?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    optionsSize?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Растягивает компонент на ширину контейнера
      */
@@ -1225,6 +1218,11 @@ type ArrowProps = {
      * Флаг блокировки select'а
      */
     disabled?: boolean;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: BaseSelectProps['size'];
 };
 type OptionsListProps = {
     /**
@@ -1247,7 +1245,7 @@ type OptionsListProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Компонент пункта меню
      */
@@ -1367,7 +1365,7 @@ type OptgroupProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Заголовок группы
      */
@@ -1406,7 +1404,7 @@ type OptionProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Контент пункта меню
      */
@@ -1592,6 +1590,11 @@ type ClearButtonProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: FormControlProps['size'];
 };
 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, horizontalDirections, ShouldSkipSwipingParams, useVisibleViewportSize, Typography, Text, Title as TitleDesktop, TitleResponsive, TitleMobile, typographyPresets, SwipeDirection, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps, ClearButtonProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };

package/international-phone-input/utils-34f6b81b.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-a9c8f92e";
+import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-55db088c";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/modal/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-90d8b4c3.js');
+var layout_module = require('../../layout.module-1610875a.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/components/footer/Component.js

@@ -6,7 +6,7 @@ var coreComponentsShared = require('../../../shared');
 var consts = require('../../consts.js');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-90d8b4c3.js');
+var layout_module = require('../../layout.module-1610875a.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }