@alfalab/core-components 37.4.0-beta.0 → 37.4.0-beta.1

package/select/esm/components/options-list/index.js

@@ -5,5 +5,5 @@ import 'classnames';
 import '../../../../scrollbar/esm';
 import '@alfalab/hooks';
 import '../optgroup/Component.js';
-import '../../tslib.es6-a8aaa603.js';
+import '../../tslib.es6-5b51821c.js';
 import '../../utils.js';

package/select/esm/components/select-mobile/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../arrow/Component.js';
-export { S as SelectMobile } from '../../Component-18ad0d6b.js';
+export { S as SelectMobile } from '../../Component-f8ca7b7e.js';
 import '../field/Component.js';
 import '../optgroup/Component.js';
 import '../option/Component.js';
@@ -11,7 +11,7 @@ import 'downshift';
 import '../../../../bottom-sheet/esm';
 import '../../../../modal/esm/mobile';
 import '../../Component.js';
-import '../../Component-cd830f7b.js';
+import '../../Component-f6828aa2.js';
 import '@juggle/resize-observer';
 import '../../../../popover/esm';
 import '@alfalab/hooks';
@@ -29,10 +29,10 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-b4b778a8.js';
+import '../../intersection-observer-66d0ef98.js';
 import '../../../../button/esm';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/esm';
 import '../base-select-mobile/virtual-options-list/Component.js';
-import '../../tslib.es6-a8aaa603.js';
+import '../../tslib.es6-5b51821c.js';
 import '../../utils.js';

package/select/esm/components/select-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-18ad0d6b";
+export * from "../../Component-f8ca7b7e";

package/select/esm/components/select-mobile/index.js

@@ -1,4 +1,4 @@
-export { S as SelectMobile } from '../../Component-18ad0d6b.js';
+export { S as SelectMobile } from '../../Component-f8ca7b7e.js';
 import 'react';
 import '../arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../bottom-sheet/esm';
 import '../../../../modal/esm/mobile';
 import '../../Component.js';
-import '../../Component-cd830f7b.js';
+import '../../Component-f6828aa2.js';
 import '@juggle/resize-observer';
 import '../../../../popover/esm';
 import '@alfalab/hooks';
@@ -29,10 +29,10 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-b4b778a8.js';
+import '../../intersection-observer-66d0ef98.js';
 import '../../../../button/esm';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/esm';
 import '../base-select-mobile/virtual-options-list/Component.js';
-import '../../tslib.es6-a8aaa603.js';
+import '../../tslib.es6-5b51821c.js';
 import '../../utils.js';

package/select/esm/components/select-modal-mobile/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../arrow/Component.js';
-export { a as SelectModalMobile } from '../../Component-18ad0d6b.js';
+export { a as SelectModalMobile } from '../../Component-f8ca7b7e.js';
 import '../field/Component.js';
 import '../optgroup/Component.js';
 import '../option/Component.js';
@@ -11,7 +11,7 @@ import 'downshift';
 import '../../../../bottom-sheet/esm';
 import '../../../../modal/esm/mobile';
 import '../../Component.js';
-import '../../Component-cd830f7b.js';
+import '../../Component-f6828aa2.js';
 import '@juggle/resize-observer';
 import '../../../../popover/esm';
 import '@alfalab/hooks';
@@ -29,10 +29,10 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-b4b778a8.js';
+import '../../intersection-observer-66d0ef98.js';
 import '../../../../button/esm';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/esm';
 import '../base-select-mobile/virtual-options-list/Component.js';
-import '../../tslib.es6-a8aaa603.js';
+import '../../tslib.es6-5b51821c.js';
 import '../../utils.js';

package/select/esm/components/select-modal-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-18ad0d6b";
+export * from "../../Component-f8ca7b7e";

package/select/esm/components/select-modal-mobile/index.js

@@ -1,4 +1,4 @@
-export { a as SelectModalMobile } from '../../Component-18ad0d6b.js';
+export { a as SelectModalMobile } from '../../Component-f8ca7b7e.js';
 import 'react';
 import '../arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../bottom-sheet/esm';
 import '../../../../modal/esm/mobile';
 import '../../Component.js';
-import '../../Component-cd830f7b.js';
+import '../../Component-f6828aa2.js';
 import '@juggle/resize-observer';
 import '../../../../popover/esm';
 import '@alfalab/hooks';
