@alfalab/core-components-picker-button 12.0.1 → 12.0.3

package/Component.responsive.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { AdditionalMobileProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
-import { PickerButtonDesktopProps } from './desktop';
+import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
+import { type PickerButtonDesktopProps } from './desktop';
 export declare type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type {\n    AdditionalMobileProps,\n    BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { PickerButtonDesktop, PickerButtonDesktopProps } from './desktop';\nimport { PickerButtonMobile } from './mobile';\n\nexport type PickerButtonResponsiveProps = PickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n    };\n\nexport const PickerButtonResponsive = forwardRef<HTMLInputElement, PickerButtonResponsiveProps>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n        return isDesktop ? (\n            <PickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <PickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                breakpoint={breakpoint}\n                {...restProps}\n            />\n        );\n    },\n);\n\nPickerButtonResponsive.displayName = 'PickerButtonResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","React","PickerButtonDesktop","__assign","PickerButtonMobile"],"mappings":";;;;;;;;;;;;;;IA0Ba,sBAAsB,GAAGA,gBAAU,CAC5C,UACI,EASC,EACD,GAAG,EAAA;IATC,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,YAAA,EACH,SAAS,GARhBC,YAAA,CAAA,EAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,QAAA,CASC,CADe;IAIhB,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IAEhE,OAAO,SAAS,IACZC,qCAACC,qCAAmB,EAAAC,cAAA,CAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IACd,SAAS,CAAA,CACf,KAEFF,sBAAC,CAAA,aAAA,CAAAG,mCAAkB,EACfD,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EAClB,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,sBAAsB,CAAC,WAAW,GAAG,wBAAwB;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport {\n    type AdditionalMobileProps,\n    type BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { PickerButtonDesktop, type PickerButtonDesktopProps } from './desktop';\nimport { PickerButtonMobile } from './mobile';\n\nexport type PickerButtonResponsiveProps = PickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n    };\n\nexport const PickerButtonResponsive = forwardRef<HTMLInputElement, PickerButtonResponsiveProps>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n        return isDesktop ? (\n            <PickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <PickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                breakpoint={breakpoint}\n                {...restProps}\n            />\n        );\n    },\n);\n\nPickerButtonResponsive.displayName = 'PickerButtonResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","React","PickerButtonDesktop","__assign","PickerButtonMobile"],"mappings":";;;;;;;;;;;;;;IA0Ba,sBAAsB,GAAGA,gBAAU,CAC5C,UACI,EASC,EACD,GAAG,EAAA;IATC,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,YAAA,EACH,SAAS,GARhBC,YAAA,CAAA,EAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,QAAA,CASC,CADe;IAIhB,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IAEhE,OAAO,SAAS,IACZC,qCAACC,qCAAmB,EAAAC,cAAA,CAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IACd,SAAS,CAAA,CACf,KAEFF,sBAAC,CAAA,aAAA,CAAAG,mCAAkB,EACfD,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EAClB,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,sBAAsB,CAAC,WAAW,GAAG,wBAAwB;;;;"}

