@sberbusiness/triplex-next 1.43.0 → 1.45.0

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -4,7 +4,7 @@ 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-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-ljfYoQZP.js";
 const DropdownMobileLoader = ({ className, ...restProps }) => /* @__PURE__ */ jsx(
   LoaderSmall,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { FormFieldMaskedInput } from "../../FormField/components/FormFieldMaskedInput.js";
-const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__0b2a2487";
+const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__e38a1286";
 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-D4wvHis9.js";
-const ellipsisLineClamp = "ellipsisLineClamp__9ad22ff0";
-const oneLine = "oneLine__8c74f88c";
+const ellipsisLineClamp = "ellipsisLineClamp__0652e382";
+const oneLine = "oneLine__6d289c7e";
 const styles = {
   ellipsisLineClamp,
   oneLine
@@ -16,7 +16,7 @@ const Ellipsis = React__default.forwardRef(
         className: classNames,
         style: { "--ellipsis-line-clamp": maxLines },
         ...rest,
-        "data-tx": "1.43.0",
+        "data-tx": "1.45.0",
         ref,
         children
       }

package/components/EmptyView/EmptyView.js

@@ -3,13 +3,13 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { Title } from "../Typography/Title.js";
-import { EFontWeightTitle, ETitleSize, ETextSize, EFontType, EFontWeightText } from "../Typography/enums.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__cfc8be7e";
-const container = "container__84b63cf0";
-const icon = "icon__90097577";
-const textBlock = "textBlock__e1ec33a2";
+const emptyView = "emptyView__8063c320";
+const container = "container__979813f6";
+const icon = "icon__2397a278";
+const textBlock = "textBlock__21cfae11";
 const styles = {
   emptyView,
   container,
@@ -20,10 +20,6 @@ const SIZE_CLASS_MAP = {
   [EEmptyViewSize.SM]: styles.sm,
   [EEmptyViewSize.MD]: styles.md
 };
-const TITLE_CONFIG = {
-  [EEmptyViewSize.SM]: { size: ETitleSize.H3, weight: EFontWeightTitle.MEDIUM },
-  [EEmptyViewSize.MD]: { size: ETitleSize.H2, weight: EFontWeightTitle.SEMIBOLD }
-};
 const TEXT_SIZE_MAP = {
   [EEmptyViewSize.SM]: ETextSize.B3,
   [EEmptyViewSize.MD]: ETextSize.B2
@@ -46,7 +42,7 @@ const EmptyView = React__default.forwardRef(
             icon2 && /* @__PURE__ */ jsx("div", { className: styles.icon, children: icon2 }),
             icon2 && size === EEmptyViewSize.SM && /* @__PURE__ */ jsx(Gap, { size: 8 }),
             (title || hasDescription) && /* @__PURE__ */ jsxs("div", { className: styles.textBlock, children: [
-              title && /* @__PURE__ */ jsx(Title, { ...TITLE_CONFIG[size], children: title }),
+              title && /* @__PURE__ */ jsx(Title, { size: ETitleSize.H3, weight: EFontWeightTitle.MEDIUM, children: title }),
               title && hasDescription && /* @__PURE__ */ jsx(Gap, { size: 12 }),
               hasDescription && /* @__PURE__ */ jsxs("div", { className: styles.descriptionBlock, children: [
                 description && /* @__PURE__ */ jsx(

package/components/EmptyView/EmptyView.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyView.js","sources":["../../../src/components/EmptyView/EmptyView.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IEmptyViewProps } from \"./types\";\nimport { EEmptyViewSize } from \"./enums\";\nimport { Title } from \"../Typography/Title\";\nimport { EFontType, EFontWeightText, EFontWeightTitle, ETextSize, ETitleSize } from \"../Typography/enums\";\nimport { Text } from \"../Typography/Text\";\nimport { Gap, TGapSize } from \"../Gap/Gap\";\nimport styles from \"./styles/EmptyView.module.less\";\n\nconst SIZE_CLASS_MAP: Record<EEmptyViewSize, string> = {\n    [EEmptyViewSize.SM]: styles.sm,\n    [EEmptyViewSize.MD]: styles.md,\n};\n\nconst TITLE_CONFIG: Record<EEmptyViewSize, { size: ETitleSize; weight: EFontWeightTitle }> = {\n    [EEmptyViewSize.SM]: { size: ETitleSize.H3, weight: EFontWeightTitle.MEDIUM },\n    [EEmptyViewSize.MD]: { size: ETitleSize.H2, weight: EFontWeightTitle.SEMIBOLD },\n};\n\nconst TEXT_SIZE_MAP: Record<EEmptyViewSize, ETextSize> = {\n    [EEmptyViewSize.SM]: ETextSize.B3,\n    [EEmptyViewSize.MD]: ETextSize.B2,\n};\n\nconst BUTTONS_GAP_MAP: Record<EEmptyViewSize, TGapSize> = {\n    [EEmptyViewSize.SM]: 16,\n    [EEmptyViewSize.MD]: 24,\n};\n\n/** Заглушка для пустых состояний. */\nexport const EmptyView = React.forwardRef<HTMLDivElement, IEmptyViewProps>(\n    ({ className, size, icon, title, description, caption, buttons, ...rest }, ref) => {\n        const hasDescription = !!(description || caption);\n\n        return (\n            <div\n                className={clsx(styles.emptyView, SIZE_CLASS_MAP[size], { [styles.hasTitle]: !!title }, className)}\n                ref={ref}\n                {...rest}\n            >\n                <div className={styles.container}>\n                    {icon && <div className={styles.icon}>{icon}</div>}\n                    {icon && size === EEmptyViewSize.SM && <Gap size={8} />}\n\n                    {(title || hasDescription) && (\n                        <div className={styles.textBlock}>\n                            {title && <Title {...TITLE_CONFIG[size]}>{title}</Title>}\n                            {title && hasDescription && <Gap size={12} />}\n\n                            {hasDescription && (\n                                <div className={styles.descriptionBlock}>\n                                    {description && (\n                                        <Text\n                                            size={TEXT_SIZE_MAP[size]}\n                                            weight={EFontWeightText.REGULAR}\n                                            type={title ? EFontType.SECONDARY : EFontType.PRIMARY}\n                                        >\n                                            {description}\n                                        </Text>\n                                    )}\n                                    {description && caption && <Gap size={8} />}\n                                    {caption && (\n                                        <Text\n                                            size={TEXT_SIZE_MAP[size]}\n                                            weight={EFontWeightText.REGULAR}\n                                            type={EFontType.SECONDARY}\n                                        >\n                                            {caption}\n                                        </Text>\n                                    )}\n                                </div>\n                            )}\n                        </div>\n                    )}\n                </div>\n\n                {buttons && (\n                    <>\n                        <Gap size={BUTTONS_GAP_MAP[size]} />\n                        <div className={styles.buttons}>{buttons}</div>\n                    </>\n                )}\n            </div>\n        );\n    },\n);\n\nEmptyView.displayName = \"EmptyView\";\n"],"names":["React","icon"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,MAAM,iBAAiD;AAAA,EACnD,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAEA,MAAM,eAAuF;AAAA,EACzF,CAAC,eAAe,EAAE,GAAG,EAAE,MAAM,WAAW,IAAI,QAAQ,iBAAiB,OAAA;AAAA,EACrE,CAAC,eAAe,EAAE,GAAG,EAAE,MAAM,WAAW,IAAI,QAAQ,iBAAiB,SAAA;AACzE;AAEA,MAAM,gBAAmD;AAAA,EACrD,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAEA,MAAM,kBAAoD;AAAA,EACtD,CAAC,eAAe,EAAE,GAAG;AAAA,EACrB,CAAC,eAAe,EAAE,GAAG;AACzB;AAGO,MAAM,YAAYA,eAAM;AAAA,EAC3B,CAAC,EAAE,WAAW,MAAM,MAAAC,OAAM,OAAO,aAAa,SAAS,SAAS,GAAG,KAAA,GAAQ,QAAQ;AAC/E,UAAM,iBAAiB,CAAC,EAAE,eAAe;AAEzC,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,WAAW,eAAe,IAAI,GAAG,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,MAAA,GAAS,SAAS;AAAA,QACjG;AAAA,QACC,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,WAClB,UAAA;AAAA,YAAAA,SAAQ,oBAAC,OAAA,EAAI,WAAW,OAAO,MAAO,UAAAA,OAAK;AAAA,YAC3CA,SAAQ,SAAS,eAAe,MAAM,oBAAC,KAAA,EAAI,MAAM,GAAG;AAAA,aAEnD,SAAS,mBACP,qBAAC,OAAA,EAAI,WAAW,OAAO,WAClB,UAAA;AAAA,cAAA,6BAAU,OAAA,EAAO,GAAG,aAAa,IAAI,GAAI,UAAA,OAAM;AAAA,cAC/C,SAAS,kBAAkB,oBAAC,KAAA,EAAI,MAAM,IAAI;AAAA,cAE1C,kBACG,qBAAC,OAAA,EAAI,WAAW,OAAO,kBAClB,UAAA;AAAA,gBAAA,eACG;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAM,cAAc,IAAI;AAAA,oBACxB,QAAQ,gBAAgB;AAAA,oBACxB,MAAM,QAAQ,UAAU,YAAY,UAAU;AAAA,oBAE7C,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGR,eAAe,WAAW,oBAAC,KAAA,EAAI,MAAM,GAAG;AAAA,gBACxC,WACG;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAM,cAAc,IAAI;AAAA,oBACxB,QAAQ,gBAAgB;AAAA,oBACxB,MAAM,UAAU;AAAA,oBAEf,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACL,EAAA,CAER;AAAA,YAAA,EAAA,CAER;AAAA,UAAA,GAER;AAAA,UAEC,WACG,qBAAA,UAAA,EACI,UAAA;AAAA,YAAA,oBAAC,KAAA,EAAI,MAAM,gBAAgB,IAAI,EAAA,CAAG;AAAA,YAClC,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAU,UAAA,QAAA,CAAQ;AAAA,UAAA,EAAA,CAC7C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhB;AACJ;AAEA,UAAU,cAAc;"}
+{"version":3,"file":"EmptyView.js","sources":["../../../src/components/EmptyView/EmptyView.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IEmptyViewProps } from \"./types\";\nimport { EEmptyViewSize } from \"./enums\";\nimport { Title } from \"../Typography/Title\";\nimport { EFontType, EFontWeightText, EFontWeightTitle, ETextSize, ETitleSize } from \"../Typography/enums\";\nimport { Text } from \"../Typography/Text\";\nimport { Gap, TGapSize } from \"../Gap/Gap\";\nimport styles from \"./styles/EmptyView.module.less\";\n\nconst SIZE_CLASS_MAP: Record<EEmptyViewSize, string> = {\n    [EEmptyViewSize.SM]: styles.sm,\n    [EEmptyViewSize.MD]: styles.md,\n};\n\nconst TEXT_SIZE_MAP: Record<EEmptyViewSize, ETextSize> = {\n    [EEmptyViewSize.SM]: ETextSize.B3,\n    [EEmptyViewSize.MD]: ETextSize.B2,\n};\n\nconst BUTTONS_GAP_MAP: Record<EEmptyViewSize, TGapSize> = {\n    [EEmptyViewSize.SM]: 16,\n    [EEmptyViewSize.MD]: 24,\n};\n\n/** Заглушка для пустых состояний. */\nexport const EmptyView = React.forwardRef<HTMLDivElement, IEmptyViewProps>(\n    ({ className, size, icon, title, description, caption, buttons, ...rest }, ref) => {\n        const hasDescription = !!(description || caption);\n\n        return (\n            <div\n                className={clsx(styles.emptyView, SIZE_CLASS_MAP[size], { [styles.hasTitle]: !!title }, className)}\n                ref={ref}\n                {...rest}\n            >\n                <div className={styles.container}>\n                    {icon && <div className={styles.icon}>{icon}</div>}\n                    {icon && size === EEmptyViewSize.SM && <Gap size={8} />}\n\n                    {(title || hasDescription) && (\n                        <div className={styles.textBlock}>\n                            {title && (\n                                <Title size={ETitleSize.H3} weight={EFontWeightTitle.MEDIUM}>\n                                    {title}\n                                </Title>\n                            )}\n                            {title && hasDescription && <Gap size={12} />}\n\n                            {hasDescription && (\n                                <div className={styles.descriptionBlock}>\n                                    {description && (\n                                        <Text\n                                            size={TEXT_SIZE_MAP[size]}\n                                            weight={EFontWeightText.REGULAR}\n                                            type={title ? EFontType.SECONDARY : EFontType.PRIMARY}\n                                        >\n                                            {description}\n                                        </Text>\n                                    )}\n                                    {description && caption && <Gap size={8} />}\n                                    {caption && (\n                                        <Text\n                                            size={TEXT_SIZE_MAP[size]}\n                                            weight={EFontWeightText.REGULAR}\n                                            type={EFontType.SECONDARY}\n                                        >\n                                            {caption}\n                                        </Text>\n                                    )}\n                                </div>\n                            )}\n                        </div>\n                    )}\n                </div>\n\n                {buttons && (\n                    <>\n                        <Gap size={BUTTONS_GAP_MAP[size]} />\n                        <div className={styles.buttons}>{buttons}</div>\n                    </>\n                )}\n            </div>\n        );\n    },\n);\n\nEmptyView.displayName = \"EmptyView\";\n"],"names":["React","icon"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,MAAM,iBAAiD;AAAA,EACnD,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAEA,MAAM,gBAAmD;AAAA,EACrD,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAEA,MAAM,kBAAoD;AAAA,EACtD,CAAC,eAAe,EAAE,GAAG;AAAA,EACrB,CAAC,eAAe,EAAE,GAAG;AACzB;AAGO,MAAM,YAAYA,eAAM;AAAA,EAC3B,CAAC,EAAE,WAAW,MAAM,MAAAC,OAAM,OAAO,aAAa,SAAS,SAAS,GAAG,KAAA,GAAQ,QAAQ;AAC/E,UAAM,iBAAiB,CAAC,EAAE,eAAe;AAEzC,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,WAAW,eAAe,IAAI,GAAG,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,MAAA,GAAS,SAAS;AAAA,QACjG;AAAA,QACC,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,WAClB,UAAA;AAAA,YAAAA,SAAQ,oBAAC,OAAA,EAAI,WAAW,OAAO,MAAO,UAAAA,OAAK;AAAA,YAC3CA,SAAQ,SAAS,eAAe,MAAM,oBAAC,KAAA,EAAI,MAAM,GAAG;AAAA,aAEnD,SAAS,mBACP,qBAAC,OAAA,EAAI,WAAW,OAAO,WAClB,UAAA;AAAA,cAAA,SACG,oBAAC,SAAM,MAAM,WAAW,IAAI,QAAQ,iBAAiB,QAChD,UAAA,MAAA,CACL;AAAA,cAEH,SAAS,kBAAkB,oBAAC,KAAA,EAAI,MAAM,IAAI;AAAA,cAE1C,kBACG,qBAAC,OAAA,EAAI,WAAW,OAAO,kBAClB,UAAA;AAAA,gBAAA,eACG;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAM,cAAc,IAAI;AAAA,oBACxB,QAAQ,gBAAgB;AAAA,oBACxB,MAAM,QAAQ,UAAU,YAAY,UAAU;AAAA,oBAE7C,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGR,eAAe,WAAW,oBAAC,KAAA,EAAI,MAAM,GAAG;AAAA,gBACxC,WACG;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAM,cAAc,IAAI;AAAA,oBACxB,QAAQ,gBAAgB;AAAA,oBACxB,MAAM,UAAU;AAAA,oBAEf,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACL,EAAA,CAER;AAAA,YAAA,EAAA,CAER;AAAA,UAAA,GAER;AAAA,UAEC,WACG,qBAAA,UAAA,EACI,UAAA;AAAA,YAAA,oBAAC,KAAA,EAAI,MAAM,gBAAgB,IAAI,EAAA,CAAG;AAAA,YAClC,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAU,UAAA,QAAA,CAAQ;AAAA,UAAA,EAAA,CAC7C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhB;AACJ;AAEA,UAAU,cAAc;"}

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,11 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef } from "react";
 import { A as Transition, c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const expandAnimation = "expandAnimation__d661ded6";
+const expandAnimation = "expandAnimation__e3dbe34c";
 const styles = {
   expandAnimation
 };
 const TIMEOUT_DEFAULT = 300;
+const createTransitionStyles = () => ({
+  entering: { height: void 0, overflow: "hidden" },
+  entered: {},
+  exiting: { height: 0, overflow: "hidden" },
+  exited: { height: 0, overflow: "hidden", visibility: "hidden" },
+  unmounted: {}
+});
 const ExpandAnimation = React__default.forwardRef(
   ({
     children,
@@ -18,18 +25,16 @@ const ExpandAnimation = React__default.forwardRef(
     transitionProps,
     ...rest
   }, ref) => {
-    const transitionStylesRef = useRef({
-      entering: { height: void 0, overflow: "hidden" },
-      entered: {},
-      exiting: { height: 0, overflow: "hidden" },
-      exited: { height: 0, overflow: "hidden", visibility: "hidden" },
-      unmounted: {}
-    });
+    const transitionStylesRef = useRef(null);
+    if (transitionStylesRef.current === null) {
+      transitionStylesRef.current = createTransitionStyles();
+    }
+    const transitionStyles = transitionStylesRef.current;
     const nodeRef = useRef(null);
     const handleEnter = (appearing) => {
       var _a;
       if (nodeRef.current) {
-        transitionStylesRef.current["entering"].height = nodeRef.current.scrollHeight;
+        transitionStyles.entering.height = nodeRef.current.scrollHeight;
       }
       onStart == null ? void 0 : onStart();
       (_a = transitionProps == null ? void 0 : transitionProps.onEnter) == null ? void 0 : _a.call(transitionProps, appearing);
@@ -78,7 +83,7 @@ const ExpandAnimation = React__default.forwardRef(
             className: clsx(styles.expandAnimation, className),
             style: {
               transitionDuration: animationTime + "ms",
-              ...transitionStylesRef.current[state],
+              ...transitionStyles[state],
               ...style
             },
             ...rest,

package/components/ExpandAnimation/ExpandAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandAnimation.js","sources":["../../../src/components/ExpandAnimation/ExpandAnimation.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { Transition, TransitionStatus } from \"react-transition-group\";\nimport styles from \"./styles/ExpandAnimation.module.less\";\nimport { clsx } from \"clsx\";\n\n/** Свойства компонента ExpandAnimation. */\nexport interface IExpandAnimationProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Время анимации (мс). */\n    animationTime?: number;\n    /** Развёрнут ли компонент. */\n    expanded: boolean;\n    /** Коллбэк на начало анимации. */\n    onStart?: () => void;\n    /** Коллбэк на окончание анимации. */\n    onEnd?: () => void;\n    /** Свойства компонента Transition (react-transition-group). */\n    transitionProps?: React.ComponentProps<typeof Transition<HTMLDivElement>>;\n}\n\n// Время исполнения анимации по-умолчанию.\nconst TIMEOUT_DEFAULT = 300;\n\n/** Компонент анимации сворачивания/разворачивания контента. */\nexport const ExpandAnimation = React.forwardRef<HTMLDivElement, IExpandAnimationProps>(\n    (\n        {\n            children,\n            className,\n            expanded,\n            animationTime = TIMEOUT_DEFAULT,\n            style,\n            onStart,\n            onEnd,\n            transitionProps,\n            ...rest\n        },\n        ref,\n    ) => {\n        const transitionStylesRef = useRef<Record<TransitionStatus, React.CSSProperties>>({\n            entering: { height: undefined, overflow: \"hidden\" },\n            entered: {},\n            exiting: { height: 0, overflow: \"hidden\" },\n            exited: { height: 0, overflow: \"hidden\", visibility: \"hidden\" },\n            unmounted: {},\n        });\n        const nodeRef = useRef<HTMLDivElement | null>(null);\n\n        const handleEnter = (appearing: boolean) => {\n            if (nodeRef.current) {\n                transitionStylesRef.current[\"entering\"].height = nodeRef.current.scrollHeight;\n            }\n\n            onStart?.();\n            transitionProps?.onEnter?.(appearing);\n        };\n\n        const handleEntered = (appearing: boolean) => {\n            onEnd?.();\n            transitionProps?.onEntered?.(appearing);\n        };\n\n        const handleExit = () => {\n            if (nodeRef.current) {\n                nodeRef.current.style.height = nodeRef.current.scrollHeight + \"px\";\n                // trigger reflow\n                // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n                nodeRef.current.scrollHeight;\n            }\n\n            onStart?.();\n            transitionProps?.onExit?.();\n        };\n\n        const handleExited = () => {\n            onEnd?.();\n            transitionProps?.onExited?.();\n        };\n\n        const setRef = (instance: HTMLDivElement | null) => {\n            nodeRef.current = instance;\n\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        return (\n            <Transition\n                in={expanded}\n                timeout={animationTime}\n                nodeRef={nodeRef}\n                {...transitionProps}\n                onEnter={handleEnter}\n                onEntered={handleEntered}\n                onExit={handleExit}\n                onExited={handleExited}\n            >\n                {(state) => (\n                    <div\n                        className={clsx(styles.expandAnimation, className)}\n                        style={{\n                            transitionDuration: animationTime + \"ms\",\n                            ...transitionStylesRef.current[state],\n                            ...style,\n                        }}\n                        {...rest}\n                        ref={setRef}\n                    >\n                        {children}\n                    </div>\n                )}\n            </Transition>\n        );\n    },\n);\n\nExpandAnimation.displayName = \"ExpandAnimation\";\n"],"names":["React"],"mappings":";;;;;;;AAoBA,MAAM,kBAAkB;AAGjB,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,sBAAsB,OAAsD;AAAA,MAC9E,UAAU,EAAE,QAAQ,QAAW,UAAU,SAAA;AAAA,MACzC,SAAS,CAAA;AAAA,MACT,SAAS,EAAE,QAAQ,GAAG,UAAU,SAAA;AAAA,MAChC,QAAQ,EAAE,QAAQ,GAAG,UAAU,UAAU,YAAY,SAAA;AAAA,MACrD,WAAW,CAAA;AAAA,IAAC,CACf;AACD,UAAM,UAAU,OAA8B,IAAI;AAElD,UAAM,cAAc,CAAC,cAAuB;;AACxC,UAAI,QAAQ,SAAS;AACjB,4BAAoB,QAAQ,UAAU,EAAE,SAAS,QAAQ,QAAQ;AAAA,MACrE;AAEA;AACA,+DAAiB,YAAjB,yCAA2B;AAAA,IAC/B;AAEA,UAAM,gBAAgB,CAAC,cAAuB;;AAC1C;AACA,+DAAiB,cAAjB,yCAA6B;AAAA,IACjC;AAEA,UAAM,aAAa,MAAM;;AACrB,UAAI,QAAQ,SAAS;AACjB,gBAAQ,QAAQ,MAAM,SAAS,QAAQ,QAAQ,eAAe;AAG9D,gBAAQ,QAAQ;AAAA,MACpB;AAEA;AACA,+DAAiB,WAAjB;AAAA,IACJ;AAEA,UAAM,eAAe,MAAM;;AACvB;AACA,+DAAiB,aAAjB;AAAA,IACJ;AAEA,UAAM,SAAS,CAAC,aAAoC;AAChD,cAAQ,UAAU;AAElB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACZ,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAI;AAAA,QACJ,SAAS;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,UAAU;AAAA,QAET,WAAC,UACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,YACjD,OAAO;AAAA,cACH,oBAAoB,gBAAgB;AAAA,cACpC,GAAG,oBAAoB,QAAQ,KAAK;AAAA,cACpC,GAAG;AAAA,YAAA;AAAA,YAEN,GAAG;AAAA,YACJ,KAAK;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAIhB;AACJ;AAEA,gBAAgB,cAAc;"}
+{"version":3,"file":"ExpandAnimation.js","sources":["../../../src/components/ExpandAnimation/ExpandAnimation.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { Transition, TransitionStatus } from \"react-transition-group\";\nimport { clsx } from \"clsx\";\nimport styles from \"./styles/ExpandAnimation.module.less\";\n\n/** Свойства компонента ExpandAnimation. */\nexport interface IExpandAnimationProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Время анимации (мс). По умолчанию 300. */\n    animationTime?: number;\n    /** Развёрнут ли компонент. */\n    expanded: boolean;\n    /** Коллбэк на начало анимации. Вызывается и при разворачивании, и при сворачивании. */\n    onStart?: () => void;\n    /** Коллбэк на окончание анимации. Вызывается и при разворачивании, и при сворачивании. */\n    onEnd?: () => void;\n    /** Свойства компонента Transition (react-transition-group). */\n    transitionProps?: React.ComponentProps<typeof Transition<HTMLDivElement>>;\n}\n\n/** Время исполнения анимации по умолчанию (мс). */\nconst TIMEOUT_DEFAULT = 300;\n\n/**\n * Инлайн-стили корневого элемента по фазам анимации.\n *\n * Карта живёт в ref и мутируется: `entering.height` проставляется в `onEnter`\n * реальной высотой контента (`scrollHeight`) до того, как Transition отрисует\n * фазу `entering`. Свёрнутое состояние (`exited`) дополнительно скрывается\n * через `visibility: hidden`, чтобы контент не получал фокус по Tab.\n */\nconst createTransitionStyles = (): Record<TransitionStatus, React.CSSProperties> => ({\n    entering: { height: undefined, overflow: \"hidden\" },\n    entered: {},\n    exiting: { height: 0, overflow: \"hidden\" },\n    exited: { height: 0, overflow: \"hidden\", visibility: \"hidden\" },\n    unmounted: {},\n});\n\n/** Компонент анимации сворачивания/разворачивания контента. */\nexport const ExpandAnimation = React.forwardRef<HTMLDivElement, IExpandAnimationProps>(\n    (\n        {\n            children,\n            className,\n            expanded,\n            animationTime = TIMEOUT_DEFAULT,\n            style,\n            onStart,\n            onEnd,\n            transitionProps,\n            ...rest\n        },\n        ref,\n    ) => {\n        // Ленивая инициализация: карта создаётся один раз и дальше мутируется, поэтому\n        // пересоздавать её на каждом рендере нельзя — потерялась бы измеренная высота.\n        const transitionStylesRef = useRef<Record<TransitionStatus, React.CSSProperties> | null>(null);\n\n        if (transitionStylesRef.current === null) {\n            transitionStylesRef.current = createTransitionStyles();\n        }\n\n        const transitionStyles = transitionStylesRef.current;\n        const nodeRef = useRef<HTMLDivElement | null>(null);\n\n        const handleEnter = (appearing: boolean) => {\n            if (nodeRef.current) {\n                // Высота контента измеряется до отрисовки фазы entering — иначе анимировать не от чего.\n                transitionStyles.entering.height = nodeRef.current.scrollHeight;\n            }\n\n            onStart?.();\n            transitionProps?.onEnter?.(appearing);\n        };\n\n        const handleEntered = (appearing: boolean) => {\n            onEnd?.();\n            transitionProps?.onEntered?.(appearing);\n        };\n\n        const handleExit = () => {\n            if (nodeRef.current) {\n                // Фиксируем текущую высоту вместо auto, чтобы браузеру было от какого значения анимировать к 0.\n                nodeRef.current.style.height = nodeRef.current.scrollHeight + \"px\";\n                // trigger reflow\n                // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n                nodeRef.current.scrollHeight;\n            }\n\n            onStart?.();\n            transitionProps?.onExit?.();\n        };\n\n        const handleExited = () => {\n            onEnd?.();\n            transitionProps?.onExited?.();\n        };\n\n        const setRef = (instance: HTMLDivElement | null) => {\n            nodeRef.current = instance;\n\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        return (\n            <Transition\n                in={expanded}\n                timeout={animationTime}\n                nodeRef={nodeRef}\n                {...transitionProps}\n                onEnter={handleEnter}\n                onEntered={handleEntered}\n                onExit={handleExit}\n                onExited={handleExited}\n            >\n                {(state) => (\n                    <div\n                        className={clsx(styles.expandAnimation, className)}\n                        style={{\n                            transitionDuration: animationTime + \"ms\",\n                            ...transitionStyles[state],\n                            ...style,\n                        }}\n                        {...rest}\n                        ref={setRef}\n                    >\n                        {children}\n                    </div>\n                )}\n            </Transition>\n        );\n    },\n);\n\nExpandAnimation.displayName = \"ExpandAnimation\";\n"],"names":["React"],"mappings":";;;;;;;AAoBA,MAAM,kBAAkB;AAUxB,MAAM,yBAAyB,OAAsD;AAAA,EACjF,UAAU,EAAE,QAAQ,QAAW,UAAU,SAAA;AAAA,EACzC,SAAS,CAAA;AAAA,EACT,SAAS,EAAE,QAAQ,GAAG,UAAU,SAAA;AAAA,EAChC,QAAQ,EAAE,QAAQ,GAAG,UAAU,UAAU,YAAY,SAAA;AAAA,EACrD,WAAW,CAAA;AACf;AAGO,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AAGD,UAAM,sBAAsB,OAA6D,IAAI;AAE7F,QAAI,oBAAoB,YAAY,MAAM;AACtC,0BAAoB,UAAU,uBAAA;AAAA,IAClC;AAEA,UAAM,mBAAmB,oBAAoB;AAC7C,UAAM,UAAU,OAA8B,IAAI;AAElD,UAAM,cAAc,CAAC,cAAuB;;AACxC,UAAI,QAAQ,SAAS;AAEjB,yBAAiB,SAAS,SAAS,QAAQ,QAAQ;AAAA,MACvD;AAEA;AACA,+DAAiB,YAAjB,yCAA2B;AAAA,IAC/B;AAEA,UAAM,gBAAgB,CAAC,cAAuB;;AAC1C;AACA,+DAAiB,cAAjB,yCAA6B;AAAA,IACjC;AAEA,UAAM,aAAa,MAAM;;AACrB,UAAI,QAAQ,SAAS;AAEjB,gBAAQ,QAAQ,MAAM,SAAS,QAAQ,QAAQ,eAAe;AAG9D,gBAAQ,QAAQ;AAAA,MACpB;AAEA;AACA,+DAAiB,WAAjB;AAAA,IACJ;AAEA,UAAM,eAAe,MAAM;;AACvB;AACA,+DAAiB,aAAjB;AAAA,IACJ;AAEA,UAAM,SAAS,CAAC,aAAoC;AAChD,cAAQ,UAAU;AAElB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACZ,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAI;AAAA,QACJ,SAAS;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,UAAU;AAAA,QAET,WAAC,UACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,YACjD,OAAO;AAAA,cACH,oBAAoB,gBAAgB;AAAA,cACpC,GAAG,iBAAiB,KAAK;AAAA,cACzB,GAAG;AAAA,YAAA;AAAA,YAEN,GAAG;AAAA,YACJ,KAAK;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAIhB;AACJ;AAEA,gBAAgB,cAAc;"}

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.43.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.45.0", ref, children });
   }),
   {
     Description: FooterDescription

package/components/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import React from \"react\";\nimport { FooterDescription } from \"./components/FooterDescription\";\n\n/** Свойства компонента Footer. */\nexport interface IFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Футер. */\nexport const Footer = Object.assign(\n    React.forwardRef<HTMLDivElement, IFooterProps>(function Footer({ children, ...rest }, ref) {\n        return (\n            <div {...rest} data-tx={process.env.npm_package_version} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Description: FooterDescription,\n    },\n);\n\nFooter.displayName = \"Footer\";\n"],"names":["React","Footer"],"mappings":";;;;;AAOO,MAAM,SAAS,OAAO;AAAA,EACzBA,eAAM,WAAyC,SAASC,QAAO,EAAE,UAAU,GAAG,KAAA,GAAQ,KAAK;AACvF,WACI,oBAAC,SAAK,GAAG,MAAM,WAAS,UAAiC,KACpD,UACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,aAAa;AAAA,EAAA;AAErB;AAEA,OAAO,cAAc;"}
+{"version":3,"file":"Footer.js","sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import React from \"react\";\nimport { FooterDescription } from \"./components/FooterDescription\";\n\n/** Свойства компонента Footer. */\nexport interface IFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Контент футера. Обычно составной Footer.Description. */\n    children?: React.ReactNode;\n}\n\n/** Футер. Контейнер нижнего блока с контентом и управляющими элементами. */\nexport const Footer = Object.assign(\n    React.forwardRef<HTMLDivElement, IFooterProps>(function Footer({ children, ...rest }, ref) {\n        return (\n            <div {...rest} data-tx={process.env.npm_package_version} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Description: FooterDescription,\n    },\n);\n\nFooter.displayName = \"Footer\";\n"],"names":["React","Footer"],"mappings":";;;;;AAUO,MAAM,SAAS,OAAO;AAAA,EACzBA,eAAM,WAAyC,SAASC,QAAO,EAAE,UAAU,GAAG,KAAA,GAAQ,KAAK;AACvF,WACI,oBAAC,SAAK,GAAG,MAAM,WAAS,UAAiC,KACpD,UACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,aAAa;AAAA,EAAA;AAErB;AAEA,OAAO,cAAc;"}

package/components/Footer/components/FooterDescription.js

@@ -3,7 +3,7 @@ import React__default from "react";
 import { FooterDescriptionContent } from "./FooterDescriptionContent.js";
 import { FooterDescriptionControls } from "./FooterDescriptionControls.js";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/Footer.module-Drrxy-6W.js";
+import { s as styles } from "../../../chunks/Footer.module-DgSEqR3M.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/FooterDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterDescription.js","sources":["../../../../src/components/Footer/components/FooterDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport { FooterDescriptionContent } from \"./FooterDescriptionContent\";\nimport { FooterDescriptionControls } from \"./FooterDescriptionControls\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Footer.module.less\";\n\n/** Свойства компонента FooterDescription. */\nexport interface IFooterDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Футер, основная часть. */\nexport const FooterDescription = Object.assign(\n    React.forwardRef<HTMLDivElement, IFooterDescriptionProps>(function FooterDescription(\n        { children, className, ...rest },\n        ref,\n    ) {\n        return (\n            <div className={clsx(styles.footerDescription, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: FooterDescriptionContent,\n        Controls: FooterDescriptionControls,\n    },\n);\n\nFooterDescription.displayName = \"FooterDescription\";\n"],"names":["React","FooterDescription"],"mappings":";;;;;;AAUO,MAAM,oBAAoB,OAAO;AAAA,EACpCA,eAAM,WAAoD,SAASC,mBAC/D,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,mBAAmB,SAAS,GAAI,GAAG,MAAM,KAChE,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;AAEA,kBAAkB,cAAc;"}
+{"version":3,"file":"FooterDescription.js","sources":["../../../../src/components/Footer/components/FooterDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport { FooterDescriptionContent } from \"./FooterDescriptionContent\";\nimport { FooterDescriptionControls } from \"./FooterDescriptionControls\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Footer.module.less\";\n\n/** Свойства компонента FooterDescription. */\nexport interface IFooterDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Контент основной части футера: Footer.Description.Content и Footer.Description.Controls. */\n    children?: React.ReactNode;\n}\n\n/** Футер, основная часть. Раскладывает контент и кнопки действий в строку. */\nexport const FooterDescription = Object.assign(\n    React.forwardRef<HTMLDivElement, IFooterDescriptionProps>(function FooterDescription(\n        { children, className, ...rest },\n        ref,\n    ) {\n        return (\n            <div className={clsx(styles.footerDescription, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: FooterDescriptionContent,\n        Controls: FooterDescriptionControls,\n    },\n);\n\nFooterDescription.displayName = \"FooterDescription\";\n"],"names":["React","FooterDescription"],"mappings":";;;;;;AAaO,MAAM,oBAAoB,OAAO;AAAA,EACpCA,eAAM,WAAoD,SAASC,mBAC/D,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,mBAAmB,SAAS,GAAI,GAAG,MAAM,KAChE,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;AAEA,kBAAkB,cAAc;"}

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-D4wvHis9.js";
-import { s as styles } from "../../../chunks/Footer.module-Drrxy-6W.js";
+import { s as styles } from "../../../chunks/Footer.module-DgSEqR3M.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/FooterDescriptionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterDescriptionContent.js","sources":["../../../../src/components/Footer/components/FooterDescriptionContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Footer.module.less\";\n\n/** Свойства компонента FooterDescriptionContent. */\nexport interface IFooterDescriptionContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Футер, контент основной части. */\nexport const FooterDescriptionContent = React.forwardRef<HTMLDivElement, IFooterDescriptionContentProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.footerDescriptionContent, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nFooterDescriptionContent.displayName = \"FooterDescriptionContent\";\n"],"names":["React"],"mappings":";;;;AAQO,MAAM,2BAA2BA,eAAM;AAAA,EAC1C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,0BAA0B,SAAS,GAAI,GAAG,MAAM,KACvE,SAAA,CACL;AAER;AAEA,yBAAyB,cAAc;"}
+{"version":3,"file":"FooterDescriptionContent.js","sources":["../../../../src/components/Footer/components/FooterDescriptionContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Footer.module.less\";\n\n/** Свойства компонента FooterDescriptionContent. */\nexport interface IFooterDescriptionContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Контент основной части футера — текст, ссылки, произвольная разметка. */\n    children?: React.ReactNode;\n}\n\n/** Футер, контент основной части. */\nexport const FooterDescriptionContent = React.forwardRef<HTMLDivElement, IFooterDescriptionContentProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.footerDescriptionContent, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nFooterDescriptionContent.displayName = \"FooterDescriptionContent\";\n"],"names":["React"],"mappings":";;;;AAWO,MAAM,2BAA2BA,eAAM;AAAA,EAC1C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,0BAA0B,SAAS,GAAI,GAAG,MAAM,KACvE,SAAA,CACL;AAER;AAEA,yBAAyB,cAAc;"}

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-D4wvHis9.js";
-import { s as styles } from "../../../chunks/Footer.module-Drrxy-6W.js";
+import { s as styles } from "../../../chunks/Footer.module-DgSEqR3M.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

@@ -6,21 +6,21 @@ 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__6cc726de";
-const sm = "sm__64a3476d";
-const md = "md__33da149d";
-const lg = "lg__8bc465f7";
-const active = "active__ea6808f1";
-const disabled = "disabled__c067b238";
-const error = "error__2399db0b";
-const warning = "warning__e2ae0068";
-const filled = "filled__4cfde3e9";
+const formField = "formField__c1bbfc13";
+const sm = "sm__d86d89eb";
+const md = "md__3199cd7c";
+const lg = "lg__03f0167d";
+const active = "active__3c6aa5f4";
+const disabled = "disabled__c6e77d48";
+const error = "error__ae88fd94";
+const warning = "warning__4f75f833";
+const filled = "filled__66672d1f";
 const styles = {
   formField,
   sm,
   md,
   lg,
-  "default": "default__dd225520",
+  "default": "default__3bf3f8e0",
   active,
   disabled,
   error,
@@ -84,7 +84,7 @@ const FormField = React__default.forwardRef(
           },
           className
         ),
-        "data-tx": "1.43.0",
+        "data-tx": "1.45.0",
         style: { paddingLeft: prefixWidth, paddingRight: postfixWidth, ...style },
         ...htmlDivAttributes,
         ref,

package/components/FormField/components/FormFieldClear.js

@@ -3,7 +3,7 @@ import React__default, { useCallback } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
-const formFieldClear = "formFieldClear__255c6a1e";
+const formFieldClear = "formFieldClear__48da3ad3";
 const styles = {
   formFieldClear
 };

package/components/FormField/components/FormFieldCounter.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldCounter = "formFieldCounter__13d3f288";
+const formFieldCounter = "formFieldCounter__8ba1727d";
 const styles = {
   formFieldCounter
 };

package/components/FormField/components/FormFieldDescription.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldDescription = "formFieldDescription__f14d2308";
-const withCounter = "withCounter__e1dd2c53";
+const formFieldDescription = "formFieldDescription__4e452c6d";
+const withCounter = "withCounter__b9c53e4e";
 const styles = {
   formFieldDescription,
   withCounter

package/components/FormField/components/FormFieldInput.js

@@ -5,10 +5,10 @@ import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { isFilled } from "./utils.js";
-const formFieldInput = "formFieldInput__4f93e75e";
-const sm = "sm__64a3476d";
-const md = "md__33da149d";
-const lg = "lg__8bc465f7";
+const formFieldInput = "formFieldInput__9cfa1912";
+const sm = "sm__d86d89eb";
+const md = "md__3199cd7c";
+const lg = "lg__03f0167d";
 const styles = {
   formFieldInput,
   sm,
@@ -29,7 +29,7 @@ const FormFieldInput = React__default.forwardRef(
     render,
     ...restProps
   }, ref) => {
-    const { status, setFocused, setTargetId, setFilled, size } = useContext(FormFieldContext);
+    const { size, status, setFocused, setTargetId, setFilled } = useContext(FormFieldContext);
     const id = useMemo(() => idProp === void 0 ? uniqueId("input_") : idProp, [idProp]);
     const classNames = clsx(styles.formFieldInput, SIZE_TO_CLASS_NAME_MAP[size], className);
     const syncFilled = useCallback(
@@ -96,7 +96,7 @@ const FormFieldInput = React__default.forwardRef(
       onChange: handleChange
     };
     if (render) {
-      return render({ ...commonProps, size }, ref);
+      return render(commonProps, ref);
     }
     return /* @__PURE__ */ jsx("input", { ...commonProps, ref });
   }

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 { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { DataAttributes } from \"../../../types/CoreTypes\";\nimport { isFilled } from \"./utils\";\nimport styles from \"../styles/FormFieldInput.module.less\";\n\n/** Свойства, передаваемые в рендер-функцию props.render компонента FormFieldInput. */\nexport interface IFormFieldInputProvideProps extends Omit<IFormFieldInputProps, \"render\" | \"size\"> {\n    /** Размер поля из FormFieldContext. */\n    size: EComponentSize;\n}\n\n/** Свойства компонента FormFieldInput. */\nexport interface IFormFieldInputProps extends React.InputHTMLAttributes<HTMLInputElement>, DataAttributes {\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 { status, setFocused, setTargetId, setFilled, size } = 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 = {\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, size }, ref);\n        }\n\n        // Рендер текстового инпута по умолчанию.\n        return <input {...commonProps} ref={ref} />;\n    },\n);\n\nFormFieldInput.displayName = \"FormFieldInput\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,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,QAAQ,YAAY,aAAa,WAAW,KAAA,IAAS,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,cAAc;AAAA,MAChB,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,EAAE,GAAG,aAAa,KAAA,GAAQ,GAAG;AAAA,IAC/C;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        }, [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;"}

package/components/FormField/components/FormFieldLabel.js

@@ -5,13 +5,13 @@ 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__33944646";
-const sm = "sm__64a3476d";
-const md = "md__33da149d";
-const lg = "lg__8bc465f7";
-const floating = "floating__9cb628a5";
-const formFieldLabelText = "formFieldLabelText__b95ce064";
-const disabled = "disabled__c067b238";
+const formFieldLabel = "formFieldLabel__c3151cb8";
+const sm = "sm__d86d89eb";
+const md = "md__3199cd7c";
+const lg = "lg__03f0167d";
+const floating = "floating__58934e39";
+const formFieldLabelText = "formFieldLabelText__6e69d88e";
+const disabled = "disabled__c6e77d48";
 const styles = {
   formFieldLabel,
   sm,

package/components/FormField/components/FormFieldMaskedInput.js

@@ -6,19 +6,23 @@ import { FormFieldInput } from "./FormFieldInput.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldMaskedInputWrapper = "formFieldMaskedInputWrapper__27c8543f";
-const formFieldMaskedInputPlaceholder = "formFieldMaskedInputPlaceholder__293c362c";
-const sm = "sm__64a3476d";
-const md = "md__33da149d";
-const lg = "lg__8bc465f7";
-const transparentText = "transparentText__9a55a246";
+const formFieldMaskedInputWrapper = "formFieldMaskedInputWrapper__f37ab83b";
+const maskLayout = "maskLayout__75187013";
+const sm = "sm__d86d89eb";
+const md = "md__3199cd7c";
+const lg = "lg__03f0167d";
+const valueMirror = "valueMirror__c3892ef2";
+const placeholderMask = "placeholderMask__1be9347a";
+const disabled = "disabled__c6e77d48";
 const styles = {
   formFieldMaskedInputWrapper,
-  formFieldMaskedInputPlaceholder,
+  maskLayout,
   sm,
   md,
   lg,
-  transparentText
+  valueMirror,
+  placeholderMask,
+  disabled
 };
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const FormFieldMaskedInputBase = React__default.forwardRef(
@@ -29,7 +33,7 @@ const FormFieldMaskedInputBase = React__default.forwardRef(
     onChange,
     placeholder,
     placeholderChar = "0",
-    placeholderMask,
+    placeholderMask: placeholderMask2,
     value,
     ...restProps
   }, ref) => {
@@ -41,8 +45,8 @@ const FormFieldMaskedInputBase = React__default.forwardRef(
       const calculatePlaceholderValue = () => {
         let nextPlaceholderValue = [];
         if (!value) {
-          if (placeholderMask) {
-            nextPlaceholderValue = placeholderMask.split("");
+          if (placeholderMask2) {
+            nextPlaceholderValue = placeholderMask2.split("");
           } else {
             const { conformedValue } = reactTextMaskExports.conformToMask("", mask, { guide: true, placeholderChar });
             nextPlaceholderValue = conformedValue.split("");
@@ -60,7 +64,7 @@ const FormFieldMaskedInputBase = React__default.forwardRef(
               nextPlaceholderValue[i] = conformedValue[i];
             } else {
               if (conformedValue[i] === placeholderChar && !value.toString()[i]) {
-                nextPlaceholderValue[i] = (placeholderMask == null ? void 0 : placeholderMask[i]) || placeholderChar;
+                nextPlaceholderValue[i] = (placeholderMask2 == null ? void 0 : placeholderMask2[i]) || placeholderChar;
               } else {
                 nextPlaceholderValue[i] = conformedValue[i];
               }
@@ -70,7 +74,7 @@ const FormFieldMaskedInputBase = React__default.forwardRef(
         return nextPlaceholderValue.join("");
       };
       setPlaceholderValue(calculatePlaceholderValue());
-    }, [value, mask, placeholderChar, placeholderMask]);
+    }, [value, mask, placeholderChar, placeholderMask2]);
     const handlePaste = () => {
       pasted.current = true;
     };
@@ -138,17 +142,18 @@ const FormFieldMaskedInputBase = React__default.forwardRef(
       return placeholderValue;
     };
     return /* @__PURE__ */ jsxs("div", { className: clsx(styles.formFieldMaskedInputWrapper, className), ref, children: [
-      getPlaceholderValue() && /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: clsx(styles.formFieldMaskedInputPlaceholder, SIZE_TO_CLASS_NAME_MAP[size]),
-          "aria-hidden": "true",
-          children: [
-            /* @__PURE__ */ jsx("span", { className: styles.transparentText, children: placeholderValue.slice(0, filledLength) }),
-            /* @__PURE__ */ jsx("span", { children: placeholderValue.slice(filledLength) })
-          ]
-        }
-      ),
+      getPlaceholderValue() && /* @__PURE__ */ jsxs("div", { className: clsx(styles.maskLayout, SIZE_TO_CLASS_NAME_MAP[size]), "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx("span", { className: styles.valueMirror, children: placeholderValue.slice(0, filledLength) }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: clsx(styles.placeholderMask, {
+              [styles.disabled]: status === EFormFieldStatus.DISABLED
+            }),
+            children: placeholderValue.slice(filledLength)
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsx(
         MaskedInputTextMask,
         {