@cloud-ru/uikit-product-fields-predefined 0.14.1 → 0.15.1

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.15.1 (2025-12-12)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-icons@16.1.0](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/icons/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-dropdown@0.9.30](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-dropdown/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-fields@0.12.2](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-fields/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-modal@0.9.27](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-modal/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-tooltip@0.5.3](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-tooltip/CHANGELOG.md)
+
+
+
+
+
+# 0.15.0 (2025-12-11)
+
+
+### Features
+
+* **AINFR-4597:** latin symbols for password and tooltip keys animation ([a3c533f](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/a3c533f05551ad665af52a5e6788a134c6dbb7b5))
+
+
+
+
+
 ## 0.14.1 (2025-12-08)
 
 

package/README.md

@@ -80,7 +80,7 @@
 | onSubmit* | `(value: string) => void` | - | Колбек действия при отправке |
 | value | `string` | - | HTML-аттрибут value |
 | onChange | `(value: string, e?: ChangeEvent<HTMLTextAreaElement>) => void` | - | Колбек смены значения |
-| inputMode | enum InputMode: `"none"`, `"text"`, `"tel"`, `"email"`, `"search"`, `"decimal"`, `"numeric"`, `"url"` | - | Режим работы экранной клавиатуры |
+| inputMode | enum InputMode: `"search"`, `"none"`, `"text"`, `"tel"`, `"email"`, `"decimal"`, `"numeric"`, `"url"` | - | Режим работы экранной клавиатуры |
 | id | `string` | - | HTML-аттрибут id |
 | name | `string` | - | HTML-аттрибут name |
 | maxLength | `number` | - | Максимальное кол-во символов |
@@ -106,7 +106,7 @@
 | resizable | `boolean` | - | Может ли ли пользователь изменять размеры поля (если св-во не включено, поле автоматически меняет свой размер) |
 | secure | `boolean \| "password"` | - | Режим ввода sensitive данных (пароля, API ключей, токенов, etc) |
 | onResetContextClick | `() => void` | - | Действие при клике по кнопке сброса контекста |
-| ref | `LegacyRef<HTMLTextAreaElement>` | - | 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} |
+| 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` | - |  |
 ## FieldChat
 ### Props
@@ -116,7 +116,7 @@
 | handleSubmit* | `(value: string) => void` | - | Колбек действия при отправке |
 | value | `string` | - | HTML-аттрибут value |
 | onChange | `(value: string, e?: ChangeEvent<HTMLTextAreaElement>) => void` | - | Колбек смены значения |
-| inputMode | enum InputMode: `"none"`, `"text"`, `"tel"`, `"email"`, `"search"`, `"decimal"`, `"numeric"`, `"url"` | - | Режим работы экранной клавиатуры |
+| inputMode | enum InputMode: `"search"`, `"none"`, `"text"`, `"tel"`, `"email"`, `"decimal"`, `"numeric"`, `"url"` | - | Режим работы экранной клавиатуры |
 | id | `string` | - | HTML-аттрибут id |
 | name | `string` | - | HTML-аттрибут name |
 | maxLength | `number` | - | Максимальное кол-во символов |
@@ -266,7 +266,7 @@
 | customSchema | `StringSchema<string, AnyObject, undefined, "">` | - |  |
 | addButton | `boolean` | - | Поле появляется по кнопке "Добавить описание" (только для опционального поля) |
 | onValidationError | `(error: ValidationError) => void` | - | Колбэк, вызываемый при изменении ошибки валидации (только в standalone режиме) |
-| ref | `LegacyRef<HTMLTextAreaElement>` | - | 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} |
+| 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` | - |  |
 ## FieldDescriptionRHF
 Поле описание c оберткой для React Hook Form
@@ -303,7 +303,7 @@
 | resizable | `boolean` | true | Может ли ли пользователь изменять размеры поля (если св-во не включено, поле автоматически меняет свой размер) |
 | customSchema | `StringSchema<string, AnyObject, undefined, "">` | - |  |
 | addButton | `boolean` | - | Поле появляется по кнопке "Добавить описание" (только для опционального поля) |
