@alfalab/core-components-picker-button 13.0.7 → 13.0.8

package/Component.responsive.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
 import { type PickerButtonDesktopProps } from './desktop';
-export declare type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+export type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -13,21 +13,21 @@ export declare type PickerButtonResponsiveProps = PickerButtonDesktopProps & Add
     client?: 'desktop' | 'mobile';
 };
 export declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/typings").BaseSelectProps, "size" | "hint" | "placeholder" | "selected" | "multiple" | "Arrow" | "onFocus" | "autocomplete" | "closeOnSelect" | "allowUnselect" | "options" | "searchProps" | "showSearch" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "rightAddons" | "leftAddons" | "loading"> & {
-    options: ((import("@alfalab/core-components-select/typings").OptionShape | import("@alfalab/core-components-select/typings").GroupShape) & {
-        icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
-    })[];
-    size?: import("./types").PickerButtonSize | undefined;
-    variant?: import("./types").PickerButtonVariant | undefined;
-    showArrow?: boolean | undefined;
-    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
+    options: Array<import("@alfalab/core-components-select/typings").BaseSelectProps["options"][0] & {
+        icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    }>;
+    size?: import("./types").PickerButtonSize;
+    variant?: import("./types").PickerButtonVariant;
+    showArrow?: boolean;
+    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
 } & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
-    breakpoint?: number | undefined;
+    breakpoint?: number;
     /**
      * Версия, которая будет использоваться при серверном рендеринге
      */
-    client?: "mobile" | "desktop" | undefined;
+    client?: "desktop" | "mobile";
 } & React.RefAttributes<HTMLInputElement>>;

package/cssm/Component.responsive.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/cssm/shared';
 import { type PickerButtonDesktopProps } from './desktop';
-export declare type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+export type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -13,21 +13,21 @@ export declare type PickerButtonResponsiveProps = PickerButtonDesktopProps & Add
     client?: 'desktop' | 'mobile';
 };
 export declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/typings").BaseSelectProps, "size" | "hint" | "placeholder" | "selected" | "multiple" | "Arrow" | "onFocus" | "autocomplete" | "closeOnSelect" | "allowUnselect" | "options" | "searchProps" | "showSearch" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "rightAddons" | "leftAddons" | "loading"> & {
-    options: ((import("@alfalab/core-components-select/typings").OptionShape | import("@alfalab/core-components-select/typings").GroupShape) & {
-        icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
-    })[];
-    size?: import("./types").PickerButtonSize | undefined;
-    variant?: import("./types").PickerButtonVariant | undefined;
-    showArrow?: boolean | undefined;
-    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
+    options: Array<import("@alfalab/core-components-select/typings").BaseSelectProps["options"][0] & {
+        icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    }>;
+    size?: import("./types").PickerButtonSize;
+    variant?: import("./types").PickerButtonVariant;
+    showArrow?: boolean;
+    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
 } & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
-    breakpoint?: number | undefined;
+    breakpoint?: number;
     /**
      * Версия, которая будет использоваться при серверном рендеринге
      */
-    client?: "mobile" | "desktop" | undefined;
+    client?: "desktop" | "mobile";
 } & React.RefAttributes<HTMLInputElement>>;

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

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

package/cssm/field/Component.d.ts

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

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/cssm/shared';
 import { type PickerButtonDesktopProps } from '../desktop';
-export declare type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+export type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка для кнопки, с нее начинается desktop версия
      * @default 1024
@@ -13,5 +13,5 @@ export declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<Pi
      * Контрольная точка для кнопки, с нее начинается desktop версия
      * @default 1024
      */
-    breakpoint?: number | undefined;
+    breakpoint?: number;
 } & React.RefAttributes<HTMLInputElement>>;

package/cssm/option/Component.d.ts

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

package/cssm/types.d.ts

@@ -1,2 +1,2 @@
-export declare type PickerButtonSize = 32 | 40 | 48 | 56 | 64 | 72;
-export declare type PickerButtonVariant = 'default' | 'compact';
+export type PickerButtonSize = 32 | 40 | 48 | 56 | 64 | 72;
+export type PickerButtonVariant = 'default' | 'compact';

package/cssm/utils/index.js.map

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

package/desktop/Component.desktop.d.ts

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

package/esm/Component.responsive.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/esm/shared';
 import { type PickerButtonDesktopProps } from './desktop';
-export declare type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+export type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -13,21 +13,21 @@ export declare type PickerButtonResponsiveProps = PickerButtonDesktopProps & Add
     client?: 'desktop' | 'mobile';
 };
 export declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/typings").BaseSelectProps, "size" | "hint" | "placeholder" | "selected" | "multiple" | "Arrow" | "onFocus" | "autocomplete" | "closeOnSelect" | "allowUnselect" | "options" | "searchProps" | "showSearch" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "rightAddons" | "leftAddons" | "loading"> & {
-    options: ((import("@alfalab/core-components-select/typings").OptionShape | import("@alfalab/core-components-select/typings").GroupShape) & {
-        icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
-    })[];
-    size?: import("./types").PickerButtonSize | undefined;
-    variant?: import("./types").PickerButtonVariant | undefined;
-    showArrow?: boolean | undefined;
-    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
+    options: Array<import("@alfalab/core-components-select/typings").BaseSelectProps["options"][0] & {
+        icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    }>;
+    size?: import("./types").PickerButtonSize;
+    variant?: import("./types").PickerButtonVariant;
+    showArrow?: boolean;
+    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
 } & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
-    breakpoint?: number | undefined;
+    breakpoint?: number;
     /**
      * Версия, которая будет использоваться при серверном рендеринге
      */
-    client?: "mobile" | "desktop" | undefined;
+    client?: "desktop" | "mobile";
 } & React.RefAttributes<HTMLInputElement>>;

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

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

package/esm/field/Component.d.ts

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

package/esm/field/index.css

