@alfalab/core-components-input-autocomplete 12.1.20 → 12.3.0

package/autocomplete-field/Component.js

@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"arrow":"input-autocomplete__arrow_1t36b","error":"input-autocomplete__error_1t36b"};
+var styles = {"arrow":"input-autocomplete__arrow_k67bg","error":"input-autocomplete__error_k67bg"};
 require('./index.css')
 
 var AutocompleteField = function (_a) {

package/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 5fp30 */
-.input-autocomplete__arrow_1t36b.input-autocomplete__error_1t36b ~ * {
+/* hash: 14e11 */
+.input-autocomplete__arrow_k67bg.input-autocomplete__error_k67bg ~ * {
     display: none;
 }

package/autocomplete-mobile-field/Component.js

@@ -15,7 +15,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":"input-autocomplete__component_1exql","field":"input-autocomplete__field_1exql","disabled":"input-autocomplete__disabled_1exql","placeholder":"input-autocomplete__placeholder_1exql","contentWrapper":"input-autocomplete__contentWrapper_1exql","value":"input-autocomplete__value_1exql","focusVisible":"input-autocomplete__focusVisible_1exql"};
+var styles = {"component":"input-autocomplete__component_11wtv","field":"input-autocomplete__field_11wtv","disabled":"input-autocomplete__disabled_11wtv","placeholder":"input-autocomplete__placeholder_11wtv","contentWrapper":"input-autocomplete__contentWrapper_11wtv","value":"input-autocomplete__value_11wtv","focusVisible":"input-autocomplete__focusVisible_11wtv"};
 require('./index.css')
 
 var AutocompleteMobileField = function (_a) {

package/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: p28eb */
+/* hash: 1esoi */
 :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 */ /* 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 {
     --color-light-status-info: #2288fa;
@@ -22,16 +22,16 @@
 } :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_1exql {
+} .input-autocomplete__component_11wtv {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_1exql:not(.input-autocomplete__disabled_1exql) {
+} .input-autocomplete__field_11wtv:not(.input-autocomplete__disabled_11wtv) {
     cursor: pointer;
-} .input-autocomplete__disabled_1exql {
+} .input-autocomplete__disabled_11wtv {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_1exql {
+} .input-autocomplete__placeholder_11wtv {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_1exql {
+} .input-autocomplete__contentWrapper_11wtv {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -40,11 +40,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_1exql {
+} .input-autocomplete__value_11wtv {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_1exql {
+} .input-autocomplete__focusVisible_11wtv {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/esm/autocomplete-field/Component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { InputDesktop } from '@alfalab/core-components-input/esm/desktop';
 import { OnInputReason } from '../enums.js';
 
-var styles = {"arrow":"input-autocomplete__arrow_1t36b","error":"input-autocomplete__error_1t36b"};
+var styles = {"arrow":"input-autocomplete__arrow_k67bg","error":"input-autocomplete__error_k67bg"};
 require('./index.css')
 
 var AutocompleteField = function (_a) {

package/esm/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 5fp30 */
-.input-autocomplete__arrow_1t36b.input-autocomplete__error_1t36b ~ * {
+/* hash: 14e11 */
+.input-autocomplete__arrow_k67bg.input-autocomplete__error_k67bg ~ * {
     display: none;
 }

package/esm/autocomplete-mobile-field/Component.js

@@ -6,7 +6,7 @@ import { ClearButton } from '@alfalab/core-components-input/esm/shared';
 import { getDataTestId } from '@alfalab/core-components-shared/esm';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"input-autocomplete__component_1exql","field":"input-autocomplete__field_1exql","disabled":"input-autocomplete__disabled_1exql","placeholder":"input-autocomplete__placeholder_1exql","contentWrapper":"input-autocomplete__contentWrapper_1exql","value":"input-autocomplete__value_1exql","focusVisible":"input-autocomplete__focusVisible_1exql"};
+var styles = {"component":"input-autocomplete__component_11wtv","field":"input-autocomplete__field_11wtv","disabled":"input-autocomplete__disabled_11wtv","placeholder":"input-autocomplete__placeholder_11wtv","contentWrapper":"input-autocomplete__contentWrapper_11wtv","value":"input-autocomplete__value_11wtv","focusVisible":"input-autocomplete__focusVisible_11wtv"};
 require('./index.css')
 
 var AutocompleteMobileField = function (_a) {

package/esm/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: p28eb */
+/* hash: 1esoi */
 :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 */ /* 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 {
     --color-light-status-info: #2288fa;
@@ -22,16 +22,16 @@
 } :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_1exql {
+} .input-autocomplete__component_11wtv {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_1exql:not(.input-autocomplete__disabled_1exql) {
+} .input-autocomplete__field_11wtv:not(.input-autocomplete__disabled_11wtv) {
     cursor: pointer;
-} .input-autocomplete__disabled_1exql {
+} .input-autocomplete__disabled_11wtv {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_1exql {
+} .input-autocomplete__placeholder_11wtv {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_1exql {
+} .input-autocomplete__contentWrapper_11wtv {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -40,11 +40,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_1exql {
+} .input-autocomplete__value_11wtv {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_1exql {
+} .input-autocomplete__focusVisible_11wtv {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/esm/mobile/Component.mobile.js

@@ -9,7 +9,7 @@ import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.
 import { OnInputReason } from '../enums.js';
 import { searchFilterStub } from '../utils.js';
 
-var styles = {"input":"input-autocomplete__input_twn0g"};
+var styles = {"input":"input-autocomplete__input_3shyu"};
 require('./mobile.css')
 
 var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {

package/esm/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: mqdps */
+/* hash: 1w65r */
 :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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -18,6 +18,6 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} .input-autocomplete__input_twn0g {
+} .input-autocomplete__input_3shyu {
     width: auto;
 }

package/mobile/Component.mobile.js

@@ -20,7 +20,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
 
-var styles = {"input":"input-autocomplete__input_twn0g"};
+var styles = {"input":"input-autocomplete__input_3shyu"};
 require('./mobile.css')
 
 var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, ref) {

package/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: mqdps */
+/* hash: 1w65r */
 :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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -18,6 +18,6 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} .input-autocomplete__input_twn0g {
+} .input-autocomplete__input_3shyu {
     width: auto;
 }

package/modern/autocomplete-field/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { InputDesktop } from '@alfalab/core-components-input/modern/desktop';
 import { OnInputReason } from '../enums.js';
 
-const styles = {"arrow":"input-autocomplete__arrow_1t36b","error":"input-autocomplete__error_1t36b"};
+const styles = {"arrow":"input-autocomplete__arrow_k67bg","error":"input-autocomplete__error_k67bg"};
 require('./index.css')
 
 const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input = InputDesktop, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, dataTestId, }) => {

package/modern/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 5fp30 */
-.input-autocomplete__arrow_1t36b.input-autocomplete__error_1t36b ~ * {
+/* hash: 14e11 */
+.input-autocomplete__arrow_k67bg.input-autocomplete__error_k67bg ~ * {
     display: none;
 }

package/modern/autocomplete-mobile-field/Component.js

@@ -5,7 +5,7 @@ import { ClearButton } from '@alfalab/core-components-input/modern/shared';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"component":"input-autocomplete__component_1exql","field":"input-autocomplete__field_1exql","disabled":"input-autocomplete__disabled_1exql","placeholder":"input-autocomplete__placeholder_1exql","contentWrapper":"input-autocomplete__contentWrapper_1exql","value":"input-autocomplete__value_1exql","focusVisible":"input-autocomplete__focusVisible_1exql"};
+const styles = {"component":"input-autocomplete__component_11wtv","field":"input-autocomplete__field_11wtv","disabled":"input-autocomplete__disabled_11wtv","placeholder":"input-autocomplete__placeholder_11wtv","contentWrapper":"input-autocomplete__contentWrapper_11wtv","value":"input-autocomplete__value_11wtv","focusVisible":"input-autocomplete__focusVisible_11wtv"};
 require('./index.css')
 
 const AutocompleteMobileField = ({ size = 56, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView = 'inner', placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, rightAddons, error, readOnly, clear, onClear, onInput, colors = 'default', ...restProps }) => {

package/modern/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: p28eb */
+/* hash: 1esoi */
 :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 */ /* 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 {
     --color-light-status-info: #2288fa;
@@ -22,16 +22,16 @@
 } :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_1exql {
+} .input-autocomplete__component_11wtv {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_1exql:not(.input-autocomplete__disabled_1exql) {
+} .input-autocomplete__field_11wtv:not(.input-autocomplete__disabled_11wtv) {
     cursor: pointer;
-} .input-autocomplete__disabled_1exql {
+} .input-autocomplete__disabled_11wtv {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_1exql {
+} .input-autocomplete__placeholder_11wtv {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_1exql {
+} .input-autocomplete__contentWrapper_11wtv {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -40,11 +40,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_1exql {
+} .input-autocomplete__value_11wtv {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_1exql {
+} .input-autocomplete__focusVisible_11wtv {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/mobile/Component.mobile.js

@@ -8,7 +8,7 @@ import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.
 import { OnInputReason } from '../enums.js';
 import { searchFilterStub } from '../utils.js';
 
-const styles = {"input":"input-autocomplete__input_twn0g"};
+const styles = {"input":"input-autocomplete__input_3shyu"};
 require('./mobile.css')
 
 const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow = null, label, placeholder = '', size = 48, open: openProp, onInput, onOpen, multiple, inputProps, isBottomSheet = true, dataTestId, transitionProps, onCancel, onApply, title, ...restProps }, ref) => {

package/modern/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: mqdps */
+/* hash: 1w65r */
 :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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -18,6 +18,6 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} .input-autocomplete__input_twn0g {
+} .input-autocomplete__input_3shyu {
     width: auto;
 }

package/moderncssm/Component.responsive.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { InputAutocompleteProps } from "./types";
+declare const InputAutocomplete: React.ForwardRefExoticComponent<InputAutocompleteProps & React.RefAttributes<HTMLDivElement | HTMLInputElement>>;
+export { InputAutocomplete };

package/moderncssm/Component.responsive.js

@@ -0,0 +1,13 @@
+import React, { forwardRef } from 'react';
+import { useMatchMedia } from '@alfalab/core-components-mq/moderncssm';
+import { InputAutocompleteDesktop } from './desktop/Component.desktop.js';
+import { InputAutocompleteMobile } from './mobile/Component.mobile.js';
+import './mobile/Component.modal.mobile.js';
+
+const InputAutocomplete = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue = true, mobileProps, ...restProps }, ref) => {
+    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
+    return isDesktop ? (React.createElement(InputAutocompleteDesktop, { ...restProps, ref: ref })) : (React.createElement(InputAutocompleteMobile, { ...restProps, ...mobileProps, ref: ref }));
+});
+InputAutocomplete.displayName = 'InputAutocomplete';
+
+export { InputAutocomplete };

