@alfalab/core-components-picker-button 11.1.1 → 11.1.3

package/cssm/index-c76d6398.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-2abb571d";
+export * from "./Component-1a4fbd11";
 export type { NavigationBarProps } from "./types-83e2bd9e";

package/cssm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
-export * from "./component-2abb571d";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-92653002";
+export * from "./component-1a4fbd11";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/cssm/{types-92653002.d.ts → types-e40becc7.d.ts}

@@ -1,5 +1,6 @@
 /// <reference types="react-transition-group" />
 import { HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
+import { HandledEvents } from 'react-swipeable/es/types';
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "./index-bdb4c6b9";
 import { NavigationBarProps } from "./index-c76d6398";
@@ -263,5 +264,13 @@ type BottomSheetProps = {
      * Вызывается при изменении положения шторки
      */
     onOffsetChange?: (offset: number, percent: number) => void;
+    /**
+     * Вызывается в начале свайпа
+     */
+    onSwipeStart?: (event: HandledEvents) => void;
+    /**
+     * Вызывается после окончания свайпа
+     */
+    onSwipeEnd?: (event: HandledEvents | null) => void;
 };
 export { BottomSheetTitleAlign, BottomSheetProps };

package/esm/Component.desktop.js

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-var styles = {"container":"picker-button__container_1voso","optionsPopover":"picker-button__optionsPopover_1voso","sideGap":"picker-button__sideGap_1voso","option":"picker-button__option_1voso"};
+var styles = {"container":"picker-button__container_1168s","optionsPopover":"picker-button__optionsPopover_1168s","sideGap":"picker-button__sideGap_1168s","option":"picker-button__option_1168s"};
 require('./index.css')
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/{cssm/component-2abb571d.d.ts → esm/component-1a4fbd11.d.ts}

@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-92653002";
+import { BottomSheetProps } from "./types-e40becc7";
 type FooterProps = {
     /**
      * Контент футера

package/esm/field/Component.js

@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-var styles = {"iconContainer":"picker-button__iconContainer_1a6fx","addonsContainer":"picker-button__addonsContainer_1a6fx","showControlIcon":"picker-button__showControlIcon_1a6fx","open":"picker-button__open_1a6fx","linkOpen":"picker-button__linkOpen_1a6fx"};
+var styles = {"iconContainer":"picker-button__iconContainer_fnw1k","addonsContainer":"picker-button__addonsContainer_fnw1k","showControlIcon":"picker-button__showControlIcon_fnw1k","open":"picker-button__open_fnw1k","linkOpen":"picker-button__linkOpen_fnw1k"};
 require('./index.css')
 
 var Field = function (_a) {

package/esm/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1mnbn */
+/* hash: p59uq */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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_1a6fx {
+} .picker-button__iconContainer_fnw1k {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_1a6fx {
+} .picker-button__addonsContainer_fnw1k {
     display: flex
-} .picker-button__addonsContainer_1a6fx.picker-button__showControlIcon_1a6fx {
+} .picker-button__addonsContainer_fnw1k.picker-button__showControlIcon_fnw1k {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_1a6fx {
+    } .picker-button__open_fnw1k {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_1a6fx:not(:hover) {
+} .picker-button__linkOpen_fnw1k:not(:hover) {
     background-color: var(--color-light-specialbg-secondary-transparent);
 }

package/{index-2abb571d.d.ts → esm/index-1a4fbd11.d.ts}

@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
 declare const inputUtils: {
     disableUserInput: typeof disableUserInput;
 };
-export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils };
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+declare const fnUtils: {
+    isNil: typeof isNil;
+};
+export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils };

package/esm/index-c76d6398.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-2abb571d";
+export * from "./Component-1a4fbd11";
 export type { NavigationBarProps } from "./types-83e2bd9e";

package/esm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
-export * from "./component-2abb571d";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-92653002";
+export * from "./component-1a4fbd11";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1fn88 */
+/* hash: i56f1 */
 :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_1voso {
+} .picker-button__container_1168s {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_1voso.picker-button__sideGap_1voso {
+} .cc-picker-button.picker-button__optionsPopover_1168s.picker-button__sideGap_1168s {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_1voso {
+        } .cc-picker-button .picker-button__option_1168s {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_1voso:before {
+    } .cc-picker-button .picker-button__option_1168s:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/esm/option/Component.js

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Option as Option$1 } from '@alfalab/core-components-select/esm/shared';
 
-var styles = {"container":"picker-button__container_ecjwx","icon":"picker-button__icon_ecjwx","content":"picker-button__content_ecjwx"};
+var styles = {"container":"picker-button__container_1iv42","icon":"picker-button__icon_1iv42","content":"picker-button__content_1iv42"};
 require('./index.css')
 
 var Option = function (_a) {

package/esm/option/index.css

@@ -1,4 +1,4 @@
-/* hash: tszji */
+/* hash: 1vc1s */
 :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_ecjwx {
+} .picker-button__container_1iv42 {
     display: flex;
     align-items: center;
-} .picker-button__icon_ecjwx {
+} .picker-button__icon_1iv42 {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_ecjwx {
+} .picker-button__content_1iv42 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/{types-92653002.d.ts → esm/types-e40becc7.d.ts}

@@ -1,5 +1,6 @@
 /// <reference types="react-transition-group" />
 import { HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
+import { HandledEvents } from 'react-swipeable/es/types';
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "./index-bdb4c6b9";
 import { NavigationBarProps } from "./index-c76d6398";
@@ -263,5 +264,13 @@ type BottomSheetProps = {
      * Вызывается при изменении положения шторки
      */
     onOffsetChange?: (offset: number, percent: number) => void;
+    /**
+     * Вызывается в начале свайпа
+     */
+    onSwipeStart?: (event: HandledEvents) => void;
+    /**
+     * Вызывается после окончания свайпа
+     */
+    onSwipeEnd?: (event: HandledEvents | null) => void;
 };
 export { BottomSheetTitleAlign, BottomSheetProps };

package/field/Component.js

@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"iconContainer":"picker-button__iconContainer_1a6fx","addonsContainer":"picker-button__addonsContainer_1a6fx","showControlIcon":"picker-button__showControlIcon_1a6fx","open":"picker-button__open_1a6fx","linkOpen":"picker-button__linkOpen_1a6fx"};
+var styles = {"iconContainer":"picker-button__iconContainer_fnw1k","addonsContainer":"picker-button__addonsContainer_fnw1k","showControlIcon":"picker-button__showControlIcon_fnw1k","open":"picker-button__open_fnw1k","linkOpen":"picker-button__linkOpen_fnw1k"};
 require('./index.css')
 
 var Field = function (_a) {

package/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1mnbn */
+/* hash: p59uq */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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_1a6fx {
+} .picker-button__iconContainer_fnw1k {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_1a6fx {
+} .picker-button__addonsContainer_fnw1k {
     display: flex
-} .picker-button__addonsContainer_1a6fx.picker-button__showControlIcon_1a6fx {
+} .picker-button__addonsContainer_fnw1k.picker-button__showControlIcon_fnw1k {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_1a6fx {
+    } .picker-button__open_fnw1k {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_1a6fx:not(:hover) {
+} .picker-button__linkOpen_fnw1k:not(:hover) {
     background-color: var(--color-light-specialbg-secondary-transparent);
 }

package/hook-8abfea97.d.ts

@@ -51,9 +51,9 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
          */
         selectedDraft?: OptionShape[] | undefined;
         OptionsList?: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        Footer?: import("react").FC<import("./Component-dd8ca091").FooterProps> | undefined;
-        Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
-        headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
+        Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
+        Header?: import("react").FC<import("./Component-aed0af6e").HeaderProps> | undefined;
+        headerProps?: import("./Component-aed0af6e").HeaderProps | undefined;
         showHeaderWithSelectAll?: boolean | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {
@@ -86,5 +86,5 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
         accessor?: ((option: OptionShape) => string) | undefined;
     } | undefined;
 };
-export * from "./Component-dd8ca091";
+export * from "./Component-ebda875c";
 export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/hook-ebda875c.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import React from 'react';
+import { OptionProps, OptionShape } from "./typings-dd8ca091";
+type OptionsFetcherResponse = {
+    options: OptionShape[];
+    hasMore: boolean;
+};
+type useLazyLoadingProps = {
+    /** Количество элементов на "странице" */
+    limit?: number;
+    /** Начальный номер "страницы" */
+    initialOffset?: number;
+    /** Скелетон загружаемых элементов */
+    skeleton?: React.ReactNode;
+    /** Компонент пункта меню */
+    Option?: React.FC<OptionProps>;
+    /**
+     * Функция-загрузчик опций.
+     * @param offset - текущая страница
+     * @param limit - количество элементов на странице
+     * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
+     * @returns Promise<{
+     *  options - список опций следующей "страницы". Они аппендятся к предыдущим
+     *  hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
+     * }>
+     */
+    optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
+};
+declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option, }: useLazyLoadingProps): {
+    optionsProps: {
+        Option: (props: OptionProps) => React.JSX.Element;
+        options: OptionShape[];
+        optionsListProps: {
+            ref: React.RefObject<HTMLDivElement>;
+            inputProps: {
+                onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
+                    value: string;
+                }) => void;
+                value: string;
+            };
+        };
+        onOpen: (payload: {
+            open?: boolean;
+        }) => void;
+    };
+    reset: () => void;
+};
+export { useLazyLoading };

package/{modern/index-2abb571d.d.ts → index-1a4fbd11.d.ts}

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import React from "react";
 import { PaddingType } from "./index-72dda473";
-declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
 declare const isClient: () => boolean;
 declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
 declare function easeInOutQuad(x: number): number;
 declare const easingFns: {
     easeInOutQuad: typeof easeInOutQuad;
@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
 declare const inputUtils: {
     disableUserInput: typeof disableUserInput;
 };
-export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils };
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+declare const fnUtils: {
+    isNil: typeof isNil;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

package/index-bdb4c6b9.d.ts

@@ -1,2 +1,180 @@
-export * from "./Component-ebda875c";
-export * from "./utils-1574ad8b";
+/// <reference types="react" />
+/// <reference types="react-transition-group" />
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+import React from "react";
+import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { TransitionProps } from "react-transition-group/Transition";
+import { BackdropProps, PortalProps } from "./index-ebda875c";
+type BaseModalProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Компонент бэкдропа
+     */
+    Backdrop?: FC<BackdropProps>;
+    /**
+     * Свойства для Бэкдропа
+     */
+    backdropProps?: Partial<BackdropProps> & Record<string, unknown>;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: PortalProps["getPortalContainer"];
+    /**
+     * Отключает автоматический перевод фокуса на модалку при открытии
+     * @default false
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     * @default false
+     */
+    disableFocusLock?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия модалки
+     * @default false
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `callback` при нажатии Escape
+     * @default false
+     */
+    disableEscapeKeyDown?: boolean;
+    /**
+     * Отключает вызов `callback` при клике на бэкдроп
+     * @default false
+     */
+    disableBackdropClick?: boolean;
+    /**
+     * Отключает блокировку скролла при открытии модального окна
+     * @default false
+     */
+    disableBlockingScroll?: boolean;
+    /**
+     * Содержимое модалки всегда в DOM
+     * @default false
+     */
+    keepMounted?: boolean;
+    /**
+     * Управление видимостью модалки
+     */
+    open: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительные пропсы на обертку контента
+     */
+    contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Дополнительные пропсы на компонентную обертку контента
+     */
+    componentDivProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Дополнительный класс для обертки (Modal)
+     */
+    wrapperClassName?: string;
+    /**
+     * Обработчик скролла контента
+     */
+    scrollHandler?: "wrapper" | "content" | MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Пропсы для анимации (CSSTransition)
+     */
+    transitionProps?: Partial<TransitionProps>;
+    /**
+     * Рендерить ли в контейнер через портал.
+     * @default true
+     */
+    usePortal?: boolean;
+    /**
+     * Обработчик события нажатия на бэкдроп
+     */
+    onBackdropClick?: (event: MouseEvent) => void;
+    /**
+     * Обработчик события нажатия на Escape
+     *
+     * Если `disableEscapeKeyDown` - false и модальное окно в фокусе
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Обработчик закрытия
+     */
+    onClose?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+    /**
+     * Обработчик события onEntered компонента Transition
+     */
+    onMount?: () => void;
+    /**
+     * Обработчик события onExited компонента Transition
+     */
+    onUnmount?: () => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Реф, который должен быть установлен компонентной области
+     */
+    componentRef?: MutableRefObject<HTMLDivElement | null>;
+};
+type BaseModalContext = {
+    parentRef: React.RefObject<HTMLDivElement>;
+    componentRef: React.RefObject<HTMLDivElement>;
+    hasFooter?: boolean;
+    hasHeader?: boolean;
+    hasScroll?: boolean;
+    headerHighlighted?: boolean;
+    footerHighlighted?: boolean;
+    headerOffset?: number;
+    setHeaderOffset: (offset: number) => void;
+    contentRef: Ref<HTMLElement>;
+    setHasHeader: (exists: boolean) => void;
+    setHasFooter: (exists: boolean) => void;
+    onClose: Required<BaseModalProps>["onClose"];
+};
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+declare const BaseModalContext: React.Context<BaseModalContext>;
+declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;
+declare function isScrolledToTop(target: HTMLElement): boolean;
+declare function isScrolledToBottom(target: HTMLElement): boolean;
+declare function hasScrollbar(target: HTMLElement): boolean;
+declare const getScrollbarSize: () => number;
+declare const restoreContainerStyles: (container: HTMLElement) => void;
+declare const handleContainer: (container?: HTMLElement) => void;
+type SavedStyle = {
+    value: string;
+    key: string;
+    el: HTMLElement;
+};
+type RestoreStyle = {
+    container: HTMLElement;
+    modals: number;
+    styles: SavedStyle[];
+};
+declare class ModalStore {
+    private readonly restoreStyles;
+    constructor();
+    getRestoreStyles: () => RestoreStyle[];
+}
+declare const getModalStore: () => ModalStore;
+declare class GlobalStore {
+    private readonly modalStore;
+    constructor();
+    getModalStore: () => ModalStore;
+}
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer, getModalStore, GlobalStore };
+export type { SavedStyle };