@alfalab/core-components-select 13.0.2 → 13.1.0

package/components/base-option/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../tslib.es6-c35337da.js');
+require('react');
+require('classnames');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('@alfalab/core-components-checkbox');
+require('../base-checkmark/Component.js');
+var components_baseOption_Component = require('./Component.js');
+
+
+
+exports.BaseOption = components_baseOption_Component.BaseOption;

package/components/base-select/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-c5796feb.js');
+require('../../tslib.es6-c35337da.js');
 require('react');
 require('classnames');
 require('react-merge-refs');
@@ -10,7 +10,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
-var components_baseSelect_Component = require('../../Component-47b7b784.js');
+var components_baseSelect_Component = require('../../Component-ebc21ddc.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 

package/components/base-select/index.css

@@ -1,4 +1,4 @@
-/* hash: xasym */
+/* hash: 1k69z */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -34,12 +34,12 @@
 
     /* optgroup */
 }
-.select__component_1et50 {
+.select__component_s9fig {
     width: max-content;
     position: relative;
     outline: 0;
 }
-.select__popoverInner_1et50 {
+.select__popoverInner_s9fig {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     box-shadow: none;
@@ -48,7 +48,7 @@
     border-radius: 0;
     position: relative;
 }
-.select__optionsList_1et50 {
+.select__optionsList_s9fig {
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
     box-shadow: var(--select-options-list-box-shadow);
@@ -57,7 +57,7 @@
     overflow: hidden;
     will-change: transform;
 }
-.select__nativeSelect_1et50 {
+.select__nativeSelect_s9fig {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -71,12 +71,12 @@
     cursor: pointer;
     z-index: 1;
 }
-.select__block_1et50 {
+.select__block_s9fig {
     width: 100%;
 }
 /* width: max-content; fix for IE */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__component_1et50 {
+    .select__component_s9fig {
         float: left;
         clear: left;
     }

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

@@ -1 +1 @@
-export * from "../../Component-47b7b784";
+export * from "../../Component-ebc21ddc";

package/components/base-select/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-c5796feb.js');
+require('../../tslib.es6-c35337da.js');
 require('react');
 require('classnames');
 require('react-merge-refs');
@@ -10,7 +10,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
-var components_baseSelect_Component = require('../../Component-47b7b784.js');
+var components_baseSelect_Component = require('../../Component-ebc21ddc.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-c5796feb.js');
+require('../../tslib.es6-c35337da.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -12,12 +12,16 @@ require('@juggle/resize-observer');
 require('downshift');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
-require('../../Component-47b7b784.js');
+require('../../Component-ebc21ddc.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 require('@alfalab/core-components-form-control');
 require('../field/Component.js');
 require('../optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('./checkmark/Component.js');
 require('@alfalab/core-components-checkbox');
 require('../checkmark/Component.js');
 require('../option/Component.js');
@@ -27,13 +31,14 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('@alfalab/core-components-button');
-var presets_useSelectWithApply_hook = require('../../Component-6d167ee5.js');
-require('./checkmark/Component.js');
+var presets_useSelectWithApply_hook = require('../../Component-bfb28123.js');
+require('../base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal');
 require('./options-list/Component.js');
 require('react-virtual');
+require('../base-option/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-a8302d8a.js');
+require('../../intersection-observer-59773a48.js');
 
 
 

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

@@ -4,21 +4,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
+var badge = require('@alfalab/core-components/badge');
+var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+var CheckmarkMIcon = require('@alfalab/icons-glyph/CheckmarkMIcon');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"checkmark":"select__checkmark_15hr6","selected":"select__selected_15hr6"};
+var styles = {"checkmark":"select__checkmark_13aoq","selected":"select__selected_13aoq","displayIcon":"select__displayIcon_13aoq","displayBadge":"select__displayBadge_13aoq"};
 require('./index.css')
 
 var Checkmark = function (_a) {
     var _b;
     var selected = _a.selected, className = _a.className;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](styles.checkmark, className, (_b = {},
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.checkmark, className, (_b = {},
             _b[styles.selected] = selected,
-            _b)) }));
+            _b)) },
+        React__default['default'].createElement(CheckmarkMIcon.CheckmarkMIcon, { className: styles.displayIcon }),
+        React__default['default'].createElement(badge.Badge, { className: styles.displayBadge, view: 'icon', size: 'm', iconColor: 'positive', content: React__default['default'].createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, null) })));
 };
 
 exports.Checkmark = Checkmark;

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