package/moderncssm/autocomplete-field/Component.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import React from 'react';
+import { FieldProps } from "@alfalab/core-components-select/shared";
+import { InputAutocompleteCommonProps } from "../types";
+type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteCommonProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
+declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, dataTestId, }: AutocompleteFieldProps) => React.JSX.Element;
+export { AutocompleteFieldProps, AutocompleteField };

package/moderncssm/autocomplete-field/Component.js

@@ -0,0 +1,30 @@
+import React, { useRef, useCallback } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { InputDesktop } from '@alfalab/core-components-input/moderncssm/desktop';
+import { OnInputReason } from '../enums.js';
+import styles from './index.module.css';
+
+const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input = InputDesktop, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, dataTestId, }) => {
+    const inputRef = useRef(null);
+    const { onClick, onFocus } = innerProps;
+    const inputDisabled = disabled || readOnly;
+    const handleClick = useCallback((event) => {
+        if (onClick)
+            onClick(event);
+        if (inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, [onClick]);
+    const handleInput = (_, payload) => onInput?.(payload.value, OnInputReason.Change);
+    return (React.createElement(Input, { dataTestId: dataTestId, ...inputProps, ...innerProps, wrapperRef: mergeRefs([
+            innerProps.ref,
+            inputProps.wrapperRef,
+        ]), ref: mergeRefs([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, labelView: labelView, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: handleInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React.createElement(React.Fragment, null,
+            inputProps.rightAddons,
+            Arrow && (React.createElement("span", { className: cn(styles.arrow, {
+                    [styles.error]: error,
+                }) }, Arrow)))) }));
+};
+
+export { AutocompleteField };

package/moderncssm/autocomplete-field/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/moderncssm/autocomplete-field/index.js

@@ -0,0 +1 @@
+export { AutocompleteField } from './Component.js';

package/moderncssm/autocomplete-field/index.module.css

@@ -0,0 +1,3 @@
+.arrow.error ~ * {
+    display: none;
+}

package/moderncssm/autocomplete-mobile-field/Component.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import React from 'react';
+import { ElementType } from "react";
+import { FormControlMobileProps } from "@alfalab/core-components-form-control/mobile";
+import { FieldProps as BaseFieldProps } from "@alfalab/core-components-select/shared";
+type FieldProps = {
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: ElementType;
+};
+type AutocompleteMobileFieldProps = FormControlMobileProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & {
+    /**
+     * Значение поля ввода
+     */
+    value?: string;
+};
+declare const AutocompleteMobileField: ({ size, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView, placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, rightAddons, error, readOnly, clear, onClear, onInput, colors, ...restProps }: AutocompleteMobileFieldProps & FieldProps) => React.JSX.Element;
+export { AutocompleteMobileFieldProps, AutocompleteMobileField };

package/moderncssm/autocomplete-mobile-field/Component.js

@@ -0,0 +1,32 @@
+import React, { useState, useRef } from 'react';
+import cn from 'classnames';
+import { FormControlMobile } from '@alfalab/core-components-form-control/moderncssm/mobile';
+import { ClearButton } from '@alfalab/core-components-input/moderncssm/shared';
+import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
+import { useFocus } from '@alfalab/hooks';
+import styles from './index.module.css';
+
+const AutocompleteMobileField = ({ size = 56, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView = 'inner', placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, rightAddons, error, readOnly, clear, onClear, onInput, colors = 'default', ...restProps }) => {
+    const [focused, setFocused] = useState(false);
+    const wrapperRef = useRef(null);
+    const [focusVisible] = useFocus(wrapperRef, 'keyboard');
+    const filled = Boolean(value);
+    const showPlaceholder = placeholder && !filled && labelView === 'outer';
+    const clearButtonVisible = clear && filled && !disabled && !readOnly;
+    const { tabIndex, ...restInnerProps } = innerProps;
+    return (React.createElement("div", { className: styles.component, ref: wrapperRef, onFocus: () => setFocused(true), onBlur: () => setFocused(false) },
+        React.createElement(FormControlMobile, { fieldClassName: cn(styles.field, fieldClassName, {
+                [styles.disabled]: disabled,
+                [styles.focusVisible]: focusVisible,
+            }), block: true, size: size, focused: focused, disabled: disabled, filled: filled, labelView: labelView, dataTestId: getDataTestId(dataTestId, 'form-control'), 
+            // downshift устанавливает фокус на таргет поле после выбора опции, не даем ему это сделать пока открыт список, иначе поле поиска будет терять фокус
+            tabIndex: open ? undefined : tabIndex, ...restProps, ...restInnerProps, readOnly: readOnly, colors: colors, error: error, rightAddons: (Arrow || rightAddons || clearButtonVisible) && (React.createElement(React.Fragment, null,
+                clearButtonVisible && (React.createElement(ClearButton, { onClick: onClear, disabled: disabled, colors: colors })),
+                rightAddons,
+                Arrow)) },
+            React.createElement("div", { className: styles.contentWrapper },
+                showPlaceholder && React.createElement("span", { className: styles.placeholder }, placeholder),
+                filled && React.createElement("div", { className: styles.value }, value)))));
+};
+
+export { AutocompleteMobileField };

package/moderncssm/autocomplete-mobile-field/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/moderncssm/autocomplete-mobile-field/index.js

@@ -0,0 +1 @@
+export { AutocompleteMobileField } from './Component.js';

package/moderncssm/autocomplete-mobile-field/index.module.css

@@ -0,0 +1,40 @@
+/* */
+
+.component {
+    width: 100%;
+    outline: none;
+}
+
+.field:not(.disabled) {
+    cursor: pointer;
+}
+
+.disabled {
+    cursor: var(--disabled-cursor);
+}
+
+.placeholder {
+    color: var(--color-light-text-secondary);
+}
+
+.contentWrapper {
+    font-size: 16px;
+    line-height: 20px;
+    font-weight: 400;
+
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    width: 100%;
+}
+
+.value {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-align: left;
+}
+
+.focusVisible {
+    outline: 2px solid var(--focus-color);
+    outline-offset: 2px;
+}

package/moderncssm/desktop/Component.desktop.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { InputAutocompleteCommonProps } from "../types";
+declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<InputAutocompleteCommonProps & React.RefAttributes<HTMLInputElement>>;
+export { InputAutocompleteDesktop };

package/moderncssm/desktop/Component.desktop.js

@@ -0,0 +1,16 @@
+import React, { forwardRef } from 'react';
+import { Popover } from '@alfalab/core-components-popover/moderncssm';
+import { BaseSelect, OptionsList, Optgroup, Option } from '@alfalab/core-components-select/moderncssm/shared';
+import { AutocompleteField } from '../autocomplete-field/Component.js';
+
+const InputAutocompleteDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, Input, inputProps = {}, onInput, value, success, readOnly, closeOnSelect = false, options, ...restProps }, ref) => (React.createElement(BaseSelect, { view: 'desktop', Popover: Popover, ref: ref, autocomplete: true, options: options, closeOnSelect: closeOnSelect, Option: Option$1, Field: AutocompleteField, Optgroup: Optgroup$1, OptionsList: OptionsList$1, ...restProps, fieldProps: {
+        ...restProps.fieldProps,
+        Input,
+        onInput,
+        value,
+        inputProps,
+        readOnly,
+        success,
+    } })));
+
+export { InputAutocompleteDesktop };

