@alfalab/core-components-select 18.0.1 → 18.1.0

package/Component.responsive.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { SelectProps } from './typings';
+import { type SelectProps } from './typings';
 export declare const SelectResponsive: React.ForwardRefExoticComponent<(SelectProps & {
     originalProps?: SelectProps | undefined;
 }) & React.RefAttributes<HTMLDivElement>>;

package/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { SelectDesktop } from './desktop';\nimport { SelectMobile } from './mobile';\nimport type { SelectFieldProps, SelectProps } from './typings';\n\nexport const SelectResponsive = forwardRef<\n    HTMLDivElement,\n    SelectProps & { originalProps?: SelectProps }\n>(\n    (\n        {\n            onScroll,\n            fieldProps,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        if (isDesktop) {\n            return (\n                <SelectDesktop\n                    onScroll={onScroll}\n                    {...restProps}\n                    ref={ref}\n                    fieldProps={fieldProps as SelectFieldProps}\n                />\n            );\n        }\n\n        const mobileProps = {\n            ...restProps,\n            /* В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */\n            ...restProps.originalProps,\n        };\n\n        return <SelectMobile fieldProps={fieldProps} {...mobileProps} ref={ref} />;\n    },\n);\n\nSelectResponsive.displayName = 'SelectResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","React","SelectDesktop","SelectMobile","__assign"],"mappings":";;;;;;;;;;;;;;;IAQa,gBAAgB,GAAGA,gBAAU,CAItC,UACI,EAOC,EACD,GAAG,EAAA;AAPC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,gBAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgF,GAAA,EAAA,CAAA,sBAAA,EAAhF,sBAAsB,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAAAC,YAAA,CAAA,EAAA,EANhB,4EAOC,CADe;IAIhB,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;AAElE,IAAA,IAAI,SAAS,EAAE;AACX,QAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,+BAAa,mBACV,QAAQ,EAAE,QAAQ,EACd,EAAA,SAAS,IACb,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAA8B,EAAA,CAAA,CAC5C;AAET;IAED,IAAM,WAAW,qCACV,SAAS,CAAA,EAET,SAAS,CAAC,aAAa,CAC7B;AAED,IAAA,OAAOD,sBAAC,CAAA,aAAA,CAAAE,6BAAY,EAACC,cAAA,CAAA,EAAA,UAAU,EAAE,UAAU,EAAM,EAAA,WAAW,EAAE,EAAA,GAAG,EAAE,GAAG,IAAI;AAC9E,CAAC;AAGL,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { SelectDesktop } from './desktop';\nimport { SelectMobile } from './mobile';\nimport { type SelectFieldProps, type SelectProps } from './typings';\n\nexport const SelectResponsive = forwardRef<\n    HTMLDivElement,\n    SelectProps & { originalProps?: SelectProps }\n>(\n    (\n        {\n            onScroll,\n            fieldProps,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        if (isDesktop) {\n            return (\n                <SelectDesktop\n                    onScroll={onScroll}\n                    {...restProps}\n                    ref={ref}\n                    fieldProps={fieldProps as SelectFieldProps}\n                />\n            );\n        }\n\n        const mobileProps = {\n            ...restProps,\n            /* В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */\n            ...restProps.originalProps,\n        };\n\n        return <SelectMobile fieldProps={fieldProps} {...mobileProps} ref={ref} />;\n    },\n);\n\nSelectResponsive.displayName = 'SelectResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","React","SelectDesktop","SelectMobile","__assign"],"mappings":";;;;;;;;;;;;;;;IAQa,gBAAgB,GAAGA,gBAAU,CAItC,UACI,EAOC,EACD,GAAG,EAAA;AAPC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,gBAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgF,GAAA,EAAA,CAAA,sBAAA,EAAhF,sBAAsB,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAAAC,YAAA,CAAA,EAAA,EANhB,4EAOC,CADe;IAIhB,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;AAElE,IAAA,IAAI,SAAS,EAAE;AACX,QAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,+BAAa,mBACV,QAAQ,EAAE,QAAQ,EACd,EAAA,SAAS,IACb,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAA8B,EAAA,CAAA,CAC5C;AAET;IAED,IAAM,WAAW,qCACV,SAAS,CAAA,EAET,SAAS,CAAC,aAAa,CAC7B;AAED,IAAA,OAAOD,sBAAC,CAAA,aAAA,CAAAE,6BAAY,EAACC,cAAA,CAAA,EAAA,UAAU,EAAE,UAAU,EAAM,EAAA,WAAW,EAAE,EAAA,GAAG,EAAE,GAAG,IAAI;AAC9E,CAAC;AAGL,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/components/arrow/Component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ArrowProps } from '../../typings';
+import { type ArrowProps } from '../../typings';
 export declare const Arrow: ({ open, disabled, className, size }: ArrowProps) => React.JSX.Element;

