@alfalab/core-components-picker-button 11.1.5 → 11.1.7

package/cssm/Component.desktop-785df74d.d.ts

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

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

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

package/cssm/Component.responsive-3109f463.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
 type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
@@ -23,4 +22,5 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
      */
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
+export * from "./Component-72308007";
 export { FormControlProps, FormControl };

package/{component-1a4fbd11.d.ts → cssm/component-72308007.d.ts}

@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-e40becc7";
+import { BottomSheetProps } from "./types-67a2d8af";
 type FooterProps = {
     /**
      * Контент футера

package/cssm/index-72308007.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import React from "react";
+import { PaddingType } from "./index-72dda473";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
+declare const inputUtils: {
+    disableUserInput: typeof disableUserInput;
+};
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNil;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
+export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };

package/cssm/index-c44170fe.d.ts

@@ -1,164 +1,3 @@
 /// <reference types="react" />
-import React from "react";
-import { ChangeEvent, ElementType, InputHTMLAttributes, MouseEvent, ReactNode } from "react";
-type StyleColors = {
-    default: {
-        [key: string]: string;
-    };
-    inverted: {
-        [key: string]: string;
-    };
-};
-type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
-    /**
-     * Значение поля ввода
-     */
-    value?: string;
-    /**
-     * Начальное значение поля
-     */
-    defaultValue?: string;
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
-    block?: boolean;
-    /**
-     * Крестик для очистки поля
-     */
-    clear?: boolean;
-    /**
-     * Размер компонента
-     */
-    size?: "s" | "m" | "l" | "xl";
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted";
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Отображение иконки успеха
-     */
-    success?: boolean;
-    /**
-     * Текст подсказки
-     */
-    hint?: ReactNode;
-    /**
-     * Лейбл компонента
-     */
-    label?: React.ReactNode;
-    /**
-     * Вид лейбла внутри / снаружи
-     */
-    labelView?: "inner" | "outer";
-    /**
-     * Атрибут type
-     */
-    type?: "number" | "card" | "email" | "money" | "password" | "tel" | "text";
-    /**
-     * Ref для обертки input
-     */
-    wrapperRef?: React.Ref<HTMLDivElement> | null;
-    /**
-     * Слот слева
-     */
-    leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: React.ReactNode;
-    /**
-     * Слот под инпутом
-     */
-    bottomAddons?: React.ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для поля
-     */
-    fieldClassName?: string;
-    /**
-     * Дополнительный класс инпута
-     */
-    inputClassName?: string;
-    /**
-     * Дополнительный класс для лейбла
-     */
-    labelClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonsClassName?: string;
-    /**
-     * Класс, который будет установлен при фокусе
-     */
-    focusedClassName?: string;
-    /**
-     * Класс, который будет установлен, если в поле есть значение
-     */
-    filledClassName?: string;
-    /**
-     * Обработчик поля ввода
-     */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
-        value: string;
-    }) => void;
-    /**
-     * Обработчик нажатия на кнопку очистки
-     */
-    onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик клика по полю
-     */
-    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Обработчик MouseDown по полю
-     */
-    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Обработчик MouseUp по полю
-     */
-    onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    FormControlComponent?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Стили компонента для default и inverted режима.
-     */
-    colorStyles?: StyleColors;
-    /**
-     * Запрещает ввод с клавиатуры
-     */
-    disableUserInput?: boolean;
-};
-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";
+export * from "./Component.responsive-3109f463";
+export {};

package/cssm/index-c76d6398.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-1a4fbd11";
-export type { NavigationBarProps } from "./types-83e2bd9e";
+export * from "./Component-72308007";
+export type { NavigationBarProps } from "./types-1c79e231";

package/cssm/index-ebda875c.d.ts

