@alfalab/core-components-select 18.0.0-snapshot-1ff3990 → 18.0.0

package/modern/components/field/index.css

@@ -10,22 +10,22 @@
     --input-focus-placeholder-color: var(--color-light-text-tertiary);
 } :root {
     --select-arrow-hover-opacity: 0.7;
-} .select__component_9p78z {
+} .select__component_16ssz {
     width: 100%;
     outline: none;
-} .select__field_9p78z:not(.select__disabled_9p78z) {
+} .select__field_16ssz:not(.select__disabled_16ssz) {
     cursor: pointer
-} .select__field_9p78z:not(.select__disabled_9p78z):hover .select__arrow_9p78z {
+} .select__field_16ssz:not(.select__disabled_16ssz):hover .select__arrow_16ssz {
             opacity: var(--select-arrow-hover-opacity);
-        } .select__disabled_9p78z {
+        } .select__disabled_16ssz {
     cursor: var(--disabled-cursor);
-} .select__placeholder_9p78z {
+} .select__placeholder_16ssz {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_9p78z 0.2s ease
-} .select__placeholder_9p78z.select__focused_9p78z {
+    animation: select__show-placeholder_16ssz 0.2s ease
+} .select__placeholder_16ssz.select__focused_16ssz {
         color: var(--input-focus-placeholder-color);
-    } .select__contentWrapper_9p78z {
+    } .select__contentWrapper_16ssz {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -34,22 +34,22 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%
-} .select__contentWrapper_9p78z.select__size-40_9p78z {
+} .select__contentWrapper_16ssz.select__size-40_16ssz {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .select__value_9p78z {
+    } .select__value_16ssz {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left
-} .select__value_9p78z.select__size-40_9p78z {
+} .select__value_16ssz.select__size-40_16ssz {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .select__focusVisible_9p78z {
+    } .select__focusVisible_16ssz {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} @keyframes select__show-placeholder_9p78z {
+} @keyframes select__show-placeholder_16ssz {
     from {
         opacity: 0;
     }

package/modern/components/field/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"select__component_9p78z","field":"select__field_9p78z","disabled":"select__disabled_9p78z","arrow":"select__arrow_9p78z","placeholder":"select__placeholder_9p78z","show-placeholder":"select__show-placeholder_9p78z","focused":"select__focused_9p78z","contentWrapper":"select__contentWrapper_9p78z","size-40":"select__size-40_9p78z","value":"select__value_9p78z","focusVisible":"select__focusVisible_9p78z"};
+const styles = {"component":"select__component_16ssz","field":"select__field_16ssz","disabled":"select__disabled_16ssz","arrow":"select__arrow_16ssz","placeholder":"select__placeholder_16ssz","show-placeholder":"select__show-placeholder_16ssz","focused":"select__focused_16ssz","contentWrapper":"select__contentWrapper_16ssz","size-40":"select__size-40_16ssz","value":"select__value_16ssz","focusVisible":"select__focusVisible_16ssz"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/footer/index.css

@@ -4,17 +4,17 @@
 } :root {
     --gap-m: 16px;
     --gap-16: var(--gap-m);
-} .select__footer_ok4jc {
+} .select__footer_1grp0 {
     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_ok4jc .select__button_ok4jc:first-of-type {
+} .select__footer_1grp0 .select__button_1grp0:first-of-type {
         margin-right: var(--gap-16);
-    } .select__button_ok4jc {
+    } .select__button_1grp0 {
     width: 50%;
-} .select__highlighted_ok4jc {
+} .select__highlighted_1grp0 {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

package/modern/components/footer/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"select__footer_ok4jc","button":"select__button_ok4jc","highlighted":"select__highlighted_ok4jc"};
+const styles = {"footer":"select__footer_1grp0","button":"select__button_1grp0","highlighted":"select__highlighted_1grp0"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/optgroup/index.css

@@ -16,7 +16,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_1b6tt {
+} .select__optgroup_i8atm {
     position: relative;
     display: flex;
     align-items: center;
@@ -25,9 +25,9 @@
     box-sizing: border-box;
     background: var(--select-optgroup-background);
     min-height: 40px
-} .select__optgroup_1b6tt + *[role='option']:before {
+} .select__optgroup_i8atm + *[role='option']:before {
         display: none;
-    } .select__label_1b6tt {
+    } .select__label_i8atm {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -36,7 +36,7 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__size-72_1b6tt {
+} .select__size-72_i8atm {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

package/modern/components/optgroup/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"optgroup":"select__optgroup_1b6tt","label":"select__label_1b6tt","size-72":"select__size-72_1b6tt"};
+const styles = {"optgroup":"select__optgroup_i8atm","label":"select__label_i8atm","size-72":"select__size-72_i8atm"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/option/desktop/index.css

@@ -35,7 +35,7 @@
     --select-option-hover-color: var(--color-light-text-primary);
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
-} .select__option_117sy {
+} .select__option_1k901 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -50,10 +50,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-} .select__option_117sy:not(.select__disabled_117sy):active {
+} .select__option_1k901:not(.select__disabled_1k901):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_117sy:before {
+    } .select__option_1k901:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -63,47 +63,47 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_117sy:first-child:before {
+    } .select__option_1k901:first-child:before {
         display: none;
-    } .select__size-48_117sy {
+    } .select__size-48_1k901 {
     min-height: var(--size-s-height);
-} .select__size-56_117sy {
+} .select__size-56_1k901 {
     min-height: var(--size-m-height);
-} .select__size-64_117sy {
+} .select__size-64_1k901 {
     min-height: var(--size-l-height);
-} .select__size-72_117sy {
+} .select__size-72_1k901 {
     min-height: var(--size-xl-height);
-} .select__size-72_117sy {
+} .select__size-72_1k901 {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__size-72_117sy:before {
+} .select__size-72_1k901:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_117sy {
+    } .select__selected_1k901 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_117sy {
+} .select__highlighted_1k901 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_117sy:before,
-    .select__highlighted_117sy + .select__option_117sy:before {
+} .select__highlighted_1k901:before,
+    .select__highlighted_1k901 + .select__option_1k901:before {
         opacity: 0;
-    } .select__disabled_117sy {
+    } .select__disabled_1k901 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_117sy {
+} .select__content_1k901 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_117sy {
+} .select__textContent_1k901 {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
-} .select__highlighted_117sy {
+} .select__highlighted_1k901 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_117sy:before,
-    .select__highlighted_117sy + .select__option_117sy:before {
+} .select__highlighted_1k901:before,
+    .select__highlighted_1k901 + .select__option_1k901:before {
         opacity: 0;
     }

package/modern/components/option/desktop/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"option":"select__option_117sy","disabled":"select__disabled_117sy","size-48":"select__size-48_117sy","size-56":"select__size-56_117sy","size-64":"select__size-64_117sy","size-72":"select__size-72_117sy","selected":"select__selected_117sy","highlighted":"select__highlighted_117sy","content":"select__content_117sy","textContent":"select__textContent_117sy"};
+const styles = {"option":"select__option_1k901","disabled":"select__disabled_1k901","size-48":"select__size-48_1k901","size-56":"select__size-56_1k901","size-64":"select__size-64_1k901","size-72":"select__size-72_1k901","selected":"select__selected_1k901","highlighted":"select__highlighted_1k901","content":"select__content_1k901","textContent":"select__textContent_1k901"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/option/mobile/index.css

@@ -35,7 +35,7 @@
     --select-option-hover-color: var(--color-light-text-primary);
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
-} .select__option_1om3u {
+} .select__option_1t34o {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -50,10 +50,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-} .select__option_1om3u:not(.select__disabled_1om3u):active {
+} .select__option_1t34o:not(.select__disabled_1t34o):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_1om3u:before {
+    } .select__option_1t34o:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -63,41 +63,41 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_1om3u:first-child:before {
+    } .select__option_1t34o:first-child:before {
         display: none;
-    } .select__size-48_1om3u {
+    } .select__size-48_1t34o {
     min-height: var(--size-s-height);
-} .select__size-56_1om3u {
+} .select__size-56_1t34o {
     min-height: var(--size-m-height);
-} .select__size-64_1om3u {
+} .select__size-64_1t34o {
     min-height: var(--size-l-height);
-} .select__size-72_1om3u {
+} .select__size-72_1t34o {
     min-height: var(--size-xl-height);
-} .select__size-72_1om3u {
+} .select__size-72_1t34o {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__size-72_1om3u:before {
+} .select__size-72_1t34o:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_1om3u {
+    } .select__selected_1t34o {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_1om3u {
+} .select__highlighted_1t34o {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_1om3u:before,
-    .select__highlighted_1om3u + .select__option_1om3u:before {
+} .select__highlighted_1t34o:before,
+    .select__highlighted_1t34o + .select__option_1t34o:before {
         opacity: 0;
-    } .select__disabled_1om3u {
+    } .select__disabled_1t34o {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_1om3u {
+} .select__content_1t34o {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_1om3u {
+} .select__textContent_1t34o {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }

package/modern/components/option/mobile/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"option":"select__option_1om3u","disabled":"select__disabled_1om3u","size-48":"select__size-48_1om3u","size-56":"select__size-56_1om3u","size-64":"select__size-64_1om3u","size-72":"select__size-72_1om3u","selected":"select__selected_1om3u","highlighted":"select__highlighted_1om3u","content":"select__content_1om3u","textContent":"select__textContent_1om3u"};
+const styles = {"option":"select__option_1t34o","disabled":"select__disabled_1t34o","size-48":"select__size-48_1t34o","size-56":"select__size-56_1t34o","size-64":"select__size-64_1t34o","size-72":"select__size-72_1t34o","selected":"select__selected_1t34o","highlighted":"select__highlighted_1t34o","content":"select__content_1t34o","textContent":"select__textContent_1t34o"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -11,33 +11,33 @@
     --gap-24: var(--gap-xl);
 } :root {
     --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
-} .select__optionsList_13ek3 {
+} .select__optionsList_snno0 {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-} .select__optionsListHeader_13ek3 {
+} .select__optionsListHeader_snno0 {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease
-} .select__optionsListHeader_13ek3.select__headerHighlighted_13ek3 {
+} .select__optionsListHeader_snno0.select__headerHighlighted_snno0 {
         border-bottom-color: var(--color-light-neutral-300);
-    } .select__optionsListFooter_13ek3 {
+    } .select__optionsListFooter_snno0 {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease
-} .select__optionsListFooter_13ek3.select__withBorder_13ek3 {
+} .select__optionsListFooter_snno0.select__withBorder_snno0 {
         border-top-color: var(--color-light-neutral-300);
-    } .select__scrollable_13ek3 {
+    } .select__scrollable_snno0 {
     overflow: auto;
     width: 100%;
-} .select__mask_13ek3 {
+} .select__mask_snno0 {
     min-width: 4000px;
-} .select__emptyPlaceholder_13ek3 {
+} .select__emptyPlaceholder_snno0 {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__size-72_13ek3 .select__emptyPlaceholder_13ek3 {
+} .select__size-72_snno0 .select__emptyPlaceholder_snno0 {
     padding: var(--gap-24) var(--gap-16);
 }

package/modern/components/options-list/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"optionsList":"select__optionsList_13ek3","optionsListHeader":"select__optionsListHeader_13ek3","headerHighlighted":"select__headerHighlighted_13ek3","optionsListFooter":"select__optionsListFooter_13ek3","withBorder":"select__withBorder_13ek3","scrollable":"select__scrollable_13ek3","mask":"select__mask_13ek3","emptyPlaceholder":"select__emptyPlaceholder_13ek3","size-72":"select__size-72_13ek3"};
+const styles = {"optionsList":"select__optionsList_snno0","optionsListHeader":"select__optionsListHeader_snno0","headerHighlighted":"select__headerHighlighted_snno0","optionsListFooter":"select__optionsListFooter_snno0","withBorder":"select__withBorder_snno0","scrollable":"select__scrollable_snno0","mask":"select__mask_snno0","emptyPlaceholder":"select__emptyPlaceholder_snno0","size-72":"select__size-72_snno0"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/search/index.css

@@ -1,3 +1,3 @@
-.select__component_ys561.select__component_ys561 {
+.select__component_1jd4r.select__component_1jd4r {
     width: auto;
 }

package/modern/components/search/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"select__component_ys561"};
+const styles = {"component":"select__component_1jd4r"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -17,35 +17,35 @@
 
     --select-option-left-padding: var(--gap-12);
     --select-option-right-padding: var(--gap-12);
-} .select__virtualOptionsList_rusek {
+} .select__virtualOptionsList_1raxl {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
-} .select__virtualOptionsListHeader_rusek {
+} .select__virtualOptionsListHeader_1raxl {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .select__virtualOptionsListFooter_rusek {
+} .select__virtualOptionsListFooter_1raxl {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__virtualOptionsListFooter_rusek.select__withBorder_rusek {
+} .select__virtualOptionsListFooter_1raxl.select__withBorder_1raxl {
         border-top: 1px solid var(--color-light-neutral-300);
-    } .select__scrollable_rusek {
+    } .select__scrollable_1raxl {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_rusek {
+} .select__inner_1raxl {
     position: relative;
     width: 100%;
-} .select__virtualRow_rusek {
+} .select__virtualRow_1raxl {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
     width: 100%
-} .select__virtualRow_rusek:before {
+} .select__virtualRow_1raxl:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -55,15 +55,15 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_rusek:first-child:before {
+    } .select__virtualRow_1raxl:first-child:before {
         display: none;
-    } .select__highlighted_rusek:before,
-    .select__highlighted_rusek + .select__virtualRow_rusek:before {
+    } .select__highlighted_1raxl:before,
+    .select__highlighted_1raxl + .select__virtualRow_1raxl:before {
         display: none;
-    } .select__emptyPlaceholder_rusek {
+    } .select__emptyPlaceholder_1raxl {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
-} .select__size-72_rusek .select__emptyPlaceholder_rusek {
+} .select__size-72_1raxl .select__emptyPlaceholder_1raxl {
     padding: var(--gap-24) var(--gap-16);
 }

package/modern/components/virtual-options-list/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"virtualOptionsList":"select__virtualOptionsList_rusek","virtualOptionsListHeader":"select__virtualOptionsListHeader_rusek","virtualOptionsListFooter":"select__virtualOptionsListFooter_rusek","withBorder":"select__withBorder_rusek","scrollable":"select__scrollable_rusek","inner":"select__inner_rusek","virtualRow":"select__virtualRow_rusek","highlighted":"select__highlighted_rusek","emptyPlaceholder":"select__emptyPlaceholder_rusek","size-72":"select__size-72_rusek"};
+const styles = {"virtualOptionsList":"select__virtualOptionsList_1raxl","virtualOptionsListHeader":"select__virtualOptionsListHeader_1raxl","virtualOptionsListFooter":"select__virtualOptionsListFooter_1raxl","withBorder":"select__withBorder_1raxl","scrollable":"select__scrollable_1raxl","inner":"select__inner_1raxl","virtualRow":"select__virtualRow_1raxl","highlighted":"select__highlighted_1raxl","emptyPlaceholder":"select__emptyPlaceholder_1raxl","size-72":"select__size-72_1raxl"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/mobile/Component.mobile.js

@@ -57,6 +57,7 @@ const SelectMobile = forwardRef(({ autocomplete = false, multiple = false, allow
             : {
                 bottomSheetProps: {
                     bottomAddons,
+                    showSwipeMarker: false,
                     ...restProps.bottomSheetProps,
                 },
             }), ...(useWithApplyHook && applyProps) }));

package/modern/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { BottomSheet } from '@alfalab/core-components-bottom-sheet';\nimport { FormControlMobile } from '@alfalab/core-components-form-control/mobile';\nimport { ModalMobile } from '@alfalab/core-components-modal/mobile';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field as DefaultField } from '../components/field';\nimport { Footer } from '../components/footer';\nimport { Optgroup as DefaultOptgroup } from '../components/optgroup';\nimport { Option as DefaultOption } from '../components/option';\nimport { OptionsList as DefaultOptionsList } from '../components/options-list';\nimport { Search as DefaultSearch } from '../components/search';\nimport { VirtualOptionsList as DefaultVirtualOptionsList } from '../components/virtual-options-list';\nimport { useSelectWithApply } from '../presets/useSelectWithApply/hook';\nimport { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component';\nimport { AnyObject, OptionShape, SelectMobileProps } from '../typings';\n\nconst VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;\n\nexport const SelectMobile = forwardRef(\n    (\n        {\n            autocomplete = false,\n            multiple = false,\n            allowUnselect = false,\n            disabled = false,\n            closeOnSelect = !multiple,\n            circularNavigation = false,\n            defaultOpen = false,\n            open: openProp,\n            size = 56,\n            optionsSize = 56,\n            fieldProps = {},\n            optionProps = {},\n            optionsListProps = {},\n            Arrow = DefaultArrow,\n            Field = DefaultField,\n            Optgroup = DefaultOptgroup,\n            Option = DefaultOption,\n            Search = DefaultSearch,\n            selected,\n            options,\n            OptionsList = options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD\n                ? DefaultVirtualOptionsList\n                : DefaultOptionsList,\n            onChange,\n            showClear = true,\n            showSelectAll,\n            showHeaderWithSelectAll,\n            useWithApplyHook = multiple,\n            showSearch,\n            searchProps,\n            ...restProps\n        }: SelectMobileProps,\n        ref,\n    ) => {\n        const applyProps = useSelectWithApply({\n            optionsListProps: {\n                ...(optionsListProps as AnyObject),\n                Footer,\n            },\n            OptionsList,\n            showSearch,\n            searchProps,\n            selected,\n            options,\n            onChange,\n            showClear,\n            showSelectAll,\n        });\n\n        const bottomAddons = (flatOptions: OptionShape[]) =>\n            flatOptions.length > 0 &&\n            useWithApplyHook &&\n            showHeaderWithSelectAll && (\n                <Header {...applyProps.optionsListProps.headerProps} mobile={true} />\n            );\n\n        return (\n            <BaseSelect\n                ref={ref}\n                view='mobile'\n                autocomplete={autocomplete}\n                multiple={multiple}\n                allowUnselect={allowUnselect}\n                disabled={disabled}\n                closeOnSelect={closeOnSelect}\n                circularNavigation={circularNavigation}\n                defaultOpen={defaultOpen}\n                open={openProp}\n                size={size}\n                optionsSize={optionsSize}\n                fieldProps={{\n                    FormControlComponent: FormControlMobile,\n                    ...(fieldProps as object),\n                }}\n                optionProps={optionProps}\n                Arrow={Arrow}\n                Field={Field}\n                Optgroup={Optgroup}\n                Option={Option}\n                Search={Search}\n                options={options}\n                selected={selected}\n                onChange={onChange}\n                OptionsList={OptionsList}\n                showSearch={showSearch}\n                searchProps={searchProps}\n                BottomSheet={BottomSheet}\n                ModalMobile={ModalMobile}\n                optionsListProps={optionsListProps}\n                {...restProps}\n                {...(restProps.isBottomSheet === false\n                    ? {\n                          modalHeaderProps: {\n                              bottomAddons,\n                              ...restProps.modalHeaderProps,\n                          },\n                      }\n                    : {\n                          bottomSheetProps: {\n                              bottomAddons,\n                              ...restProps.bottomSheetProps,\n                          },\n                      })}\n                {...(useWithApplyHook && applyProps)}\n            />\n        );\n    },\n);\n"],"names":["Arrow","DefaultArrow","Field","DefaultField","Optgroup","DefaultOptgroup","DefaultOption","Search","DefaultSearch","OptionsList","DefaultVirtualOptionsList","DefaultOptionsList"],"mappings":"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"}
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { BottomSheet } from '@alfalab/core-components-bottom-sheet';\nimport { FormControlMobile } from '@alfalab/core-components-form-control/mobile';\nimport { ModalMobile } from '@alfalab/core-components-modal/mobile';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field as DefaultField } from '../components/field';\nimport { Footer } from '../components/footer';\nimport { Optgroup as DefaultOptgroup } from '../components/optgroup';\nimport { Option as DefaultOption } from '../components/option';\nimport { OptionsList as DefaultOptionsList } from '../components/options-list';\nimport { Search as DefaultSearch } from '../components/search';\nimport { VirtualOptionsList as DefaultVirtualOptionsList } from '../components/virtual-options-list';\nimport { useSelectWithApply } from '../presets/useSelectWithApply/hook';\nimport { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component';\nimport { AnyObject, OptionShape, SelectMobileProps } from '../typings';\n\nconst VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;\n\nexport const SelectMobile = forwardRef(\n    (\n        {\n            autocomplete = false,\n            multiple = false,\n            allowUnselect = false,\n            disabled = false,\n            closeOnSelect = !multiple,\n            circularNavigation = false,\n            defaultOpen = false,\n            open: openProp,\n            size = 56,\n            optionsSize = 56,\n            fieldProps = {},\n            optionProps = {},\n            optionsListProps = {},\n            Arrow = DefaultArrow,\n            Field = DefaultField,\n            Optgroup = DefaultOptgroup,\n            Option = DefaultOption,\n            Search = DefaultSearch,\n            selected,\n            options,\n            OptionsList = options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD\n                ? DefaultVirtualOptionsList\n                : DefaultOptionsList,\n            onChange,\n            showClear = true,\n            showSelectAll,\n            showHeaderWithSelectAll,\n            useWithApplyHook = multiple,\n            showSearch,\n            searchProps,\n            ...restProps\n        }: SelectMobileProps,\n        ref,\n    ) => {\n        const applyProps = useSelectWithApply({\n            optionsListProps: {\n                ...(optionsListProps as AnyObject),\n                Footer,\n            },\n            OptionsList,\n            showSearch,\n            searchProps,\n            selected,\n            options,\n            onChange,\n            showClear,\n            showSelectAll,\n        });\n\n        const bottomAddons = (flatOptions: OptionShape[]) =>\n            flatOptions.length > 0 &&\n            useWithApplyHook &&\n            showHeaderWithSelectAll && (\n                <Header {...applyProps.optionsListProps.headerProps} mobile={true} />\n            );\n\n        return (\n            <BaseSelect\n                ref={ref}\n                view='mobile'\n                autocomplete={autocomplete}\n                multiple={multiple}\n                allowUnselect={allowUnselect}\n                disabled={disabled}\n                closeOnSelect={closeOnSelect}\n                circularNavigation={circularNavigation}\n                defaultOpen={defaultOpen}\n                open={openProp}\n                size={size}\n                optionsSize={optionsSize}\n                fieldProps={{\n                    FormControlComponent: FormControlMobile,\n                    ...(fieldProps as object),\n                }}\n                optionProps={optionProps}\n                Arrow={Arrow}\n                Field={Field}\n                Optgroup={Optgroup}\n                Option={Option}\n                Search={Search}\n                options={options}\n                selected={selected}\n                onChange={onChange}\n                OptionsList={OptionsList}\n                showSearch={showSearch}\n                searchProps={searchProps}\n                BottomSheet={BottomSheet}\n                ModalMobile={ModalMobile}\n                optionsListProps={optionsListProps}\n                {...restProps}\n                {...(restProps.isBottomSheet === false\n                    ? {\n                          modalHeaderProps: {\n                              bottomAddons,\n                              ...restProps.modalHeaderProps,\n                          },\n                      }\n                    : {\n                          bottomSheetProps: {\n                              bottomAddons,\n                              showSwipeMarker: false,\n                              ...restProps.bottomSheetProps,\n                          },\n                      })}\n                {...(useWithApplyHook && applyProps)}\n            />\n        );\n    },\n);\n"],"names":["Arrow","DefaultArrow","Field","DefaultField","Optgroup","DefaultOptgroup","DefaultOption","Search","DefaultSearch","OptionsList","DefaultVirtualOptionsList","DefaultOptionsList"],"mappings":"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"}

package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css

@@ -9,12 +9,12 @@
     --gap-16: var(--gap-m);
 } :root {
     --select-option-list-footer-button-gap: var(--gap-8);
-} .select__footer_u1jh0 {
+} .select__footer_1czsk {
     background-color: var(--color-light-base-bg-primary);
     padding: var(--gap-12);
     outline: none
-} .select__footer_u1jh0.select__size-72_u1jh0 {
+} .select__footer_1czsk.select__size-72_1czsk {
         padding: var(--gap-12) var(--gap-16);
-    } .select__footer_u1jh0 > .select__button_u1jh0 + .select__button_u1jh0 {
+    } .select__footer_1czsk > .select__button_1czsk + .select__button_1czsk {
         margin-left: var(--select-option-list-footer-button-gap);
     }

package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"select__footer_u1jh0","size-72":"select__size-72_u1jh0","button":"select__button_u1jh0"};
+const styles = {"footer":"select__footer_1czsk","size-72":"select__size-72_1czsk","button":"select__button_1czsk"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css

@@ -5,10 +5,10 @@
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
-} .select__desktop_1y07l {
+} .select__desktop_1alp5 {
     padding: var(--gap-12)
-} .select__desktop_1y07l.select__size-72_1y07l {
+} .select__desktop_1alp5.select__size-72_1alp5 {
         padding-left: var(--gap-16);
-    } .select__mobile_1y07l {
+    } .select__mobile_1alp5 {
     padding: var(--gap-12) var(--gap-8);
 }

package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"desktop":"select__desktop_1y07l","size-72":"select__size-72_1y07l","mobile":"select__mobile_1y07l"};
+const styles = {"desktop":"select__desktop_1alp5","size-72":"select__size-72_1alp5","mobile":"select__mobile_1alp5"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/presets/useSelectWithLoading/index.css

@@ -1,4 +1,4 @@
-.select__skeleton_1xfi0 {
+.select__skeleton_2jzfz {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/modern/presets/useSelectWithLoading/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"skeleton":"select__skeleton_1xfi0"};
+const styles = {"skeleton":"select__skeleton_2jzfz"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -297,7 +297,7 @@ const BaseSelect = forwardRef(
             const optionsListMinWidth = rootRef.current
                 ? rootRef.current.getBoundingClientRect().width
                 : 0;
-            listRef.current.setAttribute('style', '');
+            listRef.current.removeAttribute('style');
             listRef.current.style[widthAttr] = `${optionsListMinWidth}px`;
         }
     }, [view, optionsListWidth]);