@alfalab/core-components-picker-button 12.1.0 → 13.0.0-8406faee42e08c133fbcbb0de3e6eb2df6766dd2

package/cssm/desktop/Component.desktop.d.ts

@@ -11,7 +11,7 @@ export declare type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholde
     }>;
     /**
      * Размер кнопки
-     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
+     * @default 56
      */
     size?: PickerButtonSize;
     /**
@@ -37,7 +37,7 @@ export declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<B
     }>;
     /**
      * Размер кнопки
-     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
+     * @default 56
      */
     size?: PickerButtonSize | undefined;
     /**

package/cssm/desktop/Component.desktop.js

@@ -34,7 +34,7 @@ var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
         breakpoint: 1,
         icon: icon,
     };
-    return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({}, restProps, { Popover: cssm.Popover, view: 'desktop', optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: Field, size: size === 'm' || size === 56 ? 56 : 48, 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 = {},
+    return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({}, restProps, { Popover: cssm.Popover, view: 'desktop', optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: Field, size: size === 56 ? 56 : 48, 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 })));
 });

package/cssm/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { type ComponentType, forwardRef, type SVGProps } from 'react';\nimport cn from 'classnames';\n\nimport { type ButtonProps } from '@alfalab/core-components-button';\nimport { Popover } from '@alfalab/core-components-popover';\nimport {\n    BaseSelect,\n    type BaseSelectProps,\n    Optgroup as DefaultOptgroup,\n    OptionsList as DefaultOptionsList,\n} from '@alfalab/core-components-select/shared';\n\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\nimport { type PickerButtonSize, type PickerButtonVariant } from '../types';\n\nimport styles from '../index.module.css';\n\nconst SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];\n\nexport type PickerButtonDesktopProps = Omit<\n    BaseSelectProps,\n    | 'placeholder'\n    | 'Arrow'\n    | 'autocomplete'\n    | 'size'\n    | 'onFocus'\n    | 'selected'\n    | 'closeOnSelect'\n    | 'multiple'\n    | 'hint'\n    | 'allowUnselect'\n    | 'options'\n    | 'searchProps'\n    | 'showSearch'\n    | 'Search'\n> &\n    Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {\n        options: Array<\n            BaseSelectProps['options'][0] & {\n                /**\n                 * Иконка, отображающаяся слева от текстового представления пункта\n                 */\n                icon?: ComponentType<SVGProps<SVGSVGElement>>;\n            }\n        >;\n\n        /**\n         * Размер кнопки\n         * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно\n         */\n        size?: PickerButtonSize;\n\n        /**\n         * Тип кнопки\n         */\n        variant?: PickerButtonVariant;\n\n        /**\n         * Показывать стрелку\n         * @default true\n         */\n        showArrow?: boolean;\n\n        /**\n         * Кастомная иконка при variant = compact\n         */\n        icon?: ComponentType<SVGProps<SVGSVGElement>>;\n    };\n\nexport const PickerButtonDesktop = forwardRef<HTMLInputElement, PickerButtonDesktopProps>(\n    (\n        {\n            OptionsList = DefaultOptionsList,\n            Optgroup = DefaultOptgroup,\n            Option = DefaultOption,\n            view,\n            loading,\n            size = 56,\n            variant = 'default',\n            className,\n            leftAddons,\n            rightAddons,\n            popperClassName,\n            optionClassName,\n            showArrow,\n            Field = DefaultField,\n            fieldProps = {},\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isSideGap =\n            !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);\n\n        const fieldDefaultProps = {\n            view,\n            loading,\n            /** size у select, button несовместимы */\n            buttonSize: size,\n            buttonVariant: variant,\n            leftAddons,\n            rightAddons,\n            showArrow,\n            breakpoint: 1,\n            icon,\n        };\n\n        return (\n            <BaseSelect\n                {...restProps}\n                Popover={Popover}\n                view='desktop'\n                optionProps={{ Checkmark: null }}\n                ref={ref}\n                Option={Option}\n                Field={Field}\n                size={size === 'm' || size === 56 ? 56 : 48}\n                fieldProps={{\n                    ...fieldDefaultProps,\n                    ...(fieldProps as object),\n                }}\n                Optgroup={Optgroup}\n                OptionsList={OptionsList}\n                className={cn(styles.container, className)}\n                popperClassName={cn('cc-picker-button', styles.optionsPopover, popperClassName, {\n                    [styles.sideGap]: isSideGap,\n                })}\n                optionClassName={cn(styles.option, optionClassName)}\n                selected={[]}\n                closeOnSelect={true}\n            />\n        );\n    },\n);\n"],"names":["forwardRef","DefaultOptionsList","DefaultOptgroup","DefaultOption","DefaultField","__rest","React","BaseSelect","Popover","__assign","cn","styles"],"mappings":"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"}
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { type ComponentType, forwardRef, type SVGProps } from 'react';\nimport cn from 'classnames';\n\nimport { type ButtonProps } from '@alfalab/core-components-button';\nimport { Popover } from '@alfalab/core-components-popover';\nimport {\n    BaseSelect,\n    type BaseSelectProps,\n    Optgroup as DefaultOptgroup,\n    OptionsList as DefaultOptionsList,\n} from '@alfalab/core-components-select/shared';\n\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\nimport { type PickerButtonSize, type PickerButtonVariant } from '../types';\n\nimport styles from '../index.module.css';\n\nconst SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];\n\nexport type PickerButtonDesktopProps = Omit<\n    BaseSelectProps,\n    | 'placeholder'\n    | 'Arrow'\n    | 'autocomplete'\n    | 'size'\n    | 'onFocus'\n    | 'selected'\n    | 'closeOnSelect'\n    | 'multiple'\n    | 'hint'\n    | 'allowUnselect'\n    | 'options'\n    | 'searchProps'\n    | 'showSearch'\n    | 'Search'\n> &\n    Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {\n        options: Array<\n            BaseSelectProps['options'][0] & {\n                /**\n                 * Иконка, отображающаяся слева от текстового представления пункта\n                 */\n                icon?: ComponentType<SVGProps<SVGSVGElement>>;\n            }\n        >;\n\n        /**\n         * Размер кнопки\n         * @default 56\n         */\n        size?: PickerButtonSize;\n\n        /**\n         * Тип кнопки\n         */\n        variant?: PickerButtonVariant;\n\n        /**\n         * Показывать стрелку\n         * @default true\n         */\n        showArrow?: boolean;\n\n        /**\n         * Кастомная иконка при variant = compact\n         */\n        icon?: ComponentType<SVGProps<SVGSVGElement>>;\n    };\n\nexport const PickerButtonDesktop = forwardRef<HTMLInputElement, PickerButtonDesktopProps>(\n    (\n        {\n            OptionsList = DefaultOptionsList,\n            Optgroup = DefaultOptgroup,\n            Option = DefaultOption,\n            view,\n            loading,\n            size = 56,\n            variant = 'default',\n            className,\n            leftAddons,\n            rightAddons,\n            popperClassName,\n            optionClassName,\n            showArrow,\n            Field = DefaultField,\n            fieldProps = {},\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isSideGap =\n            !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);\n\n        const fieldDefaultProps = {\n            view,\n            loading,\n            /** size у select, button несовместимы */\n            buttonSize: size,\n            buttonVariant: variant,\n            leftAddons,\n            rightAddons,\n            showArrow,\n            breakpoint: 1,\n            icon,\n        };\n\n        return (\n            <BaseSelect\n                {...restProps}\n                Popover={Popover}\n                view='desktop'\n                optionProps={{ Checkmark: null }}\n                ref={ref}\n                Option={Option}\n                Field={Field}\n                size={size === 56 ? 56 : 48}\n                fieldProps={{\n                    ...fieldDefaultProps,\n                    ...(fieldProps as object),\n                }}\n                Optgroup={Optgroup}\n                OptionsList={OptionsList}\n                className={cn(styles.container, className)}\n                popperClassName={cn('cc-picker-button', styles.optionsPopover, popperClassName, {\n                    [styles.sideGap]: isSideGap,\n                })}\n                optionClassName={cn(styles.option, optionClassName)}\n                selected={[]}\n                closeOnSelect={true}\n            />\n        );\n    },\n);\n"],"names":["forwardRef","DefaultOptionsList","DefaultOptgroup","DefaultOption","DefaultField","__rest","React","BaseSelect","__assign","Popover","cn","styles"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,IAAM,cAAc,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC;IAoDjF,mBAAmB,GAAGA,gBAAU,CACzC,UACI,EAkBC,EACD,GAAG,EAAA;;AAlBC,IAAA,IAAA,mBAAgC,EAAhC,WAAW,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAkB,KAAA,EAChC,EAAA,GAAA,EAAA,CAAA,QAA0B,EAA1B,QAAQ,mBAAGC,eAAe,GAAA,EAAA,EAC1B,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAGC,kBAAa,GAAA,EAAA,EACtB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,aAAA,EACP,EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,IAAI,mBAAG,EAAE,GAAA,EAAA,EACT,EAAmB,GAAA,EAAA,CAAA,OAAA,EAAnB,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,GAAA,EAAA,EACnB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,mBAAGC,eAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,SAAS,GAAAC,YAAA,CAAA,EAAA,EAjBhB,uMAkBC,CADe;AAIhB,IAAA,IAAM,SAAS,GACX,CAAC,CAAC,SAAS,CAAC,eAAe,IAAI,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,eAAe,CAAC;AAErF,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,iBAAU,EACHC,cAAA,CAAA,EAAA,EAAA,SAAS,IACb,OAAO,EAAEC,YAAO,EAChB,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAChC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3B,UAAU,oCACH,iBAAiB,CAAA,EAChB,UAAqB,CAAA,EAE7B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,eAAe,EAAED,mBAAE,CAAC,kBAAkB,EAAEC,uBAAM,CAAC,cAAc,EAAE,eAAe,GAAA,EAAA,GAAA,EAAA;AAC1E,YAAA,EAAA,CAACA,uBAAM,CAAC,OAAO,CAAA,GAAG,SAAS;gBAC7B,EACF,eAAe,EAAED,mBAAE,CAACC,uBAAM,CAAC,MAAM,EAAE,eAAe,CAAC,EACnD,QAAQ,EAAE,EAAE,EACZ,aAAa,EAAE,IAAI,EAAA,CAAA,CACrB;AAEV,CAAC;;;;"}

