@alfalab/core-components 44.3.0 → 44.4.0

package/picker-button/field/index.css

@@ -1,4 +1,4 @@
-/* hash: px38i */
+/* hash: iou5h */
 :root {
 } /* deprecated */ :root {
     --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06); /* 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,15 +17,15 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_2506g {
+} .picker-button__iconContainer_1tbct {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_2506g {
+} .picker-button__addonsContainer_1tbct {
     display: flex
-} .picker-button__addonsContainer_2506g.picker-button__showControlIcon_2506g {
+} .picker-button__addonsContainer_1tbct.picker-button__showControlIcon_1tbct {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_2506g {
+    } .picker-button__open_1tbct {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_2506g:not(:hover) {
+} .picker-button__linkOpen_1tbct:not(:hover) {
     background-color: var(--color-light-transparent-default-hover);
 }

package/picker-button/{index-081223cb.d.ts → index-a5b021bd.d.ts}

@@ -57,5 +57,9 @@ declare const maskUtils: {
 declare const hooks: {
     useCustomWebkitScrollbar: typeof useCustomWebkitScrollbar;
 };
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks };
+declare function preventDefault(e: React.UIEvent): void;
+declare const dom: {
+    preventDefault: typeof preventDefault;
+};
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
 export * from "./browser-a216f694";

package/picker-button/index.css

@@ -1,4 +1,4 @@
-/* hash: 1gxaf */
+/* hash: kklog */
 :root {
 } /* 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 */
@@ -16,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_1t3yz {
+} .picker-button__container_dyf11 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_1t3yz.picker-button__sideGap_1t3yz {
+} .cc-picker-button.picker-button__optionsPopover_dyf11.picker-button__sideGap_dyf11 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_1t3yz {
+        } .cc-picker-button .picker-button__option_dyf11 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_1t3yz:before {
+    } .cc-picker-button .picker-button__option_dyf11:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/picker-button/modern/Component-72dda473.d.ts

@@ -49,5 +49,8 @@ type BadgeProps = {
      */
     dataTestId?: string;
 };
+/**
+ * @deprecated Используйте StatusBadge или Indicator
+ */
 declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
 export { IconColorType, BadgeProps, Badge };

package/picker-button/modern/Component-a5b021bd.d.ts

@@ -0,0 +1,158 @@
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode } from "react";
+type NativeProps = InputHTMLAttributes<HTMLInputElement>;
+type Align = 'start' | 'center';
+type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
+    /**
+     * Управление состоянием вкл/выкл чекбокса (native prop)
+     */
+    checked?: boolean;
+    /**
+     * Обработчик переключения чекбокса
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void;
+    /**
+     * Текст подписи к чекбоксу
+     */
+    label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: ReactNode;
+    /**
+     * Размер компонента
+     */
+    size?: 's' | 'm';
+    /**
+     * Доп. класс чекбокса
+     */
+    boxClassName?: string;
+    /**
+     * Доп. класс контента
+     */
+    contentClassName?: string;
+    /**
+     * Выравнивание
+     */
+    align?: Align;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean;
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props disabled
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Управление неопределенным состоянием чекбокса
+     */
+    indeterminate?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Флаг для скрытия нативного инпута.
+     * @default false
+     */
+    hiddenInput?: boolean;
+    /**
+     * Пропсы для label
+     */
+    labelProps?: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
+};
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size" | "onChange" | "enterKeyHint"> & {
+    /**
+     * Управление состоянием вкл/выкл чекбокса (native prop)
+     */
+    checked?: boolean | undefined;
+    /**
+     * Обработчик переключения чекбокса
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void) | undefined;
+    /**
+     * Текст подписи к чекбоксу
+     */
+    label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: ReactNode;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | undefined;
+    /**
+     * Доп. класс чекбокса
+     */
+    boxClassName?: string | undefined;
+    /**
+     * Доп. класс контента
+     */
+    contentClassName?: string | undefined;
+    /**
+     * Выравнивание
+     */
+    align?: Align | undefined;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean | undefined;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean | undefined;
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props disabled
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Управление неопределенным состоянием чекбокса
+     */
+    indeterminate?: boolean | undefined;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Флаг для скрытия нативного инпута.
+     * @default false
+     */
+    hiddenInput?: boolean | undefined;
+    /**
+     * Пропсы для label
+     */
+    labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;
+export { CheckboxProps, Checkbox };

package/picker-button/modern/Component-bdb4c6b9.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-08e5596c";
+import { View } from "./typings-8a2a8ad1";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
     fullscreen?: boolean | undefined;

package/picker-button/modern/Component.responsive.d.ts

@@ -9,7 +9,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
      */
     breakpoint?: number;
 };
-declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../../select/shared").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("../../button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../../select/shared").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("../../button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: ((import("../../select/shared").OptionShape | import("../../select/shared").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];

package/picker-button/modern/Context-c2e6f1b2.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BaseModalContext } from "./index-bdb4c6b9";
+declare const ModalContext: import("react").Context<BaseModalContext>;
+export { ModalContext };

package/picker-button/modern/ResponsiveContext-8a2a8ad1.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { TResponsiveModalContext } from "./typings-8a2a8ad1";
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+export { ResponsiveContext };

package/picker-button/modern/desktop/Component.desktop.d.ts

@@ -25,7 +25,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' |
      */
     showArrow?: boolean;
 };
-declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта

package/picker-button/modern/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import '../utils/index.js';
 
-const styles = {"container":"picker-button__container_1t3yz","optionsPopover":"picker-button__optionsPopover_1t3yz","sideGap":"picker-button__sideGap_1t3yz","option":"picker-button__option_1t3yz"};
+const styles = {"container":"picker-button__container_dyf11","optionsPopover":"picker-button__optionsPopover_dyf11","sideGap":"picker-button__sideGap_dyf11","option":"picker-button__option_dyf11"};
 require('./../index.css');
 
 const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/picker-button/modern/field/Component.js

@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-const styles = {"iconContainer":"picker-button__iconContainer_2506g","addonsContainer":"picker-button__addonsContainer_2506g","showControlIcon":"picker-button__showControlIcon_2506g","open":"picker-button__open_2506g","linkOpen":"picker-button__linkOpen_2506g"};
+const styles = {"iconContainer":"picker-button__iconContainer_1tbct","addonsContainer":"picker-button__addonsContainer_1tbct","showControlIcon":"picker-button__showControlIcon_1tbct","open":"picker-button__open_1tbct","linkOpen":"picker-button__linkOpen_1tbct"};
 require('./index.css');
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, labelView, ...restProps }) => {

package/picker-button/modern/field/index.css

@@ -1,4 +1,4 @@
-/* hash: px38i */
+/* hash: iou5h */
 :root {
 } /* deprecated */ :root {
     --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06); /* 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,15 +17,15 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_2506g {
+} .picker-button__iconContainer_1tbct {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_2506g {
+} .picker-button__addonsContainer_1tbct {
     display: flex
-} .picker-button__addonsContainer_2506g.picker-button__showControlIcon_2506g {
+} .picker-button__addonsContainer_1tbct.picker-button__showControlIcon_1tbct {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_2506g {
+    } .picker-button__open_1tbct {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_2506g:not(:hover) {
+} .picker-button__linkOpen_1tbct:not(:hover) {
     background-color: var(--color-light-transparent-default-hover);
 }

package/picker-button/modern/{index-081223cb.d.ts → index-a5b021bd.d.ts}

@@ -57,5 +57,9 @@ declare const maskUtils: {
 declare const hooks: {
     useCustomWebkitScrollbar: typeof useCustomWebkitScrollbar;
 };
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks };
+declare function preventDefault(e: React.UIEvent): void;
+declare const dom: {
+    preventDefault: typeof preventDefault;
+};
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
 export * from "./browser-a216f694";

package/picker-button/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1gxaf */
+/* hash: kklog */
 :root {
 } /* 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 */
@@ -16,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_1t3yz {
+} .picker-button__container_dyf11 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_1t3yz.picker-button__sideGap_1t3yz {
+} .cc-picker-button.picker-button__optionsPopover_dyf11.picker-button__sideGap_dyf11 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_1t3yz {
+        } .cc-picker-button .picker-button__option_dyf11 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_1t3yz:before {
+    } .cc-picker-button .picker-button__option_dyf11:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/picker-button/modern/option/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Option as Option$1 } from '../../../select/modern/shared';
 
-const styles = {"container":"picker-button__container_dlwoj","icon":"picker-button__icon_dlwoj","content":"picker-button__content_dlwoj"};
+const styles = {"container":"picker-button__container_xhgsj","icon":"picker-button__icon_xhgsj","content":"picker-button__content_xhgsj"};
 require('./index.css');
 
 const Option = ({ option, children, ...restProps }) => {

package/picker-button/modern/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 7po3k */
+/* hash: 1ae3e */
 :root {
 } /* 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_dlwoj {
+} .picker-button__container_xhgsj {
     display: flex;
     align-items: center;
-} .picker-button__icon_dlwoj {
+} .picker-button__icon_xhgsj {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_dlwoj {
+} .picker-button__content_xhgsj {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/modern/typings-8a2a8ad1.d.ts

@@ -0,0 +1,57 @@
+import { ReactNode } from 'react';
+import { BaseModalProps } from "./index-bdb4c6b9";
+type ModalDesktopProps = BaseModalProps & {
+    /**
+     * Ширина модального окна
+     * @default "m"
+     */
+    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen';
+    /**
+     * Растягивает модальное окно на весь экран
+     * @deprecated Используйте размер fullscreen
+     */
+    fullscreen?: boolean;
+    /**
+     * Фиксирует позицию модального окна после открытия,
+     * предотвращая скачки, если контент внутри будет меняться
+     */
+    fixedPosition?: boolean;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean;
+};
+type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
+type ModalResponsiveProps = ModalDesktopProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+type View = 'desktop' | 'mobile';
+type TResponsiveModalContext = {
+    view: View;
+    size: NonNullable<ModalDesktopProps['size']>;
+    dataTestId?: string;
+};
+type ContentProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Растягивает контент на всю высоту
+     */
+    flex?: boolean;
+};
+export { ModalDesktopProps, ModalMobileProps, ModalResponsiveProps, View, TResponsiveModalContext, ContentProps };

