@cloud-ru/uikit-product-fields-predefined 2.0.2 → 2.0.3-preview-cb2a7557.0

package/README.md

@@ -306,6 +306,51 @@
 | addButton | `boolean` | - | Поле появляется по кнопке "Добавить описание" (только для опционального поля) |
 | ref | `LegacyRef<HTMLInputElement>` | - | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} |
 | key | `Key` | - |  |
+## FieldMask
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - |  |
+| mask* | enum Mask: `"code"`, `"uuid"`, `"passport"`, `"snils"`, `"ip-v4-address"`, `"ip-v4-address-with-mask"` | - |  |
+| id | `string` | - | Значение html-атрибута id |
+| name | `string` | - | Значение html-атрибута name |
+| placeholder | `string` | - | Значение плейсхолдера |
+| maxLength | `number` | - | Максимальная длина вводимого значения |
+| disabled | `boolean` | false | Является ли поле деактивированным |
+| readonly | `boolean` | false | Является ли поле доступным только для чтения |
+| onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
+| onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
+| autoComplete | `string \| boolean` | false | Включен ли автокомплит для поля |
+| autoFocus | `boolean` | false | Включен ли авто-фокус для поля |
+| onPaste | `ClipboardEventHandler<HTMLInputElement>` | - | Колбек обработки вставки значения |
+| onKeyDown | `KeyboardEventHandler<HTMLInputElement>` | - | Колбек обработки начала нажатия клавиши клавиатуры |
+| spellCheck | `boolean` | true | Значение атрибута spellcheck (проверка орфографии) |
+| pattern | `string` | - | Регулярное выражение валидного инпута |
+| className | `string` | - | CSS-класс |
+| label | `string` | - | Лейбл |
+| labelTooltip | `ReactNode` | - | Всплывающая подсказка лейбла |
+| required | `boolean` | - | Является ли поле обязательным |
+| caption | `string` | - | Подпись справа от лейбла |
+| hint | `string` | - | Подсказка внизу |
+| showHintIcon | `boolean` | - | Отображать иконку подсказки |
+| size | enum Size: `"s"`, `"m"`, `"l"` | - | Размер |
+| validationState | enum ValidationState: `"error"`, `"default"`, `"warning"`, `"success"` | - | Состояние валидации |
+| labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
+| error | `string` | - |  |
+| prefix | `ReactNode` | - | Произвольный префикс для поля |
+| prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
+| postfix | `ReactNode` | - | Произвольный постфикс для поля |
+| allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
+| button | `Button` | - | Кнопка действия внутри поля |
+| type | "text" \| "tel" \| "email" | - |  |
+| showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
+| onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
+| showClearButton | `boolean` | true | Отображение кнопки очистки поля |
+| onClearButtonClick | `() => void` | - | Колбек клика по кнопке очистки поля |
+| value | `string` | - |  |
+| onChange | `(value: string, mask: InputMask<Record<string, unknown>>) => void` | - |  |
+| ref | `LegacyRef<HTMLInputElement>` | - | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} |
+| key | `Key` | - |  |
 
 
 [//]: DOCUMENTATION_SECTION_END

package/dist/cjs/components/FieldAi/FieldAi.d.ts

@@ -20,5 +20,5 @@ export declare const FieldAi: import("react").ForwardRefExoticComponent<Omit<Fie
     /** Действие для отмены секьюрности поля */
     onCancelSecure?(): void;
 } & {
-    layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
+    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
 } & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/cjs/components/FieldDescription/FieldDescription.d.ts

@@ -8,5 +8,5 @@ export declare const FieldDescription: import("react").ForwardRefExoticComponent
 } & {
     onValidationError?: (error: ValidationError | null) => void;
 } & {
-    layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
+    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
 } & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/cjs/components/FieldDescription/FieldDescriptionRHF.d.ts