@@ -66,7 +66,7 @@ type IconButtonProps = {
      * Набор цветов для компонента
      */
     colors?: "default" | "inverted";
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "Component" | "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
 declare const IconButton: React.ForwardRefExoticComponent<{
     icon: ElementType<{
         className?: string;
@@ -77,5 +77,5 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
 export { CloserProps, Closer, IconButtonProps, IconButton };

package/cssm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
-export * from "./component-1a4fbd11";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
+export * from "./component-72308007";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-67a2d8af";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/cssm/{types-83e2bd9e.d.ts → types-1c79e231.d.ts}

@@ -14,7 +14,7 @@ type NavigationBarProps = {
     /**
      * Подзаголовок (доступен только в мобильной версии)
      */
-    subtitle?: string;
+    subtitle?: ReactNode;
     /**
      * Размер заголовка (compact доступен только в мобильной версии)
      */

package/cssm/{types-e40becc7.d.ts → types-67a2d8af.d.ts}

@@ -259,7 +259,7 @@ type BottomSheetProps = {
     /**
      * Вызывается после окончания анимации притягивания
      */
-    onMagnetizeEnd?: () => void;
+    onMagnetizeEnd?: (index: number) => void;
     /**
      * Вызывается при изменении положения шторки
      */

package/{cssm/Component-1a4fbd11.d.ts → esm/Component-72308007.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-83e2bd9e";
+import { NavigationBarProps } from "./types-1c79e231";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export * from "./Component-63dec22f";
 export { NavigationBar };

package/esm/Component.desktop-785df74d.d.ts

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

package/esm/Component.desktop.js

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-var styles = {"container":"picker-button__container_an5lv","optionsPopover":"picker-button__optionsPopover_an5lv","sideGap":"picker-button__sideGap_an5lv","option":"picker-button__option_an5lv"};
+var styles = {"container":"picker-button__container_1me4e","optionsPopover":"picker-button__optionsPopover_1me4e","sideGap":"picker-button__sideGap_1me4e","option":"picker-button__option_1me4e"};
 require('./index.css')
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

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

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

package/esm/Component.responsive-3109f463.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
 type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
@@ -23,4 +22,5 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
      */
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
+export * from "./Component-72308007";
 export { FormControlProps, FormControl };

package/{cssm/component-1a4fbd11.d.ts → esm/component-72308007.d.ts}

@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-e40becc7";
+import { BottomSheetProps } from "./types-67a2d8af";
 type FooterProps = {
     /**
      * Контент футера

package/esm/field/Component.js

@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-var styles = {"iconContainer":"picker-button__iconContainer_w6yyy","addonsContainer":"picker-button__addonsContainer_w6yyy","showControlIcon":"picker-button__showControlIcon_w6yyy","open":"picker-button__open_w6yyy","linkOpen":"picker-button__linkOpen_w6yyy"};
+var styles = {"iconContainer":"picker-button__iconContainer_1xvmu","addonsContainer":"picker-button__addonsContainer_1xvmu","showControlIcon":"picker-button__showControlIcon_1xvmu","open":"picker-button__open_1xvmu","linkOpen":"picker-button__linkOpen_1xvmu"};
 require('./index.css')
 
 var Field = function (_a) {

package/esm/field/index.css

@@ -1,4 +1,4 @@
-/* hash: hzlg0 */
+/* hash: 1jino */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05); /* 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 */
@@ -17,15 +17,15 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_w6yyy {
+} .picker-button__iconContainer_1xvmu {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_w6yyy {
+} .picker-button__addonsContainer_1xvmu {
     display: flex
-} .picker-button__addonsContainer_w6yyy.picker-button__showControlIcon_w6yyy {
+} .picker-button__addonsContainer_1xvmu.picker-button__showControlIcon_1xvmu {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_w6yyy {
+    } .picker-button__open_1xvmu {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_w6yyy:not(:hover) {
+} .picker-button__linkOpen_1xvmu:not(:hover) {
     background-color: var(--color-light-specialbg-secondary-transparent);
 }

package/esm/index-72308007.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import React from "react";
+import { PaddingType } from "./index-72dda473";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
+declare const inputUtils: {
+    disableUserInput: typeof disableUserInput;
+};
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNil;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
+export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };

package/esm/index-c44170fe.d.ts

@@ -1,164 +1,3 @@
 /// <reference types="react" />
-import React from "react";
-import { ChangeEvent, ElementType, InputHTMLAttributes, MouseEvent, ReactNode } from "react";
-type StyleColors = {
-    default: {
-        [key: string]: string;
-    };
-    inverted: {
-        [key: string]: string;
-    };
-};
-type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
-    /**
-     * Значение поля ввода
-     */
-    value?: string;
-    /**
-     * Начальное значение поля
-     */
-    defaultValue?: string;
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
-    block?: boolean;
-    /**
-     * Крестик для очистки поля
-     */
-    clear?: boolean;
-    /**
-     * Размер компонента
-     */
-    size?: "s" | "m" | "l" | "xl";
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted";
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Отображение иконки успеха
-     */
-    success?: boolean;
-    /**
-     * Текст подсказки
-     */
-    hint?: ReactNode;
-    /**
-     * Лейбл компонента
-     */
-    label?: React.ReactNode;
-    /**
-     * Вид лейбла внутри / снаружи
-     */
-    labelView?: "inner" | "outer";
-    /**
-     * Атрибут type
-     */
-    type?: "number" | "card" | "email" | "money" | "password" | "tel" | "text";
-    /**
-     * Ref для обертки input
-     */
-    wrapperRef?: React.Ref<HTMLDivElement> | null;
-    /**
-     * Слот слева
-     */
-    leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: React.ReactNode;
-    /**
-     * Слот под инпутом
-     */
-    bottomAddons?: React.ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для поля
-     */
-    fieldClassName?: string;
-    /**
-     * Дополнительный класс инпута
-     */
-    inputClassName?: string;
-    /**
-     * Дополнительный класс для лейбла
-     */
-    labelClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonsClassName?: string;
-    /**
-     * Класс, который будет установлен при фокусе
-     */
-    focusedClassName?: string;
-    /**
-     * Класс, который будет установлен, если в поле есть значение
-     */
-    filledClassName?: string;
-    /**
-     * Обработчик поля ввода
-     */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
-        value: string;
-    }) => void;
-    /**
-     * Обработчик нажатия на кнопку очистки
-     */
-    onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик клика по полю
-     */
-    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Обработчик MouseDown по полю
-     */
-    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Обработчик MouseUp по полю
-     */
-    onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    FormControlComponent?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Стили компонента для default и inverted режима.
-     */
-    colorStyles?: StyleColors;
-    /**
-     * Запрещает ввод с клавиатуры
-     */
-    disableUserInput?: boolean;
-};
-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";
+export * from "./Component.responsive-3109f463";
+export {};

package/esm/index-c76d6398.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-1a4fbd11";
-export type { NavigationBarProps } from "./types-83e2bd9e";
+export * from "./Component-72308007";
+export type { NavigationBarProps } from "./types-1c79e231";

package/esm/index-ebda875c.d.ts

@@ -66,7 +66,7 @@ type IconButtonProps = {
      * Набор цветов для компонента
      */
     colors?: "default" | "inverted";
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "Component" | "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
 declare const IconButton: React.ForwardRefExoticComponent<{
     icon: ElementType<{
         className?: string;
@@ -77,5 +77,5 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
 export { CloserProps, Closer, IconButtonProps, IconButton };