@alfalab/core-components 47.24.0 → 47.24.1

package/select/components/footer/index.css

@@ -31,17 +31,17 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_rj6xy {
+} .select__footer_pgxee {
     display: flex;
     box-sizing: border-box;
     width: 100%;
     padding: var(--gap-16) var(--gap-16);
     background-color: var(--color-light-modal-bg-primary)
-} .select__footer_rj6xy .select__button_rj6xy:first-of-type {
+} .select__footer_pgxee .select__button_pgxee:first-of-type {
         margin-right: var(--gap-16);
-    } .select__button_rj6xy {
+    } .select__button_pgxee {
     width: 50%;
-} .select__highlighted_rj6xy {
+} .select__highlighted_pgxee {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

package/select/components/optgroup/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"optgroup":"select__optgroup_1c88o","label":"select__label_1c88o","size-64":"select__size-64_1c88o","size-72":"select__size-72_1c88o"};
+var styles = {"optgroup":"select__optgroup_cbn3e","label":"select__label_cbn3e","size-64":"select__size-64_cbn3e","size-72":"select__size-72_cbn3e"};
 require('./index.css');
 
 var Optgroup = function (_a) {

package/select/components/optgroup/index.css

@@ -42,7 +42,7 @@
     --select-optgroup-right-padding: var(--gap-12);
     --select-optgroup-l-left-padding: var(--gap-16);
     --select-optgroup-l-right-padding: var(--gap-16);
-} .select__optgroup_1c88o {
+} .select__optgroup_cbn3e {
     position: relative;
     display: flex;
     align-items: center;
@@ -51,9 +51,9 @@
     box-sizing: border-box;
     background: var(--select-optgroup-background);
     min-height: 40px
-} .select__optgroup_1c88o + *[role='option']:before {
+} .select__optgroup_cbn3e + *[role='option']:before {
         display: none;
-    } .select__label_1c88o {
+    } .select__label_cbn3e {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -62,8 +62,8 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__size-64_1c88o,
-.select__size-72_1c88o {
+} .select__size-64_cbn3e,
+.select__size-72_cbn3e {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

package/select/components/option/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"option":"select__option_o0h5w","disabled":"select__disabled_o0h5w","size-48":"select__size-48_o0h5w","size-56":"select__size-56_o0h5w","size-64":"select__size-64_o0h5w","size-72":"select__size-72_o0h5w","selected":"select__selected_o0h5w","highlighted":"select__highlighted_o0h5w","content":"select__content_o0h5w","textContent":"select__textContent_o0h5w"};
+var styles = {"option":"select__option_sya2n","disabled":"select__disabled_sya2n","size-48":"select__size-48_sya2n","size-56":"select__size-56_sya2n","size-64":"select__size-64_sya2n","size-72":"select__size-72_sya2n","selected":"select__selected_sya2n","highlighted":"select__highlighted_sya2n","content":"select__content_sya2n","textContent":"select__textContent_sya2n"};
 require('./index.css');
 
 var Option = function (_a) {

package/select/components/option/index.css

@@ -60,7 +60,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_o0h5w {
+} .select__option_sya2n {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -75,10 +75,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-} .select__option_o0h5w:not(.select__disabled_o0h5w):active {
+} .select__option_sya2n:not(.select__disabled_sya2n):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_o0h5w:before {
+    } .select__option_sya2n:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -88,42 +88,42 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_o0h5w:first-child:before {
+    } .select__option_sya2n:first-child:before {
         display: none;
-    } .select__size-48_o0h5w {
+    } .select__size-48_sya2n {
     min-height: var(--size-s-height);
-} .select__size-56_o0h5w {
+} .select__size-56_sya2n {
     min-height: var(--size-m-height);
-} .select__size-64_o0h5w {
+} .select__size-64_sya2n {
     min-height: var(--size-l-height);
-} .select__size-72_o0h5w {
+} .select__size-72_sya2n {
     min-height: var(--size-xl-height);
-} .select__size-64_o0h5w,
-.select__size-72_o0h5w {
+} .select__size-64_sya2n,
+.select__size-72_sya2n {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__size-64_o0h5w:before, .select__size-72_o0h5w:before {
+} .select__size-64_sya2n:before, .select__size-72_sya2n:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_o0h5w {
+    } .select__selected_sya2n {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_o0h5w {
+} .select__highlighted_sya2n {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_o0h5w:before,
-    .select__highlighted_o0h5w + .select__option_o0h5w:before {
+} .select__highlighted_sya2n:before,
+    .select__highlighted_sya2n + .select__option_sya2n:before {
         opacity: 0;
-    } .select__disabled_o0h5w {
+    } .select__disabled_sya2n {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_o0h5w {
+} .select__content_sya2n {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_o0h5w {
+} .select__textContent_sya2n {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }

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

@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"optionsList":"select__optionsList_1r5ys","optionsListHeader":"select__optionsListHeader_1r5ys","headerHighlighted":"select__headerHighlighted_1r5ys","optionsListFooter":"select__optionsListFooter_1r5ys","withBorder":"select__withBorder_1r5ys","scrollable":"select__scrollable_1r5ys","-webkit-mask":"select__mask_1r5ys","mask":"select__mask_1r5ys","emptyPlaceholder":"select__emptyPlaceholder_1r5ys","size-64":"select__size-64_1r5ys","size-72":"select__size-72_1r5ys"};
+var styles = {"optionsList":"select__optionsList_e2xn0","optionsListHeader":"select__optionsListHeader_e2xn0","headerHighlighted":"select__headerHighlighted_e2xn0","optionsListFooter":"select__optionsListFooter_e2xn0","withBorder":"select__withBorder_e2xn0","scrollable":"select__scrollable_e2xn0","-webkit-mask":"select__mask_e2xn0","mask":"select__mask_e2xn0","emptyPlaceholder":"select__emptyPlaceholder_e2xn0","size-64":"select__size-64_e2xn0","size-72":"select__size-72_e2xn0"};
 require('./index.css');
 
 var createCounter = function () {
@@ -48,12 +48,16 @@ var OptionsList = React.forwardRef(function (_a, ref) {
     var scrollbarRef = React.useRef(null);
     var counter = createCounter();
     var renderGroup = function (group) {
-        var groupSelectedItems = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) {
-            return group.options.includes(item);
+        var groupSelectedItems = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (_a) {
+            var selectedItemKey = _a.key;
+            return group.options.some(function (option) { return option.key === selectedItemKey; });
         });
         var handleSelectedItems = function (items) {
             var _a;
-            setSelectedItems(((_a = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) { return !group.options.includes(item); })) !== null && _a !== void 0 ? _a : []).concat(items));
+            setSelectedItems(((_a = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (_a) {
+                var selectedItemKey = _a.key;
+                return !group.options.some(function (option) { return option.key === selectedItemKey; });
+            })) !== null && _a !== void 0 ? _a : []).concat(items));
         };
         return (React__default.default.createElement(Optgroup, tslib.__assign({ className: optionGroupClassName, label: group.label, key: group.label, size: size, options: group.options, selectedItems: groupSelectedItems, setSelectedItems: handleSelectedItems, search: search, multiple: multiple }, groupOptionProps), group.options.map(function (option) { return renderOption(option, counter()); })));
     };

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

@@ -37,34 +37,34 @@
     /* checkmark */
 
     /* optgroup */
-} .select__optionsList_1r5ys {
+} .select__optionsList_e2xn0 {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-} .select__optionsListHeader_1r5ys {
+} .select__optionsListHeader_e2xn0 {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease
-} .select__optionsListHeader_1r5ys.select__headerHighlighted_1r5ys {
+} .select__optionsListHeader_e2xn0.select__headerHighlighted_e2xn0 {
         border-bottom-color: var(--color-light-neutral-300);
-    } .select__optionsListFooter_1r5ys {
+    } .select__optionsListFooter_e2xn0 {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease
-} .select__optionsListFooter_1r5ys.select__withBorder_1r5ys {
+} .select__optionsListFooter_e2xn0.select__withBorder_e2xn0 {
         border-top-color: var(--color-light-neutral-300);
-    } .select__scrollable_1r5ys {
+    } .select__scrollable_e2xn0 {
     overflow: auto;
     width: 100%;
-} .select__mask_1r5ys {
+} .select__mask_e2xn0 {
     min-width: 4000px;
-} .select__emptyPlaceholder_1r5ys {
+} .select__emptyPlaceholder_e2xn0 {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__size-64_1r5ys .select__emptyPlaceholder_1r5ys,
-.select__size-72_1r5ys .select__emptyPlaceholder_1r5ys {
+} .select__size-64_e2xn0 .select__emptyPlaceholder_e2xn0,
+.select__size-72_e2xn0 .select__emptyPlaceholder_e2xn0 {
     padding: var(--gap-24) var(--gap-16);
 }

package/select/components/search/Component.js

@@ -11,7 +11,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_13iyo"};
+var styles = {"component":"select__component_101vs"};
 require('./index.css');
 
 var Search = React.forwardRef(function (_a, ref) {

package/select/components/search/index.css

@@ -27,6 +27,6 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_13iyo.select__component_13iyo {
+} .select__component_101vs.select__component_101vs {
     width: auto;
 }

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

@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_1w36f","virtualOptionsListHeader":"select__virtualOptionsListHeader_1w36f","virtualOptionsListFooter":"select__virtualOptionsListFooter_1w36f","withBorder":"select__withBorder_1w36f","scrollable":"select__scrollable_1w36f","inner":"select__inner_1w36f","virtualRow":"select__virtualRow_1w36f","highlighted":"select__highlighted_1w36f","emptyPlaceholder":"select__emptyPlaceholder_1w36f","size-64":"select__size-64_1w36f","size-72":"select__size-72_1w36f"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_1jiae","virtualOptionsListHeader":"select__virtualOptionsListHeader_1jiae","virtualOptionsListFooter":"select__virtualOptionsListFooter_1jiae","withBorder":"select__withBorder_1jiae","scrollable":"select__scrollable_1jiae","inner":"select__inner_1jiae","virtualRow":"select__virtualRow_1jiae","highlighted":"select__highlighted_1jiae","emptyPlaceholder":"select__emptyPlaceholder_1jiae","size-64":"select__size-64_1jiae","size-72":"select__size-72_1jiae"};
 require('./index.css');
 
 var VirtualOptionsList = React.forwardRef(function (_a, ref) {

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

@@ -43,35 +43,35 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_1w36f {
+} .select__virtualOptionsList_1jiae {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
-} .select__virtualOptionsListHeader_1w36f {
+} .select__virtualOptionsListHeader_1jiae {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .select__virtualOptionsListFooter_1w36f {
+} .select__virtualOptionsListFooter_1jiae {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__virtualOptionsListFooter_1w36f.select__withBorder_1w36f {
+} .select__virtualOptionsListFooter_1jiae.select__withBorder_1jiae {
         border-top: 1px solid var(--color-light-neutral-300);
-    } .select__scrollable_1w36f {
+    } .select__scrollable_1jiae {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_1w36f {
+} .select__inner_1jiae {
     position: relative;
     width: 100%;
-} .select__virtualRow_1w36f {
+} .select__virtualRow_1jiae {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
     width: 100%
-} .select__virtualRow_1w36f:before {
+} .select__virtualRow_1jiae:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -81,16 +81,16 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_1w36f:first-child:before {
+    } .select__virtualRow_1jiae:first-child:before {
         display: none;
-    } .select__highlighted_1w36f:before,
-    .select__highlighted_1w36f + .select__virtualRow_1w36f:before {
+    } .select__highlighted_1jiae:before,
+    .select__highlighted_1jiae + .select__virtualRow_1jiae:before {
         display: none;
-    } .select__emptyPlaceholder_1w36f {
+    } .select__emptyPlaceholder_1jiae {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
-} .select__size-64_1w36f .select__emptyPlaceholder_1w36f,
-.select__size-72_1w36f .select__emptyPlaceholder_1w36f {
+} .select__size-64_1jiae .select__emptyPlaceholder_1jiae,
+.select__size-72_1jiae .select__emptyPlaceholder_1jiae {
     padding: var(--gap-24) var(--gap-16);
 }

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

@@ -47,12 +47,16 @@ var OptionsList = React.forwardRef(function (_a, ref) {
     var scrollbarRef = React.useRef(null);
     var counter = createCounter();
     var renderGroup = function (group) {
-        var groupSelectedItems = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) {
-            return group.options.includes(item);
+        var groupSelectedItems = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (_a) {
+            var selectedItemKey = _a.key;
+            return group.options.some(function (option) { return option.key === selectedItemKey; });
         });
         var handleSelectedItems = function (items) {
             var _a;
-            setSelectedItems(((_a = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) { return !group.options.includes(item); })) !== null && _a !== void 0 ? _a : []).concat(items));
+            setSelectedItems(((_a = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (_a) {
+                var selectedItemKey = _a.key;
+                return !group.options.some(function (option) { return option.key === selectedItemKey; });
+            })) !== null && _a !== void 0 ? _a : []).concat(items));
         };
         return (React__default.default.createElement(Optgroup, tslib.__assign({ className: optionGroupClassName, label: group.label, key: group.label, size: size, options: group.options, selectedItems: groupSelectedItems, setSelectedItems: handleSelectedItems, search: search, multiple: multiple }, groupOptionProps), group.options.map(function (option) { return renderOption(option, counter()); })));
     };

package/select/esm/Component.responsive.js

@@ -19,12 +19,12 @@ import '@alfalab/hooks';
 import './utils.js';
 import './components/native-select/Component.js';
 import './components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import './list-popover-desktop-3d69c7bd.js';
+import './list-popover-desktop-bafc9490.js';
 import './components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import './components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import './components/base-select/components/list-mobile/list-mobile.js';
 import './components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import './mobile.module-42f85b0e.js';
+import './mobile.module-3a10018f.js';
 import './components/base-select/components/list-mobile/list-modal-mobile.js';
 import './components/field/Component.js';
 import './components/clear-button/Component.js';
@@ -52,7 +52,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-e3105d87.js';
+import './hook-5c62c301.js';
 import 'deep-equal';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';

package/select/esm/components/arrow/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 
-var styles = {"arrow":"select__arrow_kdbwa","open":"select__open_kdbwa"};
+var styles = {"arrow":"select__arrow_1ascm","open":"select__open_1ascm"};
 require('./index.css');
 
 var Arrow = function (_a) {

package/select/esm/components/arrow/index.css

@@ -30,13 +30,13 @@
     /* checkmark */
 
     /* optgroup */
-} .select__arrow_kdbwa {
+} .select__arrow_1ascm {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
-} .select__open_kdbwa {
+} .select__open_1ascm {
     transform: var(--arrow-transform);
 }

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Checkbox } from '../../../../checkbox/esm';
 import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-var styles = {"checkmark":"select__checkmark_u46nf","start":"select__start_u46nf","center":"select__center_u46nf","single":"select__single_u46nf","selected":"select__selected_u46nf"};
+var styles = {"checkmark":"select__checkmark_z1zk6","start":"select__start_z1zk6","center":"select__center_z1zk6","single":"select__single_z1zk6","selected":"select__selected_z1zk6"};
 require('./index.css');
 
 var BaseCheckmark = function (_a) {

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

@@ -27,18 +27,18 @@
     /* checkmark */
 
     /* optgroup */
-} .select__checkmark_u46nf {
+} .select__checkmark_z1zk6 {
     flex-shrink: 0;
     box-sizing: border-box
-} .select__checkmark_u46nf.select__start_u46nf {
+} .select__checkmark_z1zk6.select__start_z1zk6 {
         align-self: start;
-    } .select__checkmark_u46nf.select__center_u46nf {
+    } .select__checkmark_z1zk6.select__center_z1zk6 {
         align-self: center;
-    } .select__single_u46nf {
+    } .select__single_z1zk6 {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0
-} .select__single_u46nf.select__selected_u46nf {
+} .select__single_z1zk6.select__selected_z1zk6 {
         opacity: 1;
     }

package/select/esm/components/base-option/Component.js

@@ -5,7 +5,7 @@ import { BaseCheckmark } from '../base-checkmark/Component.js';
 import '../../../../checkbox/esm';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 
-var styles = {"option":"select__option_18xkv","disabled":"select__disabled_18xkv","checkmarkBefore":"select__checkmarkBefore_18xkv","mobile":"select__mobile_18xkv","checkmarkAfter":"select__checkmarkAfter_18xkv","textContent":"select__textContent_18xkv","selected":"select__selected_18xkv","highlighted":"select__highlighted_18xkv","checkmarkBeforeContent":"select__checkmarkBeforeContent_18xkv","checkmarkAfterContent":"select__checkmarkAfterContent_18xkv","content":"select__content_18xkv"};
+var styles = {"option":"select__option_wcouc","disabled":"select__disabled_wcouc","checkmarkBefore":"select__checkmarkBefore_wcouc","mobile":"select__mobile_wcouc","checkmarkAfter":"select__checkmarkAfter_wcouc","textContent":"select__textContent_wcouc","selected":"select__selected_wcouc","highlighted":"select__highlighted_wcouc","checkmarkBeforeContent":"select__checkmarkBeforeContent_wcouc","checkmarkAfterContent":"select__checkmarkAfterContent_wcouc","content":"select__content_wcouc"};
 require('./index.css');
 
 var BaseOption = function (_a) {

package/select/esm/components/base-option/index.css

@@ -51,7 +51,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_18xkv {
+} .select__option_wcouc {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -65,36 +65,36 @@
     position: relative;
     cursor: pointer;
     min-height: var(--size-s-height)
-} .select__option_18xkv:not(.select__disabled_18xkv):active {
+} .select__option_wcouc:not(.select__disabled_wcouc):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_18xkv.select__checkmarkBefore_18xkv {
+    } .select__option_wcouc.select__checkmarkBefore_wcouc {
         padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12)
-    } .select__option_18xkv.select__checkmarkBefore_18xkv.select__mobile_18xkv {
+    } .select__option_wcouc.select__checkmarkBefore_wcouc.select__mobile_wcouc {
             padding-left: var(--gap-16);
-        } .select__option_18xkv.select__checkmarkAfter_18xkv.select__checkmarkAfter_18xkv {
+        } .select__option_wcouc.select__checkmarkAfter_wcouc.select__checkmarkAfter_wcouc {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0)
-    } .select__option_18xkv.select__checkmarkAfter_18xkv.select__checkmarkAfter_18xkv.select__mobile_18xkv {
+    } .select__option_wcouc.select__checkmarkAfter_wcouc.select__checkmarkAfter_wcouc.select__mobile_wcouc {
             padding-right: var(--gap-20);
-        } .select__option_18xkv.select__textContent_18xkv {
+        } .select__option_wcouc.select__textContent_wcouc {
         padding: var(--gap-12)
-    } .select__option_18xkv.select__textContent_18xkv.select__mobile_18xkv {
+    } .select__option_wcouc.select__textContent_wcouc.select__mobile_wcouc {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
-        } .select__selected_18xkv {
+        } .select__selected_wcouc {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_18xkv {
+} .select__highlighted_wcouc {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_18xkv {
+} .select__disabled_wcouc {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__checkmarkBeforeContent_18xkv {
+} .select__checkmarkBeforeContent_wcouc {
     margin-right: var(--gap-12);
-} .select__checkmarkAfterContent_18xkv {
+} .select__checkmarkAfterContent_wcouc {
     margin-left: var(--gap-12);
-} .select__content_18xkv {
+} .select__content_wcouc {
     flex: 1;
 }

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

@@ -10,11 +10,11 @@ import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { defaultAccessor, defaultFilterFn, defaultGroupAccessor, processOptions, isGroup } from '../../utils.js';
 import { NativeSelect } from '../native-select/Component.js';
 import { getListPopoverDesktopProps } from './components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-3d69c7bd.js';
+import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-bafc9490.js';
 import { getListModalMobileProps } from './components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import { getListBottomSheetMobileProps } from './components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import { ListMobile } from './components/list-mobile/list-mobile.js';
-import { m as mobileStyles } from '../../mobile.module-42f85b0e.js';
+import { m as mobileStyles } from '../../mobile.module-3a10018f.js';
 import './components/list-mobile/list-bottom-sheet-mobile.js';
 import './components/list-mobile/list-modal-mobile.js';
 

package/select/esm/components/base-select/components/list-desktop/list-popover-desktop.js

@@ -1,4 +1,4 @@
 import 'tslib';
 import 'react';
 import 'classnames';
-export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-3d69c7bd.js';
+export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-bafc9490.js';

package/select/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js

@@ -1,7 +1,7 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { getDataTestId } from '../../../../../../shared/esm';
-import { m as mobileStyles } from '../../../../mobile.module-42f85b0e.js';
+import { m as mobileStyles } from '../../../../mobile.module-3a10018f.js';
 
 var ListBottomSheetMobile = function (props) {
     var BottomSheet = props.BottomSheet, dataTestId = props.dataTestId, open = props.open, label = props.label, placeholder = props.placeholder, footer = props.footer, swipeable = props.swipeable, showSearch = props.showSearch, bottomSheetProps = props.bottomSheetProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;

package/select/esm/components/base-select/components/list-mobile/list-mobile.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { ListBottomSheetMobile } from './list-bottom-sheet-mobile.js';
 import { ListModalMobile } from './list-modal-mobile.js';
 import '../../../../../../shared/esm';
-import '../../../../mobile.module-42f85b0e.js';
+import '../../../../mobile.module-3a10018f.js';
 import 'react-merge-refs';
 import 'classnames';
 

package/select/esm/components/base-select/components/list-mobile/list-modal-mobile.js

@@ -3,7 +3,7 @@ import React from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../../../shared/esm';
-import { m as mobileStyles } from '../../../../mobile.module-42f85b0e.js';
+import { m as mobileStyles } from '../../../../mobile.module-3a10018f.js';
 
 var ListModalMobile = function (props) {
     var ModalMobile = props.ModalMobile, dataTestId = props.dataTestId, open = props.open, modalProps = props.modalProps, modalHeaderProps = props.modalHeaderProps, modalFooterProps = props.modalFooterProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, label = props.label, placeholder = props.placeholder, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;

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

@@ -45,21 +45,21 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_1dv90 {
+} .select__component_rx63x {
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
-} .select__popoverInner_1dv90 {
+} .select__popoverInner_rx63x {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     background: transparent;
     border-radius: 0;
     position: relative;
-} .select__popoverInner_1dv90.select__popoverInner_1dv90 {
+} .select__popoverInner_rx63x.select__popoverInner_rx63x {
     box-shadow: none;
     border: none;
-} .select__optionsListWrapper_1dv90 {
+} .select__optionsListWrapper_rx63x {
     position: relative;
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
@@ -68,7 +68,7 @@
     background: var(--select-option-background);
     overflow: hidden;
     will-change: transform;
-} .select__optionsListBorder_1dv90 {
+} .select__optionsListBorder_rx63x {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -77,7 +77,7 @@
     box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);
     border-radius: inherit;
     pointer-events: none;
-} .select__nativeSelect_1dv90 {
+} .select__nativeSelect_rx63x {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -90,12 +90,12 @@
     height: 100%;
     cursor: pointer;
     z-index: 1;
-} .select__block_1dv90 {
+} .select__block_rx63x {
     width: 100%;
-} .select__emptySearchPlaceholder_1dv90 {
+} .select__emptySearchPlaceholder_rx63x {
     text-align: center;
-} .select__search_1dv90 {
+} .select__search_rx63x {
     margin: var(--gap-12) var(--gap-12) var(--gap-0)
-} .select__search_1dv90:last-child {
+} .select__search_rx63x:last-child {
         margin-bottom: var(--gap-12);
     }