package/cssm/field/Component.js

@@ -15,24 +15,10 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-var SIZE_TO_CLASSNAME_MAP = {
-    xxs: 'size-32',
-    xs: 'size-40',
-    s: 'size-48',
-    m: 'size-56',
-    l: 'size-64',
-    xl: 'size-72',
-    32: 'size-32',
-    40: 'size-40',
-    48: 'size-48',
-    56: 'size-56',
-    64: 'size-64',
-    72: 'size-72',
-};
 var Field = function (_a) {
     var _b, _c;
     var _d = _a.buttonSize, buttonSize = _d === void 0 ? 56 : _d, _e = _a.buttonVariant, buttonVariant = _e === void 0 ? 'default' : _e, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _f = _a.showArrow, showArrow = _f === void 0 ? true : _f; _a.labelView; _a.FormControlComponent; var icon = _a.icon; _a.onClear; var restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView", "FormControlComponent", "icon", "onClear"]);
-    var Icon = index.getIcon(buttonVariant, SIZE_TO_CLASSNAME_MAP[buttonSize], icon);
+    var Icon = index.getIcon(buttonVariant, "size-".concat(buttonSize), icon);
     var ref = innerProps.ref, restInnerProps = tslib.__rest(innerProps, ["ref"]);
     var buttonProps = tslib.__assign(tslib.__assign({}, restProps), restInnerProps);
     return (React__default.default.createElement("div", { ref: ref },
@@ -42,7 +28,7 @@ var Field = function (_a) {
                         _b)) }, rightAddons)),
                 (showArrow || buttonVariant === 'compact') && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.iconContainer, buttonVariant !== 'compact' && open && styles__default.default.open) },
                     React__default.default.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn__default.default(className, (_c = {},
-                _c[styles__default.default.linkOpen] = view === 'link' && open,
+                _c[styles__default.default.linkOpen] = view === 'transparent' && open,
                 _c)) }), buttonVariant !== 'compact' && label)));
 };
 

package/cssm/field/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../src/field/Component.tsx"],"sourcesContent":["import React, {\n    type ButtonHTMLAttributes,\n    type ComponentType,\n    Fragment,\n    type SVGProps,\n} from 'react';\nimport cn from 'classnames';\n\nimport { Button, type ButtonProps } from '@alfalab/core-components-button';\nimport { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/typings';\n\nimport { type PickerButtonSize, type PickerButtonVariant } from '../types';\nimport { getIcon } from '../utils';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> &\n    ButtonProps & {\n        buttonSize?: PickerButtonSize;\n        buttonVariant?: PickerButtonVariant;\n        showArrow?: boolean;\n        icon?: ComponentType<SVGProps<SVGSVGElement>>;\n    };\n\nconst SIZE_TO_CLASSNAME_MAP = {\n    xxs: 'size-32',\n    xs: 'size-40',\n    s: 'size-48',\n    m: 'size-56',\n    l: 'size-64',\n    xl: 'size-72',\n    32: 'size-32',\n    40: 'size-40',\n    48: 'size-48',\n    56: 'size-56',\n    64: 'size-64',\n    72: 'size-72',\n};\n\nexport const Field = ({\n    buttonSize = 56,\n    buttonVariant = 'default',\n    view,\n    label,\n    open,\n    multiple,\n    rightAddons,\n    Arrow,\n    innerProps,\n    className,\n    selected,\n    selectedMultiple,\n    setSelectedItems,\n    toggleMenu,\n    valueRenderer,\n    showArrow = true,\n    labelView,\n    FormControlComponent,\n    icon,\n    onClear,\n    ...restProps\n}: FieldProps) => {\n    const Icon: ComponentType<SVGProps<SVGSVGElement>> = getIcon(\n        buttonVariant,\n        SIZE_TO_CLASSNAME_MAP[buttonSize],\n        icon,\n    );\n\n    const { ref, ...restInnerProps } = innerProps;\n\n    const buttonProps = {\n        ...restProps,\n        ...restInnerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <div ref={ref}>\n            <Button\n                {...buttonProps}\n                rightAddons={\n                    <Fragment>\n                        {rightAddons && (\n                            <span\n                                className={cn(styles.addonsContainer, {\n                                    [styles.showControlIcon]:\n                                        showArrow || buttonVariant === 'compact',\n                                })}\n                            >\n                                {rightAddons}\n                            </span>\n                        )}\n\n                        {(showArrow || buttonVariant === 'compact') && (\n                            <span\n                                className={cn(\n                                    styles.iconContainer,\n                                    buttonVariant !== 'compact' && open && styles.open,\n                                )}\n                            >\n                                <Icon data-test-id='picker-button-icon' />\n                            </span>\n                        )}\n                    </Fragment>\n                }\n                block={true}\n                view={view}\n                size={buttonSize}\n                className={cn(className, {\n                    [styles.linkOpen]: view === 'link' && open,\n                })}\n            >\n                {buttonVariant !== 'compact' && label}\n            </Button>\n        </div>\n    );\n};\n"],"names":["__rest","getIcon","__assign","React","Button","Fragment","cn","styles"],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../src/field/Component.tsx"],"sourcesContent":["import React, {\n    type ButtonHTMLAttributes,\n    type ComponentType,\n    Fragment,\n    type SVGProps,\n} from 'react';\nimport cn from 'classnames';\n\nimport { Button, type ButtonProps } from '@alfalab/core-components-button';\nimport { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/typings';\n\nimport { type PickerButtonSize, type PickerButtonVariant } from '../types';\nimport { getIcon } from '../utils';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> &\n    ButtonProps & {\n        buttonSize?: PickerButtonSize;\n        buttonVariant?: PickerButtonVariant;\n        showArrow?: boolean;\n        icon?: ComponentType<SVGProps<SVGSVGElement>>;\n    };\n\nexport const Field = ({\n    buttonSize = 56,\n    buttonVariant = 'default',\n    view,\n    label,\n    open,\n    multiple,\n    rightAddons,\n    Arrow,\n    innerProps,\n    className,\n    selected,\n    selectedMultiple,\n    setSelectedItems,\n    toggleMenu,\n    valueRenderer,\n    showArrow = true,\n    labelView,\n    FormControlComponent,\n    icon,\n    onClear,\n    ...restProps\n}: FieldProps) => {\n    const Icon: ComponentType<SVGProps<SVGSVGElement>> = getIcon(\n        buttonVariant,\n        `size-${buttonSize}`,\n        icon,\n    );\n\n    const { ref, ...restInnerProps } = innerProps;\n\n    const buttonProps = {\n        ...restProps,\n        ...restInnerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <div ref={ref}>\n            <Button\n                {...buttonProps}\n                rightAddons={\n                    <Fragment>\n                        {rightAddons && (\n                            <span\n                                className={cn(styles.addonsContainer, {\n                                    [styles.showControlIcon]:\n                                        showArrow || buttonVariant === 'compact',\n                                })}\n                            >\n                                {rightAddons}\n                            </span>\n                        )}\n\n                        {(showArrow || buttonVariant === 'compact') && (\n                            <span\n                                className={cn(\n                                    styles.iconContainer,\n                                    buttonVariant !== 'compact' && open && styles.open,\n                                )}\n                            >\n                                <Icon data-test-id='picker-button-icon' />\n                            </span>\n                        )}\n                    </Fragment>\n                }\n                block={true}\n                view={view}\n                size={buttonSize}\n                className={cn(className, {\n                    [styles.linkOpen]: view === 'transparent' && open,\n                })}\n            >\n                {buttonVariant !== 'compact' && label}\n            </Button>\n        </div>\n    );\n};\n"],"names":["__rest","getIcon","__assign","React","Button","Fragment","cn","styles"],"mappings":"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"}

package/cssm/field/index.module.css

@@ -1,19 +1,26 @@
 :root {
     --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
-} :root {
+}
+:root {
     --gap-2xs: 4px;
     --gap-4: var(--gap-2xs);
-} :root {
+}
+:root {
     --arrow-transform: rotate(180deg);
-} .iconContainer {
+}
+.iconContainer {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .addonsContainer {
+}
+.addonsContainer {
     display: flex;
-} .addonsContainer.showControlIcon {
+}
+.addonsContainer.showControlIcon {
         margin-right: var(--gap-4);
-    } .open {
+    }
+.open {
     transform: var(--arrow-transform);
-} .linkOpen:not(:hover) {
+}
+.linkOpen:not(:hover) {
     background-color: var(--color-light-transparent-default-hover);
 }

package/cssm/index.module.css

@@ -4,12 +4,16 @@
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
-} .container {
+}
+.container {
     min-width: auto;
-} .optionsPopover.sideGap:global(.cc-picker-button) {
+}
+.optionsPopover.sideGap:global(.cc-picker-button) {
             padding: var(--gap-0) var(--gap-8);
-        } :global(.cc-picker-button) .option {
+        }
+:global(.cc-picker-button) .option {
         padding: var(--gap-0) var(--gap-16);
-    } :global(.cc-picker-button) .option:before {
+    }
+:global(.cc-picker-button) .option:before {
             display: none;
         }

package/cssm/mobile/Component.mobile.js

@@ -27,7 +27,7 @@ var PickerButtonMobile = React.forwardRef(function (_a, ref) {
         breakpoint: breakpoint,
         icon: icon,
     };
-    return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true, showSwipeMarker: false }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 'm' || size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
+    return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true, showSwipeMarker: false }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
 });
 
 exports.PickerButtonMobile = PickerButtonMobile;

