@alfalab/core-components 42.14.0 → 42.15.0

package/pattern-lock/index.css

@@ -27,15 +27,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_31iw4 {
+} .pattern-lock__component_11cvh {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_31iw4 canvas {
+} .pattern-lock__component_11cvh canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_31iw4 {
+    } .pattern-lock__hidden_11cvh {
     visibility: hidden;
-} .pattern-lock__message_31iw4 {
+} .pattern-lock__message_11cvh {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -47,27 +47,27 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     color: var(--color-light-text-primary);
-} .pattern-lock__error_31iw4 {
+} .pattern-lock__error_11cvh {
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_31iw4 {
+} .pattern-lock__forgotBtn_11cvh {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_31iw4 {
+    .pattern-lock__forgotBtn_11cvh {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_31iw4 {
+    .pattern-lock__component_11cvh {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_31iw4 {
+    .pattern-lock__forgotBtn_11cvh {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_31iw4 {
+    .pattern-lock__component_11cvh {
         margin-bottom: var(--gap-l);
     }
 }

package/pattern-lock/modern/Component.js

@@ -7,7 +7,7 @@ import { getDataTestId } from '../../shared/modern';
 import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
 import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
 
-const styles = {"component":"pattern-lock__component_31iw4","hidden":"pattern-lock__hidden_31iw4","message":"pattern-lock__message_31iw4","error":"pattern-lock__error_31iw4","forgotBtn":"pattern-lock__forgotBtn_31iw4"};
+const styles = {"component":"pattern-lock__component_11cvh","hidden":"pattern-lock__hidden_11cvh","message":"pattern-lock__message_11cvh","error":"pattern-lock__error_11cvh","forgotBtn":"pattern-lock__forgotBtn_11cvh"};
 require('./index.css');
 
 const PatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, extraBounds = DEFAULT_EXTRA_BOUNDS, message, ...restProps }, ref) => {

package/pattern-lock/modern/index.css

@@ -27,15 +27,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_31iw4 {
+} .pattern-lock__component_11cvh {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_31iw4 canvas {
+} .pattern-lock__component_11cvh canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_31iw4 {
+    } .pattern-lock__hidden_11cvh {
     visibility: hidden;
-} .pattern-lock__message_31iw4 {
+} .pattern-lock__message_11cvh {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -47,27 +47,27 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     color: var(--color-light-text-primary);
-} .pattern-lock__error_31iw4 {
+} .pattern-lock__error_11cvh {
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_31iw4 {
+} .pattern-lock__forgotBtn_11cvh {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_31iw4 {
+    .pattern-lock__forgotBtn_11cvh {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_31iw4 {
+    .pattern-lock__component_11cvh {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_31iw4 {
+    .pattern-lock__forgotBtn_11cvh {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_31iw4 {
+    .pattern-lock__component_11cvh {
         margin-bottom: var(--gap-l);
     }
 }

package/picker-button/Component-5cb54b98.d.ts

@@ -0,0 +1,220 @@
+/// <reference types="react" />
+import React from 'react';
+import { HTMLAttributes, ReactNode } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: 'inner' | 'outer';
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
+    children?: ReactNode;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors;
+};
+declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean | undefined;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted" | undefined;
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean | undefined;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean | undefined;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer" | undefined;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string | undefined;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string | undefined;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string | undefined;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
+    children?: ReactNode;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { StyleColors, BaseFormControlProps, BaseFormControl };

package/picker-button/Component.desktop.d.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { FC, SVGProps } from "react";
 import { ButtonProps } from "../button";
-import { BaseSelectProps } from "./shared-4cd3936b";
+import { BaseSelectProps } from "../select/shared";
 import { PickerButtonSize, PickerButtonVariant } from "./types";
 type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options' | 'searchProps' | 'showSearch' | 'Search'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
     options: Array<BaseSelectProps['options'][0] & {

package/picker-button/Component.desktop.js

@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"picker-button__container_1ah1c","optionsPopover":"picker-button__optionsPopover_1ah1c","sideGap":"picker-button__sideGap_1ah1c","option":"picker-button__option_1ah1c"};
+var styles = {"container":"picker-button__container_19ryi","optionsPopover":"picker-button__optionsPopover_19ryi","sideGap":"picker-button__sideGap_19ryi","option":"picker-button__option_19ryi"};
 require('./index.css');
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-import { AdditionalMobileProps } from "./shared-4cd3936b";
-import { PickerButtonDesktopProps } from "./desktop";
+import { AdditionalMobileProps } from "../select/shared";
+import { PickerButtonDesktopProps } from "./desktop/index";
 type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & {
     /**
      * Контрольная точка для кнопки, с нее начинается desktop версия

package/picker-button/Component.responsive-3109f463.d.ts

@@ -22,5 +22,5 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
      */
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-10db897e";
+export * from "./Component-5cb54b98";
 export { FormControlProps, FormControl };

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ButtonProps } from "../button";
-import { AdditionalMobileProps } from "./shared-4cd3936b";
-import { PickerButtonDesktopProps } from "./desktop";
+import { AdditionalMobileProps } from "../select/shared";
+import { PickerButtonDesktopProps } from "./desktop/index";
 type PickerButtonMatchMedia = 'desktop' | 'mobile';
 type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & {
     /**
@@ -11,8 +11,8 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
      */
     breakpoint?: number;
 };
-declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("./shared-4cd3936b").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "searchProps" | "showSearch" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
-    options: ((import("./shared-4cd3936b").OptionShape | import("./shared-4cd3936b").GroupShape) & {
+declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../select/shared").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "searchProps" | "showSearch" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+    options: ((import("../select/shared").OptionShape | import("../select/shared").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
     size?: import("./types").PickerButtonSize | undefined;

package/picker-button/browser-a216f694.d.ts

@@ -0,0 +1,6 @@
+declare function isWebkitBased(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+};
+export { browser };

package/picker-button/cssm/Component-5cb54b98.d.ts

@@ -0,0 +1,220 @@
+/// <reference types="react" />
+import React from 'react';
+import { HTMLAttributes, ReactNode } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: 'inner' | 'outer';
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
+    children?: ReactNode;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors;
+};
+declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean | undefined;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted" | undefined;
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean | undefined;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean | undefined;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer" | undefined;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string | undefined;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string | undefined;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string | undefined;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
+    children?: ReactNode;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { StyleColors, BaseFormControlProps, BaseFormControl };

package/picker-button/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/picker-button/cssm/Component.desktop.d.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { FC, SVGProps } from "react";
 import { ButtonProps } from "../../button";
-import { BaseSelectProps } from "./shared-4cd3936b";
+import { BaseSelectProps } from "../../select/shared";
 import { PickerButtonSize, PickerButtonVariant } from "./types";
 type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options' | 'searchProps' | 'showSearch' | 'Search'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
     options: Array<BaseSelectProps['options'][0] & {
@@ -25,7 +25,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' |
      */
     showArrow?: boolean;
 };
-declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "Arrow" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "showSearch" | "Search" | "searchProps"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "searchProps" | "showSearch" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта

package/picker-button/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 };