@alfalab/core-components-select 13.0.2 → 13.0.3

package/modern/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1ej05 */
-.select__skeleton_hadiy {
+/* hash: 440xe */
+.select__skeleton_nwtf4 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-select",
-    "version": "13.0.2",
+    "version": "13.0.3",
     "description": "Select component",
     "keywords": [],
     "license": "MIT",
@@ -19,13 +19,13 @@
     },
     "dependencies": {
         "@alfalab/core-components-base-modal": "^5.0.5",
-        "@alfalab/core-components-bottom-sheet": "^5.1.8",
-        "@alfalab/core-components-button": "^7.0.0",
-        "@alfalab/core-components-checkbox": "^3.0.4",
-        "@alfalab/core-components-form-control": "^9.0.0",
-        "@alfalab/core-components-input": "^11.0.1",
-        "@alfalab/core-components-modal": "^6.0.11",
-        "@alfalab/core-components-popover": "^6.0.2",
+        "@alfalab/core-components-bottom-sheet": "^5.1.9",
+        "@alfalab/core-components-button": "^7.0.1",
+        "@alfalab/core-components-checkbox": "^3.0.5",
+        "@alfalab/core-components-form-control": "^9.0.1",
+        "@alfalab/core-components-input": "^11.0.2",
+        "@alfalab/core-components-modal": "^6.0.12",
+        "@alfalab/core-components-popover": "^6.0.3",
         "@alfalab/core-components-scrollbar": "^2.1.1",
         "@alfalab/core-components-skeleton": "^4.0.2",
         "@alfalab/hooks": "^1.13.0",

package/presets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-c5796feb.js');
+require('../tslib.es6-e8cb2975.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -12,7 +12,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
-require('../Component-47b7b784.js');
+require('../Component-ed89ed0b.js');
 require('../utils.js');
 require('../components/native-select/Component.js');
 require('@alfalab/core-components-form-control');
@@ -27,7 +27,7 @@ require('../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('@alfalab/core-components-button');
-var presets_useSelectWithApply_hook = require('../Component-6d167ee5.js');
+var presets_useSelectWithApply_hook = require('../Component-21b7a86d.js');
 require('../components/base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-base-modal');
 require('../components/base-select-mobile/options-list/Component.js');
@@ -35,7 +35,7 @@ require('react-virtual');
 require('@alfalab/core-components-skeleton');
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-require('../intersection-observer-a8302d8a.js');
+require('../intersection-observer-6dcf1728.js');
 
 
 

package/presets/useLazyLoading/hook.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-c5796feb.js');
+var tslib_es6 = require('../../tslib.es6-e8cb2975.js');
 var React = require('react');
 require('classnames');
 require('@alfalab/core-components-checkbox');
 require('../../components/checkmark/Component.js');
 var components_option_Component = require('../../components/option/Component.js');
 var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-a8302d8a.js');
+require('../../intersection-observer-6dcf1728.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_la51i"};
+var styles = {"skeleton":"select__skeleton_6ax5z"};
 require('./index.css')
 
 var DEBOUNCE_TIMEOUT = 300;

package/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: f32ud */
-.select__skeleton_la51i {
+/* hash: 1pavf */
+.select__skeleton_6ax5z {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/presets/useSelectWithApply/hook.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-c5796feb.js');
+require('../../tslib.es6-e8cb2975.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -12,7 +12,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
-require('../../Component-47b7b784.js');
+require('../../Component-ed89ed0b.js');
 require('../../utils.js');
 require('../../components/native-select/Component.js');
 require('@alfalab/core-components-form-control');
@@ -27,13 +27,13 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('@alfalab/core-components-button');
-var presets_useSelectWithApply_hook = require('../../Component-6d167ee5.js');
+var presets_useSelectWithApply_hook = require('../../Component-21b7a86d.js');
 require('../../components/base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-base-modal');
 require('../../components/base-select-mobile/options-list/Component.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-a8302d8a.js');
+require('../../intersection-observer-6dcf1728.js');
 
 
 

package/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-c5796feb.js');
+require('../../../tslib.es6-e8cb2975.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -12,7 +12,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
-require('../../../Component-47b7b784.js');
+require('../../../Component-ed89ed0b.js');
 require('../../../utils.js');
 require('../../../components/native-select/Component.js');
 require('@alfalab/core-components-form-control');
@@ -27,13 +27,13 @@ require('../../../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('@alfalab/core-components-button');
-var presets_useSelectWithApply_hook = require('../../../Component-6d167ee5.js');
+var presets_useSelectWithApply_hook = require('../../../Component-21b7a86d.js');
 require('../../../components/base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-base-modal');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-a8302d8a.js');
+require('../../../intersection-observer-6dcf1728.js');
 
 
 

package/presets/useSelectWithApply/options-list-with-apply/index.css

@@ -1,4 +1,4 @@
-/* hash: e597i */
+/* hash: lffil */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_1hohp {
+.select__footer_izxok {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_1hohp > * + * {
+.select__footer_izxok > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_1hohp {
+.select__withBorder_izxok {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

package/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-6d167ee5";
+export * from "../../../Component-21b7a86d";

package/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-c5796feb.js');
+require('../../../tslib.es6-e8cb2975.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -12,7 +12,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
-require('../../../Component-47b7b784.js');
+require('../../../Component-ed89ed0b.js');
 require('../../../utils.js');
 require('../../../components/native-select/Component.js');
 require('@alfalab/core-components-form-control');
@@ -27,13 +27,13 @@ require('../../../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('@alfalab/core-components-button');
-var presets_useSelectWithApply_hook = require('../../../Component-6d167ee5.js');
+var presets_useSelectWithApply_hook = require('../../../Component-21b7a86d.js');
 require('../../../components/base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-base-modal');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-a8302d8a.js');
+require('../../../intersection-observer-6dcf1728.js');
 
 
 

package/presets/useSelectWithLoading/hook.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-c5796feb.js');
+var tslib_es6 = require('../../tslib.es6-e8cb2975.js');
 var React = require('react');
 require('classnames');
 require('@alfalab/core-components-checkbox');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_hadiy"};
+var styles = {"skeleton":"select__skeleton_nwtf4"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1ej05 */
-.select__skeleton_hadiy {
+/* hash: 440xe */
+.select__skeleton_nwtf4 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/Component-6d167ee5.d.ts

@@ -1,114 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { ReactNode, FC } from "react";
-import { BottomSheetProps } from "@alfalab/core-components-bottom-sheet";
-import { BaseSelectProps, OptionShape, OptionsListProps } from "./typings";
-import { BaseModalProps } from "@alfalab/core-components-base-modal";
-type AdditionalMobileProps = {
-    /**
-     * Футер
-     * @deprecated Используйте bottomSheetProps.actionButton
-     */
-    footer?: ReactNode;
-    /**
-     * Будет ли свайпаться шторка
-     * @deprecated Используйте bottomSheetProps.swipeable
-     */
-    swipeable?: boolean;
-    /**
-     * Дополнительные пропсы шторки
-     */
-    bottomSheetProps?: Partial<BottomSheetProps>;
-};
-type SelectMobileProps = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "onScroll"> & AdditionalMobileProps;
-declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
-type SelectMobileProps$0 = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "onScroll"> & {
-    /**
-     * Футер
-     * @deprecated Используйте bottomSheetProps.actionButton
-     */
-    footer?: ReactNode;
-    /**
-     * Будет ли свайпаться шторка
-     * @deprecated Используйте bottomSheetProps.swipeable
-     */
-    swipeable?: boolean;
-    /**
-     * Отображать в BottomSheet
-     */
-    isBottomSheet?: boolean;
-    /**
-     * Дополнительные пропсы шторки
-     */
-    bottomSheetProps?: Partial<BottomSheetProps>;
-};
-declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "OptionsList" | "Checkmark"> & {
-    footer?: ReactNode;
-    swipeable?: boolean | undefined;
-    isBottomSheet?: boolean | undefined;
-    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
-} & React.RefAttributes<unknown>>;
-declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
-    showClear?: boolean | undefined;
-    onClose?: (() => void) | undefined;
-    selectedDraft?: OptionShape[] | undefined;
-    OptionsList?: React.FC<OptionsListProps & React.RefAttributes<unknown>> | undefined;
-} & React.RefAttributes<unknown>>;
-type ModalMobileProps = BaseModalProps & {
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean;
-};
-type ContentProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Растягивает контент на всю высоту
-     */
-    flex?: boolean;
-};
-type FooterProps = {
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Фиксирует футер
-     */
-    sticky?: boolean;
-    /**
-     * Выравнивание элементов футера
-     */
-    layout?: "start" | "center" | "space-between" | "column";
-    /**
-     * Отступы между элементами футера
-     */
-    gap?: 16 | 24 | 32;
-};
-declare const ModalMobile: React.ForwardRefExoticComponent<BaseModalProps & {
-    hasCloser?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.FC<ContentProps>;
-    Header: React.FC<import("./Component.mobile-3fe0d3e6").HeaderMobileProps>;
-    Footer: React.FC<FooterProps>;
-    Closer: React.FC<import("./Component-db573794").CloserProps>;
-};
-type ContentMobileProps = ContentProps;
-declare const ContentMobile: FC<ContentMobileProps>;
-type FooterMobileProps = FooterProps;
-declare const FooterMobile: FC<FooterMobileProps>;
-type SelectModalMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll'>;
-declare const SelectModalMobile: React.ForwardRefExoticComponent<SelectModalMobileProps & React.RefAttributes<unknown>>;
-export { AdditionalMobileProps, SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobileProps, ModalMobile, ContentMobileProps, ContentMobile, FooterMobileProps, FooterMobile, SelectModalMobileProps, SelectModalMobile };

package/Component-db573794.d.ts

@@ -1,73 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, FC } from "react";
-import { ButtonProps } from "@alfalab/core-components-button";
-type IconButtonProps = {
-    /**
-     * Компонент иконки
-     */
-    icon: ElementType<{
-        className?: string;
-    }>;
-    /**
-     * Тип кнопки
-     */
-    view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
-    /**
-     * Размер компонента
-     */
-    size?: "xxs" | "xs" | "s";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted";
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
-declare const IconButton: React.ForwardRefExoticComponent<{
-    icon: ElementType<{
-        className?: string;
-    }>;
-    view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
-    size?: "s" | "xs" | "xxs" | undefined;
-    className?: string | undefined;
-    dataTestId?: string | undefined;
-    colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
-type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: 'left' | 'right';
-    /**
-     * Размер кнопки
-     */
-    size?: IconButtonProps['size'];
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-/**
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
- */
-declare const Closer: FC<CloserProps>;
-export { IconButtonProps, IconButton, CloserProps, Closer };

package/Component.mobile-3fe0d3e6.d.ts

@@ -1,56 +0,0 @@
-import { FC, ReactNode } from "react";
-type HeaderProps = {
-    /**
-     * Контент шапки
-     */
-    children?: ReactNode;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Компонент крестика
-     */
-    closer?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Дополнительный класс для контента
-     */
-    contentClassName?: string;
-    /**
-     * Заголовок шапки
-     */
-    title?: string;
-    /**
-     * Выравнивание заголовка
-     */
-    align?: "left" | "center";
-    /**
-     * Обрезать ли заголовок
-     */
-    trim?: boolean;
-    /**
-     * Фиксирует шапку
-     */
-    sticky?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Header: FC<HeaderProps>;
-type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
-    /**
-     * Наличие крестика
-     */
-    hasCloser?: boolean;
-};
-declare const HeaderMobile: FC<HeaderMobileProps>;
-export { HeaderProps, Header, HeaderMobileProps, HeaderMobile };

package/Context-c2e6f1b2.d.ts

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

package/cssm/Component-db573794.d.ts

@@ -1,73 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, FC } from "react";
-import { ButtonProps } from "@alfalab/core-components-button";
-type IconButtonProps = {
-    /**
-     * Компонент иконки
-     */
-    icon: ElementType<{
-        className?: string;
-    }>;
-    /**
-     * Тип кнопки
-     */
-    view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
-    /**
-     * Размер компонента
-     */
-    size?: "xxs" | "xs" | "s";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted";
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
-declare const IconButton: React.ForwardRefExoticComponent<{
-    icon: ElementType<{
-        className?: string;
-    }>;
-    view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
-    size?: "s" | "xs" | "xxs" | undefined;
-    className?: string | undefined;
-    dataTestId?: string | undefined;
-    colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
-type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: 'left' | 'right';
-    /**
-     * Размер кнопки
-     */
-    size?: IconButtonProps['size'];
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-/**
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
- */
-declare const Closer: FC<CloserProps>;
-export { IconButtonProps, IconButton, CloserProps, Closer };

package/cssm/Component.mobile-3fe0d3e6.d.ts

@@ -1,56 +0,0 @@
-import { FC, ReactNode } from "react";
-type HeaderProps = {
-    /**
-     * Контент шапки
-     */
-    children?: ReactNode;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Компонент крестика
-     */
-    closer?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Дополнительный класс для контента
-     */
-    contentClassName?: string;
-    /**
-     * Заголовок шапки
-     */
-    title?: string;
-    /**
-     * Выравнивание заголовка
-     */
-    align?: "left" | "center";
-    /**
-     * Обрезать ли заголовок
-     */
-    trim?: boolean;
-    /**
-     * Фиксирует шапку
-     */
-    sticky?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Header: FC<HeaderProps>;
-type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
-    /**
-     * Наличие крестика
-     */
-    hasCloser?: boolean;
-};
-declare const HeaderMobile: FC<HeaderMobileProps>;
-export { HeaderProps, Header, HeaderMobileProps, HeaderMobile };

package/cssm/Context-c2e6f1b2.d.ts

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