@sberbusiness/triplex-next 0.47.0 → 0.48.0

package/components/Dropdown/mobile/DropdownMobileClose.js

@@ -3,7 +3,7 @@ import React from "react";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-B_HgOGFQ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-I3XX0fCJ.js";
 const DropdownMobileClose = React.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 from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-B_HgOGFQ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-I3XX0fCJ.js";
 const DropdownMobileFooter = React.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 from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-B_HgOGFQ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-I3XX0fCJ.js";
 const DropdownMobileHeader = React.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

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-B_HgOGFQ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-I3XX0fCJ.js";
 const DropdownMobileInner = React.forwardRef(
   ({
     children,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const dropdownMobileInput = "dropdownMobileInput__faa7537e";
+const dropdownMobileInput = "dropdownMobileInput__97aa5e6f";
 const styles = {
   dropdownMobileInput
 };

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -5,7 +5,7 @@ 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_HgOGFQ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-I3XX0fCJ.js";
 import { u as uniqueId } from "../../../chunks/vendor-Bf_-FiU6.js";
 const DropdownMobileList = React.forwardRef(
   ({ children, className, loading, ...htmlAttributes }, ref) => {

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -5,7 +5,7 @@ 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_HgOGFQ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-I3XX0fCJ.js";
 const DropdownMobileListItem = React.forwardRef(
   ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...htmlAttributes }, ref) => {
     const handleClick = (event) => {

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-B_HgOGFQ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-I3XX0fCJ.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 from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { FormFieldMaskedInput } from "../../FormField/components/FormFieldMaskedInput.js";
-const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__692c478d";
+const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__4b1e5ae8";
 const styles = {
   dropdownMobileMaskedInput
 };

package/components/Ellipsis/Ellipsis.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
-const ellipsisLineClamp = "ellipsisLineClamp__4dc18070";
-const oneLine = "oneLine__6df530df";
+const ellipsisLineClamp = "ellipsisLineClamp__20d23362";
+const oneLine = "oneLine__fb6ac767";
 const styles = {
   ellipsisLineClamp,
   oneLine
@@ -16,7 +16,7 @@ const Ellipsis = React.forwardRef(
         className: classNames,
         style: { "--ellipsis-line-clamp": maxLines },
         ...rest,
-        "data-tx": "0.47.0",
+        "data-tx": "0.48.0",
         ref,
         children
       }

package/components/EmptyView/EmptyView.js

@@ -6,10 +6,10 @@ 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__f4ea38a3";
-const container = "container__4d54c259";
-const icon = "icon__7d94326a";
-const textBlock = "textBlock__129b9353";
+const emptyView = "emptyView__8f3c841a";
+const container = "container__385bbf3b";
+const icon = "icon__42d9c118";
+const textBlock = "textBlock__06ce1451";
 const styles = {
   emptyView,
   container,

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useRef } from "react";
 import { y as Transition, c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
-const expandAnimation = "expandAnimation__dbe41850";
+const expandAnimation = "expandAnimation__c9d0d3e6";
 const styles = {
   expandAnimation
 };

package/components/Footer/Footer.js

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

package/components/Footer/components/FooterDescription.js

@@ -3,7 +3,7 @@ import React from "react";
 import { FooterDescriptionContent } from "./FooterDescriptionContent.js";
 import { FooterDescriptionControls } from "./FooterDescriptionControls.js";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/Footer.module-x_HWR9td.js";
+import { s as styles } from "../../../chunks/Footer.module-DztQ-Qkc.js";
 const FooterDescription = Object.assign(
   React.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 from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/Footer.module-x_HWR9td.js";
+import { s as styles } from "../../../chunks/Footer.module-DztQ-Qkc.js";
 const FooterDescriptionContent = React.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 from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/Footer.module-x_HWR9td.js";
+import { s as styles } from "../../../chunks/Footer.module-DztQ-Qkc.js";
 const FooterDescriptionControls = React.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, { useState, useMemo } from "react";
+import React, { useState, useLayoutEffect, useMemo } from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.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__13670217";
-const sm = "sm__d264577b";
-const md = "md__4c3b178e";
-const lg = "lg__de0f2dfc";
-const active = "active__69d10263";
-const disabled = "disabled__ee9ace03";
-const error = "error__44307cbd";
-const warning = "warning__f53d665b";
-const filled = "filled__65467692";
+const formField = "formField__b8ef0d18";
+const sm = "sm__f72a0297";
+const md = "md__8b64840f";
+const lg = "lg__23f58ec5";
+const active = "active__84397749";
+const disabled = "disabled__64662b32";
+const error = "error__97d44667";
+const warning = "warning__202c64db";
+const filled = "filled__e117fa2b";
 const styles = {
   formField,
   sm,
   md,
   lg,
-  "default": "default__ded56028",
+  "default": "default__713d51d3",
   active,
   disabled,
   error,
@@ -50,6 +50,11 @@ const FormField = React.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.forwardRef(
           },
           className
         ),
-        "data-tx": "0.47.0",
+        "data-tx": "0.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 Omit<React.HTMLAttributes<HTMLDivElement>, \"placeholder\">, 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":["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,YAAY,MAAM;AAAA,EAC3B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,SAAS,iBAAiB;AAAA,IAC1B,QAAAA,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 Omit<React.HTMLAttributes<HTMLDivElement>, \"placeholder\">, 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":["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,YAAY,MAAM;AAAA,EAC3B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,SAAS,iBAAiB;AAAA,IAC1B,QAAAA,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/components/FormFieldClear.js

@@ -3,7 +3,7 @@ import React, { useCallback } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
-const formFieldClear = "formFieldClear__48fba326";
+const formFieldClear = "formFieldClear__0b9e4e53";
 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-Bf_-FiU6.js";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldCounter = "formFieldCounter__55f5a2bf";
+const formFieldCounter = "formFieldCounter__26df1faf";
 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-Bf_-FiU6.js";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldDescription = "formFieldDescription__f2577f90";
-const withCounter = "withCounter__9d589354";
+const formFieldDescription = "formFieldDescription__a841f9a4";
+const withCounter = "withCounter__9fb887db";
 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__960f5791";
-const sm = "sm__d264577b";
-const md = "md__4c3b178e";
-const lg = "lg__de0f2dfc";
+const formFieldInput = "formFieldInput__539cb435";
+const sm = "sm__f72a0297";
+const md = "md__8b64840f";
+const lg = "lg__23f58ec5";
 const styles = {
   formFieldInput,
   sm,

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__ab9ab86e";
-const sm = "sm__d264577b";
-const md = "md__4c3b178e";
-const lg = "lg__de0f2dfc";
-const floating = "floating__46c794e7";
-const formFieldLabelText = "formFieldLabelText__ce521011";
-const disabled = "disabled__ee9ace03";
+const formFieldLabel = "formFieldLabel__e3a6f4f2";
+const sm = "sm__f72a0297";
+const md = "md__8b64840f";
+const lg = "lg__23f58ec5";
+const floating = "floating__383a3294";
+const formFieldLabelText = "formFieldLabelText__c220b1c0";
+const disabled = "disabled__64662b32";
 const styles = {
   formFieldLabel,
   sm,

package/components/FormField/components/FormFieldMaskedInput.js

@@ -6,14 +6,14 @@ import { FormFieldInput } from "./FormFieldInput.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldMaskedInputWrapper = "formFieldMaskedInputWrapper__de5166e6";
-const maskLayout = "maskLayout__cad66c5d";
-const sm = "sm__d264577b";
-const md = "md__4c3b178e";
-const lg = "lg__de0f2dfc";
-const valueMirror = "valueMirror__8e58bf1e";
-const placeholderMask = "placeholderMask__cc532718";
-const disabled = "disabled__ee9ace03";
+const formFieldMaskedInputWrapper = "formFieldMaskedInputWrapper__a3ada88d";
+const maskLayout = "maskLayout__1f96178c";
+const sm = "sm__f72a0297";
+const md = "md__8b64840f";
+const lg = "lg__23f58ec5";
+const valueMirror = "valueMirror__8595ce77";
+const placeholderMask = "placeholderMask__4b81c84c";
+const disabled = "disabled__64662b32";
 const styles = {
   formFieldMaskedInputWrapper,
   maskLayout,

package/components/FormField/components/FormFieldPostfix.js

@@ -3,7 +3,7 @@ import React, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { useFormFieldAffixWidth } from "./useFormFieldAffixWidth.js";
-const formFieldPostfix = "formFieldPostfix__fe5d6923";
+const formFieldPostfix = "formFieldPostfix__6af0a64c";
 const styles = {
   formFieldPostfix
 };

package/components/FormField/components/FormFieldPrefix.js

@@ -3,7 +3,7 @@ import React, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { useFormFieldAffixWidth } from "./useFormFieldAffixWidth.js";
-const formFieldPrefix = "formFieldPrefix__3ea08203";
+const formFieldPrefix = "formFieldPrefix__00df1710";
 const styles = {
   formFieldPrefix
 };

package/components/FormField/components/FormFieldTarget.js

@@ -4,14 +4,14 @@ import { u as uniqueId, c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldTarget = "formFieldTarget__71472e03";
-const sm = "sm__d264577b";
-const md = "md__4c3b178e";
-const lg = "lg__de0f2dfc";
-const placeholder = "placeholder__3fd69630";
-const disabled = "disabled__ee9ace03";
-const placeholderWrapper = "placeholderWrapper__79c96557";
-const active = "active__69d10263";
+const formFieldTarget = "formFieldTarget__13e60e75";
+const sm = "sm__f72a0297";
+const md = "md__8b64840f";
+const lg = "lg__23f58ec5";
+const placeholder = "placeholder__fb051bdb";
+const disabled = "disabled__64662b32";
+const placeholderWrapper = "placeholderWrapper__41396dc3";
+const active = "active__84397749";
 const styles = {
   formFieldTarget,
   sm,

package/components/FormField/components/FormFieldTextarea.js

@@ -5,10 +5,10 @@ import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { isFilled } from "./utils.js";
-const formFieldTextarea = "formFieldTextarea__47ea1393";
-const sm = "sm__d264577b";
-const md = "md__4c3b178e";
-const lg = "lg__de0f2dfc";
+const formFieldTextarea = "formFieldTextarea__0eeab59c";
+const sm = "sm__f72a0297";
+const md = "md__8b64840f";
+const lg = "lg__23f58ec5";
 const styles = {
   formFieldTextarea,
   sm,

package/components/Gap/Gap.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import React from "react";
-const size4 = "size4__46ed30e9";
-const size8 = "size8__d60e5b62";
-const size12 = "size12__7b27a02e";
-const size16 = "size16__83e78524";
-const size24 = "size24__b5030d9f";
-const size32 = "size32__06779af1";
-const size64 = "size64__7a41052f";
-const size128 = "size128__c9197abe";
+const size4 = "size4__88f5675c";
+const size8 = "size8__5a43ab73";
+const size12 = "size12__aeb46b56";
+const size16 = "size16__305da6f5";
+const size24 = "size24__d981a8f6";
+const size32 = "size32__f3b788d4";
+const size64 = "size64__c9de71d6";
+const size128 = "size128__0c5b5941";
 const styles = {
   size4,
   size8,

package/components/Header/Header.js

@@ -12,7 +12,7 @@ import "./components/HeaderTitle/HeaderTitleContent.js";
 import "./components/HeaderTitle/HeaderTitleControls.js";
 const Header = Object.assign(
   React.forwardRef(function Header2({ children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "0.47.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "0.48.0", ref, children });
   }),
   {
     LayoutSidebar: HeaderLayoutSidebar,

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js

@@ -3,7 +3,7 @@ import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
 import { HeaderLayoutSidebarContent } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar } from "./HeaderLayoutSidebarSidebar.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-C9m6F5xu.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-XW_Ji7sm.js";
 const HeaderLayoutSidebar = Object.assign(
   React.forwardRef(function HeaderLayoutSidebar2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebar, className), ...rest, ref, children });

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-C9m6F5xu.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-XW_Ji7sm.js";
 const HeaderLayoutSidebarContent = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebarContent, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-C9m6F5xu.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-XW_Ji7sm.js";
 const HeaderLayoutSidebarSidebar = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebarSidebar, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderSubheader/HeaderSubheader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-const headerSubheader = "headerSubheader__408fca75";
-const withoutPaddings = "withoutPaddings__d5c9316b";
+const headerSubheader = "headerSubheader__a191e989";
+const withoutPaddings = "withoutPaddings__883bf338";
 const styles = {
   headerSubheader,
   withoutPaddings

package/components/Header/components/HeaderTabs/HeaderTabs.js

@@ -3,7 +3,7 @@ import React from "react";
 import { HeaderTabsContent } from "./HeaderTabsContent.js";
 import { HeaderTabsControls } from "./HeaderTabsControls.js";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-TYr24Epn.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-BGJudXBZ.js";
 const HeaderTabs = Object.assign(
   React.forwardRef(function HeaderTabs2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabs, className), ...rest, ref, children });

package/components/Header/components/HeaderTabs/HeaderTabsContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-TYr24Epn.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-BGJudXBZ.js";
 const HeaderTabsContent = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsContent, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderTabs/HeaderTabsControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-TYr24Epn.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-BGJudXBZ.js";
 const HeaderTabsControls = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsControls, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderTitle/HeaderTitle.js

@@ -3,7 +3,7 @@ import React from "react";
 import { HeaderTitleContent } from "./HeaderTitleContent.js";
 import { HeaderTitleControls } from "./HeaderTitleControls.js";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-RNdnxSVu.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-DS3HN5tF.js";
 const HeaderTitle = Object.assign(
   React.forwardRef(function HeaderTitle2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTitle, className), ...rest, ref, children });

package/components/Header/components/HeaderTitle/HeaderTitleContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-RNdnxSVu.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-DS3HN5tF.js";
 const HeaderTitleContent = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/Header/components/HeaderTitle/HeaderTitleControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-RNdnxSVu.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-DS3HN5tF.js";
 const HeaderTitleControls = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/HelpBox/HelpBox.js

@@ -8,7 +8,7 @@ import { Tooltip } from "../Tooltip/Tooltip.js";
 import { MobileView } from "../MobileView/MobileView.js";
 import { getDataHTMLAttributes } from "../../utils/html/DataAttributes.js";
 import { getAriaHTMLAttributes } from "../../utils/html/AriaAttributes.js";
-const helpBoxButton = "helpBoxButton__7b38e741";
+const helpBoxButton = "helpBoxButton__8f4d2e80";
 const styles = {
   helpBoxButton
 };

package/components/IconWrapper/IconWrapper.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
-const disableInteraction = "disableInteraction__e545c4e7";
-const displayContents = "displayContents__2fa0ec63";
+const disableInteraction = "disableInteraction__c3dc99ce";
+const displayContents = "displayContents__0460669e";
 const styles = {
   disableInteraction,
   displayContents

package/components/ImageGallery/ImageGallery.js

@@ -8,7 +8,7 @@ import "../ImageGalleryExtended/components/ImageGalleryExtendedMain.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import "../../chunks/ImageGalleryExtendedThumb-DlnuYNuE.js";
+import "../../chunks/ImageGalleryExtendedThumb-BAfM4oYR.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "../ImageGalleryExtended/enums.js";
 const ImageGallery = React.forwardRef(