@@ -7,5 +7,5 @@ export declare const FieldDescriptionRHF: import("react").ForwardRefExoticCompon
 } & {
     controllerProps: Omit<import("react-hook-form").ControllerProps<import("react-hook-form").FieldValues>, "render" | "rules" | "disabled">;
 } & {
-    layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
+    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
 } & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/cjs/components/FieldMask/FieldMask.d.ts

@@ -0,0 +1,16 @@
+import { type InputMask } from 'imask';
+import { FieldTextProps } from '@cloud-ru/uikit-product-mobile-fields';
+import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
+import { Mask } from './types';
+export type FieldMaskProps = WithLayoutType<Omit<FieldTextProps, 'value' | 'onChange' | 'inputMode'> & {
+    value?: string;
+    onChange?(value: string, mask: InputMask): void;
+    mask: Mask;
+}>;
+export declare const FieldMask: import("react").ForwardRefExoticComponent<Omit<FieldTextProps, "onChange" | "value" | "inputMode"> & {
+    value?: string;
+    onChange?(value: string, mask: InputMask): void;
+    mask: Mask;
+} & {
+    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/FieldMask/FieldMask.js

@@ -0,0 +1,37 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldMask = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const merge_refs_1 = __importDefault(require("merge-refs"));
+const react_1 = require("react");
+const react_imask_1 = require("react-imask");
+const uikit_product_mobile_fields_1 = require("@cloud-ru/uikit-product-mobile-fields");
+const constants_1 = require("./constants");
+exports.FieldMask = (0, react_1.forwardRef)((_a, ref) => {
+    var _b;
+    var { value: valueProp, onChange, mask } = _a, props = __rest(_a, ["value", "onChange", "mask"]);
+    const maskOptions = constants_1.MASK_OPTIONS[mask];
+    const { ref: maskedRef, value, setValue, } = (0, react_imask_1.useIMask)(Object.assign(Object.assign({}, constants_1.BASE_MASK_OPTIONS), maskOptions.options), {
+        defaultValue: valueProp,
+        onAccept: onChange,
+    });
+    return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_fields_1.AdaptiveFieldText
+    // @ts-expect-error maskedRef type is not compatible with ref type
+    , Object.assign({ 
+        // @ts-expect-error maskedRef type is not compatible with ref type
+        ref: (0, merge_refs_1.default)(ref, maskedRef), value: value, onChange: setValue, placeholder: maskOptions.placeholder, inputMode: (_b = maskOptions.inputMode) !== null && _b !== void 0 ? _b : 'numeric' }, props)));
+});

package/dist/cjs/components/FieldMask/constants.d.ts

@@ -0,0 +1,19 @@
+import { FieldTextProps } from '@cloud-ru/uikit-product-mobile-fields';
+import { Mask } from './types';
+export declare const MASK: {
+    readonly Code: "code";
+    readonly Uuid: "uuid";
+    readonly Passport: "passport";
+    readonly Snils: "snils";
+    readonly IpV4Address: "ip-v4-address";
+    readonly IpV4AddressWithMask: "ip-v4-address-with-mask";
+};
+export declare const MASK_OPTIONS: Record<Mask, {
+    placeholder: string;
+    options: Record<string, unknown>;
+    inputMode?: FieldTextProps['inputMode'];
+}>;
+export declare const BASE_MASK_OPTIONS: {
+    readonly lazy: true;
+    readonly autofix: true;
+};