package/components/arrow/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../src/components/arrow/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';\nimport { ChevronDownSIcon } from '@alfalab/icons-glyph/ChevronDownSIcon';\n\nimport { ArrowProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Arrow = ({ open, disabled, className, size }: ArrowProps) => {\n    const ChevronComponent = size === 40 ? ChevronDownSIcon : ChevronDownMIcon;\n\n    return (\n        <ChevronComponent\n            className={cn(styles.arrow, styles[`size-${size}`], className, {\n                [styles.open]: open,\n                [styles.disabled]: disabled,\n            })}\n        />\n    );\n};\n"],"names":["ChevronDownSIcon","ChevronDownMIcon","React","cn","styles"],"mappings":";;;;;;;;;;;;;;;AAUO,IAAM,KAAK,GAAG,UAAC,EAA+C,EAAA;;QAA7C,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA;AACnD,IAAA,IAAM,gBAAgB,GAAG,IAAI,KAAK,EAAE,GAAGA,iCAAgB,GAAGC,iCAAgB;AAE1E,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAA,gBAAgB,IACb,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,KAAK,EAAEA,YAAM,CAAC,OAAA,CAAA,MAAA,CAAQ,IAAI,CAAE,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACzD,YAAA,EAAA,CAACA,YAAM,CAAC,IAAI,CAAA,GAAG,IAAI;AACnB,YAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EAAA,CACJ;AAEV;;;;"}
+{"version":3,"file":"Component.js","sources":["../../src/components/arrow/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';\nimport { ChevronDownSIcon } from '@alfalab/icons-glyph/ChevronDownSIcon';\n\nimport { type ArrowProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Arrow = ({ open, disabled, className, size }: ArrowProps) => {\n    const ChevronComponent = size === 40 ? ChevronDownSIcon : ChevronDownMIcon;\n\n    return (\n        <ChevronComponent\n            className={cn(styles.arrow, styles[`size-${size}`], className, {\n                [styles.open]: open,\n                [styles.disabled]: disabled,\n            })}\n        />\n    );\n};\n"],"names":["ChevronDownSIcon","ChevronDownMIcon","React","cn","styles"],"mappings":";;;;;;;;;;;;;;;AAUO,IAAM,KAAK,GAAG,UAAC,EAA+C,EAAA;;QAA7C,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA;AACnD,IAAA,IAAM,gBAAgB,GAAG,IAAI,KAAK,EAAE,GAAGA,iCAAgB,GAAGC,iCAAgB;AAE1E,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAA,gBAAgB,IACb,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,KAAK,EAAEA,YAAM,CAAC,OAAA,CAAA,MAAA,CAAQ,IAAI,CAAE,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACzD,YAAA,EAAA,CAACA,YAAM,CAAC,IAAI,CAAA,GAAG,IAAI;AACnB,YAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EAAA,CACJ;AAEV;;;;"}

package/components/arrow/index.css

@@ -6,18 +6,22 @@
 } :root {
     --select-arrow-color: var(--color-light-neutral-translucent-700);
     --select-arrow-disabled-color: var(--color-light-neutral-translucent-500);
-} .select__arrow_1ms02 {
+} .select__arrow_nmolo {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
 
-    transition: transform 0.15s ease-in-out, opacity 0.2s ease
-} .select__arrow_1ms02.select__disabled_1ms02 {
+    transition:
+        transform 0.15s ease-in-out,
+        opacity 0.2s ease;
+} .select__arrow_nmolo.select__disabled_nmolo {
         color: var(--select-arrow-disabled-color);
-    } .select__arrow_1ms02.select__size-40_1ms02 {
-        width: unset;
-        height: unset;
-    } .select__open_1ms02 {
+    } .select__arrow_nmolo.select__size-40_nmolo {
+        width: auto;
+        width: initial;
+        height: auto;
+        height: initial;
+    } .select__open_nmolo {
     transform: var(--arrow-transform);
 }