@@ -29,10 +29,10 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-b4b778a8.js';
+import '../../intersection-observer-66d0ef98.js';
 import '../../../../button/esm';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/esm';
 import '../base-select-mobile/virtual-options-list/Component.js';
-import '../../tslib.es6-a8aaa603.js';
+import '../../tslib.es6-5b51821c.js';
 import '../../utils.js';

package/select/esm/components/virtual-options-list/Component.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-a8aaa603.js';
+import { a as __assign } from '../../tslib.es6-5b51821c.js';
 import React, { useRef, useState, useEffect, useMemo } from 'react';
 import { useVirtual } from 'react-virtual';
 import cn from 'classnames';

package/select/esm/components/virtual-options-list/index.js

@@ -5,5 +5,5 @@ import 'classnames';
 import '../../../../scrollbar/esm';
 import '@alfalab/hooks';
 import '../optgroup/Component.js';
-import '../../tslib.es6-a8aaa603.js';
+import '../../tslib.es6-5b51821c.js';
 import '../../utils.js';

package/select/esm/index.js

@@ -1,7 +1,7 @@
 export { Select } from './Component.js';
 export { Arrow } from './components/arrow/Component.js';
-export { B as BaseSelect } from './Component-cd830f7b.js';
-export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-18ad0d6b.js';
+export { B as BaseSelect } from './Component-f6828aa2.js';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-f8ca7b7e.js';
 export { Field } from './components/field/Component.js';
 export { Optgroup } from './components/optgroup/Component.js';
 export { Option } from './components/option/Component.js';
@@ -32,10 +32,10 @@ import '../../bottom-sheet/esm';
 import '../../modal/esm/mobile';
 import 'react-virtual';
 import '../../skeleton/esm';
-import './intersection-observer-b4b778a8.js';
+import './intersection-observer-66d0ef98.js';
 import '../../button/esm';
 import './components/base-checkmark/Component.js';
 import './components/base-select-mobile/options-list/Component.js';
 import '../../base-modal/esm';
 import './components/base-select-mobile/virtual-options-list/Component.js';
-import './tslib.es6-a8aaa603.js';
+import './tslib.es6-5b51821c.js';

package/select/esm/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-18ad0d6b.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-f8ca7b7e.js';
 import 'react';
 import '../../../skeleton/esm';
 import '../components/option/Component.js';
@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark/Component.js';
 import '../../../checkbox/esm';
-import '../intersection-observer-b4b778a8.js';
+import '../intersection-observer-66d0ef98.js';
 import '../components/arrow/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-merge-refs';
@@ -19,7 +19,7 @@ import 'downshift';
 import '../../../bottom-sheet/esm';
 import '../../../modal/esm/mobile';
 import '../Component.js';
-import '../Component-cd830f7b.js';
+import '../Component-f6828aa2.js';
 import '@juggle/resize-observer';
 import '../../../popover/esm';
 import '@alfalab/hooks';
@@ -36,5 +36,5 @@ import '../../../button/esm';
 import '../components/base-select-mobile/options-list/Component.js';
 import '../../../base-modal/esm';
 import '../components/base-select-mobile/virtual-options-list/Component.js';
-import '../tslib.es6-a8aaa603.js';
+import '../tslib.es6-5b51821c.js';
 import '../utils.js';

package/select/esm/presets/useLazyLoading/hook.js

@@ -1,8 +1,8 @@
-import { b as __spreadArray, a as __assign } from '../../tslib.es6-a8aaa603.js';
+import { b as __spreadArray, a as __assign } from '../../tslib.es6-5b51821c.js';
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import { Skeleton } from '../../../../skeleton/esm';
 import { Option } from '../../components/option/Component.js';
-import '../../intersection-observer-b4b778a8.js';
+import '../../intersection-observer-66d0ef98.js';
 import 'classnames';
 import '../../components/base-select-mobile/checkmark/Component.js';
 import '../../../../badge/esm';

package/select/esm/presets/useSelectWithApply/hook.js

@@ -2,8 +2,8 @@ import 'react';
 import '../../Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../Component-cd830f7b.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-18ad0d6b.js';
+import '../../Component-f6828aa2.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-f8ca7b7e.js';
 import '../../../../form-control/esm';
 import '@alfalab/hooks';
 import '../../../../badge/esm';
@@ -14,7 +14,7 @@ import '../../components/options-list/Component.js';
 import 'react-virtual';
 import '../../../../scrollbar/esm';
 import '../../../../skeleton/esm';