package/cssm/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n    type AdditionalMobileProps,\n    type BottomSheetSelectMobileProps,\n    Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport { type PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n    PickerButtonDesktopProps,\n    'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка для кнопки, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n    };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n    (\n        {\n            options,\n            label,\n            Option = DefaultOption,\n            Optgroup = DefaultOptgroup,\n            view,\n            loading,\n            variant = 'default',\n            leftAddons,\n            rightAddons,\n            size,\n            bottomSheetProps,\n            showArrow,\n            Field = DefaultField,\n            fieldProps = {},\n            icon,\n            breakpoint,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const fieldDefaultProps = {\n            view,\n            loading,\n            /** size у select, button несовместимы */\n            buttonSize: size,\n            buttonVariant: variant,\n            leftAddons,\n            rightAddons,\n            showArrow,\n            breakpoint,\n            icon,\n        };\n\n        return (\n            <SelectMobile\n                {...restProps}\n                label={label}\n                Option={Option}\n                bottomSheetProps={{\n                    title: label,\n                    stickyHeader: true,\n                    showSwipeMarker: false,\n                    ...bottomSheetProps,\n                }}\n                Field={Field}\n                Optgroup={Optgroup}\n                size={size === 'm' || size === 56 ? 56 : 48}\n                closeOnSelect={true}\n                fieldProps={{\n                    ...fieldDefaultProps,\n                    ...(fieldProps as object),\n                }}\n                ref={ref}\n                options={options}\n                selected={[]}\n            />\n        );\n    },\n);\n"],"names":["forwardRef","DefaultOption","DefaultOptgroup","DefaultField","__rest","React","SelectMobile","__assign"],"mappings":";;;;;;;;;;;;;;;IA0Ba,kBAAkB,GAAGA,gBAAU,CACxC,UACI,EAkBC,EACD,GAAG,EAAA;AAlBC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,GAAA,EAAA,EACtB,gBAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,eAAe,GAAA,EAAA,EAC1B,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,mBAAGC,eAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAC,YAAA,CAAA,EAAA,EAjBhB,2LAkBC,CADe;AAIhB,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,mBAAY,EACLC,cAAA,CAAA,EAAA,EAAA,SAAS,IACb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,gBAAgB,mBACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,KAAK,EAAA,EACnB,gBAAgB,CAAA,EAEvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3C,aAAa,EAAE,IAAI,EACnB,UAAU,EAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EACH,iBAAiB,CAChB,EAAA,UAAqB,CAE7B,EAAA,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,EAAA,CAAA,CACd;AAEV,CAAC;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n    type AdditionalMobileProps,\n    type BottomSheetSelectMobileProps,\n    Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport { type PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n    PickerButtonDesktopProps,\n    'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка для кнопки, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n    };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n    (\n        {\n            options,\n            label,\n            Option = DefaultOption,\n            Optgroup = DefaultOptgroup,\n            view,\n            loading,\n            variant = 'default',\n            leftAddons,\n            rightAddons,\n            size,\n            bottomSheetProps,\n            showArrow,\n            Field = DefaultField,\n            fieldProps = {},\n            icon,\n            breakpoint,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const fieldDefaultProps = {\n            view,\n            loading,\n            /** size у select, button несовместимы */\n            buttonSize: size,\n            buttonVariant: variant,\n            leftAddons,\n            rightAddons,\n            showArrow,\n            breakpoint,\n            icon,\n        };\n\n        return (\n            <SelectMobile\n                {...restProps}\n                label={label}\n                Option={Option}\n                bottomSheetProps={{\n                    title: label,\n                    stickyHeader: true,\n                    showSwipeMarker: false,\n                    ...bottomSheetProps,\n                }}\n                Field={Field}\n                Optgroup={Optgroup}\n                size={size === 56 ? 56 : 48}\n                closeOnSelect={true}\n                fieldProps={{\n                    ...fieldDefaultProps,\n                    ...(fieldProps as object),\n                }}\n                ref={ref}\n                options={options}\n                selected={[]}\n            />\n        );\n    },\n);\n"],"names":["forwardRef","DefaultOption","DefaultOptgroup","DefaultField","__rest","React","SelectMobile","__assign"],"mappings":";;;;;;;;;;;;;;;IA0Ba,kBAAkB,GAAGA,gBAAU,CACxC,UACI,EAkBC,EACD,GAAG,EAAA;AAlBC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,GAAA,EAAA,EACtB,gBAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,eAAe,GAAA,EAAA,EAC1B,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,mBAAGC,eAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAC,YAAA,CAAA,EAAA,EAjBhB,2LAkBC,CADe;AAIhB,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,mBAAY,EAAAC,cAAA,CAAA,EAAA,EACL,SAAS,EACb,EAAA,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,gBAAgB,EACZA,cAAA,CAAA,EAAA,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,KAAK,EACnB,EAAA,gBAAgB,GAEvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3B,aAAa,EAAE,IAAI,EACnB,UAAU,EACHA,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,iBAAiB,GAChB,UAAqB,CAAA,EAE7B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,EAAA,CAAA,CACd;AAEV,CAAC;;;;"}

package/cssm/option/index.module.css

