@alfalab/core-components 42.15.0 → 42.15.1

package/pass-code/modern/components/KeyPadButton/index.css

@@ -21,12 +21,12 @@
 } :root {
     --button-bg-color: var(--color-light-specialbg-secondary-transparent);
     --button-bg-color-active: var(--color-light-specialbg-tertiary-transparent);
-} .pass-code__component_qf1tv {
+} .pass-code__component_3045f {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
-} .pass-code__button_qf1tv.pass-code__button_qf1tv {
+} .pass-code__button_3045f.pass-code__button_3045f {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -37,31 +37,31 @@
     width: 64px;
     height: 64px;
     text-align: center
-} .pass-code__button_qf1tv.pass-code__button_qf1tv > span {
+} .pass-code__button_3045f.pass-code__button_3045f > span {
         vertical-align: middle
-    } .pass-code__button_qf1tv.pass-code__button_qf1tv > span > * {
+    } .pass-code__button_3045f.pass-code__button_3045f > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_qf1tv.pass-code__secondary_qf1tv {
+        } .pass-code__secondary_3045f.pass-code__secondary_3045f {
     color: var(--color-light-text-primary);
     background: var(--button-bg-color)
-} .pass-code__secondary_qf1tv.pass-code__secondary_qf1tv:hover {
+} .pass-code__secondary_3045f.pass-code__secondary_3045f:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__secondary_qf1tv.pass-code__secondary_qf1tv:active {
+    } .pass-code__secondary_3045f.pass-code__secondary_3045f:active {
         background: var(--button-bg-color-active);
-    } .pass-code__ghost_qf1tv.pass-code__ghost_qf1tv {
+    } .pass-code__ghost_3045f.pass-code__ghost_3045f {
     color: var(--color-light-text-primary)
-} .pass-code__ghost_qf1tv.pass-code__ghost_qf1tv:hover {
+} .pass-code__ghost_3045f.pass-code__ghost_3045f:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__ghost_qf1tv.pass-code__ghost_qf1tv:active {
+    } .pass-code__ghost_3045f.pass-code__ghost_3045f:active {
         background: var(--button-bg-color-active);
     } @media screen and (min-width: 360px) {
-    .pass-code__button_qf1tv.pass-code__button_qf1tv {
+    .pass-code__button_3045f.pass-code__button_3045f {
         min-width: 76px;
         height: 76px;
         width: 76px;
     }
 } @media screen and (min-width: 390px) {
-    .pass-code__button_qf1tv.pass-code__button_qf1tv {
+    .pass-code__button_3045f.pass-code__button_3045f {
         min-width: 86px;
         width: 86px;
         height: 86px;

package/pass-code/modern/index.css

@@ -19,10 +19,10 @@
 } :root {
 } :root {
     --pass-code-max-width: 500px;
-} .pass-code__component_1x1um {
+} .pass-code__component_19mwy {
     max-width: var(--pass-code-max-width);
     margin: var(--gap-xs) 0;
-} .pass-code__message_1x1um {
+} .pass-code__message_19mwy {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -33,6 +33,6 @@
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary);
-} .pass-code__error_1x1um {
+} .pass-code__error_19mwy {
     color: var(--color-light-text-negative);
 }

package/password-input/component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"eye":"password-input__eye_4qnic","xl":"password-input__xl_4qnic","input":"password-input__input_4qnic","addons":"password-input__addons_4qnic"};
+var styles = {"eye":"password-input__eye_17syd","xl":"password-input__xl_17syd","input":"password-input__input_17syd","addons":"password-input__addons_17syd"};
 require('./index.css');
 
 var PasswordInput = React.forwardRef(function (_a, ref) {

package/password-input/esm/component.js

@@ -6,7 +6,7 @@ import { Input } from '../../input/esm';
 import { EyeMIcon } from '@alfalab/icons-glyph/EyeMIcon';
 import { EyeOffMIcon } from '@alfalab/icons-glyph/EyeOffMIcon';
 
-var styles = {"eye":"password-input__eye_4qnic","xl":"password-input__xl_4qnic","input":"password-input__input_4qnic","addons":"password-input__addons_4qnic"};
+var styles = {"eye":"password-input__eye_17syd","xl":"password-input__xl_17syd","input":"password-input__input_17syd","addons":"password-input__addons_17syd"};
 require('./index.css');
 
 var PasswordInput = forwardRef(function (_a, ref) {

package/password-input/esm/index.css

@@ -16,14 +16,14 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_4qnic:last-child {
+} .password-input__eye_17syd:last-child {
     height: 100%;
-} .password-input__xl_4qnic .password-input__eye_4qnic:last-child {
+} .password-input__xl_17syd .password-input__eye_17syd:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__xl_4qnic .password-input__eye_4qnic {
+    } .password-input__xl_17syd .password-input__eye_17syd {
         margin-left: var(--gap-2xs);
-    } .password-input__input_4qnic::-ms-reveal {
+    } .password-input__input_17syd::-ms-reveal {
     display: none;
-} .password-input__addons_4qnic {
+} .password-input__addons_17syd {
     padding-right: 0;
 }

package/password-input/index.css

@@ -16,14 +16,14 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_4qnic:last-child {
+} .password-input__eye_17syd:last-child {
     height: 100%;
-} .password-input__xl_4qnic .password-input__eye_4qnic:last-child {
+} .password-input__xl_17syd .password-input__eye_17syd:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__xl_4qnic .password-input__eye_4qnic {
+    } .password-input__xl_17syd .password-input__eye_17syd {
         margin-left: var(--gap-2xs);
-    } .password-input__input_4qnic::-ms-reveal {
+    } .password-input__input_17syd::-ms-reveal {
     display: none;
-} .password-input__addons_4qnic {
+} .password-input__addons_17syd {
     padding-right: 0;
 }

package/password-input/modern/component.js

@@ -5,7 +5,7 @@ import { Input } from '../../input/modern';
 import { EyeMIcon } from '@alfalab/icons-glyph/EyeMIcon';
 import { EyeOffMIcon } from '@alfalab/icons-glyph/EyeOffMIcon';
 
-const styles = {"eye":"password-input__eye_4qnic","xl":"password-input__xl_4qnic","input":"password-input__input_4qnic","addons":"password-input__addons_4qnic"};
+const styles = {"eye":"password-input__eye_17syd","xl":"password-input__xl_17syd","input":"password-input__input_17syd","addons":"password-input__addons_17syd"};
 require('./index.css');
 
 const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 's', className, ...restProps }, ref) => {

package/password-input/modern/index.css

@@ -16,14 +16,14 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_4qnic:last-child {
+} .password-input__eye_17syd:last-child {
     height: 100%;
-} .password-input__xl_4qnic .password-input__eye_4qnic:last-child {
+} .password-input__xl_17syd .password-input__eye_17syd:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__xl_4qnic .password-input__eye_4qnic {
+    } .password-input__xl_17syd .password-input__eye_17syd {
         margin-left: var(--gap-2xs);
-    } .password-input__input_4qnic::-ms-reveal {
+    } .password-input__input_17syd::-ms-reveal {
     display: none;
-} .password-input__addons_4qnic {
+} .password-input__addons_17syd {
     padding-right: 0;
 }

package/pattern-lock/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":"pattern-lock__component_11cvh","hidden":"pattern-lock__hidden_11cvh","message":"pattern-lock__message_11cvh","error":"pattern-lock__error_11cvh","forgotBtn":"pattern-lock__forgotBtn_11cvh"};
+var styles = {"component":"pattern-lock__component_932tc","hidden":"pattern-lock__hidden_932tc","message":"pattern-lock__message_932tc","error":"pattern-lock__error_932tc","forgotBtn":"pattern-lock__forgotBtn_932tc"};
 require('./index.css');
 
 var PatternLock = React.forwardRef(function (_a, ref) {

package/pattern-lock/esm/Component.js

@@ -8,7 +8,7 @@ import { getDataTestId } from '../../shared/esm';
 import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
 import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
 
-var styles = {"component":"pattern-lock__component_11cvh","hidden":"pattern-lock__hidden_11cvh","message":"pattern-lock__message_11cvh","error":"pattern-lock__error_11cvh","forgotBtn":"pattern-lock__forgotBtn_11cvh"};
+var styles = {"component":"pattern-lock__component_932tc","hidden":"pattern-lock__hidden_932tc","message":"pattern-lock__message_932tc","error":"pattern-lock__error_932tc","forgotBtn":"pattern-lock__forgotBtn_932tc"};
 require('./index.css');
 
 var PatternLock = forwardRef(function (_a, ref) {

package/pattern-lock/esm/index.css

@@ -27,15 +27,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_11cvh {
+} .pattern-lock__component_932tc {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_11cvh canvas {
+} .pattern-lock__component_932tc canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_11cvh {
+    } .pattern-lock__hidden_932tc {
     visibility: hidden;
-} .pattern-lock__message_11cvh {
+} .pattern-lock__message_932tc {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -47,27 +47,27 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     color: var(--color-light-text-primary);
-} .pattern-lock__error_11cvh {
+} .pattern-lock__error_932tc {
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_11cvh {
+} .pattern-lock__forgotBtn_932tc {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_11cvh {
+    .pattern-lock__forgotBtn_932tc {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_11cvh {
+    .pattern-lock__component_932tc {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_11cvh {
+    .pattern-lock__forgotBtn_932tc {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_11cvh {
+    .pattern-lock__component_932tc {
         margin-bottom: var(--gap-l);
     }
 }

package/pattern-lock/index.css

@@ -27,15 +27,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_11cvh {
+} .pattern-lock__component_932tc {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_11cvh canvas {
+} .pattern-lock__component_932tc canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_11cvh {
+    } .pattern-lock__hidden_932tc {
     visibility: hidden;
-} .pattern-lock__message_11cvh {
+} .pattern-lock__message_932tc {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -47,27 +47,27 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     color: var(--color-light-text-primary);
-} .pattern-lock__error_11cvh {
+} .pattern-lock__error_932tc {
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_11cvh {
+} .pattern-lock__forgotBtn_932tc {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_11cvh {
+    .pattern-lock__forgotBtn_932tc {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_11cvh {
+    .pattern-lock__component_932tc {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_11cvh {
+    .pattern-lock__forgotBtn_932tc {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_11cvh {
+    .pattern-lock__component_932tc {
         margin-bottom: var(--gap-l);
     }
 }

package/pattern-lock/modern/Component.js

@@ -7,7 +7,7 @@ import { getDataTestId } from '../../shared/modern';
 import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
 import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
 
-const styles = {"component":"pattern-lock__component_11cvh","hidden":"pattern-lock__hidden_11cvh","message":"pattern-lock__message_11cvh","error":"pattern-lock__error_11cvh","forgotBtn":"pattern-lock__forgotBtn_11cvh"};
+const styles = {"component":"pattern-lock__component_932tc","hidden":"pattern-lock__hidden_932tc","message":"pattern-lock__message_932tc","error":"pattern-lock__error_932tc","forgotBtn":"pattern-lock__forgotBtn_932tc"};
 require('./index.css');
 
 const PatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, extraBounds = DEFAULT_EXTRA_BOUNDS, message, ...restProps }, ref) => {

package/pattern-lock/modern/index.css

@@ -27,15 +27,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_11cvh {
+} .pattern-lock__component_932tc {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_11cvh canvas {
+} .pattern-lock__component_932tc canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_11cvh {
+    } .pattern-lock__hidden_932tc {
     visibility: hidden;
-} .pattern-lock__message_11cvh {
+} .pattern-lock__message_932tc {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -47,27 +47,27 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     color: var(--color-light-text-primary);
-} .pattern-lock__error_11cvh {
+} .pattern-lock__error_932tc {
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_11cvh {
+} .pattern-lock__forgotBtn_932tc {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_11cvh {
+    .pattern-lock__forgotBtn_932tc {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_11cvh {
+    .pattern-lock__component_932tc {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_11cvh {
+    .pattern-lock__forgotBtn_932tc {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_11cvh {
+    .pattern-lock__component_932tc {
         margin-bottom: var(--gap-l);
     }
 }

package/phone-input/esm/utils/index.js

@@ -2,9 +2,7 @@
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-var deleteFormatting = function (phone) {
-    return phone.replace('+', '').replace(/^7/, '').replace(/\s/g, '');
-};
+var deleteFormatting = function (phone) { return phone.replace('+', '').replace(/^7/, '').replace(/\s/g, ''); };
 function setCaretPosition(_a) {
     var position = _a.position, inputRef = _a.inputRef;
     window.requestAnimationFrame(function () {

package/picker-button/Component.mobile-ebda875c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/picker-button/Component.responsive-3109f463.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
 type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
@@ -22,5 +23,4 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
      */
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-5cb54b98";
 export { FormControlProps, FormControl };

package/picker-button/Component.responsive.d.ts

@@ -11,7 +11,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
      */
     breakpoint?: number;
 };
-declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../select/shared").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "searchProps" | "showSearch" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../select/shared").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "Arrow" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "searchProps" | "showSearch" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: ((import("../select/shared").OptionShape | import("../select/shared").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];

package/picker-button/Component.responsive.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
-var Component_desktop = require('./Component.desktop.js');
-var Component_mobile = require('./Component.mobile.js');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('classnames');
 require('../select/shared');
 require('./field/Component.js');
@@ -27,7 +27,7 @@ var PickerButtonResponsive = React.forwardRef(function (_a, ref) {
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],
     ], 'desktop')[0];
-    return view === 'desktop' ? (React__default.default.createElement(Component_desktop.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
+    return view === 'desktop' ? (React__default.default.createElement(desktop_Component_desktop.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
 });
 
 exports.PickerButtonResponsive = PickerButtonResponsive;

package/picker-button/cssm/Component.mobile-ebda875c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/picker-button/cssm/Component.responsive-3109f463.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
 type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
@@ -22,5 +23,4 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
      */
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-5cb54b98";
 export { FormControlProps, FormControl };

package/picker-button/cssm/Component.responsive.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
-var Component_desktop = require('./Component.desktop.js');
-var Component_mobile = require('./Component.mobile.js');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('classnames');
 require('../../select/cssm/shared');
 require('./field/Component.js');
@@ -30,7 +30,7 @@ var PickerButtonResponsive = React.forwardRef(function (_a, ref) {
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],
     ], 'desktop')[0];
-    return view === 'desktop' ? (React__default.default.createElement(Component_desktop.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
+    return view === 'desktop' ? (React__default.default.createElement(desktop_Component_desktop.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
 });
 
 exports.PickerButtonResponsive = PickerButtonResponsive;

package/picker-button/cssm/desktop/Component.desktop.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import React from 'react';
+import { FC, SVGProps } from "react";
+import { ButtonProps } from "../../../button";
+import { BaseSelectProps } from "../../../select/shared";
+import { PickerButtonSize, PickerButtonVariant } from "../types";
+type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options' | 'searchProps' | 'showSearch' | 'Search'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
+    options: Array<BaseSelectProps['options'][0] & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    }>;
+    /**
+     * Размер кнопки
+     */
+    size?: PickerButtonSize;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean;
+};
+declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "searchProps" | "showSearch" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+    options: Array<BaseSelectProps['options'][0] & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    }>;
+    /**
+     * Размер кнопки
+     */
+    size?: PickerButtonSize | undefined;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant | undefined;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { PickerButtonDesktopProps, PickerButtonDesktop };

package/picker-button/cssm/desktop/Component.desktop.js

@@ -0,0 +1,46 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var shared = require('../../../select/cssm/shared');
+var field_Component = require('../field/Component.js');
+var option_Component = require('../option/Component.js');
+var styles = require('../index.module.css');
+require('../../../button/cssm');
+require('../utils/index.js');
+require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('@alfalab/icons-glyph/MoreMIcon');
+require('@alfalab/icons-glyph/MoreSIcon');
+require('../field/index.module.css');
+require('../option/index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
+var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
+    var _b;
+    var _c = _a.OptionsList, OptionsList = _c === void 0 ? shared.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? shared.Optgroup : _d, _e = _a.Option, Option = _e === void 0 ? option_Component.Option : _e, view = _a.view, loading = _a.loading, _f = _a.size, size = _f === void 0 ? 'm' : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionClassName = _a.optionClassName, showArrow = _a.showArrow, _h = _a.Field, Field = _h === void 0 ? field_Component.Field : _h, _j = _a.fieldProps, fieldProps = _j === void 0 ? {} : _j, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionClassName", "showArrow", "Field", "fieldProps"]);
+    var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
+    var fieldDefaultProps = {
+        view: view,
+        loading: loading,
+        /** size у select, button несовместимы */
+        buttonSize: size,
+        buttonVariant: variant,
+        leftAddons: leftAddons,
+        rightAddons: rightAddons,
+        showArrow: showArrow,
+        breakpoint: 1,
+    };
+    return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default.default(styles__default.default.container, className), popperClassName: cn__default.default('cc-picker-button', styles__default.default.optionsPopover, popperClassName, (_b = {},
+            _b[styles__default.default.sideGap] = isSideGap,
+            _b)), optionClassName: cn__default.default(styles__default.default.option, optionClassName), selected: [], closeOnSelect: true })));
+});
+
+exports.PickerButtonDesktop = PickerButtonDesktop;

package/picker-button/cssm/desktop/index.d.ts

@@ -1,2 +1,2 @@
-export { PickerButtonDesktop, PickerButtonDesktopProps } from "../Component.desktop";
+export { PickerButtonDesktop, PickerButtonDesktopProps } from "./Component.desktop";
 export {};

package/picker-button/cssm/desktop/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('../Component.desktop.js');
+var desktop_Component_desktop = require('./Component.desktop.js');
 require('tslib');
 require('react');
 require('classnames');
@@ -19,4 +19,4 @@ require('../index.module.css');
 
 
 
-exports.PickerButtonDesktop = Component_desktop.PickerButtonDesktop;
+exports.PickerButtonDesktop = desktop_Component_desktop.PickerButtonDesktop;