@sberbusiness/triplex-next 1.46.0 → 1.48.0

package/components/Dropdown/mobile/DropdownMobile.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useEffect } from "react";
 import { OverlayBase, EOverlayDirection } from "../../Overlay/OverlayBase.js";
 import { DropdownMobileInner } from "./DropdownMobileInner.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-B-PviyH6.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-TkQoE9iE.js";
 const dropdownMobileBodyOverflowClassName = styles.dropdownMobileBodyOverflow;
 const DropdownMobile = React__default.forwardRef(
   ({ children, opened, setOpened, ...htmlAttributes }, ref) => {
@@ -20,7 +20,7 @@ const DropdownMobile = React__default.forwardRef(
         ...props,
         ...htmlAttributes,
         ref,
-        "data-tx": "1.46.0",
+        "data-tx": "1.48.0",
         children
       }
     ) });

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-B-PviyH6.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-TkQoE9iE.js";
 const DropdownMobileBody = React__default.forwardRef(
   ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileContent, className), ref, ...htmlAttributes, children })
 );

package/components/Dropdown/mobile/DropdownMobileClose.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-B-PviyH6.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-TkQoE9iE.js";
 const DropdownMobileClose = React__default.forwardRef(
   ({ className, ...buttonIconProps }, ref) => /* @__PURE__ */ jsx(ButtonIcon, { className: clsx(styles.dropdownMobileClose, className), ref, ...buttonIconProps, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) })
 );

package/components/Dropdown/mobile/DropdownMobileFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-B-PviyH6.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-TkQoE9iE.js";
 const DropdownMobileFooter = React__default.forwardRef(
   ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileFooter, className), ref, ...htmlAttributes, children })
 );