package/components/arrow/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"arrow":"select__arrow_1ms02","disabled":"select__disabled_1ms02","size-40":"select__size-40_1ms02","open":"select__open_1ms02"};
+var styles = {"arrow":"select__arrow_nmolo","disabled":"select__disabled_nmolo","size-40":"select__size-40_nmolo","open":"select__open_nmolo"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/arrow/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/arrow/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.arrow {\n    display: block;\n    width: 24px;\n    height: 24px;\n    color: var(--select-arrow-color);\n\n    transition: transform 0.15s ease-in-out, opacity 0.2s ease;\n\n    &.disabled {\n        color: var(--select-arrow-disabled-color);\n    }\n\n    &.size-40 {\n        width: unset;\n        height: unset;\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,UAAU,CAAC,wBAAwB,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,oBAAoB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/arrow/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.arrow {\n    display: block;\n    width: 24px;\n    height: 24px;\n    color: var(--select-arrow-color);\n\n    transition:\n        transform 0.15s ease-in-out,\n        opacity 0.2s ease;\n\n    &.disabled {\n        color: var(--select-arrow-disabled-color);\n    }\n\n    &.size-40 {\n        width: unset;\n        height: unset;\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,UAAU,CAAC,wBAAwB,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,oBAAoB,CAAC;;;;"}

package/components/base-checkmark/Component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { CheckmarkProps } from '../../typings';
+import { type CheckmarkProps } from '../../typings';
 export declare const BaseCheckmark: ({ selected, disabled, className, multiple, align, }: CheckmarkProps) => React.JSX.Element;

package/components/base-checkmark/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../src/components/base-checkmark/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox } from '@alfalab/core-components-checkbox';\nimport { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';\n\nimport { CheckmarkProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const BaseCheckmark = ({\n    selected,\n    disabled = false,\n    className,\n    multiple,\n    align = 'center',\n}: CheckmarkProps) => {\n    const checkmarkClassNames = cn(styles.checkmark, styles[align], className, {\n        [styles.single]: !multiple,\n        [styles.selected]: selected,\n    });\n\n    return multiple ? (\n        <Checkbox\n            checked={selected}\n            disabled={disabled}\n            className={checkmarkClassNames}\n            size='m'\n            hiddenInput={true}\n        />\n    ) : (\n        <CheckmarkMIcon className={checkmarkClassNames} />\n    );\n};\n"],"names":["cn","styles","React","Checkbox","CheckmarkMIcon"],"mappings":";;;;;;;;;;;;;;;AAUO,IAAM,aAAa,GAAG,UAAC,EAMb,EAAA;;QALb,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,QAAA,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EAChB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,KAAgB,EAAhB,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA;AAEhB,IAAA,IAAM,mBAAmB,GAAGA,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAEA,YAAM,CAAC,KAAK,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrE,QAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,CAAC,QAAQ;AAC1B,QAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;YAC7B;AAEF,IAAA,OAAO,QAAQ,IACXC,sBAAA,CAAA,aAAA,CAACC,+BAAQ,EACL,EAAA,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,mBAAmB,EAC9B,IAAI,EAAC,GAAG,EACR,WAAW,EAAE,IAAI,EAAA,CACnB,KAEFD,sBAAA,CAAA,aAAA,CAACE,6BAAc,EAAC,EAAA,SAAS,EAAE,mBAAmB,EAAA,CAAI,CACrD;AACL;;;;"}
+{"version":3,"file":"Component.js","sources":["../../src/components/base-checkmark/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox } from '@alfalab/core-components-checkbox';\nimport { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';\n\nimport { type CheckmarkProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const BaseCheckmark = ({\n    selected,\n    disabled = false,\n    className,\n    multiple,\n    align = 'center',\n}: CheckmarkProps) => {\n    const checkmarkClassNames = cn(styles.checkmark, styles[align], className, {\n        [styles.single]: !multiple,\n        [styles.selected]: selected,\n    });\n\n    return multiple ? (\n        <Checkbox\n            checked={selected}\n            disabled={disabled}\n            className={checkmarkClassNames}\n            size='m'\n            hiddenInput={true}\n        />\n    ) : (\n        <CheckmarkMIcon className={checkmarkClassNames} />\n    );\n};\n"],"names":["cn","styles","React","Checkbox","CheckmarkMIcon"],"mappings":";;;;;;;;;;;;;;;AAUO,IAAM,aAAa,GAAG,UAAC,EAMb,EAAA;;QALb,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,QAAA,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EAChB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,KAAgB,EAAhB,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA;AAEhB,IAAA,IAAM,mBAAmB,GAAGA,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAEA,YAAM,CAAC,KAAK,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrE,QAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,CAAC,QAAQ;AAC1B,QAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;YAC7B;AAEF,IAAA,OAAO,QAAQ,IACXC,sBAAA,CAAA,aAAA,CAACC,+BAAQ,EACL,EAAA,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,mBAAmB,EAC9B,IAAI,EAAC,GAAG,EACR,WAAW,EAAE,IAAI,EAAA,CACnB,KAEFD,sBAAA,CAAA,aAAA,CAACE,6BAAc,EAAC,EAAA,SAAS,EAAE,mBAAmB,EAAA,CAAI,CACrD;AACL;;;;"}

package/components/base-checkmark/index.css

@@ -1,15 +1,15 @@
-.select__checkmark_1uchq {
+.select__checkmark_v7690 {
     flex-shrink: 0;
-    box-sizing: border-box
-} .select__checkmark_1uchq.select__start_1uchq {
+    box-sizing: border-box;
+} .select__checkmark_v7690.select__start_v7690 {
         align-self: start;
-    } .select__checkmark_1uchq.select__center_1uchq {
+    } .select__checkmark_v7690.select__center_v7690 {
         align-self: center;
-    } .select__single_1uchq {
+    } .select__single_v7690 {
     display: flex;
     align-items: center;
     justify-content: center;
-    opacity: 0
-} .select__single_1uchq.select__selected_1uchq {
+    opacity: 0;
+} .select__single_v7690.select__selected_v7690 {
         opacity: 1;
     }

package/components/base-checkmark/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"checkmark":"select__checkmark_1uchq","start":"select__start_1uchq","center":"select__center_1uchq","single":"select__single_1uchq","selected":"select__selected_1uchq"};
+var styles = {"checkmark":"select__checkmark_v7690","start":"select__start_v7690","center":"select__center_v7690","single":"select__single_v7690","selected":"select__selected_v7690"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/base-checkmark/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-checkmark/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.checkmark {\n    flex-shrink: 0;\n    box-sizing: border-box;\n\n    &.start {\n        align-self: start;\n    }\n\n    &.center {\n        align-self: center;\n    }\n}\n\n.single {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n\n    &.selected {\n        opacity: 1;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-checkmark/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.checkmark {\n    flex-shrink: 0;\n    box-sizing: border-box;\n\n    &.start {\n        align-self: start;\n    }\n\n    &.center {\n        align-self: center;\n    }\n}\n\n.single {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n\n    &.selected {\n        opacity: 1;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC;;;;"}

package/components/base-option/Component.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { OptionProps } from '../../typings';
+import { type FC } from 'react';
+import { type OptionProps } from '../../typings';
 export declare const BaseOption: FC<OptionProps>;

package/components/base-option/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../src/components/base-option/Component.tsx"],"sourcesContent":["import React, { FC, isValidElement } from 'react';\nimport cn from 'classnames';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { OptionProps } from '../../typings';\nimport { BaseCheckmark } from '../base-checkmark';\n\nimport styles from './index.module.css';\n\nexport const BaseOption: FC<OptionProps> = ({\n    className,\n    option,\n    children,\n    selected,\n    highlighted,\n    disabled,\n    multiple,\n    Checkmark = BaseCheckmark,\n    checkmarkPosition = multiple ? 'before' : 'after',\n    align = 'center',\n    innerProps,\n    dataTestId,\n    mobile = false,\n    size,\n}) => {\n    const content = children || option.content || option.key;\n    const { showCheckMark = true } = option;\n\n    const isTextContent = !isValidElement(content);\n\n    const renderCheckmark = () => {\n        if (Checkmark && showCheckMark) {\n            return (\n                <Checkmark\n                    className={cn({\n                        [styles.checkmarkBeforeContent]: checkmarkPosition === 'before',\n                        [styles.checkmarkAfterContent]: checkmarkPosition === 'after',\n                    })}\n                    disabled={disabled}\n                    selected={selected}\n                    multiple={multiple}\n                    align={align}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <div\n            {...innerProps}\n            className={cn(styles.option, size && styles[SIZE_TO_CLASSNAME_MAP[size]], className, {\n                [styles.highlighted]: !mobile && highlighted,\n                [styles.selected]: selected,\n                [styles.disabled]: disabled,\n                [styles.textContent]: isTextContent,\n                [styles.mobile]: mobile,\n                [styles.checkmarkAfter]: !isTextContent && checkmarkPosition === 'after',\n                [styles.checkmarkBefore]: !isTextContent && checkmarkPosition === 'before',\n            })}\n            data-test-id={dataTestId}\n        >\n            {checkmarkPosition === 'before' && renderCheckmark()}\n\n            <div className={cn(styles.content)}>{content}</div>\n\n            {checkmarkPosition === 'after' && renderCheckmark()}\n        </div>\n    );\n};\n"],"names":["BaseCheckmark","isValidElement","React","cn","styles","SIZE_TO_CLASSNAME_MAP"],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../src/components/base-option/Component.tsx"],"sourcesContent":["import React, { type FC, isValidElement } from 'react';\nimport cn from 'classnames';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { type OptionProps } from '../../typings';\nimport { BaseCheckmark } from '../base-checkmark';\n\nimport styles from './index.module.css';\n\nexport const BaseOption: FC<OptionProps> = ({\n    className,\n    option,\n    children,\n    selected,\n    highlighted,\n    disabled,\n    multiple,\n    Checkmark = BaseCheckmark,\n    checkmarkPosition = multiple ? 'before' : 'after',\n    align = 'center',\n    innerProps,\n    dataTestId,\n    mobile = false,\n    size,\n}) => {\n    const content = children || option.content || option.key;\n    const { showCheckMark = true } = option;\n\n    const isTextContent = !isValidElement(content);\n\n    const renderCheckmark = () => {\n        if (Checkmark && showCheckMark) {\n            return (\n                <Checkmark\n                    className={cn({\n                        [styles.checkmarkBeforeContent]: checkmarkPosition === 'before',\n                        [styles.checkmarkAfterContent]: checkmarkPosition === 'after',\n                    })}\n                    disabled={disabled}\n                    selected={selected}\n                    multiple={multiple}\n                    align={align}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <div\n            {...innerProps}\n            className={cn(styles.option, size && styles[SIZE_TO_CLASSNAME_MAP[size]], className, {\n                [styles.highlighted]: !mobile && highlighted,\n                [styles.selected]: selected,\n                [styles.disabled]: disabled,\n                [styles.textContent]: isTextContent,\n                [styles.mobile]: mobile,\n                [styles.checkmarkAfter]: !isTextContent && checkmarkPosition === 'after',\n                [styles.checkmarkBefore]: !isTextContent && checkmarkPosition === 'before',\n            })}\n            data-test-id={dataTestId}\n        >\n            {checkmarkPosition === 'before' && renderCheckmark()}\n\n            <div className={cn(styles.content)}>{content}</div>\n\n            {checkmarkPosition === 'after' && renderCheckmark()}\n        </div>\n    );\n};\n"],"names":["BaseCheckmark","isValidElement","React","cn","styles","SIZE_TO_CLASSNAME_MAP"],"mappings":";;;;;;;;;;;;;;;;AASO,IAAM,UAAU,GAAoB,UAAC,EAe3C,EAAA;;AAdG,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAyB,GAAA,EAAA,CAAA,SAAA,EAAzB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAGA,uBAAa,GAAA,EAAA,EACzB,EAAA,GAAA,EAAA,CAAA,iBAAiD,EAAjD,iBAAiB,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAA,EAAA,EACjD,EAAA,GAAA,EAAA,CAAA,KAAgB,EAAhB,KAAK,mBAAG,QAAQ,GAAA,EAAA,EAChB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,EAAA,GAAA,EAAA,CAAA,MAAc,EAAd,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EACd,IAAI,GAAA,EAAA,CAAA,IAAA;IAEJ,IAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;IAChD,IAAA,EAAA,GAAyB,MAAM,CAAX,aAAA,EAApB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA;AAE5B,IAAA,IAAM,aAAa,GAAG,CAACC,oBAAc,CAAC,OAAO,CAAC;AAE9C,IAAA,IAAM,eAAe,GAAG,YAAA;;QACpB,IAAI,SAAS,IAAI,aAAa,EAAE;AAC5B,YAAA,QACIC,sBAAC,CAAA,aAAA,CAAA,SAAS,EACN,EAAA,SAAS,EAAEC,mBAAE,EAAA,EAAA,GAAA,EAAA;AACT,oBAAA,EAAA,CAACC,YAAM,CAAC,sBAAsB,CAAG,GAAA,iBAAiB,KAAK,QAAQ;AAC/D,oBAAA,EAAA,CAACA,YAAM,CAAC,qBAAqB,CAAG,GAAA,iBAAiB,KAAK,OAAO;AAC/D,oBAAA,EAAA,EAAA,EACF,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EAAA,CACd;AAET;AAED,QAAA,OAAO,IAAI;AACf,KAAC;IAED,QACIF,+DACQ,UAAU,EAAA,EACd,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,IAAI,IAAIA,YAAM,CAACC,4BAAqB,CAAC,IAAI,CAAC,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC/E,YAAA,EAAA,CAACD,YAAM,CAAC,WAAW,IAAG,CAAC,MAAM,IAAI,WAAW;AAC5C,YAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,YAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,YAAA,EAAA,CAACA,YAAM,CAAC,WAAW,CAAA,GAAG,aAAa;AACnC,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;YACvB,EAAC,CAAAA,YAAM,CAAC,cAAc,CAAA,GAAG,CAAC,aAAa,IAAI,iBAAiB,KAAK,OAAO;YACxE,EAAC,CAAAA,YAAM,CAAC,eAAe,CAAA,GAAG,CAAC,aAAa,IAAI,iBAAiB,KAAK,QAAQ;AAC5E,YAAA,EAAA,EAAA,EAAA,cAAA,EACY,UAAU,EAAA,CAAA;AAEvB,QAAA,iBAAiB,KAAK,QAAQ,IAAI,eAAe,EAAE;QAEpDF,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,OAAO,CAAC,EAAG,EAAA,OAAO,CAAO;AAElD,QAAA,iBAAiB,KAAK,OAAO,IAAI,eAAe,EAAE,CACjD;AAEd;;;;"}

package/components/base-option/index.css

@@ -26,7 +26,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_2247l {
+} .select__option_ltveq {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -39,42 +39,42 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer;
-    min-height: var(--size-s-height)
-} .select__option_2247l:not(.select__disabled_2247l):active {
+    min-height: var(--size-s-height);
+} .select__option_ltveq:not(.select__disabled_ltveq):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_2247l.select__checkmarkBefore_2247l {
-        padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12)
-    } .select__option_2247l.select__checkmarkBefore_2247l.select__mobile_2247l {
+    } .select__option_ltveq.select__checkmarkBefore_ltveq {
+        padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);
+    } .select__option_ltveq.select__checkmarkBefore_ltveq.select__mobile_ltveq {
             padding-left: var(--gap-16);
-        } .select__option_2247l.select__checkmarkAfter_2247l.select__checkmarkAfter_2247l {
-        padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0)
-    } .select__option_2247l.select__checkmarkAfter_2247l.select__checkmarkAfter_2247l.select__size-72_2247l {
+        } .select__option_ltveq.select__checkmarkAfter_ltveq.select__checkmarkAfter_ltveq {
+        padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);
+    } .select__option_ltveq.select__checkmarkAfter_ltveq.select__checkmarkAfter_ltveq.select__size-72_ltveq {
             padding-right: var(--gap-16);
-        } .select__option_2247l.select__checkmarkAfter_2247l.select__checkmarkAfter_2247l.select__mobile_2247l {
+        } .select__option_ltveq.select__checkmarkAfter_ltveq.select__checkmarkAfter_ltveq.select__mobile_ltveq {
             padding-right: var(--gap-20);
-        } .select__option_2247l.select__textContent_2247l {
-        padding: var(--gap-12)
-    } .select__option_2247l.select__textContent_2247l.select__size-72_2247l {
+        } .select__option_ltveq.select__textContent_ltveq {
+        padding: var(--gap-12);
+    } .select__option_ltveq.select__textContent_ltveq.select__size-72_ltveq {
             padding-left: var(--gap-16);
             padding-right: var(--gap-16);
-        } .select__option_2247l.select__textContent_2247l.select__mobile_2247l {
+        } .select__option_ltveq.select__textContent_ltveq.select__mobile_ltveq {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
-        } .select__selected_2247l {
+        } .select__selected_ltveq {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_2247l {
+} .select__highlighted_ltveq {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_2247l {
+} .select__disabled_ltveq {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__checkmarkBeforeContent_2247l {
+} .select__checkmarkBeforeContent_ltveq {
     margin-right: var(--gap-12);
-} .select__checkmarkAfterContent_2247l {
+} .select__checkmarkAfterContent_ltveq {
     margin-left: var(--gap-12);
-} .select__content_2247l {
+} .select__content_ltveq {
     flex: 1;
 }

package/components/base-option/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"option":"select__option_2247l","disabled":"select__disabled_2247l","checkmarkBefore":"select__checkmarkBefore_2247l","mobile":"select__mobile_2247l","checkmarkAfter":"select__checkmarkAfter_2247l","size-72":"select__size-72_2247l","textContent":"select__textContent_2247l","selected":"select__selected_2247l","highlighted":"select__highlighted_2247l","checkmarkBeforeContent":"select__checkmarkBeforeContent_2247l","checkmarkAfterContent":"select__checkmarkAfterContent_2247l","content":"select__content_2247l"};
+var styles = {"option":"select__option_ltveq","disabled":"select__disabled_ltveq","checkmarkBefore":"select__checkmarkBefore_ltveq","mobile":"select__mobile_ltveq","checkmarkAfter":"select__checkmarkAfter_ltveq","size-72":"select__size-72_ltveq","textContent":"select__textContent_ltveq","selected":"select__selected_ltveq","highlighted":"select__highlighted_ltveq","checkmarkBeforeContent":"select__checkmarkBeforeContent_ltveq","checkmarkAfterContent":"select__checkmarkAfterContent_ltveq","content":"select__content_ltveq"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/base-option/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.option {\n    @mixin paragraph_component;\n\n    display: flex;\n    align-items: center;\n    transition: background-color 0.2s ease;\n    background: var(--select-option-background);\n    color: var(--select-option-color);\n    box-sizing: border-box;\n    position: relative;\n    cursor: pointer;\n    min-height: var(--size-s-height);\n\n    &:not(.disabled):active {\n        background: var(--select-option-active-background);\n        color: var(--select-option-active-color);\n    }\n\n    &.checkmarkBefore {\n        padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);\n\n        &.mobile {\n            padding-left: var(--gap-16);\n        }\n    }\n\n    &.checkmarkAfter.checkmarkAfter {\n        padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);\n\n        &.size-72 {\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding-right: var(--gap-20);\n        }\n    }\n\n    &.textContent {\n        padding: var(--gap-12);\n\n        &.size-72 {\n            padding-left: var(--gap-16);\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);\n        }\n    }\n}\n\n.selected {\n    background: var(--select-option-selected-background);\n    color: var(--select-option-selected-color);\n    cursor: default;\n}\n\n.highlighted {\n    background: var(--select-option-hover-background);\n    color: var(--select-option-hover-color);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n    background: var(--select-option-disabled-background);\n    color: var(--select-option-disabled-color);\n}\n\n.checkmarkBeforeContent {\n    margin-right: var(--gap-12);\n}\n\n.checkmarkAfterContent {\n    margin-left: var(--gap-12);\n}\n\n.content {\n    flex: 1;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,QAAQ,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,SAAS,CAAC,uBAAuB,CAAC,aAAa,CAAC,2BAA2B,CAAC,UAAU,CAAC,wBAAwB,CAAC,aAAa,CAAC,2BAA2B,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,uBAAuB,CAAC,qCAAqC,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.option {\n    @mixin paragraph_component;\n\n    display: flex;\n    align-items: center;\n    transition: background-color 0.2s ease;\n    background: var(--select-option-background);\n    color: var(--select-option-color);\n    box-sizing: border-box;\n    position: relative;\n    cursor: pointer;\n    min-height: var(--size-s-height);\n\n    &:not(.disabled):active {\n        background: var(--select-option-active-background);\n        color: var(--select-option-active-color);\n    }\n\n    &.checkmarkBefore {\n        padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);\n\n        &.mobile {\n            padding-left: var(--gap-16);\n        }\n    }\n\n    &.checkmarkAfter.checkmarkAfter {\n        padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);\n\n        &.size-72 {\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding-right: var(--gap-20);\n        }\n    }\n\n    &.textContent {\n        padding: var(--gap-12);\n\n        &.size-72 {\n            padding-left: var(--gap-16);\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);\n        }\n    }\n}\n\n.selected {\n    background: var(--select-option-selected-background);\n    color: var(--select-option-selected-color);\n    cursor: default;\n}\n\n.highlighted {\n    background: var(--select-option-hover-background);\n    color: var(--select-option-hover-color);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n    background: var(--select-option-disabled-background);\n    color: var(--select-option-disabled-color);\n}\n\n.checkmarkBeforeContent {\n    margin-right: var(--gap-12);\n}\n\n.checkmarkAfterContent {\n    margin-left: var(--gap-12);\n}\n\n.content {\n    flex: 1;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,QAAQ,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,SAAS,CAAC,uBAAuB,CAAC,aAAa,CAAC,2BAA2B,CAAC,UAAU,CAAC,wBAAwB,CAAC,aAAa,CAAC,2BAA2B,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,uBAAuB,CAAC,qCAAqC,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}

package/components/base-select/Component.js

@@ -31,7 +31,7 @@ var BaseSelect = React.forwardRef(
 function (props, ref) {
     var _a;
     var _b, _c;
-    var dataTestId = props.dataTestId, className = props.className, fieldClassName = props.fieldClassName, optionGroupClassName = props.optionGroupClassName, optionsListClassName = props.optionsListClassName, optionClassName = props.optionClassName, popperClassName = props.popperClassName, options = props.options, _d = props.autocomplete, autocomplete = _d === void 0 ? false : _d, _e = props.multiple, multiple = _e === void 0 ? false : _e, _f = props.allowUnselect, allowUnselect = _f === void 0 ? false : _f, _g = props.disabled, disabled = _g === void 0 ? false : _g, _h = props.closeOnSelect, closeOnSelect = _h === void 0 ? !multiple : _h, _j = props.circularNavigation, circularNavigation = _j === void 0 ? false : _j, _k = props.nativeSelect, nativeSelect = _k === void 0 ? false : _k, _l = props.defaultOpen, defaultOpen = _l === void 0 ? false : _l, openProp = props.open, _m = props.popoverPosition, popoverPosition = _m === void 0 ? 'bottom-start' : _m, _o = props.preventFlip, preventFlip = _o === void 0 ? true : _o, _p = props.optionsListWidth, optionsListWidth = _p === void 0 ? 'content' : _p, name = props.name, id = props.id, selected = props.selected, _q = props.size, size = _q === void 0 ? 48 : _q, _r = props.optionsSize, optionsSize = _r === void 0 ? size : _r, error = props.error, hint = props.hint, block = props.block, label = props.label, labelView = props.labelView, placeholder = props.placeholder, _s = props.fieldProps, fieldProps = _s === void 0 ? {} : _s, _t = props.optionsListProps, optionsListProps = _t === void 0 ? {} : _t, _u = props.optionProps, optionProps = _u === void 0 ? {} : _u, _v = props.groupOptionProps, groupOptionProps = _v === void 0 ? {} : _v, _w = props.searchProps, searchProps = _w === void 0 ? {} : _w, _x = props.showSearch, showSearch = _x === void 0 ? false : _x, valueRenderer = props.valueRenderer, onChange = props.onChange, onOpen = props.onOpen, onFocus = props.onFocus, onBlur = props.onBlur, onScroll = props.onScroll, onClear = props.onClear, clear = props.clear, Arrow = props.Arrow, _y = props.Field, Field = _y === void 0 ? function () { return null; } : _y, _z = props.OptionsList, OptionsList = _z === void 0 ? function () { return null; } : _z, _0 = props.Optgroup, Optgroup = _0 === void 0 ? function () { return null; } : _0, _1 = props.Option, Option = _1 === void 0 ? function () { return null; } : _1, _2 = props.Search, Search = _2 === void 0 ? function () { return null; } : _2, updatePopover = props.updatePopover, zIndexPopover = props.zIndexPopover, _3 = props.showEmptyOptionsList, showEmptyOptionsList = _3 === void 0 ? false : _3, visibleOptions = props.visibleOptions, view = props.view, _4 = props.isBottomSheet, isBottomSheet = _4 === void 0 ? true : _4, footer = props.footer, swipeable = props.swipeable, modalProps = props.modalProps, popoverProps = props.popoverProps, modalFooterProps = props.modalFooterProps, modalHeaderProps = props.modalHeaderProps, bottomSheetProps = props.bottomSheetProps, Popover = props.Popover, ModalMobile = props.ModalMobile, BottomSheet = props.BottomSheet, limitDynamicOptionGroupSize = props.limitDynamicOptionGroupSize;
+    var dataTestId = props.dataTestId, className = props.className, fieldClassName = props.fieldClassName, optionGroupClassName = props.optionGroupClassName, optionsListClassName = props.optionsListClassName, optionClassName = props.optionClassName, popperClassName = props.popperClassName, options = props.options, _d = props.autocomplete, autocomplete = _d === void 0 ? false : _d, _e = props.multiple, multiple = _e === void 0 ? false : _e, _f = props.allowUnselect, allowUnselect = _f === void 0 ? false : _f, _g = props.disabled, disabled = _g === void 0 ? false : _g, _h = props.closeOnSelect, closeOnSelect = _h === void 0 ? !multiple : _h, _j = props.circularNavigation, circularNavigation = _j === void 0 ? false : _j, _k = props.nativeSelect, nativeSelect = _k === void 0 ? false : _k, _l = props.defaultOpen, defaultOpen = _l === void 0 ? false : _l, openProp = props.open, _m = props.popoverPosition, popoverPosition = _m === void 0 ? 'bottom-start' : _m, _o = props.preventFlip, preventFlip = _o === void 0 ? true : _o, _p = props.optionsListWidth, optionsListWidth = _p === void 0 ? 'content' : _p, name = props.name, id = props.id, selected = props.selected, _q = props.size, size = _q === void 0 ? 48 : _q, _r = props.optionsSize, optionsSize = _r === void 0 ? size : _r, error = props.error, hint = props.hint, block = props.block, label = props.label, labelView = props.labelView, placeholder = props.placeholder, _s = props.fieldProps, fieldProps = _s === void 0 ? {} : _s, _t = props.optionsListProps, optionsListProps = _t === void 0 ? {} : _t, _u = props.optionProps, optionProps = _u === void 0 ? {} : _u, _v = props.groupOptionProps, groupOptionProps = _v === void 0 ? {} : _v, _w = props.searchProps, searchProps = _w === void 0 ? {} : _w, _x = props.showSearch, showSearch = _x === void 0 ? false : _x, valueRenderer = props.valueRenderer, onChange = props.onChange, onOpen = props.onOpen, onFocus = props.onFocus, onBlur = props.onBlur, onScroll = props.onScroll, onClear = props.onClear, clear = props.clear, Arrow = props.Arrow, _y = props.Field, Field = _y === void 0 ? function () { return null; } : _y, _z = props.OptionsList, OptionsList = _z === void 0 ? function () { return null; } : _z, _0 = props.Optgroup, Optgroup = _0 === void 0 ? function () { return null; } : _0, _1 = props.Option, Option = _1 === void 0 ? function () { return null; } : _1, _2 = props.Search, Search = _2 === void 0 ? function () { return null; } : _2, updatePopover = props.updatePopover, zIndexPopover = props.zIndexPopover, _3 = props.showEmptyOptionsList, showEmptyOptionsList = _3 === void 0 ? false : _3, visibleOptions = props.visibleOptions, view = props.view, _4 = props.isBottomSheet, isBottomSheet = _4 === void 0 ? true : _4, footer = props.footer, swipeable = props.swipeable, modalProps = props.modalProps, popoverProps = props.popoverProps, modalFooterProps = props.modalFooterProps, modalHeaderProps = props.modalHeaderProps, bottomSheetProps = props.bottomSheetProps, Popover = props.Popover, ModalMobile = props.ModalMobile, BottomSheet = props.BottomSheet, limitDynamicOptionGroupSize = props.limitDynamicOptionGroupSize, _5 = props.environment, environment = _5 === void 0 ? coreComponentsShared.isClient() ? window : undefined : _5;
     var shouldSearchBlurRef = React.useRef(true);
     var rootRef = React.useRef(null);
     var fieldRef = React.useRef(null);
@@ -40,15 +40,15 @@ function (props, ref) {
     var searchRef = React.useRef(null);
     var scrollableContainerRef = React.useRef(null);
     var onOpenRef = React.useRef(onOpen);
-    var _5 = React__default.default.useState(''), searchState = _5[0], setSearchState = _5[1];
-    var _6 = typeof (searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) === 'string'
+    var _6 = React__default.default.useState(''), searchState = _6[0], setSearchState = _6[1];
+    var _7 = typeof (searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) === 'string'
         ? [searchProps.value, searchProps.onChange]
-        : [searchState, setSearchState], search = _6[0], setSearch = _6[1];
+        : [searchState, setSearchState], search = _7[0], setSearch = _7[1];
     var accessor = searchProps.accessor || utils.defaultAccessor;
     var filterFn = searchProps.filterFn || utils.defaultFilterFn;
     var filterGroup = (_b = searchProps.filterGroup) !== null && _b !== void 0 ? _b : false;
     var groupAccessor = (_c = searchProps.groupAccessor) !== null && _c !== void 0 ? _c : utils.defaultGroupAccessor;
-    var _7 = React.useMemo(function () {
+    var _8 = React.useMemo(function () {
         return utils.processOptions(options, selected, function (option) {
             if (utils.isGroup(option)) {
                 var groupAccessorValue = groupAccessor(option);
@@ -57,7 +57,7 @@ function (props, ref) {
             }
             return filterFn(accessor(option), search);
         }, filterGroup);
-    }, [options, selected, filterFn, accessor, search, filterGroup, groupAccessor]), filteredOptions = _7.filteredOptions, flatOptions = _7.flatOptions, selectedOptions = _7.selectedOptions;
+    }, [options, selected, filterFn, accessor, search, filterGroup, groupAccessor]), filteredOptions = _8.filteredOptions, flatOptions = _8.flatOptions, selectedOptions = _8.selectedOptions;
     var scrollIntoView = function (node) {
         if (!node || view === 'mobile')
             return;
@@ -88,9 +88,11 @@ function (props, ref) {
             }
         },
         stateReducer: function (state, actionAndChanges) {
+            var _a;
             var type = actionAndChanges.type, changes = actionAndChanges.changes;
-            if (!allowUnselect &&
-                type === downshift.useMultipleSelection.stateChangeTypes.DropdownKeyDownBackspace) {
+            if (type === downshift.useMultipleSelection.stateChangeTypes.DropdownKeyDownBackspace &&
+                (!allowUnselect ||
+                    ((_a = environment === null || environment === void 0 ? void 0 : environment.document.activeElement) === null || _a === void 0 ? void 0 : _a.isSameNode(searchRef.current)))) {
                 return state;
             }
             return changes;
@@ -100,8 +102,8 @@ function (props, ref) {
         useMultipleSelectionProps.selectedItems = selectedOptions;
     }
     onOpenRef.current = onOpen;
-    var _8 = downshift.useMultipleSelection(useMultipleSelectionProps), selectedItems = _8.selectedItems, addSelectedItem = _8.addSelectedItem, setSelectedItems = _8.setSelectedItems, removeSelectedItem = _8.removeSelectedItem, getDropdownProps = _8.getDropdownProps;
-    var _9 = downshift.useCombobox({
+    var _9 = downshift.useMultipleSelection(useMultipleSelectionProps), selectedItems = _9.selectedItems, addSelectedItem = _9.addSelectedItem, setSelectedItems = _9.setSelectedItems, removeSelectedItem = _9.removeSelectedItem, getDropdownProps = _9.getDropdownProps;
+    var _10 = downshift.useCombobox({
         id: id,
         isOpen: openProp,
         items: flatOptions,
@@ -109,6 +111,7 @@ function (props, ref) {
         isItemDisabled: isItemDisabled,
         defaultHighlightedIndex: selectedItems.length === 0 ? -1 : undefined,
         scrollIntoView: scrollIntoView,
+        environment: environment,
         onSelectedItemChange: function (changes) {
             var selectedItem = changes.selectedItem || initiatorRef.current;
             if (selectedItem && !selectedItem.disabled) {
@@ -183,7 +186,7 @@ function (props, ref) {
                     return changes;
             }
         },
-    }), open = _9.isOpen, getMenuProps = _9.getMenuProps, getInputProps = _9.getInputProps, getItemProps = _9.getItemProps, getLabelProps = _9.getLabelProps, highlightedIndex = _9.highlightedIndex, toggleMenu = _9.toggleMenu, openMenu = _9.openMenu, closeMenu = _9.closeMenu, setHighlightedIndex = _9.setHighlightedIndex;
+    }), open = _10.isOpen, getMenuProps = _10.getMenuProps, getInputProps = _10.getInputProps, getItemProps = _10.getItemProps, getLabelProps = _10.getLabelProps, highlightedIndex = _10.highlightedIndex, toggleMenu = _10.toggleMenu, openMenu = _10.openMenu, closeMenu = _10.closeMenu, setHighlightedIndex = _10.setHighlightedIndex;
     React.useEffect(function () {
         /*
          * При изменении openProp, состояние внутри downshift в useEnhancedReducer не меняется, поэтому меняем его таким способом
@@ -199,7 +202,7 @@ function (props, ref) {
         }
     }, [openProp, openMenu, closeMenu]);
     var inputProps = getInputProps(getDropdownProps({ ref: mergeRefs__default.default([ref, fieldRef]) }));
-    var _10 = getMenuProps({ ref: listRef }, { suppressRefError: true }), menuRef = _10.ref, menuProps = tslib.__rest(_10, ["ref"]);
+    var _11 = getMenuProps({ ref: listRef }, { suppressRefError: true }), menuRef = _11.ref, menuProps = tslib.__rest(_11, ["ref"]);
     var handleEntered = function (node, isAppearing) {
         var _a, _b, _c, _d, _e;
         if (showSearch)
@@ -335,9 +338,10 @@ function (props, ref) {
         return selectedItems.map(function (option) { return (React__default.default.createElement("input", { type: 'hidden', name: name, value: option.key, key: option.key })); });
     };
     var renderNativeSelect = function () {
+        var _a;
         var value = multiple
             ? selectedItems.map(function (option) { return option.key; })
-            : (selectedItems[0] || {}).key;
+            : (_a = selectedItems[0]) === null || _a === void 0 ? void 0 : _a.key;
         return (React__default.default.createElement(Component.NativeSelect, tslib.__assign({}, menuProps, { className: index_module.nativeSelect, disabled: disabled, multiple: multiple, name: name, value: value, onChange: handleNativeSelectChange, options: filteredOptions })));
     };
     var handleFieldClear = function (event) {
@@ -371,7 +375,7 @@ function (props, ref) {
                 _a[mobile_module.search] = view === 'mobile',
                 _a), size && index_module[consts.SIZE_TO_CLASSNAME_MAP[size]]), ref: mergeRefs__default.default([searchRef, ((_c = searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps) === null || _c === void 0 ? void 0 : _c.ref) || null]) })));
     };
-    var _11 = optionsListProps, header = _11.header, emptyPlaceholder = _11.emptyPlaceholder;
+    var _12 = optionsListProps, header = _12.header, emptyPlaceholder = _12.emptyPlaceholder;
     var renderOptionsListHeader = function () {
         if (header || (view === 'desktop' && showSearch)) {
             return (React__default.default.createElement(React__default.default.Fragment, null,