package/cssm/Component.responsive.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { AdditionalMobileProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/cssm/shared';
-import { PickerButtonDesktopProps } from './desktop';
+import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/cssm/shared';
+import { type PickerButtonDesktopProps } from './desktop';
 export declare type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/cssm/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type {\n    AdditionalMobileProps,\n    BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { PickerButtonDesktop, PickerButtonDesktopProps } from './desktop';\nimport { PickerButtonMobile } from './mobile';\n\nexport type PickerButtonResponsiveProps = PickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n    };\n\nexport const PickerButtonResponsive = forwardRef<HTMLInputElement, PickerButtonResponsiveProps>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n        return isDesktop ? (\n            <PickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <PickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                breakpoint={breakpoint}\n                {...restProps}\n            />\n        );\n    },\n);\n\nPickerButtonResponsive.displayName = 'PickerButtonResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","React","PickerButtonDesktop","__assign","PickerButtonMobile"],"mappings":";;;;;;;;;;;;;;IA0Ba,sBAAsB,GAAGA,gBAAU,CAC5C,UACI,EASC,EACD,GAAG,EAAA;IATC,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,YAAA,EACH,SAAS,GARhBC,YAAA,CAAA,EAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,QAAA,CASC,CADe;IAIhB,IAAM,SAAS,GAAGC,iBAAY,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IAEhE,OAAO,SAAS,IACZC,qCAACC,qCAAmB,EAAAC,cAAA,CAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IACd,SAAS,CAAA,CACf,KAEFF,sBAAC,CAAA,aAAA,CAAAG,mCAAkB,EACfD,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EAClB,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,sBAAsB,CAAC,WAAW,GAAG,wBAAwB;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport {\n    type AdditionalMobileProps,\n    type BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { PickerButtonDesktop, type PickerButtonDesktopProps } from './desktop';\nimport { PickerButtonMobile } from './mobile';\n\nexport type PickerButtonResponsiveProps = PickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n    };\n\nexport const PickerButtonResponsive = forwardRef<HTMLInputElement, PickerButtonResponsiveProps>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n        return isDesktop ? (\n            <PickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <PickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                breakpoint={breakpoint}\n                {...restProps}\n            />\n        );\n    },\n);\n\nPickerButtonResponsive.displayName = 'PickerButtonResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","React","PickerButtonDesktop","__assign","PickerButtonMobile"],"mappings":";;;;;;;;;;;;;;IA0Ba,sBAAsB,GAAGA,gBAAU,CAC5C,UACI,EASC,EACD,GAAG,EAAA;IATC,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,YAAA,EACH,SAAS,GARhBC,YAAA,CAAA,EAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,QAAA,CASC,CADe;IAIhB,IAAM,SAAS,GAAGC,iBAAY,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IAEhE,OAAO,SAAS,IACZC,qCAACC,qCAAmB,EAAAC,cAAA,CAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IACd,SAAS,CAAA,CACf,KAEFF,sBAAC,CAAA,aAAA,CAAAG,mCAAkB,EACfD,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EAClB,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,sBAAsB,CAAC,WAAW,GAAG,wBAAwB;;;;"}

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

@@ -1,7 +1,7 @@
-import React, { ComponentType, SVGProps } from 'react';
-import type { ButtonProps } from '@alfalab/core-components-button/cssm';
-import { BaseSelectProps } from '@alfalab/core-components-select/cssm/shared';
-import type { PickerButtonSize, PickerButtonVariant } from '../types';
+import React, { type ComponentType, type SVGProps } from 'react';
+import { type ButtonProps } from '@alfalab/core-components-button/cssm';
+import { type BaseSelectProps } from '@alfalab/core-components-select/cssm/shared';
+import { type PickerButtonSize, type PickerButtonVariant } from '../types';
 export declare 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] & {
         /**

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

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, 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    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, 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         * @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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"}

package/cssm/field/Component.d.ts

@@ -1,7 +1,7 @@
-import React, { ComponentType, SVGProps } from 'react';
-import { ButtonProps } from '@alfalab/core-components-button/cssm';
-import { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/cssm/typings';
-import type { PickerButtonSize, PickerButtonVariant } from '../types';
+import React, { type ComponentType, type SVGProps } from 'react';
+import { type ButtonProps } from '@alfalab/core-components-button/cssm';
+import { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/cssm/typings';
+import { type PickerButtonSize, type PickerButtonVariant } from '../types';
 declare type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;
     buttonVariant?: PickerButtonVariant;

package/cssm/field/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../src/field/Component.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, ComponentType, Fragment, SVGProps } from 'react';\nimport cn from 'classnames';\n\nimport { Button, ButtonProps } from '@alfalab/core-components-button';\nimport { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/typings';\n\nimport type { PickerButtonSize, 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\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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"}

package/cssm/field/index.module.css

@@ -9,7 +9,7 @@
     display: flex;
     transition: transform 0.15s ease-in-out;
 } .addonsContainer {
-    display: flex
+    display: flex;
 } .addonsContainer.showControlIcon {
         margin-right: var(--gap-4);
     } .open {

package/cssm/index.module.css

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

package/cssm/mobile/Component.mobile.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AdditionalMobileProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/cssm/shared';
-import type { PickerButtonDesktopProps } from '../desktop';
+import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/cssm/shared';
+import { type PickerButtonDesktopProps } from '../desktop';
 export declare type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка для кнопки, с нее начинается desktop версия

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    AdditionalMobileProps,\n    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 === '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;;;;"}

package/cssm/option/Component.d.ts

@@ -1,5 +1,5 @@
-import React, { FC, SVGProps } from 'react';
-import { OptionProps as BaseOptionProps, OptionShape } from '@alfalab/core-components-select/cssm/shared';
+import React, { type FC, type SVGProps } from 'react';
+import { type OptionProps as BaseOptionProps, type OptionShape } from '@alfalab/core-components-select/cssm/shared';
 declare type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/cssm/option/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../src/option/Component.tsx"],"sourcesContent":["import React, { FC, SVGProps } from 'react';\n\nimport {\n    Option as BaseOption,\n    OptionProps as BaseOptionProps,\n    OptionShape,\n} from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype OptionProps = Omit<BaseOptionProps, 'option'> & {\n    option: OptionShape & {\n        icon?: FC<SVGProps<SVGSVGElement>>;\n    };\n};\n\nexport const Option = ({ option, children, ...restProps }: OptionProps) => {\n    const content = children || option.content || option.key;\n\n    const Icon = option.icon;\n\n    return (\n        <BaseOption option={option} {...restProps}>\n            <div className={styles.container}>\n                {Icon && <Icon className={styles.icon} />}\n                <div className={styles.content}>{content}</div>\n            </div>\n        </BaseOption>\n    );\n};\n"],"names":["__rest","React","BaseOption","__assign","styles"],"mappings":";;;;;;;;;;;;;;AAgBO,IAAM,MAAM,GAAG,UAAC,EAA+C,EAAA;IAA7C,IAAA,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,SAAS,GAAhCA,YAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,UAAA,CAAkC,CAAF;IACnD,IAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;AAExD,IAAA,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI;IAExB,QACIC,qCAACC,aAAU,EAAAC,cAAA,CAAA,EAAC,MAAM,EAAE,MAAM,IAAM,SAAS,CAAA;AACrC,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEG,uBAAM,CAAC,SAAS,EAAA;YAC3B,IAAI,IAAIH,qCAAC,IAAI,EAAA,EAAC,SAAS,EAAEG,uBAAM,CAAC,IAAI,EAAI,CAAA;YACzCH,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEG,uBAAM,CAAC,OAAO,EAAG,EAAA,OAAO,CAAO,CAC7C,CACG;AAErB;;;;"}
+{"version":3,"file":"Component.js","sources":["../../src/option/Component.tsx"],"sourcesContent":["import React, { type FC, type SVGProps } from 'react';\n\nimport {\n    Option as BaseOption,\n    type OptionProps as BaseOptionProps,\n    type OptionShape,\n} from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype OptionProps = Omit<BaseOptionProps, 'option'> & {\n    option: OptionShape & {\n        icon?: FC<SVGProps<SVGSVGElement>>;\n    };\n};\n\nexport const Option = ({ option, children, ...restProps }: OptionProps) => {\n    const content = children || option.content || option.key;\n\n    const Icon = option.icon;\n\n    return (\n        <BaseOption option={option} {...restProps}>\n            <div className={styles.container}>\n                {Icon && <Icon className={styles.icon} />}\n                <div className={styles.content}>{content}</div>\n            </div>\n        </BaseOption>\n    );\n};\n"],"names":["__rest","React","BaseOption","__assign","styles"],"mappings":";;;;;;;;;;;;;;AAgBO,IAAM,MAAM,GAAG,UAAC,EAA+C,EAAA;IAA7C,IAAA,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,SAAS,GAAhCA,YAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,UAAA,CAAkC,CAAF;IACnD,IAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;AAExD,IAAA,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI;IAExB,QACIC,qCAACC,aAAU,EAAAC,cAAA,CAAA,EAAC,MAAM,EAAE,MAAM,IAAM,SAAS,CAAA;AACrC,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEG,uBAAM,CAAC,SAAS,EAAA;YAC3B,IAAI,IAAIH,qCAAC,IAAI,EAAA,EAAC,SAAS,EAAEG,uBAAM,CAAC,IAAI,EAAI,CAAA;YACzCH,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEG,uBAAM,CAAC,OAAO,EAAG,EAAA,OAAO,CAAO,CAC7C,CACG;AAErB;;;;"}

package/cssm/utils/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, SVGProps } from 'react';
-import { PickerButtonVariant } from '../types';
+import { type ComponentType, type SVGProps } from 'react';
+import { type PickerButtonVariant } from '../types';
 export declare const getCompactIcon: (size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => ComponentType<SVGProps<SVGSVGElement>>;
 export declare const getIcon: (variant: PickerButtonVariant, size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => ComponentType<SVGProps<SVGSVGElement>>;

package/cssm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { ComponentType, SVGProps } from 'react';\n\nimport { ChevronDownCompactSIcon } from '@alfalab/icons-glyph/ChevronDownCompactSIcon';\nimport { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';\nimport { MoreMIcon } from '@alfalab/icons-glyph/MoreMIcon';\nimport { MoreSIcon } from '@alfalab/icons-glyph/MoreSIcon';\n\nimport { PickerButtonVariant } from '../types';\n\nexport const getCompactIcon = (size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => {\n    if (Icon) {\n        return Icon;\n    }\n\n    return size === 'size-32' ? MoreSIcon : MoreMIcon;\n};\n\nexport const getIcon = (\n    variant: PickerButtonVariant,\n    size: string,\n    Icon?: ComponentType<SVGProps<SVGSVGElement>>,\n): ComponentType<SVGProps<SVGSVGElement>> => {\n    if (variant === 'compact') {\n        return getCompactIcon(size, Icon);\n    }\n\n    return ['size-40', 'size-32'].includes(size) ? ChevronDownCompactSIcon : ChevronDownMIcon;\n};\n"],"names":["MoreSIcon","MoreMIcon","ChevronDownCompactSIcon","ChevronDownMIcon"],"mappings":";;;;;;;;;AASa,IAAA,cAAc,GAAG,UAAC,IAAY,EAAE,IAA6C,EAAA;AACtF,IAAA,IAAI,IAAI,EAAE;AACN,QAAA,OAAO,IAAI;AACd;IAED,OAAO,IAAI,KAAK,SAAS,GAAGA,mBAAS,GAAGC,mBAAS;AACrD;IAEa,OAAO,GAAG,UACnB,OAA4B,EAC5B,IAAY,EACZ,IAA6C,EAAA;IAE7C,IAAI,OAAO,KAAK,SAAS,EAAE;AACvB,QAAA,OAAO,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;AACpC;AAED,IAAA,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAGC,+CAAuB,GAAGC,iCAAgB;AAC7F;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { type ComponentType, type SVGProps } from 'react';\n\nimport { ChevronDownCompactSIcon } from '@alfalab/icons-glyph/ChevronDownCompactSIcon';\nimport { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';\nimport { MoreMIcon } from '@alfalab/icons-glyph/MoreMIcon';\nimport { MoreSIcon } from '@alfalab/icons-glyph/MoreSIcon';\n\nimport { type PickerButtonVariant } from '../types';\n\nexport const getCompactIcon = (size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => {\n    if (Icon) {\n        return Icon;\n    }\n\n    return size === 'size-32' ? MoreSIcon : MoreMIcon;\n};\n\nexport const getIcon = (\n    variant: PickerButtonVariant,\n    size: string,\n    Icon?: ComponentType<SVGProps<SVGSVGElement>>,\n): ComponentType<SVGProps<SVGSVGElement>> => {\n    if (variant === 'compact') {\n        return getCompactIcon(size, Icon);\n    }\n\n    return ['size-40', 'size-32'].includes(size) ? ChevronDownCompactSIcon : ChevronDownMIcon;\n};\n"],"names":["MoreSIcon","MoreMIcon","ChevronDownCompactSIcon","ChevronDownMIcon"],"mappings":";;;;;;;;;AASa,IAAA,cAAc,GAAG,UAAC,IAAY,EAAE,IAA6C,EAAA;AACtF,IAAA,IAAI,IAAI,EAAE;AACN,QAAA,OAAO,IAAI;AACd;IAED,OAAO,IAAI,KAAK,SAAS,GAAGA,mBAAS,GAAGC,mBAAS;AACrD;IAEa,OAAO,GAAG,UACnB,OAA4B,EAC5B,IAAY,EACZ,IAA6C,EAAA;IAE7C,IAAI,OAAO,KAAK,SAAS,EAAE;AACvB,QAAA,OAAO,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;AACpC;AAED,IAAA,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAGC,+CAAuB,GAAGC,iCAAgB;AAC7F;;;;;"}

package/desktop/Component.desktop.d.ts

@@ -1,7 +1,7 @@
-import React, { ComponentType, SVGProps } from 'react';
-import type { ButtonProps } from '@alfalab/core-components-button';
-import { BaseSelectProps } from '@alfalab/core-components-select/shared';
-import type { PickerButtonSize, PickerButtonVariant } from '../types';
+import React, { type ComponentType, type SVGProps } from 'react';
+import { type ButtonProps } from '@alfalab/core-components-button';
+import { type BaseSelectProps } from '@alfalab/core-components-select/shared';
+import { type PickerButtonSize, type PickerButtonVariant } from '../types';
 export declare 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] & {
         /**

package/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, 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    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, 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         * @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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"}

package/esm/Component.responsive.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { AdditionalMobileProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/esm/shared';
-import { PickerButtonDesktopProps } from './desktop';
+import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/esm/shared';
+import { type PickerButtonDesktopProps } from './desktop';
 export declare type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/esm/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type {\n    AdditionalMobileProps,\n    BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { PickerButtonDesktop, PickerButtonDesktopProps } from './desktop';\nimport { PickerButtonMobile } from './mobile';\n\nexport type PickerButtonResponsiveProps = PickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n    };\n\nexport const PickerButtonResponsive = forwardRef<HTMLInputElement, PickerButtonResponsiveProps>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n        return isDesktop ? (\n            <PickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <PickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                breakpoint={breakpoint}\n                {...restProps}\n            />\n        );\n    },\n);\n\nPickerButtonResponsive.displayName = 'PickerButtonResponsive';\n"],"names":[],"mappings":";;;;;;IA0Ba,sBAAsB,GAAG,UAAU,CAC5C,UACI,EASC,EACD,GAAG,EAAA;IATC,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,YAAA,EACH,SAAS,GARhB,MAAA,CAAA,EAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,QAAA,CASC,CADe;IAIhB,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IAEhE,OAAO,SAAS,IACZ,oBAAC,mBAAmB,EAAA,QAAA,CAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IACd,SAAS,CAAA,CACf,KAEF,KAAC,CAAA,aAAA,CAAA,kBAAkB,EACf,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EAClB,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,sBAAsB,CAAC,WAAW,GAAG,wBAAwB;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport {\n    type AdditionalMobileProps,\n    type BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { PickerButtonDesktop, type PickerButtonDesktopProps } from './desktop';\nimport { PickerButtonMobile } from './mobile';\n\nexport type PickerButtonResponsiveProps = PickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n    };\n\nexport const PickerButtonResponsive = forwardRef<HTMLInputElement, PickerButtonResponsiveProps>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n        return isDesktop ? (\n            <PickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <PickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                breakpoint={breakpoint}\n                {...restProps}\n            />\n        );\n    },\n);\n\nPickerButtonResponsive.displayName = 'PickerButtonResponsive';\n"],"names":[],"mappings":";;;;;;IA0Ba,sBAAsB,GAAG,UAAU,CAC5C,UACI,EASC,EACD,GAAG,EAAA;IATC,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,YAAA,EACH,SAAS,GARhB,MAAA,CAAA,EAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,QAAA,CASC,CADe;IAIhB,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IAEhE,OAAO,SAAS,IACZ,oBAAC,mBAAmB,EAAA,QAAA,CAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IACd,SAAS,CAAA,CACf,KAEF,KAAC,CAAA,aAAA,CAAA,kBAAkB,EACf,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EAClB,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,sBAAsB,CAAC,WAAW,GAAG,wBAAwB;;;;"}

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

@@ -1,7 +1,7 @@
-import React, { ComponentType, SVGProps } from 'react';
-import type { ButtonProps } from '@alfalab/core-components-button/esm';
-import { BaseSelectProps } from '@alfalab/core-components-select/esm/shared';
-import type { PickerButtonSize, PickerButtonVariant } from '../types';
+import React, { type ComponentType, type SVGProps } from 'react';
+import { type ButtonProps } from '@alfalab/core-components-button/esm';
+import { type BaseSelectProps } from '@alfalab/core-components-select/esm/shared';
+import { type PickerButtonSize, type PickerButtonVariant } from '../types';
 export declare 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] & {
         /**

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

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, 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    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, 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         * @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;;;;"}

package/esm/field/Component.d.ts

@@ -1,7 +1,7 @@
-import React, { ComponentType, SVGProps } from 'react';
-import { ButtonProps } from '@alfalab/core-components-button/esm';
-import { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/esm/typings';
-import type { PickerButtonSize, PickerButtonVariant } from '../types';
+import React, { type ComponentType, type SVGProps } from 'react';
+import { type ButtonProps } from '@alfalab/core-components-button/esm';
+import { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/esm/typings';
+import { type PickerButtonSize, type PickerButtonVariant } from '../types';
 declare type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;
     buttonVariant?: PickerButtonVariant;

package/esm/field/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../src/field/Component.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, ComponentType, Fragment, SVGProps } from 'react';\nimport cn from 'classnames';\n\nimport { Button, ButtonProps } from '@alfalab/core-components-button';\nimport { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/typings';\n\nimport type { PickerButtonSize, 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\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":";;;;;;;AAwBA,IAAM,qBAAqB,GAAG;AAC1B,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;CAChB;AAEM,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,qBAAqB,CAAC,UAAU,CAAC,EACjC,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,MAAM,IAAI,IAAI;oBAC5C,EAED,CAAA,EAAA,aAAa,KAAK,SAAS,IAAI,KAAK,CAChC,CACP;AAEd;;;;"}

package/esm/field/index.css

@@ -5,15 +5,15 @@
     --gap-4: var(--gap-2xs);
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_1tqik {
+} .picker-button__iconContainer_f64vr {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_1tqik {
-    display: flex
-} .picker-button__addonsContainer_1tqik.picker-button__showControlIcon_1tqik {
+} .picker-button__addonsContainer_f64vr {
+    display: flex;
+} .picker-button__addonsContainer_f64vr.picker-button__showControlIcon_f64vr {
         margin-right: var(--gap-4);
-    } .picker-button__open_1tqik {
+    } .picker-button__open_f64vr {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_1tqik:not(:hover) {
+} .picker-button__linkOpen_f64vr: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_1tqik","addonsContainer":"picker-button__addonsContainer_1tqik","showControlIcon":"picker-button__showControlIcon_1tqik","open":"picker-button__open_1tqik","linkOpen":"picker-button__linkOpen_1tqik"};
+var styles = {"iconContainer":"picker-button__iconContainer_f64vr","addonsContainer":"picker-button__addonsContainer_f64vr","showControlIcon":"picker-button__showControlIcon_f64vr","open":"picker-button__open_f64vr","linkOpen":"picker-button__linkOpen_f64vr"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}

package/esm/index.css

@@ -4,12 +4,12 @@
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
-} .picker-button__container_11l30 {
+} .picker-button__container_1m1te {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_11l30.picker-button__sideGap_11l30 {
+} .picker-button__optionsPopover_1m1te.picker-button__sideGap_1m1te.cc-picker-button {
             padding: var(--gap-0) var(--gap-8);
-        } .cc-picker-button .picker-button__option_11l30 {
-        padding: var(--gap-0) var(--gap-16)
-    } .cc-picker-button .picker-button__option_11l30:before {
+        } .cc-picker-button .picker-button__option_1m1te {
+        padding: var(--gap-0) var(--gap-16);
+    } .cc-picker-button .picker-button__option_1m1te:before {
             display: none;
         }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"container":"picker-button__container_11l30","optionsPopover":"picker-button__optionsPopover_11l30","sideGap":"picker-button__sideGap_11l30","option":"picker-button__option_11l30"};
+var styles = {"container":"picker-button__container_1m1te","optionsPopover":"picker-button__optionsPopover_1m1te","sideGap":"picker-button__sideGap_1m1te","option":"picker-button__option_1m1te"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n    min-width: auto;\n}\n\n:global(.cc-picker-button) {\n    &.optionsPopover {\n        &.sideGap {\n            padding: var(--gap-0) var(--gap-8);\n        }\n    }\n\n    & .option {\n        padding: var(--gap-0) var(--gap-16);\n\n        &:before {\n            /* Удаляем разделители у опций выпадающего списка. */\n            display: none;\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,SAAS,CAAC,8BAA8B,CAAC,QAAQ,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.container {\n    min-width: auto;\n}\n\n:global(.cc-picker-button) {\n    &.optionsPopover {\n        &.sideGap {\n            padding: var(--gap-0) var(--gap-8);\n        }\n    }\n\n    & .option {\n        padding: var(--gap-0) var(--gap-16);\n\n        &:before {\n            /* Удаляем разделители у опций выпадающего списка. */\n            display: none;\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,SAAS,CAAC,8BAA8B,CAAC,QAAQ,CAAC,6BAA6B,CAAC;;;;"}

package/esm/mobile/Component.mobile.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AdditionalMobileProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/esm/shared';
-import type { PickerButtonDesktopProps } from '../desktop';
+import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/esm/shared';
+import { type PickerButtonDesktopProps } from '../desktop';
 export declare type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка для кнопки, с нее начинается desktop версия

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    AdditionalMobileProps,\n    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 === '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;;;;"}

package/esm/option/Component.d.ts

@@ -1,5 +1,5 @@
-import React, { FC, SVGProps } from 'react';
-import { OptionProps as BaseOptionProps, OptionShape } from '@alfalab/core-components-select/esm/shared';
+import React, { type FC, type SVGProps } from 'react';
+import { type OptionProps as BaseOptionProps, type OptionShape } from '@alfalab/core-components-select/esm/shared';
 declare type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/esm/option/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../src/option/Component.tsx"],"sourcesContent":["import React, { FC, SVGProps } from 'react';\n\nimport {\n    Option as BaseOption,\n    OptionProps as BaseOptionProps,\n    OptionShape,\n} from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype OptionProps = Omit<BaseOptionProps, 'option'> & {\n    option: OptionShape & {\n        icon?: FC<SVGProps<SVGSVGElement>>;\n    };\n};\n\nexport const Option = ({ option, children, ...restProps }: OptionProps) => {\n    const content = children || option.content || option.key;\n\n    const Icon = option.icon;\n\n    return (\n        <BaseOption option={option} {...restProps}>\n            <div className={styles.container}>\n                {Icon && <Icon className={styles.icon} />}\n                <div className={styles.content}>{content}</div>\n            </div>\n        </BaseOption>\n    );\n};\n"],"names":["BaseOption"],"mappings":";;;;;AAgBO,IAAM,MAAM,GAAG,UAAC,EAA+C,EAAA;IAA7C,IAAA,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,SAAS,GAAhC,MAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,UAAA,CAAkC,CAAF;IACnD,IAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;AAExD,IAAA,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI;IAExB,QACI,oBAACA,QAAU,EAAA,QAAA,CAAA,EAAC,MAAM,EAAE,MAAM,IAAM,SAAS,CAAA;AACrC,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA;YAC3B,IAAI,IAAI,oBAAC,IAAI,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAI,CAAA;YACzC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,OAAO,EAAG,EAAA,OAAO,CAAO,CAC7C,CACG;AAErB;;;;"}
+{"version":3,"file":"Component.js","sources":["../../src/option/Component.tsx"],"sourcesContent":["import React, { type FC, type SVGProps } from 'react';\n\nimport {\n    Option as BaseOption,\n    type OptionProps as BaseOptionProps,\n    type OptionShape,\n} from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype OptionProps = Omit<BaseOptionProps, 'option'> & {\n    option: OptionShape & {\n        icon?: FC<SVGProps<SVGSVGElement>>;\n    };\n};\n\nexport const Option = ({ option, children, ...restProps }: OptionProps) => {\n    const content = children || option.content || option.key;\n\n    const Icon = option.icon;\n\n    return (\n        <BaseOption option={option} {...restProps}>\n            <div className={styles.container}>\n                {Icon && <Icon className={styles.icon} />}\n                <div className={styles.content}>{content}</div>\n            </div>\n        </BaseOption>\n    );\n};\n"],"names":["BaseOption"],"mappings":";;;;;AAgBO,IAAM,MAAM,GAAG,UAAC,EAA+C,EAAA;IAA7C,IAAA,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,SAAS,GAAhC,MAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,UAAA,CAAkC,CAAF;IACnD,IAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;AAExD,IAAA,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI;IAExB,QACI,oBAACA,QAAU,EAAA,QAAA,CAAA,EAAC,MAAM,EAAE,MAAM,IAAM,SAAS,CAAA;AACrC,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA;YAC3B,IAAI,IAAI,oBAAC,IAAI,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAI,CAAA;YACzC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,OAAO,EAAG,EAAA,OAAO,CAAO,CAC7C,CACG;AAErB;;;;"}

package/esm/option/index.css

@@ -1,13 +1,13 @@
 :root {
     --gap-s: 12px;
     --gap-12: var(--gap-s);
-} .picker-button__container_fquc9 {
+} .picker-button__container_107kp {
     display: flex;
     align-items: center;
-} .picker-button__icon_fquc9 {
+} .picker-button__icon_107kp {
     display: flex;
     margin-right: var(--gap-12);
-} .picker-button__content_fquc9 {
+} .picker-button__content_107kp {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;