@@ -1,13 +1,16 @@
 :root {
     --gap-s: 12px;
     --gap-12: var(--gap-s);
-} .container {
+}
+.container {
     display: flex;
     align-items: center;
-} .icon {
+}
+.icon {
     display: flex;
     margin-right: var(--gap-12);
-} .content {
+}
+.content {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/cssm/types.d.ts

@@ -1,2 +1,2 @@
-export declare type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 32 | 40 | 48 | 56 | 64 | 72;
+export declare type PickerButtonSize = 32 | 40 | 48 | 56 | 64 | 72;
 export declare type PickerButtonVariant = 'default' | 'compact';

package/desktop/Component.desktop.d.ts

@@ -11,7 +11,7 @@ export declare type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholde
     }>;
     /**
      * Размер кнопки
-     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
+     * @default 56
      */
     size?: PickerButtonSize;
     /**
@@ -37,7 +37,7 @@ export declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<B
     }>;
     /**
      * Размер кнопки
-     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
+     * @default 56
      */
     size?: PickerButtonSize | undefined;
     /**

package/desktop/Component.desktop.js

@@ -33,7 +33,7 @@ var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
         breakpoint: 1,
         icon: icon,
     };
-    return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({}, restProps, { Popover: coreComponentsPopover.Popover, view: 'desktop', optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: Field, size: size === 'm' || size === 56 ? 56 : 48, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default.default(index_module.container, className), popperClassName: cn__default.default('cc-picker-button', index_module.optionsPopover, popperClassName, (_b = {},
+    return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({}, restProps, { Popover: coreComponentsPopover.Popover, view: 'desktop', optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: Field, size: size === 56 ? 56 : 48, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default.default(index_module.container, className), popperClassName: cn__default.default('cc-picker-button', index_module.optionsPopover, popperClassName, (_b = {},
             _b[index_module.sideGap] = isSideGap,
             _b)), optionClassName: cn__default.default(index_module.option, optionClassName), selected: [], closeOnSelect: true })));
 });

package/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { type ComponentType, forwardRef, type SVGProps } from 'react';\nimport cn from 'classnames';\n\nimport { type ButtonProps } from '@alfalab/core-components-button';\nimport { Popover } from '@alfalab/core-components-popover';\nimport {\n    BaseSelect,\n    type BaseSelectProps,\n    Optgroup as DefaultOptgroup,\n    OptionsList as DefaultOptionsList,\n} from '@alfalab/core-components-select/shared';\n\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\nimport { type PickerButtonSize, type PickerButtonVariant } from '../types';\n\nimport styles from '../index.module.css';\n\nconst SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];\n\nexport type PickerButtonDesktopProps = Omit<\n    BaseSelectProps,\n    | 'placeholder'\n    | 'Arrow'\n    | 'autocomplete'\n    | 'size'\n    | 'onFocus'\n    | 'selected'\n    | 'closeOnSelect'\n    | 'multiple'\n    | 'hint'\n    | 'allowUnselect'\n    | 'options'\n    | 'searchProps'\n    | 'showSearch'\n    | 'Search'\n> &\n    Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {\n        options: Array<\n            BaseSelectProps['options'][0] & {\n                /**\n                 * Иконка, отображающаяся слева от текстового представления пункта\n                 */\n                icon?: ComponentType<SVGProps<SVGSVGElement>>;\n            }\n        >;\n\n        /**\n         * Размер кнопки\n         * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно\n         */\n        size?: PickerButtonSize;\n\n        /**\n         * Тип кнопки\n         */\n        variant?: PickerButtonVariant;\n\n        /**\n         * Показывать стрелку\n         * @default true\n         */\n        showArrow?: boolean;\n\n        /**\n         * Кастомная иконка при variant = compact\n         */\n        icon?: ComponentType<SVGProps<SVGSVGElement>>;\n    };\n\nexport const PickerButtonDesktop = forwardRef<HTMLInputElement, PickerButtonDesktopProps>(\n    (\n        {\n            OptionsList = DefaultOptionsList,\n            Optgroup = DefaultOptgroup,\n            Option = DefaultOption,\n            view,\n            loading,\n            size = 56,\n            variant = 'default',\n            className,\n            leftAddons,\n            rightAddons,\n            popperClassName,\n            optionClassName,\n            showArrow,\n            Field = DefaultField,\n            fieldProps = {},\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isSideGap =\n            !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);\n\n        const fieldDefaultProps = {\n            view,\n            loading,\n            /** size у select, button несовместимы */\n            buttonSize: size,\n            buttonVariant: variant,\n            leftAddons,\n            rightAddons,\n            showArrow,\n            breakpoint: 1,\n            icon,\n        };\n\n        return (\n            <BaseSelect\n                {...restProps}\n                Popover={Popover}\n                view='desktop'\n                optionProps={{ Checkmark: null }}\n                ref={ref}\n                Option={Option}\n                Field={Field}\n                size={size === 'm' || size === 56 ? 56 : 48}\n                fieldProps={{\n                    ...fieldDefaultProps,\n                    ...(fieldProps as object),\n                }}\n                Optgroup={Optgroup}\n                OptionsList={OptionsList}\n                className={cn(styles.container, className)}\n                popperClassName={cn('cc-picker-button', styles.optionsPopover, popperClassName, {\n                    [styles.sideGap]: isSideGap,\n                })}\n                optionClassName={cn(styles.option, optionClassName)}\n                selected={[]}\n                closeOnSelect={true}\n            />\n        );\n    },\n);\n"],"names":["forwardRef","DefaultOptionsList","DefaultOptgroup","DefaultOption","DefaultField","__rest","React","BaseSelect","Popover","__assign","cn","styles"],"mappings":"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"}
+{"version":3,"file":"Component.desktop.js","sources":["../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { type ComponentType, forwardRef, type SVGProps } from 'react';\nimport cn from 'classnames';\n\nimport { type ButtonProps } from '@alfalab/core-components-button';\nimport { Popover } from '@alfalab/core-components-popover';\nimport {\n    BaseSelect,\n    type BaseSelectProps,\n    Optgroup as DefaultOptgroup,\n    OptionsList as DefaultOptionsList,\n} from '@alfalab/core-components-select/shared';\n\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\nimport { type PickerButtonSize, type PickerButtonVariant } from '../types';\n\nimport styles from '../index.module.css';\n\nconst SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];\n\nexport type PickerButtonDesktopProps = Omit<\n    BaseSelectProps,\n    | 'placeholder'\n    | 'Arrow'\n    | 'autocomplete'\n    | 'size'\n    | 'onFocus'\n    | 'selected'\n    | 'closeOnSelect'\n    | 'multiple'\n    | 'hint'\n    | 'allowUnselect'\n    | 'options'\n    | 'searchProps'\n    | 'showSearch'\n    | 'Search'\n> &\n    Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {\n        options: Array<\n            BaseSelectProps['options'][0] & {\n                /**\n                 * Иконка, отображающаяся слева от текстового представления пункта\n                 */\n                icon?: ComponentType<SVGProps<SVGSVGElement>>;\n            }\n        >;\n\n        /**\n         * Размер кнопки\n         * @default 56\n         */\n        size?: PickerButtonSize;\n\n        /**\n         * Тип кнопки\n         */\n        variant?: PickerButtonVariant;\n\n        /**\n         * Показывать стрелку\n         * @default true\n         */\n        showArrow?: boolean;\n\n        /**\n         * Кастомная иконка при variant = compact\n         */\n        icon?: ComponentType<SVGProps<SVGSVGElement>>;\n    };\n\nexport const PickerButtonDesktop = forwardRef<HTMLInputElement, PickerButtonDesktopProps>(\n    (\n        {\n            OptionsList = DefaultOptionsList,\n            Optgroup = DefaultOptgroup,\n            Option = DefaultOption,\n            view,\n            loading,\n            size = 56,\n            variant = 'default',\n            className,\n            leftAddons,\n            rightAddons,\n            popperClassName,\n            optionClassName,\n            showArrow,\n            Field = DefaultField,\n            fieldProps = {},\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isSideGap =\n            !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);\n\n        const fieldDefaultProps = {\n            view,\n            loading,\n            /** size у select, button несовместимы */\n            buttonSize: size,\n            buttonVariant: variant,\n            leftAddons,\n            rightAddons,\n            showArrow,\n            breakpoint: 1,\n            icon,\n        };\n\n        return (\n            <BaseSelect\n                {...restProps}\n                Popover={Popover}\n                view='desktop'\n                optionProps={{ Checkmark: null }}\n                ref={ref}\n                Option={Option}\n                Field={Field}\n                size={size === 56 ? 56 : 48}\n                fieldProps={{\n                    ...fieldDefaultProps,\n                    ...(fieldProps as object),\n                }}\n                Optgroup={Optgroup}\n                OptionsList={OptionsList}\n                className={cn(styles.container, className)}\n                popperClassName={cn('cc-picker-button', styles.optionsPopover, popperClassName, {\n                    [styles.sideGap]: isSideGap,\n                })}\n                optionClassName={cn(styles.option, optionClassName)}\n                selected={[]}\n                closeOnSelect={true}\n            />\n        );\n    },\n);\n"],"names":["forwardRef","DefaultOptionsList","DefaultOptgroup","DefaultOption","DefaultField","__rest","React","BaseSelect","__assign","Popover","cn","styles"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,IAAM,cAAc,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC;IAoDjF,mBAAmB,GAAGA,gBAAU,CACzC,UACI,EAkBC,EACD,GAAG,EAAA;;AAlBC,IAAA,IAAA,mBAAgC,EAAhC,WAAW,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAkB,KAAA,EAChC,EAAA,GAAA,EAAA,CAAA,QAA0B,EAA1B,QAAQ,mBAAGC,eAAe,GAAA,EAAA,EAC1B,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAGC,kBAAa,GAAA,EAAA,EACtB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,aAAA,EACP,EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,IAAI,mBAAG,EAAE,GAAA,EAAA,EACT,EAAmB,GAAA,EAAA,CAAA,OAAA,EAAnB,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,GAAA,EAAA,EACnB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,mBAAGC,eAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,SAAS,GAAAC,YAAA,CAAA,EAAA,EAjBhB,uMAkBC,CADe;AAIhB,IAAA,IAAM,SAAS,GACX,CAAC,CAAC,SAAS,CAAC,eAAe,IAAI,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,eAAe,CAAC;AAErF,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,iBAAU,EACHC,cAAA,CAAA,EAAA,EAAA,SAAS,IACb,OAAO,EAAEC,6BAAO,EAChB,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAChC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3B,UAAU,oCACH,iBAAiB,CAAA,EAChB,UAAqB,CAAA,EAE7B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,eAAe,EAAED,mBAAE,CAAC,kBAAkB,EAAEC,YAAM,CAAC,cAAc,EAAE,eAAe,GAAA,EAAA,GAAA,EAAA;AAC1E,YAAA,EAAA,CAACA,YAAM,CAAC,OAAO,CAAA,GAAG,SAAS;gBAC7B,EACF,eAAe,EAAED,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,eAAe,CAAC,EACnD,QAAQ,EAAE,EAAE,EACZ,aAAa,EAAE,IAAI,EAAA,CAAA,CACrB;AAEV,CAAC;;;;"}

package/esm/desktop/Component.desktop.d.ts

@@ -11,7 +11,7 @@ export declare type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholde
     }>;
     /**
      * Размер кнопки
-     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
+     * @default 56
      */
     size?: PickerButtonSize;
     /**
@@ -37,7 +37,7 @@ export declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<B
     }>;
     /**
      * Размер кнопки
-     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
+     * @default 56
      */
     size?: PickerButtonSize | undefined;
     /**

package/esm/desktop/Component.desktop.js

@@ -24,7 +24,7 @@ var PickerButtonDesktop = forwardRef(function (_a, ref) {
         breakpoint: 1,
         icon: icon,
     };
-    return (React.createElement(BaseSelect, __assign({}, restProps, { Popover: Popover, view: 'desktop', optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field$1, size: size === 'm' || size === 56 ? 56 : 48, fieldProps: __assign(__assign({}, fieldDefaultProps), fieldProps), Optgroup: Optgroup$1, OptionsList: OptionsList$1, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
+    return (React.createElement(BaseSelect, __assign({}, restProps, { Popover: Popover, view: 'desktop', optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field$1, size: size === 56 ? 56 : 48, fieldProps: __assign(__assign({}, fieldDefaultProps), fieldProps), Optgroup: Optgroup$1, OptionsList: OptionsList$1, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
             _b[styles.sideGap] = isSideGap,
             _b)), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true })));
 });

package/esm/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { type ComponentType, forwardRef, type SVGProps } from 'react';\nimport cn from 'classnames';\n\nimport { type ButtonProps } from '@alfalab/core-components-button';\nimport { Popover } from '@alfalab/core-components-popover';\nimport {\n    BaseSelect,\n    type BaseSelectProps,\n    Optgroup as DefaultOptgroup,\n    OptionsList as DefaultOptionsList,\n} from '@alfalab/core-components-select/shared';\n\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\nimport { type PickerButtonSize, type PickerButtonVariant } from '../types';\n\nimport styles from '../index.module.css';\n\nconst SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];\n\nexport type PickerButtonDesktopProps = Omit<\n    BaseSelectProps,\n    | 'placeholder'\n    | 'Arrow'\n    | 'autocomplete'\n    | 'size'\n    | 'onFocus'\n    | 'selected'\n    | 'closeOnSelect'\n    | 'multiple'\n    | 'hint'\n    | 'allowUnselect'\n    | 'options'\n    | 'searchProps'\n    | 'showSearch'\n    | 'Search'\n> &\n    Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {\n        options: Array<\n            BaseSelectProps['options'][0] & {\n                /**\n                 * Иконка, отображающаяся слева от текстового представления пункта\n                 */\n                icon?: ComponentType<SVGProps<SVGSVGElement>>;\n            }\n        >;\n\n        /**\n         * Размер кнопки\n         * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно\n         */\n        size?: PickerButtonSize;\n\n        /**\n         * Тип кнопки\n         */\n        variant?: PickerButtonVariant;\n\n        /**\n         * Показывать стрелку\n         * @default true\n         */\n        showArrow?: boolean;\n\n        /**\n         * Кастомная иконка при variant = compact\n         */\n        icon?: ComponentType<SVGProps<SVGSVGElement>>;\n    };\n\nexport const PickerButtonDesktop = forwardRef<HTMLInputElement, PickerButtonDesktopProps>(\n    (\n        {\n            OptionsList = DefaultOptionsList,\n            Optgroup = DefaultOptgroup,\n            Option = DefaultOption,\n            view,\n            loading,\n            size = 56,\n            variant = 'default',\n            className,\n            leftAddons,\n            rightAddons,\n            popperClassName,\n            optionClassName,\n            showArrow,\n            Field = DefaultField,\n            fieldProps = {},\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isSideGap =\n            !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);\n\n        const fieldDefaultProps = {\n            view,\n            loading,\n            /** size у select, button несовместимы */\n            buttonSize: size,\n            buttonVariant: variant,\n            leftAddons,\n            rightAddons,\n            showArrow,\n            breakpoint: 1,\n            icon,\n        };\n\n        return (\n            <BaseSelect\n                {...restProps}\n                Popover={Popover}\n                view='desktop'\n                optionProps={{ Checkmark: null }}\n                ref={ref}\n                Option={Option}\n                Field={Field}\n                size={size === 'm' || size === 56 ? 56 : 48}\n                fieldProps={{\n                    ...fieldDefaultProps,\n                    ...(fieldProps as object),\n                }}\n                Optgroup={Optgroup}\n                OptionsList={OptionsList}\n                className={cn(styles.container, className)}\n                popperClassName={cn('cc-picker-button', styles.optionsPopover, popperClassName, {\n                    [styles.sideGap]: isSideGap,\n                })}\n                optionClassName={cn(styles.option, optionClassName)}\n                selected={[]}\n                closeOnSelect={true}\n            />\n        );\n    },\n);\n"],"names":["OptionsList","DefaultOptionsList","Optgroup","DefaultOptgroup","Option","DefaultOption","Field","DefaultField"],"mappings":";;;;;;;;;AAkBA,IAAM,cAAc,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC;IAoDjF,mBAAmB,GAAG,UAAU,CACzC,UACI,EAkBC,EACD,GAAG,EAAA;;AAlBC,IAAA,IAAA,mBAAgC,EAAhCA,aAAW,GAAG,EAAA,KAAA,MAAA,GAAAC,WAAkB,KAAA,EAChC,EAAA,GAAA,EAAA,CAAA,QAA0B,EAA1BC,UAAQ,mBAAGC,QAAe,GAAA,EAAA,EAC1B,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtBC,QAAM,GAAA,EAAA,KAAA,MAAA,GAAGC,MAAa,GAAA,EAAA,EACtB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,aAAA,EACP,EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,IAAI,mBAAG,EAAE,GAAA,EAAA,EACT,EAAmB,GAAA,EAAA,CAAA,OAAA,EAAnB,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,GAAA,EAAA,EACnB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApBC,OAAK,mBAAGC,KAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,SAAS,GAAA,MAAA,CAAA,EAAA,EAjBhB,uMAkBC,CADe;AAIhB,IAAA,IAAM,SAAS,GACX,CAAC,CAAC,SAAS,CAAC,eAAe,IAAI,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,eAAe,CAAC;AAErF,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,eACH,SAAS,EAAA,EACb,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAChC,GAAG,EAAE,GAAG,EACR,MAAM,EAAEH,QAAM,EACd,KAAK,EAAEE,OAAK,EACZ,IAAI,EAAE,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3C,UAAU,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACH,iBAAiB,CAChB,EAAA,UAAqB,GAE7B,QAAQ,EAAEJ,UAAQ,EAClB,WAAW,EAAEF,aAAW,EACxB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,eAAe,EAAE,EAAE,CAAC,kBAAkB,EAAE,MAAM,CAAC,cAAc,EAAE,eAAe,GAAA,EAAA,GAAA,EAAA;AAC1E,YAAA,EAAA,CAAC,MAAM,CAAC,OAAO,CAAA,GAAG,SAAS;gBAC7B,EACF,eAAe,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,EACnD,QAAQ,EAAE,EAAE,EACZ,aAAa,EAAE,IAAI,EAAA,CAAA,CACrB;AAEV,CAAC;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { type ComponentType, forwardRef, type SVGProps } from 'react';\nimport cn from 'classnames';\n\nimport { type ButtonProps } from '@alfalab/core-components-button';\nimport { Popover } from '@alfalab/core-components-popover';\nimport {\n    BaseSelect,\n    type BaseSelectProps,\n    Optgroup as DefaultOptgroup,\n    OptionsList as DefaultOptionsList,\n} from '@alfalab/core-components-select/shared';\n\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\nimport { type PickerButtonSize, type PickerButtonVariant } from '../types';\n\nimport styles from '../index.module.css';\n\nconst SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];\n\nexport type PickerButtonDesktopProps = Omit<\n    BaseSelectProps,\n    | 'placeholder'\n    | 'Arrow'\n    | 'autocomplete'\n    | 'size'\n    | 'onFocus'\n    | 'selected'\n    | 'closeOnSelect'\n    | 'multiple'\n    | 'hint'\n    | 'allowUnselect'\n    | 'options'\n    | 'searchProps'\n    | 'showSearch'\n    | 'Search'\n> &\n    Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {\n        options: Array<\n            BaseSelectProps['options'][0] & {\n                /**\n                 * Иконка, отображающаяся слева от текстового представления пункта\n                 */\n                icon?: ComponentType<SVGProps<SVGSVGElement>>;\n            }\n        >;\n\n        /**\n         * Размер кнопки\n         * @default 56\n         */\n        size?: PickerButtonSize;\n\n        /**\n         * Тип кнопки\n         */\n        variant?: PickerButtonVariant;\n\n        /**\n         * Показывать стрелку\n         * @default true\n         */\n        showArrow?: boolean;\n\n        /**\n         * Кастомная иконка при variant = compact\n         */\n        icon?: ComponentType<SVGProps<SVGSVGElement>>;\n    };\n\nexport const PickerButtonDesktop = forwardRef<HTMLInputElement, PickerButtonDesktopProps>(\n    (\n        {\n            OptionsList = DefaultOptionsList,\n            Optgroup = DefaultOptgroup,\n            Option = DefaultOption,\n            view,\n            loading,\n            size = 56,\n            variant = 'default',\n            className,\n            leftAddons,\n            rightAddons,\n            popperClassName,\n            optionClassName,\n            showArrow,\n            Field = DefaultField,\n            fieldProps = {},\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isSideGap =\n            !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);\n\n        const fieldDefaultProps = {\n            view,\n            loading,\n            /** size у select, button несовместимы */\n            buttonSize: size,\n            buttonVariant: variant,\n            leftAddons,\n            rightAddons,\n            showArrow,\n            breakpoint: 1,\n            icon,\n        };\n\n        return (\n            <BaseSelect\n                {...restProps}\n                Popover={Popover}\n                view='desktop'\n                optionProps={{ Checkmark: null }}\n                ref={ref}\n                Option={Option}\n                Field={Field}\n                size={size === 56 ? 56 : 48}\n                fieldProps={{\n                    ...fieldDefaultProps,\n                    ...(fieldProps as object),\n                }}\n                Optgroup={Optgroup}\n                OptionsList={OptionsList}\n                className={cn(styles.container, className)}\n                popperClassName={cn('cc-picker-button', styles.optionsPopover, popperClassName, {\n                    [styles.sideGap]: isSideGap,\n                })}\n                optionClassName={cn(styles.option, optionClassName)}\n                selected={[]}\n                closeOnSelect={true}\n            />\n        );\n    },\n);\n"],"names":["OptionsList","DefaultOptionsList","Optgroup","DefaultOptgroup","Option","DefaultOption","Field","DefaultField"],"mappings":";;;;;;;;;AAkBA,IAAM,cAAc,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC;IAoDjF,mBAAmB,GAAG,UAAU,CACzC,UACI,EAkBC,EACD,GAAG,EAAA;;AAlBC,IAAA,IAAA,mBAAgC,EAAhCA,aAAW,GAAG,EAAA,KAAA,MAAA,GAAAC,WAAkB,KAAA,EAChC,EAAA,GAAA,EAAA,CAAA,QAA0B,EAA1BC,UAAQ,mBAAGC,QAAe,GAAA,EAAA,EAC1B,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtBC,QAAM,GAAA,EAAA,KAAA,MAAA,GAAGC,MAAa,GAAA,EAAA,EACtB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,aAAA,EACP,EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,IAAI,mBAAG,EAAE,GAAA,EAAA,EACT,EAAmB,GAAA,EAAA,CAAA,OAAA,EAAnB,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,GAAA,EAAA,EACnB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApBC,OAAK,mBAAGC,KAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,SAAS,GAAA,MAAA,CAAA,EAAA,EAjBhB,uMAkBC,CADe;AAIhB,IAAA,IAAM,SAAS,GACX,CAAC,CAAC,SAAS,CAAC,eAAe,IAAI,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,eAAe,CAAC;AAErF,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,EACH,QAAA,CAAA,EAAA,EAAA,SAAS,IACb,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAChC,GAAG,EAAE,GAAG,EACR,MAAM,EAAEH,QAAM,EACd,KAAK,EAAEE,OAAK,EACZ,IAAI,EAAE,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3B,UAAU,wBACH,iBAAiB,CAAA,EAChB,UAAqB,CAAA,EAE7B,QAAQ,EAAEJ,UAAQ,EAClB,WAAW,EAAEF,aAAW,EACxB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,eAAe,EAAE,EAAE,CAAC,kBAAkB,EAAE,MAAM,CAAC,cAAc,EAAE,eAAe,GAAA,EAAA,GAAA,EAAA;AAC1E,YAAA,EAAA,CAAC,MAAM,CAAC,OAAO,CAAA,GAAG,SAAS;gBAC7B,EACF,eAAe,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,EACnD,QAAQ,EAAE,EAAE,EACZ,aAAa,EAAE,IAAI,EAAA,CAAA,CACrB;AAEV,CAAC;;;;"}