package/dist/cjs/components/FieldMask/constants.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BASE_MASK_OPTIONS = exports.MASK_OPTIONS = exports.MASK = void 0;
+exports.MASK = {
+    Code: 'code',
+    Uuid: 'uuid',
+    Passport: 'passport',
+    Snils: 'snils',
+    IpV4Address: 'ip-v4-address',
+    IpV4AddressWithMask: 'ip-v4-address-with-mask',
+};
+exports.MASK_OPTIONS = {
+    [exports.MASK.Uuid]: {
+        placeholder: 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX',
+        options: {
+            mask: 'hhhhhhhh-hhhh-hhhh-hhhh-hhhhhhhhhhhh',
+            placeholderChar: '_',
+            definitions: {
+                h: /[0-9a-f]/,
+            },
+        },
+        inputMode: 'numeric',
+    },
+    [exports.MASK.Code]: {
+        placeholder: 'XXXX',
+        options: {
+            mask: '0000',
+            placeholderChar: '_',
+        },
+        inputMode: 'numeric',
+    },
+    [exports.MASK.Passport]: {
+        placeholder: 'XXXX XXXXXX',
+        options: {
+            mask: '0000 000000',
+        },
+        inputMode: 'numeric',
+    },
+    [exports.MASK.Snils]: {
+        placeholder: 'XXXXXX-XXX XX',
+        options: {
+            mask: '000000-000 00',
+        },
+        inputMode: 'numeric',
+    },
+    [exports.MASK.IpV4Address]: {
+        placeholder: '___.___.___.___',
+        options: { mask: '0[00]{.}`0[00]{.}`0[00]{.}`0[00]' },
+        inputMode: 'numeric',
+    },
+    [exports.MASK.IpV4AddressWithMask]: {
+        placeholder: '___.___.___.___/__',
+        options: { mask: '0[00]{.}`0[00]{.}`0[00]{.}`0[00]{/}`0[0]' },
+        inputMode: 'numeric',
+    },
+};
+exports.BASE_MASK_OPTIONS = {
+    lazy: true,
+    autofix: true,
+};

package/dist/cjs/components/FieldMask/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FieldMask';
+export { type Mask } from './types';
+export { MASK } from './constants';

package/dist/cjs/components/FieldMask/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MASK = void 0;
+__exportStar(require("./FieldMask"), exports);
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "MASK", { enumerable: true, get: function () { return constants_1.MASK; } });

package/dist/cjs/components/FieldMask/types.d.ts

@@ -0,0 +1,3 @@
+import { ValueOf } from '@snack-uikit/utils';
+import { MASK } from './constants';
+export type Mask = ValueOf<typeof MASK>;

package/dist/cjs/components/FieldMask/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/FieldName/FieldName.d.ts

@@ -8,5 +8,5 @@ export declare const FieldName: import("react").ForwardRefExoticComponent<Omit<i
 } & {
     onValidationError?: (error: ValidationError | null) => void;
 } & {
-    layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
+    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/FieldName/FieldNameRHF.d.ts

@@ -7,5 +7,5 @@ export declare const FieldNameRHF: import("react").ForwardRefExoticComponent<Omi
 } & {
     controllerProps: Omit<import("react-hook-form").ControllerProps<import("react-hook-form").FieldValues>, "render" | "rules" | "disabled">;
 } & {
-    layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
+    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/FieldPhone/FieldPhone.d.ts

@@ -21,5 +21,5 @@ export declare const FieldPhone: import("react").ForwardRefExoticComponent<Omit<
     /** options — объект конфигурации для изменения стандартного списка стран */
     options?: CountrySettings;
 } & {
-    layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
+    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/index.d.ts

@@ -5,3 +5,4 @@ export * from './FieldChat';
 export * from './AIDisclaimer';
 export * from './FieldName';
 export * from './FieldDescription';
+export * from './FieldMask';

package/dist/cjs/components/index.js

@@ -21,3 +21,4 @@ __exportStar(require("./FieldChat"), exports);
 __exportStar(require("./AIDisclaimer"), exports);
 __exportStar(require("./FieldName"), exports);
 __exportStar(require("./FieldDescription"), exports);
+__exportStar(require("./FieldMask"), exports);

package/dist/esm/components/FieldAi/FieldAi.d.ts

@@ -20,5 +20,5 @@ export declare const FieldAi: import("react").ForwardRefExoticComponent<Omit<Fie
     /** Действие для отмены секьюрности поля */
     onCancelSecure?(): void;
 } & {
-    layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
+    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
 } & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/components/FieldDescription/FieldDescription.d.ts