package/moderncssm/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export { InputAutocompleteDesktop } from "./Component.desktop";
+export type { InputAutocompleteCommonProps as InputAutocompleteDesktopProps } from "../types";

package/moderncssm/desktop/index.js

@@ -0,0 +1 @@
+export { InputAutocompleteDesktop } from './Component.desktop.js';

package/moderncssm/enums.d.ts

@@ -0,0 +1,5 @@
+declare enum OnInputReason {
+    Close = "close",
+    Change = "change"
+}
+export { OnInputReason };

package/moderncssm/enums.js

@@ -0,0 +1,7 @@
+var OnInputReason;
+(function (OnInputReason) {
+    OnInputReason["Close"] = "close";
+    OnInputReason["Change"] = "change";
+})(OnInputReason || (OnInputReason = {}));
+
+export { OnInputReason };

package/moderncssm/index.d.ts

@@ -0,0 +1,2 @@
+export { InputAutocomplete } from "./Component.responsive";
+export type { InputAutocompleteProps } from "./types";

package/moderncssm/index.js

@@ -0,0 +1 @@
+export { InputAutocomplete } from './Component.responsive.js';

package/moderncssm/mobile/Component.mobile.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+/// <reference types="react-transition-group" />
+import React from 'react';
+declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
+    isBottomSheet?: boolean | undefined;
+    transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
+    onApply?: (() => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    title?: string | undefined;
+} & React.RefAttributes<unknown>>;
+export { InputAutocompleteMobile };

