@alfalab/core-components 42.0.0-beta.0 → 42.0.0-beta.2

package/custom-picker-button/modern/Component.mobile-06ffd24b.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+import { BottomSheetProps } from "./index-f12ee135";
+import { UseSelectWithApplyProps } from "./hook-9ea9e32c";
+import { BaseSelectProps } from "./typings-5e1b8383";
+type AdditionalMobileProps = {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: UseSelectWithApplyProps['showClear'];
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
+    /**
+     * Показывать пункт "Выбрать все" в заголовке списка
+     */
+    showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
+    useWithApplyHook?: boolean;
+};
+type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & AdditionalMobileProps;
+declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
+export { AdditionalMobileProps, SelectMobileProps, SelectMobile };

package/custom-picker-button/modern/Component.mobile-755fbaa3.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
+type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
+declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobileProps, ButtonMobile };

package/custom-picker-button/modern/Component.mobile-b2c0420d.d.ts

@@ -28,7 +28,7 @@ type FooterProps = {
 declare const Footer: FC<FooterProps>;
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
-    Header: React.FC<import("./Component-5e1b8383").HeaderProps>;
+    Header: React.FC<import("./Component.modal.mobile-5e1b8383").HeaderProps>;
     Footer: React.FC<FooterProps>;
     Closer: React.FC<import("./index-e81c389f").CloserProps>;
 };

package/custom-picker-button/modern/Component.mobile-d446ae02.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import React from 'react';
+import { AdditionalMobileProps } from "./shared-4cd3936b";
+import { PickerButtonDesktopProps } from "./desktop-d446ae02";
+type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & {
+    /**
+     * Контрольная точка для кнопки, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & {
+    /**
+     * Контрольная точка для кнопки, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { SelectMobile } from "./Component.mobile-06ffd24b";
+export { SelectModalMobile } from "./Component.modal.mobile-5e1b8383";
+export type { SelectMobileProps } from "./Component.mobile-06ffd24b";
+export type { SelectModalMobileProps } from "./Component.modal.mobile-5e1b8383";
+export { PickerButtonMobileProps, PickerButtonMobile };

package/custom-picker-button/modern/Component.mobile-d7e9f69d.d.ts

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

package/custom-picker-button/modern/Component.mobile.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { CustomButtonProps } from "../../custom-button";
+import { PickerButtonMobileProps } from "./Component.mobile-d446ae02";
 type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
-declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "colors" | "view"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
+declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
 export { CustomPickerButtonMobileProps, CustomPickerButtonMobile };

package/custom-picker-button/modern/Component.mobile.js

@@ -3,7 +3,7 @@ import { PickerButtonMobile } from '../../picker-button/modern/mobile';
 import { Field } from './field/Component.js';
 import 'classnames';
 import '../../custom-button/modern';
-import '../../picker-button/modern';
+import '../../picker-button/modern/shared';
 
 const DEFAULT_BUTTON_COLOR = '#FF45C3';
 const DEFAULT_CONTENT_COLOR = 'white';

package/custom-picker-button/modern/Component.modal.mobile-5e1b8383.d.ts

@@ -0,0 +1,64 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+import { NavigationBarProps } from "./index-e81c389f";
+import { ModalMobile } from "./Component.mobile-b2c0420d";
+import { UseSelectWithApplyProps } from "./hook-9ea9e32c";
+import { BaseSelectProps } from "./typings-5e1b8383";
+type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+declare const Header: FC<HeaderProps>;
+type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: UseSelectWithApplyProps['showClear'];
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+    showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
+    useWithApplyHook?: boolean;
+};
+declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: UseSelectWithApplyProps['showClear'];
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<HeaderProps> | undefined;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
+    showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
+    useWithApplyHook?: boolean | undefined;
+} & React.RefAttributes<unknown>>;
+export { HeaderProps, Header, SelectModalMobileProps, SelectModalMobile };

package/custom-picker-button/modern/Component.responsive-785df74d.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { CustomButtonProps } from "../../custom-button";
-import { PickerButtonDesktopProps } from "./index-2aef4eba";
-import { AdditionalMobileProps } from "./index-3e68f8db";
+import { PickerButtonDesktopProps } from "./desktop-d446ae02";
+import { AdditionalMobileProps } from "./shared-4cd3936b";
 import { CustomPickerButtonDesktopProps } from "./Component.desktop";
 type PickerButtonMatchMedia = 'desktop' | 'mobile';
 type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & {
@@ -12,7 +12,7 @@ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & Additi
      */
     breakpoint?: number;
 };
-declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "colors" | "view"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & {
+declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024

package/custom-picker-button/modern/Component.responsive.js

@@ -6,7 +6,7 @@ import '../../picker-button/modern/desktop';
 import './field/Component.js';
 import 'classnames';
 import '../../custom-button/modern';
-import '../../picker-button/modern';
+import '../../picker-button/modern/shared';
 import '../../picker-button/modern/mobile';
 
 const CustomPickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer, swipeable, bottomSheetProps, breakpoint = 1024, ...restProps }, ref) => {

package/custom-picker-button/modern/desktop-2e2b2125.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.desktop-2e2b2125";
+export {};

package/custom-picker-button/modern/desktop-d446ae02.d.ts

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

package/custom-picker-button/modern/desktop.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.desktop";
+export { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from "./Component.desktop";
 export {};

package/custom-picker-button/modern/desktop.js

@@ -4,4 +4,4 @@ import '../../picker-button/modern/desktop';
 import './field/Component.js';
 import 'classnames';
 import '../../custom-button/modern';
-import '../../picker-button/modern';
+import '../../picker-button/modern/shared';

package/custom-picker-button/modern/field/Component.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { CustomButtonProps } from "../../../custom-button";
-import { PickerButtonSize, PickerButtonVariant } from "../index-2aef4eba";
-import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
+import { FieldProps as BaseFieldProps } from "../shared-4cd3936b";
 type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
     buttonSize?: PickerButtonSize;
     buttonVariant?: PickerButtonVariant;

package/custom-picker-button/modern/field/Component.js

@@ -1,9 +1,9 @@
 import React, { Fragment } from 'react';
 import cn from 'classnames';
 import { CustomButton } from '../../../custom-button/modern';
-import { getIcon } from '../../../picker-button/modern';
+import { getIcon } from '../../../picker-button/modern/shared';
 
-const styles = {"iconContainer":"custom-picker-button__iconContainer_7twoi","addonsContainer":"custom-picker-button__addonsContainer_7twoi","showControlIcon":"custom-picker-button__showControlIcon_7twoi","open":"custom-picker-button__open_7twoi"};
+const styles = {"iconContainer":"custom-picker-button__iconContainer_1vqhs","addonsContainer":"custom-picker-button__addonsContainer_1vqhs","showControlIcon":"custom-picker-button__showControlIcon_1vqhs","open":"custom-picker-button__open_1vqhs"};
 require('./index.css');
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow = true, ...restProps }) => {

package/custom-picker-button/modern/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 17qc5 */
+/* hash: 1207y */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_7twoi {
+} .custom-picker-button__iconContainer_1vqhs {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_7twoi {
+} .custom-picker-button__addonsContainer_1vqhs {
     display: flex
-} .custom-picker-button__addonsContainer_7twoi.custom-picker-button__showControlIcon_7twoi {
+} .custom-picker-button__addonsContainer_1vqhs.custom-picker-button__showControlIcon_1vqhs {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_7twoi {
+    } .custom-picker-button__open_1vqhs {
     transform: var(--arrow-transform);
 }

package/custom-picker-button/modern/field/index.js

@@ -2,4 +2,4 @@ export { Field } from './Component.js';
 import 'react';
 import 'classnames';
 import '../../../custom-button/modern';
-import '../../../picker-button/modern';
+import '../../../picker-button/modern/shared';

package/custom-picker-button/modern/hook-9ea9e32c.d.ts

@@ -0,0 +1,75 @@
+/// <reference types="react" />
+import { BaseSelectProps, OptionShape } from "./typings-5e1b8383";
+type UseSelectWithApplyProps = {
+    /**
+     * Список выбранных пунктов
+     */
+    selected: BaseSelectProps['selected'];
+    /**
+     * Список вариантов выбора
+     */
+    options: BaseSelectProps['options'];
+    /**
+     * Обработчик выбора
+     */
+    onChange: BaseSelectProps['onChange'];
+    /**
+     * Компонент выпадающего меню
+     */
+    OptionsList?: BaseSelectProps['OptionsList'];
+    /**
+     * Пропсы, которые будут прокинуты в компонент списка
+     */
+    optionsListProps?: BaseSelectProps['optionsListProps'];
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: boolean;
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: boolean;
+    /**
+     * Показывать пункт "Выбрать все" в заголовке списка
+     */
+    showHeaderWithSelectAll?: boolean;
+};
+declare const SELECT_ALL_KEY = "select_all";
+declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, }: UseSelectWithApplyProps): {
+    OptionsList: import("react").ForwardRefExoticComponent<import("./typings-5e1b8383").OptionsListProps & {
+        showClear?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        selectedDraft?: OptionShape[] | undefined;
+        OptionsList?: import("react").FC<import("./typings-5e1b8383").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        Footer?: import("react").FC<import("./Component-5e1b8383").FooterProps> | undefined;
+        Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
+        headerProps?: import("./Component-ebda875c").HeaderProps | undefined; /**
+         * Показывать кнопку очистки
+         */
+        showHeaderWithSelectAll?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    optionsListProps: {
+        OptionsList: import("react").FC<import("./typings-5e1b8383").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        showClear: boolean;
+        onClear: () => void;
+        onApply: () => void;
+        onClose: () => void;
+        selectedDraft: OptionShape[];
+        showHeaderWithSelectAll: boolean;
+        headerProps: {
+            indeterminate: boolean;
+            checked: boolean;
+            onChange: () => void;
+        };
+    };
+    allowUnselect: boolean;
+    multiple: boolean;
+    options: (OptionShape | import("./typings-5e1b8383").GroupShape | {
+        key: string;
+        content: string;
+    })[];
+    onChange: (payload: import("./typings-5e1b8383").BaseSelectChangePayload) => void;
+    selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
+};
+export * from "./Component-5e1b8383";
+export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/custom-picker-button/modern/index-89a3cf4c.d.ts

@@ -0,0 +1,3 @@
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+export { isClient, getDataTestId };

package/custom-picker-button/modern/index-8b2c2707.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from "react";
+import { ButtonProps } from "./typings-9211a437";
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { Button };
+export type { ButtonProps } from "./typings-9211a437";

package/custom-picker-button/modern/index-c44170fe.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import React from "react";
+type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+    breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+type InputDesktopProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles">;
+declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
+type InputMobileProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles">;
+declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
+export { InputProps, Input, InputDesktopProps, InputDesktop, InputMobileProps, InputMobile };
+export * from "./Component.desktop-785df74d";

package/custom-picker-button/modern/index-df3978fd.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from 'react';
+import { PickerButtonSize, PickerButtonVariant } from "./types-4480ac4f";
+declare const getIcon: (variant: PickerButtonVariant, size: PickerButtonSize) => FC<SVGProps<SVGSVGElement>>;
+export { getIcon };

package/custom-picker-button/modern/index-e81c389f.d.ts

@@ -1,3 +1,3 @@
-export * from "./Component-3885b0d7";
+export * from "./Component-89a3cf4c";
 export * from "./index-ebda875c";
 export type { NavigationBarProps } from "./types-ebda875c";

package/custom-picker-button/modern/index-ebda875c.d.ts

@@ -34,4 +34,4 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 }
 declare const Closer: FC<CloserProps>;
 export { CloserProps, Closer };
-export * from "./Component-ebda875c";
+export * from "./Component-8b2c2707";

package/custom-picker-button/modern/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
-export * from "./component-3885b0d7";
+export * from "./component-89a3cf4c";
 export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";

package/custom-picker-button/modern/index.d.ts

@@ -1,2 +1,2 @@
-export { CustomPickerButtonResponsive as CustomPickerButton } from "./responsive";
-export type { CustomPickerButtonResponsiveProps as CustomPickerButtonProps } from "./responsive";
+export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps } from "./Component.responsive";
+export {};