package/esm/field/Component.js

@@ -5,24 +5,10 @@ import { Button } from '@alfalab/core-components-button/esm';
 import { getIcon } from '../utils/index.js';
 import styles from './index.module.css.js';
 
-var SIZE_TO_CLASSNAME_MAP = {
-    xxs: 'size-32',
-    xs: 'size-40',
-    s: 'size-48',
-    m: 'size-56',
-    l: 'size-64',
-    xl: 'size-72',
-    32: 'size-32',
-    40: 'size-40',
-    48: 'size-48',
-    56: 'size-56',
-    64: 'size-64',
-    72: 'size-72',
-};
 var Field = function (_a) {
     var _b, _c;
     var _d = _a.buttonSize, buttonSize = _d === void 0 ? 56 : _d, _e = _a.buttonVariant, buttonVariant = _e === void 0 ? 'default' : _e, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _f = _a.showArrow, showArrow = _f === void 0 ? true : _f; _a.labelView; _a.FormControlComponent; var icon = _a.icon; _a.onClear; var restProps = __rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView", "FormControlComponent", "icon", "onClear"]);
-    var Icon = getIcon(buttonVariant, SIZE_TO_CLASSNAME_MAP[buttonSize], icon);
+    var Icon = getIcon(buttonVariant, "size-".concat(buttonSize), icon);
     var ref = innerProps.ref, restInnerProps = __rest(innerProps, ["ref"]);
     var buttonProps = __assign(__assign({}, restProps), restInnerProps);
     return (React.createElement("div", { ref: ref },
@@ -32,7 +18,7 @@ var Field = function (_a) {
                         _b)) }, rightAddons)),
                 (showArrow || buttonVariant === 'compact') && (React.createElement("span", { className: cn(styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
                     React.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn(className, (_c = {},
-                _c[styles.linkOpen] = view === 'link' && open,
+                _c[styles.linkOpen] = view === 'transparent' && open,
                 _c)) }), buttonVariant !== 'compact' && label)));
 };
 