@@ -8,5 +8,5 @@ export declare const FieldDescription: import("react").ForwardRefExoticComponent
 } & {
     onValidationError?: (error: ValidationError | null) => void;
 } & {
-    layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
+    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
 } & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/components/FieldDescription/FieldDescriptionRHF.d.ts

@@ -7,5 +7,5 @@ export declare const FieldDescriptionRHF: import("react").ForwardRefExoticCompon
 } & {
     controllerProps: Omit<import("react-hook-form").ControllerProps<import("react-hook-form").FieldValues>, "render" | "rules" | "disabled">;
 } & {
-    layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
+    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
 } & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/components/FieldMask/FieldMask.d.ts

@@ -0,0 +1,16 @@
+import { type InputMask } from 'imask';
+import { FieldTextProps } from '@cloud-ru/uikit-product-mobile-fields';
+import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
+import { Mask } from './types';
+export type FieldMaskProps = WithLayoutType<Omit<FieldTextProps, 'value' | 'onChange' | 'inputMode'> & {
+    value?: string;
+    onChange?(value: string, mask: InputMask): void;
+    mask: Mask;
+}>;
+export declare const FieldMask: import("react").ForwardRefExoticComponent<Omit<FieldTextProps, "onChange" | "value" | "inputMode"> & {
+    value?: string;
+    onChange?(value: string, mask: InputMask): void;
+    mask: Mask;
+} & {
+    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/components/FieldMask/FieldMask.js

@@ -0,0 +1,31 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import mergeRefs from 'merge-refs';
+import { forwardRef } from 'react';
+import { useIMask } from 'react-imask';
+import { AdaptiveFieldText } from '@cloud-ru/uikit-product-mobile-fields';
+import { BASE_MASK_OPTIONS, MASK_OPTIONS } from './constants';
+export const FieldMask = forwardRef((_a, ref) => {
+    var _b;
+    var { value: valueProp, onChange, mask } = _a, props = __rest(_a, ["value", "onChange", "mask"]);
+    const maskOptions = MASK_OPTIONS[mask];
+    const { ref: maskedRef, value, setValue, } = useIMask(Object.assign(Object.assign({}, BASE_MASK_OPTIONS), maskOptions.options), {
+        defaultValue: valueProp,
+        onAccept: onChange,
+    });
+    return (_jsx(AdaptiveFieldText
+    // @ts-expect-error maskedRef type is not compatible with ref type
+    , Object.assign({ 
+        // @ts-expect-error maskedRef type is not compatible with ref type
+        ref: mergeRefs(ref, maskedRef), value: value, onChange: setValue, placeholder: maskOptions.placeholder, inputMode: (_b = maskOptions.inputMode) !== null && _b !== void 0 ? _b : 'numeric' }, props)));
+});

package/dist/esm/components/FieldMask/constants.d.ts

@@ -0,0 +1,19 @@
+import { FieldTextProps } from '@cloud-ru/uikit-product-mobile-fields';
+import { Mask } from './types';
+export declare const MASK: {
+    readonly Code: "code";
+    readonly Uuid: "uuid";
+    readonly Passport: "passport";
+    readonly Snils: "snils";
+    readonly IpV4Address: "ip-v4-address";
+    readonly IpV4AddressWithMask: "ip-v4-address-with-mask";
+};
+export declare const MASK_OPTIONS: Record<Mask, {
+    placeholder: string;
+    options: Record<string, unknown>;
+    inputMode?: FieldTextProps['inputMode'];
+}>;
+export declare const BASE_MASK_OPTIONS: {
+    readonly lazy: true;
+    readonly autofix: true;
+};

package/dist/esm/components/FieldMask/constants.js

@@ -0,0 +1,57 @@
+export const MASK = {
+    Code: 'code',
+    Uuid: 'uuid',
+    Passport: 'passport',
+    Snils: 'snils',
+    IpV4Address: 'ip-v4-address',
+    IpV4AddressWithMask: 'ip-v4-address-with-mask',
+};
+export const MASK_OPTIONS = {
+    [MASK.Uuid]: {
+        placeholder: 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX',
+        options: {
+            mask: 'hhhhhhhh-hhhh-hhhh-hhhh-hhhhhhhhhhhh',
+            placeholderChar: '_',
+            definitions: {
+                h: /[0-9a-f]/,
+            },
+        },
+        inputMode: 'numeric',
+    },
+    [MASK.Code]: {
+        placeholder: 'XXXX',
+        options: {
+            mask: '0000',
+            placeholderChar: '_',
+        },
+        inputMode: 'numeric',
+    },
+    [MASK.Passport]: {
+        placeholder: 'XXXX XXXXXX',
+        options: {
+            mask: '0000 000000',
+        },
+        inputMode: 'numeric',
+    },
+    [MASK.Snils]: {
+        placeholder: 'XXXXXX-XXX XX',
+        options: {
+            mask: '000000-000 00',
+        },
+        inputMode: 'numeric',
+    },
+    [MASK.IpV4Address]: {
+        placeholder: '___.___.___.___',
+        options: { mask: '0[00]{.}`0[00]{.}`0[00]{.}`0[00]' },
+        inputMode: 'numeric',
+    },
+    [MASK.IpV4AddressWithMask]: {
+        placeholder: '___.___.___.___/__',
+        options: { mask: '0[00]{.}`0[00]{.}`0[00]{.}`0[00]{/}`0[0]' },
+        inputMode: 'numeric',
+    },
+};
+export const BASE_MASK_OPTIONS = {
+    lazy: true,
+    autofix: true,
+};

package/dist/esm/components/FieldMask/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FieldMask';
+export { type Mask } from './types';
+export { MASK } from './constants';

package/dist/esm/components/FieldMask/index.js

@@ -0,0 +1,2 @@
+export * from './FieldMask';
+export { MASK } from './constants';

package/dist/esm/components/FieldMask/types.d.ts

@@ -0,0 +1,3 @@
+import { ValueOf } from '@snack-uikit/utils';
+import { MASK } from './constants';
+export type Mask = ValueOf<typeof MASK>;

package/dist/esm/components/FieldMask/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/FieldName/FieldName.d.ts

@@ -8,5 +8,5 @@ export declare const FieldName: import("react").ForwardRefExoticComponent<Omit<i
 } & {
     onValidationError?: (error: ValidationError | null) => void;
 } & {
-    layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
+    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/components/FieldName/FieldNameRHF.d.ts

@@ -7,5 +7,5 @@ export declare const FieldNameRHF: import("react").ForwardRefExoticComponent<Omi
 } & {
     controllerProps: Omit<import("react-hook-form").ControllerProps<import("react-hook-form").FieldValues>, "render" | "rules" | "disabled">;
 } & {
-    layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
+    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/components/FieldPhone/FieldPhone.d.ts

@@ -21,5 +21,5 @@ export declare const FieldPhone: import("react").ForwardRefExoticComponent<Omit<
     /** options — объект конфигурации для изменения стандартного списка стран */
     options?: CountrySettings;
 } & {
-    layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
+    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/components/index.d.ts

@@ -5,3 +5,4 @@ export * from './FieldChat';
 export * from './AIDisclaimer';
 export * from './FieldName';
 export * from './FieldDescription';
+export * from './FieldMask';

package/dist/esm/components/index.js

@@ -5,3 +5,4 @@ export * from './FieldChat';
 export * from './AIDisclaimer';
 export * from './FieldName';
 export * from './FieldDescription';
+export * from './FieldMask';