package/custom-picker-button/modern/index.js

@@ -6,6 +6,6 @@ import '../../picker-button/modern/desktop';
 import './field/Component.js';
 import 'classnames';
 import '../../custom-button/modern';
-import '../../picker-button/modern';
+import '../../picker-button/modern/shared';
 import './Component.mobile.js';
 import '../../picker-button/modern/mobile';

package/custom-picker-button/modern/mobile-755fbaa3.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.mobile-755fbaa3";
+export {};

package/custom-picker-button/modern/mobile-96988a65.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.mobile-d7e9f69d";
+export {};

package/custom-picker-button/modern/mobile.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.mobile";
+export { CustomPickerButtonMobile, CustomPickerButtonMobileProps } from "./Component.mobile";
 export {};

package/custom-picker-button/modern/mobile.js

@@ -4,4 +4,4 @@ import '../../picker-button/modern/mobile';
 import './field/Component.js';
 import 'classnames';
 import '../../custom-button/modern';
-import '../../picker-button/modern';
+import '../../picker-button/modern/shared';

package/custom-picker-button/modern/shared-4cd3936b.d.ts

@@ -0,0 +1,94 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode } from "react";
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-5e1b8383";
+// eslint-disable-next-line @typescript-eslint/naming-convention
+type useSelectWithLoadingProps = {
+    loading?: boolean;
+    visibleOptions?: BaseSelectProps["visibleOptions"];
+    Option?: React.FC<OptionProps>;
+};
+declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
+    Option: (props: OptionProps) => JSX.Element;
+    options: OptionShape[];
+} | null;
+type OptionsFetcherResponse = {
+    options: OptionShape[];
+    hasMore: boolean;
+};
+// eslint-disable-next-line @typescript-eslint/naming-convention
+type useLazyLoadingProps = {
+    /** Количество элементов на "странице" */
+    limit?: number;
+    /** Начальный номер "страницы" */
+    initialOffset?: number;
+    /** Скелетон загружаемых элементов */
+    skeleton?: React.ReactNode;
+    /** Компонент пункта меню */
+    Option?: React.FC<OptionProps>;
+    /**
+     * Функция-загрузчик опций.
+     * @param offset - текущая страница
+     * @param limit - количество элементов на странице
+     * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
+     * @returns Promise<{
+     *  options - список опций следующей "страницы". Они аппендятся к предыдущим
+     *  hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
+     * }>
+     */
+    optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
+};
+declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
+    optionsProps: {
+        Option: (props: OptionProps) => JSX.Element;
+        options: OptionShape[];
+        optionsListProps: {
+            ref: React.RefObject<HTMLDivElement>;
+            inputProps: {
+                onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
+                    value: string;
+                }) => void;
+                value: string;
+            };
+        };
+        onOpen: (payload: {
+            open?: boolean;
+        }) => void;
+    };
+    reset: () => void;
+};
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Skeleton: React.FC<SkeletonProps>;
+export * from "./index-ebda875c";
+export * from "./Component-89a3cf4c";
+export * from "./Component-5e1b8383";
+export { useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
+export * from "./hook-9ea9e32c";
+export * from "./typings-5e1b8383";
+export * from "./utils-5e1b8383";
+export type { AdditionalMobileProps } from "./Component.mobile-06ffd24b";

package/custom-picker-button/modern/types-4480ac4f.d.ts

@@ -0,0 +1,3 @@
+type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+type PickerButtonVariant = 'default' | 'compact';
+export { PickerButtonSize, PickerButtonVariant };