package/moderncssm/mobile/Component.mobile.js

@@ -0,0 +1,91 @@
+import React, { useState, useRef, useMemo } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import throttle from 'lodash.throttle';
+import { SelectMobile, SelectModalMobile } from '@alfalab/core-components-select/moderncssm/mobile';
+import { Footer } from '@alfalab/core-components-select/moderncssm/shared';
+import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.js';
+import { OnInputReason } from '../enums.js';
+import { searchFilterStub } from '../utils.js';
+import styles from './mobile.module.css';
+
+const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow = null, label, placeholder = '', size = 48, open: openProp, onInput, onOpen, multiple, inputProps, isBottomSheet = true, dataTestId, transitionProps, onCancel, onApply, title, ...restProps }, ref) => {
+    const [open, setOpen] = useState(false);
+    const frozenValue = useRef('');
+    const searchInputRef = useRef(null);
+    const targetRef = useRef(null);
+    const restorePrevValue = () => onInput?.(frozenValue.current, OnInputReason.Close);
+    const setModalVisibility = (isOpen) => {
+        if (isOpen) {
+            frozenValue.current = value || '';
+        }
+        if (openProp === undefined) {
+            setOpen(isOpen);
+        }
+        onOpen?.({ open: isOpen, name });
+    };
+    const handleOpen = (payload) => {
+        setModalVisibility(Boolean(payload.open));
+    };
+    const handleOptionsListTouchMove = useMemo(() => throttle(() => {
+        const input = searchInputRef.current;
+        if (input && document.activeElement === input) {
+            input.blur();
+        }
+    }, 300), []);
+    const handleApply = () => {
+        setModalVisibility(false);
+        onApply?.();
+    };
+    const handleCancel = () => {
+        setModalVisibility(false);
+        restorePrevValue();
+        onCancel?.();
+    };
+    const handleExiting = (node) => {
+        targetRef.current?.focus();
+        transitionProps?.onExiting?.(node);
+    };
+    const isOpen = Boolean(open || openProp);
+    const Component = isBottomSheet ? SelectMobile : SelectModalMobile;
+    const componentProps = {
+        title: title || label || placeholder,
+        onClose: restorePrevValue,
+        transitionProps: {
+            ...transitionProps,
+            onExiting: handleExiting,
+        },
+        [isBottomSheet ? 'containerProps' : 'componentDivProps']: {
+            onTouchMove: handleOptionsListTouchMove,
+        },
+    };
+    const clear = inputProps?.clear ?? false;
+    return (React.createElement(Component, { Field: AutocompleteMobileField, ...restProps, ...(isBottomSheet
+            ? { bottomSheetProps: componentProps }
+            : {
+                modalProps: componentProps,
+                modalHeaderProps: { title },
+            }), dataTestId: dataTestId, useWithApplyHook: false, showSearch: true, searchProps: {
+            value,
+            filterFn: searchFilterStub,
+            componentProps: {
+                leftAddons: null,
+                placeholder,
+                ...inputProps,
+                className: cn(styles.input, inputProps?.className),
+                clear,
+                ref: mergeRefs([searchInputRef, inputProps?.ref]),
+                onChange: (_, payload) => onInput?.(payload.value, OnInputReason.Change),
+            },
+        }, Search: Input, ref: mergeRefs([targetRef, ref]), open: isOpen, onOpen: handleOpen, Arrow: Arrow, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, optionsListProps: {
+            footer: (React.createElement(Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })),
+            ...restProps.optionsListProps,
+        }, fieldProps: {
+            value: isOpen ? frozenValue.current : value,
+            clear,
+            onClear: clear ? inputProps?.onClear : undefined,
+            ...restProps.fieldProps,
+        } }));
+});
+
+export { InputAutocompleteMobile };

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+/// <reference types="react-transition-group" />
+import React from 'react';
+declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
+    isBottomSheet?: boolean | undefined;
+    transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
+    onApply?: (() => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    title?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { InputAutocompleteModalMobile };

package/moderncssm/mobile/Component.modal.mobile.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { InputAutocompleteMobile } from './Component.mobile.js';
+
+const InputAutocompleteModalMobile = React.forwardRef((props, ref) => React.createElement(InputAutocompleteMobile, { ...props, ref: ref, isBottomSheet: false }));
+
+export { InputAutocompleteModalMobile };

package/moderncssm/mobile/index.d.ts

@@ -0,0 +1,3 @@
+export { InputAutocompleteMobile } from "./Component.mobile";
+export { InputAutocompleteModalMobile } from "./Component.modal.mobile";
+export { InputAutocompleteMobileProps } from "../types";

package/moderncssm/mobile/index.js

@@ -0,0 +1,2 @@
+export { InputAutocompleteMobile } from './Component.mobile.js';
+export { InputAutocompleteModalMobile } from './Component.modal.mobile.js';

package/moderncssm/mobile/mobile.module.css

@@ -0,0 +1,5 @@
+/* */
+
+.input {
+    width: auto;
+}

package/moderncssm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds } from "../utils";

