@alfalab/core-components-custom-picker-button 2.0.10 → 2.0.12

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

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

package/Component.mobile-d7e9f69d.d.ts

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

package/{esm/component-1a4fbd11.d.ts → 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/Component.desktop-785df74d.d.ts

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

package/{modern/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 const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+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 { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };

package/cssm/index-c44170fe.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from "react";
-type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+type FormControlProps = Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -11,13 +11,8 @@ type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> &
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "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";
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };

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-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/shared-4cd3936b.d.ts

@@ -57,7 +57,7 @@ declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton
     reset: () => void;
 };
 export * from "./index-ebda875c";
-export * from "./Component-1a4fbd11";
+export * from "./Component-72308007";
 export * from "./Component-dd8ca091";
 export { useSelectWithLoading, useLazyLoading };
 export * from "./hook-8abfea97";

package/{esm/types-83e2bd9e.d.ts → cssm/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/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 "./index-c44170fe";
 type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
 declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
 export { FormControlDesktopProps, FormControlDesktop };

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 "./index-c44170fe";
 type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
 declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
 export { FormControlMobileProps, FormControlMobile };

package/{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

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { CustomButton } from '@alfalab/core-components-custom-button/esm';
 import { getIcon } from '@alfalab/core-components-picker-button/esm/shared';
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_1q4gc","addonsContainer":"custom-picker-button__addonsContainer_1q4gc","showControlIcon":"custom-picker-button__showControlIcon_1q4gc","open":"custom-picker-button__open_1q4gc"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_7a879","addonsContainer":"custom-picker-button__addonsContainer_7a879","showControlIcon":"custom-picker-button__showControlIcon_7a879","open":"custom-picker-button__open_7a879"};
 require('./index.css')
 
 var Field = function (_a) {

package/esm/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1w3az */
+/* hash: upmx5 */
 :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_1q4gc {
+} .custom-picker-button__iconContainer_7a879 {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1q4gc {
+} .custom-picker-button__addonsContainer_7a879 {
     display: flex
-} .custom-picker-button__addonsContainer_1q4gc.custom-picker-button__showControlIcon_1q4gc {
+} .custom-picker-button__addonsContainer_7a879.custom-picker-button__showControlIcon_7a879 {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_1q4gc {
+    } .custom-picker-button__open_7a879 {
     transform: var(--arrow-transform);
 }

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 const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+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 { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };

package/esm/index-c44170fe.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from "react";
-type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+type FormControlProps = Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -11,13 +11,8 @@ type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> &
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "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";
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };

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-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/esm/shared-4cd3936b.d.ts

@@ -57,7 +57,7 @@ declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton
     reset: () => void;
 };
 export * from "./index-ebda875c";
-export * from "./Component-1a4fbd11";
+export * from "./Component-72308007";
 export * from "./Component-dd8ca091";
 export { useSelectWithLoading, useLazyLoading };
 export * from "./hook-8abfea97";

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

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

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

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

package/field/Component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_1q4gc","addonsContainer":"custom-picker-button__addonsContainer_1q4gc","showControlIcon":"custom-picker-button__showControlIcon_1q4gc","open":"custom-picker-button__open_1q4gc"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_7a879","addonsContainer":"custom-picker-button__addonsContainer_7a879","showControlIcon":"custom-picker-button__showControlIcon_7a879","open":"custom-picker-button__open_7a879"};
 require('./index.css')
 
 var Field = function (_a) {

package/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1w3az */
+/* hash: upmx5 */
 :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_1q4gc {
+} .custom-picker-button__iconContainer_7a879 {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1q4gc {
+} .custom-picker-button__addonsContainer_7a879 {
     display: flex
-} .custom-picker-button__addonsContainer_1q4gc.custom-picker-button__showControlIcon_1q4gc {
+} .custom-picker-button__addonsContainer_7a879.custom-picker-button__showControlIcon_7a879 {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_1q4gc {
+    } .custom-picker-button__open_7a879 {
     transform: var(--arrow-transform);
 }

package/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 const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+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 { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };

package/index-c44170fe.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from "react";
-type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+type FormControlProps = Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -11,13 +11,8 @@ type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> &
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "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";
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };

package/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/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/modern/Component.desktop-785df74d.d.ts

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

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

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

package/{cssm/component-1a4fbd11.d.ts → modern/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/modern/field/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { CustomButton } from '@alfalab/core-components-custom-button/modern';
 import { getIcon } from '@alfalab/core-components-picker-button/modern/shared';
 
-const styles = {"iconContainer":"custom-picker-button__iconContainer_1q4gc","addonsContainer":"custom-picker-button__addonsContainer_1q4gc","showControlIcon":"custom-picker-button__showControlIcon_1q4gc","open":"custom-picker-button__open_1q4gc"};
+const styles = {"iconContainer":"custom-picker-button__iconContainer_7a879","addonsContainer":"custom-picker-button__addonsContainer_7a879","showControlIcon":"custom-picker-button__showControlIcon_7a879","open":"custom-picker-button__open_7a879"};
 require('./index.css')
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow = true, ...restProps }) => {

package/modern/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1w3az */
+/* hash: upmx5 */
 :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_1q4gc {
+} .custom-picker-button__iconContainer_7a879 {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1q4gc {
+} .custom-picker-button__addonsContainer_7a879 {
     display: flex
-} .custom-picker-button__addonsContainer_1q4gc.custom-picker-button__showControlIcon_1q4gc {
+} .custom-picker-button__addonsContainer_7a879.custom-picker-button__showControlIcon_7a879 {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_1q4gc {
+    } .custom-picker-button__open_7a879 {
     transform: var(--arrow-transform);
 }

package/modern/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 const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+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 { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };

package/modern/index-c44170fe.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from "react";
-type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+type FormControlProps = Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -11,13 +11,8 @@ type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> &
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "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";
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };

package/modern/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/modern/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/modern/shared-4cd3936b.d.ts

@@ -57,7 +57,7 @@ declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton
     reset: () => void;
 };
 export * from "./index-ebda875c";
-export * from "./Component-1a4fbd11";
+export * from "./Component-72308007";
 export * from "./Component-dd8ca091";
 export { useSelectWithLoading, useLazyLoading };
 export * from "./hook-8abfea97";

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-custom-picker-button",
-    "version": "2.0.10",
+    "version": "2.0.12",
     "description": "Custom picker button component",
     "keywords": [],
     "license": "MIT",
@@ -35,10 +35,10 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-picker-button": "^11.1.5",
-        "@alfalab/core-components-custom-button": "^3.3.4",
+        "@alfalab/core-components-picker-button": "^11.1.7",
+        "@alfalab/core-components-custom-button": "^3.3.5",
         "@alfalab/core-components-mq": "^4.2.0",
-        "@alfalab/core-components-select": "^15.1.5",
+        "@alfalab/core-components-select": "^15.2.0",
         "classnames": "^2.3.1",
         "tslib": "^2.4.0"
     }

package/shared-4cd3936b.d.ts

@@ -57,7 +57,7 @@ declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton
     reset: () => void;
 };
 export * from "./index-ebda875c";
-export * from "./Component-1a4fbd11";
+export * from "./Component-72308007";
 export * from "./Component-dd8ca091";
 export { useSelectWithLoading, useLazyLoading };
 export * from "./hook-8abfea97";

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

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

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

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

package/Component.responsive-785df74d.d.ts

@@ -1,26 +0,0 @@
-/// <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/cssm/Component.responsive-785df74d.d.ts

@@ -1,26 +0,0 @@
-/// <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/cssm/index-1a4fbd11.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { PaddingType } from "./index-72dda473";
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
-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;
-declare const fnUtils: {
-    isNil: typeof isNil;
-};
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

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

@@ -1,26 +0,0 @@
-/// <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/esm/index-1a4fbd11.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { PaddingType } from "./index-72dda473";
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
-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;
-declare const fnUtils: {
-    isNil: typeof isNil;
-};
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

package/index-1a4fbd11.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { PaddingType } from "./index-72dda473";
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
-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;
-declare const fnUtils: {
-    isNil: typeof isNil;
-};
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

package/modern/Component.responsive-785df74d.d.ts

@@ -1,26 +0,0 @@
-/// <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/modern/index-1a4fbd11.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { PaddingType } from "./index-72dda473";
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
-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;
-declare const fnUtils: {
-    isNil: typeof isNil;
-};
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };