@alfalab/core-components-custom-picker-button 3.0.1 → 3.0.2

package/Component.responsive.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CustomButtonProps } from '@alfalab/core-components-custom-button';
-import type { AdditionalMobileProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
-import { CustomPickerButtonDesktopProps } from './desktop';
+import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
+import { type CustomPickerButtonDesktopProps } from './desktop';
 export declare type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & 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\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type {\n    AdditionalMobileProps,\n    BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './desktop';\nimport { CustomPickerButtonMobile } from './mobile';\n\nexport type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n\n        /**\n         * Значение по-умолчанию для хука useMatchMedia\n         * @deprecated Используйте client\n         */\n        defaultMatchMediaValue?: boolean | (() => boolean);\n    };\n\nexport const CustomPickerButtonResponsive = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonResponsiveProps\n>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        return isDesktop ? (\n            <CustomPickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <CustomPickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                {...restProps}\n            />\n        );\n    },\n);\n\nCustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","React","CustomPickerButtonDesktop","__assign","CustomPickerButtonMobile"],"mappings":";;;;;;;;;;;;;;IAkCa,4BAA4B,GAAGA,gBAAU,CAIlD,UACI,EAUC,EACD,GAAG,EAAA;AAVC,IAAA,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,GAAA,EAAA,CAAA,MAAA,EACN,8BAAgF,EAAhF,sBAAsB,mBAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAAAC,YAAA,CAAA,EAAA,EAThB,wHAUC,CADe;IAIhB,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZC,sBAAC,CAAA,aAAA,CAAAC,2CAAyB,EACtBC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,EACd,SAAS,CAAA,CACf,KAEFF,qCAACG,yCAAwB,EAAAD,cAAA,CAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport {\n    type AdditionalMobileProps,\n    type BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { CustomPickerButtonDesktop, type CustomPickerButtonDesktopProps } from './desktop';\nimport { CustomPickerButtonMobile } from './mobile';\n\nexport type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n\n        /**\n         * Значение по-умолчанию для хука useMatchMedia\n         * @deprecated Используйте client\n         */\n        defaultMatchMediaValue?: boolean | (() => boolean);\n    };\n\nexport const CustomPickerButtonResponsive = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonResponsiveProps\n>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        return isDesktop ? (\n            <CustomPickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <CustomPickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                {...restProps}\n            />\n        );\n    },\n);\n\nCustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","React","CustomPickerButtonDesktop","__assign","CustomPickerButtonMobile"],"mappings":";;;;;;;;;;;;;;IAkCa,4BAA4B,GAAGA,gBAAU,CAIlD,UACI,EAUC,EACD,GAAG,EAAA;AAVC,IAAA,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,GAAA,EAAA,CAAA,MAAA,EACN,8BAAgF,EAAhF,sBAAsB,mBAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAAAC,YAAA,CAAA,EAAA,EAThB,wHAUC,CADe;IAIhB,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZC,sBAAC,CAAA,aAAA,CAAAC,2CAAyB,EACtBC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,EACd,SAAS,CAAA,CACf,KAEFF,qCAACG,yCAAwB,EAAAD,cAAA,CAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}

package/cssm/Component.responsive.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CustomButtonProps } from '@alfalab/core-components-custom-button/cssm';
-import type { AdditionalMobileProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/cssm/shared';
-import { CustomPickerButtonDesktopProps } from './desktop';
+import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/cssm/shared';
+import { type CustomPickerButtonDesktopProps } from './desktop';
 export declare type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & 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\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type {\n    AdditionalMobileProps,\n    BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './desktop';\nimport { CustomPickerButtonMobile } from './mobile';\n\nexport type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n\n        /**\n         * Значение по-умолчанию для хука useMatchMedia\n         * @deprecated Используйте client\n         */\n        defaultMatchMediaValue?: boolean | (() => boolean);\n    };\n\nexport const CustomPickerButtonResponsive = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonResponsiveProps\n>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        return isDesktop ? (\n            <CustomPickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <CustomPickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                {...restProps}\n            />\n        );\n    },\n);\n\nCustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","React","CustomPickerButtonDesktop","__assign","CustomPickerButtonMobile"],"mappings":";;;;;;;;;;;;;;IAkCa,4BAA4B,GAAGA,gBAAU,CAIlD,UACI,EAUC,EACD,GAAG,EAAA;AAVC,IAAA,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,GAAA,EAAA,CAAA,MAAA,EACN,8BAAgF,EAAhF,sBAAsB,mBAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAAAC,YAAA,CAAA,EAAA,EAThB,wHAUC,CADe;IAIhB,IAAM,SAAS,GAAGC,iBAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZC,sBAAC,CAAA,aAAA,CAAAC,2CAAyB,EACtBC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,EACd,SAAS,CAAA,CACf,KAEFF,qCAACG,yCAAwB,EAAAD,cAAA,CAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport {\n    type AdditionalMobileProps,\n    type BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { CustomPickerButtonDesktop, type CustomPickerButtonDesktopProps } from './desktop';\nimport { CustomPickerButtonMobile } from './mobile';\n\nexport type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n\n        /**\n         * Значение по-умолчанию для хука useMatchMedia\n         * @deprecated Используйте client\n         */\n        defaultMatchMediaValue?: boolean | (() => boolean);\n    };\n\nexport const CustomPickerButtonResponsive = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonResponsiveProps\n>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        return isDesktop ? (\n            <CustomPickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <CustomPickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                {...restProps}\n            />\n        );\n    },\n);\n\nCustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","React","CustomPickerButtonDesktop","__assign","CustomPickerButtonMobile"],"mappings":";;;;;;;;;;;;;;IAkCa,4BAA4B,GAAGA,gBAAU,CAIlD,UACI,EAUC,EACD,GAAG,EAAA;AAVC,IAAA,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,GAAA,EAAA,CAAA,MAAA,EACN,8BAAgF,EAAhF,sBAAsB,mBAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAAAC,YAAA,CAAA,EAAA,EAThB,wHAUC,CADe;IAIhB,IAAM,SAAS,GAAGC,iBAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZC,sBAAC,CAAA,aAAA,CAAAC,2CAAyB,EACtBC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,EACd,SAAS,CAAA,CACf,KAEFF,qCAACG,yCAAwB,EAAAD,cAAA,CAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CustomButtonProps } from '@alfalab/core-components-custom-button/cssm';
-import { PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/cssm/desktop';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button/cssm';
+import { type PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/cssm/desktop';
 export declare type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
 export declare const CustomPickerButtonDesktop: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonDesktop,\n    PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonDesktop = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonDesktopProps\n>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonDesktop\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n                breakpoint: 1,\n                icon,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["forwardRef","__rest","React","PickerButtonDesktop","DefaultField"],"mappings":";;;;;;;;;;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,yBAAyB,GAAGA,gBAAU,CAI/C,UACI,EAMC,EACD,GAAG,EAAA;IANC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,GAAA,EAAA,EACtC,EAAoC,GAAA,EAAA,CAAA,YAAA,EAApC,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,qBAAqB,GAAA,EAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,GAAA,EAAA,EACvB,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,SAAS,GALhBC,YAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,MAAA,CAMC,CADe;AAGf,IAAA,QACDC,sBAAC,CAAA,aAAA,CAAAC,2BAAmB,qBACZ,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,UAAU,EAAE,CAAC;AACb,YAAA,IAAI,EAAA,IAAA;SACP,EACD,KAAK,EAAEC,eAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonDesktop,\n    type PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonDesktop = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonDesktopProps\n>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonDesktop\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n                breakpoint: 1,\n                icon,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["forwardRef","__rest","React","PickerButtonDesktop","DefaultField"],"mappings":";;;;;;;;;;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,yBAAyB,GAAGA,gBAAU,CAI/C,UACI,EAMC,EACD,GAAG,EAAA;IANC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,GAAA,EAAA,EACtC,EAAoC,GAAA,EAAA,CAAA,YAAA,EAApC,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,qBAAqB,GAAA,EAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,GAAA,EAAA,EACvB,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,SAAS,GALhBC,YAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,MAAA,CAMC,CADe;AAGf,IAAA,QACDC,sBAAC,CAAA,aAAA,CAAAC,2BAAmB,qBACZ,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,UAAU,EAAE,CAAC;AACb,YAAA,IAAI,EAAA,IAAA;SACP,EACD,KAAK,EAAEC,eAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}

package/cssm/field/Component.d.ts

@@ -1,7 +1,7 @@
-import React, { ComponentType, SVGProps } from 'react';
-import { CustomButtonProps } from '@alfalab/core-components-custom-button/cssm';
-import { PickerButtonSize, PickerButtonVariant } from '@alfalab/core-components-picker-button/cssm/shared';
-import { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/cssm/shared';
+import React, { type ComponentType, type SVGProps } from 'react';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button/cssm';
+import { type PickerButtonSize, type PickerButtonVariant } from '@alfalab/core-components-picker-button/cssm/shared';
+import { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/cssm/shared';
 declare type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
     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 { CustomButton, CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    getIcon,\n    PickerButtonSize,\n    PickerButtonVariant,\n} from '@alfalab/core-components-picker-button/shared';\nimport { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> &\n    CustomButtonProps & {\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    backgroundColor,\n    contentColor,\n    stateType,\n    label,\n    open,\n    rightAddons,\n    innerProps,\n    className,\n    showArrow = true,\n    icon,\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 buttonProps = {\n        ...restProps,\n        ...innerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <CustomButton\n            {...buttonProps}\n            rightAddons={\n                <Fragment>\n                    {rightAddons && (\n                        <span\n                            className={cn(styles.addonsContainer, {\n                                [styles.showControlIcon]: 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='custom-picker-button-icon' />\n                        </span>\n                    )}\n                </Fragment>\n            }\n            block={true}\n            size={buttonSize}\n            backgroundColor={backgroundColor}\n            contentColor={contentColor}\n            stateType={stateType}\n            className={className}\n        >\n            {buttonVariant !== 'compact' && label}\n        </CustomButton>\n    );\n};\n"],"names":["__rest","getIcon","__assign","React","CustomButton","Fragment","cn","styles"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,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,EAcT,EAAA;;IAbT,IAAA,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACf,EAAyB,GAAA,EAAA,CAAA,aAAA,EAAzB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACzB,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,YAAY,kBAAA,EACZ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,SAAgB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAChB,IAAI,UAAA,EACD,SAAS,GAbMA,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,CAcrB,CADe;AAEZ,IAAA,IAAM,IAAI,GAA2CC,cAAO,CACxD,aAAa,EACb,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CACP;AAED,IAAA,IAAM,WAAW,GAAGC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACb,SAAS,CACT,EAAA,UAAU,CAC2B;IAE5C,QACIC,qCAACC,iBAAY,EAAAF,cAAA,CAAA,EAAA,EACL,WAAW,EACf,EAAA,WAAW,EACPC,sBAAA,CAAA,aAAA,CAACE,cAAQ,EAAA,IAAA;YACJ,WAAW,KACRF,sBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEG,mBAAE,CAACC,uBAAM,CAAC,eAAe,GAAA,EAAA,GAAA,EAAA;oBAChC,EAAC,CAAAA,uBAAM,CAAC,eAAe,CAAA,GAAG,SAAS,IAAI,aAAa,KAAK,SAAS;wBACpE,EAED,EAAA,WAAW,CACT,CACV;YAEA,CAAC,SAAS,IAAI,aAAa,KAAK,SAAS,MACtCJ,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAEG,mBAAE,CACTC,uBAAM,CAAC,aAAa,EACpB,aAAa,KAAK,SAAS,IAAI,IAAI,IAAIA,uBAAM,CAAC,IAAI,CACrD,EAAA;AAED,gBAAAJ,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAc,EAAA,cAAA,EAAA,2BAA2B,EAAG,CAAA,CAC9C,CACV,CACM,EAEf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EAAA,CAAA,EAEnB,aAAa,KAAK,SAAS,IAAI,KAAK,CAC1B;AAEvB;;;;"}
+{"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 { CustomButton, type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    getIcon,\n    type PickerButtonSize,\n    type PickerButtonVariant,\n} from '@alfalab/core-components-picker-button/shared';\nimport { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> &\n    CustomButtonProps & {\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    backgroundColor,\n    contentColor,\n    stateType,\n    label,\n    open,\n    rightAddons,\n    innerProps,\n    className,\n    showArrow = true,\n    icon,\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 buttonProps = {\n        ...restProps,\n        ...innerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <CustomButton\n            {...buttonProps}\n            rightAddons={\n                <Fragment>\n                    {rightAddons && (\n                        <span\n                            className={cn(styles.addonsContainer, {\n                                [styles.showControlIcon]: 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='custom-picker-button-icon' />\n                        </span>\n                    )}\n                </Fragment>\n            }\n            block={true}\n            size={buttonSize}\n            backgroundColor={backgroundColor}\n            contentColor={contentColor}\n            stateType={stateType}\n            className={className}\n        >\n            {buttonVariant !== 'compact' && label}\n        </CustomButton>\n    );\n};\n"],"names":["__rest","getIcon","__assign","React","CustomButton","Fragment","cn","styles"],"mappings":";;;;;;;;;;;;;;;;;AA0BA,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,EAcT,EAAA;;IAbT,IAAA,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACf,EAAyB,GAAA,EAAA,CAAA,aAAA,EAAzB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACzB,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,YAAY,kBAAA,EACZ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,SAAgB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAChB,IAAI,UAAA,EACD,SAAS,GAbMA,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,CAcrB,CADe;AAEZ,IAAA,IAAM,IAAI,GAA2CC,cAAO,CACxD,aAAa,EACb,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CACP;AAED,IAAA,IAAM,WAAW,GAAGC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACb,SAAS,CACT,EAAA,UAAU,CAC2B;IAE5C,QACIC,qCAACC,iBAAY,EAAAF,cAAA,CAAA,EAAA,EACL,WAAW,EACf,EAAA,WAAW,EACPC,sBAAA,CAAA,aAAA,CAACE,cAAQ,EAAA,IAAA;YACJ,WAAW,KACRF,sBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEG,mBAAE,CAACC,uBAAM,CAAC,eAAe,GAAA,EAAA,GAAA,EAAA;oBAChC,EAAC,CAAAA,uBAAM,CAAC,eAAe,CAAA,GAAG,SAAS,IAAI,aAAa,KAAK,SAAS;wBACpE,EAED,EAAA,WAAW,CACT,CACV;YAEA,CAAC,SAAS,IAAI,aAAa,KAAK,SAAS,MACtCJ,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAEG,mBAAE,CACTC,uBAAM,CAAC,aAAa,EACpB,aAAa,KAAK,SAAS,IAAI,IAAI,IAAIA,uBAAM,CAAC,IAAI,CACrD,EAAA;AAED,gBAAAJ,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAc,EAAA,cAAA,EAAA,2BAA2B,EAAG,CAAA,CAC9C,CACV,CACM,EAEf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EAAA,CAAA,EAEnB,aAAa,KAAK,SAAS,IAAI,KAAK,CAC1B;AAEvB;;;;"}

package/cssm/field/index.module.css

@@ -7,7 +7,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/mobile/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CustomButtonProps } from '@alfalab/core-components-custom-button/cssm';
-import { PickerButtonMobileProps } from '@alfalab/core-components-picker-button/cssm/mobile';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button/cssm';
+import { type PickerButtonMobileProps } from '@alfalab/core-components-picker-button/cssm/mobile';
 export declare type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
 export declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;

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 type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonMobile,\n    PickerButtonMobileProps,\n} from '@alfalab/core-components-picker-button/mobile';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonMobile = forwardRef<HTMLInputElement, CustomPickerButtonMobileProps>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonMobile\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["forwardRef","__rest","React","PickerButtonMobile","DefaultField"],"mappings":";;;;;;;;;;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,wBAAwB,GAAGA,gBAAU,CAC9C,UACI,EAKC,EACD,GAAG,EAAA;IALC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,KAAA,EACtC,EAAA,GAAA,EAAA,CAAA,YAAoC,EAApC,YAAY,GAAG,EAAA,KAAA,MAAA,GAAA,qBAAqB,KAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,KAAA,EACpB,SAAS,GAJhBC,YAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,CAKC,CADe;AAGf,IAAA,QACDC,sBAAC,CAAA,aAAA,CAAAC,yBAAkB,qBACX,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;SACZ,EACD,KAAK,EAAEC,eAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonMobile,\n    type PickerButtonMobileProps,\n} from '@alfalab/core-components-picker-button/mobile';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonMobile = forwardRef<HTMLInputElement, CustomPickerButtonMobileProps>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonMobile\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["forwardRef","__rest","React","PickerButtonMobile","DefaultField"],"mappings":";;;;;;;;;;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,wBAAwB,GAAGA,gBAAU,CAC9C,UACI,EAKC,EACD,GAAG,EAAA;IALC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,KAAA,EACtC,EAAA,GAAA,EAAA,CAAA,YAAoC,EAApC,YAAY,GAAG,EAAA,KAAA,MAAA,GAAA,qBAAqB,KAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,KAAA,EACpB,SAAS,GAJhBC,YAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,CAKC,CADe;AAGf,IAAA,QACDC,sBAAC,CAAA,aAAA,CAAAC,yBAAkB,qBACX,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;SACZ,EACD,KAAK,EAAEC,eAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}

package/desktop/Component.desktop.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CustomButtonProps } from '@alfalab/core-components-custom-button';
-import { PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/desktop';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button';
+import { type PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/desktop';
 export declare type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
 export declare const CustomPickerButtonDesktop: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;

package/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonDesktop,\n    PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonDesktop = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonDesktopProps\n>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonDesktop\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n                breakpoint: 1,\n                icon,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["forwardRef","__rest","React","PickerButtonDesktop","DefaultField"],"mappings":";;;;;;;;;;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,yBAAyB,GAAGA,gBAAU,CAI/C,UACI,EAMC,EACD,GAAG,EAAA;IANC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,GAAA,EAAA,EACtC,EAAoC,GAAA,EAAA,CAAA,YAAA,EAApC,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,qBAAqB,GAAA,EAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,GAAA,EAAA,EACvB,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,SAAS,GALhBC,YAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,MAAA,CAMC,CADe;AAGf,IAAA,QACDC,sBAAC,CAAA,aAAA,CAAAC,2BAAmB,qBACZ,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,UAAU,EAAE,CAAC;AACb,YAAA,IAAI,EAAA,IAAA;SACP,EACD,KAAK,EAAEC,eAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonDesktop,\n    type PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonDesktop = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonDesktopProps\n>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonDesktop\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n                breakpoint: 1,\n                icon,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["forwardRef","__rest","React","PickerButtonDesktop","DefaultField"],"mappings":";;;;;;;;;;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,yBAAyB,GAAGA,gBAAU,CAI/C,UACI,EAMC,EACD,GAAG,EAAA;IANC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,GAAA,EAAA,EACtC,EAAoC,GAAA,EAAA,CAAA,YAAA,EAApC,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,qBAAqB,GAAA,EAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,GAAA,EAAA,EACvB,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,SAAS,GALhBC,YAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,MAAA,CAMC,CADe;AAGf,IAAA,QACDC,sBAAC,CAAA,aAAA,CAAAC,2BAAmB,qBACZ,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,UAAU,EAAE,CAAC;AACb,YAAA,IAAI,EAAA,IAAA;SACP,EACD,KAAK,EAAEC,eAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}

package/esm/Component.responsive.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CustomButtonProps } from '@alfalab/core-components-custom-button/esm';
-import type { AdditionalMobileProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/esm/shared';
-import { CustomPickerButtonDesktopProps } from './desktop';
+import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/esm/shared';
+import { type CustomPickerButtonDesktopProps } from './desktop';
 export declare type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & 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\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type {\n    AdditionalMobileProps,\n    BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './desktop';\nimport { CustomPickerButtonMobile } from './mobile';\n\nexport type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n\n        /**\n         * Значение по-умолчанию для хука useMatchMedia\n         * @deprecated Используйте client\n         */\n        defaultMatchMediaValue?: boolean | (() => boolean);\n    };\n\nexport const CustomPickerButtonResponsive = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonResponsiveProps\n>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        return isDesktop ? (\n            <CustomPickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <CustomPickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                {...restProps}\n            />\n        );\n    },\n);\n\nCustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';\n"],"names":[],"mappings":";;;;;;IAkCa,4BAA4B,GAAG,UAAU,CAIlD,UACI,EAUC,EACD,GAAG,EAAA;AAVC,IAAA,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,GAAA,EAAA,CAAA,MAAA,EACN,8BAAgF,EAAhF,sBAAsB,mBAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAAA,MAAA,CAAA,EAAA,EAThB,wHAUC,CADe;IAIhB,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZ,KAAC,CAAA,aAAA,CAAA,yBAAyB,EACtB,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,EACd,SAAS,CAAA,CACf,KAEF,oBAAC,wBAAwB,EAAA,QAAA,CAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport {\n    type AdditionalMobileProps,\n    type BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { CustomPickerButtonDesktop, type CustomPickerButtonDesktopProps } from './desktop';\nimport { CustomPickerButtonMobile } from './mobile';\n\nexport type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n\n        /**\n         * Значение по-умолчанию для хука useMatchMedia\n         * @deprecated Используйте client\n         */\n        defaultMatchMediaValue?: boolean | (() => boolean);\n    };\n\nexport const CustomPickerButtonResponsive = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonResponsiveProps\n>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        return isDesktop ? (\n            <CustomPickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <CustomPickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                {...restProps}\n            />\n        );\n    },\n);\n\nCustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';\n"],"names":[],"mappings":";;;;;;IAkCa,4BAA4B,GAAG,UAAU,CAIlD,UACI,EAUC,EACD,GAAG,EAAA;AAVC,IAAA,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,GAAA,EAAA,CAAA,MAAA,EACN,8BAAgF,EAAhF,sBAAsB,mBAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAAA,MAAA,CAAA,EAAA,EAThB,wHAUC,CADe;IAIhB,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZ,KAAC,CAAA,aAAA,CAAA,yBAAyB,EACtB,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,EACd,SAAS,CAAA,CACf,KAEF,oBAAC,wBAAwB,EAAA,QAAA,CAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CustomButtonProps } from '@alfalab/core-components-custom-button/esm';
-import { PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/esm/desktop';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button/esm';
+import { type PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/esm/desktop';
 export declare type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
 export declare const CustomPickerButtonDesktop: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonDesktop,\n    PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonDesktop = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonDesktopProps\n>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonDesktop\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n                breakpoint: 1,\n                icon,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["DefaultField"],"mappings":";;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,yBAAyB,GAAG,UAAU,CAI/C,UACI,EAMC,EACD,GAAG,EAAA;IANC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,GAAA,EAAA,EACtC,EAAoC,GAAA,EAAA,CAAA,YAAA,EAApC,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,qBAAqB,GAAA,EAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,GAAA,EAAA,EACvB,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,SAAS,GALhB,MAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,MAAA,CAMC,CADe;AAGf,IAAA,QACD,KAAC,CAAA,aAAA,CAAA,mBAAmB,eACZ,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,UAAU,EAAE,CAAC;AACb,YAAA,IAAI,EAAA,IAAA;SACP,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonDesktop,\n    type PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonDesktop = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonDesktopProps\n>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonDesktop\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n                breakpoint: 1,\n                icon,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["DefaultField"],"mappings":";;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,yBAAyB,GAAG,UAAU,CAI/C,UACI,EAMC,EACD,GAAG,EAAA;IANC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,GAAA,EAAA,EACtC,EAAoC,GAAA,EAAA,CAAA,YAAA,EAApC,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,qBAAqB,GAAA,EAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,GAAA,EAAA,EACvB,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,SAAS,GALhB,MAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,MAAA,CAMC,CADe;AAGf,IAAA,QACD,KAAC,CAAA,aAAA,CAAA,mBAAmB,eACZ,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,UAAU,EAAE,CAAC;AACb,YAAA,IAAI,EAAA,IAAA;SACP,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}

package/esm/field/Component.d.ts

@@ -1,7 +1,7 @@
-import React, { ComponentType, SVGProps } from 'react';
-import { CustomButtonProps } from '@alfalab/core-components-custom-button/esm';
-import { PickerButtonSize, PickerButtonVariant } from '@alfalab/core-components-picker-button/esm/shared';
-import { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/esm/shared';
+import React, { type ComponentType, type SVGProps } from 'react';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button/esm';
+import { type PickerButtonSize, type PickerButtonVariant } from '@alfalab/core-components-picker-button/esm/shared';
+import { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/esm/shared';
 declare type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
     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 { CustomButton, CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    getIcon,\n    PickerButtonSize,\n    PickerButtonVariant,\n} from '@alfalab/core-components-picker-button/shared';\nimport { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> &\n    CustomButtonProps & {\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    backgroundColor,\n    contentColor,\n    stateType,\n    label,\n    open,\n    rightAddons,\n    innerProps,\n    className,\n    showArrow = true,\n    icon,\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 buttonProps = {\n        ...restProps,\n        ...innerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <CustomButton\n            {...buttonProps}\n            rightAddons={\n                <Fragment>\n                    {rightAddons && (\n                        <span\n                            className={cn(styles.addonsContainer, {\n                                [styles.showControlIcon]: 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='custom-picker-button-icon' />\n                        </span>\n                    )}\n                </Fragment>\n            }\n            block={true}\n            size={buttonSize}\n            backgroundColor={backgroundColor}\n            contentColor={contentColor}\n            stateType={stateType}\n            className={className}\n        >\n            {buttonVariant !== 'compact' && label}\n        </CustomButton>\n    );\n};\n"],"names":[],"mappings":";;;;;;;AAqBA,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,EAcT,EAAA;;IAbT,IAAA,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACf,EAAyB,GAAA,EAAA,CAAA,aAAA,EAAzB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACzB,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,YAAY,kBAAA,EACZ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,SAAgB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAChB,IAAI,UAAA,EACD,SAAS,GAbM,MAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,CAcrB,CADe;AAEZ,IAAA,IAAM,IAAI,GAA2C,OAAO,CACxD,aAAa,EACb,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CACP;AAED,IAAA,IAAM,WAAW,GAAG,QAAA,CAAA,QAAA,CAAA,EAAA,EACb,SAAS,CACT,EAAA,UAAU,CAC2B;IAE5C,QACI,oBAAC,YAAY,EAAA,QAAA,CAAA,EAAA,EACL,WAAW,EACf,EAAA,WAAW,EACP,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;YACJ,WAAW,KACR,KACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,GAAA,EAAA,GAAA,EAAA;oBAChC,EAAC,CAAA,MAAM,CAAC,eAAe,CAAA,GAAG,SAAS,IAAI,aAAa,KAAK,SAAS;wBACpE,EAED,EAAA,WAAW,CACT,CACV;YAEA,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;AAED,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAc,EAAA,cAAA,EAAA,2BAA2B,EAAG,CAAA,CAC9C,CACV,CACM,EAEf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EAAA,CAAA,EAEnB,aAAa,KAAK,SAAS,IAAI,KAAK,CAC1B;AAEvB;;;;"}
+{"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 { CustomButton, type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    getIcon,\n    type PickerButtonSize,\n    type PickerButtonVariant,\n} from '@alfalab/core-components-picker-button/shared';\nimport { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> &\n    CustomButtonProps & {\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    backgroundColor,\n    contentColor,\n    stateType,\n    label,\n    open,\n    rightAddons,\n    innerProps,\n    className,\n    showArrow = true,\n    icon,\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 buttonProps = {\n        ...restProps,\n        ...innerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <CustomButton\n            {...buttonProps}\n            rightAddons={\n                <Fragment>\n                    {rightAddons && (\n                        <span\n                            className={cn(styles.addonsContainer, {\n                                [styles.showControlIcon]: 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='custom-picker-button-icon' />\n                        </span>\n                    )}\n                </Fragment>\n            }\n            block={true}\n            size={buttonSize}\n            backgroundColor={backgroundColor}\n            contentColor={contentColor}\n            stateType={stateType}\n            className={className}\n        >\n            {buttonVariant !== 'compact' && label}\n        </CustomButton>\n    );\n};\n"],"names":[],"mappings":";;;;;;;AA0BA,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,EAcT,EAAA;;IAbT,IAAA,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACf,EAAyB,GAAA,EAAA,CAAA,aAAA,EAAzB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACzB,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,YAAY,kBAAA,EACZ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,SAAgB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAChB,IAAI,UAAA,EACD,SAAS,GAbM,MAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,CAcrB,CADe;AAEZ,IAAA,IAAM,IAAI,GAA2C,OAAO,CACxD,aAAa,EACb,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CACP;AAED,IAAA,IAAM,WAAW,GAAG,QAAA,CAAA,QAAA,CAAA,EAAA,EACb,SAAS,CACT,EAAA,UAAU,CAC2B;IAE5C,QACI,oBAAC,YAAY,EAAA,QAAA,CAAA,EAAA,EACL,WAAW,EACf,EAAA,WAAW,EACP,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;YACJ,WAAW,KACR,KACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,GAAA,EAAA,GAAA,EAAA;oBAChC,EAAC,CAAA,MAAM,CAAC,eAAe,CAAA,GAAG,SAAS,IAAI,aAAa,KAAK,SAAS;wBACpE,EAED,EAAA,WAAW,CACT,CACV;YAEA,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;AAED,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAc,EAAA,cAAA,EAAA,2BAA2B,EAAG,CAAA,CAC9C,CACV,CACM,EAEf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EAAA,CAAA,EAEnB,aAAa,KAAK,SAAS,IAAI,KAAK,CAC1B;AAEvB;;;;"}

package/esm/field/index.css

@@ -3,13 +3,13 @@
     --gap-4: var(--gap-2xs);
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_7ixnk {
+} .custom-picker-button__iconContainer_6upyo {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_7ixnk {
-    display: flex
-} .custom-picker-button__addonsContainer_7ixnk.custom-picker-button__showControlIcon_7ixnk {
+} .custom-picker-button__addonsContainer_6upyo {
+    display: flex;
+} .custom-picker-button__addonsContainer_6upyo.custom-picker-button__showControlIcon_6upyo {
         margin-right: var(--gap-4);
-    } .custom-picker-button__open_7ixnk {
+    } .custom-picker-button__open_6upyo {
     transform: var(--arrow-transform);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_7ixnk","addonsContainer":"custom-picker-button__addonsContainer_7ixnk","showControlIcon":"custom-picker-button__showControlIcon_7ixnk","open":"custom-picker-button__open_7ixnk"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_6upyo","addonsContainer":"custom-picker-button__addonsContainer_6upyo","showControlIcon":"custom-picker-button__showControlIcon_6upyo","open":"custom-picker-button__open_6upyo"};
 
 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"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,eAAe,CAAC,2CAA2C,CAAC,iBAAiB,CAAC,6CAA6C,CAAC,iBAAiB,CAAC,6CAA6C,CAAC,MAAM,CAAC,kCAAkC,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"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,eAAe,CAAC,2CAA2C,CAAC,iBAAiB,CAAC,6CAA6C,CAAC,iBAAiB,CAAC,6CAA6C,CAAC,MAAM,CAAC,kCAAkC,CAAC;;;;"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CustomButtonProps } from '@alfalab/core-components-custom-button/esm';
-import { PickerButtonMobileProps } from '@alfalab/core-components-picker-button/esm/mobile';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button/esm';
+import { type PickerButtonMobileProps } from '@alfalab/core-components-picker-button/esm/mobile';
 export declare type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
 export declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;

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 type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonMobile,\n    PickerButtonMobileProps,\n} from '@alfalab/core-components-picker-button/mobile';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonMobile = forwardRef<HTMLInputElement, CustomPickerButtonMobileProps>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonMobile\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["DefaultField"],"mappings":";;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,wBAAwB,GAAG,UAAU,CAC9C,UACI,EAKC,EACD,GAAG,EAAA;IALC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,KAAA,EACtC,EAAA,GAAA,EAAA,CAAA,YAAoC,EAApC,YAAY,GAAG,EAAA,KAAA,MAAA,GAAA,qBAAqB,KAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,KAAA,EACpB,SAAS,GAJhB,MAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,CAKC,CADe;AAGf,IAAA,QACD,KAAC,CAAA,aAAA,CAAA,kBAAkB,eACX,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;SACZ,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonMobile,\n    type PickerButtonMobileProps,\n} from '@alfalab/core-components-picker-button/mobile';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonMobile = forwardRef<HTMLInputElement, CustomPickerButtonMobileProps>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonMobile\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["DefaultField"],"mappings":";;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,wBAAwB,GAAG,UAAU,CAC9C,UACI,EAKC,EACD,GAAG,EAAA;IALC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,KAAA,EACtC,EAAA,GAAA,EAAA,CAAA,YAAoC,EAApC,YAAY,GAAG,EAAA,KAAA,MAAA,GAAA,qBAAqB,KAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,KAAA,EACpB,SAAS,GAJhB,MAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,CAKC,CADe;AAGf,IAAA,QACD,KAAC,CAAA,aAAA,CAAA,kBAAkB,eACX,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;SACZ,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}

package/field/Component.d.ts

@@ -1,7 +1,7 @@
-import React, { ComponentType, SVGProps } from 'react';
-import { CustomButtonProps } from '@alfalab/core-components-custom-button';
-import { PickerButtonSize, PickerButtonVariant } from '@alfalab/core-components-picker-button/shared';
-import { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';
+import React, { type ComponentType, type SVGProps } from 'react';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button';
+import { type PickerButtonSize, type PickerButtonVariant } from '@alfalab/core-components-picker-button/shared';
+import { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';
 declare type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
     buttonSize?: PickerButtonSize;
     buttonVariant?: PickerButtonVariant;

package/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 { CustomButton, CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    getIcon,\n    PickerButtonSize,\n    PickerButtonVariant,\n} from '@alfalab/core-components-picker-button/shared';\nimport { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> &\n    CustomButtonProps & {\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    backgroundColor,\n    contentColor,\n    stateType,\n    label,\n    open,\n    rightAddons,\n    innerProps,\n    className,\n    showArrow = true,\n    icon,\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 buttonProps = {\n        ...restProps,\n        ...innerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <CustomButton\n            {...buttonProps}\n            rightAddons={\n                <Fragment>\n                    {rightAddons && (\n                        <span\n                            className={cn(styles.addonsContainer, {\n                                [styles.showControlIcon]: 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='custom-picker-button-icon' />\n                        </span>\n                    )}\n                </Fragment>\n            }\n            block={true}\n            size={buttonSize}\n            backgroundColor={backgroundColor}\n            contentColor={contentColor}\n            stateType={stateType}\n            className={className}\n        >\n            {buttonVariant !== 'compact' && label}\n        </CustomButton>\n    );\n};\n"],"names":["__rest","getIcon","__assign","React","CustomButton","Fragment","cn","styles"],"mappings":";;;;;;;;;;;;;;;;AAqBA,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,EAcT,EAAA;;IAbT,IAAA,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACf,EAAyB,GAAA,EAAA,CAAA,aAAA,EAAzB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACzB,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,YAAY,kBAAA,EACZ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,SAAgB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAChB,IAAI,UAAA,EACD,SAAS,GAbMA,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,CAcrB,CADe;AAEZ,IAAA,IAAM,IAAI,GAA2CC,cAAO,CACxD,aAAa,EACb,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CACP;AAED,IAAA,IAAM,WAAW,GAAGC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACb,SAAS,CACT,EAAA,UAAU,CAC2B;IAE5C,QACIC,qCAACC,uCAAY,EAAAF,cAAA,CAAA,EAAA,EACL,WAAW,EACf,EAAA,WAAW,EACPC,sBAAA,CAAA,aAAA,CAACE,cAAQ,EAAA,IAAA;YACJ,WAAW,KACRF,sBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEG,mBAAE,CAACC,YAAM,CAAC,eAAe,GAAA,EAAA,GAAA,EAAA;oBAChC,EAAC,CAAAA,YAAM,CAAC,eAAe,CAAA,GAAG,SAAS,IAAI,aAAa,KAAK,SAAS;wBACpE,EAED,EAAA,WAAW,CACT,CACV;YAEA,CAAC,SAAS,IAAI,aAAa,KAAK,SAAS,MACtCJ,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAEG,mBAAE,CACTC,YAAM,CAAC,aAAa,EACpB,aAAa,KAAK,SAAS,IAAI,IAAI,IAAIA,YAAM,CAAC,IAAI,CACrD,EAAA;AAED,gBAAAJ,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAc,EAAA,cAAA,EAAA,2BAA2B,EAAG,CAAA,CAC9C,CACV,CACM,EAEf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EAAA,CAAA,EAEnB,aAAa,KAAK,SAAS,IAAI,KAAK,CAC1B;AAEvB;;;;"}
+{"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 { CustomButton, type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    getIcon,\n    type PickerButtonSize,\n    type PickerButtonVariant,\n} from '@alfalab/core-components-picker-button/shared';\nimport { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> &\n    CustomButtonProps & {\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    backgroundColor,\n    contentColor,\n    stateType,\n    label,\n    open,\n    rightAddons,\n    innerProps,\n    className,\n    showArrow = true,\n    icon,\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 buttonProps = {\n        ...restProps,\n        ...innerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <CustomButton\n            {...buttonProps}\n            rightAddons={\n                <Fragment>\n                    {rightAddons && (\n                        <span\n                            className={cn(styles.addonsContainer, {\n                                [styles.showControlIcon]: 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='custom-picker-button-icon' />\n                        </span>\n                    )}\n                </Fragment>\n            }\n            block={true}\n            size={buttonSize}\n            backgroundColor={backgroundColor}\n            contentColor={contentColor}\n            stateType={stateType}\n            className={className}\n        >\n            {buttonVariant !== 'compact' && label}\n        </CustomButton>\n    );\n};\n"],"names":["__rest","getIcon","__assign","React","CustomButton","Fragment","cn","styles"],"mappings":";;;;;;;;;;;;;;;;AA0BA,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,EAcT,EAAA;;IAbT,IAAA,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACf,EAAyB,GAAA,EAAA,CAAA,aAAA,EAAzB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACzB,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,YAAY,kBAAA,EACZ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,SAAgB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAChB,IAAI,UAAA,EACD,SAAS,GAbMA,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,CAcrB,CADe;AAEZ,IAAA,IAAM,IAAI,GAA2CC,cAAO,CACxD,aAAa,EACb,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CACP;AAED,IAAA,IAAM,WAAW,GAAGC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACb,SAAS,CACT,EAAA,UAAU,CAC2B;IAE5C,QACIC,qCAACC,uCAAY,EAAAF,cAAA,CAAA,EAAA,EACL,WAAW,EACf,EAAA,WAAW,EACPC,sBAAA,CAAA,aAAA,CAACE,cAAQ,EAAA,IAAA;YACJ,WAAW,KACRF,sBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEG,mBAAE,CAACC,YAAM,CAAC,eAAe,GAAA,EAAA,GAAA,EAAA;oBAChC,EAAC,CAAAA,YAAM,CAAC,eAAe,CAAA,GAAG,SAAS,IAAI,aAAa,KAAK,SAAS;wBACpE,EAED,EAAA,WAAW,CACT,CACV;YAEA,CAAC,SAAS,IAAI,aAAa,KAAK,SAAS,MACtCJ,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAEG,mBAAE,CACTC,YAAM,CAAC,aAAa,EACpB,aAAa,KAAK,SAAS,IAAI,IAAI,IAAIA,YAAM,CAAC,IAAI,CACrD,EAAA;AAED,gBAAAJ,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAc,EAAA,cAAA,EAAA,2BAA2B,EAAG,CAAA,CAC9C,CACV,CACM,EAEf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EAAA,CAAA,EAEnB,aAAa,KAAK,SAAS,IAAI,KAAK,CAC1B;AAEvB;;;;"}

package/field/index.css

@@ -3,13 +3,13 @@
     --gap-4: var(--gap-2xs);
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_7ixnk {
+} .custom-picker-button__iconContainer_6upyo {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_7ixnk {
-    display: flex
-} .custom-picker-button__addonsContainer_7ixnk.custom-picker-button__showControlIcon_7ixnk {
+} .custom-picker-button__addonsContainer_6upyo {
+    display: flex;
+} .custom-picker-button__addonsContainer_6upyo.custom-picker-button__showControlIcon_6upyo {
         margin-right: var(--gap-4);
-    } .custom-picker-button__open_7ixnk {
+    } .custom-picker-button__open_6upyo {
     transform: var(--arrow-transform);
 }

package/field/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_7ixnk","addonsContainer":"custom-picker-button__addonsContainer_7ixnk","showControlIcon":"custom-picker-button__showControlIcon_7ixnk","open":"custom-picker-button__open_7ixnk"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_6upyo","addonsContainer":"custom-picker-button__addonsContainer_6upyo","showControlIcon":"custom-picker-button__showControlIcon_6upyo","open":"custom-picker-button__open_6upyo"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/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"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,eAAe,CAAC,2CAA2C,CAAC,iBAAiB,CAAC,6CAA6C,CAAC,iBAAiB,CAAC,6CAA6C,CAAC,MAAM,CAAC,kCAAkC,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"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,eAAe,CAAC,2CAA2C,CAAC,iBAAiB,CAAC,6CAA6C,CAAC,iBAAiB,CAAC,6CAA6C,CAAC,MAAM,CAAC,kCAAkC,CAAC;;;;"}

package/mobile/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CustomButtonProps } from '@alfalab/core-components-custom-button';
-import { PickerButtonMobileProps } from '@alfalab/core-components-picker-button/mobile';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button';
+import { type PickerButtonMobileProps } from '@alfalab/core-components-picker-button/mobile';
 export declare type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
 export declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;

package/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 type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonMobile,\n    PickerButtonMobileProps,\n} from '@alfalab/core-components-picker-button/mobile';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonMobile = forwardRef<HTMLInputElement, CustomPickerButtonMobileProps>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonMobile\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["forwardRef","__rest","React","PickerButtonMobile","DefaultField"],"mappings":";;;;;;;;;;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,wBAAwB,GAAGA,gBAAU,CAC9C,UACI,EAKC,EACD,GAAG,EAAA;IALC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,KAAA,EACtC,EAAA,GAAA,EAAA,CAAA,YAAoC,EAApC,YAAY,GAAG,EAAA,KAAA,MAAA,GAAA,qBAAqB,KAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,KAAA,EACpB,SAAS,GAJhBC,YAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,CAKC,CADe;AAGf,IAAA,QACDC,sBAAC,CAAA,aAAA,CAAAC,yBAAkB,qBACX,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;SACZ,EACD,KAAK,EAAEC,eAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonMobile,\n    type PickerButtonMobileProps,\n} from '@alfalab/core-components-picker-button/mobile';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonMobile = forwardRef<HTMLInputElement, CustomPickerButtonMobileProps>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonMobile\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["forwardRef","__rest","React","PickerButtonMobile","DefaultField"],"mappings":";;;;;;;;;;;;;AAUA,IAAM,oBAAoB,GAAG,SAAS;AACtC,IAAM,qBAAqB,GAAG,OAAO;IAKxB,wBAAwB,GAAGA,gBAAU,CAC9C,UACI,EAKC,EACD,GAAG,EAAA;IALC,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsC,EAAtC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,oBAAoB,KAAA,EACtC,EAAA,GAAA,EAAA,CAAA,YAAoC,EAApC,YAAY,GAAG,EAAA,KAAA,MAAA,GAAA,qBAAqB,KAAA,EACpC,EAAA,GAAA,EAAA,CAAA,SAAuB,EAAvB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,WAAW,KAAA,EACpB,SAAS,GAJhBC,YAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,CAKC,CADe;AAGf,IAAA,QACDC,sBAAC,CAAA,aAAA,CAAAC,yBAAkB,qBACX,SAAS,EAAA,EACb,UAAU,EAAE;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,SAAS,EAAA,SAAA;SACZ,EACD,KAAK,EAAEC,eAAY,EACnB,GAAG,EAAE,GAAG,EACV,CAAA,CAAA;AACL,CAAA;;;;"}

package/modern/Component.responsive.d.ts

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

package/modern/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type {\n    AdditionalMobileProps,\n    BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './desktop';\nimport { CustomPickerButtonMobile } from './mobile';\n\nexport type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n\n        /**\n         * Значение по-умолчанию для хука useMatchMedia\n         * @deprecated Используйте client\n         */\n        defaultMatchMediaValue?: boolean | (() => boolean);\n    };\n\nexport const CustomPickerButtonResponsive = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonResponsiveProps\n>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        return isDesktop ? (\n            <CustomPickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <CustomPickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                {...restProps}\n            />\n        );\n    },\n);\n\nCustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';\n"],"names":[],"mappings":";;;;;MAkCa,4BAA4B,GAAG,UAAU,CAIlD,CACI,EACI,WAAW,EACX,QAAQ,EACR,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,sBAAsB,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,EAChF,GAAG,SAAS,EACf,EACD,GAAG,KACH;IACA,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZ,KAAC,CAAA,aAAA,CAAA,yBAAyB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,GACd,SAAS,EAAA,CACf,KAEF,oBAAC,wBAAwB,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,GAAA,SAAS,EACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport {\n    type AdditionalMobileProps,\n    type BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { CustomPickerButtonDesktop, type CustomPickerButtonDesktopProps } from './desktop';\nimport { CustomPickerButtonMobile } from './mobile';\n\nexport type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n\n        /**\n         * Значение по-умолчанию для хука useMatchMedia\n         * @deprecated Используйте client\n         */\n        defaultMatchMediaValue?: boolean | (() => boolean);\n    };\n\nexport const CustomPickerButtonResponsive = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonResponsiveProps\n>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        return isDesktop ? (\n            <CustomPickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <CustomPickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                {...restProps}\n            />\n        );\n    },\n);\n\nCustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';\n"],"names":[],"mappings":";;;;;MAkCa,4BAA4B,GAAG,UAAU,CAIlD,CACI,EACI,WAAW,EACX,QAAQ,EACR,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,sBAAsB,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,EAChF,GAAG,SAAS,EACf,EACD,GAAG,KACH;IACA,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZ,KAAC,CAAA,aAAA,CAAA,yBAAyB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,GACd,SAAS,EAAA,CACf,KAEF,oBAAC,wBAAwB,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,GAAA,SAAS,EACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}

package/modern/desktop/Component.desktop.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CustomButtonProps } from '@alfalab/core-components-custom-button/modern';
-import { PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/modern/desktop';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button/modern';
+import { type PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/modern/desktop';
 export declare type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
 export declare const CustomPickerButtonDesktop: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;

package/modern/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonDesktop,\n    PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonDesktop = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonDesktopProps\n>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonDesktop\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n                breakpoint: 1,\n                icon,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["DefaultField"],"mappings":";;;;AAUA,MAAM,oBAAoB,GAAG,SAAS;AACtC,MAAM,qBAAqB,GAAG,OAAO;AAKxB,MAAA,yBAAyB,GAAG,UAAU,CAI/C,CACI,EACI,eAAe,GAAG,oBAAoB,EACtC,YAAY,GAAG,qBAAqB,EACpC,SAAS,GAAG,WAAW,EACvB,IAAI,EACJ,GAAG,SAAS,EACf,EACD,GAAG,MAEH,KAAC,CAAA,aAAA,CAAA,mBAAmB,OACZ,SAAS,EACb,UAAU,EAAE;QACR,eAAe;QACf,YAAY;QACZ,SAAS;AACT,QAAA,UAAU,EAAE,CAAC;QACb,IAAI;KACP,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EAAA,CACV,CACL;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonDesktop,\n    type PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonDesktop = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonDesktopProps\n>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonDesktop\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n                breakpoint: 1,\n                icon,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["DefaultField"],"mappings":";;;;AAUA,MAAM,oBAAoB,GAAG,SAAS;AACtC,MAAM,qBAAqB,GAAG,OAAO;AAKxB,MAAA,yBAAyB,GAAG,UAAU,CAI/C,CACI,EACI,eAAe,GAAG,oBAAoB,EACtC,YAAY,GAAG,qBAAqB,EACpC,SAAS,GAAG,WAAW,EACvB,IAAI,EACJ,GAAG,SAAS,EACf,EACD,GAAG,MAEH,KAAC,CAAA,aAAA,CAAA,mBAAmB,OACZ,SAAS,EACb,UAAU,EAAE;QACR,eAAe;QACf,YAAY;QACZ,SAAS;AACT,QAAA,UAAU,EAAE,CAAC;QACb,IAAI;KACP,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EAAA,CACV,CACL;;;;"}

package/modern/field/Component.d.ts

@@ -1,7 +1,7 @@
-import React, { ComponentType, SVGProps } from 'react';
-import { CustomButtonProps } from '@alfalab/core-components-custom-button/modern';
-import { PickerButtonSize, PickerButtonVariant } from '@alfalab/core-components-picker-button/modern/shared';
-import { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/modern/shared';
+import React, { type ComponentType, type SVGProps } from 'react';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button/modern';
+import { type PickerButtonSize, type PickerButtonVariant } from '@alfalab/core-components-picker-button/modern/shared';
+import { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/modern/shared';
 declare type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
     buttonSize?: PickerButtonSize;
     buttonVariant?: PickerButtonVariant;

package/modern/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 { CustomButton, CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    getIcon,\n    PickerButtonSize,\n    PickerButtonVariant,\n} from '@alfalab/core-components-picker-button/shared';\nimport { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> &\n    CustomButtonProps & {\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    backgroundColor,\n    contentColor,\n    stateType,\n    label,\n    open,\n    rightAddons,\n    innerProps,\n    className,\n    showArrow = true,\n    icon,\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 buttonProps = {\n        ...restProps,\n        ...innerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <CustomButton\n            {...buttonProps}\n            rightAddons={\n                <Fragment>\n                    {rightAddons && (\n                        <span\n                            className={cn(styles.addonsContainer, {\n                                [styles.showControlIcon]: 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='custom-picker-button-icon' />\n                        </span>\n                    )}\n                </Fragment>\n            }\n            block={true}\n            size={buttonSize}\n            backgroundColor={backgroundColor}\n            contentColor={contentColor}\n            stateType={stateType}\n            className={className}\n        >\n            {buttonVariant !== 'compact' && label}\n        </CustomButton>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAqBA,MAAM,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;AAEY,MAAA,KAAK,GAAG,CAAC,EAClB,UAAU,GAAG,EAAE,EACf,aAAa,GAAG,SAAS,EACzB,eAAe,EACf,YAAY,EACZ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,GAAG,SAAS,EACH,KAAI;AACb,IAAA,MAAM,IAAI,GAA2C,OAAO,CACxD,aAAa,EACb,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CACP;AAED,IAAA,MAAM,WAAW,GAAG;AAChB,QAAA,GAAG,SAAS;AACZ,QAAA,GAAG,UAAU;KAC2B;IAE5C,QACI,oBAAC,YAAY,EAAA,EAAA,GACL,WAAW,EACf,WAAW,EACP,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;YACJ,WAAW,KACR,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,EAAE;oBAClC,CAAC,MAAM,CAAC,eAAe,GAAG,SAAS,IAAI,aAAa,KAAK,SAAS;iBACrE,CAAC,EAAA,EAED,WAAW,CACT,CACV;YAEA,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;AAED,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAc,EAAA,cAAA,EAAA,2BAA2B,EAAG,CAAA,CAC9C,CACV,CACM,EAEf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EAAA,EAEnB,aAAa,KAAK,SAAS,IAAI,KAAK,CAC1B;AAEvB;;;;"}
+{"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 { CustomButton, type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    getIcon,\n    type PickerButtonSize,\n    type PickerButtonVariant,\n} from '@alfalab/core-components-picker-button/shared';\nimport { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> &\n    CustomButtonProps & {\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    backgroundColor,\n    contentColor,\n    stateType,\n    label,\n    open,\n    rightAddons,\n    innerProps,\n    className,\n    showArrow = true,\n    icon,\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 buttonProps = {\n        ...restProps,\n        ...innerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <CustomButton\n            {...buttonProps}\n            rightAddons={\n                <Fragment>\n                    {rightAddons && (\n                        <span\n                            className={cn(styles.addonsContainer, {\n                                [styles.showControlIcon]: 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='custom-picker-button-icon' />\n                        </span>\n                    )}\n                </Fragment>\n            }\n            block={true}\n            size={buttonSize}\n            backgroundColor={backgroundColor}\n            contentColor={contentColor}\n            stateType={stateType}\n            className={className}\n        >\n            {buttonVariant !== 'compact' && label}\n        </CustomButton>\n    );\n};\n"],"names":[],"mappings":";;;;;;AA0BA,MAAM,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;AAEY,MAAA,KAAK,GAAG,CAAC,EAClB,UAAU,GAAG,EAAE,EACf,aAAa,GAAG,SAAS,EACzB,eAAe,EACf,YAAY,EACZ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,GAAG,SAAS,EACH,KAAI;AACb,IAAA,MAAM,IAAI,GAA2C,OAAO,CACxD,aAAa,EACb,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CACP;AAED,IAAA,MAAM,WAAW,GAAG;AAChB,QAAA,GAAG,SAAS;AACZ,QAAA,GAAG,UAAU;KAC2B;IAE5C,QACI,oBAAC,YAAY,EAAA,EAAA,GACL,WAAW,EACf,WAAW,EACP,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;YACJ,WAAW,KACR,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,EAAE;oBAClC,CAAC,MAAM,CAAC,eAAe,GAAG,SAAS,IAAI,aAAa,KAAK,SAAS;iBACrE,CAAC,EAAA,EAED,WAAW,CACT,CACV;YAEA,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;AAED,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAc,EAAA,cAAA,EAAA,2BAA2B,EAAG,CAAA,CAC9C,CACV,CACM,EAEf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EAAA,EAEnB,aAAa,KAAK,SAAS,IAAI,KAAK,CAC1B;AAEvB;;;;"}

package/modern/field/index.css

@@ -3,13 +3,13 @@
     --gap-4: var(--gap-2xs);
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_7ixnk {
+} .custom-picker-button__iconContainer_6upyo {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_7ixnk {
-    display: flex
-} .custom-picker-button__addonsContainer_7ixnk.custom-picker-button__showControlIcon_7ixnk {
+} .custom-picker-button__addonsContainer_6upyo {
+    display: flex;
+} .custom-picker-button__addonsContainer_6upyo.custom-picker-button__showControlIcon_6upyo {
         margin-right: var(--gap-4);
-    } .custom-picker-button__open_7ixnk {
+    } .custom-picker-button__open_6upyo {
     transform: var(--arrow-transform);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"iconContainer":"custom-picker-button__iconContainer_7ixnk","addonsContainer":"custom-picker-button__addonsContainer_7ixnk","showControlIcon":"custom-picker-button__showControlIcon_7ixnk","open":"custom-picker-button__open_7ixnk"};
+const styles = {"iconContainer":"custom-picker-button__iconContainer_6upyo","addonsContainer":"custom-picker-button__addonsContainer_6upyo","showControlIcon":"custom-picker-button__showControlIcon_6upyo","open":"custom-picker-button__open_6upyo"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,eAAe,CAAC,2CAA2C,CAAC,iBAAiB,CAAC,6CAA6C,CAAC,iBAAiB,CAAC,6CAA6C,CAAC,MAAM,CAAC,kCAAkC,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"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,eAAe,CAAC,2CAA2C,CAAC,iBAAiB,CAAC,6CAA6C,CAAC,iBAAiB,CAAC,6CAA6C,CAAC,MAAM,CAAC,kCAAkC,CAAC;;;;"}

package/modern/mobile/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CustomButtonProps } from '@alfalab/core-components-custom-button/modern';
-import { PickerButtonMobileProps } from '@alfalab/core-components-picker-button/modern/mobile';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button/modern';
+import { type PickerButtonMobileProps } from '@alfalab/core-components-picker-button/modern/mobile';
 export declare type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
 export declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;

package/modern/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 type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonMobile,\n    PickerButtonMobileProps,\n} from '@alfalab/core-components-picker-button/mobile';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonMobile = forwardRef<HTMLInputElement, CustomPickerButtonMobileProps>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonMobile\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["DefaultField"],"mappings":";;;;AAUA,MAAM,oBAAoB,GAAG,SAAS;AACtC,MAAM,qBAAqB,GAAG,OAAO;AAK9B,MAAM,wBAAwB,GAAG,UAAU,CAC9C,CACI,EACI,eAAe,GAAG,oBAAoB,EACtC,YAAY,GAAG,qBAAqB,EACpC,SAAS,GAAG,WAAW,EACvB,GAAG,SAAS,EACf,EACD,GAAG,MAEH,oBAAC,kBAAkB,EAAA,EAAA,GACX,SAAS,EACb,UAAU,EAAE;QACR,eAAe;QACf,YAAY;QACZ,SAAS;KACZ,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EAAA,CACV,CACL;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonMobile,\n    type PickerButtonMobileProps,\n} from '@alfalab/core-components-picker-button/mobile';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonMobile = forwardRef<HTMLInputElement, CustomPickerButtonMobileProps>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonMobile\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["DefaultField"],"mappings":";;;;AAUA,MAAM,oBAAoB,GAAG,SAAS;AACtC,MAAM,qBAAqB,GAAG,OAAO;AAK9B,MAAM,wBAAwB,GAAG,UAAU,CAC9C,CACI,EACI,eAAe,GAAG,oBAAoB,EACtC,YAAY,GAAG,qBAAqB,EACpC,SAAS,GAAG,WAAW,EACvB,GAAG,SAAS,EACf,EACD,GAAG,MAEH,oBAAC,kBAAkB,EAAA,EAAA,GACX,SAAS,EACb,UAAU,EAAE;QACR,eAAe;QACf,YAAY;QACZ,SAAS;KACZ,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EAAA,CACV,CACL;;;;"}

package/moderncssm/Component.responsive.d.ts

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

package/moderncssm/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type {\n    AdditionalMobileProps,\n    BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './desktop';\nimport { CustomPickerButtonMobile } from './mobile';\n\nexport type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n\n        /**\n         * Значение по-умолчанию для хука useMatchMedia\n         * @deprecated Используйте client\n         */\n        defaultMatchMediaValue?: boolean | (() => boolean);\n    };\n\nexport const CustomPickerButtonResponsive = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonResponsiveProps\n>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        return isDesktop ? (\n            <CustomPickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <CustomPickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                {...restProps}\n            />\n        );\n    },\n);\n\nCustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';\n"],"names":[],"mappings":";;;;;MAkCa,4BAA4B,GAAG,UAAU,CAIlD,CACI,EACI,WAAW,EACX,QAAQ,EACR,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,sBAAsB,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,EAChF,GAAG,SAAS,EACf,EACD,GAAG,KACH;IACA,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZ,KAAC,CAAA,aAAA,CAAA,yBAAyB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,GACd,SAAS,EAAA,CACf,KAEF,oBAAC,wBAAwB,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,GAAA,SAAS,EACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport {\n    type AdditionalMobileProps,\n    type BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { CustomPickerButtonDesktop, type CustomPickerButtonDesktopProps } from './desktop';\nimport { CustomPickerButtonMobile } from './mobile';\n\nexport type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n\n        /**\n         * Значение по-умолчанию для хука useMatchMedia\n         * @deprecated Используйте client\n         */\n        defaultMatchMediaValue?: boolean | (() => boolean);\n    };\n\nexport const CustomPickerButtonResponsive = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonResponsiveProps\n>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        return isDesktop ? (\n            <CustomPickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <CustomPickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                {...restProps}\n            />\n        );\n    },\n);\n\nCustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';\n"],"names":[],"mappings":";;;;;MAkCa,4BAA4B,GAAG,UAAU,CAIlD,CACI,EACI,WAAW,EACX,QAAQ,EACR,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,sBAAsB,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,EAChF,GAAG,SAAS,EACf,EACD,GAAG,KACH;IACA,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZ,KAAC,CAAA,aAAA,CAAA,yBAAyB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,GACd,SAAS,EAAA,CACf,KAEF,oBAAC,wBAAwB,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,GAAA,SAAS,EACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CustomButtonProps } from '@alfalab/core-components-custom-button/moderncssm';
-import { PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/moderncssm/desktop';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button/moderncssm';
+import { type PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/moderncssm/desktop';
 export declare type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
 export declare const CustomPickerButtonDesktop: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;

package/moderncssm/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonDesktop,\n    PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonDesktop = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonDesktopProps\n>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonDesktop\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n                breakpoint: 1,\n                icon,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["DefaultField"],"mappings":";;;;AAUA,MAAM,oBAAoB,GAAG,SAAS;AACtC,MAAM,qBAAqB,GAAG,OAAO;AAKxB,MAAA,yBAAyB,GAAG,UAAU,CAI/C,CACI,EACI,eAAe,GAAG,oBAAoB,EACtC,YAAY,GAAG,qBAAqB,EACpC,SAAS,GAAG,WAAW,EACvB,IAAI,EACJ,GAAG,SAAS,EACf,EACD,GAAG,MAEH,KAAC,CAAA,aAAA,CAAA,mBAAmB,OACZ,SAAS,EACb,UAAU,EAAE;QACR,eAAe;QACf,YAAY;QACZ,SAAS;AACT,QAAA,UAAU,EAAE,CAAC;QACb,IAAI;KACP,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EAAA,CACV,CACL;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonDesktop,\n    type PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonDesktop = forwardRef<\n    HTMLInputElement,\n    CustomPickerButtonDesktopProps\n>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonDesktop\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n                breakpoint: 1,\n                icon,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["DefaultField"],"mappings":";;;;AAUA,MAAM,oBAAoB,GAAG,SAAS;AACtC,MAAM,qBAAqB,GAAG,OAAO;AAKxB,MAAA,yBAAyB,GAAG,UAAU,CAI/C,CACI,EACI,eAAe,GAAG,oBAAoB,EACtC,YAAY,GAAG,qBAAqB,EACpC,SAAS,GAAG,WAAW,EACvB,IAAI,EACJ,GAAG,SAAS,EACf,EACD,GAAG,MAEH,KAAC,CAAA,aAAA,CAAA,mBAAmB,OACZ,SAAS,EACb,UAAU,EAAE;QACR,eAAe;QACf,YAAY;QACZ,SAAS;AACT,QAAA,UAAU,EAAE,CAAC;QACb,IAAI;KACP,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EAAA,CACV,CACL;;;;"}

package/moderncssm/field/Component.d.ts

@@ -1,7 +1,7 @@
-import React, { ComponentType, SVGProps } from 'react';
-import { CustomButtonProps } from '@alfalab/core-components-custom-button/moderncssm';
-import { PickerButtonSize, PickerButtonVariant } from '@alfalab/core-components-picker-button/moderncssm/shared';
-import { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/moderncssm/shared';
+import React, { type ComponentType, type SVGProps } from 'react';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button/moderncssm';
+import { type PickerButtonSize, type PickerButtonVariant } from '@alfalab/core-components-picker-button/moderncssm/shared';
+import { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/moderncssm/shared';
 declare type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
     buttonSize?: PickerButtonSize;
     buttonVariant?: PickerButtonVariant;

package/moderncssm/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 { CustomButton, CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    getIcon,\n    PickerButtonSize,\n    PickerButtonVariant,\n} from '@alfalab/core-components-picker-button/shared';\nimport { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> &\n    CustomButtonProps & {\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    backgroundColor,\n    contentColor,\n    stateType,\n    label,\n    open,\n    rightAddons,\n    innerProps,\n    className,\n    showArrow = true,\n    icon,\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 buttonProps = {\n        ...restProps,\n        ...innerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <CustomButton\n            {...buttonProps}\n            rightAddons={\n                <Fragment>\n                    {rightAddons && (\n                        <span\n                            className={cn(styles.addonsContainer, {\n                                [styles.showControlIcon]: 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='custom-picker-button-icon' />\n                        </span>\n                    )}\n                </Fragment>\n            }\n            block={true}\n            size={buttonSize}\n            backgroundColor={backgroundColor}\n            contentColor={contentColor}\n            stateType={stateType}\n            className={className}\n        >\n            {buttonVariant !== 'compact' && label}\n        </CustomButton>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAqBA,MAAM,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;AAEY,MAAA,KAAK,GAAG,CAAC,EAClB,UAAU,GAAG,EAAE,EACf,aAAa,GAAG,SAAS,EACzB,eAAe,EACf,YAAY,EACZ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,GAAG,SAAS,EACH,KAAI;AACb,IAAA,MAAM,IAAI,GAA2C,OAAO,CACxD,aAAa,EACb,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CACP;AAED,IAAA,MAAM,WAAW,GAAG;AAChB,QAAA,GAAG,SAAS;AACZ,QAAA,GAAG,UAAU;KAC2B;IAE5C,QACI,oBAAC,YAAY,EAAA,EAAA,GACL,WAAW,EACf,WAAW,EACP,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;YACJ,WAAW,KACR,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,EAAE;oBAClC,CAAC,MAAM,CAAC,eAAe,GAAG,SAAS,IAAI,aAAa,KAAK,SAAS;iBACrE,CAAC,EAAA,EAED,WAAW,CACT,CACV;YAEA,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;AAED,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAc,EAAA,cAAA,EAAA,2BAA2B,EAAG,CAAA,CAC9C,CACV,CACM,EAEf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EAAA,EAEnB,aAAa,KAAK,SAAS,IAAI,KAAK,CAC1B;AAEvB;;;;"}
+{"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 { CustomButton, type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    getIcon,\n    type PickerButtonSize,\n    type PickerButtonVariant,\n} from '@alfalab/core-components-picker-button/shared';\nimport { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> &\n    CustomButtonProps & {\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    backgroundColor,\n    contentColor,\n    stateType,\n    label,\n    open,\n    rightAddons,\n    innerProps,\n    className,\n    showArrow = true,\n    icon,\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 buttonProps = {\n        ...restProps,\n        ...innerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <CustomButton\n            {...buttonProps}\n            rightAddons={\n                <Fragment>\n                    {rightAddons && (\n                        <span\n                            className={cn(styles.addonsContainer, {\n                                [styles.showControlIcon]: 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='custom-picker-button-icon' />\n                        </span>\n                    )}\n                </Fragment>\n            }\n            block={true}\n            size={buttonSize}\n            backgroundColor={backgroundColor}\n            contentColor={contentColor}\n            stateType={stateType}\n            className={className}\n        >\n            {buttonVariant !== 'compact' && label}\n        </CustomButton>\n    );\n};\n"],"names":[],"mappings":";;;;;;AA0BA,MAAM,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;AAEY,MAAA,KAAK,GAAG,CAAC,EAClB,UAAU,GAAG,EAAE,EACf,aAAa,GAAG,SAAS,EACzB,eAAe,EACf,YAAY,EACZ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,GAAG,SAAS,EACH,KAAI;AACb,IAAA,MAAM,IAAI,GAA2C,OAAO,CACxD,aAAa,EACb,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CACP;AAED,IAAA,MAAM,WAAW,GAAG;AAChB,QAAA,GAAG,SAAS;AACZ,QAAA,GAAG,UAAU;KAC2B;IAE5C,QACI,oBAAC,YAAY,EAAA,EAAA,GACL,WAAW,EACf,WAAW,EACP,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;YACJ,WAAW,KACR,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,EAAE;oBAClC,CAAC,MAAM,CAAC,eAAe,GAAG,SAAS,IAAI,aAAa,KAAK,SAAS;iBACrE,CAAC,EAAA,EAED,WAAW,CACT,CACV;YAEA,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;AAED,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAc,EAAA,cAAA,EAAA,2BAA2B,EAAG,CAAA,CAC9C,CACV,CACM,EAEf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EAAA,EAEnB,aAAa,KAAK,SAAS,IAAI,KAAK,CAC1B;AAEvB;;;;"}

package/moderncssm/field/index.module.css

@@ -1,10 +1,12 @@
+
+
 .iconContainer {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
 
 .addonsContainer {
-    display: flex
+    display: flex;
 }
 
 .addonsContainer.showControlIcon {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CustomButtonProps } from '@alfalab/core-components-custom-button/moderncssm';
-import { PickerButtonMobileProps } from '@alfalab/core-components-picker-button/moderncssm/mobile';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button/moderncssm';
+import { type PickerButtonMobileProps } from '@alfalab/core-components-picker-button/moderncssm/mobile';
 export declare type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
 export declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;

package/moderncssm/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 type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonMobile,\n    PickerButtonMobileProps,\n} from '@alfalab/core-components-picker-button/mobile';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonMobile = forwardRef<HTMLInputElement, CustomPickerButtonMobileProps>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonMobile\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["DefaultField"],"mappings":";;;;AAUA,MAAM,oBAAoB,GAAG,SAAS;AACtC,MAAM,qBAAqB,GAAG,OAAO;AAK9B,MAAM,wBAAwB,GAAG,UAAU,CAC9C,CACI,EACI,eAAe,GAAG,oBAAoB,EACtC,YAAY,GAAG,qBAAqB,EACpC,SAAS,GAAG,WAAW,EACvB,GAAG,SAAS,EACf,EACD,GAAG,MAEH,oBAAC,kBAAkB,EAAA,EAAA,GACX,SAAS,EACb,UAAU,EAAE;QACR,eAAe;QACf,YAAY;QACZ,SAAS;KACZ,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EAAA,CACV,CACL;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { type CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n    PickerButtonMobile,\n    type PickerButtonMobileProps,\n} from '@alfalab/core-components-picker-button/mobile';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> &\n    Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonMobile = forwardRef<HTMLInputElement, CustomPickerButtonMobileProps>(\n    (\n        {\n            backgroundColor = DEFAULT_BUTTON_COLOR,\n            contentColor = DEFAULT_CONTENT_COLOR,\n            stateType = 'darkening',\n            ...restProps\n        },\n        ref,\n    ) => (\n        <PickerButtonMobile\n            {...restProps}\n            fieldProps={{\n                backgroundColor,\n                contentColor,\n                stateType,\n            }}\n            Field={DefaultField}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["DefaultField"],"mappings":";;;;AAUA,MAAM,oBAAoB,GAAG,SAAS;AACtC,MAAM,qBAAqB,GAAG,OAAO;AAK9B,MAAM,wBAAwB,GAAG,UAAU,CAC9C,CACI,EACI,eAAe,GAAG,oBAAoB,EACtC,YAAY,GAAG,qBAAqB,EACpC,SAAS,GAAG,WAAW,EACvB,GAAG,SAAS,EACf,EACD,GAAG,MAEH,oBAAC,kBAAkB,EAAA,EAAA,GACX,SAAS,EACb,UAAU,EAAE;QACR,eAAe;QACf,YAAY;QACZ,SAAS;KACZ,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EAAA,CACV,CACL;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-custom-picker-button",
-    "version": "3.0.1",
+    "version": "3.0.2",
     "description": "Custom picker button component",
     "keywords": [],
     "license": "MIT",
@@ -12,8 +12,8 @@
     "dependencies": {
         "@alfalab/core-components-custom-button": "^4.0.1",
         "@alfalab/core-components-mq": "^5.0.1",
-        "@alfalab/core-components-picker-button": "^12.0.1",
-        "@alfalab/core-components-select": "^18.0.1",
+        "@alfalab/core-components-picker-button": "^12.0.2",
+        "@alfalab/core-components-select": "^18.1.0",
         "classnames": "^2.5.1",
         "tslib": "^2.4.0"
     },
@@ -25,6 +25,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.1.0",
+    "themesVersion": "14.1.2",
     "varsVersion": "10.1.0"
 }

package/src/Component.responsive.tsx

@@ -3,12 +3,12 @@ import React, { forwardRef } from 'react';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import { CustomButtonProps } from '@alfalab/core-components-custom-button';
 import { useIsDesktop } from '@alfalab/core-components-mq';
-import type {
-    AdditionalMobileProps,
-    BottomSheetSelectMobileProps,
+import {
+    type AdditionalMobileProps,
+    type BottomSheetSelectMobileProps,
 } from '@alfalab/core-components-select/shared';
 
-import { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './desktop';
+import { CustomPickerButtonDesktop, type CustomPickerButtonDesktopProps } from './desktop';
 import { CustomPickerButtonMobile } from './mobile';
 
 export type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &

package/src/desktop/Component.desktop.tsx

@@ -1,9 +1,9 @@
 import React, { forwardRef } from 'react';
 
-import type { CustomButtonProps } from '@alfalab/core-components-custom-button';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button';
 import {
     PickerButtonDesktop,
-    PickerButtonDesktopProps,
+    type PickerButtonDesktopProps,
 } from '@alfalab/core-components-picker-button/desktop';
 
 import { Field as DefaultField } from '../field';

package/src/field/Component.tsx

@@ -1,13 +1,18 @@
-import React, { ButtonHTMLAttributes, ComponentType, Fragment, SVGProps } from 'react';
+import React, {
+    type ButtonHTMLAttributes,
+    type ComponentType,
+    Fragment,
+    type SVGProps,
+} from 'react';
 import cn from 'classnames';
 
-import { CustomButton, CustomButtonProps } from '@alfalab/core-components-custom-button';
+import { CustomButton, type CustomButtonProps } from '@alfalab/core-components-custom-button';
 import {
     getIcon,
-    PickerButtonSize,
-    PickerButtonVariant,
+    type PickerButtonSize,
+    type PickerButtonVariant,
 } from '@alfalab/core-components-picker-button/shared';
-import { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';
+import { type FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';
 
 import styles from './index.module.css';
 

package/src/field/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .iconContainer {
     display: flex;

package/src/mobile/Component.mobile.tsx

@@ -1,9 +1,9 @@
 import React, { forwardRef } from 'react';
 
-import type { CustomButtonProps } from '@alfalab/core-components-custom-button';
+import { type CustomButtonProps } from '@alfalab/core-components-custom-button';
 import {
     PickerButtonMobile,
-    PickerButtonMobileProps,
+    type PickerButtonMobileProps,
 } from '@alfalab/core-components-picker-button/mobile';
 
 import { Field as DefaultField } from '../field';