-| ref | `LegacyRef<HTMLTextAreaElement>` | - | 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} |
+| 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` | - |  |
 
 

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

@@ -16,5 +16,5 @@ export declare const FieldAi: import("react").ForwardRefExoticComponent<Omit<Fie
     /** Действие при клике по кнопке сброса контекста */
     onResetContextClick?(): 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/FieldAi/FieldAi.js

@@ -37,22 +37,44 @@ exports.FieldAi = (0, react_1.forwardRef)((_a, ref) => {
     const { t } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
     const isTouchDevice = (0, helpers_1.isTouchDevice)(layoutType);
     const [isValueHidden, setIsValueHidden] = (0, react_1.useState)(true);
+    const [animatedValidationKey, setAnimatedValidationKey] = (0, react_1.useState)(null);
+    const timerRef = (0, react_1.useRef)(null);
     const isValueValid = typeof value === 'string' && value.trim().length > 0;
     const isPasswordMode = secure === 'password';
     const passwordValidation = (0, react_1.useMemo)(() => (0, utils_1.getValidationPassword)(value), [value]);
     const isPasswordValid = isPasswordMode ? Object.values(passwordValidation).every(Boolean) : true;
     const showPasswordError = !isPasswordValid && secure && value;
+    (0, react_1.useEffect)(() => () => {
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+        }
+    }, []);
     const handleSubmit = () => {
         if (isValueValid && isPasswordValid) {
             handleSubmitProp(value);
         }
     };
-    const handleKeyDown = e => {
+    const triggerValidationHighlight = (key) => {
+        setAnimatedValidationKey(key);
+        timerRef.current = setTimeout(() => {
+            setAnimatedValidationKey(null);
+        }, 1000);
+    };
+    const handleKeyDown = event => {
         if (isTouchDevice) {
             return;
         }
-        if (e.key === 'Enter' && !e.shiftKey) {
-            e.preventDefault();
+        if (isPasswordMode && event.key.length === 1) {
+            const isLetter = /\p{L}/u.test(event.key);
+            const isLatinLetter = /^[a-zA-Z]$/.test(event.key);
+            if (isLetter && !isLatinLetter) {
+                event.preventDefault();
+                triggerValidationHighlight('onlyLatin');
+                return;
+            }
+        }
+        if (event.key === 'Enter' && !event.shiftKey) {
+            event.preventDefault();
             if (!disabled) {
                 handleSubmit();
             }
@@ -62,5 +84,5 @@ exports.FieldAi = (0, react_1.forwardRef)((_a, ref) => {
     if (isTouchDevice && !secure) {
         return ((0, jsx_runtime_1.jsx)(MobileFieldAi_1.MobileFieldAi, Object.assign({}, props, (0, uikit_product_mobile_fields_1.getAdaptiveFieldProps)(props), { onSubmit: handleSubmit, submitEnabled: isValueValid && !disabled, ref: ref, value: value })));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className), children: [(0, jsx_runtime_1.jsx)(WithPasswordValidation_1.WithPasswordValidation, { showValidation: isPasswordMode, passwordValidation: passwordValidation, layoutType: layoutType, children: (0, jsx_runtime_1.jsx)(uikit_product_mobile_fields_1.AdaptiveFieldTextArea, Object.assign({}, props, { ref: ref, value: value, size: 'm', minRows: secure ? 1 : 2, maxRows: secure ? 1 : 4, placeholder: secure ? t('FieldAi.secret.placeholder') : t('FieldAi.regular.placeholder'), className: (0, classnames_1.default)(styles_module_scss_1.default.textarea, secure && isValueHidden ? styles_module_scss_1.default.secured : undefined), onKeyDown: handleKeyDown, spellCheck: !secure, validationState: showPasswordError ? 'error' : validationState, footer: (0, jsx_runtime_1.jsx)(TextAreaActionsFooter_1.TextAreaActionsFooter, { left: secure && ((0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 'xs', icon: isValueHidden ? (0, jsx_runtime_1.jsx)(uikit_product_icons_1.EyeSVG, {}) : (0, jsx_runtime_1.jsx)(uikit_product_icons_1.EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev) })), right: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [secure && onResetContextClick && ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { tip: t('FieldAi.resetContext.tooltip'), hoverDelayOpen: 600, children: (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, { size: 'xs', label: t('FieldAi.resetContext.label'), onClick: onResetContextClick, appearance: 'destructive' }) })), (0, jsx_runtime_1.jsx)(FieldSubmitButton_1.FieldSubmitButton, { showTooltip: !isTouchDevice, className: (0, classnames_1.default)(styles_module_scss_1.default.submitButton, isTouchDevice ? styles_module_scss_1.default.mobileSubmitButton : undefined), active: isValueValid && !disabled && isPasswordValid, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })) }), !isPasswordMode && (0, jsx_runtime_1.jsx)(AIDisclaimer_1.AIDisclaimer, { layoutType: layoutType })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className), children: [(0, jsx_runtime_1.jsx)(WithPasswordValidation_1.WithPasswordValidation, { showValidation: isPasswordMode, passwordValidation: passwordValidation, layoutType: layoutType, animatedKey: animatedValidationKey, children: (0, jsx_runtime_1.jsx)(uikit_product_mobile_fields_1.AdaptiveFieldTextArea, Object.assign({}, props, { ref: ref, value: value, size: 'm', minRows: secure ? 1 : 2, maxRows: secure ? 1 : 4, placeholder: secure ? t('FieldAi.secret.placeholder') : t('FieldAi.regular.placeholder'), className: (0, classnames_1.default)(styles_module_scss_1.default.textarea, secure && isValueHidden ? styles_module_scss_1.default.secured : undefined), onKeyDown: handleKeyDown, spellCheck: !secure, validationState: showPasswordError ? 'error' : validationState, footer: (0, jsx_runtime_1.jsx)(TextAreaActionsFooter_1.TextAreaActionsFooter, { left: secure && ((0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 'xs', icon: isValueHidden ? (0, jsx_runtime_1.jsx)(uikit_product_icons_1.EyeSVG, {}) : (0, jsx_runtime_1.jsx)(uikit_product_icons_1.EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev) })), right: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [secure && onResetContextClick && ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { tip: t('FieldAi.resetContext.tooltip'), hoverDelayOpen: 600, children: (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, { size: 'xs', label: t('FieldAi.resetContext.label'), onClick: onResetContextClick, appearance: 'destructive' }) })), (0, jsx_runtime_1.jsx)(FieldSubmitButton_1.FieldSubmitButton, { showTooltip: !isTouchDevice, className: (0, classnames_1.default)(styles_module_scss_1.default.submitButton, isTouchDevice ? styles_module_scss_1.default.mobileSubmitButton : undefined), active: isValueValid && !disabled && isPasswordValid, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })) }), !isPasswordMode && (0, jsx_runtime_1.jsx)(AIDisclaimer_1.AIDisclaimer, { layoutType: layoutType })] }));
 });

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

@@ -3,6 +3,7 @@ type CheckItemProps = WithLayoutType<{
     label: string;
     checked: boolean;
     shouldHide?: boolean;
+    animated?: boolean;
 }>;
-export declare function CheckItem({ label, checked, layoutType, shouldHide }: CheckItemProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function CheckItem({ label, checked, layoutType, shouldHide, animated }: CheckItemProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/cjs/components/FieldAi/components/CheckItem/CheckItem.js

@@ -10,7 +10,7 @@ const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
 const typography_1 = require("@snack-uikit/typography");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const CHECKED_ITEM_DISAPPEAR_TIMEOUT = 500;
-function CheckItem({ label, checked, layoutType, shouldHide = false }) {
+function CheckItem({ label, checked, layoutType, shouldHide = false, animated = false }) {
     const [visible, setVisible] = (0, react_1.useState)(checked);
     (0, react_1.useEffect)(() => {
         if (checked) {
@@ -24,5 +24,5 @@ function CheckItem({ label, checked, layoutType, shouldHide = false }) {
     if (shouldHide && !visible) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.checkItem, "data-layout-type": layoutType, children: [(0, jsx_runtime_1.jsx)(uikit_product_icons_1.CheckSVG, { size: 20, className: styles_module_scss_1.default.icon, "data-checked": checked }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, { className: styles_module_scss_1.default.label, "data-checked": checked, children: label })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.checkItem, "data-layout-type": layoutType, "data-animated": animated, children: [(0, jsx_runtime_1.jsx)(uikit_product_icons_1.CheckSVG, { size: 20, className: styles_module_scss_1.default.icon, "data-checked": checked }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, { className: styles_module_scss_1.default.label, "data-checked": checked, children: label })] }));
 }

package/dist/cjs/components/FieldAi/components/CheckItem/styles.module.css

@@ -1,3 +1,14 @@
+@keyframes shake{
+  0%, 100%{
+    transform:translateX(0);
+  }
+  10%, 30%, 50%, 70%, 90%{
+    transform:translateX(-4px);
+  }
+  20%, 40%, 60%, 80%{
+    transform:translateX(4px);
+  }
+}
 .checkItem{
   display:inline-flex;
   gap:10px;
@@ -5,6 +16,9 @@
 .checkItem[data-layout-type=mobile], .checkItem[data-layout-type=tablet]{
   gap:8px;
 }
+.checkItem[data-animated=true]{
+  animation:shake 0.5s ease-in-out;
+}
 
 .icon{
   flex-shrink:0;

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

@@ -1,6 +1,7 @@
 import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
-import { ValidationPassword } from '../../utils';
+import { ValidationPassword, ValidationPasswordKey } from '../../utils';
 export type WithPasswordTooltipProps = WithLayoutType<{
     passwordValidation: ValidationPassword;
+    animatedKey?: ValidationPasswordKey | null;
 }>;
-export declare function PasswordValidation({ passwordValidation, layoutType }: WithPasswordTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function PasswordValidation({ passwordValidation, layoutType, animatedKey }: WithPasswordTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/FieldAi/components/PasswordValidation/PasswordValidation.js

@@ -10,7 +10,7 @@ const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
 const helpers_1 = require("../../../../helpers");
 const CheckItem_1 = require("../CheckItem");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-function PasswordValidation({ passwordValidation, layoutType }) {
+function PasswordValidation({ passwordValidation, layoutType, animatedKey }) {
     const { t } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
     const allCriteriaMet = (0, react_1.useMemo)(() => Object.values(passwordValidation).every(item => item), [passwordValidation]);
     const isTouchDevice = (0, helpers_1.isTouchDevice)(layoutType);
@@ -19,5 +19,5 @@ function PasswordValidation({ passwordValidation, layoutType }) {
             return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.validationItemsContainer, "data-layout-type": layoutType, children: (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: true, label: t('FieldAi.secret.passwordTooltip.titleSuccess'), layoutType: layoutType, shouldHide: false }) }));
         }
     }
-    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.validationItemsContainer, "data-layout-type": layoutType, children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.validationList, children: [(0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.minLength, label: t('FieldAi.secret.passwordTooltip.minLength'), layoutType: layoutType, shouldHide: isTouchDevice }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.onlyLatin, label: t('FieldAi.secret.passwordTooltip.onlyLatin'), layoutType: layoutType, shouldHide: isTouchDevice }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.hasLetterCases, label: t('FieldAi.secret.passwordTooltip.hasLetterCases'), layoutType: layoutType, shouldHide: isTouchDevice }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.hasNumber, label: t('FieldAi.secret.passwordTooltip.hasNumber'), layoutType: layoutType, shouldHide: isTouchDevice }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.hasSymbol, label: t('FieldAi.secret.passwordTooltip.hasSymbol'), layoutType: layoutType, shouldHide: isTouchDevice }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.noSpaces, label: t('FieldAi.secret.passwordTooltip.noSpaces'), layoutType: layoutType, shouldHide: isTouchDevice })] }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.validationItemsContainer, "data-layout-type": layoutType, children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.validationList, children: [(0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.minLength, label: t('FieldAi.secret.passwordTooltip.minLength'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'minLength' }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.onlyLatin, label: t('FieldAi.secret.passwordTooltip.onlyLatin'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'onlyLatin' }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.hasLetterCases, label: t('FieldAi.secret.passwordTooltip.hasLetterCases'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasLetterCases' }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.hasNumber, label: t('FieldAi.secret.passwordTooltip.hasNumber'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasNumber' }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.hasSymbol, label: t('FieldAi.secret.passwordTooltip.hasSymbol'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasSymbol' }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.noSpaces, label: t('FieldAi.secret.passwordTooltip.noSpaces'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'noSpaces' })] }) }));
 }

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

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
 import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
-import { ValidationPassword } from '../../utils';
+import { ValidationPassword, ValidationPasswordKey } from '../../utils';
 export type WithPasswordTooltipProps = WithLayoutType<{
     showValidation?: boolean;
     children: ReactNode;
     passwordValidation: ValidationPassword;
+    animatedKey?: ValidationPasswordKey | null;
 }>;
-export declare function WithPasswordValidation({ showValidation, passwordValidation, layoutType, children, }: WithPasswordTooltipProps): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
+export declare function WithPasswordValidation({ showValidation, passwordValidation, layoutType, children, animatedKey, }: WithPasswordTooltipProps): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;

package/dist/cjs/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.js

@@ -9,15 +9,15 @@ const uikit_product_mobile_tooltip_1 = require("@cloud-ru/uikit-product-mobile-t
 const helpers_1 = require("../../../../helpers");
 const PasswordValidation_1 = require("../PasswordValidation");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-function WithPasswordValidation({ showValidation, passwordValidation, layoutType, children, }) {
+function WithPasswordValidation({ showValidation, passwordValidation, layoutType, children, animatedKey, }) {
     if ((0, helpers_1.isTouchDevice)(layoutType)) {
         if (showValidation) {
-            return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.validationContainer, children: [(0, jsx_runtime_1.jsx)(PasswordValidation_1.PasswordValidation, { passwordValidation: passwordValidation, layoutType: layoutType }), children] }));
+            return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.validationContainer, children: [(0, jsx_runtime_1.jsx)(PasswordValidation_1.PasswordValidation, { passwordValidation: passwordValidation, layoutType: layoutType, animatedKey: animatedKey }), children] }));
         }
         return children;
     }
     if (showValidation) {
-        return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_tooltip_1.AdaptiveTooltip, { placement: 'left-end', layoutType: layoutType, tip: (0, jsx_runtime_1.jsx)(PasswordValidation_1.PasswordValidation, { passwordValidation: passwordValidation, layoutType: layoutType }), offset: 8, children: children }));
+        return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_tooltip_1.AdaptiveTooltip, { placement: 'left-end', layoutType: layoutType, tip: (0, jsx_runtime_1.jsx)(PasswordValidation_1.PasswordValidation, { passwordValidation: passwordValidation, layoutType: layoutType, animatedKey: animatedKey }), offset: 8, children: children }));
     }
     return children;
 }

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

@@ -6,4 +6,5 @@ export type ValidationPassword = {
     hasSymbol: boolean;
     noSpaces: boolean;
 };
+export type ValidationPasswordKey = keyof ValidationPassword;
 export declare const getValidationPassword: (password?: string) => ValidationPassword;

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/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/esm/components/FieldAi/FieldAi.d.ts

@@ -16,5 +16,5 @@ export declare const FieldAi: import("react").ForwardRefExoticComponent<Omit<Fie
     /** Действие при клике по кнопке сброса контекста */
     onResetContextClick?(): 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/FieldAi/FieldAi.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import cn from 'classnames';
-import { forwardRef, useMemo, useState } from 'react';
+import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
 import { EyeClosedSVG, EyeSVG } from '@cloud-ru/uikit-product-icons';
 import { useLocale } from '@cloud-ru/uikit-product-locale';
 import { AdaptiveFieldTextArea, getAdaptiveFieldProps, } from '@cloud-ru/uikit-product-mobile-fields';
@@ -31,22 +31,44 @@ export const FieldAi = forwardRef((_a, ref) => {
     const { t } = useLocale('FieldsPredefined');
     const isTouchDevice = isTouchDeviceHelper(layoutType);
     const [isValueHidden, setIsValueHidden] = useState(true);
+    const [animatedValidationKey, setAnimatedValidationKey] = useState(null);
+    const timerRef = useRef(null);
     const isValueValid = typeof value === 'string' && value.trim().length > 0;
     const isPasswordMode = secure === 'password';
     const passwordValidation = useMemo(() => getValidationPassword(value), [value]);
     const isPasswordValid = isPasswordMode ? Object.values(passwordValidation).every(Boolean) : true;
     const showPasswordError = !isPasswordValid && secure && value;
+    useEffect(() => () => {
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+        }
+    }, []);
     const handleSubmit = () => {
         if (isValueValid && isPasswordValid) {
             handleSubmitProp(value);
         }
     };
-    const handleKeyDown = e => {
+    const triggerValidationHighlight = (key) => {
+        setAnimatedValidationKey(key);
+        timerRef.current = setTimeout(() => {
+            setAnimatedValidationKey(null);
+        }, 1000);
+    };
+    const handleKeyDown = event => {
         if (isTouchDevice) {
             return;
         }
-        if (e.key === 'Enter' && !e.shiftKey) {
-            e.preventDefault();
+        if (isPasswordMode && event.key.length === 1) {
+            const isLetter = /\p{L}/u.test(event.key);
+            const isLatinLetter = /^[a-zA-Z]$/.test(event.key);
+            if (isLetter && !isLatinLetter) {
+                event.preventDefault();
+                triggerValidationHighlight('onlyLatin');
+                return;
+            }
+        }
+        if (event.key === 'Enter' && !event.shiftKey) {
+            event.preventDefault();
             if (!disabled) {
                 handleSubmit();
             }
@@ -56,5 +78,5 @@ export const FieldAi = forwardRef((_a, ref) => {
     if (isTouchDevice && !secure) {
         return (_jsx(MobileFieldAi, Object.assign({}, props, getAdaptiveFieldProps(props), { onSubmit: handleSubmit, submitEnabled: isValueValid && !disabled, ref: ref, value: value })));
     }
-    return (_jsxs("div", { className: cn(styles.wrapper, className), children: [_jsx(WithPasswordValidation, { showValidation: isPasswordMode, passwordValidation: passwordValidation, layoutType: layoutType, children: _jsx(AdaptiveFieldTextArea, Object.assign({}, props, { ref: ref, value: value, size: 'm', minRows: secure ? 1 : 2, maxRows: secure ? 1 : 4, placeholder: secure ? t('FieldAi.secret.placeholder') : t('FieldAi.regular.placeholder'), className: cn(styles.textarea, secure && isValueHidden ? styles.secured : undefined), onKeyDown: handleKeyDown, spellCheck: !secure, validationState: showPasswordError ? 'error' : validationState, footer: _jsx(TextAreaActionsFooter, { left: secure && (_jsx(ButtonFunction, { size: 'xs', icon: isValueHidden ? _jsx(EyeSVG, {}) : _jsx(EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev) })), right: _jsxs(_Fragment, { children: [secure && onResetContextClick && (_jsx(Tooltip, { tip: t('FieldAi.resetContext.tooltip'), hoverDelayOpen: 600, children: _jsx(ButtonOutline, { size: 'xs', label: t('FieldAi.resetContext.label'), onClick: onResetContextClick, appearance: 'destructive' }) })), _jsx(FieldSubmitButton, { showTooltip: !isTouchDevice, className: cn(styles.submitButton, isTouchDevice ? styles.mobileSubmitButton : undefined), active: isValueValid && !disabled && isPasswordValid, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })) }), !isPasswordMode && _jsx(AIDisclaimer, { layoutType: layoutType })] }));
+    return (_jsxs("div", { className: cn(styles.wrapper, className), children: [_jsx(WithPasswordValidation, { showValidation: isPasswordMode, passwordValidation: passwordValidation, layoutType: layoutType, animatedKey: animatedValidationKey, children: _jsx(AdaptiveFieldTextArea, Object.assign({}, props, { ref: ref, value: value, size: 'm', minRows: secure ? 1 : 2, maxRows: secure ? 1 : 4, placeholder: secure ? t('FieldAi.secret.placeholder') : t('FieldAi.regular.placeholder'), className: cn(styles.textarea, secure && isValueHidden ? styles.secured : undefined), onKeyDown: handleKeyDown, spellCheck: !secure, validationState: showPasswordError ? 'error' : validationState, footer: _jsx(TextAreaActionsFooter, { left: secure && (_jsx(ButtonFunction, { size: 'xs', icon: isValueHidden ? _jsx(EyeSVG, {}) : _jsx(EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev) })), right: _jsxs(_Fragment, { children: [secure && onResetContextClick && (_jsx(Tooltip, { tip: t('FieldAi.resetContext.tooltip'), hoverDelayOpen: 600, children: _jsx(ButtonOutline, { size: 'xs', label: t('FieldAi.resetContext.label'), onClick: onResetContextClick, appearance: 'destructive' }) })), _jsx(FieldSubmitButton, { showTooltip: !isTouchDevice, className: cn(styles.submitButton, isTouchDevice ? styles.mobileSubmitButton : undefined), active: isValueValid && !disabled && isPasswordValid, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })) }), !isPasswordMode && _jsx(AIDisclaimer, { layoutType: layoutType })] }));
 });

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

@@ -3,6 +3,7 @@ type CheckItemProps = WithLayoutType<{
     label: string;
     checked: boolean;
     shouldHide?: boolean;
+    animated?: boolean;
 }>;
-export declare function CheckItem({ label, checked, layoutType, shouldHide }: CheckItemProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function CheckItem({ label, checked, layoutType, shouldHide, animated }: CheckItemProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/esm/components/FieldAi/components/CheckItem/CheckItem.js

@@ -4,7 +4,7 @@ import { CheckSVG } from '@cloud-ru/uikit-product-icons';
 import { Typography } from '@snack-uikit/typography';
 import styles from './styles.module.css';
 const CHECKED_ITEM_DISAPPEAR_TIMEOUT = 500;
-export function CheckItem({ label, checked, layoutType, shouldHide = false }) {
+export function CheckItem({ label, checked, layoutType, shouldHide = false, animated = false }) {
     const [visible, setVisible] = useState(checked);
     useEffect(() => {
         if (checked) {
@@ -18,5 +18,5 @@ export function CheckItem({ label, checked, layoutType, shouldHide = false }) {
     if (shouldHide && !visible) {
         return null;
     }
-    return (_jsxs("div", { className: styles.checkItem, "data-layout-type": layoutType, children: [_jsx(CheckSVG, { size: 20, className: styles.icon, "data-checked": checked }), _jsx(Typography.SansBodyM, { className: styles.label, "data-checked": checked, children: label })] }));
+    return (_jsxs("div", { className: styles.checkItem, "data-layout-type": layoutType, "data-animated": animated, children: [_jsx(CheckSVG, { size: 20, className: styles.icon, "data-checked": checked }), _jsx(Typography.SansBodyM, { className: styles.label, "data-checked": checked, children: label })] }));
 }

package/dist/esm/components/FieldAi/components/CheckItem/styles.module.css

@@ -1,3 +1,14 @@
+@keyframes shake{
+  0%, 100%{
+    transform:translateX(0);
+  }
+  10%, 30%, 50%, 70%, 90%{
+    transform:translateX(-4px);
+  }
+  20%, 40%, 60%, 80%{
+    transform:translateX(4px);
+  }
+}
 .checkItem{
   display:inline-flex;
   gap:10px;
@@ -5,6 +16,9 @@
 .checkItem[data-layout-type=mobile], .checkItem[data-layout-type=tablet]{
   gap:8px;
 }
+.checkItem[data-animated=true]{
+  animation:shake 0.5s ease-in-out;
+}
 
 .icon{
   flex-shrink:0;

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

@@ -1,6 +1,7 @@
 import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
-import { ValidationPassword } from '../../utils';
+import { ValidationPassword, ValidationPasswordKey } from '../../utils';
 export type WithPasswordTooltipProps = WithLayoutType<{
     passwordValidation: ValidationPassword;
+    animatedKey?: ValidationPasswordKey | null;
 }>;
-export declare function PasswordValidation({ passwordValidation, layoutType }: WithPasswordTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function PasswordValidation({ passwordValidation, layoutType, animatedKey }: WithPasswordTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/FieldAi/components/PasswordValidation/PasswordValidation.js

@@ -4,7 +4,7 @@ import { useLocale } from '@cloud-ru/uikit-product-locale';
 import { isTouchDevice as isTouchDeviceHelper } from '../../../../helpers';
 import { CheckItem } from '../CheckItem';
 import styles from './styles.module.css';
-export function PasswordValidation({ passwordValidation, layoutType }) {
+export function PasswordValidation({ passwordValidation, layoutType, animatedKey }) {
     const { t } = useLocale('FieldsPredefined');
     const allCriteriaMet = useMemo(() => Object.values(passwordValidation).every(item => item), [passwordValidation]);
     const isTouchDevice = isTouchDeviceHelper(layoutType);
@@ -13,5 +13,5 @@ export function PasswordValidation({ passwordValidation, layoutType }) {
             return (_jsx("div", { className: styles.validationItemsContainer, "data-layout-type": layoutType, children: _jsx(CheckItem, { checked: true, label: t('FieldAi.secret.passwordTooltip.titleSuccess'), layoutType: layoutType, shouldHide: false }) }));
         }
     }
-    return (_jsx("div", { className: styles.validationItemsContainer, "data-layout-type": layoutType, children: _jsxs("div", { className: styles.validationList, children: [_jsx(CheckItem, { checked: passwordValidation.minLength, label: t('FieldAi.secret.passwordTooltip.minLength'), layoutType: layoutType, shouldHide: isTouchDevice }), _jsx(CheckItem, { checked: passwordValidation.onlyLatin, label: t('FieldAi.secret.passwordTooltip.onlyLatin'), layoutType: layoutType, shouldHide: isTouchDevice }), _jsx(CheckItem, { checked: passwordValidation.hasLetterCases, label: t('FieldAi.secret.passwordTooltip.hasLetterCases'), layoutType: layoutType, shouldHide: isTouchDevice }), _jsx(CheckItem, { checked: passwordValidation.hasNumber, label: t('FieldAi.secret.passwordTooltip.hasNumber'), layoutType: layoutType, shouldHide: isTouchDevice }), _jsx(CheckItem, { checked: passwordValidation.hasSymbol, label: t('FieldAi.secret.passwordTooltip.hasSymbol'), layoutType: layoutType, shouldHide: isTouchDevice }), _jsx(CheckItem, { checked: passwordValidation.noSpaces, label: t('FieldAi.secret.passwordTooltip.noSpaces'), layoutType: layoutType, shouldHide: isTouchDevice })] }) }));
+    return (_jsx("div", { className: styles.validationItemsContainer, "data-layout-type": layoutType, children: _jsxs("div", { className: styles.validationList, children: [_jsx(CheckItem, { checked: passwordValidation.minLength, label: t('FieldAi.secret.passwordTooltip.minLength'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'minLength' }), _jsx(CheckItem, { checked: passwordValidation.onlyLatin, label: t('FieldAi.secret.passwordTooltip.onlyLatin'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'onlyLatin' }), _jsx(CheckItem, { checked: passwordValidation.hasLetterCases, label: t('FieldAi.secret.passwordTooltip.hasLetterCases'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasLetterCases' }), _jsx(CheckItem, { checked: passwordValidation.hasNumber, label: t('FieldAi.secret.passwordTooltip.hasNumber'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasNumber' }), _jsx(CheckItem, { checked: passwordValidation.hasSymbol, label: t('FieldAi.secret.passwordTooltip.hasSymbol'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasSymbol' }), _jsx(CheckItem, { checked: passwordValidation.noSpaces, label: t('FieldAi.secret.passwordTooltip.noSpaces'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'noSpaces' })] }) }));
 }

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

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
 import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
-import { ValidationPassword } from '../../utils';
+import { ValidationPassword, ValidationPasswordKey } from '../../utils';
 export type WithPasswordTooltipProps = WithLayoutType<{
     showValidation?: boolean;
     children: ReactNode;
     passwordValidation: ValidationPassword;
+    animatedKey?: ValidationPasswordKey | null;
 }>;
-export declare function WithPasswordValidation({ showValidation, passwordValidation, layoutType, children, }: WithPasswordTooltipProps): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
+export declare function WithPasswordValidation({ showValidation, passwordValidation, layoutType, children, animatedKey, }: WithPasswordTooltipProps): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;

package/dist/esm/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.js

@@ -3,15 +3,15 @@ import { AdaptiveTooltip } from '@cloud-ru/uikit-product-mobile-tooltip';
 import { isTouchDevice } from '../../../../helpers';
 import { PasswordValidation } from '../PasswordValidation';
 import styles from './styles.module.css';
-export function WithPasswordValidation({ showValidation, passwordValidation, layoutType, children, }) {
+export function WithPasswordValidation({ showValidation, passwordValidation, layoutType, children, animatedKey, }) {
     if (isTouchDevice(layoutType)) {
         if (showValidation) {
-            return (_jsxs("div", { className: styles.validationContainer, children: [_jsx(PasswordValidation, { passwordValidation: passwordValidation, layoutType: layoutType }), children] }));
+            return (_jsxs("div", { className: styles.validationContainer, children: [_jsx(PasswordValidation, { passwordValidation: passwordValidation, layoutType: layoutType, animatedKey: animatedKey }), children] }));
         }
         return children;
     }
     if (showValidation) {
-        return (_jsx(AdaptiveTooltip, { placement: 'left-end', layoutType: layoutType, tip: _jsx(PasswordValidation, { passwordValidation: passwordValidation, layoutType: layoutType }), offset: 8, children: children }));
+        return (_jsx(AdaptiveTooltip, { placement: 'left-end', layoutType: layoutType, tip: _jsx(PasswordValidation, { passwordValidation: passwordValidation, layoutType: layoutType, animatedKey: animatedKey }), offset: 8, children: children }));
     }
     return children;
 }

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

@@ -6,4 +6,5 @@ export type ValidationPassword = {
     hasSymbol: boolean;
     noSpaces: boolean;
 };
+export type ValidationPasswordKey = keyof ValidationPassword;
 export declare const getValidationPassword: (password?: string) => ValidationPassword;

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/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>>;