package/esm/field/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../src/field/Component.tsx"],"sourcesContent":["import React, {\n    type ButtonHTMLAttributes,\n    type ComponentType,\n    Fragment,\n    type SVGProps,\n} from 'react';\nimport cn from 'classnames';\n\nimport { Button, type ButtonProps } from '@alfalab/core-components-button';\nimport { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/typings';\n\nimport { type PickerButtonSize, type PickerButtonVariant } from '../types';\nimport { getIcon } from '../utils';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> &\n    ButtonProps & {\n        buttonSize?: PickerButtonSize;\n        buttonVariant?: PickerButtonVariant;\n        showArrow?: boolean;\n        icon?: ComponentType<SVGProps<SVGSVGElement>>;\n    };\n\nconst SIZE_TO_CLASSNAME_MAP = {\n    xxs: 'size-32',\n    xs: 'size-40',\n    s: 'size-48',\n    m: 'size-56',\n    l: 'size-64',\n    xl: 'size-72',\n    32: 'size-32',\n    40: 'size-40',\n    48: 'size-48',\n    56: 'size-56',\n    64: 'size-64',\n    72: 'size-72',\n};\n\nexport const Field = ({\n    buttonSize = 56,\n    buttonVariant = 'default',\n    view,\n    label,\n    open,\n    multiple,\n    rightAddons,\n    Arrow,\n    innerProps,\n    className,\n    selected,\n    selectedMultiple,\n    setSelectedItems,\n    toggleMenu,\n    valueRenderer,\n    showArrow = true,\n    labelView,\n    FormControlComponent,\n    icon,\n    onClear,\n    ...restProps\n}: FieldProps) => {\n    const Icon: ComponentType<SVGProps<SVGSVGElement>> = getIcon(\n        buttonVariant,\n        SIZE_TO_CLASSNAME_MAP[buttonSize],\n        icon,\n    );\n\n    const { ref, ...restInnerProps } = innerProps;\n\n    const buttonProps = {\n        ...restProps,\n        ...restInnerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <div ref={ref}>\n            <Button\n                {...buttonProps}\n                rightAddons={\n                    <Fragment>\n                        {rightAddons && (\n                            <span\n                                className={cn(styles.addonsContainer, {\n                                    [styles.showControlIcon]:\n                                        showArrow || buttonVariant === 'compact',\n                                })}\n                            >\n                                {rightAddons}\n                            </span>\n                        )}\n\n                        {(showArrow || buttonVariant === 'compact') && (\n                            <span\n                                className={cn(\n                                    styles.iconContainer,\n                                    buttonVariant !== 'compact' && open && styles.open,\n                                )}\n                            >\n                                <Icon data-test-id='picker-button-icon' />\n                            </span>\n                        )}\n                    </Fragment>\n                }\n                block={true}\n                view={view}\n                size={buttonSize}\n                className={cn(className, {\n                    [styles.linkOpen]: view === 'link' && open,\n                })}\n            >\n                {buttonVariant !== 'compact' && label}\n            </Button>\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../src/field/Component.tsx"],"sourcesContent":["import React, {\n    type ButtonHTMLAttributes,\n    type ComponentType,\n    Fragment,\n    type SVGProps,\n} from 'react';\nimport cn from 'classnames';\n\nimport { Button, type ButtonProps } from '@alfalab/core-components-button';\nimport { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/typings';\n\nimport { type PickerButtonSize, type PickerButtonVariant } from '../types';\nimport { getIcon } from '../utils';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> &\n    ButtonProps & {\n        buttonSize?: PickerButtonSize;\n        buttonVariant?: PickerButtonVariant;\n        showArrow?: boolean;\n        icon?: ComponentType<SVGProps<SVGSVGElement>>;\n    };\n\nexport const Field = ({\n    buttonSize = 56,\n    buttonVariant = 'default',\n    view,\n    label,\n    open,\n    multiple,\n    rightAddons,\n    Arrow,\n    innerProps,\n    className,\n    selected,\n    selectedMultiple,\n    setSelectedItems,\n    toggleMenu,\n    valueRenderer,\n    showArrow = true,\n    labelView,\n    FormControlComponent,\n    icon,\n    onClear,\n    ...restProps\n}: FieldProps) => {\n    const Icon: ComponentType<SVGProps<SVGSVGElement>> = getIcon(\n        buttonVariant,\n        `size-${buttonSize}`,\n        icon,\n    );\n\n    const { ref, ...restInnerProps } = innerProps;\n\n    const buttonProps = {\n        ...restProps,\n        ...restInnerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <div ref={ref}>\n            <Button\n                {...buttonProps}\n                rightAddons={\n                    <Fragment>\n                        {rightAddons && (\n                            <span\n                                className={cn(styles.addonsContainer, {\n                                    [styles.showControlIcon]:\n                                        showArrow || buttonVariant === 'compact',\n                                })}\n                            >\n                                {rightAddons}\n                            </span>\n                        )}\n\n                        {(showArrow || buttonVariant === 'compact') && (\n                            <span\n                                className={cn(\n                                    styles.iconContainer,\n                                    buttonVariant !== 'compact' && open && styles.open,\n                                )}\n                            >\n                                <Icon data-test-id='picker-button-icon' />\n                            </span>\n                        )}\n                    </Fragment>\n                }\n                block={true}\n                view={view}\n                size={buttonSize}\n                className={cn(className, {\n                    [styles.linkOpen]: view === 'transparent' && open,\n                })}\n            >\n                {buttonVariant !== 'compact' && label}\n            </Button>\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;AAwBO,IAAM,KAAK,GAAG,UAAC,EAsBT,EAAA;;AArBT,IAAA,IAAA,EAAe,GAAA,EAAA,CAAA,UAAA,CAAA,CAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,CAAA,CACf,EAAyB,GAAA,EAAA,CAAA,aAAA,CAAA,CAAzB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,GAAA,EAAA,CAAA,CACzB,IAAI,GAAA,EAAA,CAAA,IAAA,CAAA,CACJ,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,CACJ,YAAQ,CACR,KAAA,WAAW,GAAA,EAAA,CAAA,WAAA,CAAA,CACN,EAAA,CAAA,KAAA,CAAA,KACL,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,CACT,YAAQ,CACR,CAAgB,EAAA,CAAA,gBAAA,CAAA,CACA,EAAA,CAAA,gBAAA,CAAA,CACN,EAAA,CAAA,UAAA,EACG,EAAA,CAAA,aAAA,CACb,KAAA,EAAA,GAAA,EAAA,CAAA,SAAgB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACP,EAAA,CAAA,SAAA,CACT,wBAAoB,CACpB,KAAA,IAAI,GAAA,EAAA,CAAA,IAAA,CAAA,CACG,EAAA,CAAA,OAAA,CAAA,KACJ,SAAS,GAAA,MAAA,CAAA,EAAA,EArBM,+QAsBrB;AACG,IAAA,IAAM,IAAI,GAA2C,OAAO,CACxD,aAAa,EACb,OAAQ,CAAA,MAAA,CAAA,UAAU,CAAE,EACpB,IAAI,CACP;IAEO,IAAA,GAAG,GAAwB,UAAU,CAAlC,GAAA,EAAK,cAAc,GAAA,MAAA,CAAK,UAAU,EAAvC,CAA0B,KAAA,CAAA,CAAF;AAE9B,IAAA,IAAM,WAAW,GAAG,QAAA,CAAA,QAAA,CAAA,EAAA,EACb,SAAS,CACT,EAAA,cAAc,CACuB;AAE5C,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAA;AACT,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACC,QAAA,CAAA,EAAA,EAAA,WAAW,IACf,WAAW,EACP,oBAAC,QAAQ,EAAA,IAAA;gBACJ,WAAW,KACR,KACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,GAAA,EAAA,GAAA,EAAA;wBAChC,EAAC,CAAA,MAAM,CAAC,eAAe,CAAA,GACnB,SAAS,IAAI,aAAa,KAAK,SAAS;4BAC9C,EAED,EAAA,WAAW,CACT,CACV;gBAEA,CAAC,SAAS,IAAI,aAAa,KAAK,SAAS,MACtC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,aAAa,EACpB,aAAa,KAAK,SAAS,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI,CACrD,EAAA;oBAED,KAAC,CAAA,aAAA,CAAA,IAAI,EAAc,EAAA,cAAA,EAAA,oBAAoB,EAAG,CAAA,CACvC,CACV,CACM,EAEf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,EAAE,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA;gBACnB,EAAC,CAAA,MAAM,CAAC,QAAQ,CAAA,GAAG,IAAI,KAAK,aAAa,IAAI,IAAI;oBACnD,EAED,CAAA,EAAA,aAAa,KAAK,SAAS,IAAI,KAAK,CAChC,CACP;AAEd;;;;"}

package/esm/field/index.css

@@ -1,19 +1,26 @@
 :root {
     --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
-} :root {
+}
+:root {
     --gap-2xs: 4px;
     --gap-4: var(--gap-2xs);
-} :root {
+}
+:root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_mz76t {
+}
+.picker-button__iconContainer_wvgdn {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_mz76t {
+}
+.picker-button__addonsContainer_wvgdn {
     display: flex;
-} .picker-button__addonsContainer_mz76t.picker-button__showControlIcon_mz76t {
+}
+.picker-button__addonsContainer_wvgdn.picker-button__showControlIcon_wvgdn {
         margin-right: var(--gap-4);
-    } .picker-button__open_mz76t {
+    }
+.picker-button__open_wvgdn {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_mz76t:not(:hover) {
+}
+.picker-button__linkOpen_wvgdn:not(:hover) {
     background-color: var(--color-light-transparent-default-hover);
 }

package/esm/field/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"iconContainer":"picker-button__iconContainer_mz76t","addonsContainer":"picker-button__addonsContainer_mz76t","showControlIcon":"picker-button__showControlIcon_mz76t","open":"picker-button__open_mz76t","linkOpen":"picker-button__linkOpen_mz76t"};
+var styles = {"iconContainer":"picker-button__iconContainer_wvgdn","addonsContainer":"picker-button__addonsContainer_wvgdn","showControlIcon":"picker-button__showControlIcon_wvgdn","open":"picker-button__open_wvgdn","linkOpen":"picker-button__linkOpen_wvgdn"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/index.css

@@ -4,12 +4,16 @@
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
-} .picker-button__container_9bacd {
+}
+.picker-button__container_1oeic {
     min-width: auto;
-} .picker-button__optionsPopover_9bacd.picker-button__sideGap_9bacd.cc-picker-button {
+}
+.picker-button__optionsPopover_1oeic.picker-button__sideGap_1oeic.cc-picker-button {
             padding: var(--gap-0) var(--gap-8);
-        } .cc-picker-button .picker-button__option_9bacd {
+        }
+.cc-picker-button .picker-button__option_1oeic {
         padding: var(--gap-0) var(--gap-16);
-    } .cc-picker-button .picker-button__option_9bacd:before {
+    }
+.cc-picker-button .picker-button__option_1oeic:before {
             display: none;
         }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"container":"picker-button__container_9bacd","optionsPopover":"picker-button__optionsPopover_9bacd","sideGap":"picker-button__sideGap_9bacd","option":"picker-button__option_9bacd"};
+var styles = {"container":"picker-button__container_1oeic","optionsPopover":"picker-button__optionsPopover_1oeic","sideGap":"picker-button__sideGap_1oeic","option":"picker-button__option_1oeic"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/mobile/Component.mobile.js

@@ -19,7 +19,7 @@ var PickerButtonMobile = forwardRef(function (_a, ref) {
         breakpoint: breakpoint,
         icon: icon,
     };
-    return (React.createElement(SelectMobile, __assign({}, restProps, { label: label, Option: Option$1, bottomSheetProps: __assign({ title: label, stickyHeader: true, showSwipeMarker: false }, bottomSheetProps), Field: Field$1, Optgroup: Optgroup$1, size: size === 'm' || size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: __assign(__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
+    return (React.createElement(SelectMobile, __assign({}, restProps, { label: label, Option: Option$1, bottomSheetProps: __assign({ title: label, stickyHeader: true, showSwipeMarker: false }, bottomSheetProps), Field: Field$1, Optgroup: Optgroup$1, size: size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: __assign(__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
 });
 
 export { PickerButtonMobile };

package/esm/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n    type AdditionalMobileProps,\n    type BottomSheetSelectMobileProps,\n    Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport { type PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n    PickerButtonDesktopProps,\n    'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка для кнопки, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n    };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n    (\n        {\n            options,\n            label,\n            Option = DefaultOption,\n            Optgroup = DefaultOptgroup,\n            view,\n            loading,\n            variant = 'default',\n            leftAddons,\n            rightAddons,\n            size,\n            bottomSheetProps,\n            showArrow,\n            Field = DefaultField,\n            fieldProps = {},\n            icon,\n            breakpoint,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const fieldDefaultProps = {\n            view,\n            loading,\n            /** size у select, button несовместимы */\n            buttonSize: size,\n            buttonVariant: variant,\n            leftAddons,\n            rightAddons,\n            showArrow,\n            breakpoint,\n            icon,\n        };\n\n        return (\n            <SelectMobile\n                {...restProps}\n                label={label}\n                Option={Option}\n                bottomSheetProps={{\n                    title: label,\n                    stickyHeader: true,\n                    showSwipeMarker: false,\n                    ...bottomSheetProps,\n                }}\n                Field={Field}\n                Optgroup={Optgroup}\n                size={size === 'm' || size === 56 ? 56 : 48}\n                closeOnSelect={true}\n                fieldProps={{\n                    ...fieldDefaultProps,\n                    ...(fieldProps as object),\n                }}\n                ref={ref}\n                options={options}\n                selected={[]}\n            />\n        );\n    },\n);\n"],"names":["Option","DefaultOption","Optgroup","DefaultOptgroup","Field","DefaultField"],"mappings":";;;;;;;IA0Ba,kBAAkB,GAAG,UAAU,CACxC,UACI,EAkBC,EACD,GAAG,EAAA;AAlBC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtBA,QAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,MAAa,GAAA,EAAA,EACtB,gBAA0B,EAA1BC,UAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,QAAe,GAAA,EAAA,EAC1B,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApBC,OAAK,mBAAGC,KAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAA,MAAA,CAAA,EAAA,EAjBhB,2LAkBC,CADe;AAIhB,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,YAAY,EACL,QAAA,CAAA,EAAA,EAAA,SAAS,IACb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAEL,QAAM,EACd,gBAAgB,aACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,KAAK,EAAA,EACnB,gBAAgB,CAAA,EAEvB,KAAK,EAAEI,OAAK,EACZ,QAAQ,EAAEF,UAAQ,EAClB,IAAI,EAAE,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3C,aAAa,EAAE,IAAI,EACnB,UAAU,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACH,iBAAiB,CAChB,EAAA,UAAqB,CAE7B,EAAA,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,EAAA,CAAA,CACd;AAEV,CAAC;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n    type AdditionalMobileProps,\n    type BottomSheetSelectMobileProps,\n    Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport { type PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n    PickerButtonDesktopProps,\n    'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка для кнопки, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n    };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n    (\n        {\n            options,\n            label,\n            Option = DefaultOption,\n            Optgroup = DefaultOptgroup,\n            view,\n            loading,\n            variant = 'default',\n            leftAddons,\n            rightAddons,\n            size,\n            bottomSheetProps,\n            showArrow,\n            Field = DefaultField,\n            fieldProps = {},\n            icon,\n            breakpoint,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const fieldDefaultProps = {\n            view,\n            loading,\n            /** size у select, button несовместимы */\n            buttonSize: size,\n            buttonVariant: variant,\n            leftAddons,\n            rightAddons,\n            showArrow,\n            breakpoint,\n            icon,\n        };\n\n        return (\n            <SelectMobile\n                {...restProps}\n                label={label}\n                Option={Option}\n                bottomSheetProps={{\n                    title: label,\n                    stickyHeader: true,\n                    showSwipeMarker: false,\n                    ...bottomSheetProps,\n                }}\n                Field={Field}\n                Optgroup={Optgroup}\n                size={size === 56 ? 56 : 48}\n                closeOnSelect={true}\n                fieldProps={{\n                    ...fieldDefaultProps,\n                    ...(fieldProps as object),\n                }}\n                ref={ref}\n                options={options}\n                selected={[]}\n            />\n        );\n    },\n);\n"],"names":["Option","DefaultOption","Optgroup","DefaultOptgroup","Field","DefaultField"],"mappings":";;;;;;;IA0Ba,kBAAkB,GAAG,UAAU,CACxC,UACI,EAkBC,EACD,GAAG,EAAA;AAlBC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtBA,QAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,MAAa,GAAA,EAAA,EACtB,gBAA0B,EAA1BC,UAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,QAAe,GAAA,EAAA,EAC1B,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApBC,OAAK,mBAAGC,KAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAA,MAAA,CAAA,EAAA,EAjBhB,2LAkBC,CADe;AAIhB,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,QAAA,CAAA,EAAA,EACL,SAAS,EACb,EAAA,KAAK,EAAE,KAAK,EACZ,MAAM,EAAEL,QAAM,EACd,gBAAgB,EACZ,QAAA,CAAA,EAAA,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,KAAK,EACnB,EAAA,gBAAgB,GAEvB,KAAK,EAAEI,OAAK,EACZ,QAAQ,EAAEF,UAAQ,EAClB,IAAI,EAAE,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3B,aAAa,EAAE,IAAI,EACnB,UAAU,EACH,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,iBAAiB,GAChB,UAAqB,CAAA,EAE7B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,EAAA,CAAA,CACd;AAEV,CAAC;;;;"}

package/esm/option/index.css

@@ -1,13 +1,16 @@
 :root {
     --gap-s: 12px;
     --gap-12: var(--gap-s);
-} .picker-button__container_1mi5p {
+}
+.picker-button__container_7zi1d {
     display: flex;
     align-items: center;
-} .picker-button__icon_1mi5p {
+}
+.picker-button__icon_7zi1d {
     display: flex;
     margin-right: var(--gap-12);
-} .picker-button__content_1mi5p {
+}
+.picker-button__content_7zi1d {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/esm/option/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"container":"picker-button__container_1mi5p","icon":"picker-button__icon_1mi5p","content":"picker-button__content_1mi5p"};
+var styles = {"container":"picker-button__container_7zi1d","icon":"picker-button__icon_7zi1d","content":"picker-button__content_7zi1d"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/types.d.ts

@@ -1,2 +1,2 @@
-export declare type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 32 | 40 | 48 | 56 | 64 | 72;
+export declare type PickerButtonSize = 32 | 40 | 48 | 56 | 64 | 72;
 export declare type PickerButtonVariant = 'default' | 'compact';