package/moderncssm/shared/index.js

@@ -0,0 +1 @@
+export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds } from '../utils.js';

package/moderncssm/types.d.ts

@@ -0,0 +1,70 @@
+import { ComponentType, RefAttributes } from 'react';
+import { InputProps } from "@alfalab/core-components-input";
+import { BaseSelectProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
+type OnInputTypeReason = 'close' | 'change';
+interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search' | 'valueRenderer'> {
+    /**
+     * Компонент ввода значения
+     */
+    Input?: ComponentType<InputProps & RefAttributes<HTMLInputElement>>;
+    /**
+     * Пропсы, которые будут прокинуты в инпут
+     */
+    inputProps?: InputProps & Record<string, unknown>;
+    /**
+     * Значение поля ввода
+     */
+    value?: string;
+    /**
+     * Поле доступно только для чтения
+     */
+    readOnly?: InputProps['readOnly'];
+    /**
+     * Отображение иконки успеха
+     */
+    success?: boolean;
+    /**
+     * Обработчик ввода
+     */
+    onInput?: (value: string, reason?: OnInputTypeReason) => void;
+}
+type MobileProps = {
+    /**
+     *  Открывать в bottom-sheet
+     */
+    isBottomSheet?: boolean;
+    /**
+     * Пропсы анимации контента (CSSTransition)
+     */
+    transitionProps?: NonNullable<BottomSheetSelectMobileProps['bottomSheetProps']>['transitionProps'];
+    /**
+     * Обработчик нажатия на кнопку «Продолжить» в BottomSheet или модальном окне
+     */
+    onApply?: () => void;
+    /**
+     * Обработчик нажатия на кнопку «Отмена» в BottomSheet или модальном окне
+     */
+    onCancel?: () => void;
+    /**
+     * Заголовок в модальном окне или шторке.
+     * Если не передан, то заголовок будет совпадать с label. Если не передан и label, то заголовок будет равен placeholder
+     */
+    title?: string;
+};
+type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
+interface InputAutocompleteProps extends InputAutocompleteCommonProps {
+    /**
+     *  Пропсы для мобильного компонента
+     */
+    mobileProps?: MobileProps;
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+}
+export { InputAutocompleteCommonProps, InputAutocompleteMobileProps, InputAutocompleteProps };

