@alfalab/core-components-select 12.4.7 → 13.0.0

package/cssm/{Component-77d7e4fc.js → Component-095a346d.js}

@@ -1,41 +1,41 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f8106a15.js');
+var tslib_es6 = require('./tslib.es6-0857346e.js');
 var React = require('react');
 var cn = require('classnames');
-require('@alfalab/hooks');
-require('@alfalab/core-components-form-control/cssm');
-var utils = require('./utils.js');
-require('./components/field/index.module.css');
-var components_field_Component = require('./components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('./components/arrow/index.module.css');
 var components_arrow_Component = require('./components/arrow/Component.js');
 var mergeRefs = require('react-merge-refs');
-require('@alfalab/core-components-scrollbar/cssm');
+var downshift = require('downshift');
+require('@alfalab/hooks');
+var components_baseSelect_Component = require('./Component-f4dd589a.js');
+var utils = require('./utils.js');
+require('@alfalab/core-components-form-control/cssm');
+require('./components/field/index.module.css');
+var components_field_Component = require('./components/field/Component.js');
 require('./components/optgroup/index.module.css');
 var components_optgroup_Component = require('./components/optgroup/Component.js');
-var components_optionsList_Component = require('./components/options-list/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('./components/checkmark/index.module.css');
 require('./components/option/index.module.css');
 var components_option_Component = require('./components/option/Component.js');
-var downshift = require('downshift');
-var components_baseSelect_Component = require('./Component-4bd2b7ec.js');
+require('@alfalab/core-components-scrollbar/cssm');
+var components_optionsList_Component = require('./components/options-list/Component.js');
 require('./Component.js');
 var coreComponentsBottomSheet = require('@alfalab/core-components-bottom-sheet/cssm');
 var mobile = require('@alfalab/core-components-modal/cssm/mobile');
 var coreComponentsButton = require('@alfalab/core-components-button/cssm');
-var components_baseSelectMobile_optionsList_Component = require('./components/base-select-mobile/options-list/Component.js');
-var components_baseSelectMobile_checkmark_Component = require('./components/base-select-mobile/checkmark/Component.js');
 var styles = require('./presets/useSelectWithApply/options-list-with-apply/index.module.css');
+var components_baseSelectMobile_checkmark_Component = require('./components/base-select-mobile/checkmark/Component.js');
+var components_baseSelectMobile_optionsList_Component = require('./components/base-select-mobile/options-list/Component.js');
 var styles$1 = require('./components/base-select-mobile/index.module.css');
 require('react-virtual');
 require('./components/virtual-options-list/index.module.css');
 require('@alfalab/core-components-skeleton/cssm');
 require('./presets/useSelectWithLoading/index.module.css');
-require('./intersection-observer-8c55e13a.js');
 require('./presets/useLazyLoading/index.module.css');
+require('./intersection-observer-8c55e13a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -49,10 +49,7 @@ var SELECT_ALL_KEY = 'select_all';
 var selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };
 function useSelectWithApply(_a) {
     var options = _a.options, selected = _a.selected, _b = _a.onChange, onChange = _b === void 0 ? function () { return null; } : _b, OptionsList = _a.OptionsList, _c = _a.showClear, showClear = _c === void 0 ? true : _c, _d = _a.showSelectAll, showSelectAll = _d === void 0 ? false : _d;
-    var _e = React.useMemo(function () { return utils.processOptions(options, selected); }, [
-        options,
-        selected,
-    ]), flatOptions = _e.flatOptions, selectedOptions = _e.selectedOptions;
+    var _e = React.useMemo(function () { return utils.processOptions(options, selected); }, [options, selected]), flatOptions = _e.flatOptions, selectedOptions = _e.selectedOptions;
     var _f = React.useState(selectedOptions), selectedDraft = _f[0], setSelectedDraft = _f[1];
     var selectedOptionsRef = React.useRef(selectedOptions);
     var handleApply = React.useCallback(function () {
@@ -94,7 +91,7 @@ function useSelectWithApply(_a) {
         setSelectedDraft(selectedOptions);
         selectedOptionsRef.current = selectedOptions;
     }, [selectedOptions]);
-    var memoizedOptions = React.useMemo(function () { return (showSelectAll ? tslib_es6.__spreadArrays([selectAllOption], options) : options); }, [options, showSelectAll]);
+    var memoizedOptions = React.useMemo(function () { return (showSelectAll ? tslib_es6.__spreadArray([selectAllOption], options, true) : options); }, [options, showSelectAll]);
     return {
         OptionsList: OptionsListWithApply,
         optionsListProps: {
@@ -164,10 +161,7 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
     var listRef = React.useRef(null);
     var initiatorRef = React.useRef(null);
     var itemToString = function (option) { return (option ? option.key : ''); };
-    var _t = React.useMemo(function () { return utils.processOptions(options, selected); }, [
-        options,
-        selected,
-    ]), flatOptions = _t.flatOptions, selectedOptions = _t.selectedOptions;
+    var _t = React.useMemo(function () { return utils.processOptions(options, selected); }, [options, selected]), flatOptions = _t.flatOptions, selectedOptions = _t.selectedOptions;
     var selectedOptionsRef = React.useRef(selectedOptions);
     var _u = React.useState(selectedOptions), selectedDraft = _u[0], setSelectedDraft = _u[1];
     var useMultipleSelectionProps = {
@@ -299,23 +293,14 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
             openMenu();
         }
     };
-    var getOptionProps = React.useCallback(function (option, index) { return (tslib_es6.__assign(tslib_es6.__assign({}, optionProps), { className: cn__default['default'](styles__default$1['default'].option, optionClassName), innerProps: getItemProps({
+    var getOptionProps = function (option, index) { return (tslib_es6.__assign(tslib_es6.__assign({}, optionProps), { className: cn__default['default'](styles__default$1['default'].option, optionClassName), innerProps: getItemProps({
             index: index,
             item: option,
             disabled: option.disabled,
             onMouseDown: function (event) { return event.preventDefault(); },
-        }), multiple: multiple,
-        index: index,
-        option: option, size: optionsSize, disabled: option.disabled, highlighted: index === highlightedIndex, selected: selectedItems.includes(option), dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'option'), Checkmark: function () { return React__default['default'].createElement(components_baseSelectMobile_checkmark_Component.Checkmark, { selected: selectedItems.includes(option) }); } })); }, [
-        dataTestId,
-        getItemProps,
-        highlightedIndex,
-        multiple,
-        optionClassName,
-        optionProps,
-        optionsSize,
-        selectedItems,
-    ]);
+        }), multiple: multiple, index: index, option: option, size: optionsSize, disabled: option.disabled, highlighted: index === highlightedIndex, selected: selectedItems.includes(option), dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'option'), 
+        // eslint-disable-next-line react/no-unstable-nested-components
+        Checkmark: function () { return React__default['default'].createElement(components_baseSelectMobile_checkmark_Component.Checkmark, { selected: selectedItems.includes(option) }); } })); };
     React.useEffect(function () {
         if (defaultOpen)
             openMenu();
@@ -326,22 +311,22 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    var renderValue = React.useCallback(function () {
+    var renderValue = function () {
         return selectedItems.map(function (option) { return (React__default['default'].createElement("input", { type: 'hidden', name: name, value: option.key, key: option.key })); });
-    }, [selectedItems, name]);
-    var handleApply = React.useCallback(function () {
+    };
+    var handleApply = function () {
         setSelectedDraft(selectedItems);
-    }, [setSelectedDraft, selectedItems]);
-    var handleClear = React.useCallback(function () {
+    };
+    var handleClear = function () {
         setSelectedDraft([]);
         setSelectedItems([]);
-    }, [setSelectedDraft, setSelectedItems]);
-    var handleClose = React.useCallback(function () {
+    };
+    var handleClose = function () {
         if (multiple) {
             setSelectedItems(selectedDraft);
         }
         toggleMenu();
-    }, [setSelectedItems, selectedDraft, toggleMenu, multiple]);
+    };
     return (React__default['default'].createElement("div", tslib_es6.__assign({}, getComboboxProps(tslib_es6.__assign(tslib_es6.__assign({ ref: rootRef }, (disabled && { 'aria-disabled': true })), { className: cn__default['default'](styles__default$1['default'].component, (_b = {}, _b[styles__default$1['default'].block] = block, _b), className) })), { onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": components_baseSelect_Component.getDataTestId(dataTestId) }),
         React__default['default'].createElement(Field, tslib_es6.__assign({ selectedMultiple: selectedDraft, selected: selectedItems[0], setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, multiple: multiple, open: open, disabled: disabled, size: size, placeholder: placeholder, label: label && React__default['default'].createElement("span", tslib_es6.__assign({}, getLabelProps()), label), labelView: labelView, Arrow: Arrow && React__default['default'].createElement(Arrow, { open: open }), error: error, hint: hint, valueRenderer: valueRenderer, className: fieldClassName, innerProps: {
                 onFocus: disabled ? undefined : handleFieldFocus,

package/cssm/Component-db573794.d.ts

@@ -0,0 +1,73 @@
+/// <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-4bd2b7ec.js → Component-f4dd589a.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f8106a15.js');
+var tslib_es6 = require('./tslib.es6-0857346e.js');
 var React = require('react');
 var cn = require('classnames');
-var hooks = require('@alfalab/hooks');
-var utils = require('./utils.js');
 var mergeRefs = require('react-merge-refs');
 var resizeObserver = require('@juggle/resize-observer');
-var coreComponentsPopover = require('@alfalab/core-components-popover/cssm');
 var downshift = require('downshift');
+var coreComponentsPopover = require('@alfalab/core-components-popover/cssm');
+var hooks = require('@alfalab/hooks');
+var utils = require('./utils.js');
 var components_nativeSelect_Component = require('./components/native-select/Component.js');
 var styles = require('./components/base-select/index.module.css');
 
@@ -32,10 +32,7 @@ var BaseSelect = React.forwardRef(function (_a, ref) {
     var listRef = React.useRef(null);
     var initiatorRef = React.useRef(null);
     var itemToString = function (option) { return (option ? option.key : ''); };
-    var _z = React.useMemo(function () { return utils.processOptions(options, selected); }, [
-        options,
-        selected,
-    ]), flatOptions = _z.flatOptions, selectedOptions = _z.selectedOptions;
+    var _z = React.useMemo(function () { return utils.processOptions(options, selected); }, [options, selected]), flatOptions = _z.flatOptions, selectedOptions = _z.selectedOptions;
     var useMultipleSelectionProps = {
         itemToString: itemToString,
         onSelectedItemsChange: function (changes) {
@@ -162,7 +159,7 @@ var BaseSelect = React.forwardRef(function (_a, ref) {
         }
     };
     var handleNativeSelectChange = React.useCallback(function (event) {
-        setSelectedItems(tslib_es6.__spreadArrays(event.target.options).reduce(function (acc, option, index) {
+        setSelectedItems(tslib_es6.__spreadArray([], event.target.options, true).reduce(function (acc, option, index) {
             return option.selected ? acc.concat(flatOptions[index]) : acc;
         }, []));
     }, [flatOptions, setSelectedItems]);
@@ -171,9 +168,7 @@ var BaseSelect = React.forwardRef(function (_a, ref) {
             item: option,
             disabled: option.disabled,
             onMouseDown: function (event) { return event.preventDefault(); },
-        }), multiple: multiple,
-        index: index,
-        option: option, size: optionsSize, disabled: option.disabled, highlighted: index === highlightedIndex, selected: selectedItems.includes(option), dataTestId: getDataTestId(dataTestId, 'option') })); }, [
+        }), multiple: multiple, index: index, option: option, size: optionsSize, disabled: option.disabled, highlighted: index === highlightedIndex, selected: selectedItems.includes(option), dataTestId: getDataTestId(dataTestId, 'option') })); }, [
         dataTestId,
         getItemProps,
         highlightedIndex,

package/cssm/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactNode, HTMLAttributes } from "react";
+import { HTMLAttributes, ReactNode } from "react";
 import { BaseSelectProps } from "./typings";
 type FormControlProps = HTMLAttributes<HTMLDivElement> & {
     /**
@@ -19,6 +19,10 @@ type FormControlProps = HTMLAttributes<HTMLDivElement> & {
      * Заблокированное состояние
      */
     disabled?: boolean;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean;
     /**
      * Заполненное состояние
      */
@@ -86,15 +90,18 @@ type SelectProps = Omit<BaseSelectProps, 'fieldProps'> & {
      */
     fieldProps?: FormControlProps & Record<string, unknown>;
 };
-declare const Select: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "labelView" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const Select: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "fieldProps"> & {
     /**
      * Пропсы, которые будут прокинуты в компонент поля
      */
     fieldProps?: (React.HTMLAttributes<HTMLDivElement> & {
         block?: boolean | undefined;
         size?: "s" | "m" | "l" | "xl" | undefined;
-        colors?: "default" | "inverted" | undefined;
+        colors?: "default" | "inverted" | undefined; /**
+         * Пропсы, которые будут прокинуты в компонент поля
+         */
         disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
         filled?: boolean | undefined;
         focused?: boolean | undefined;
         error?: React.ReactNode;

package/cssm/Component.js

@@ -2,34 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-f8106a15.js');
+var tslib_es6 = require('./tslib.es6-0857346e.js');
 var React = require('react');
 require('classnames');
-require('@alfalab/hooks');
-require('@alfalab/core-components-form-control/cssm');
-require('./utils.js');
-require('./components/field/index.module.css');
-var components_field_Component = require('./components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('./components/arrow/index.module.css');
 var components_arrow_Component = require('./components/arrow/Component.js');
 require('react-merge-refs');
-require('@alfalab/core-components-scrollbar/cssm');
+require('@juggle/resize-observer');
+require('downshift');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
+var components_baseSelect_Component = require('./Component-f4dd589a.js');
+require('./utils.js');
+require('./components/native-select/Component.js');
+require('./components/base-select/index.module.css');
+require('@alfalab/core-components-form-control/cssm');
+require('./components/field/index.module.css');
+var components_field_Component = require('./components/field/Component.js');
 require('./components/optgroup/index.module.css');
 var components_optgroup_Component = require('./components/optgroup/Component.js');
-require('./components/options-list/index.module.css');
-var components_optionsList_Component = require('./components/options-list/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('./components/checkmark/index.module.css');
 require('./components/checkmark/Component.js');
 require('./components/option/index.module.css');
 var components_option_Component = require('./components/option/Component.js');
-require('@juggle/resize-observer');
-require('@alfalab/core-components-popover/cssm');
-require('downshift');
-require('./components/native-select/Component.js');
-var components_baseSelect_Component = require('./Component-4bd2b7ec.js');
-require('./components/base-select/index.module.css');
+require('@alfalab/core-components-scrollbar/cssm');
+require('./components/options-list/index.module.css');
+var components_optionsList_Component = require('./components/options-list/Component.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f8106a15.js');
+require('../../tslib.es6-0857346e.js');
 require('react');
 require('classnames');
-require('@alfalab/hooks');
-require('../../utils.js');
 require('react-merge-refs');
 require('@juggle/resize-observer');
-require('@alfalab/core-components-popover/cssm');
 require('downshift');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
+var components_baseSelect_Component = require('../../Component-f4dd589a.js');
+require('../../utils.js');
 require('../native-select/Component.js');
-var components_baseSelect_Component = require('../../Component-4bd2b7ec.js');
 require('./index.module.css');
 
 

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

@@ -1 +1 @@
-export * from "../../Component-4bd2b7ec";
+export * from "../../Component-f4dd589a";

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

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f8106a15.js');
+require('../../tslib.es6-0857346e.js');
 require('react');
 require('classnames');
-require('@alfalab/hooks');
-require('../../utils.js');
 require('react-merge-refs');
 require('@juggle/resize-observer');
-require('@alfalab/core-components-popover/cssm');
 require('downshift');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
+var components_baseSelect_Component = require('../../Component-f4dd589a.js');
+require('../../utils.js');
 require('../native-select/Component.js');
-var components_baseSelect_Component = require('../../Component-4bd2b7ec.js');
 require('./index.module.css');
 
 

package/cssm/components/base-select/index.module.css

@@ -10,13 +10,19 @@
 
     /* Hard up */
 }
+:root {
+    --gap-2xs: 4px;
+}
+:root {
+    --border-radius-m: 8px;
+}
 :root {
 
     /* options list */
 
-    --select-options-list-border-radius: 0 0 4px 4px;
+    --select-options-list-border-radius: var(--border-radius-m);
     --select-options-list-box-shadow: var(--shadow-m);
-    --select-options-list-offset: 0;
+    --select-options-list-offset: var(--gap-2xs);
     --select-options-list-top-padding: 0;
     --select-options-list-bottom-padding: 0;
 

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

@@ -2,52 +2,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f8106a15.js');
+require('../../tslib.es6-0857346e.js');
 require('react');
 require('classnames');
-require('@alfalab/hooks');
-require('@alfalab/core-components-form-control/cssm');
-require('../../utils.js');
-require('../field/index.module.css');
-require('../field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../arrow/index.module.css');
 require('../arrow/Component.js');
 require('react-merge-refs');
-require('@alfalab/core-components-scrollbar/cssm');
+require('@juggle/resize-observer');
+require('downshift');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
+require('../../Component-f4dd589a.js');
+require('../../utils.js');
+require('../native-select/Component.js');
+require('../base-select/index.module.css');
+require('@alfalab/core-components-form-control/cssm');
+require('../field/index.module.css');
+require('../field/Component.js');
 require('../optgroup/index.module.css');
 require('../optgroup/Component.js');
-require('../options-list/index.module.css');
-require('../options-list/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
 require('../option/index.module.css');
 require('../option/Component.js');
-require('@juggle/resize-observer');
-require('@alfalab/core-components-popover/cssm');
-require('downshift');
-require('../native-select/Component.js');
-require('../../Component-4bd2b7ec.js');
-require('../base-select/index.module.css');
+require('@alfalab/core-components-scrollbar/cssm');
+require('../options-list/index.module.css');
+require('../options-list/Component.js');
 require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
+var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
+require('./checkmark/index.module.css');
+require('./checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('./options-list/index.module.css');
 require('./options-list/Component.js');
-require('./checkmark/index.module.css');
-require('./checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../Component-77d7e4fc.js');
-require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
 require('./index.module.css');
 require('react-virtual');
 require('../virtual-options-list/index.module.css');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
-require('../../intersection-observer-8c55e13a.js');
 require('../../presets/useLazyLoading/index.module.css');
+require('../../intersection-observer-8c55e13a.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../Component-77d7e4fc";
+export * from "../../Component-095a346d";

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

@@ -2,52 +2,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f8106a15.js');
+require('../../tslib.es6-0857346e.js');
 require('react');
 require('classnames');
-require('@alfalab/hooks');
-require('@alfalab/core-components-form-control/cssm');
-require('../../utils.js');
-require('../field/index.module.css');
-require('../field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../arrow/index.module.css');
 require('../arrow/Component.js');
 require('react-merge-refs');
-require('@alfalab/core-components-scrollbar/cssm');
+require('@juggle/resize-observer');
+require('downshift');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
+require('../../Component-f4dd589a.js');
+require('../../utils.js');
+require('../native-select/Component.js');
+require('../base-select/index.module.css');
+require('@alfalab/core-components-form-control/cssm');
+require('../field/index.module.css');
+require('../field/Component.js');
 require('../optgroup/index.module.css');
 require('../optgroup/Component.js');
-require('../options-list/index.module.css');
-require('../options-list/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
 require('../option/index.module.css');
 require('../option/Component.js');
-require('@juggle/resize-observer');
-require('@alfalab/core-components-popover/cssm');
-require('downshift');
-require('../native-select/Component.js');
-require('../../Component-4bd2b7ec.js');
-require('../base-select/index.module.css');
+require('@alfalab/core-components-scrollbar/cssm');
+require('../options-list/index.module.css');
+require('../options-list/Component.js');
 require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
+var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
+require('./checkmark/index.module.css');
+require('./checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('./options-list/index.module.css');
 require('./options-list/Component.js');
-require('./checkmark/index.module.css');
-require('./checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../Component-77d7e4fc.js');
-require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
 require('./index.module.css');
 require('react-virtual');
 require('../virtual-options-list/index.module.css');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
-require('../../intersection-observer-8c55e13a.js');
 require('../../presets/useLazyLoading/index.module.css');
+require('../../intersection-observer-8c55e13a.js');
 
 
 

package/cssm/components/base-select-mobile/index.module.css

@@ -15,7 +15,7 @@
 :root {
 
     /* options list */
-    --select-options-list-offset: 0;
+    --select-options-list-offset: var(--gap-2xs);
 
     /* option */
 

package/cssm/components/base-select-mobile/options-list/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-f8106a15.js');
+var tslib_es6 = require('../../../tslib.es6-0857346e.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('../../../utils.js');

package/cssm/components/base-select-mobile/options-list/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-f8106a15.js');
+require('../../../tslib.es6-0857346e.js');
 require('react');
 require('classnames');
 require('../../../utils.js');