-import '../../intersection-observer-b4b778a8.js';
+import '../../intersection-observer-66d0ef98.js';
 import '../../components/arrow/Component.js';
 import '../../components/field/Component.js';
 import '../../components/optgroup/Component.js';
@@ -34,5 +34,5 @@ import '../../../../button/esm';
 import '../../components/base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/esm';
 import '../../components/base-select-mobile/virtual-options-list/Component.js';
-import '../../tslib.es6-a8aaa603.js';
+import '../../tslib.es6-5b51821c.js';
 import '../../utils.js';

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

@@ -2,8 +2,8 @@ import 'react';
 import 'classnames';
 import '../../../../../button/esm';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../../Component-cd830f7b.js';
-export { O as OptionsListWithApply } from '../../../Component-18ad0d6b.js';
+import '../../../Component-f6828aa2.js';
+export { O as OptionsListWithApply } from '../../../Component-f8ca7b7e.js';
 import '../../../../../form-control/esm';
 import '@alfalab/hooks';
 import '../../../../../badge/esm';
@@ -30,9 +30,9 @@ import '../../../components/checkmark/Component.js';
 import '../../../components/base-option/Component.js';
 import '../../../components/base-checkmark/Component.js';
 import '../../../../../skeleton/esm';
-import '../../../intersection-observer-b4b778a8.js';
+import '../../../intersection-observer-66d0ef98.js';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../../../base-modal/esm';
 import '../../../components/base-select-mobile/virtual-options-list/Component.js';
-import '../../../tslib.es6-a8aaa603.js';
+import '../../../tslib.es6-5b51821c.js';
 import '../../../utils.js';

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

@@ -1 +1 @@
-export * from "../../../Component-18ad0d6b";
+export * from "../../../Component-f8ca7b7e";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../Component-18ad0d6b.js';
+export { O as OptionsListWithApply } from '../../../Component-f8ca7b7e.js';
 import 'react';
 import '../../../components/arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../../bottom-sheet/esm';
 import '../../../../../modal/esm/mobile';
 import '../../../Component.js';
-import '../../../Component-cd830f7b.js';
+import '../../../Component-f6828aa2.js';
 import '@juggle/resize-observer';
 import '../../../../../popover/esm';
 import '@alfalab/hooks';
@@ -29,10 +29,10 @@ import 'react-virtual';
 import '../../../components/base-option/Component.js';
 import '../../../components/base-checkmark/Component.js';
 import '../../../../../skeleton/esm';
-import '../../../intersection-observer-b4b778a8.js';
+import '../../../intersection-observer-66d0ef98.js';
 import '../../../../../button/esm';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../../../base-modal/esm';
 import '../../../components/base-select-mobile/virtual-options-list/Component.js';
-import '../../../tslib.es6-a8aaa603.js';
+import '../../../tslib.es6-5b51821c.js';
 import '../../../utils.js';

package/select/esm/presets/useSelectWithLoading/hook.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-a8aaa603.js';
+import { a as __assign } from '../../tslib.es6-5b51821c.js';
 import React from 'react';
 import { Skeleton } from '../../../../skeleton/esm';
 import { Option } from '../../components/option/Component.js';

package/select/esm/responsive.js

@@ -5,7 +5,7 @@ import './Component.js';
 import './components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './Component-cd830f7b.js';
+import './Component-f6828aa2.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'downshift';
@@ -23,17 +23,17 @@ import './components/checkmark/Component.js';
 import '../../checkbox/esm';
 import './components/options-list/Component.js';
 import '../../scrollbar/esm';
-import './Component-18ad0d6b.js';
+import './Component-f8ca7b7e.js';
 import '../../bottom-sheet/esm';
 import '../../modal/esm/mobile';
 import 'react-virtual';
 import './components/base-option/Component.js';
 import './components/base-checkmark/Component.js';
 import '../../skeleton/esm';
-import './intersection-observer-b4b778a8.js';
+import './intersection-observer-66d0ef98.js';
 import '../../button/esm';
 import './components/base-select-mobile/options-list/Component.js';
 import '../../base-modal/esm';
 import './components/base-select-mobile/virtual-options-list/Component.js';
-import './tslib.es6-a8aaa603.js';
+import './tslib.es6-5b51821c.js';
 import './utils.js';

package/select/index.js

@@ -1,7 +1,7 @@
 var Component = require('./Component.js');
 var components_arrow_Component = require('./components/arrow/Component.js');
