@alfalab/core-components 42.0.0-beta.2 → 42.1.0

package/input-autocomplete/esm/autocomplete-mobile-field/Component.js

@@ -4,24 +4,24 @@ import cn from 'classnames';
 import { FormControlMobile } from '../../../form-control/esm/mobile';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"input-autocomplete__component_1xlxc","field":"input-autocomplete__field_1xlxc","disabled":"input-autocomplete__disabled_1xlxc","placeholder":"input-autocomplete__placeholder_1xlxc","contentWrapper":"input-autocomplete__contentWrapper_1xlxc","value":"input-autocomplete__value_1xlxc","focusVisible":"input-autocomplete__focusVisible_1xlxc"};
+var styles = {"component":"input-autocomplete__component_42co3","field":"input-autocomplete__field_42co3","disabled":"input-autocomplete__disabled_42co3","placeholder":"input-autocomplete__placeholder_42co3","contentWrapper":"input-autocomplete__contentWrapper_42co3","value":"input-autocomplete__value_42co3","focusVisible":"input-autocomplete__focusVisible_42co3"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {
     var _b;
-    var _c = _a.size, size = _c === void 0 ? 'm' : _c; _a.open; var error = _a.error, hint = _a.hint, disabled = _a.disabled, label = _a.label, _d = _a.labelView, labelView = _d === void 0 ? 'inner' : _d, placeholder = _a.placeholder, value = _a.value, innerProps = _a.innerProps, dataTestId = _a.dataTestId, fieldClassName = _a.fieldClassName, Arrow = _a.Arrow; _a.valueRenderer; _a.toggleMenu; _a.setSelectedItems; _a.selectedMultiple; var restProps = __rest(_a, ["size", "open", "error", "hint", "disabled", "label", "labelView", "placeholder", "value", "innerProps", "dataTestId", "fieldClassName", "Arrow", "valueRenderer", "toggleMenu", "setSelectedItems", "selectedMultiple"]);
+    var _c = _a.size, size = _c === void 0 ? 'm' : _c; _a.open; var disabled = _a.disabled, value = _a.value, innerProps = _a.innerProps, dataTestId = _a.dataTestId, fieldClassName = _a.fieldClassName, _d = _a.labelView, labelView = _d === void 0 ? 'inner' : _d, placeholder = _a.placeholder, Arrow = _a.Arrow; _a.valueRenderer; _a.toggleMenu; _a.setSelectedItems; _a.selectedMultiple; var restProps = __rest(_a, ["size", "open", "disabled", "value", "innerProps", "dataTestId", "fieldClassName", "labelView", "placeholder", "Arrow", "valueRenderer", "toggleMenu", "setSelectedItems", "selectedMultiple"]);
     var _e = useState(false), focused = _e[0], setFocused = _e[1];
     var wrapperRef = useRef(null);
     var focusVisible = useFocus(wrapperRef, 'keyboard')[0];
     var filled = Boolean(value);
-    var showLabel = !!label && (filled || !placeholder || labelView === 'outer');
+    var showPlaceholder = placeholder && !filled && labelView === 'outer';
     return (React.createElement("div", { className: styles.component, ref: wrapperRef, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); } },
         React.createElement(FormControlMobile, __assign({ fieldClassName: cn(styles.field, fieldClassName, (_b = {},
                 _b[styles.disabled] = disabled,
                 _b[styles.focusVisible] = focusVisible,
-                _b)), block: true, size: size, focused: focused, disabled: disabled, filled: filled, label: showLabel && label, labelView: labelView, error: error, hint: hint, rightAddons: Arrow, "data-test-id": dataTestId }, restProps, innerProps),
+                _b)), block: true, size: size, focused: focused, disabled: disabled, filled: filled, labelView: labelView, rightAddons: Arrow, "data-test-id": dataTestId }, restProps, innerProps),
             React.createElement("div", { className: styles.contentWrapper },
-                placeholder && !filled && (React.createElement("span", { className: styles.placeholder }, placeholder)),
+                showPlaceholder && React.createElement("span", { className: styles.placeholder }, placeholder),
                 filled && React.createElement("div", { className: styles.value }, value)))));
 };
 

