@sberbusiness/triplex-next 1.45.0 → 1.47.0

package/components/SliderRange/SliderRange.js

@@ -4,6 +4,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { SliderExtended } from "../SliderExtended/SliderExtended.js";
+const sortValues = (values) => [...values].sort((a, b) => a - b);
+const isSameValues = (values, otherValues) => values.join("") === otherValues.join("");
 class SliderRange extends React__default.Component {
   constructor(props) {
     super(props);
@@ -11,10 +13,10 @@ class SliderRange extends React__default.Component {
     __publicField(this, "validateValues", () => {
       const { onChange, values } = this.props;
       if (values[0] > values[1]) {
-        onChange(this.sortValues(values));
+        onChange(sortValues(values));
       }
     });
-    __publicField(this, "sortValues", (values) => [...values].sort((a, b) => a - b));
+    /** Возвращает обработчик изменения значения ползунка с индексом valueIndex. */
     __publicField(this, "handleChange", (valueIndex) => {
       return (value) => {
         const { onChange } = this.props;
@@ -22,7 +24,7 @@ class SliderRange extends React__default.Component {
           const { innerValues } = prevState;
           const nextVal = [...innerValues];
           nextVal[valueIndex] = value;
-          const sortedVal = nextVal[0] > nextVal[1] ? this.sortValues(nextVal) : nextVal;
+          const sortedVal = nextVal[0] > nextVal[1] ? sortValues(nextVal) : nextVal;
           onChange(sortedVal);
           return { innerValues: nextVal };
         });
@@ -35,22 +37,14 @@ class SliderRange extends React__default.Component {
   }
   componentDidUpdate(prevProps) {
     const { values } = this.props;
-    const { values: prevValues } = prevProps;
     const { innerValues } = this.state;
     this.validateValues();
-    if (values.join("") !== prevValues.join("")) {
-      if (innerValues[0] <= innerValues[1]) {
-        const nextInnerValues = [...values];
-        if (nextInnerValues.join("") !== innerValues.join("")) {
-          this.setState({
-            innerValues: [...values]
-          });
-        }
-      } else if ([values[1], values[0]].join("") !== innerValues.join("")) {
-        this.setState({
-          innerValues: [values[1], values[0]]
-        });
-      }
+    if (isSameValues(values, prevProps.values)) {
+      return;
+    }
+    const nextInnerValues = innerValues[0] <= innerValues[1] ? [...values] : [values[1], values[0]];
+    if (!isSameValues(nextInnerValues, innerValues)) {
+      this.setState({ innerValues: nextInnerValues });
     }
   }
   render() {
@@ -61,11 +55,10 @@ class SliderRange extends React__default.Component {
       step = 1,
       values,
       renderTooltipContent,
-      size,
       ...sliderExtendedAttributes
     } = this.props;
     const { innerValues } = this.state;
-    return /* @__PURE__ */ jsxs(SliderExtended, { step, size, ...sliderExtendedAttributes, children: [
+    return /* @__PURE__ */ jsxs(SliderExtended, { step, ...sliderExtendedAttributes, children: [
       /* @__PURE__ */ jsx(SliderExtended.Rail, {}),
       /* @__PURE__ */ jsx(SliderExtended.Dot, { value: innerValues[0], onChange: this.handleChange(0), children: renderTooltipContent && /* @__PURE__ */ jsx(SliderExtended.Tooltip, { value: innerValues[0], children: renderTooltipContent(innerValues[0]) }) }, "1"),
       /* @__PURE__ */ jsx(SliderExtended.Track, { draggable: draggableTrack }),

package/components/SliderRange/SliderRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderRange.js","sources":["../../../src/components/SliderRange/SliderRange.tsx"],"sourcesContent":["import React from \"react\";\nimport { ISliderExtendedProps, SliderExtended } from \"../SliderExtended/SliderExtended\";\n\n/**\n * Значения Range - массив из двух чисел, в соответствии которому строятся ползунки.\n * Оба числа должны быть в диапазоне от min до max. Левое число меньше правого.\n */\nexport type TSliderRangeValues = [number, number];\n\n/** Лейбл под полосой слайдера. */\nexport interface ISliderRangeMark {\n    /** Значение расположения метки, должно быть в диапазоне от min до max. */\n    value: number;\n    label: React.ReactNode;\n}\n\nexport interface ISliderRangeProps extends Omit<ISliderExtendedProps, \"onChange\" | \"step\"> {\n    children?: never;\n    /** Трек можно передвигать. По-умолчанию true. */\n    draggableTrack?: boolean;\n    /** Массив меток под полосой слайдера. */\n    marks: ISliderRangeMark[];\n    /** Обработчик изменения значений. */\n    onChange: (values: TSliderRangeValues) => void;\n    /**\n     * Длина шага, например при длине шага 1, с min-0. max-100, слайдер будет разделен на 100 шагов.\n     * Вместо длины шага можно передать массив шагов, например [0, 25, 50, 75, 100]. Начальное значение должно быть равно min, последнее значение должно быть равно max.\n     */\n    step?: number | number[];\n    /** Значения Range - массив из двух чисел, в соответствии которому строятся ползунки. Оба числа должны быть в диапазоне от min до max. */\n    values: TSliderRangeValues;\n    /** Содержимое тултипа, отображаемого при наведении на точку и перемещении. */\n    renderTooltipContent?: (value: number) => React.ReactNode;\n}\n\ninterface ISliderRangeState {\n    /** Внутренние значения values, они не отсортированы так, что первое значение всегда меньше второго. */\n    innerValues: TSliderRangeValues;\n}\n\n/** Слайдер с двумя ползунками. */\nclass SliderRange extends React.Component<ISliderRangeProps, ISliderRangeState> {\n    public static displayName = \"SliderRange\";\n\n    public static defaultProps: Partial<ISliderRangeProps> = {\n        step: 1,\n    };\n\n    constructor(props: ISliderRangeProps) {\n        super(props);\n\n        this.state = {\n            innerValues: [...props.values],\n        };\n\n        this.validateValues();\n    }\n\n    public componentDidUpdate(prevProps: ISliderRangeProps): void {\n        const { values } = this.props;\n        const { values: prevValues } = prevProps;\n        const { innerValues } = this.state;\n\n        this.validateValues();\n\n        // Values изменились.\n        if (values.join(\"\") !== prevValues.join(\"\")) {\n            // Первое значение innerValues меньше второго значения. Присвоение values происходит в обычном порядке.\n            if (innerValues[0] <= innerValues[1]) {\n                const nextInnerValues = [...values];\n                // Новые values отличаются от innerValues.\n                if (nextInnerValues.join(\"\") !== innerValues.join(\"\")) {\n                    this.setState({\n                        innerValues: [...values],\n                    });\n                }\n\n                // Первое значение innerValues больше второго значения . Присвоение values происходит в обратном порядке. Новые values отличаются от innerValues.\n            } else if ([values[1], values[0]].join(\"\") !== innerValues.join(\"\")) {\n                this.setState({\n                    innerValues: [values[1], values[0]],\n                });\n            }\n        }\n    }\n\n    public render(): React.ReactNode {\n        const {\n            draggableTrack,\n            marks,\n            onChange,\n            step = 1,\n            values,\n            renderTooltipContent,\n            size,\n            ...sliderExtendedAttributes\n        } = this.props;\n        const { innerValues } = this.state;\n\n        return (\n            <SliderExtended step={step} size={size} {...sliderExtendedAttributes}>\n                <SliderExtended.Rail />\n\n                <SliderExtended.Dot key={\"1\"} value={innerValues[0]} onChange={this.handleChange(0)}>\n                    {renderTooltipContent && (\n                        <SliderExtended.Tooltip value={innerValues[0]}>\n                            {renderTooltipContent(innerValues[0])}\n                        </SliderExtended.Tooltip>\n                    )}\n                </SliderExtended.Dot>\n                <SliderExtended.Track draggable={draggableTrack} />\n                <SliderExtended.Dot key={\"2\"} value={innerValues[1]} onChange={this.handleChange(1)}>\n                    {renderTooltipContent && (\n                        <SliderExtended.Tooltip value={innerValues[1]}>\n                            {renderTooltipContent(innerValues[1])}\n                        </SliderExtended.Tooltip>\n                    )}\n                </SliderExtended.Dot>\n\n                <SliderExtended.Marks>\n                    {marks.map((m) => (\n                        <SliderExtended.Mark key={m.value} value={m.value}>\n                            {m.label}\n                        </SliderExtended.Mark>\n                    ))}\n                </SliderExtended.Marks>\n            </SliderExtended>\n        );\n    }\n\n    /** Проверка values, меньшее значение, должно быть перед большим. */\n    private validateValues = () => {\n        const { onChange, values } = this.props;\n        if (values[0] > values[1]) {\n            onChange(this.sortValues(values));\n        }\n    };\n\n    private sortValues = (values: TSliderRangeValues): TSliderRangeValues =>\n        [...values].sort((a, b) => a - b) as TSliderRangeValues;\n\n    private handleChange = (valueIndex: number) => {\n        return (value: number) => {\n            const { onChange } = this.props;\n\n            this.setState((prevState) => {\n                const { innerValues } = prevState;\n                const nextVal = [...innerValues] as TSliderRangeValues;\n                nextVal[valueIndex] = value;\n\n                // Сортируем значения для передачи в onChange\n                const sortedVal = nextVal[0] > nextVal[1] ? this.sortValues(nextVal) : nextVal;\n                onChange(sortedVal);\n\n                return { innerValues: nextVal };\n            });\n        };\n    };\n}\n\nexport { SliderRange };\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"SliderRange.js","sources":["../../../src/components/SliderRange/SliderRange.tsx"],"sourcesContent":["import React from \"react\";\nimport { ISliderExtendedProps, SliderExtended } from \"../SliderExtended/SliderExtended\";\n\n/**\n * Значения Range - массив из двух чисел, в соответствии которому строятся ползунки.\n * Оба числа должны быть в диапазоне от min до max. Левое число меньше правого.\n */\nexport type TSliderRangeValues = [number, number];\n\n/** Лейбл под полосой слайдера. */\nexport interface ISliderRangeMark {\n    /** Значение расположения метки, должно быть в диапазоне от min до max. */\n    value: number;\n    /** Содержимое метки. */\n    label: React.ReactNode;\n}\n\n/** Свойства компонента SliderRange. */\nexport interface ISliderRangeProps extends Omit<ISliderExtendedProps, \"onChange\" | \"step\"> {\n    /** Состав слайдера фиксирован, содержимое не передаётся. */\n    children?: never;\n    /** Трек можно передвигать. По умолчанию true. */\n    draggableTrack?: boolean;\n    /** Массив меток под полосой слайдера. */\n    marks: ISliderRangeMark[];\n    /** Обработчик изменения значений. Вызывается с отсортированной парой значений. */\n    onChange: (values: TSliderRangeValues) => void;\n    /**\n     * Длина шага, например при длине шага 1, с min-0. max-100, слайдер будет разделен на 100 шагов.\n     * Вместо длины шага можно передать массив шагов, например [0, 25, 50, 75, 100]. Начальное значение должно быть равно min, последнее значение должно быть равно max.\n     * По умолчанию 1.\n     */\n    step?: number | number[];\n    /** Значения Range - массив из двух чисел, в соответствии которому строятся ползунки. Оба числа должны быть в диапазоне от min до max. */\n    values: TSliderRangeValues;\n    /** Содержимое тултипа, отображаемого при наведении на точку и перемещении. */\n    renderTooltipContent?: (value: number) => React.ReactNode;\n}\n\ninterface ISliderRangeState {\n    /** Внутренние значения values, они не отсортированы так, что первое значение всегда меньше второго. */\n    innerValues: TSliderRangeValues;\n}\n\n/** Возвращает пару значений, отсортированную по возрастанию. */\nconst sortValues = (values: TSliderRangeValues): TSliderRangeValues =>\n    [...values].sort((a, b) => a - b) as TSliderRangeValues;\n\n/**\n * Сравнивает пары значений.\n * Сравнение идёт по склейке значений: пары вроде [1, 23] и [12, 3] считаются одинаковыми.\n * Поведение сохранено намеренно — см. SliderRange-ai.md, раздел «Инварианты».\n */\nconst isSameValues = (values: TSliderRangeValues, otherValues: TSliderRangeValues): boolean =>\n    values.join(\"\") === otherValues.join(\"\");\n\n/**\n * Слайдер с двумя ползунками — готовая сборка SliderExtended для выбора диапазона.\n * Компонент рисует ползунки по внутренним значениям и сообщает новую пару через onChange.\n * Внутренние значения синхронизируются с values, когда потребитель присылает новую пару.\n */\nclass SliderRange extends React.Component<ISliderRangeProps, ISliderRangeState> {\n    public static displayName = \"SliderRange\";\n\n    public static defaultProps: Partial<ISliderRangeProps> = {\n        step: 1,\n    };\n\n    constructor(props: ISliderRangeProps) {\n        super(props);\n\n        this.state = {\n            innerValues: [...props.values],\n        };\n\n        this.validateValues();\n    }\n\n    public componentDidUpdate(prevProps: ISliderRangeProps): void {\n        const { values } = this.props;\n        const { innerValues } = this.state;\n\n        this.validateValues();\n\n        // Values не изменились — синхронизировать нечего.\n        if (isSameValues(values, prevProps.values)) {\n            return;\n        }\n\n        // Первое значение innerValues меньше второго — присвоение values происходит в обычном порядке.\n        // Иначе ползунки перекрещены, и values присваиваются в обратном порядке, чтобы каждый ползунок остался на своей стороне.\n        const nextInnerValues: TSliderRangeValues =\n            innerValues[0] <= innerValues[1] ? [...values] : [values[1], values[0]];\n\n        // Новые values отличаются от innerValues.\n        if (!isSameValues(nextInnerValues, innerValues)) {\n            this.setState({ innerValues: nextInnerValues });\n        }\n    }\n\n    public render(): React.ReactNode {\n        // step = 1 дублирует defaultProps намеренно: при чтении this.props тип остаётся\n        // number | number[] | undefined, а SliderExtended требует определённый step.\n        const {\n            draggableTrack,\n            marks,\n            onChange,\n            step = 1,\n            values,\n            renderTooltipContent,\n            ...sliderExtendedAttributes\n        } = this.props;\n        const { innerValues } = this.state;\n\n        return (\n            <SliderExtended step={step} {...sliderExtendedAttributes}>\n                <SliderExtended.Rail />\n\n                <SliderExtended.Dot key={\"1\"} value={innerValues[0]} onChange={this.handleChange(0)}>\n                    {renderTooltipContent && (\n                        <SliderExtended.Tooltip value={innerValues[0]}>\n                            {renderTooltipContent(innerValues[0])}\n                        </SliderExtended.Tooltip>\n                    )}\n                </SliderExtended.Dot>\n                <SliderExtended.Track draggable={draggableTrack} />\n                <SliderExtended.Dot key={\"2\"} value={innerValues[1]} onChange={this.handleChange(1)}>\n                    {renderTooltipContent && (\n                        <SliderExtended.Tooltip value={innerValues[1]}>\n                            {renderTooltipContent(innerValues[1])}\n                        </SliderExtended.Tooltip>\n                    )}\n                </SliderExtended.Dot>\n\n                <SliderExtended.Marks>\n                    {marks.map((m) => (\n                        <SliderExtended.Mark key={m.value} value={m.value}>\n                            {m.label}\n                        </SliderExtended.Mark>\n                    ))}\n                </SliderExtended.Marks>\n            </SliderExtended>\n        );\n    }\n\n    /** Проверка values, меньшее значение, должно быть перед большим. */\n    private validateValues = () => {\n        const { onChange, values } = this.props;\n\n        if (values[0] > values[1]) {\n            onChange(sortValues(values));\n        }\n    };\n\n    /** Возвращает обработчик изменения значения ползунка с индексом valueIndex. */\n    private handleChange = (valueIndex: number) => {\n        return (value: number) => {\n            const { onChange } = this.props;\n\n            // Обновление и вызов onChange идут внутри updater'а намеренно: перемещение трека меняет\n            // оба ползунка двумя вызовами подряд, и второй обязан видеть значение, записанное первым.\n            this.setState((prevState) => {\n                const { innerValues } = prevState;\n                const nextVal = [...innerValues] as TSliderRangeValues;\n                nextVal[valueIndex] = value;\n\n                // Сортируем значения для передачи в onChange\n                const sortedVal = nextVal[0] > nextVal[1] ? sortValues(nextVal) : nextVal;\n                onChange(sortedVal);\n\n                return { innerValues: nextVal };\n            });\n        };\n    };\n}\n\nexport { SliderRange };\n"],"names":["React"],"mappings":"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"}

package/components/SmallInput/SmallInput.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";
-const smallInput = "smallInput__4197de6b";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const smallInput = "smallInput__5855f9c0";
 const styles = {
   smallInput
 };

package/components/Spoiler/Spoiler.js

@@ -8,16 +8,16 @@ import "../Button/ButtonDropdownExtended.js";
 import { EButtonTheme } from "../Button/enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-import { u as uniqueId, c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const spoiler = "spoiler__012473b7";
-const opened = "opened__8fee287c";
-const caretIcon = "caretIcon__51b2c320";
-const head = "head__b03ea567";
-const content = "content__37b5ce1a";
-const hidden = "hidden__a6c1e1cb";
-const lg = "lg__19073235";
-const md = "md__c39d1b81";
-const sm = "sm__9324b4fa";
+import { u as uniqueId, c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const spoiler = "spoiler__1bfed50b";
+const opened = "opened__b464b337";
+const caretIcon = "caretIcon__fde7d05b";
+const head = "head__5862e584";
+const content = "content__bcd34131";
+const hidden = "hidden__faac5200";
+const lg = "lg__675538a6";
+const md = "md__7ecde359";
+const sm = "sm__03743060";
 const styles = {
   spoiler,
   opened,
@@ -69,7 +69,7 @@ const Spoiler = React__default.forwardRef((props, ref) => {
     },
     className
   );
-  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "1.45.0", ref, children: [
+  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "1.47.0", ref, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.head, children: [
       /* @__PURE__ */ jsxs(
         Button,

package/components/StatusTracker/StatusTracker.js

@@ -1,7 +1,7 @@
 import { jsxs, 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/StatusTracker.module-oLJmSAgs.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../chunks/StatusTracker.module-CLL7XYcX.js";
 import { EStatusTrackerType, EStatusTrackerVerticalAlign } from "./enums.js";
 import { StatusTrackerMedia } from "./components/StatusTrackerMedia.js";
 import { StatusTrackerHeader } from "./components/StatusTrackerHeader.js";
@@ -30,7 +30,7 @@ const StatusTracker = Object.assign(
         className: clsx(styles.statusTrackerWrapper, className),
         ...rest,
         ref,
-        "data-tx": "1.45.0",
+        "data-tx": "1.47.0",
         children: [
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerBackground, TYPE_TO_CLASS_NAME_MAP[type]), children: /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerColor, TYPE_TO_CLASS_NAME_MAP[type]) }) }, type),
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTracker, VERTICAL_ALIGN_TO_CLASS_NAME_MAP[verticalAlign]), children })

package/components/StatusTracker/components/StatusTrackerAlert.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import "../../Alert/AlertContext/AlertContext.js";
 import { AlertProcess } from "../../Alert/AlertProcess/AlertProcess.js";
 import "../../Alert/AlertTypeUtils.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-oLJmSAgs.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CLL7XYcX.js";
 import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/StatusTracker/components/StatusTrackerBody.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { StatusTrackerAlert } from "./StatusTrackerAlert.js";
 import { StatusTrackerStatus } from "./StatusTrackerStatus.js";
 import { StatusTrackerStatusGroup } from "./StatusTrackerStatusGroup.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-oLJmSAgs.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CLL7XYcX.js";
 const StatusTrackerBody = Object.assign(
   React__default.forwardRef(function StatusTrackerBody2({ children, className, ...restProps }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...restProps, ref, children });

package/components/StatusTracker/components/StatusTrackerButton.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-oLJmSAgs.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CLL7XYcX.js";
 import { Button } from "../../Button/Button.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-oLJmSAgs.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CLL7XYcX.js";
 const StatusTrackerDescription = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx(

package/components/StatusTracker/components/StatusTrackerFooter.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/StatusTracker.module-oLJmSAgs.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CLL7XYcX.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerButton } from "./StatusTrackerButton.js";
 const StatusTrackerFooter = Object.assign(

package/components/StatusTracker/components/StatusTrackerHeader.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerTitle } from "./StatusTrackerTitle.js";
 import { StatusTrackerSum } from "./StatusTrackerSum.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-oLJmSAgs.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CLL7XYcX.js";
 const StatusTrackerHeader = Object.assign(
   React__default.forwardRef(function StatusTrackerHeader2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, ref, children });

package/components/StatusTracker/components/StatusTrackerMedia.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-oLJmSAgs.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CLL7XYcX.js";
 const StatusTrackerMedia = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, children });

package/components/StatusTracker/components/StatusTrackerStatus.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-oLJmSAgs.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CLL7XYcX.js";
 import { MarkerStatus } from "../../MarkerStatus/MarkerStatus.js";
 const StatusTrackerStatus = (props) => {
   const { children, className, ...rest } = props;

package/components/StatusTracker/components/StatusTrackerStatusGroup.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";
-const statusTrackerStatusGroup = "statusTrackerStatusGroup__309c20be";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const statusTrackerStatusGroup = "statusTrackerStatusGroup__9a1ed79d";
 const styles = {
   statusTrackerStatusGroup
 };

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { ETitleSize, EFontWeightTitle } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
 import { Amount } from "../../Amount/Amount.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-oLJmSAgs.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CLL7XYcX.js";
 const StatusTrackerSum = (props) => {
   const { className, amountProps, ...restProps } = props;
   return /* @__PURE__ */ jsx(

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { ETitleSize, EFontWeightTitle } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-oLJmSAgs.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CLL7XYcX.js";
 const StatusTrackerTitle = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx(

package/components/Step/Step.js

@@ -8,24 +8,24 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const step = "step__dd83a98c";
-const sm = "sm__64aac3b6";
-const md = "md__593d4a96";
-const lg = "lg__9495ec48";
-const done = "done__0dfc4cbf";
-const warning = "warning__c1aeba47";
-const active = "active__d6c21521";
-const error = "error__251f2cfe";
-const disabled = "disabled__71748695";
+const step = "step__a1ce0d56";
+const sm = "sm__8e296f9b";
+const md = "md__59791c7d";
+const lg = "lg__5b9a60c0";
+const done = "done__405b0dd3";
+const warning = "warning__3db1b0f4";
+const active = "active__8a608f6c";
+const error = "error__a8fd6443";
+const disabled = "disabled__8c4fd3c0";
 const styles = {
   step,
   sm,
   md,
   lg,
-  "default": "default__32323e95",
+  "default": "default__6dd9fbdd",
   done,
   warning,
   active,

package/components/Stepper/Stepper.js

@@ -1,7 +1,7 @@
 import "./enums.js";
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { CarouselExtended } from "../CarouselExtended/CarouselExtended.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
@@ -12,14 +12,14 @@ import { scrollSmoothHorizontally } from "../../utils/scroll.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EScreenWidth } from "../../helpers/breakpoints.js";
 import "./StepperStepIcon.js";
-const stepperCarousel = "stepperCarousel__0261ceca";
-const stepperButtonWrapper = "stepperButtonWrapper__2d9c1564";
-const prev = "prev__8cda1746";
-const next = "next__5a0ededf";
-const stepperButton = "stepperButton__30090866";
-const sm = "sm__3dc3ba2f";
-const md = "md__3e16d987";
-const lg = "lg__db3863f1";
+const stepperCarousel = "stepperCarousel__ad5c84fb";
+const stepperButtonWrapper = "stepperButtonWrapper__c26b1578";
+const prev = "prev__54b85b56";
+const next = "next__5d3bf8f8";
+const stepperButton = "stepperButton__4535fa8c";
+const sm = "sm__763b7b6a";
+const md = "md__aafb0e61";
+const lg = "lg__51789702";
 const styles = {
   stepperCarousel,
   stepperButtonWrapper,

package/components/Stepper/StepperExtended.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { StepperStep } from "./StepperStep.js";
 import { StepperExtendedContext } from "./StepperExtendedContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const stepperExtended = "stepperExtended__06c6e638";
+const stepperExtended = "stepperExtended__c63acc01";
 const styles = {
   stepperExtended
 };

package/components/Stepper/StepperStep.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext, useState, useRef } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { StepperStepIcon } from "./StepperStepIcon.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { isKey } from "../../utils/keyboard.js";
 import { StepperExtendedContext } from "./StepperExtendedContext.js";
 import { EFocusSource } from "../../enums/EFocusSource.js";
 import { EStepperStepType } from "./enums.js";
-import { s as styles, S as StepperStepArrowBorder } from "../../chunks/StepperStepArrowBorder-B8OziF77.js";
+import { s as styles, S as StepperStepArrowBorder } from "../../chunks/StepperStepArrowBorder-DDMmOSKy.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const StepperStep = ({
@@ -92,7 +92,7 @@ const StepperStep = ({
     }
   };
   const renderIcon = () => /* @__PURE__ */ jsx(IconWrapper, { className: styles.icon, disabled: !!disabled, children: icon });
-  const renderContent = () => /* @__PURE__ */ jsxs("div", { className: styles.content, "data-tx": "1.45.0", children: [
+  const renderContent = () => /* @__PURE__ */ jsxs("div", { className: styles.content, "data-tx": "1.47.0", children: [
     icon && renderIcon(),
     children
   ] });

package/components/Stepper/StepperStepArrowBorder.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../enums/EComponentSize.js";
-import { S } from "../../chunks/StepperStepArrowBorder-B8OziF77.js";
+import { S } from "../../chunks/StepperStepArrowBorder-DDMmOSKy.js";
 export {
   S as StepperStepArrowBorder
 };

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,7 +4,7 @@ import { useSuggestContext } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-kMroiHoh.js";
+import "../../chunks/DropdownListItem-B9cIx_8A.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,8 +21,8 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const suggestDropdownMobileBody = "suggestDropdownMobileBody__8037f731";
-const suggestDropdownMobileNoOptionsText = "suggestDropdownMobileNoOptionsText__cda352c2";
+const suggestDropdownMobileBody = "suggestDropdownMobileBody__1fdce350";
+const suggestDropdownMobileNoOptionsText = "suggestDropdownMobileNoOptionsText__63c3fdb2";
 const styles = {
   suggestDropdownMobileBody,
   suggestDropdownMobileNoOptionsText

package/components/Suggest/useSuggest.js

@@ -1,5 +1,5 @@
 import { useState, useRef, useLayoutEffect, useCallback, useMemo } from "react";
-import { u as uniqueId } from "../../chunks/vendor-D4wvHis9.js";
+import { u as uniqueId } from "../../chunks/vendor-CUIykw0y.js";
 import { isKey } from "../../utils/keyboard.js";
 const getOptionLabel = (option) => (option == null ? void 0 : option.label) ?? "";
 const useSuggest = ({

package/components/SuggestField/SuggestField.js

@@ -2,7 +2,7 @@ import "./desktop/SuggestFieldDesktopDropdown.js";
 import { SuggestFieldDesktop } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint-CEHlClB5.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-BESIIDZs.js";
 import { jsx } from "react/jsx-runtime";
 import { MobileView } from "../MobileView/MobileView.js";
 import "../FormField/components/FormFieldClear.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -23,7 +23,7 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-kMroiHoh.js";
+import "../../../chunks/DropdownListItem-B9cIx_8A.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -35,7 +35,7 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Dropdown/Dropdown.js";
 import { DataTestId } from "../../../consts/DataTestId.js";
-import { u as uniqueId } from "../../../chunks/vendor-D4wvHis9.js";
+import { u as uniqueId } from "../../../chunks/vendor-CUIykw0y.js";
 import { isKey } from "../../../utils/keyboard.js";
 const SuggestFieldDesktop = ({
   value,

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -4,7 +4,7 @@ import { Portal } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.js";
 import { DropdownDesktop } from "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import { D as DropdownListItem } from "../../../chunks/DropdownListItem-kMroiHoh.js";
+import { D as DropdownListItem } from "../../../chunks/DropdownListItem-B9cIx_8A.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/SuggestField/index.js

@@ -2,7 +2,7 @@ import { SuggestFieldDesktopDropdown } from "./desktop/SuggestFieldDesktopDropdo
 import { SuggestFieldDesktop } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown } from "./mobile/SuggestFieldMobileDropdown.js";
-import { S } from "../../chunks/SuggestFieldMobileDropdownHint-CEHlClB5.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-BESIIDZs.js";
 import { SuggestField } from "./SuggestField.js";
 export {
   SuggestField,

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -18,7 +18,7 @@ import "../../FormField/FormField.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../../chunks/SuggestFieldMobileDropdownHint-CEHlClB5.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-BESIIDZs.js";
 const SuggestFieldMobile = ({
   value,
   options,

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -3,7 +3,7 @@ import React__default, { useState, useRef, useCallback } from "react";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-kMroiHoh.js";
+import "../../../chunks/DropdownListItem-B9cIx_8A.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -15,7 +15,7 @@ import { DropdownMobileList } from "../../Dropdown/mobile/DropdownMobileList.js"
 import { DropdownMobileListItem } from "../../Dropdown/mobile/DropdownMobileListItem.js";
 import { DropdownMobileLoader } from "../../Dropdown/mobile/DropdownMobileLoader.js";
 import { Dropdown } from "../../Dropdown/Dropdown.js";
-import { s as styles, S as SuggestFieldMobileDropdownHint } from "../../../chunks/SuggestFieldMobileDropdownHint-CEHlClB5.js";
+import { s as styles, S as SuggestFieldMobileDropdownHint } from "../../../chunks/SuggestFieldMobileDropdownHint-BESIIDZs.js";
 const SuggestFieldMobileDropdownBase = ({
   value,
   options,

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -4,7 +4,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-CEHlClB5.js";
+import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-BESIIDZs.js";
 export {
   S as SuggestFieldMobileDropdownHint
 };

package/components/SuggestField/mobile/index.js

@@ -1,6 +1,6 @@
 import { SuggestFieldMobile } from "./SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown } from "./SuggestFieldMobileDropdown.js";
-import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-CEHlClB5.js";
+import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-BESIIDZs.js";
 export {
   SuggestFieldMobile,
   SuggestFieldMobileDropdown,