package/moderncssm/types.js

@@ -0,0 +1 @@
+

package/moderncssm/utils.d.ts

@@ -0,0 +1,40 @@
+declare function searchFilterStub(): boolean;
+declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
+    inputAutocomplete: string;
+    option: string;
+    optionsList: string;
+    field: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+};
+declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
+    inputAutocomplete: string;
+    option: string;
+    optionsList: string;
+    bottomSheet: string;
+    bottomSheetHeader: string;
+    bottomSheetContent: string;
+    modal: string;
+    modalHeader: string;
+    modalContent: string;
+    clearButton: string;
+    applyButton: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+    searchInput: string;
+    searchFormControl: string;
+    searchInner: string;
+    searchLeftAddons: string;
+    searchRightAddons: string;
+    searchError: string;
+    searchHint: string;
+};
+export { searchFilterStub, getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds };

package/moderncssm/utils.js

@@ -0,0 +1,49 @@
+import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
+
+function searchFilterStub() {
+    return true;
+}
+function getInputAutocompleteDesktopTestIds(dataTestId) {
+    return {
+        inputAutocomplete: dataTestId,
+        option: getDataTestId(dataTestId, 'option'),
+        optionsList: getDataTestId(dataTestId, 'options-list'),
+        field: getDataTestId(dataTestId, 'field'),
+        fieldInner: getDataTestId(dataTestId, 'field-form-control-inner'),
+        fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),
+        fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),
+    };
+}
+function getInputAutocompleteMobileTestIds(dataTestId) {
+    return {
+        inputAutocomplete: dataTestId,
+        option: getDataTestId(dataTestId, 'option'),
+        optionsList: getDataTestId(dataTestId, 'options-list'),
+        bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),
+        bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),
+        bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),
+        modal: getDataTestId(dataTestId, 'modal'),
+        modalHeader: getDataTestId(dataTestId, 'modal-header'),
+        modalContent: getDataTestId(dataTestId, 'modal-content'),
+        clearButton: getDataTestId(dataTestId, 'clear'),
+        applyButton: getDataTestId(dataTestId, 'apply'),
+        fieldInner: getDataTestId(dataTestId, 'field-form-control-inner'),
+        fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),
+        fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),
+        searchInput: getDataTestId(dataTestId, 'search'),
+        searchFormControl: getDataTestId(dataTestId, 'search-form-control'),
+        searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),
+        searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),
+        searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),
+        searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),
+        searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),
+    };
+}
+
+export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds, searchFilterStub };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-input-autocomplete",
-    "version": "12.1.20",
+    "version": "12.3.0",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -14,11 +14,11 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-form-control": "^12.2.8",
-        "@alfalab/core-components-input": "^15.0.5",
-        "@alfalab/core-components-popover": "^6.2.5",
-        "@alfalab/core-components-select": "^17.10.1",
-        "@alfalab/core-components-shared": "^0.12.0",
+        "@alfalab/core-components-form-control": "^12.4.0",
+        "@alfalab/core-components-input": "^15.1.1",
+        "@alfalab/core-components-popover": "^6.3.1",
+        "@alfalab/core-components-select": "^17.12.0",
+        "@alfalab/core-components-shared": "^0.12.1",
         "@alfalab/core-components-mq": "^4.3.0",
         "@alfalab/hooks": "^1.13.0",
         "classnames": "^2.3.1",
@@ -29,6 +29,6 @@
     "devDependencies": {
         "@types/lodash.throttle": "^4.1.7"
     },
-    "themesVersion": "13.0.2",
-    "varsVersion": "9.11.1"
+    "themesVersion": "13.2.0",
+    "varsVersion": "9.13.0"
 }

package/src/autocomplete-mobile-field/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .component {
     width: 100%;

package/src/mobile/mobile.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .input {
     width: auto;