package/components/Dropdown/mobile/DropdownMobileHeader.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-B-PviyH6.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-TkQoE9iE.js";
 const DropdownMobileHeader = React__default.forwardRef(
   ({ children, className, controlButtons, ...htmlAttributes }, ref) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.dropdownMobileHeader, className), ref, ...htmlAttributes, children: [
     /* @__PURE__ */ jsx("div", { className: styles.dropdownMobileHeaderContent, children }),

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-B-PviyH6.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-TkQoE9iE.js";
 const DropdownMobileInner = React__default.forwardRef(
   ({
     children,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-const dropdownMobileInput = "dropdownMobileInput__1e8a7a23";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const dropdownMobileInput = "dropdownMobileInput__6db8a841";
 const styles = {
   dropdownMobileInput
 };

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -5,8 +5,8 @@ import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem } from "./DropdownMobileListItem.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-B-PviyH6.js";
-import { u as uniqueId } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-TkQoE9iE.js";
+import { u as uniqueId } from "../../../chunks/vendor-CUIykw0y.js";
 const DropdownMobileList = React__default.forwardRef(
   ({ children, className, loading, ...htmlAttributes }, ref) => {
     const [loaderId] = useState(() => uniqueId());

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { Text } from "../../Typography/Text.js";
 import { ETextSize } from "../../Typography/enums.js";
 import { Badge } from "../../Badge/Badge.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-B-PviyH6.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-TkQoE9iE.js";
 const DropdownMobileListItem = React__default.forwardRef(
   ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...htmlAttributes }, ref) => {
     const handleClick = (event) => {

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-B-PviyH6.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-TkQoE9iE.js";
 const DropdownMobileLoader = ({ className, ...restProps }) => /* @__PURE__ */ jsx(
   LoaderSmall,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldMaskedInput } from "../../FormField/components/FormFieldMaskedInput.js";
-const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__3e358131";
+const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__7a787206";
 const styles = {
   dropdownMobileMaskedInput
 };

package/components/Ellipsis/Ellipsis.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
-const ellipsisLineClamp = "ellipsisLineClamp__307b8352";
-const oneLine = "oneLine__69a211bb";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const ellipsisLineClamp = "ellipsisLineClamp__d3b9f0e4";
+const oneLine = "oneLine__e61c314d";
 const styles = {
   ellipsisLineClamp,
   oneLine
@@ -16,7 +16,7 @@ const Ellipsis = React__default.forwardRef(
         className: classNames,
         style: { "--ellipsis-line-clamp": maxLines },
         ...rest,
-        "data-tx": "1.46.0",
+        "data-tx": "1.48.0",
         ref,
         children
       }

package/components/EmptyView/EmptyView.js

@@ -1,15 +1,15 @@
 import { EEmptyViewSize } from "./enums.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { Title } from "../Typography/Title.js";
 import { ETextSize, EFontWeightTitle, ETitleSize, EFontType, EFontWeightText } from "../Typography/enums.js";
 import { Text } from "../Typography/Text.js";
 import { Gap } from "../Gap/Gap.js";
-const emptyView = "emptyView__10a9f9eb";
-const container = "container__24b74ce0";
-const icon = "icon__67a90893";
-const textBlock = "textBlock__a38aef88";
+const emptyView = "emptyView__fe2244b5";
+const container = "container__1f451a8a";
+const icon = "icon__26c02a85";
+const textBlock = "textBlock__76644a08";
 const styles = {
   emptyView,
   container,

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef } from "react";
-import { A as Transition, c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
-const expandAnimation = "expandAnimation__8856e5c1";
+import { z as Transition, c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const expandAnimation = "expandAnimation__d7011ed5";
 const styles = {
   expandAnimation
 };

package/components/FocusTrapExtended/FocusTrapExtended.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef } from "react";
-import { j as focusTrapReactExports } from "../../chunks/vendor-DqjKLGwf.js";
+import { j as focusTrapReactExports } from "../../chunks/vendor-CUIykw0y.js";
 const FocusTrapExtended = ({
   paused: externalPaused,
   focusTrapOptions,

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const Footer = Object.assign(
   React__default.forwardRef(function Footer2({ children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.46.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.48.0", ref, children });
   }),
   {
     Description: FooterDescription

package/components/Footer/components/FooterDescription.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { FooterDescriptionContent } from "./FooterDescriptionContent.js";
 import { FooterDescriptionControls } from "./FooterDescriptionControls.js";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../chunks/Footer.module-ib3e66nH.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/Footer.module-C4IbSGY2.js";
 const FooterDescription = Object.assign(
   React__default.forwardRef(function FooterDescription2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescription, className), ...rest, ref, children });

package/components/Footer/components/FooterDescriptionContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../chunks/Footer.module-ib3e66nH.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/Footer.module-C4IbSGY2.js";
 const FooterDescriptionContent = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescriptionContent, className), ...rest, ref, children })
 );

package/components/Footer/components/FooterDescriptionControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../chunks/Footer.module-ib3e66nH.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/Footer.module-C4IbSGY2.js";
 const FooterDescriptionControls = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescriptionControls, className), ...rest, ref, children })
 );

package/components/FormField/FormField.js

@@ -1,26 +1,26 @@
 import { jsx } from "react/jsx-runtime";
-import React__default, { useState, useMemo } from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import React__default, { useState, useLayoutEffect, useMemo } from "react";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT } from "./consts.js";
 import { EFormFieldStatus } from "./enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const formField = "formField__db74a904";
-const sm = "sm__605a47be";
-const md = "md__74648f14";
-const lg = "lg__6efd7007";
-const active = "active__6a062907";
-const disabled = "disabled__fdcce94a";
-const error = "error__bbfbea2f";
-const warning = "warning__d4a50865";
-const filled = "filled__e502bbfd";
+const formField = "formField__bf804e8b";
+const sm = "sm__172bd22c";
+const md = "md__bcb83396";
+const lg = "lg__f45a68dc";
+const active = "active__c61b921c";
+const disabled = "disabled__60bbf7be";
+const error = "error__cf125f8f";
+const warning = "warning__5fe2ecc0";
+const filled = "filled__c6e5ca57";
 const styles = {
   formField,
   sm,
   md,
   lg,
-  "default": "default__7739e44d",
+  "default": "default__126b5490",
   active,
   disabled,
   error,
@@ -50,6 +50,11 @@ const FormField = React__default.forwardRef(
     const [prefixWidth, setPrefixWidth] = useState(TARGET_PADDING_X_DEFAULT);
     const [filled2, setFilled] = useState(false);
     const [focused, setFocused] = useState(false);
+    useLayoutEffect(() => {
+      if (status === EFormFieldStatus.DISABLED) {
+        setFocused(false);
+      }
+    }, [status]);
     const isActive = active2 || focused;
     const contextValue = useMemo(
       () => ({
@@ -84,7 +89,7 @@ const FormField = React__default.forwardRef(
           },
           className
         ),
-        "data-tx": "1.46.0",
+        "data-tx": "1.48.0",
         style: { paddingLeft: prefixWidth, paddingRight: postfixWidth, ...style },
         ...htmlDivAttributes,
         ref,

package/components/FormField/FormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.js","sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["import React, { useState, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { FormFieldContext, IFormFieldContext } from \"./FormFieldContext\";\nimport { TARGET_PADDING_X_DEFAULT } from \"./consts\";\nimport { EFormFieldStatus } from \"./enums\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { DataAttributes } from \"../../types/CoreTypes\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport styles from \"./styles/FormField.module.less\";\n\n/** Свойства компонента FormField. */\nexport interface IFormFieldProps extends React.HTMLAttributes<HTMLDivElement>, DataAttributes {\n    /** Визуальное состояние поля. Значение DISABLED блокирует вложенные элементы ввода. По умолчанию EFormFieldStatus.DEFAULT. */\n    status?: EFormFieldStatus;\n    /** Размер поля. Прокидывается вложенным элементам через контекст. По умолчанию EComponentSize.LG. */\n    size?: EComponentSize;\n    /** Принудительно активное состояние. Поле также становится активным, когда вложенный элемент ввода в фокусе. По умолчанию false. */\n    active?: boolean;\n}\n\n/** Соответствие статуса имени класса. */\nconst STATUS_TO_CLASS_NAME_MAP = {\n    [EFormFieldStatus.DEFAULT]: styles.default,\n    [EFormFieldStatus.DISABLED]: styles.disabled,\n    [EFormFieldStatus.ERROR]: styles.error,\n    [EFormFieldStatus.WARNING]: styles.warning,\n};\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Элемент, отображающий input/select/textarea + label.\n *\n * Является провайдером FormFieldContext: размер, статус и состояния поля (фокус, заполненность,\n * идентификаторы элемента ввода и лейбла, ширины префикса и постфикса) распространяются\n * на вложенные FormFieldLabel / FormFieldInput / FormFieldTarget и другие субкомпоненты.\n */\nexport const FormField = React.forwardRef<HTMLDivElement, IFormFieldProps>(\n    (\n        {\n            children,\n            className,\n            style,\n            size = EComponentSize.LG,\n            status = EFormFieldStatus.DEFAULT,\n            active = false,\n            ...htmlDivAttributes\n        },\n        ref,\n    ) => {\n        const [targetId, setTargetId] = useState<string>();\n        const [labelId, setLabelId] = useState<string>();\n        const [postfixWidth, setPostfixWidth] = useState(TARGET_PADDING_X_DEFAULT);\n        const [prefixWidth, setPrefixWidth] = useState(TARGET_PADDING_X_DEFAULT);\n        const [filled, setFilled] = useState(false);\n        const [focused, setFocused] = useState(false);\n\n        // Поле активно, если активность задана снаружи или вложенный элемент ввода в фокусе.\n        const isActive = active || focused;\n\n        const contextValue = useMemo<IFormFieldContext>(\n            () => ({\n                size,\n                status,\n                targetId,\n                labelId,\n                postfixWidth,\n                prefixWidth,\n                filled,\n                focused,\n                active: isActive,\n                setTargetId,\n                setLabelId,\n                setPostfixWidth,\n                setPrefixWidth,\n                setFilled,\n                setFocused,\n            }),\n            [size, status, targetId, labelId, postfixWidth, prefixWidth, filled, focused, isActive],\n        );\n\n        return (\n            <FormFieldContext.Provider value={contextValue}>\n                <div\n                    className={clsx(\n                        styles.formField,\n                        SIZE_TO_CLASS_NAME_MAP[size],\n                        STATUS_TO_CLASS_NAME_MAP[status],\n                        {\n                            [styles.filled]: filled,\n                            [styles.active]: isActive,\n                        },\n                        className,\n                    )}\n                    data-tx={process.env.npm_package_version}\n                    style={{ paddingLeft: prefixWidth, paddingRight: postfixWidth, ...style }}\n                    {...htmlDivAttributes}\n                    ref={ref}\n                >\n                    {children}\n                </div>\n            </FormFieldContext.Provider>\n        );\n    },\n);\n\nFormField.displayName = \"FormField\";\n"],"names":["React","active","filled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,2BAA2B;AAAA,EAC7B,CAAC,iBAAiB,OAAO,GAAG,OAAO;AAAA,EACnC,CAAC,iBAAiB,QAAQ,GAAG,OAAO;AAAA,EACpC,CAAC,iBAAiB,KAAK,GAAG,OAAO;AAAA,EACjC,CAAC,iBAAiB,OAAO,GAAG,OAAO;AACvC;AAGA,MAAM,yBAAyB,yBAAyB,MAAM;AASvD,MAAM,YAAYA,eAAM;AAAA,EAC3B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,SAAS,iBAAiB;AAAA,IAC1B,QAAAC,UAAS;AAAA,IACT,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,UAAU,WAAW,IAAI,SAAA;AAChC,UAAM,CAAC,SAAS,UAAU,IAAI,SAAA;AAC9B,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,wBAAwB;AACzE,UAAM,CAAC,aAAa,cAAc,IAAI,SAAS,wBAAwB;AACvE,UAAM,CAACC,SAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAG5C,UAAM,WAAWD,WAAU;AAE3B,UAAM,eAAe;AAAA,MACjB,OAAO;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAAC;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEJ,CAAC,MAAM,QAAQ,UAAU,SAAS,cAAc,aAAaA,SAAQ,SAAS,QAAQ;AAAA,IAAA;AAG1F,+BACK,iBAAiB,UAAjB,EAA0B,OAAO,cAC9B,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP,OAAO;AAAA,UACP,uBAAuB,IAAI;AAAA,UAC3B,yBAAyB,MAAM;AAAA,UAC/B;AAAA,YACI,CAAC,OAAO,MAAM,GAAGA;AAAA,YACjB,CAAC,OAAO,MAAM,GAAG;AAAA,UAAA;AAAA,UAErB;AAAA,QAAA;AAAA,QAEJ,WAAS;AAAA,QACT,OAAO,EAAE,aAAa,aAAa,cAAc,cAAc,GAAG,MAAA;AAAA,QACjE,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AACJ;AAEA,UAAU,cAAc;"}
+{"version":3,"file":"FormField.js","sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["import React, { useState, useMemo, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { FormFieldContext, IFormFieldContext } from \"./FormFieldContext\";\nimport { TARGET_PADDING_X_DEFAULT } from \"./consts\";\nimport { EFormFieldStatus } from \"./enums\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { DataAttributes } from \"../../types/CoreTypes\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport styles from \"./styles/FormField.module.less\";\n\n/** Свойства компонента FormField. */\nexport interface IFormFieldProps extends React.HTMLAttributes<HTMLDivElement>, DataAttributes {\n    /** Визуальное состояние поля. Значение DISABLED блокирует вложенные элементы ввода. По умолчанию EFormFieldStatus.DEFAULT. */\n    status?: EFormFieldStatus;\n    /** Размер поля. Прокидывается вложенным элементам через контекст. По умолчанию EComponentSize.LG. */\n    size?: EComponentSize;\n    /** Принудительно активное состояние. Поле также становится активным, когда вложенный элемент ввода в фокусе. По умолчанию false. */\n    active?: boolean;\n}\n\n/** Соответствие статуса имени класса. */\nconst STATUS_TO_CLASS_NAME_MAP = {\n    [EFormFieldStatus.DEFAULT]: styles.default,\n    [EFormFieldStatus.DISABLED]: styles.disabled,\n    [EFormFieldStatus.ERROR]: styles.error,\n    [EFormFieldStatus.WARNING]: styles.warning,\n};\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Элемент, отображающий input/select/textarea + label.\n *\n * Является провайдером FormFieldContext: размер, статус и состояния поля (фокус, заполненность,\n * идентификаторы элемента ввода и лейбла, ширины префикса и постфикса) распространяются\n * на вложенные FormFieldLabel / FormFieldInput / FormFieldTarget и другие субкомпоненты.\n */\nexport const FormField = React.forwardRef<HTMLDivElement, IFormFieldProps>(\n    (\n        {\n            children,\n            className,\n            style,\n            size = EComponentSize.LG,\n            status = EFormFieldStatus.DEFAULT,\n            active = false,\n            ...htmlDivAttributes\n        },\n        ref,\n    ) => {\n        const [targetId, setTargetId] = useState<string>();\n        const [labelId, setLabelId] = useState<string>();\n        const [postfixWidth, setPostfixWidth] = useState(TARGET_PADDING_X_DEFAULT);\n        const [prefixWidth, setPrefixWidth] = useState(TARGET_PADDING_X_DEFAULT);\n        const [filled, setFilled] = useState(false);\n        const [focused, setFocused] = useState(false);\n\n        useLayoutEffect(() => {\n            if (status === EFormFieldStatus.DISABLED) {\n                setFocused(false);\n            }\n        }, [status]);\n\n        // Поле активно, если активность задана снаружи или вложенный элемент ввода в фокусе.\n        const isActive = active || focused;\n\n        const contextValue = useMemo<IFormFieldContext>(\n            () => ({\n                size,\n                status,\n                targetId,\n                labelId,\n                postfixWidth,\n                prefixWidth,\n                filled,\n                focused,\n                active: isActive,\n                setTargetId,\n                setLabelId,\n                setPostfixWidth,\n                setPrefixWidth,\n                setFilled,\n                setFocused,\n            }),\n            [size, status, targetId, labelId, postfixWidth, prefixWidth, filled, focused, isActive],\n        );\n\n        return (\n            <FormFieldContext.Provider value={contextValue}>\n                <div\n                    className={clsx(\n                        styles.formField,\n                        SIZE_TO_CLASS_NAME_MAP[size],\n                        STATUS_TO_CLASS_NAME_MAP[status],\n                        {\n                            [styles.filled]: filled,\n                            [styles.active]: isActive,\n                        },\n                        className,\n                    )}\n                    data-tx={process.env.npm_package_version}\n                    style={{ paddingLeft: prefixWidth, paddingRight: postfixWidth, ...style }}\n                    {...htmlDivAttributes}\n                    ref={ref}\n                >\n                    {children}\n                </div>\n            </FormFieldContext.Provider>\n        );\n    },\n);\n\nFormField.displayName = \"FormField\";\n"],"names":["React","active","filled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,2BAA2B;AAAA,EAC7B,CAAC,iBAAiB,OAAO,GAAG,OAAO;AAAA,EACnC,CAAC,iBAAiB,QAAQ,GAAG,OAAO;AAAA,EACpC,CAAC,iBAAiB,KAAK,GAAG,OAAO;AAAA,EACjC,CAAC,iBAAiB,OAAO,GAAG,OAAO;AACvC;AAGA,MAAM,yBAAyB,yBAAyB,MAAM;AASvD,MAAM,YAAYA,eAAM;AAAA,EAC3B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,SAAS,iBAAiB;AAAA,IAC1B,QAAAC,UAAS;AAAA,IACT,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,UAAU,WAAW,IAAI,SAAA;AAChC,UAAM,CAAC,SAAS,UAAU,IAAI,SAAA;AAC9B,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,wBAAwB;AACzE,UAAM,CAAC,aAAa,cAAc,IAAI,SAAS,wBAAwB;AACvE,UAAM,CAACC,SAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,oBAAgB,MAAM;AAClB,UAAI,WAAW,iBAAiB,UAAU;AACtC,mBAAW,KAAK;AAAA,MACpB;AAAA,IACJ,GAAG,CAAC,MAAM,CAAC;AAGX,UAAM,WAAWD,WAAU;AAE3B,UAAM,eAAe;AAAA,MACjB,OAAO;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAAC;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEJ,CAAC,MAAM,QAAQ,UAAU,SAAS,cAAc,aAAaA,SAAQ,SAAS,QAAQ;AAAA,IAAA;AAG1F,+BACK,iBAAiB,UAAjB,EAA0B,OAAO,cAC9B,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP,OAAO;AAAA,UACP,uBAAuB,IAAI;AAAA,UAC3B,yBAAyB,MAAM;AAAA,UAC/B;AAAA,YACI,CAAC,OAAO,MAAM,GAAGA;AAAA,YACjB,CAAC,OAAO,MAAM,GAAG;AAAA,UAAA;AAAA,UAErB;AAAA,QAAA;AAAA,QAEJ,WAAS;AAAA,QACT,OAAO,EAAE,aAAa,aAAa,cAAc,cAAc,GAAG,MAAA;AAAA,QACjE,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AACJ;AAEA,UAAU,cAAc;"}

package/components/FormField/FormFieldContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldContext.js","sources":["../../../src/components/FormField/FormFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { EFormFieldStatus } from \"./enums\";\n\n/** Значение контекста поля ввода. Провайдер — компонент FormField. */\nexport interface IFormFieldContext {\n    /** Размер поля. */\n    size: EComponentSize;\n    /** Статус поля. */\n    status: EFormFieldStatus;\n    /** Идентификатор элемента ввода. */\n    targetId: string | undefined;\n    /** Идентификатор лейбла. */\n    labelId: string | undefined;\n    /** Ширина элемента FormFieldPrefix. */\n    prefixWidth: number;\n    /** Ширина элемента FormFieldPostfix. */\n    postfixWidth: number;\n    /** Поле заполнено. */\n    filled: boolean;\n    /** Поле в фокусе. */\n    focused: boolean;\n    /** Поле активно. */\n    active: boolean;\n    /** Установка значения targetId. */\n    setTargetId: React.Dispatch<React.SetStateAction<string | undefined>>;\n    /** Установка значения labelId. */\n    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;\n    /** Установка значения postfixWidth. */\n    setPostfixWidth: React.Dispatch<React.SetStateAction<number>>;\n    /** Установка значения prefixWidth. */\n    setPrefixWidth: React.Dispatch<React.SetStateAction<number>>;\n    /** Установка значения filled. */\n    setFilled: React.Dispatch<React.SetStateAction<boolean>>;\n    /** Установка значения focused. */\n    setFocused: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\n/**\n * Значение контекста по умолчанию — используется субкомпонентами, отрендеренными вне FormField.\n * Сеттеры в этом случае являются no-op.\n */\nexport const initialFormFieldContext: IFormFieldContext = {\n    size: EComponentSize.LG,\n    status: EFormFieldStatus.DEFAULT,\n    targetId: undefined,\n    labelId: undefined,\n    postfixWidth: 0,\n    prefixWidth: 0,\n    // Временный фикс для DropdownMobileHeader\n    filled: true,\n    focused: false,\n    active: false,\n    setTargetId: () => {},\n    setLabelId: () => {},\n    setPostfixWidth: () => {},\n    setPrefixWidth: () => {},\n    setFilled: () => {},\n    setFocused: () => {},\n};\n\n/**\n * Контекст поля ввода.\n */\nexport const FormFieldContext = React.createContext<IFormFieldContext>(initialFormFieldContext);\n"],"names":["React"],"mappings":";;;AA0CO,MAAM,0BAA6C;AAAA,EACtD,MAAM,eAAe;AAAA,EACrB,QAAQ,iBAAiB;AAAA,EACzB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA;AAAA,EAEb,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,YAAY,MAAM;AAAA,EAAC;AACvB;AAKO,MAAM,mBAAmBA,eAAM,cAAiC,uBAAuB;"}
+{"version":3,"file":"FormFieldContext.js","sources":["../../../src/components/FormField/FormFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { EFormFieldStatus } from \"./enums\";\n\n/** Значение контекста поля ввода. Провайдер — компонент FormField. */\nexport interface IFormFieldContext {\n    /** Размер поля. */\n    size: EComponentSize;\n    /** Статус поля. */\n    status: EFormFieldStatus;\n    /** Идентификатор labelable-элемента ввода. */\n    targetId: string | undefined;\n    /** Идентификатор лейбла. */\n    labelId: string | undefined;\n    /** Ширина элемента FormFieldPrefix. */\n    prefixWidth: number;\n    /** Ширина элемента FormFieldPostfix. */\n    postfixWidth: number;\n    /** Поле заполнено. */\n    filled: boolean;\n    /** Поле в фокусе. */\n    focused: boolean;\n    /** Поле активно. */\n    active: boolean;\n    /** Установка значения targetId. */\n    setTargetId: React.Dispatch<React.SetStateAction<string | undefined>>;\n    /** Установка значения labelId. */\n    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;\n    /** Установка значения postfixWidth. */\n    setPostfixWidth: React.Dispatch<React.SetStateAction<number>>;\n    /** Установка значения prefixWidth. */\n    setPrefixWidth: React.Dispatch<React.SetStateAction<number>>;\n    /** Установка значения filled. */\n    setFilled: React.Dispatch<React.SetStateAction<boolean>>;\n    /** Установка значения focused. */\n    setFocused: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\n/**\n * Значение контекста по умолчанию — используется субкомпонентами, отрендеренными вне FormField.\n * Сеттеры в этом случае являются no-op.\n */\nexport const initialFormFieldContext: IFormFieldContext = {\n    size: EComponentSize.LG,\n    status: EFormFieldStatus.DEFAULT,\n    targetId: undefined,\n    labelId: undefined,\n    postfixWidth: 0,\n    prefixWidth: 0,\n    // Временный фикс для DropdownMobileHeader\n    filled: true,\n    focused: false,\n    active: false,\n    setTargetId: () => {},\n    setLabelId: () => {},\n    setPostfixWidth: () => {},\n    setPrefixWidth: () => {},\n    setFilled: () => {},\n    setFocused: () => {},\n};\n\n/**\n * Контекст поля ввода.\n */\nexport const FormFieldContext = React.createContext<IFormFieldContext>(initialFormFieldContext);\n"],"names":["React"],"mappings":";;;AA0CO,MAAM,0BAA6C;AAAA,EACtD,MAAM,eAAe;AAAA,EACrB,QAAQ,iBAAiB;AAAA,EACzB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA;AAAA,EAEb,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,YAAY,MAAM;AAAA,EAAC;AACvB;AAKO,MAAM,mBAAmBA,eAAM,cAAiC,uBAAuB;"}

package/components/FormField/components/FormFieldClear.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
-const formFieldClear = "formFieldClear__55b36edc";
+const formFieldClear = "formFieldClear__e8ccce5e";
 const styles = {
   formFieldClear
 };

package/components/FormField/components/FormFieldCounter.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldCounter = "formFieldCounter__7cc287ec";
+const formFieldCounter = "formFieldCounter__243d17a4";
 const styles = {
   formFieldCounter
 };

package/components/FormField/components/FormFieldDescription.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldDescription = "formFieldDescription__1846a068";
-const withCounter = "withCounter__8f0ec4d3";
+const formFieldDescription = "formFieldDescription__e401fd49";
+const withCounter = "withCounter__3fd769b3";
 const styles = {
   formFieldDescription,
   withCounter

package/components/FormField/components/FormFieldInput.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useMemo, useCallback, useLayoutEffect } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { isFilled } from "./utils.js";
-const formFieldInput = "formFieldInput__eb7644eb";
-const sm = "sm__605a47be";
-const md = "md__74648f14";
-const lg = "lg__6efd7007";
+const formFieldInput = "formFieldInput__20e875e8";
+const sm = "sm__172bd22c";
+const md = "md__bcb83396";
+const lg = "lg__f45a68dc";
 const styles = {
   formFieldInput,
   sm,
@@ -40,6 +40,7 @@ const FormFieldInput = React__default.forwardRef(
     );
     useLayoutEffect(() => {
       setTargetId(id);
+      return () => setTargetId((currentTargetId) => currentTargetId === id ? void 0 : currentTargetId);
     }, [id, setTargetId]);
     useLayoutEffect(() => {
       syncFilled(value ?? defaultValue);

package/components/FormField/components/FormFieldInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldInput.js","sources":["../../../../src/components/FormField/components/FormFieldInput.tsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { DataAttributes } from \"../../../types/CoreTypes\";\nimport { isFilled } from \"./utils\";\nimport styles from \"../styles/FormFieldInput.module.less\";\n\n/** Свойства, передаваемые в рендер-функцию компонента FormFieldInput. */\nexport interface IFormFieldInputProvideProps extends React.InputHTMLAttributes<HTMLInputElement>, DataAttributes {}\n\n/** Свойства компонента FormFieldInput. */\nexport interface IFormFieldInputProps extends Omit<IFormFieldInputProvideProps, \"disabled\"> {\n    /**\n     * Рендер-функция, в которую можно передать любой инпут с нужным функционалом (валидация ввода, маска).\n     * Через аргумент props инпуту передаётся нужная стилизация, идентификатор и обработчики событий.\n     */\n    render?: (props: IFormFieldInputProvideProps, ref?: React.Ref<HTMLInputElement>) => React.ReactNode;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Компонент, отображающий input.\n *\n * Синхронизирует с FormFieldContext идентификатор элемента ввода, состояния фокуса и заполненности,\n * а также блокируется, когда поле имеет статус `EFormFieldStatus.DISABLED`.\n */\nexport const FormFieldInput = React.forwardRef<HTMLInputElement, IFormFieldInputProps>(\n    (\n        {\n            id: idProp,\n            className,\n            value,\n            defaultValue,\n            onFocus,\n            onBlur,\n            onAnimationStart,\n            onChange,\n            render,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { size, status, setFocused, setTargetId, setFilled } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"input_\") : idProp), [idProp]);\n        const classNames = clsx(styles.formFieldInput, SIZE_TO_CLASS_NAME_MAP[size], className);\n\n        const syncFilled = useCallback(\n            (nextValue: IFormFieldInputProps[\"value\"]) => {\n                setFilled(isFilled(nextValue));\n            },\n            [setFilled],\n        );\n\n        useLayoutEffect(() => {\n            setTargetId(id);\n        }, [id, setTargetId]);\n\n        // Начальная синхронизация заполненности: defaultValue учитывается только при монтировании,\n        // дальнейшие изменения value обрабатываются эффектом ниже.\n        useLayoutEffect(() => {\n            syncFilled(value ?? defaultValue);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        useLayoutEffect(() => {\n            if (value !== undefined) {\n                syncFilled(value);\n            }\n        }, [value, syncFilled]);\n\n        const handleFocus = useCallback<React.FocusEventHandler<HTMLInputElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(true);\n                onFocus?.(event);\n            },\n            [setFocused, syncFilled, onFocus],\n        );\n\n        const handleBlur = useCallback<React.FocusEventHandler<HTMLInputElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(false);\n                onBlur?.(event);\n            },\n            [setFocused, syncFilled, onBlur],\n        );\n\n        /**\n         * Обработчик начала анимации.\n         *\n         * Текущая реализация необходима для кейсов с автозаполнением:\n         * - Браузер устанавливает значение в поле при загрузке страницы;\n         * - Браузер устанавливает значение в поле при навигации пользователем по сохранённым опциям заполнения.\n         */\n        const handleAnimationStart = useCallback<React.AnimationEventHandler<HTMLInputElement>>(\n            (event) => {\n                if (event.animationName.startsWith(\"autofill-applied-hook\")) {\n                    setFilled(true);\n                } else if (event.animationName.startsWith(\"autofill-cancelled-hook\")) {\n                    // Необходимо проверить, что при отмене автозаполнения, в поле не находится значение.\n                    syncFilled(event.currentTarget.value);\n                }\n                onAnimationStart?.(event);\n            },\n            [setFilled, syncFilled, onAnimationStart],\n        );\n\n        const handleChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                onChange?.(event);\n            },\n            [syncFilled, onChange],\n        );\n\n        const commonProps: IFormFieldInputProvideProps = {\n            ...restProps,\n            id,\n            className: classNames,\n            value,\n            defaultValue,\n            disabled: status === EFormFieldStatus.DISABLED,\n            onFocus: handleFocus,\n            onBlur: handleBlur,\n            onAnimationStart: handleAnimationStart,\n            onChange: handleChange,\n        };\n\n        if (render) {\n            // Рендер инпута, переданного снаружи.\n            return render(commonProps, ref);\n        }\n\n        // Рендер текстового инпута по умолчанию.\n        return <input {...commonProps} ref={ref} />;\n    },\n);\n\nFormFieldInput.displayName = \"FormFieldInput\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAM,yBAAyB,yBAAyB,MAAM;AAQvD,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CACI;AAAA,IACI,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,EAAE,MAAM,QAAQ,YAAY,aAAa,UAAA,IAAc,WAAW,gBAAgB;AACxF,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,QAAQ,IAAI,QAAS,CAAC,MAAM,CAAC;AACvF,UAAM,aAAa,KAAK,OAAO,gBAAgB,uBAAuB,IAAI,GAAG,SAAS;AAEtF,UAAM,aAAa;AAAA,MACf,CAAC,cAA6C;AAC1C,kBAAU,SAAS,SAAS,CAAC;AAAA,MACjC;AAAA,MACA,CAAC,SAAS;AAAA,IAAA;AAGd,oBAAgB,MAAM;AAClB,kBAAY,EAAE;AAAA,IAClB,GAAG,CAAC,IAAI,WAAW,CAAC;AAIpB,oBAAgB,MAAM;AAClB,iBAAW,SAAS,YAAY;AAAA,IAEpC,GAAG,CAAA,CAAE;AAEL,oBAAgB,MAAM;AAClB,UAAI,UAAU,QAAW;AACrB,mBAAW,KAAK;AAAA,MACpB;AAAA,IACJ,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,IAAI;AACf,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,YAAY,YAAY,OAAO;AAAA,IAAA;AAGpC,UAAM,aAAa;AAAA,MACf,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,KAAK;AAChB,yCAAS;AAAA,MACb;AAAA,MACA,CAAC,YAAY,YAAY,MAAM;AAAA,IAAA;AAUnC,UAAM,uBAAuB;AAAA,MACzB,CAAC,UAAU;AACP,YAAI,MAAM,cAAc,WAAW,uBAAuB,GAAG;AACzD,oBAAU,IAAI;AAAA,QAClB,WAAW,MAAM,cAAc,WAAW,yBAAyB,GAAG;AAElE,qBAAW,MAAM,cAAc,KAAK;AAAA,QACxC;AACA,6DAAmB;AAAA,MACvB;AAAA,MACA,CAAC,WAAW,YAAY,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAAA,MACjB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,6CAAW;AAAA,MACf;AAAA,MACA,CAAC,YAAY,QAAQ;AAAA,IAAA;AAGzB,UAAM,cAA2C;AAAA,MAC7C,GAAG;AAAA,MACH;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,UAAU,WAAW,iBAAiB;AAAA,MACtC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,UAAU;AAAA,IAAA;AAGd,QAAI,QAAQ;AAER,aAAO,OAAO,aAAa,GAAG;AAAA,IAClC;AAGA,WAAO,oBAAC,SAAA,EAAO,GAAG,aAAa,IAAA,CAAU;AAAA,EAC7C;AACJ;AAEA,eAAe,cAAc;"}
+{"version":3,"file":"FormFieldInput.js","sources":["../../../../src/components/FormField/components/FormFieldInput.tsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { DataAttributes } from \"../../../types/CoreTypes\";\nimport { isFilled } from \"./utils\";\nimport styles from \"../styles/FormFieldInput.module.less\";\n\n/** Свойства, передаваемые в рендер-функцию компонента FormFieldInput. */\nexport interface IFormFieldInputProvideProps extends React.InputHTMLAttributes<HTMLInputElement>, DataAttributes {}\n\n/** Свойства компонента FormFieldInput. */\nexport interface IFormFieldInputProps extends Omit<IFormFieldInputProvideProps, \"disabled\"> {\n    /**\n     * Рендер-функция, в которую можно передать любой инпут с нужным функционалом (валидация ввода, маска).\n     * Через аргумент props инпуту передаётся нужная стилизация, идентификатор и обработчики событий.\n     */\n    render?: (props: IFormFieldInputProvideProps, ref?: React.Ref<HTMLInputElement>) => React.ReactNode;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Компонент, отображающий input.\n *\n * Синхронизирует с FormFieldContext идентификатор элемента ввода, состояния фокуса и заполненности,\n * а также блокируется, когда поле имеет статус `EFormFieldStatus.DISABLED`.\n */\nexport const FormFieldInput = React.forwardRef<HTMLInputElement, IFormFieldInputProps>(\n    (\n        {\n            id: idProp,\n            className,\n            value,\n            defaultValue,\n            onFocus,\n            onBlur,\n            onAnimationStart,\n            onChange,\n            render,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { size, status, setFocused, setTargetId, setFilled } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"input_\") : idProp), [idProp]);\n        const classNames = clsx(styles.formFieldInput, SIZE_TO_CLASS_NAME_MAP[size], className);\n\n        const syncFilled = useCallback(\n            (nextValue: IFormFieldInputProps[\"value\"]) => {\n                setFilled(isFilled(nextValue));\n            },\n            [setFilled],\n        );\n\n        useLayoutEffect(() => {\n            setTargetId(id);\n            return () => setTargetId((currentTargetId) => (currentTargetId === id ? undefined : currentTargetId));\n        }, [id, setTargetId]);\n\n        // Начальная синхронизация заполненности: defaultValue учитывается только при монтировании,\n        // дальнейшие изменения value обрабатываются эффектом ниже.\n        useLayoutEffect(() => {\n            syncFilled(value ?? defaultValue);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        useLayoutEffect(() => {\n            if (value !== undefined) {\n                syncFilled(value);\n            }\n        }, [value, syncFilled]);\n\n        const handleFocus = useCallback<React.FocusEventHandler<HTMLInputElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(true);\n                onFocus?.(event);\n            },\n            [setFocused, syncFilled, onFocus],\n        );\n\n        const handleBlur = useCallback<React.FocusEventHandler<HTMLInputElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(false);\n                onBlur?.(event);\n            },\n            [setFocused, syncFilled, onBlur],\n        );\n\n        /**\n         * Обработчик начала анимации.\n         *\n         * Текущая реализация необходима для кейсов с автозаполнением:\n         * - Браузер устанавливает значение в поле при загрузке страницы;\n         * - Браузер устанавливает значение в поле при навигации пользователем по сохранённым опциям заполнения.\n         */\n        const handleAnimationStart = useCallback<React.AnimationEventHandler<HTMLInputElement>>(\n            (event) => {\n                if (event.animationName.startsWith(\"autofill-applied-hook\")) {\n                    setFilled(true);\n                } else if (event.animationName.startsWith(\"autofill-cancelled-hook\")) {\n                    // Необходимо проверить, что при отмене автозаполнения, в поле не находится значение.\n                    syncFilled(event.currentTarget.value);\n                }\n                onAnimationStart?.(event);\n            },\n            [setFilled, syncFilled, onAnimationStart],\n        );\n\n        const handleChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                onChange?.(event);\n            },\n            [syncFilled, onChange],\n        );\n\n        const commonProps: IFormFieldInputProvideProps = {\n            ...restProps,\n            id,\n            className: classNames,\n            value,\n            defaultValue,\n            disabled: status === EFormFieldStatus.DISABLED,\n            onFocus: handleFocus,\n            onBlur: handleBlur,\n            onAnimationStart: handleAnimationStart,\n            onChange: handleChange,\n        };\n\n        if (render) {\n            // Рендер инпута, переданного снаружи.\n            return render(commonProps, ref);\n        }\n\n        // Рендер текстового инпута по умолчанию.\n        return <input {...commonProps} ref={ref} />;\n    },\n);\n\nFormFieldInput.displayName = \"FormFieldInput\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAM,yBAAyB,yBAAyB,MAAM;AAQvD,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CACI;AAAA,IACI,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,EAAE,MAAM,QAAQ,YAAY,aAAa,UAAA,IAAc,WAAW,gBAAgB;AACxF,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,QAAQ,IAAI,QAAS,CAAC,MAAM,CAAC;AACvF,UAAM,aAAa,KAAK,OAAO,gBAAgB,uBAAuB,IAAI,GAAG,SAAS;AAEtF,UAAM,aAAa;AAAA,MACf,CAAC,cAA6C;AAC1C,kBAAU,SAAS,SAAS,CAAC;AAAA,MACjC;AAAA,MACA,CAAC,SAAS;AAAA,IAAA;AAGd,oBAAgB,MAAM;AAClB,kBAAY,EAAE;AACd,aAAO,MAAM,YAAY,CAAC,oBAAqB,oBAAoB,KAAK,SAAY,eAAgB;AAAA,IACxG,GAAG,CAAC,IAAI,WAAW,CAAC;AAIpB,oBAAgB,MAAM;AAClB,iBAAW,SAAS,YAAY;AAAA,IAEpC,GAAG,CAAA,CAAE;AAEL,oBAAgB,MAAM;AAClB,UAAI,UAAU,QAAW;AACrB,mBAAW,KAAK;AAAA,MACpB;AAAA,IACJ,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,IAAI;AACf,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,YAAY,YAAY,OAAO;AAAA,IAAA;AAGpC,UAAM,aAAa;AAAA,MACf,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,KAAK;AAChB,yCAAS;AAAA,MACb;AAAA,MACA,CAAC,YAAY,YAAY,MAAM;AAAA,IAAA;AAUnC,UAAM,uBAAuB;AAAA,MACzB,CAAC,UAAU;AACP,YAAI,MAAM,cAAc,WAAW,uBAAuB,GAAG;AACzD,oBAAU,IAAI;AAAA,QAClB,WAAW,MAAM,cAAc,WAAW,yBAAyB,GAAG;AAElE,qBAAW,MAAM,cAAc,KAAK;AAAA,QACxC;AACA,6DAAmB;AAAA,MACvB;AAAA,MACA,CAAC,WAAW,YAAY,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAAA,MACjB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,6CAAW;AAAA,MACf;AAAA,MACA,CAAC,YAAY,QAAQ;AAAA,IAAA;AAGzB,UAAM,cAA2C;AAAA,MAC7C,GAAG;AAAA,MACH;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,UAAU,WAAW,iBAAiB;AAAA,MACtC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,UAAU;AAAA,IAAA;AAGd,QAAI,QAAQ;AAER,aAAO,OAAO,aAAa,GAAG;AAAA,IAClC;AAGA,WAAO,oBAAC,SAAA,EAAO,GAAG,aAAa,IAAA,CAAU;AAAA,EAC7C;AACJ;AAEA,eAAe,cAAc;"}

package/components/FormField/components/FormFieldLabel.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useMemo, useLayoutEffect } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { EFormFieldStatus } from "../enums.js";
 import { TARGET_PADDING_X_DEFAULT } from "../consts.js";
-const formFieldLabel = "formFieldLabel__ca8ab6b1";
-const sm = "sm__605a47be";
-const md = "md__74648f14";
-const lg = "lg__6efd7007";
-const floating = "floating__8cb1b5b9";
-const formFieldLabelText = "formFieldLabelText__992d4340";
-const disabled = "disabled__fdcce94a";
+const formFieldLabel = "formFieldLabel__455ad193";
+const sm = "sm__172bd22c";
+const md = "md__bcb83396";
+const lg = "lg__f45a68dc";
+const floating = "floating__ea9bbceb";
+const formFieldLabelText = "formFieldLabelText__493b6ba0";
+const disabled = "disabled__60bbf7be";
 const styles = {
   formFieldLabel,
   sm,
@@ -45,7 +45,19 @@ const FormFieldLabel = React__default.forwardRef(
     useLayoutEffect(() => {
       setLabelId(id);
     }, [id, setLabelId]);
-    return /* @__PURE__ */ jsx("label", { ...restProps, id, className: classNames, htmlFor: targetId, style: labelStyle, ref, children: /* @__PURE__ */ jsx("span", { className: styles.formFieldLabelText, children }) });
+    const Tag = targetId === void 0 ? "span" : "label";
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ...restProps,
+        id,
+        className: classNames,
+        htmlFor: targetId,
+        style: labelStyle,
+        ref,
+        children: /* @__PURE__ */ jsx("span", { className: styles.formFieldLabelText, children })
+      }
+    );
   }
 );
 FormFieldLabel.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldLabel.js","sources":["../../../../src/components/FormField/components/FormFieldLabel.tsx"],"sourcesContent":["import React, { useContext, useMemo, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { TARGET_PADDING_X_DEFAULT } from \"../consts\";\nimport styles from \"../styles/FormFieldLabel.module.less\";\n\n/** Свойства компонента FormFieldLabel. */\nexport interface IFormFieldLabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, \"htmlFor\"> {\n    /** Label отображается в уменьшенном виде над полем ввода/селектом. Если значение не задано, вычисляется как filled || active из FormFieldContext. */\n    floating?: boolean;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Лейбл поля ввода/селекта.\n *\n * Отображается по середине поля ввода; когда инпут/селект имеет значение или фокус,\n * перемещается в верхний левый угол. Атрибут htmlFor берётся из FormFieldContext (targetId),\n * собственный идентификатор публикуется в контекст как labelId.\n */\nexport const FormFieldLabel = React.forwardRef<HTMLLabelElement, IFormFieldLabelProps>(\n    ({ children, id: idProp, className, style, floating: floatingProp, ...restProps }, ref) => {\n        const { targetId, size, status, filled, active, prefixWidth, postfixWidth, setLabelId } =\n            useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"label_\") : idProp), [idProp]);\n        // Label отображается в уменьшенном виде над полем ввода/селектом.\n        const floating = floatingProp ?? (filled || active);\n\n        const classNames = clsx(\n            styles.formFieldLabel,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            {\n                [styles.floating]: floating,\n                [styles.disabled]: status === EFormFieldStatus.DISABLED,\n            },\n            className,\n        );\n\n        const labelStyle = {\n            // Позиции по краям учитывают ширину префикса и постфикса, чтобы лейбл не перекрывался иконками.\n            left: prefixWidth || TARGET_PADDING_X_DEFAULT,\n            right: postfixWidth || TARGET_PADDING_X_DEFAULT,\n            ...style,\n        };\n\n        useLayoutEffect(() => {\n            setLabelId(id);\n        }, [id, setLabelId]);\n\n        return (\n            <label {...restProps} id={id} className={classNames} htmlFor={targetId} style={labelStyle} ref={ref}>\n                <span className={styles.formFieldLabelText}>{children}</span>\n            </label>\n        );\n    },\n);\n\nFormFieldLabel.displayName = \"FormFieldLabel\";\n"],"names":["React","floating"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,yBAAyB,yBAAyB,MAAM;AASvD,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CAAC,EAAE,UAAU,IAAI,QAAQ,WAAW,OAAO,UAAU,cAAc,GAAG,UAAA,GAAa,QAAQ;AACvF,UAAM,EAAE,UAAU,MAAM,QAAQ,QAAQ,QAAQ,aAAa,cAAc,eACvE,WAAW,gBAAgB;AAC/B,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,QAAQ,IAAI,QAAS,CAAC,MAAM,CAAC;AAEvF,UAAMC,YAAW,iBAAiB,UAAU;AAE5C,UAAM,aAAa;AAAA,MACf,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B;AAAA,QACI,CAAC,OAAO,QAAQ,GAAGA;AAAA,QACnB,CAAC,OAAO,QAAQ,GAAG,WAAW,iBAAiB;AAAA,MAAA;AAAA,MAEnD;AAAA,IAAA;AAGJ,UAAM,aAAa;AAAA;AAAA,MAEf,MAAM,eAAe;AAAA,MACrB,OAAO,gBAAgB;AAAA,MACvB,GAAG;AAAA,IAAA;AAGP,oBAAgB,MAAM;AAClB,iBAAW,EAAE;AAAA,IACjB,GAAG,CAAC,IAAI,UAAU,CAAC;AAEnB,+BACK,SAAA,EAAO,GAAG,WAAW,IAAQ,WAAW,YAAY,SAAS,UAAU,OAAO,YAAY,KACvF,UAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,oBAAqB,UAAS,GAC1D;AAAA,EAER;AACJ;AAEA,eAAe,cAAc;"}
+{"version":3,"file":"FormFieldLabel.js","sources":["../../../../src/components/FormField/components/FormFieldLabel.tsx"],"sourcesContent":["import React, { useContext, useMemo, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { TARGET_PADDING_X_DEFAULT } from \"../consts\";\nimport styles from \"../styles/FormFieldLabel.module.less\";\n\n/** Свойства компонента FormFieldLabel. */\nexport interface IFormFieldLabelProps extends React.HTMLAttributes<HTMLElement> {\n    /** Label отображается в уменьшенном виде над полем ввода/селектом. Если значение не задано, вычисляется как filled || active из FormFieldContext. */\n    floating?: boolean;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Лейбл поля ввода/селекта.\n *\n * Отображается по середине поля ввода; когда инпут/селект имеет значение или фокус,\n * перемещается в верхний левый угол. Собственный идентификатор публикуется в контекст как labelId.\n *\n * Тег зависит от того, есть ли в поле labelable-элемент (input, textarea, select).\n */\nexport const FormFieldLabel = React.forwardRef<HTMLElement, IFormFieldLabelProps>(\n    ({ children, id: idProp, className, style, floating: floatingProp, ...restProps }, ref) => {\n        const { targetId, size, status, filled, active, prefixWidth, postfixWidth, setLabelId } =\n            useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"label_\") : idProp), [idProp]);\n        // Label отображается в уменьшенном виде над полем ввода/селектом.\n        const floating = floatingProp ?? (filled || active);\n\n        const classNames = clsx(\n            styles.formFieldLabel,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            {\n                [styles.floating]: floating,\n                [styles.disabled]: status === EFormFieldStatus.DISABLED,\n            },\n            className,\n        );\n\n        const labelStyle = {\n            // Позиции по краям учитывают ширину префикса и постфикса, чтобы лейбл не перекрывался иконками.\n            left: prefixWidth || TARGET_PADDING_X_DEFAULT,\n            right: postfixWidth || TARGET_PADDING_X_DEFAULT,\n            ...style,\n        };\n\n        useLayoutEffect(() => {\n            setLabelId(id);\n        }, [id, setLabelId]);\n\n        // <label> без htmlFor и без вложенного поля браузер считает несвязанным лейблом,\n        // поэтому в полях без labelable-элемента рендерится <span>.\n        const Tag = targetId === undefined ? \"span\" : \"label\";\n\n        return (\n            <Tag\n                {...restProps}\n                id={id}\n                className={classNames}\n                htmlFor={targetId}\n                style={labelStyle}\n                // Tag — объединение тегов, поэтому ref приводится к типу более узкого из них.\n                ref={ref as React.Ref<HTMLLabelElement>}\n            >\n                <span className={styles.formFieldLabelText}>{children}</span>\n            </Tag>\n        );\n    },\n);\n\nFormFieldLabel.displayName = \"FormFieldLabel\";\n"],"names":["React","floating"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,yBAAyB,yBAAyB,MAAM;AAUvD,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CAAC,EAAE,UAAU,IAAI,QAAQ,WAAW,OAAO,UAAU,cAAc,GAAG,UAAA,GAAa,QAAQ;AACvF,UAAM,EAAE,UAAU,MAAM,QAAQ,QAAQ,QAAQ,aAAa,cAAc,eACvE,WAAW,gBAAgB;AAC/B,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,QAAQ,IAAI,QAAS,CAAC,MAAM,CAAC;AAEvF,UAAMC,YAAW,iBAAiB,UAAU;AAE5C,UAAM,aAAa;AAAA,MACf,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B;AAAA,QACI,CAAC,OAAO,QAAQ,GAAGA;AAAA,QACnB,CAAC,OAAO,QAAQ,GAAG,WAAW,iBAAiB;AAAA,MAAA;AAAA,MAEnD;AAAA,IAAA;AAGJ,UAAM,aAAa;AAAA;AAAA,MAEf,MAAM,eAAe;AAAA,MACrB,OAAO,gBAAgB;AAAA,MACvB,GAAG;AAAA,IAAA;AAGP,oBAAgB,MAAM;AAClB,iBAAW,EAAE;AAAA,IACjB,GAAG,CAAC,IAAI,UAAU,CAAC;AAInB,UAAM,MAAM,aAAa,SAAY,SAAS;AAE9C,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX,SAAS;AAAA,QACT,OAAO;AAAA,QAEP;AAAA,QAEA,UAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,oBAAqB,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlE;AACJ;AAEA,eAAe,cAAc;"}

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,19 +1,19 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useContext, useEffect, useCallback } from "react";
-import { n as reactTextMaskExports, c as clsx, o as MaskedInputTextMask } from "../../../chunks/vendor-DqjKLGwf.js";
+import { m as reactTextMaskExports, c as clsx, n as MaskedInputTextMask } from "../../../chunks/vendor-CUIykw0y.js";
 import { presets } from "./FormFieldMaskedInputPresets.js";
 import { FormFieldInput } from "./FormFieldInput.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldMaskedInputWrapper = "formFieldMaskedInputWrapper__cdbfb4c1";
-const maskLayout = "maskLayout__ebab792a";
-const sm = "sm__605a47be";
-const md = "md__74648f14";
-const lg = "lg__6efd7007";
-const valueMirror = "valueMirror__bd3dc1c7";
-const placeholderMask = "placeholderMask__3c1bcb7b";
-const disabled = "disabled__fdcce94a";
+const formFieldMaskedInputWrapper = "formFieldMaskedInputWrapper__db285dad";
+const maskLayout = "maskLayout__f6a8c18d";
+const sm = "sm__172bd22c";
+const md = "md__bcb83396";
+const lg = "lg__f45a68dc";
+const valueMirror = "valueMirror__0db4c277";
+const placeholderMask = "placeholderMask__5bc549bf";
+const disabled = "disabled__60bbf7be";
 const styles = {
   formFieldMaskedInputWrapper,
   maskLayout,

package/components/FormField/components/FormFieldPostfix.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { useFormFieldAffixWidth } from "./useFormFieldAffixWidth.js";
-const formFieldPostfix = "formFieldPostfix__7823b4b8";
+const formFieldPostfix = "formFieldPostfix__e82c3e60";
 const styles = {
   formFieldPostfix
 };