@@ -8,19 +8,19 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_1lxp4 {
+.picker-button__iconContainer_1sn73 {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__addonsContainer_1lxp4 {
+.picker-button__addonsContainer_1sn73 {
     display: flex;
 }
-.picker-button__addonsContainer_1lxp4.picker-button__showControlIcon_1lxp4 {
+.picker-button__addonsContainer_1sn73.picker-button__showControlIcon_1sn73 {
         margin-right: var(--gap-4);
     }
-.picker-button__open_1lxp4 {
+.picker-button__open_1sn73 {
     transform: var(--arrow-transform);
 }
-.picker-button__linkOpen_1lxp4:not(:hover) {
+.picker-button__linkOpen_1sn73:not(:hover) {
     background-color: var(--color-light-transparent-default-hover);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"iconContainer":"picker-button__iconContainer_1lxp4","addonsContainer":"picker-button__addonsContainer_1lxp4","showControlIcon":"picker-button__showControlIcon_1lxp4","open":"picker-button__open_1lxp4","linkOpen":"picker-button__linkOpen_1lxp4"};
+var styles = {"iconContainer":"picker-button__iconContainer_1sn73","addonsContainer":"picker-button__addonsContainer_1sn73","showControlIcon":"picker-button__showControlIcon_1sn73","open":"picker-button__open_1sn73","linkOpen":"picker-button__linkOpen_1sn73"};
 
 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/no-typography-index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}

package/esm/index.css

@@ -5,15 +5,15 @@
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
 }
-.picker-button__container_1aqfd {
+.picker-button__container_12oeh {
     min-width: auto;
 }
-.picker-button__optionsPopover_1aqfd.picker-button__sideGap_1aqfd.cc-picker-button {
+.picker-button__optionsPopover_12oeh.picker-button__sideGap_12oeh.cc-picker-button {
             padding: var(--gap-0) var(--gap-8);
         }
-.cc-picker-button .picker-button__option_1aqfd {
+.cc-picker-button .picker-button__option_12oeh {
         padding: var(--gap-0) var(--gap-16);
     }
-.cc-picker-button .picker-button__option_1aqfd:before {
+.cc-picker-button .picker-button__option_12oeh:before {
             display: none;
         }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"container":"picker-button__container_1aqfd","optionsPopover":"picker-button__optionsPopover_1aqfd","sideGap":"picker-button__sideGap_1aqfd","option":"picker-button__option_1aqfd"};
+var styles = {"container":"picker-button__container_12oeh","optionsPopover":"picker-button__optionsPopover_12oeh","sideGap":"picker-button__sideGap_12oeh","option":"picker-button__option_12oeh"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

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

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/esm/shared';
 import { type PickerButtonDesktopProps } from '../desktop';
-export declare type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+export type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка для кнопки, с нее начинается desktop версия
      * @default 1024
@@ -13,5 +13,5 @@ export declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<Pi
      * Контрольная точка для кнопки, с нее начинается desktop версия
      * @default 1024
      */
-    breakpoint?: number | undefined;
+    breakpoint?: number;
 } & React.RefAttributes<HTMLInputElement>>;

package/esm/option/Component.d.ts

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

package/esm/option/index.css

@@ -2,15 +2,15 @@
     --gap-s: 12px;
     --gap-12: var(--gap-s);
 }
-.picker-button__container_elub2 {
+.picker-button__container_1afry {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_elub2 {
+.picker-button__icon_1afry {
     display: flex;
     margin-right: var(--gap-12);
 }
-.picker-button__content_elub2 {
+.picker-button__content_1afry {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"container":"picker-button__container_elub2","icon":"picker-button__icon_elub2","content":"picker-button__content_elub2"};
+var styles = {"container":"picker-button__container_1afry","icon":"picker-button__icon_1afry","content":"picker-button__content_1afry"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.container {\n    display: flex;\n    align-items: center;\n}\n\n.icon {\n    display: flex;\n    margin-right: var(--gap-12);\n}\n\n.content {\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n    display: flex;\n    align-items: center;\n}\n\n.icon {\n    display: flex;\n    margin-right: var(--gap-12);\n}\n\n.content {\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}

package/esm/types.d.ts

@@ -1,2 +1,2 @@
-export declare type PickerButtonSize = 32 | 40 | 48 | 56 | 64 | 72;
-export declare type PickerButtonVariant = 'default' | 'compact';
+export type PickerButtonSize = 32 | 40 | 48 | 56 | 64 | 72;
+export type PickerButtonVariant = 'default' | 'compact';

package/esm/utils/index.js.map

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

package/field/Component.d.ts

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

package/field/index.css

@@ -8,19 +8,19 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_1lxp4 {
+.picker-button__iconContainer_1sn73 {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__addonsContainer_1lxp4 {
+.picker-button__addonsContainer_1sn73 {
     display: flex;
 }
-.picker-button__addonsContainer_1lxp4.picker-button__showControlIcon_1lxp4 {
+.picker-button__addonsContainer_1sn73.picker-button__showControlIcon_1sn73 {
         margin-right: var(--gap-4);
     }
-.picker-button__open_1lxp4 {
+.picker-button__open_1sn73 {
     transform: var(--arrow-transform);
 }
-.picker-button__linkOpen_1lxp4:not(:hover) {
+.picker-button__linkOpen_1sn73:not(:hover) {
     background-color: var(--color-light-transparent-default-hover);
 }

package/field/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"iconContainer":"picker-button__iconContainer_1lxp4","addonsContainer":"picker-button__addonsContainer_1lxp4","showControlIcon":"picker-button__showControlIcon_1lxp4","open":"picker-button__open_1lxp4","linkOpen":"picker-button__linkOpen_1lxp4"};
+var styles = {"iconContainer":"picker-button__iconContainer_1sn73","addonsContainer":"picker-button__addonsContainer_1sn73","showControlIcon":"picker-button__showControlIcon_1sn73","open":"picker-button__open_1sn73","linkOpen":"picker-button__linkOpen_1sn73"};
 
 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/no-typography-index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}

package/index.css

@@ -5,15 +5,15 @@
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
 }
-.picker-button__container_1aqfd {
+.picker-button__container_12oeh {
     min-width: auto;
 }
-.picker-button__optionsPopover_1aqfd.picker-button__sideGap_1aqfd.cc-picker-button {
+.picker-button__optionsPopover_12oeh.picker-button__sideGap_12oeh.cc-picker-button {
             padding: var(--gap-0) var(--gap-8);
         }
-.cc-picker-button .picker-button__option_1aqfd {
+.cc-picker-button .picker-button__option_12oeh {
         padding: var(--gap-0) var(--gap-16);
     }
-.cc-picker-button .picker-button__option_1aqfd:before {
+.cc-picker-button .picker-button__option_12oeh:before {
             display: none;
         }

package/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"container":"picker-button__container_1aqfd","optionsPopover":"picker-button__optionsPopover_1aqfd","sideGap":"picker-button__sideGap_1aqfd","option":"picker-button__option_1aqfd"};
+var styles = {"container":"picker-button__container_12oeh","optionsPopover":"picker-button__optionsPopover_12oeh","sideGap":"picker-button__sideGap_12oeh","option":"picker-button__option_12oeh"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/index.module.css.js.map

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

package/mobile/Component.mobile.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
 import { type PickerButtonDesktopProps } from '../desktop';
-export declare type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+export type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка для кнопки, с нее начинается desktop версия
      * @default 1024
@@ -13,5 +13,5 @@ export declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<Pi
      * Контрольная точка для кнопки, с нее начинается desktop версия
      * @default 1024
      */
-    breakpoint?: number | undefined;
+    breakpoint?: number;
 } & React.RefAttributes<HTMLInputElement>>;

package/modern/Component.responsive.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/modern/shared';
 import { type PickerButtonDesktopProps } from './desktop';
-export declare type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+export type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -13,21 +13,21 @@ export declare type PickerButtonResponsiveProps = PickerButtonDesktopProps & Add
     client?: 'desktop' | 'mobile';
 };
 export declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/typings").BaseSelectProps, "size" | "hint" | "placeholder" | "selected" | "multiple" | "Arrow" | "onFocus" | "autocomplete" | "closeOnSelect" | "allowUnselect" | "options" | "searchProps" | "showSearch" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "rightAddons" | "leftAddons" | "loading"> & {
-    options: ((import("@alfalab/core-components-select/typings").OptionShape | import("@alfalab/core-components-select/typings").GroupShape) & {
-        icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
-    })[];
-    size?: import("./types").PickerButtonSize | undefined;
-    variant?: import("./types").PickerButtonVariant | undefined;
-    showArrow?: boolean | undefined;
-    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
+    options: Array<import("@alfalab/core-components-select/typings").BaseSelectProps["options"][0] & {
+        icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    }>;
+    size?: import("./types").PickerButtonSize;
+    variant?: import("./types").PickerButtonVariant;
+    showArrow?: boolean;
+    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
 } & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
-    breakpoint?: number | undefined;
+    breakpoint?: number;
     /**
      * Версия, которая будет использоваться при серверном рендеринге
      */
-    client?: "mobile" | "desktop" | undefined;
+    client?: "desktop" | "mobile";
 } & React.RefAttributes<HTMLInputElement>>;

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

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

package/modern/field/Component.d.ts

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

package/modern/field/index.css

@@ -8,19 +8,19 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_1lxp4 {
+.picker-button__iconContainer_1sn73 {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__addonsContainer_1lxp4 {
+.picker-button__addonsContainer_1sn73 {
     display: flex;
 }
-.picker-button__addonsContainer_1lxp4.picker-button__showControlIcon_1lxp4 {
+.picker-button__addonsContainer_1sn73.picker-button__showControlIcon_1sn73 {
         margin-right: var(--gap-4);
     }
-.picker-button__open_1lxp4 {
+.picker-button__open_1sn73 {
     transform: var(--arrow-transform);
 }
-.picker-button__linkOpen_1lxp4:not(:hover) {
+.picker-button__linkOpen_1sn73:not(:hover) {
     background-color: var(--color-light-transparent-default-hover);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"iconContainer":"picker-button__iconContainer_1lxp4","addonsContainer":"picker-button__addonsContainer_1lxp4","showControlIcon":"picker-button__showControlIcon_1lxp4","open":"picker-button__open_1lxp4","linkOpen":"picker-button__linkOpen_1lxp4"};
+const styles = {"iconContainer":"picker-button__iconContainer_1sn73","addonsContainer":"picker-button__addonsContainer_1sn73","showControlIcon":"picker-button__showControlIcon_1sn73","open":"picker-button__open_1sn73","linkOpen":"picker-button__linkOpen_1sn73"};
 
 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/no-typography-index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}

package/modern/index.css

@@ -5,15 +5,15 @@
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
 }
-.picker-button__container_1aqfd {
+.picker-button__container_12oeh {
     min-width: auto;
 }
-.picker-button__optionsPopover_1aqfd.picker-button__sideGap_1aqfd.cc-picker-button {
+.picker-button__optionsPopover_12oeh.picker-button__sideGap_12oeh.cc-picker-button {
             padding: var(--gap-0) var(--gap-8);
         }
-.cc-picker-button .picker-button__option_1aqfd {
+.cc-picker-button .picker-button__option_12oeh {
         padding: var(--gap-0) var(--gap-16);
     }
-.cc-picker-button .picker-button__option_1aqfd:before {
+.cc-picker-button .picker-button__option_12oeh:before {
             display: none;
         }

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"container":"picker-button__container_1aqfd","optionsPopover":"picker-button__optionsPopover_1aqfd","sideGap":"picker-button__sideGap_1aqfd","option":"picker-button__option_1aqfd"};
+const styles = {"container":"picker-button__container_12oeh","optionsPopover":"picker-button__optionsPopover_12oeh","sideGap":"picker-button__sideGap_12oeh","option":"picker-button__option_12oeh"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

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

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/modern/shared';
 import { type PickerButtonDesktopProps } from '../desktop';
-export declare type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+export type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка для кнопки, с нее начинается desktop версия
      * @default 1024
@@ -13,5 +13,5 @@ export declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<Pi
      * Контрольная точка для кнопки, с нее начинается desktop версия
      * @default 1024
      */
-    breakpoint?: number | undefined;
+    breakpoint?: number;
 } & React.RefAttributes<HTMLInputElement>>;

package/modern/option/Component.d.ts

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

package/modern/option/index.css

@@ -2,15 +2,15 @@
     --gap-s: 12px;
     --gap-12: var(--gap-s);
 }
-.picker-button__container_elub2 {
+.picker-button__container_1afry {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_elub2 {
+.picker-button__icon_1afry {
     display: flex;
     margin-right: var(--gap-12);
 }
-.picker-button__content_elub2 {
+.picker-button__content_1afry {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"container":"picker-button__container_elub2","icon":"picker-button__icon_elub2","content":"picker-button__content_elub2"};
+const styles = {"container":"picker-button__container_1afry","icon":"picker-button__icon_1afry","content":"picker-button__content_1afry"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/option/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.container {\n    display: flex;\n    align-items: center;\n}\n\n.icon {\n    display: flex;\n    margin-right: var(--gap-12);\n}\n\n.content {\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n    display: flex;\n    align-items: center;\n}\n\n.icon {\n    display: flex;\n    margin-right: var(--gap-12);\n}\n\n.content {\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}

package/modern/types.d.ts

@@ -1,2 +1,2 @@
-export declare type PickerButtonSize = 32 | 40 | 48 | 56 | 64 | 72;
-export declare type PickerButtonVariant = 'default' | 'compact';
+export type PickerButtonSize = 32 | 40 | 48 | 56 | 64 | 72;
+export type PickerButtonVariant = 'default' | 'compact';

package/modern/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { type ComponentType, type SVGProps } from 'react';\n\nimport { ChevronDownCompactSIcon } from '@alfalab/icons-glyph/ChevronDownCompactSIcon';\nimport { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';\nimport { MoreMIcon } from '@alfalab/icons-glyph/MoreMIcon';\nimport { MoreSIcon } from '@alfalab/icons-glyph/MoreSIcon';\n\nimport { type PickerButtonVariant } from '../types';\n\nexport const getCompactIcon = (size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => {\n    if (Icon) {\n        return Icon;\n    }\n\n    return size === 'size-32' ? MoreSIcon : MoreMIcon;\n};\n\nexport const getIcon = (\n    variant: PickerButtonVariant,\n    size: string,\n    Icon?: ComponentType<SVGProps<SVGSVGElement>>,\n): ComponentType<SVGProps<SVGSVGElement>> => {\n    if (variant === 'compact') {\n        return getCompactIcon(size, Icon);\n    }\n\n    return ['size-40', 'size-32'].includes(size) ? ChevronDownCompactSIcon : ChevronDownMIcon;\n};\n"],"names":[],"mappings":";;;;;MASa,cAAc,GAAG,CAAC,IAAY,EAAE,IAA6C,KAAI;AAC1F,IAAA,IAAI,IAAI,EAAE;AACN,QAAA,OAAO,IAAI;AACd;IAED,OAAO,IAAI,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS;AACrD;AAEa,MAAA,OAAO,GAAG,CACnB,OAA4B,EAC5B,IAAY,EACZ,IAA6C,KACL;IACxC,IAAI,OAAO,KAAK,SAAS,EAAE;AACvB,QAAA,OAAO,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;AACpC;AAED,IAAA,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,uBAAuB,GAAG,gBAAgB;AAC7F;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { type ComponentType, type SVGProps } from 'react';\n\nimport { ChevronDownCompactSIcon } from '@alfalab/icons-glyph/ChevronDownCompactSIcon';\nimport { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';\nimport { MoreMIcon } from '@alfalab/icons-glyph/MoreMIcon';\nimport { MoreSIcon } from '@alfalab/icons-glyph/MoreSIcon';\n\nimport { type PickerButtonVariant } from '../types';\n\nexport const getCompactIcon = (size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => {\n    if (Icon) {\n        return Icon;\n    }\n\n    return size === 'size-32' ? MoreSIcon : MoreMIcon;\n};\n\nexport const getIcon = (\n    variant: PickerButtonVariant,\n    size: string,\n    Icon?: ComponentType<SVGProps<SVGSVGElement>>,\n): ComponentType<SVGProps<SVGSVGElement>> => {\n    if (variant === 'compact') {\n        return getCompactIcon(size, Icon);\n    }\n\n    return ['size-40', 'size-32'].includes(size) ? ChevronDownCompactSIcon : ChevronDownMIcon;\n};\n"],"names":[],"mappings":";;;;;MASa,cAAc,GAAG,CAAC,IAAY,EAAE,IAA6C,KAAI;IAC1F,IAAI,IAAI,EAAE;AACN,QAAA,OAAO,IAAI;;IAGf,OAAO,IAAI,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS;AACrD;AAEa,MAAA,OAAO,GAAG,CACnB,OAA4B,EAC5B,IAAY,EACZ,IAA6C,KACL;AACxC,IAAA,IAAI,OAAO,KAAK,SAAS,EAAE;AACvB,QAAA,OAAO,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;;AAGrC,IAAA,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,uBAAuB,GAAG,gBAAgB;AAC7F;;;;"}

package/moderncssm/Component.responsive.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/moderncssm/shared';
 import { type PickerButtonDesktopProps } from './desktop';
-export declare type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+export type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -13,21 +13,21 @@ export declare type PickerButtonResponsiveProps = PickerButtonDesktopProps & Add
     client?: 'desktop' | 'mobile';
 };
 export declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/typings").BaseSelectProps, "size" | "hint" | "placeholder" | "selected" | "multiple" | "Arrow" | "onFocus" | "autocomplete" | "closeOnSelect" | "allowUnselect" | "options" | "searchProps" | "showSearch" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "rightAddons" | "leftAddons" | "loading"> & {
-    options: ((import("@alfalab/core-components-select/typings").OptionShape | import("@alfalab/core-components-select/typings").GroupShape) & {
-        icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
-    })[];
-    size?: import("./types").PickerButtonSize | undefined;
-    variant?: import("./types").PickerButtonVariant | undefined;
-    showArrow?: boolean | undefined;
-    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
+    options: Array<import("@alfalab/core-components-select/typings").BaseSelectProps["options"][0] & {
+        icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    }>;
+    size?: import("./types").PickerButtonSize;
+    variant?: import("./types").PickerButtonVariant;
+    showArrow?: boolean;
+    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
 } & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
-    breakpoint?: number | undefined;
+    breakpoint?: number;
     /**
      * Версия, которая будет использоваться при серверном рендеринге
      */
-    client?: "mobile" | "desktop" | undefined;
+    client?: "desktop" | "mobile";
 } & React.RefAttributes<HTMLInputElement>>;

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

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

package/moderncssm/field/Component.d.ts

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

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type AdditionalMobileProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/moderncssm/shared';
 import { type PickerButtonDesktopProps } from '../desktop';
-export declare type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+export type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка для кнопки, с нее начинается desktop версия
      * @default 1024
@@ -13,5 +13,5 @@ export declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<Pi
      * Контрольная точка для кнопки, с нее начинается desktop версия
      * @default 1024
      */
-    breakpoint?: number | undefined;
+    breakpoint?: number;
 } & React.RefAttributes<HTMLInputElement>>;

package/moderncssm/option/Component.d.ts

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

package/moderncssm/types.d.ts

@@ -1,2 +1,2 @@
-export declare type PickerButtonSize = 32 | 40 | 48 | 56 | 64 | 72;
-export declare type PickerButtonVariant = 'default' | 'compact';
+export type PickerButtonSize = 32 | 40 | 48 | 56 | 64 | 72;
+export type PickerButtonVariant = 'default' | 'compact';

package/moderncssm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { type ComponentType, type SVGProps } from 'react';\n\nimport { ChevronDownCompactSIcon } from '@alfalab/icons-glyph/ChevronDownCompactSIcon';\nimport { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';\nimport { MoreMIcon } from '@alfalab/icons-glyph/MoreMIcon';\nimport { MoreSIcon } from '@alfalab/icons-glyph/MoreSIcon';\n\nimport { type PickerButtonVariant } from '../types';\n\nexport const getCompactIcon = (size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => {\n    if (Icon) {\n        return Icon;\n    }\n\n    return size === 'size-32' ? MoreSIcon : MoreMIcon;\n};\n\nexport const getIcon = (\n    variant: PickerButtonVariant,\n    size: string,\n    Icon?: ComponentType<SVGProps<SVGSVGElement>>,\n): ComponentType<SVGProps<SVGSVGElement>> => {\n    if (variant === 'compact') {\n        return getCompactIcon(size, Icon);\n    }\n\n    return ['size-40', 'size-32'].includes(size) ? ChevronDownCompactSIcon : ChevronDownMIcon;\n};\n"],"names":[],"mappings":";;;;;MASa,cAAc,GAAG,CAAC,IAAY,EAAE,IAA6C,KAAI;AAC1F,IAAA,IAAI,IAAI,EAAE;AACN,QAAA,OAAO,IAAI;AACd;IAED,OAAO,IAAI,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS;AACrD;AAEa,MAAA,OAAO,GAAG,CACnB,OAA4B,EAC5B,IAAY,EACZ,IAA6C,KACL;IACxC,IAAI,OAAO,KAAK,SAAS,EAAE;AACvB,QAAA,OAAO,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;AACpC;AAED,IAAA,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,uBAAuB,GAAG,gBAAgB;AAC7F;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { type ComponentType, type SVGProps } from 'react';\n\nimport { ChevronDownCompactSIcon } from '@alfalab/icons-glyph/ChevronDownCompactSIcon';\nimport { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';\nimport { MoreMIcon } from '@alfalab/icons-glyph/MoreMIcon';\nimport { MoreSIcon } from '@alfalab/icons-glyph/MoreSIcon';\n\nimport { type PickerButtonVariant } from '../types';\n\nexport const getCompactIcon = (size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => {\n    if (Icon) {\n        return Icon;\n    }\n\n    return size === 'size-32' ? MoreSIcon : MoreMIcon;\n};\n\nexport const getIcon = (\n    variant: PickerButtonVariant,\n    size: string,\n    Icon?: ComponentType<SVGProps<SVGSVGElement>>,\n): ComponentType<SVGProps<SVGSVGElement>> => {\n    if (variant === 'compact') {\n        return getCompactIcon(size, Icon);\n    }\n\n    return ['size-40', 'size-32'].includes(size) ? ChevronDownCompactSIcon : ChevronDownMIcon;\n};\n"],"names":[],"mappings":";;;;;MASa,cAAc,GAAG,CAAC,IAAY,EAAE,IAA6C,KAAI;IAC1F,IAAI,IAAI,EAAE;AACN,QAAA,OAAO,IAAI;;IAGf,OAAO,IAAI,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS;AACrD;AAEa,MAAA,OAAO,GAAG,CACnB,OAA4B,EAC5B,IAAY,EACZ,IAA6C,KACL;AACxC,IAAA,IAAI,OAAO,KAAK,SAAS,EAAE;AACvB,QAAA,OAAO,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;;AAGrC,IAAA,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,uBAAuB,GAAG,gBAAgB;AAC7F;;;;"}

package/option/Component.d.ts

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

package/option/index.css

@@ -2,15 +2,15 @@
     --gap-s: 12px;
     --gap-12: var(--gap-s);
 }
-.picker-button__container_elub2 {
+.picker-button__container_1afry {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_elub2 {
+.picker-button__icon_1afry {
     display: flex;
     margin-right: var(--gap-12);
 }
-.picker-button__content_elub2 {
+.picker-button__content_1afry {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/option/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"container":"picker-button__container_elub2","icon":"picker-button__icon_elub2","content":"picker-button__content_elub2"};
+var styles = {"container":"picker-button__container_1afry","icon":"picker-button__icon_1afry","content":"picker-button__content_1afry"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.container {\n    display: flex;\n    align-items: center;\n}\n\n.icon {\n    display: flex;\n    margin-right: var(--gap-12);\n}\n\n.content {\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n    display: flex;\n    align-items: center;\n}\n\n.icon {\n    display: flex;\n    margin-right: var(--gap-12);\n}\n\n.content {\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-picker-button",
-    "version": "13.0.7",
+    "version": "13.0.8",
     "description": "Picker button component",
     "keywords": [],
     "license": "MIT",
@@ -10,10 +10,10 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-button": "^13.1.0",
-        "@alfalab/core-components-mq": "^6.0.2",
-        "@alfalab/core-components-popover": "^8.0.2",
-        "@alfalab/core-components-select": "^19.1.0",
+        "@alfalab/core-components-button": "^13.1.1",
+        "@alfalab/core-components-mq": "^6.0.3",
+        "@alfalab/core-components-popover": "^8.0.3",
+        "@alfalab/core-components-select": "^19.1.1",
         "@alfalab/icons-glyph": "^2.260.0",
         "classnames": "^2.5.1",
         "tslib": "^2.4.0"
@@ -27,5 +27,5 @@
         "directory": "dist"
     },
     "themesVersion": "15.0.2",
-    "varsVersion": "11.0.1"
+    "varsVersion": "11.0.2"
 }

package/src/field/index.module.css

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

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .container {
     min-width: auto;

package/src/option/index.module.css

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

package/types.d.ts

@@ -1,2 +1,2 @@
-export declare type PickerButtonSize = 32 | 40 | 48 | 56 | 64 | 72;
-export declare type PickerButtonVariant = 'default' | 'compact';
+export type PickerButtonSize = 32 | 40 | 48 | 56 | 64 | 72;
+export type PickerButtonVariant = 'default' | 'compact';

package/utils/index.js.map

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