@alfalab/core-components-select 16.0.2 → 16.0.3

package/components/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 1inao */
+/* hash: tim8j */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -53,7 +53,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_o13vx {
+} .select__option_dn6ff {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -68,10 +68,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-} .select__option_o13vx:not(.select__disabled_o13vx):active {
+} .select__option_dn6ff:not(.select__disabled_dn6ff):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_o13vx:before {
+    } .select__option_dn6ff:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -81,46 +81,46 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_o13vx:first-child:before {
+    } .select__option_dn6ff:first-child:before {
         display: none;
-    } .select__s_o13vx {
+    } .select__s_dn6ff {
     min-height: var(--size-s-height);
-} .select__m_o13vx {
+} .select__m_dn6ff {
     min-height: var(--size-m-height);
-} .select__l_o13vx {
+} .select__l_dn6ff {
     min-height: var(--size-l-height);
-} .select__xl_o13vx {
+} .select__xl_dn6ff {
     min-height: var(--size-xl-height);
-} .select__l_o13vx,
-.select__xl_o13vx {
+} .select__l_dn6ff,
+.select__xl_dn6ff {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__l_o13vx:before, .select__xl_o13vx:before {
+} .select__l_dn6ff:before, .select__xl_dn6ff:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_o13vx {
+    } .select__selected_dn6ff {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_o13vx {
+} .select__highlighted_dn6ff {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_o13vx:before,
-    .select__highlighted_o13vx + .select__option_o13vx:before {
+} .select__highlighted_dn6ff:before,
+    .select__highlighted_dn6ff + .select__option_dn6ff:before {
         opacity: 0;
-    } .select__disabled_o13vx {
+    } .select__disabled_dn6ff {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_o13vx {
+} .select__content_dn6ff {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_o13vx {
+} .select__textContent_dn6ff {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 } /* IE min-height fix */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__option_o13vx:after {
+    .select__option_dn6ff:after {
         min-height: inherit;
         font-size: 0;
         content: '';

package/components/options-list/Component.js

@@ -19,7 +19,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"optionsList":"select__optionsList_o9ltp","optionsListHeader":"select__optionsListHeader_o9ltp","optionsListFooter":"select__optionsListFooter_o9ltp","withBorder":"select__withBorder_o9ltp","scrollable":"select__scrollable_o9ltp","emptyPlaceholder":"select__emptyPlaceholder_o9ltp","l":"select__l_o9ltp","xl":"select__xl_o9ltp"};
+var styles = {"optionsList":"select__optionsList_z0y1u","optionsListHeader":"select__optionsListHeader_z0y1u","optionsListFooter":"select__optionsListFooter_z0y1u","withBorder":"select__withBorder_z0y1u","scrollable":"select__scrollable_z0y1u","emptyPlaceholder":"select__emptyPlaceholder_z0y1u","l":"select__l_z0y1u","xl":"select__xl_z0y1u"};
 require('./index.css')
 
 var createCounter = function () {

package/components/options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lvf8 */
+/* hash: 1icek */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e7e8ec;
@@ -29,28 +29,28 @@
     /* checkmark */
 
     /* optgroup */
-} .select__optionsList_o9ltp {
+} .select__optionsList_z0y1u {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-} .select__optionsListHeader_o9ltp {
+} .select__optionsListHeader_z0y1u {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-border-secondary);
-} .select__optionsListFooter_o9ltp {
+} .select__optionsListFooter_z0y1u {
     position: sticky;
     bottom: 0;
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__optionsListFooter_o9ltp.select__withBorder_o9ltp {
+} .select__optionsListFooter_z0y1u.select__withBorder_z0y1u {
         border-top: 1px solid var(--color-light-border-secondary);
-    } .select__scrollable_o9ltp {
+    } .select__scrollable_z0y1u {
     overflow: auto;
     width: 100%;
-} .select__emptyPlaceholder_o9ltp {
+} .select__emptyPlaceholder_z0y1u {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__l_o9ltp .select__emptyPlaceholder_o9ltp,
-.select__xl_o9ltp .select__emptyPlaceholder_o9ltp {
+} .select__l_z0y1u .select__emptyPlaceholder_z0y1u,
+.select__xl_z0y1u .select__emptyPlaceholder_z0y1u {
     padding: var(--gap-xl) var(--gap-m);
 }

package/components/search/Component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"select__component_77zbe"};
+var styles = {"component":"select__component_6txhw"};
 require('./index.css')
 
 var Search = React.forwardRef(function (_a, ref) {

package/components/search/index.css

@@ -1,4 +1,4 @@
-/* hash: m5q0b */
+/* hash: a0rmf */
 :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 */
@@ -23,6 +23,6 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_77zbe {
+} .select__component_6txhw {
     width: auto;
 }

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

@@ -20,7 +20,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_1q528","virtualOptionsListHeader":"select__virtualOptionsListHeader_1q528","virtualOptionsListFooter":"select__virtualOptionsListFooter_1q528","withBorder":"select__withBorder_1q528","scrollable":"select__scrollable_1q528","inner":"select__inner_1q528","virtualRow":"select__virtualRow_1q528","highlighted":"select__highlighted_1q528","emptyPlaceholder":"select__emptyPlaceholder_1q528","l":"select__l_1q528","xl":"select__xl_1q528"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_1umhn","virtualOptionsListHeader":"select__virtualOptionsListHeader_1umhn","virtualOptionsListFooter":"select__virtualOptionsListFooter_1umhn","withBorder":"select__withBorder_1umhn","scrollable":"select__scrollable_1umhn","inner":"select__inner_1umhn","virtualRow":"select__virtualRow_1umhn","highlighted":"select__highlighted_1umhn","emptyPlaceholder":"select__emptyPlaceholder_1umhn","l":"select__l_1umhn","xl":"select__xl_1umhn"};
 require('./index.css')
 
 var VirtualOptionsList = React.forwardRef(function (_a, ref) {

package/components/virtual-options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: so3m7 */
+/* hash: 18hk9 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #d5d6dc;
@@ -35,34 +35,34 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_1q528 {
+} .select__virtualOptionsList_1umhn {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
-} .select__virtualOptionsListHeader_1q528 {
+} .select__virtualOptionsListHeader_1umhn {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-border-secondary);
-} .select__virtualOptionsListFooter_1q528 {
+} .select__virtualOptionsListFooter_1umhn {
     position: sticky;
     bottom: 0;
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__virtualOptionsListFooter_1q528.select__withBorder_1q528 {
+} .select__virtualOptionsListFooter_1umhn.select__withBorder_1umhn {
         border-top: 1px solid var(--color-light-border-secondary);
-    } .select__scrollable_1q528 {
+    } .select__scrollable_1umhn {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_1q528 {
+} .select__inner_1umhn {
     position: relative;
     width: 100%;
-} .select__virtualRow_1q528 {
+} .select__virtualRow_1umhn {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
-} .select__virtualRow_1q528:before {
+} .select__virtualRow_1umhn:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -72,15 +72,15 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_1q528:first-child:before {
+    } .select__virtualRow_1umhn:first-child:before {
         display: none;
-    } .select__highlighted_1q528:before,
-    .select__highlighted_1q528 + .select__virtualRow_1q528:before {
+    } .select__highlighted_1umhn:before,
+    .select__highlighted_1umhn + .select__virtualRow_1umhn:before {
         display: none;
-    } .select__emptyPlaceholder_1q528 {
+    } .select__emptyPlaceholder_1umhn {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__l_1q528 .select__emptyPlaceholder_1q528,
-.select__xl_1q528 .select__emptyPlaceholder_1q528 {
+} .select__l_1umhn .select__emptyPlaceholder_1umhn,
+.select__xl_1umhn .select__emptyPlaceholder_1umhn {
     padding: var(--gap-xl) var(--gap-m);
 }

package/cssm/Component.responsive.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
-var Component_desktop = require('./Component.desktop.js');
-var Component_mobile = require('./Component.mobile.js');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+require('./mobile/Component.modal.mobile.js');
 require('@alfalab/core-components-form-control/cssm/desktop');
 require('@alfalab/core-components-popover/cssm');
 require('./components/arrow/Component.js');
@@ -48,7 +49,7 @@ require('@alfalab/icons-glyph/MagnifierMIcon');
 require('./components/search/index.module.css');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-form-control/cssm/mobile');
-require('@alfalab/core-components-modal/cssm/Component.mobile');
+require('@alfalab/core-components-modal/cssm/mobile');
 require('./components/footer/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('@alfalab/core-components-button/cssm/mobile');
@@ -70,7 +71,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var SelectResponsive = React.forwardRef(function (_a, ref) {
     var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
-    return isDesktop ? (React__default.default.createElement(Component_desktop.SelectDesktop, tslib.__assign({ onScroll: onScroll }, restProps, { ref: ref, fieldProps: fieldProps }))) : (React__default.default.createElement(Component_mobile.SelectMobile, tslib.__assign({ fieldProps: fieldProps }, restProps, { ref: ref })));
+    return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.SelectDesktop, tslib.__assign({ onScroll: onScroll }, restProps, { ref: ref, fieldProps: fieldProps }))) : (React__default.default.createElement(mobile_Component_mobile.SelectMobile, tslib.__assign({ fieldProps: fieldProps }, restProps, { ref: ref })));
 });
 
 exports.SelectResponsive = SelectResponsive;

package/{Component.desktop.d.ts → cssm/desktop/Component.desktop.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-declare const SelectDesktop: React.ForwardRefExoticComponent<Omit<import("./typings").BaseSelectProps, "fieldProps"> & {
-    fieldProps?: import("./typings").SelectFieldProps | undefined;
+declare const SelectDesktop: React.ForwardRefExoticComponent<Omit<import("../typings").BaseSelectProps, "fieldProps"> & {
+    fieldProps?: import("../typings").SelectFieldProps | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { SelectDesktop };

package/cssm/{Component.desktop.js → desktop/Component.desktop.js}

@@ -6,44 +6,44 @@ var tslib = require('tslib');
 var React = require('react');
 var desktop = require('@alfalab/core-components-form-control/cssm/desktop');
 var coreComponentsPopover = require('@alfalab/core-components-popover/cssm');
-var components_arrow_Component = require('./components/arrow/Component.js');
-var components_baseSelect_Component = require('./components/base-select/Component.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');
-var components_optionsList_Component = require('./components/options-list/Component.js');
-var components_search_Component = require('./components/search/Component.js');
+var components_arrow_Component = require('../components/arrow/Component.js');
+var components_baseSelect_Component = require('../components/base-select/Component.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');
+var components_optionsList_Component = require('../components/options-list/Component.js');
+var components_search_Component = require('../components/search/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('./components/arrow/index.module.css');
+require('../components/arrow/index.module.css');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('compute-scroll-into-view');
 require('downshift');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/hooks');
-require('./utils.js');
-require('./components/native-select/Component.js');
-require('./components/base-select/index.module.css');
-require('./components/base-select/mobile.module.css');
-require('./components/field/index.module.css');
-require('./components/optgroup/index.module.css');
-require('./components/checkmark/Component.js');
+require('../utils.js');
+require('../components/native-select/Component.js');
+require('../components/base-select/index.module.css');
+require('../components/base-select/mobile.module.css');
+require('../components/field/index.module.css');
+require('../components/optgroup/index.module.css');
+require('../components/checkmark/Component.js');
 require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('./components/checkmark/index.module.css');
-require('./components/checkmark-mobile/Component.js');
-require('./components/checkmark-mobile/index.module.css');
-require('./components/option/index.module.css');
+require('../components/checkmark/index.module.css');
+require('../components/checkmark-mobile/Component.js');
+require('../components/checkmark-mobile/index.module.css');
+require('../components/option/index.module.css');
 require('@alfalab/core-components-mq/cssm');
 require('@alfalab/core-components-scrollbar/cssm');
-require('./consts.js');
-require('./components/options-list/index.module.css');
+require('../consts.js');
+require('../components/options-list/index.module.css');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/icons-glyph/MagnifierMIcon');
-require('./components/search/index.module.css');
+require('../components/search/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cssm/desktop/index.d.ts

@@ -1,2 +1,2 @@
-export { SelectDesktop } from "../Component.desktop";
+export { SelectDesktop } from "./Component.desktop";
 export type { SelectDesktopProps } from "../typings";

package/cssm/desktop/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('../Component.desktop.js');
+var desktop_Component_desktop = require('./Component.desktop.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-form-control/cssm/desktop');
@@ -48,4 +48,4 @@ require('../components/search/index.module.css');
 
 
 
-exports.SelectDesktop = Component_desktop.SelectDesktop;
+exports.SelectDesktop = desktop_Component_desktop.SelectDesktop;

package/cssm/index.js

@@ -6,7 +6,7 @@ var Component_responsive = require('./Component.responsive.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-mq/cssm');
-require('./Component.desktop.js');
+require('./desktop/Component.desktop.js');
 require('@alfalab/core-components-form-control/cssm/desktop');
 require('@alfalab/core-components-popover/cssm');
 require('./components/arrow/Component.js');
@@ -46,10 +46,10 @@ require('./components/search/Component.js');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/icons-glyph/MagnifierMIcon');
 require('./components/search/index.module.css');
-require('./Component.mobile.js');
+require('./mobile/Component.mobile.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-form-control/cssm/mobile');
-require('@alfalab/core-components-modal/cssm/Component.mobile');
+require('@alfalab/core-components-modal/cssm/mobile');
 require('./components/footer/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('@alfalab/core-components-button/cssm/mobile');
@@ -63,6 +63,7 @@ require('@alfalab/core-components-button/cssm/desktop');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
 require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('./presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
+require('./mobile/Component.modal.mobile.js');
 
 
 

package/{esm → cssm/mobile}/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { SelectMobileProps } from "./typings";
+import { SelectMobileProps } from "../typings";
 declare const SelectMobile: React.ForwardRefExoticComponent<SelectMobileProps & React.RefAttributes<unknown>>;
 export { SelectMobile };

package/cssm/{Component.mobile.js → mobile/Component.mobile.js}

@@ -6,58 +6,58 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsBottomSheet = require('@alfalab/core-components-bottom-sheet/cssm');
 var mobile = require('@alfalab/core-components-form-control/cssm/mobile');
-var Component_mobile = require('@alfalab/core-components-modal/cssm/Component.mobile');
-var components_arrow_Component = require('./components/arrow/Component.js');
-var components_baseSelect_Component = require('./components/base-select/Component.js');
-var components_field_Component = require('./components/field/Component.js');
-var components_footer_Component = require('./components/footer/Component.js');
-var components_optgroup_Component = require('./components/optgroup/Component.js');
-var components_option_Component = require('./components/option/Component.js');
-var components_optionsList_Component = require('./components/options-list/Component.js');
-var components_search_Component = require('./components/search/Component.js');
-var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-2f9ec939.js');
-var presets_useSelectWithApply_optionsListWithApply_header_Component = require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
+var mobile$1 = require('@alfalab/core-components-modal/cssm/mobile');
+var components_arrow_Component = require('../components/arrow/Component.js');
+var components_baseSelect_Component = require('../components/base-select/Component.js');
+var components_field_Component = require('../components/field/Component.js');
+var components_footer_Component = require('../components/footer/Component.js');
+var components_optgroup_Component = require('../components/optgroup/Component.js');
+var components_option_Component = require('../components/option/Component.js');
+var components_optionsList_Component = require('../components/options-list/Component.js');
+var components_search_Component = require('../components/search/Component.js');
+var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-2f9ec939.js');
+var presets_useSelectWithApply_optionsListWithApply_header_Component = require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('./components/arrow/index.module.css');
+require('../components/arrow/index.module.css');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('compute-scroll-into-view');
 require('downshift');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/hooks');
-require('./utils.js');
-require('./components/native-select/Component.js');
-require('./components/base-select/index.module.css');
-require('./components/base-select/mobile.module.css');
-require('./components/field/index.module.css');
+require('../utils.js');
+require('../components/native-select/Component.js');
+require('../components/base-select/index.module.css');
+require('../components/base-select/mobile.module.css');
+require('../components/field/index.module.css');
 require('@alfalab/core-components-base-modal/cssm');
 require('@alfalab/core-components-button/cssm/mobile');
-require('./components/footer/index.module.css');
-require('./components/optgroup/index.module.css');
-require('./components/checkmark/Component.js');
+require('../components/footer/index.module.css');
+require('../components/optgroup/index.module.css');
+require('../components/checkmark/Component.js');
 require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('./components/checkmark/index.module.css');
-require('./components/checkmark-mobile/Component.js');
-require('./components/checkmark-mobile/index.module.css');
-require('./components/option/index.module.css');
+require('../components/checkmark/index.module.css');
+require('../components/checkmark-mobile/Component.js');
+require('../components/checkmark-mobile/index.module.css');
+require('../components/option/index.module.css');
 require('@alfalab/core-components-mq/cssm');
 require('@alfalab/core-components-scrollbar/cssm');
-require('./consts.js');
-require('./components/options-list/index.module.css');
+require('../consts.js');
+require('../components/options-list/index.module.css');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/icons-glyph/MagnifierMIcon');
-require('./components/search/index.module.css');
+require('../components/search/index.module.css');
 require('react-virtual');
-require('./components/virtual-options-list/index.module.css');
-require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
+require('../components/virtual-options-list/index.module.css');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('@alfalab/core-components-button/cssm/desktop');
-require('./presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
-require('./presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
+require('../presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -82,7 +82,7 @@ var SelectMobile = React.forwardRef(function (_a, ref) {
         showSelectAll: showSelectAll,
     });
     var bottomAddons = useWithApplyHook && showHeaderWithSelectAll && (React__default.default.createElement(presets_useSelectWithApply_optionsListWithApply_header_Component.Header, tslib.__assign({}, applyProps.optionsListProps.headerProps, { mobile: true })));
-    return (React__default.default.createElement(components_baseSelect_Component.BaseSelect, tslib.__assign({ ref: ref, view: 'mobile', autocomplete: autocomplete, multiple: multiple, allowUnselect: allowUnselect, disabled: disabled, closeOnSelect: closeOnSelect, circularNavigation: circularNavigation, defaultOpen: defaultOpen, open: openProp, size: size, optionsSize: optionsSize, fieldProps: tslib.__assign({ FormControlComponent: mobile.FormControlMobile }, fieldProps), optionProps: optionProps, Arrow: Arrow, Field: Field, Optgroup: Optgroup, Option: Option, Search: Search, isBottomSheet: isBottomSheet, options: options, selected: selected, onChange: onChange, OptionsList: OptionsList, showSearch: showSearch, searchProps: searchProps, BottomSheet: coreComponentsBottomSheet.BottomSheet, ModalMobile: Component_mobile.ModalMobile }, (isBottomSheet
+    return (React__default.default.createElement(components_baseSelect_Component.BaseSelect, tslib.__assign({ ref: ref, view: 'mobile', autocomplete: autocomplete, multiple: multiple, allowUnselect: allowUnselect, disabled: disabled, closeOnSelect: closeOnSelect, circularNavigation: circularNavigation, defaultOpen: defaultOpen, open: openProp, size: size, optionsSize: optionsSize, fieldProps: tslib.__assign({ FormControlComponent: mobile.FormControlMobile }, fieldProps), optionProps: optionProps, Arrow: Arrow, Field: Field, Optgroup: Optgroup, Option: Option, Search: Search, isBottomSheet: isBottomSheet, options: options, selected: selected, onChange: onChange, OptionsList: OptionsList, showSearch: showSearch, searchProps: searchProps, BottomSheet: coreComponentsBottomSheet.BottomSheet, ModalMobile: mobile$1.ModalMobile }, (isBottomSheet
         ? {
             bottomSheetProps: tslib.__assign({ bottomAddons: bottomAddons }, typedRestBottomSheetProps.bottomSheetProps),
         }

package/cssm/mobile/Component.modal.mobile.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import React from 'react';
+declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<import("../typings").BaseSelectProps, "Checkmark"> & import("../typings").AdditionalMobileProps & import("../typings").ModalSelectMobileProps & React.RefAttributes<unknown>>;
+export { SelectModalMobile };

package/cssm/mobile/Component.modal.mobile.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mobile_Component_mobile = require('./Component.mobile.js');
+require('@alfalab/core-components-bottom-sheet/cssm');
+require('@alfalab/core-components-form-control/cssm/mobile');
+require('@alfalab/core-components-modal/cssm/mobile');
+require('../components/arrow/Component.js');
+require('classnames');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../components/arrow/index.module.css');
+require('../components/base-select/Component.js');
+require('react-merge-refs');
+require('@juggle/resize-observer');
+require('compute-scroll-into-view');
+require('downshift');
+require('@alfalab/core-components-shared/cssm');
+require('@alfalab/hooks');
+require('../utils.js');
+require('../components/native-select/Component.js');
+require('../components/base-select/index.module.css');
+require('../components/base-select/mobile.module.css');
+require('../components/field/Component.js');
+require('../components/field/index.module.css');
+require('../components/footer/Component.js');
+require('@alfalab/core-components-base-modal/cssm');
+require('@alfalab/core-components-button/cssm/mobile');
+require('../components/footer/index.module.css');
+require('../components/optgroup/Component.js');
+require('../components/optgroup/index.module.css');
+require('../components/option/Component.js');
+require('../components/checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
+require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../components/checkmark/index.module.css');
+require('../components/checkmark-mobile/Component.js');
+require('../components/checkmark-mobile/index.module.css');
+require('../components/option/index.module.css');
+require('../components/options-list/Component.js');
+require('@alfalab/core-components-mq/cssm');
+require('@alfalab/core-components-scrollbar/cssm');
+require('../consts.js');
+require('../components/options-list/index.module.css');
+require('../components/search/Component.js');
+require('@alfalab/core-components-input/cssm');
+require('@alfalab/icons-glyph/MagnifierMIcon');
+require('../components/search/index.module.css');
+require('../components/virtual-options-list/Component.js');
+require('react-virtual');
+require('../components/virtual-options-list/index.module.css');
+require('../hook-2f9ec939.js');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
+require('@alfalab/core-components-button/cssm/desktop');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
+require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
+require('../presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var SelectModalMobile = React.forwardRef(function (props, ref) { return (React__default.default.createElement(mobile_Component_mobile.SelectMobile, tslib.__assign({}, props, { isBottomSheet: false, ref: ref }))); });
+
+exports.SelectModalMobile = SelectModalMobile;

package/cssm/mobile/index.d.ts

@@ -1,3 +1,3 @@
-export { SelectMobile } from "../Component.mobile";
-export { SelectModalMobile } from "../Component.modal.mobile";
+export { SelectMobile } from "./Component.mobile";
+export { SelectModalMobile } from "./Component.modal.mobile";
 export type { SelectMobileProps, SelectModalMobileProps } from "../typings";