package/input-autocomplete/esm/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: v88g5 */
+/* hash: tospp */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_1xlxc {
+} .input-autocomplete__component_42co3 {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_1xlxc:not(.input-autocomplete__disabled_1xlxc) {
+} .input-autocomplete__field_42co3:not(.input-autocomplete__disabled_42co3) {
     cursor: pointer;
-} .input-autocomplete__disabled_1xlxc {
+} .input-autocomplete__disabled_42co3 {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_1xlxc {
+} .input-autocomplete__placeholder_42co3 {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_1xlxc {
+} .input-autocomplete__contentWrapper_42co3 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_1xlxc {
+} .input-autocomplete__value_42co3 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_1xlxc {
+} .input-autocomplete__focusVisible_42co3 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/esm/component-89a3cf4c.d.ts

@@ -1,14 +1,10 @@
 /// <reference types="react" />
 import React from "react";
-import { FC, RefObject, ReactNode } from "react";
+import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-fae20163";
-type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
-    headerRef: RefObject<HTMLDivElement>;
-};
-declare const Header: FC<HeaderProps>;
+import { BottomSheetProps } from "./types-d9f9bbcc";
 type FooterProps = {
     /**
      * Контент футера
@@ -24,6 +20,11 @@ type FooterProps = {
     className?: string;
 };
 declare const Footer: FC<FooterProps>;
+type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
+    headerRef: RefObject<HTMLDivElement>;
+    headerOffset: number;
+};
+declare const Header: FC<HeaderProps>;
 type SwipeableBackdropProps = BackdropProps & {
     /**
      * Прозрачность бэкдропа
@@ -40,4 +41,4 @@ type SwipeableBackdropProps = BackdropProps & {
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };
+export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };

package/input-autocomplete/esm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-89a3cf4c";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
-export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-d9f9bbcc";
+export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/input-autocomplete/esm/index.js

@@ -15,4 +15,4 @@ import '../../input/esm';
 import '../../select/esm/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm/mobile';
-import './mobile.module-e831c682.js';
+import './mobile.module-c1c9cbe0.js';

package/input-autocomplete/esm/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1qiun */
+/* hash: lqtfk */
 :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,11 +16,11 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .input-autocomplete__bottomAddonInput_172kg {
+} .input-autocomplete__bottomAddonInput_6tz8w {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_172kg {
+} .input-autocomplete__footer_6tz8w {
     display: flex
-} .input-autocomplete__footer_172kg > button + button {
+} .input-autocomplete__footer_6tz8w > button + button {
         margin-left: var(--gap-m);
     }

package/input-autocomplete/esm/mobile.js

@@ -11,4 +11,4 @@ import '../../select/esm/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm/mobile';
 import '@alfalab/hooks';
-import './mobile.module-e831c682.js';
+import './mobile.module-c1c9cbe0.js';

package/input-autocomplete/esm/{mobile.module-e831c682.js → mobile.module-c1c9cbe0.js}

@@ -1,4 +1,4 @@
-var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_172kg","footer":"input-autocomplete__footer_172kg"};
+var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_6tz8w","footer":"input-autocomplete__footer_6tz8w"};
 require('./mobile.css');
 
 export { styles as s };

package/input-autocomplete/esm/shared-4cd3936b.d.ts

@@ -9,7 +9,7 @@ type useSelectWithLoadingProps = {
     Option?: React.FC<OptionProps>;
 };
 declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
-    Option: (props: OptionProps) => JSX.Element;
+    Option: (props: OptionProps) => React.JSX.Element;
     options: OptionShape[];
 } | null;
 type OptionsFetcherResponse = {
@@ -40,7 +40,7 @@ type useLazyLoadingProps = {
 };
 declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
     optionsProps: {
-        Option: (props: OptionProps) => JSX.Element;
+        Option: (props: OptionProps) => React.JSX.Element;
         options: OptionShape[];
         optionsListProps: {
             ref: React.RefObject<HTMLDivElement>;

package/input-autocomplete/esm/types-d9f9bbcc.d.ts

@@ -0,0 +1,259 @@
+/// <reference types="react-transition-group" />
+import { HTMLAttributes, ReactNode, RefObject } from 'react';
+import { TransitionProps } from 'react-transition-group/Transition';
+import { BaseModalProps } from "./index-bdb4c6b9";
+import { NavigationBarProps } from "./index-e81c389f";
+import { BackgroundColorType } from "./index-425c8522";
+type BottomSheetTitleAlign = 'center' | 'left';
+type BottomSheetProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Управление видимостью
+     */
+    open: boolean;
+    /**
+     * Заголовок
+     */
+    title?: ReactNode;
+    /**
+     * Размер заголовка
+     */
+    titleSize?: NavigationBarProps['titleSize'];
+    /**
+     * Подзаголовок.
+     */
+    subtitle?: NavigationBarProps['subtitle'];
+    /**
+     * Кнопка действия (обычно, это кнопка закрытия)
+     */
+    actionButton?: ReactNode;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: BaseModalProps['container'];
+    /**
+     * Рендерить ли в контейнер через портал.
+     */
+    usePortal?: BaseModalProps['usePortal'];
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительные пропсы на контейнер.
+     */
+    containerProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Дополнительный класс
+     */
+    containerClassName?: string;
+    /**
+     * Цвет фона
+     */
+    backgroundColor?: Extract<BackgroundColorType, 'primary' | 'secondary'>;
+    /**
+     * Дополнительный класс шапки
+     */
+    headerClassName?: string;
+    /**
+     * Дополнительный класс футера
+     */
+    footerClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Дополнительный класс для компонента крестика
+     */
+    closerClassName?: string;
+    /**
+     * Дополнительный класс для компонента стрелки назад
+     */
+    backerClassName?: string;
+    /**
+     * Дополнительный класс для компонента модального окна
+     */
+    modalClassName?: string;
+    /**
+     * Дополнительный класс для обертки модального окна
+     */
+    modalWrapperClassName?: string;
+    /**
+     * TransitionProps, прокидываются в компонент CSSTransitionProps.
+     */
+    transitionProps?: Partial<TransitionProps>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Будет ли свайпаться шторка
+     * @default true
+     */
+    swipeable?: boolean;
+    /**
+     * Будет ли свайпаться контент
+     */
+    swipeableContent?: boolean;
+    /**
+     * Порог свайпа
+     */
+    swipeThreshold?: number;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Наличие компонента крестика
+     */
+    hasCloser?: boolean;
+    /**
+     * Наличие компонента стрелки назад
+     */
+    hasBacker?: boolean;
+    /**
+     * Выравнивание заголовка
+     */
+    titleAlign?: BottomSheetTitleAlign;
+    /**
+     * Фиксирует шапку
+     */
+    stickyHeader?: boolean;
+    /**
+     * Фиксирует футер
+     */
+    stickyFooter?: boolean;
+    /**
+     * Высота шторки
+     */
+    initialHeight?: 'default' | 'full';
+    /**
+     * Будет ли виден оверлэй
+     */
+    hideOverlay?: boolean;
+    /**
+     * Будет ли видна шапка
+     */
+    hideHeader?: boolean;
+    /**
+     * Будет ли обрезан заголовок
+     */
+    trimTitle?: boolean;
+    /**
+     * Запретить закрытие шторки кликом на оверлэй
+     */
+    disableOverlayClick?: boolean;
+    /**
+     * Отключает блокировку скролла при открытии модального окна
+     */
+    disableBlockingScroll?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     */
+    disableFocusLock?: boolean;
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Не анимировать шторку при изменении размера вьюпорта
+     */
+    ignoreScreenChange?: boolean;
+    /**
+     * Свойства для Бэкдропа
+     */
+    backdropProps?: BaseModalProps['backdropProps'];
+    /**
+     * Реф на контейнер, в котором происходит скролл
+     */
+    scrollableContainerRef?: RefObject<HTMLElement>;
+    /**
+     * Реф для управления компонентом.
+     */
+    bottomSheetInstanceRef?: RefObject<{
+        scrollToArea: (idx: number) => void;
+    }>;
+    /**
+     * Реф на контейнер, в котором находится шторка
+     */
+    sheetContainerRef?: RefObject<HTMLElement>;
+    /**
+     * Магнитные области видимой высоты шторки.
+     * Можно использовать значения в пикселях - 10(число), либо в процентах - 10%(строка).
+     * По-умолчанию -[0, window.innerHeight - '24px']
+     * массив должен состоять минимум из 2 элементов
+     */
+    magneticAreas?: Array<number | string>;
+    /**
+     * Индекс точки из magneticAreas, к которому нужно примагнититься при первом открытии шторки.
+     */
+    initialActiveAreaIndex?: number;
+    /**
+     * Отключает скролл контентной области.
+     */
+    scrollLocked?: boolean;
+    /**
+     * Скрыть скроллбар внутри шторки
+     */
+    hideScrollbar?: boolean;
+    /**
+     * Верхний отступ шторки, если она открыта на максимальную высоту
+     */
+    headerOffset?: number;
+    /**
+     * Содержимое bottom-sheet всегда в DOM
+     */
+    keepMounted?: boolean;
+    /**
+     * Отключает автоматический перевод фокуса на bottom-sheet при открытии
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `onClose` при нажатии Escape
+     */
+    disableEscapeKeyDown?: boolean;
+    /**
+     * Обработчик закрытия
+     */
+    onClose: () => void;
+    /**
+     * Обработчик нажатия на стрелку назад
+     */
+    onBack?: () => void;
+    /**
+     * Вызывается в начале анимации притягивания к одной из `magneticAreas`
+     */
+    onMagnetize?: (index: number) => void;
+    /**
+     * Вызывается после окончания анимации притягивания
+     */
+    onMagnetizeEnd?: () => void;
+    /**
+     * Вызывается при изменении положения шторки
+     */
+    onOffsetChange?: (offset: number, percent: number) => void;
+};
+export { BottomSheetTitleAlign, BottomSheetProps };

package/input-autocomplete/esm/utils-49cc3c24.d.ts

@@ -0,0 +1,8 @@
+declare const TIMEOUT = 500;
+declare const SWIPE_VELOCITY = 0.4;
+declare const MARKER_HEIGHT = 24;
+declare const CLOSE_OFFSET = 0.2;
+declare const SCROLL_OFFSET = 1;
+declare const HEADER_OFFSET = 24;
+declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };

package/input-autocomplete/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-89a3cf4c";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
-export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-d9f9bbcc";
+export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/input-autocomplete/index.js

@@ -17,7 +17,7 @@ require('../input');
 require('../select/mobile');
 require('./autocomplete-mobile-field/Component.js');
 require('../form-control/mobile');
-require('./mobile.module-19b7488e.js');
+require('./mobile.module-f8a1d3e7.js');
 
 
 

package/input-autocomplete/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1qiun */
+/* hash: lqtfk */
 :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,11 +16,11 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .input-autocomplete__bottomAddonInput_172kg {
+} .input-autocomplete__bottomAddonInput_6tz8w {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_172kg {
+} .input-autocomplete__footer_6tz8w {
     display: flex
-} .input-autocomplete__footer_172kg > button + button {
+} .input-autocomplete__footer_6tz8w > button + button {
         margin-left: var(--gap-m);
     }

package/input-autocomplete/mobile.js

@@ -13,7 +13,7 @@ require('../select/mobile');
 require('./autocomplete-mobile-field/Component.js');
 require('../form-control/mobile');
 require('@alfalab/hooks');
-require('./mobile.module-19b7488e.js');
+require('./mobile.module-f8a1d3e7.js');
 
 
 

package/input-autocomplete/{mobile.module-19b7488e.js → mobile.module-f8a1d3e7.js}

@@ -1,4 +1,4 @@
-var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_172kg","footer":"input-autocomplete__footer_172kg"};
+var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_6tz8w","footer":"input-autocomplete__footer_6tz8w"};
 require('./mobile.css');
 
 exports.styles = styles;

package/input-autocomplete/modern/Component-5e1b8383.d.ts

@@ -61,12 +61,12 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component.modal.mobile-5e1b8383").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */
-    modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
+    modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
 } & React.RefAttributes<unknown>>;
-export * from "./Component.mobile-b2c0420d";
+export * from "./Component.mobile-f1f15074";
 export { ModalMobileProps } from "./typings-bdb4c6b9";
 export { SelectMobileProps, BaseSelectMobile };

package/input-autocomplete/modern/Component-e81c389f.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { NavigationBarProps } from "./index-e81c389f";
+type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
+declare const Header: FC<HeaderProps>;
+export { HeaderProps, Header };

package/input-autocomplete/modern/Component.mobile-f1f15074.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import React from "react";
+import { FC, ReactNode } from "react";
+import { ContentProps, ModalMobileProps } from "./typings-bdb4c6b9";
+declare const Content: FC<ContentProps>;
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Выравнивание элементов футера
+     */
+    layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
+};
+declare const Footer: FC<FooterProps>;
+declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
+    Header: React.FC<import("./Component-e81c389f").HeaderProps>;
+    Footer: React.FC<FooterProps>;
+};
+export { Content, FooterProps, Footer, ModalMobile };

package/input-autocomplete/modern/Component.mobile.js

@@ -6,7 +6,7 @@ import { ButtonMobile } from '../../button/modern/mobile';
 import { Input } from '../../input/modern';
 import { SelectMobile } from '../../select/modern/mobile';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-f0d499c9.js';
+import { s as styles } from './mobile.module-b569911f.js';
 import '../../form-control/modern/mobile';
 import '@alfalab/hooks';
 

package/input-autocomplete/modern/Component.modal.mobile-5e1b8383.d.ts

@@ -1,12 +1,8 @@
 /// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { NavigationBarProps } from "./index-e81c389f";
-import { ModalMobile } from "./Component.mobile-b2c0420d";
+import React from 'react';
+import { ModalMobile } from "./Component.mobile-f1f15074";
 import { UseSelectWithApplyProps } from "./hook-9ea9e32c";
 import { BaseSelectProps } from "./typings-5e1b8383";
-type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
-declare const Header: FC<HeaderProps>;
 type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**
      * Показывать кнопку очистки
@@ -46,7 +42,7 @@ declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelect
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы модалки
      */
@@ -54,11 +50,11 @@ declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelect
     /**
      *  Дополнительные пропсы футера модалки
      */
-    modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
+    modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
     showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
     /**
      * Использовать ли хук useSelectWithApply
      */
     useWithApplyHook?: boolean | undefined;
 } & React.RefAttributes<unknown>>;
-export { HeaderProps, Header, SelectModalMobileProps, SelectModalMobile };
+export { SelectModalMobileProps, SelectModalMobile };

package/input-autocomplete/modern/Component.modal.mobile.js

@@ -6,7 +6,7 @@ import { ButtonMobile } from '../../button/modern/mobile';
 import { Input } from '../../input/modern';
 import { SelectModalMobile } from '../../select/modern/mobile';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-f0d499c9.js';
+import { s as styles } from './mobile.module-b569911f.js';
 import '../../form-control/modern/mobile';
 import '@alfalab/hooks';
 

package/input-autocomplete/modern/Component.responsive.js

@@ -13,7 +13,7 @@ import '../../input/modern';
 import '../../select/modern/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/modern/mobile';
-import './mobile.module-f0d499c9.js';
+import './mobile.module-b569911f.js';
 
 const InputAutocompleteResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
     const [view] = useMedia([

package/input-autocomplete/modern/autocomplete-field/Component.d.ts

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