-var components_baseSelect_Component = require('./Component-6276339a.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-4a0f00e5.js');
+var components_baseSelect_Component = require('./Component-c28d8000.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-902c22f8.js');
 var components_field_Component = require('./components/field/Component.js');
 var components_optgroup_Component = require('./components/optgroup/Component.js');
 var components_option_Component = require('./components/option/Component.js');
@@ -11,7 +11,7 @@ var components_baseOption_Component = require('./components/base-option/Componen
 var presets_useSelectWithLoading_hook = require('./presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./presets/useLazyLoading/hook.js');
 var utils = require('./utils.js');
-require('./tslib.es6-6f11dc9c.js');
+require('./tslib.es6-c37aac9e.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -33,7 +33,7 @@ require('../bottom-sheet');
 require('../modal/mobile');
 require('react-virtual');
 require('../skeleton');
-require('./intersection-observer-9e5235a0.js');
+require('./intersection-observer-2c89c05a.js');
 require('../button');
 require('./components/base-checkmark/Component.js');
 require('./components/base-select-mobile/options-list/Component.js');

package/select/modern/{Component-6d0c20ed.d.ts → Component-82e15643.d.ts}

@@ -21,8 +21,8 @@ type AdditionalMobileProps = {
      */
     bottomSheetProps?: Partial<BottomSheetProps>;
 };
-type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll" | "visibleOptions"> & AdditionalMobileProps;
-declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "visibleOptions" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
+type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
+declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
 type SelectMobileProps$0 = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
     /**
      * Футер
@@ -236,6 +236,6 @@ declare const Modal: React.ForwardRefExoticComponent<import("../../base-modal").
 } & React.RefAttributes<HTMLDivElement>>;
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 declare const ModalContext: import("react").Context<BaseModalContext>;
-type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll' | 'visibleOptions'>;
+type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'>;
 declare const SelectModalMobile: React.ForwardRefExoticComponent<SelectModalMobileProps & React.RefAttributes<unknown>>;
 export { AdditionalMobileProps, SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobile, Content, Modal, ResponsiveContext, ModalContext, SelectModalMobileProps, SelectModalMobile };

package/select/modern/{Component-6d0c20ed.js → Component-82e15643.js}

@@ -6,7 +6,7 @@ import { useMultipleSelection, useCombobox } from 'downshift';
 import { BottomSheet } from '../../bottom-sheet/modern';
 import { ModalMobile } from '../../modal/modern/mobile';
 import './Component.js';
-import { g as getDataTestId } from './Component-21acd49a.js';
+import { g as getDataTestId } from './Component-0cf0b97d.js';
 import { Field } from './components/field/Component.js';
 import { Optgroup } from './components/optgroup/Component.js';
 import { Option } from './components/option/Component.js';
@@ -17,7 +17,7 @@ import '@alfalab/hooks';
 import { processOptions } from './utils.js';
 import { BaseOption } from './components/base-option/Component.js';
 import '../../skeleton/modern';
-import './intersection-observer-b4b778a8.js';
+import './intersection-observer-66d0ef98.js';
 import { Button } from '../../button/modern';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '../../form-control/modern';
@@ -148,7 +148,7 @@ function useSelectWithApply({ options, selected, onChange = () => null, OptionsL
     };
 }
 
-const styles = {"component":"select__component_1pm5k","popoverInner":"select__popoverInner_1pm5k","sheet":"select__sheet_1pm5k","sheetContent":"select__sheetContent_1pm5k","sheetContainer":"select__sheetContainer_1pm5k","modal":"select__modal_1pm5k","optionsListWrapper":"select__optionsListWrapper_1pm5k","block":"select__block_1pm5k","option":"select__option_1pm5k","optionGroup":"select__optionGroup_1pm5k"};
+const styles = {"component":"select__component_1pm5k","popoverInner":"select__popoverInner_1pm5k","sheet":"select__sheet_1pm5k","sheetContent":"select__sheetContent_1pm5k","sheetContainer":"select__sheetContainer_1pm5k","block":"select__block_1pm5k","option":"select__option_1pm5k","optionGroup":"select__optionGroup_1pm5k"};
 require('./components/base-select-mobile/index.css');
 
 const VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
@@ -162,6 +162,7 @@ const BaseSelectMobile = forwardRef(({ dataTestId, className, fieldClassName, op
     const itemToString = (option) => (option ? option.key : '');
     const { flatOptions, selectedOptions } = useMemo(() => processOptions(options, selected), [options, selected]);
     const selectedOptionsRef = useRef(selectedOptions);
+    const scrollableContainerRef = useRef(null);
     const [selectedDraft, setSelectedDraft] = useState(selectedOptions);
     const useMultipleSelectionProps = {
         itemToString,
@@ -361,12 +362,12 @@ const BaseSelectMobile = forwardRef(({ dataTestId, className, fieldClassName, op
                     : undefined,
             }, dataTestId: getDataTestId(dataTestId, 'field'), ...fieldProps }),
         name && renderValue(),
-        isBottomSheet ? (React.createElement(BottomSheet, { open: open, onClose: handleClose, className: styles.sheet, contentClassName: styles.sheetContent, containerClassName: styles.sheetContainer, title: placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, ...bottomSheetProps },
-            React.createElement("div", { ...menuProps, className: cn(styles.optionsListWrapper, optionsListClassName) },
-                React.createElement(OptionsListWithApply, { showFooter: multiple, ...optionsListProps, flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup$1, Option: Option$1, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn(styles.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear })))) : (React.createElement(ModalMobile, { open: open, onClose: handleClose, className: styles.modal, contentClassName: styles.sheetContent, hasCloser: true },
+        isBottomSheet ? (React.createElement(BottomSheet, { open: open, onClose: handleClose, className: styles.sheet, contentClassName: styles.sheetContent, containerClassName: styles.sheetContainer, title: placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, scrollableContainerRef: scrollableContainerRef, ...bottomSheetProps },
+            React.createElement("div", { ...menuProps, className: optionsListClassName },
+                React.createElement(OptionsListWithApply, { showFooter: multiple, ...optionsListProps, flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup$1, Option: Option$1, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn(styles.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear, ref: scrollableContainerRef })))) : (React.createElement(ModalMobile, { open: open, onClose: handleClose, contentClassName: styles.sheetContent, hasCloser: true, ref: scrollableContainerRef },
             React.createElement(ModalMobile.Header, { hasCloser: true, title: placeholder, sticky: true }),
-            React.createElement("div", { ...menuProps, className: cn(styles.optionsListWrapper, optionsListClassName) },
-                React.createElement(OptionsListWithApply, { showFooter: multiple, ...optionsListProps, flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup$1, Option: Option$1, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn(styles.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear }))))));
+            React.createElement("div", { ...menuProps, className: optionsListClassName },
+                React.createElement(OptionsListWithApply, { showFooter: multiple, ...optionsListProps, flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup$1, Option: Option$1, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn(styles.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear, ref: scrollableContainerRef }))))));
 });
 
 const SelectMobile = forwardRef(({ autocomplete = false, multiple = false, allowUnselect = false, disabled = false, closeOnSelect = !multiple, circularNavigation = false, defaultOpen = false, open: openProp, size = 'm', optionsSize = 'm', fieldProps = {}, optionProps = {}, Arrow: Arrow$1 = Arrow, Field: Field$1 = Field, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, ...restProps }, ref) => (React.createElement(BaseSelectMobile, { ref: ref, autocomplete: autocomplete, multiple: multiple, allowUnselect: allowUnselect, disabled: disabled, closeOnSelect: closeOnSelect, circularNavigation: circularNavigation, defaultOpen: defaultOpen, open: openProp, size: size, optionsSize: optionsSize, fieldProps: fieldProps, optionProps: optionProps, Arrow: Arrow$1, Field: Field$1, Optgroup: Optgroup$1, Option: Option$1, isBottomSheet: true, ...restProps })));

package/select/modern/Component.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import { Arrow } from './components/arrow/Component.js';
-import { B as BaseSelect } from './Component-21acd49a.js';
+import { B as BaseSelect } from './Component-0cf0b97d.js';
 import { Field } from './components/field/Component.js';
 import { Optgroup } from './components/optgroup/Component.js';
 import { Option } from './components/option/Component.js';

package/select/modern/Component.responsive.js

@@ -3,8 +3,8 @@ import { useMedia } from '@alfalab/hooks';
 import { Select } from './Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './Component-21acd49a.js';
-import { S as SelectMobile } from './Component-6d0c20ed.js';
+import './Component-0cf0b97d.js';
+import { S as SelectMobile } from './Component-82e15643.js';
 import '../../form-control/modern';
 import '../../badge/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
@@ -29,7 +29,7 @@ import '../../modal/modern/mobile';
 import './components/base-option/Component.js';
 import './components/base-checkmark/Component.js';
 import '../../skeleton/modern';
-import './intersection-observer-b4b778a8.js';
+import './intersection-observer-66d0ef98.js';
 import '../../button/modern';
 import './components/base-select-mobile/options-list/Component.js';
 import '../../base-modal/modern';

package/select/modern/components/base-select/Component.js

@@ -5,6 +5,6 @@ import 'classnames';
 import 'downshift';
 import '../../../../popover/modern';
 import '@alfalab/hooks';
-export { B as BaseSelect } from '../../Component-21acd49a.js';
+export { B as BaseSelect } from '../../Component-0cf0b97d.js';
 import '../native-select/Component.js';
 import '../../utils.js';

package/select/modern/components/base-select/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-21acd49a";
+export * from "../../Component-0cf0b97d";

package/select/modern/components/base-select/index.js

@@ -1,4 +1,4 @@
-export { B as BaseSelect } from '../../Component-21acd49a.js';
+export { B as BaseSelect } from '../../Component-0cf0b97d.js';
 import 'react';
 import 'react-merge-refs';
 import '@juggle/resize-observer';

package/select/modern/components/base-select-mobile/Component.js

@@ -6,8 +6,8 @@ import '../../../../bottom-sheet/modern';
 import '../../../../modal/modern/mobile';
 import '../../Component.js';
 import '../arrow/Component.js';
-import '../../Component-21acd49a.js';
-export { B as BaseSelectMobile } from '../../Component-6d0c20ed.js';
+import '../../Component-0cf0b97d.js';
+export { B as BaseSelectMobile } from '../../Component-82e15643.js';
 import '../field/Component.js';
 import '../optgroup/Component.js';
 import '../option/Component.js';
@@ -17,7 +17,7 @@ import '../../../../scrollbar/modern';
 import '@alfalab/hooks';
 import '../base-option/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-b4b778a8.js';
+import '../../intersection-observer-66d0ef98.js';
 import '../base-checkmark/Component.js';
 import './checkmark/Component.js';
 import './options-list/Component.js';

package/select/modern/components/base-select-mobile/index.css

@@ -43,20 +43,10 @@
 }
 .select__sheetContent_1pm5k {
     padding: 0;
-    overflow: hidden;
 }
 .select__sheetContainer_1pm5k {
     padding: 0;
 }
-.select__modal_1pm5k {
-    overflow: hidden;
-}
-.select__optionsListWrapper_1pm5k {
-    overflow: hidden;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-}
 .select__block_1pm5k {
     width: 100%;
 }

package/select/modern/components/base-select-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-6d0c20ed";
+export * from "../../Component-82e15643";

package/select/modern/components/base-select-mobile/index.js

@@ -1,4 +1,4 @@
-export { B as BaseSelectMobile } from '../../Component-6d0c20ed.js';
+export { B as BaseSelectMobile } from '../../Component-82e15643.js';
 import 'react';
 import '../arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../bottom-sheet/modern';
 import '../../../../modal/modern/mobile';
 import '../../Component.js';
-import '../../Component-21acd49a.js';
+import '../../Component-0cf0b97d.js';
 import '@juggle/resize-observer';
 import '../../../../popover/modern';
 import '@alfalab/hooks';
@@ -29,7 +29,7 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-b4b778a8.js';
+import '../../intersection-observer-66d0ef98.js';
 import '../../../../button/modern';
 import './options-list/Component.js';
 import '../../../../base-modal/modern';

package/select/modern/components/base-select-mobile/options-list/index.css

@@ -36,7 +36,6 @@
     width: 100%;
     outline: none;
     box-sizing: border-box;
-    overflow: auto;
 }
 .select__emptyPlaceholder_u5r7f {
     padding: var(--gap-m) var(--gap-s);

package/select/modern/components/base-select-mobile/virtual-options-list/Component.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { OptionsListProps } from "../../../typings";
-declare const VirtualOptionsList: ({ flatOptions, highlightedIndex, size, className, Option, getOptionProps, options, Optgroup, dataTestId, emptyPlaceholder, showFooter, open, onApply, onClear, }: OptionsListProps) => JSX.Element | null;
+declare const VirtualOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
 export { VirtualOptionsList };