@@ -1,4 +1,4 @@
-/* hash: 4rj0q */
+/* hash: rn014 */
 :root {
 
     /* Hard */
@@ -14,24 +14,29 @@
     /* option */
 
     /* checkmark */
-    --select-mobile-checkmark-background: url('https://alfabank.servicecdn.ru/icons/glyph_checkmark_m.svg');
+    --select-mobile-checkmark-display-icon: block;
+    --select-mobile-checkmark-display-badge: none;
 
     /* optgroup */
 }
-.select__checkmark_15hr6 {
+.select__checkmark_13aoq {
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
-    background: var(--select-mobile-checkmark-background);
-    background-size: cover;
     width: 24px;
     height: 24px;
     opacity: 0
 }
-.select__checkmark_15hr6:first-child {
+.select__checkmark_13aoq:first-child {
         display: none;
     }
-.select__checkmark_15hr6.select__selected_15hr6 {
+.select__checkmark_13aoq.select__selected_13aoq {
         opacity: 1;
     }
+.select__displayIcon_13aoq {
+    display: var(--select-mobile-checkmark-display-icon);
+}
+.select__displayBadge_13aoq {
+    display: var(--select-mobile-checkmark-display-badge);
+}

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

@@ -4,6 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
 var components_baseSelectMobile_checkmark_Component = require('./Component.js');
 
 

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

@@ -1,4 +1,4 @@
-/* hash: 1jn2v */
+/* hash: 7i77u */
 :root {
 
     /* Hard */
@@ -24,12 +24,12 @@
 
     /* optgroup */
 }
-.select__component_p7gkg {
+.select__component_uv809 {
     width: max-content;
     position: relative;
     outline: 0;
 }
-.select__popoverInner_p7gkg {
+.select__popoverInner_uv809 {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     box-shadow: none;
@@ -38,31 +38,31 @@
     border-radius: 0;
     position: relative;
 }
-.select__sheet_p7gkg {
+.select__sheet_uv809 {
     overflow: hidden;
 }
-.select__sheetContent_p7gkg {
+.select__sheetContent_uv809 {
     padding: 0;
 }
-.select__sheetContainer_p7gkg {
+.select__sheetContainer_uv809 {
     padding: 0;
 }
-.select__block_p7gkg {
+.select__block_uv809 {
     width: 100%;
 }
 /* width: max-content; fix for IE */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__component_p7gkg {
+    .select__component_uv809 {
         float: left;
         clear: left;
     }
 }
-.select__option_p7gkg {
+.select__option_uv809 {
     padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
 }
-.select__option_p7gkg:before {
+.select__option_uv809:before {
         display: none;
     }
-.select__optionGroup_p7gkg {
+.select__optionGroup_uv809 {
     padding: var(--gap-m) var(--gap-m) var(--gap-xs);
 }

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

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

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-c5796feb.js');
+require('../../tslib.es6-c35337da.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -12,12 +12,16 @@ require('@juggle/resize-observer');
 require('downshift');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
-require('../../Component-47b7b784.js');
+require('../../Component-ebc21ddc.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 require('@alfalab/core-components-form-control');
 require('../field/Component.js');
 require('../optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('./checkmark/Component.js');
 require('@alfalab/core-components-checkbox');
 require('../checkmark/Component.js');
 require('../option/Component.js');
@@ -27,13 +31,14 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('@alfalab/core-components-button');
-var presets_useSelectWithApply_hook = require('../../Component-6d167ee5.js');
-require('./checkmark/Component.js');
+var presets_useSelectWithApply_hook = require('../../Component-bfb28123.js');
+require('../base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal');
 require('./options-list/Component.js');
 require('react-virtual');
+require('../base-option/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-a8302d8a.js');
+require('../../intersection-observer-59773a48.js');
 
 
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-c5796feb.js');
+var tslib_es6 = require('../../../tslib.es6-c35337da.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('../../../utils.js');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"optionsList":"select__optionsList_gz5t9","emptyPlaceholder":"select__emptyPlaceholder_gz5t9","l":"select__l_gz5t9","xl":"select__xl_gz5t9","footer":"select__footer_gz5t9","footerButton":"select__footerButton_gz5t9","highlighted":"select__highlighted_gz5t9"};
+var styles = {"optionsList":"select__optionsList_1hmhb","emptyPlaceholder":"select__emptyPlaceholder_1hmhb","l":"select__l_1hmhb","xl":"select__xl_1hmhb","footer":"select__footer_1hmhb","footerButton":"select__footerButton_1hmhb","highlighted":"select__highlighted_1hmhb"};
 require('./index.css')
 
 var createCounter = function () {

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

@@ -1,4 +1,4 @@
-/* hash: 18qxf */
+/* hash: 10nls */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -32,20 +32,20 @@
     --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
     --select-mobile-footer-background-color: var(--color-light-bg-primary);
 }
-.select__optionsList_gz5t9 {
+.select__optionsList_1hmhb {
     width: 100%;
     outline: none;
     box-sizing: border-box;
 }
-.select__emptyPlaceholder_gz5t9 {
+.select__emptyPlaceholder_1hmhb {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__l_gz5t9 .select__emptyPlaceholder_gz5t9,
-.select__xl_gz5t9 .select__emptyPlaceholder_gz5t9 {
+.select__l_1hmhb .select__emptyPlaceholder_1hmhb,
+.select__xl_1hmhb .select__emptyPlaceholder_1hmhb {
     padding: var(--gap-xl) var(--gap-m);
 }
-.select__footer_gz5t9 {
+.select__footer_1hmhb {
     display: flex;
     justify-content: space-between;
     position: sticky;
@@ -53,13 +53,13 @@
     background-color: var(--color-light-bg-primary);
     bottom: 0
 }
-.select__footer_gz5t9 .select__footerButton_gz5t9:first-of-type {
+.select__footer_1hmhb .select__footerButton_1hmhb:first-of-type {
         margin-right: var(--gap-m);
     }
-.select__footerButton_gz5t9 {
+.select__footerButton_1hmhb {
     width: 50%;
 }
-.select__highlighted_gz5t9 {
+.select__highlighted_1hmhb {
     border-top: var(--select-mobile-footer-border-top);
     background-color: var(--select-mobile-footer-background-color);
 }

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

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

package/components/checkmark/Component.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
+var badge = require('@alfalab/core-components/badge');
+var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 var coreComponentsCheckbox = require('@alfalab/core-components-checkbox');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -11,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"checkmark":"select__checkmark_bgl8g","single":"select__single_bgl8g","selected":"select__selected_bgl8g","before":"select__before_bgl8g","multiple":"select__multiple_bgl8g","after":"select__after_bgl8g"};
+var styles = {"checkmark":"select__checkmark_ax3cq","single":"select__single_ax3cq","selected":"select__selected_ax3cq","before":"select__before_ax3cq","multiple":"select__multiple_ax3cq","after":"select__after_ax3cq","colorIcon":"select__colorIcon_ax3cq"};
 require('./index.css')
 
 var Checkmark = function (_a) {
@@ -24,7 +26,8 @@ var Checkmark = function (_a) {
         _b[styles.selected] = selected,
         _b));
     var handleCheckboxClick = React.useCallback(function (event) { return event.stopPropagation(); }, []);
-    return single ? (React__default['default'].createElement("span", { className: checkmarkClassNames })) : (React__default['default'].createElement(coreComponentsCheckbox.Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 'm', onClick: handleCheckboxClick }));
+    return single ? (React__default['default'].createElement("div", { className: checkmarkClassNames },
+        React__default['default'].createElement(badge.Badge, { className: styles.after, view: 'icon', size: 'm', iconColor: 'positive', content: React__default['default'].createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles.colorIcon }) }))) : (React__default['default'].createElement(coreComponentsCheckbox.Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 'm', onClick: handleCheckboxClick }));
 };
 
 exports.Checkmark = Checkmark;

package/components/checkmark/index.css

@@ -1,5 +1,6 @@
-/* hash: 1gk4k */
+/* hash: 1ong8 */
 :root {
+    --color-light-graphic-positive: #2fc26e;
     --color-light-graphic-primary: #0b1f35;
 }
 :root {
@@ -35,11 +36,11 @@
 
     /* optgroup */
 }
-.select__checkmark_bgl8g {
+.select__checkmark_ax3cq {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin);
 }
-.select__single_bgl8g {
+.select__single_ax3cq {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -50,15 +51,18 @@
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size)
 }
-.select__single_bgl8g.select__selected_bgl8g {
+.select__single_ax3cq.select__selected_ax3cq {
         opacity: 1;
     }
-.select__before_bgl8g {
+.select__before_ax3cq {
     display: var(--select-checkmark-before-display)
 }
-.select__before_bgl8g.select__multiple_bgl8g {
+.select__before_ax3cq.select__multiple_ax3cq {
         margin-right: var(--gap-s);
     }
-.select__after_bgl8g {
+.select__after_ax3cq {
     display: var(--select-checkmark-after-display);
 }
+.select__colorIcon_ax3cq {
+    color: var(--color-light-graphic-positive);
+}

package/components/checkmark/index.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/core-components-checkbox');
 var components_checkmark_Component = require('./Component.js');
 

package/components/field/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-c5796feb.js');
+var tslib_es6 = require('../../tslib.es6-c35337da.js');
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"select__component_lx92g","field":"select__field_lx92g","disabled":"select__disabled_lx92g","arrow":"select__arrow_lx92g","placeholder":"select__placeholder_lx92g","contentWrapper":"select__contentWrapper_lx92g","value":"select__value_lx92g","focusVisible":"select__focusVisible_lx92g"};
+var styles = {"component":"select__component_1kb1m","field":"select__field_1kb1m","disabled":"select__disabled_1kb1m","arrow":"select__arrow_1kb1m","placeholder":"select__placeholder_1kb1m","contentWrapper":"select__contentWrapper_1kb1m","value":"select__value_1kb1m","focusVisible":"select__focusVisible_1kb1m"};
 require('./index.css')
 
 var Field = function (_a) {

package/components/field/index.css

@@ -1,4 +1,4 @@
-/* hash: cmwfz */
+/* hash: kq83p */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -26,24 +26,24 @@
 
     /* optgroup */
 }
-.select__component_lx92g {
+.select__component_1kb1m {
     width: 100%;
     outline: none;
 }
-.select__field_lx92g:not(.select__disabled_lx92g) {
+.select__field_1kb1m:not(.select__disabled_1kb1m) {
     cursor: pointer
 }
-.select__field_lx92g:not(.select__disabled_lx92g):hover .select__arrow_lx92g {
+.select__field_1kb1m:not(.select__disabled_1kb1m):hover .select__arrow_1kb1m {
             opacity: var(--select-arrow-hover-opacity);
         }
-.select__disabled_lx92g {
+.select__disabled_1kb1m {
     cursor: var(--disabled-cursor);
 }
 /* TODO: Заюзать переменные из инпута */
-.select__placeholder_lx92g {
+.select__placeholder_1kb1m {
     color: var(--color-light-text-secondary);
 }
-.select__contentWrapper_lx92g {
+.select__contentWrapper_1kb1m {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -53,12 +53,12 @@
     overflow: hidden;
     width: 100%;
 }
-.select__value_lx92g {
+.select__value_1kb1m {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.select__focusVisible_lx92g {
+.select__focusVisible_1kb1m {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/components/field/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-c5796feb.js');
+require('../../tslib.es6-c35337da.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

package/components/index.d.ts

@@ -7,3 +7,4 @@ export * from "./optgroup/index";
 export * from "./option/index";
 export * from "./options-list/index";
 export * from "./virtual-options-list/index";
+export * from "./base-option/index";

package/components/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-c5796feb.js');
+require('../tslib.es6-c35337da.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -12,12 +12,16 @@ require('@juggle/resize-observer');
 require('downshift');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
-var components_baseSelect_Component = require('../Component-47b7b784.js');
+var components_baseSelect_Component = require('../Component-ebc21ddc.js');
 require('../utils.js');
 require('./native-select/Component.js');
 require('@alfalab/core-components-form-control');
 var components_field_Component = require('./field/Component.js');
 var components_optgroup_Component = require('./optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('./base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox');
 require('./checkmark/Component.js');
 var components_option_Component = require('./option/Component.js');
@@ -27,14 +31,15 @@ require('../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('@alfalab/core-components-button');
-var presets_useSelectWithApply_hook = require('../Component-6d167ee5.js');
-require('./base-select-mobile/checkmark/Component.js');
+var presets_useSelectWithApply_hook = require('../Component-bfb28123.js');
+require('./base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal');
 require('./base-select-mobile/options-list/Component.js');
 require('react-virtual');
 var components_virtualOptionsList_Component = require('./virtual-options-list/Component.js');
+var components_baseOption_Component = require('./base-option/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../intersection-observer-a8302d8a.js');
+require('../intersection-observer-59773a48.js');
 
 
 
@@ -47,3 +52,4 @@ exports.OptionsList = components_optionsList_Component.OptionsList;
 exports.SelectMobile = presets_useSelectWithApply_hook.SelectMobile;
 exports.SelectModalMobile = presets_useSelectWithApply_hook.SelectModalMobile;
 exports.VirtualOptionsList = components_virtualOptionsList_Component.VirtualOptionsList;
+exports.BaseOption = components_baseOption_Component.BaseOption;