@alfalab/core-components-picker-button 11.6.8 → 11.7.1

package/modern/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 17l9j */
+/* hash: 155u9 */
 :root { /* 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 */ /* 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 */ :root { /* 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 */
 } :root { /* 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 */
@@ -15,13 +15,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .picker-button__container_ceyn0 {
+} .picker-button__container_g1kh7 {
     display: flex;
     align-items: center;
-} .picker-button__icon_ceyn0 {
+} .picker-button__icon_g1kh7 {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_ceyn0 {
+} .picker-button__content_g1kh7 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/{cssm/types-667e33fd.d.ts → modern/types-a870d1f8.d.ts}

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ReactNode } from "react";
 import { BackArrowAddonProps, CloserProps } from "./index-ebda875c";
-type NavigationBarProps = {
+type NavigationBarPrivateProps = {
     /**
      * Контент шапки
      */
@@ -114,4 +114,4 @@ type ContentParams = {
     style?: React.CSSProperties;
     hidden?: boolean;
 };
-export { NavigationBarProps, ContentParams };
+export { NavigationBarPrivateProps, ContentParams };

package/modern/{typings-57569e57.d.ts → typings-1fe708ea.d.ts}

@@ -1,16 +1,17 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC, AriaAttributes, FocusEvent, MouseEvent, RefAttributes, SVGProps } from "react";
+import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC, AriaAttributes, ComponentType, FocusEvent, MouseEvent, RefAttributes, SVGProps } from "react";
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./types-667e33fd";
+import { NavigationBarPrivateProps } from "./types-a870d1f8";
+import { NavigationBarPrivateProps as NavigationBarProps } from "./types-a870d1f8";
 import { BackgroundColorType } from "./index-064acd29";
 import { BaseInputProps, BackdropProps } from "./index-ebda875c";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { FormControlProps } from "./index-c44170fe";
-import { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
+import { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 import { PopoverProps } from "@alfalab/core-components-popover";
 import { UseSelectWithApplyProps } from "./field/Component";
 type BottomSheetTitleAlign = "center" | "left";
@@ -304,7 +305,7 @@ declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "FormC
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
     /**
      * Контент футера
@@ -332,12 +333,13 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<HeaderProps>;
-    Content: React.FC<import("./typings-88b743b5").ContentProps>;
+    Content: React.FC<import("./typings-d6bfd5b7").ContentProps>;
     Footer: React.FC<FooterProps>;
     Controls: React.FC<ControlsProps>;
 };
@@ -370,7 +372,7 @@ type FooterProps$0 = {
     dataTestId?: string;
 };
 declare const Footer$0: FC<FooterProps$0>;
-type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
+type HeaderProps$0 = Omit<NavigationBarPrivateProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
     headerOffset: number;
 };
@@ -591,11 +593,11 @@ type BaseSelectProps = {
     /**
      * Компонент стрелки
      */
-    Arrow?: FC<ArrowProps> | null | false;
+    Arrow?: ComponentType<ArrowProps> | null | false;
     /**
      * Компонент поля
      */
-    Field?: FC<FieldProps>;
+    Field?: ComponentType<FieldProps>;
     /**
      * Пропсы, которые будут прокинуты в компонент поля
      */
@@ -611,15 +613,15 @@ type BaseSelectProps = {
     /**
      * Компонент выпадающего меню
      */
-    OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
+    OptionsList?: ComponentType<OptionsListProps & RefAttributes<HTMLDivElement>>;
     /**
      * Компонент группы
      */
-    Optgroup?: FC<OptgroupProps>;
+    Optgroup?: ComponentType<OptgroupProps>;
     /**
      * Компонент пункта меню
      */
-    Option?: FC<OptionProps>;
+    Option?: ComponentType<OptionProps>;
     /**
      * Включает отображение поиска
      */
@@ -627,7 +629,7 @@ type BaseSelectProps = {
     /**
      * Компонент поиска
      */
-    Search?: FC<SearchProps>;
+    Search?: ComponentType<SearchProps>;
     /**
      * Настройки поиска
      */
@@ -789,7 +791,7 @@ type OptionsListProps = {
     /**
      * Компонент пункта меню
      */
-    Option: FC<OptionProps>;
+    Option: ComponentType<OptionProps>;
     /**
      * Функция для получения пропсов для ячейки
      */
@@ -1066,8 +1068,8 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
 };
 export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, SwipeDirection, 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 };
-export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
+export { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 export { ModalContext } from "./Context-c2e6f1b2";
-export type { ContentProps as ModalContentProps } from "./typings-88b743b5";
+export type { ContentProps as ModalContentProps } from "./typings-d6bfd5b7";
 export * from "./Component.desktop-63dec22f";
 export * from "./Component.mobile-96988a65";

package/{cssm/typings-88b743b5.d.ts → modern/typings-d6bfd5b7.d.ts}

@@ -22,6 +22,10 @@ type ModalDesktopProps = BaseModalProps & {
      * @default false
      */
     hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
 type ModalResponsiveProps = ModalDesktopProps & {

package/modern/use-skeleton-1328ead9.d.ts

@@ -19,6 +19,10 @@ type SkeletonProps = {
      * Дополнительные инлайн стили
      */
     style?: React.CSSProperties;
+    /**
+     * Включает размытие фона
+     */
+    allowBackdropBlur?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/modern/utils/index.d.ts

@@ -1,4 +1,6 @@
-import { FC, SVGProps } from 'react';
+/// <reference types="react" />
+import { ComponentType, SVGProps } from 'react';
 import { PickerButtonVariant } from "../types";
-declare const getIcon: (variant: PickerButtonVariant, size: string) => FC<SVGProps<SVGSVGElement>>;
-export { getIcon };
+declare const getCompactIcon: (size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => import("react").FC<SVGProps<SVGSVGElement>> | import("react").ComponentClass<SVGProps<SVGSVGElement>, any>;
+declare const getIcon: (variant: PickerButtonVariant, size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => ComponentType<SVGProps<SVGSVGElement>>;
+export { getCompactIcon, getIcon };

package/modern/utils/index.js

@@ -3,11 +3,17 @@ import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { MoreMIcon } from '@alfalab/icons-glyph/MoreMIcon';
 import { MoreSIcon } from '@alfalab/icons-glyph/MoreSIcon';
 
-const getIcon = (variant, size) => {
+const getCompactIcon = (size, Icon) => {
+    if (Icon) {
+        return Icon;
+    }
+    return size === 'size-32' ? MoreSIcon : MoreMIcon;
+};
+const getIcon = (variant, size, Icon) => {
     if (variant === 'compact') {
-        return size === 'size-32' ? MoreSIcon : MoreMIcon;
+        return getCompactIcon(size, Icon);
     }
     return ['size-40', 'size-32'].includes(size) ? ChevronDownCompactSIcon : ChevronDownMIcon;
 };
 
-export { getIcon };
+export { getCompactIcon, getIcon };

package/modern/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-57569e57";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-1fe708ea";
 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/option/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"container":"picker-button__container_ceyn0","icon":"picker-button__icon_ceyn0","content":"picker-button__content_ceyn0"};
+var styles = {"container":"picker-button__container_g1kh7","icon":"picker-button__icon_g1kh7","content":"picker-button__content_g1kh7"};
 require('./index.css')
 
 var Option = function (_a) {

package/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 17l9j */
+/* hash: 155u9 */
 :root { /* 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 */ /* 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 */ :root { /* 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 */
 } :root { /* 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 */
@@ -15,13 +15,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .picker-button__container_ceyn0 {
+} .picker-button__container_g1kh7 {
     display: flex;
     align-items: center;
-} .picker-button__icon_ceyn0 {
+} .picker-button__icon_g1kh7 {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_ceyn0 {
+} .picker-button__content_g1kh7 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-picker-button",
-    "version": "11.6.8",
+    "version": "11.7.1",
     "description": "Picker button component",
     "keywords": [],
     "license": "MIT",
@@ -15,8 +15,8 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^11.4.2",
-        "@alfalab/core-components-select": "^17.4.2",
+        "@alfalab/core-components-button": "^11.4.3",
+        "@alfalab/core-components-select": "^17.4.4",
         "@alfalab/core-components-popover": "^6.2.1",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/icons-glyph": "^2.139.0",

package/src/desktop/Component.desktop.tsx

@@ -1,4 +1,4 @@
-import React, { FC, forwardRef, SVGProps } from 'react';
+import React, { ComponentType, forwardRef, SVGProps } from 'react';
 import cn from 'classnames';
 
 import type { ButtonProps } from '@alfalab/core-components-button';
@@ -41,7 +41,7 @@ export type PickerButtonDesktopProps = Omit<
                 /**
                  * Иконка, отображающаяся слева от текстового представления пункта
                  */
-                icon?: FC<SVGProps<SVGSVGElement>>;
+                icon?: ComponentType<SVGProps<SVGSVGElement>>;
             }
         >;
 
@@ -61,6 +61,11 @@ export type PickerButtonDesktopProps = Omit<
          * @default true
          */
         showArrow?: boolean;
+
+        /**
+         * Кастомная иконка при variant = compact
+         */
+        icon?: ComponentType<SVGProps<SVGSVGElement>>;
     };
 
 export const PickerButtonDesktop = forwardRef<HTMLInputElement, PickerButtonDesktopProps>(
@@ -81,6 +86,7 @@ export const PickerButtonDesktop = forwardRef<HTMLInputElement, PickerButtonDesk
             showArrow,
             Field = DefaultField,
             fieldProps = {},
+            icon,
             ...restProps
         },
         ref,
@@ -98,6 +104,7 @@ export const PickerButtonDesktop = forwardRef<HTMLInputElement, PickerButtonDesk
             rightAddons,
             showArrow,
             breakpoint: 1,
+            icon,
         };
 
         return (

package/src/field/Component.tsx

@@ -1,4 +1,4 @@
-import React, { ButtonHTMLAttributes, FC, Fragment, SVGProps } from 'react';
+import React, { ButtonHTMLAttributes, ComponentType, Fragment, SVGProps } from 'react';
 import cn from 'classnames';
 
 import { Button, ButtonProps } from '@alfalab/core-components-button';
@@ -14,6 +14,7 @@ type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | '
         buttonSize?: PickerButtonSize;
         buttonVariant?: PickerButtonVariant;
         showArrow?: boolean;
+        icon?: ComponentType<SVGProps<SVGSVGElement>>;
     };
 
 const SIZE_TO_CLASSNAME_MAP = {
@@ -49,11 +50,14 @@ export const Field = ({
     valueRenderer,
     showArrow = true,
     labelView,
+    FormControlComponent,
+    icon,
     ...restProps
 }: FieldProps) => {
-    const Icon: FC<SVGProps<SVGSVGElement>> = getIcon(
+    const Icon: ComponentType<SVGProps<SVGSVGElement>> = getIcon(
         buttonVariant,
         SIZE_TO_CLASSNAME_MAP[buttonSize],
+        icon,
     );
 
     const { ref, ...restInnerProps } = innerProps;

package/src/mobile/Component.mobile.tsx

@@ -41,6 +41,7 @@ export const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobil
             showArrow,
             Field = DefaultField,
             fieldProps = {},
+            icon,
             breakpoint = 1024,
             ...restProps
         },
@@ -56,6 +57,7 @@ export const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobil
             rightAddons,
             showArrow,
             breakpoint,
+            icon,
         };
 
         return (

package/src/utils/index.ts

@@ -1,4 +1,4 @@
-import { FC, SVGProps } from 'react';
+import { ComponentType, SVGProps } from 'react';
 
 import { ChevronDownCompactSIcon } from '@alfalab/icons-glyph/ChevronDownCompactSIcon';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -7,12 +7,21 @@ import { MoreSIcon } from '@alfalab/icons-glyph/MoreSIcon';
 
 import { PickerButtonVariant } from '../types';
 
+export const getCompactIcon = (size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => {
+    if (Icon) {
+        return Icon;
+    }
+
+    return size === 'size-32' ? MoreSIcon : MoreMIcon;
+};
+
 export const getIcon = (
     variant: PickerButtonVariant,
     size: string,
-): FC<SVGProps<SVGSVGElement>> => {
+    Icon?: ComponentType<SVGProps<SVGSVGElement>>,
+): ComponentType<SVGProps<SVGSVGElement>> => {
     if (variant === 'compact') {
-        return size === 'size-32' ? MoreSIcon : MoreMIcon;
+        return getCompactIcon(size, Icon);
     }
 
     return ['size-40', 'size-32'].includes(size) ? ChevronDownCompactSIcon : ChevronDownMIcon;

package/{types-667e33fd.d.ts → types-a870d1f8.d.ts}

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ReactNode } from "react";
 import { BackArrowAddonProps, CloserProps } from "./index-ebda875c";
-type NavigationBarProps = {
+type NavigationBarPrivateProps = {
     /**
      * Контент шапки
      */
@@ -114,4 +114,4 @@ type ContentParams = {
     style?: React.CSSProperties;
     hidden?: boolean;
 };
-export { NavigationBarProps, ContentParams };
+export { NavigationBarPrivateProps, ContentParams };

package/{typings-57569e57.d.ts → typings-1fe708ea.d.ts}

@@ -1,16 +1,17 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC, AriaAttributes, FocusEvent, MouseEvent, RefAttributes, SVGProps } from "react";
+import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC, AriaAttributes, ComponentType, FocusEvent, MouseEvent, RefAttributes, SVGProps } from "react";
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./types-667e33fd";
+import { NavigationBarPrivateProps } from "./types-a870d1f8";
+import { NavigationBarPrivateProps as NavigationBarProps } from "./types-a870d1f8";
 import { BackgroundColorType } from "./index-064acd29";
 import { BaseInputProps, BackdropProps } from "./index-ebda875c";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { FormControlProps } from "./index-c44170fe";
-import { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
+import { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 import { PopoverProps } from "@alfalab/core-components-popover";
 import { UseSelectWithApplyProps } from "./field/Component";
 type BottomSheetTitleAlign = "center" | "left";
@@ -304,7 +305,7 @@ declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "FormC
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
     /**
      * Контент футера
@@ -332,12 +333,13 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<HeaderProps>;
-    Content: React.FC<import("./typings-88b743b5").ContentProps>;
+    Content: React.FC<import("./typings-d6bfd5b7").ContentProps>;
     Footer: React.FC<FooterProps>;
     Controls: React.FC<ControlsProps>;
 };
@@ -370,7 +372,7 @@ type FooterProps$0 = {
     dataTestId?: string;
 };
 declare const Footer$0: FC<FooterProps$0>;
-type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
+type HeaderProps$0 = Omit<NavigationBarPrivateProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
     headerOffset: number;
 };
@@ -591,11 +593,11 @@ type BaseSelectProps = {
     /**
      * Компонент стрелки
      */
-    Arrow?: FC<ArrowProps> | null | false;
+    Arrow?: ComponentType<ArrowProps> | null | false;
     /**
      * Компонент поля
      */
-    Field?: FC<FieldProps>;
+    Field?: ComponentType<FieldProps>;
     /**
      * Пропсы, которые будут прокинуты в компонент поля
      */
@@ -611,15 +613,15 @@ type BaseSelectProps = {
     /**
      * Компонент выпадающего меню
      */
-    OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
+    OptionsList?: ComponentType<OptionsListProps & RefAttributes<HTMLDivElement>>;
     /**
      * Компонент группы
      */
-    Optgroup?: FC<OptgroupProps>;
+    Optgroup?: ComponentType<OptgroupProps>;
     /**
      * Компонент пункта меню
      */
-    Option?: FC<OptionProps>;
+    Option?: ComponentType<OptionProps>;
     /**
      * Включает отображение поиска
      */
@@ -627,7 +629,7 @@ type BaseSelectProps = {
     /**
      * Компонент поиска
      */
-    Search?: FC<SearchProps>;
+    Search?: ComponentType<SearchProps>;
     /**
      * Настройки поиска
      */
@@ -789,7 +791,7 @@ type OptionsListProps = {
     /**
      * Компонент пункта меню
      */
-    Option: FC<OptionProps>;
+    Option: ComponentType<OptionProps>;
     /**
      * Функция для получения пропсов для ячейки
      */
@@ -1066,8 +1068,8 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
 };
 export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, SwipeDirection, 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 };
-export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
+export { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 export { ModalContext } from "./Context-c2e6f1b2";
-export type { ContentProps as ModalContentProps } from "./typings-88b743b5";
+export type { ContentProps as ModalContentProps } from "./typings-d6bfd5b7";
 export * from "./Component.desktop-63dec22f";
 export * from "./Component.mobile-96988a65";

package/{typings-88b743b5.d.ts → typings-d6bfd5b7.d.ts}

@@ -22,6 +22,10 @@ type ModalDesktopProps = BaseModalProps & {
      * @default false
      */
     hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
 type ModalResponsiveProps = ModalDesktopProps & {

package/use-skeleton-1328ead9.d.ts

@@ -19,6 +19,10 @@ type SkeletonProps = {
      * Дополнительные инлайн стили
      */
     style?: React.CSSProperties;
+    /**
+     * Включает размытие фона
+     */
+    allowBackdropBlur?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/utils/index.d.ts

@@ -1,4 +1,6 @@
-import { FC, SVGProps } from 'react';
+/// <reference types="react" />
+import { ComponentType, SVGProps } from 'react';
 import { PickerButtonVariant } from "../types";
-declare const getIcon: (variant: PickerButtonVariant, size: string) => FC<SVGProps<SVGSVGElement>>;
-export { getIcon };
+declare const getCompactIcon: (size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => import("react").FC<SVGProps<SVGSVGElement>> | import("react").ComponentClass<SVGProps<SVGSVGElement>, any>;
+declare const getIcon: (variant: PickerButtonVariant, size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => ComponentType<SVGProps<SVGSVGElement>>;
+export { getCompactIcon, getIcon };

package/utils/index.js

@@ -7,11 +7,18 @@ var ChevronDownMIcon = require('@alfalab/icons-glyph/ChevronDownMIcon');
 var MoreMIcon = require('@alfalab/icons-glyph/MoreMIcon');
 var MoreSIcon = require('@alfalab/icons-glyph/MoreSIcon');
 
-var getIcon = function (variant, size) {
+var getCompactIcon = function (size, Icon) {
+    if (Icon) {
+        return Icon;
+    }
+    return size === 'size-32' ? MoreSIcon.MoreSIcon : MoreMIcon.MoreMIcon;
+};
+var getIcon = function (variant, size, Icon) {
     if (variant === 'compact') {
-        return size === 'size-32' ? MoreSIcon.MoreSIcon : MoreMIcon.MoreMIcon;
+        return getCompactIcon(size, Icon);
     }
     return ['size-40', 'size-32'].includes(size) ? ChevronDownCompactSIcon.ChevronDownCompactSIcon : ChevronDownMIcon.ChevronDownMIcon;
 };
 
+exports.getCompactIcon = getCompactIcon;
 exports.getIcon = getIcon;

package/utils-89376c31.d.ts

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