package/picker-button/modern/typings-c29389e5.d.ts

@@ -4,14 +4,13 @@ import React from "react";
 import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC, AriaAttributes, FocusEvent, MouseEvent, RefAttributes, SVGProps } from "react";
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
-import { BaseModalProps, BaseModalContext } from "./index-bdb4c6b9";
+import { BaseModalProps } from "./index-bdb4c6b9";
 import { NavigationBarProps } from "./types-667e33fd";
 import { BackgroundColorType } from "./index-72dda473";
 import { BaseInputProps, BackdropProps } from "./index-ebda875c";
 import { SwipeableHandlers } from "react-swipeable";
-import { ContentProps } from "./typings-08e5596c";
-import { ModalResponsiveProps as ModalProps } from "./typings-08e5596c";
 import { FormControlProps } from "./index-c44170fe";
+import { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
 import { PopoverProps } from "../../popover";
 import { UseSelectWithApplyProps } from "./field/Component";
 type BottomSheetTitleAlign = "center" | "left";
@@ -328,30 +327,6 @@ type FooterProps = {
      */
     gap?: 16 | 24 | 32;
 };
-interface ControlsProps {
-    /**
-     * Основной слот
-     */
-    primary?: ReactNode;
-    /**
-     * Дополнительный слот
-     */
-    secondary?: ReactNode;
-    /**
-     * Выравнивание элементов футера
-     * @default start
-     */
-    layout?: "start" | "center" | "space-between" | "column";
-    /**
-     * Выравнивание элементов футера (мобильный view)
-     * @default start
-     */
-    mobileLayout?: "start" | "center" | "space-between" | "column";
-    /**
-     * Отступы между элементами футера
-     */
-    gap?: 16 | 24 | 32;
-}
 declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
     fullscreen?: boolean | undefined;
@@ -362,11 +337,10 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<HeaderProps>;
-    Content: React.FC<import("./typings-08e5596c").ContentProps>;
+    Content: React.FC<import("./typings-8a2a8ad1").ContentProps>;
     Footer: React.FC<FooterProps>;
     Controls: React.FC<ControlsProps>;
 };
-declare const ModalContext: import("react").Context<BaseModalContext>;
 type FooterProps$0 = {
     /**
      * Контент футера
@@ -402,7 +376,6 @@ type SwipeableBackdropProps = BackdropProps & {
     opacityTimeout?: number;
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
-declare const Content: FC<ContentProps>;
 type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
@@ -1052,9 +1025,10 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalContext, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, 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, InputProps, Input, ModalResponsive as Modal, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, 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-08e5596c";
-export type { ContentProps as ModalContentProps } from "./typings-08e5596c";
+export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
+export { ModalContext } from "./Context-c2e6f1b2";
+export type { ContentProps as ModalContentProps } from "./typings-8a2a8ad1";
 export * from "./Component.desktop-63dec22f";
 export * from "./Component.mobile-96988a65";

package/picker-button/modern/utils/index.js

@@ -7,7 +7,7 @@ const getIcon = (variant, size) => {
     if (variant === 'compact') {
         return size === 'xxs' ? MoreSIcon : MoreMIcon;
     }
-    return size === 'xxs' ? ChevronDownCompactSIcon : ChevronDownMIcon;
+    return size === 'xxs' || size === 'xs' ? ChevronDownCompactSIcon : ChevronDownMIcon;
 };
 
 export { getIcon };

package/picker-button/option/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"container":"picker-button__container_dlwoj","icon":"picker-button__icon_dlwoj","content":"picker-button__content_dlwoj"};
+var styles = {"container":"picker-button__container_xhgsj","icon":"picker-button__icon_xhgsj","content":"picker-button__content_xhgsj"};
 require('./index.css');
 
 var Option = function (_a) {

package/picker-button/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 7po3k */
+/* hash: 1ae3e */
 :root {
 } /* 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_dlwoj {
+} .picker-button__container_xhgsj {
     display: flex;
     align-items: center;
-} .picker-button__icon_dlwoj {
+} .picker-button__icon_xhgsj {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_dlwoj {
+} .picker-button__content_xhgsj {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;