@sberbusiness/triplex-next 0.47.0 → 0.49.0

package/components/SliderExtended/components/SliderExtendedTooltip/SliderExtendedTooltip.js

@@ -4,10 +4,10 @@ import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { setForwardedRef } from "../../../../helpers/setForwardedRef.js";
-const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__e58e0c50";
-const lg = "lg__f0151eda";
-const tooltipBody = "tooltipBody__0b5641e1";
-const tooltipTip = "tooltipTip__fef750c6";
+const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__f9f98006";
+const lg = "lg__60a27c01";
+const tooltipBody = "tooltipBody__62d04607";
+const tooltipTip = "tooltipTip__baed9faa";
 const styles = {
   sliderExtendedTooltipOverlay,
   lg,

package/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.js

@@ -10,12 +10,12 @@ import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
 import { setForwardedRef } from "../../../../helpers/setForwardedRef.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedTrackActions } from "./SliderExtendedTrackActions.js";
-const sliderExtendedTrack = "sliderExtendedTrack__8c957491";
-const lg = "lg__f0151eda";
-const focusedByClick = "focusedByClick__bcb819e9";
-const hoverOrDragByMouse = "hoverOrDragByMouse__2b801cbf";
-const staticSlider = "staticSlider__fe117bd4";
-const disabled = "disabled__376f826e";
+const sliderExtendedTrack = "sliderExtendedTrack__2b3df1d7";
+const lg = "lg__60a27c01";
+const focusedByClick = "focusedByClick__a04e0a19";
+const hoverOrDragByMouse = "hoverOrDragByMouse__4aab25bc";
+const staticSlider = "staticSlider__476ba1bc";
+const disabled = "disabled__c7acee42";
 const styles = {
   sliderExtendedTrack,
   lg,

package/components/SmallInput/SmallInput.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 smallInput = "smallInput__9463366c";
+const smallInput = "smallInput__0f9db936";
 const styles = {
   smallInput
 };

package/components/Spoiler/Spoiler.js

@@ -1,23 +1,23 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useState, useRef, useCallback } from "react";
 import { CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
+import { u as uniqueId, c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { Button } from "../Button/Button.js";
 import "../Button/ButtonIcon.js";
 import "../Button/ButtonDropdown.js";
 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-Bf_-FiU6.js";
-const spoiler = "spoiler__a330cc2b";
-const opened = "opened__189230f5";
-const caretIcon = "caretIcon__04456b44";
-const head = "head__ae2cd5a6";
-const content = "content__e42152fb";
-const hidden = "hidden__2708d887";
-const lg = "lg__b8019000";
-const md = "md__e636ff57";
-const sm = "sm__ba29cc28";
+const spoiler = "spoiler__7f307de5";
+const opened = "opened__fbdc826b";
+const caretIcon = "caretIcon__e5d603dc";
+const head = "head__63756fec";
+const content = "content__4c620fd1";
+const hidden = "hidden__7d7aaa5c";
+const lg = "lg__d700c658";
+const md = "md__37c50bd6";
+const sm = "sm__134a0f37";
 const styles = {
   spoiler,
   opened,
@@ -29,12 +29,12 @@ const styles = {
   md,
   sm
 };
-const sizeToCaretIconMap = {
+const SIZE_TO_CARET_ICON_MAP = {
   [EComponentSize.SM]: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon16, { paletteIndex: 5, className: styles.caretIcon }),
   [EComponentSize.MD]: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon20, { paletteIndex: 5, className: styles.caretIcon }),
   [EComponentSize.LG]: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon20, { paletteIndex: 5, className: styles.caretIcon })
 };
-const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const Spoiler = React.forwardRef((props, ref) => {
   const {
     children,
@@ -46,7 +46,7 @@ const Spoiler = React.forwardRef((props, ref) => {
     labelCollapse,
     rightBlock,
     size = EComponentSize.MD,
-    ...divHTMLAttributes
+    ...restProps
   } = props;
   const controlled = expanded !== void 0;
   const [expandedState, setExpandedState] = useState(expanded);
@@ -63,13 +63,13 @@ const Spoiler = React.forwardRef((props, ref) => {
   }, [controlled, toggle, open, onToggle]);
   const classNames = clsx(
     styles.spoiler,
-    sizeToClassNameMap[size],
+    SIZE_TO_CLASS_NAME_MAP[size],
     {
       [styles.opened]: open
     },
     className
   );
-  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "0.47.0", ref, children: [
+  return /* @__PURE__ */ jsxs("div", { ...restProps, className: classNames, "data-tx": "0.49.0", ref, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.head, children: [
       /* @__PURE__ */ jsxs(
         Button,
@@ -81,7 +81,7 @@ const Spoiler = React.forwardRef((props, ref) => {
           onClick: handleToggle,
           children: [
             open ? labelCollapse : labelExpand,
-            sizeToCaretIconMap[size]
+            SIZE_TO_CARET_ICON_MAP[size]
           ]
         }
       ),

package/components/Spoiler/Spoiler.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spoiler.js","sources":["../../../src/components/Spoiler/Spoiler.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from \"react\";\nimport { CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { Button, EButtonTheme } from \"../Button\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport styles from \"./styles/Spoiler.module.less\";\n\n/** Базовые свойства компонента Spoiler. */\nexport interface ISpoilerBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Текст раскрытия содержимого. */\n    labelExpand: string;\n    /** Текст скрытия содержимого. */\n    labelCollapse?: string;\n    /** Обработчик скрытия/раскрытия. */\n    onToggle?: (expanded: boolean) => void;\n    /** Элемент правого блока. */\n    rightBlock?: React.ReactNode;\n    /** Размер компонента. */\n    size?: EComponentSize;\n}\n\n/** Свойства контролируемого Spoiler. */\nexport interface ISpoilerControlledProps extends ISpoilerBaseProps {\n    /** Контролируемое состояние скрыт/раскрыт. */\n    expanded: boolean;\n    /** Контролирующая функция скрытия/раскрытия. */\n    toggle: (nextExpanded: boolean) => void;\n}\n\n/** Свойства неконтролируемого Spoiler. */\nexport interface ISpoilerUncontrolledProps extends ISpoilerBaseProps {\n    /** Контролируемое состояние скрыт/раскрыт. */\n    expanded?: never;\n    /** Контролирующая функция скрытия/раскрытия. */\n    toggle?: never;\n}\n\n/** Комбинированные свойства компонента Spoiler. */\nexport type TSpoilerProps = ISpoilerControlledProps | ISpoilerUncontrolledProps;\n\nconst sizeToCaretIconMap = {\n    [EComponentSize.SM]: <CaretdownStrokeSrvIcon16 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.MD]: <CaretdownStrokeSrvIcon20 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.LG]: <CaretdownStrokeSrvIcon20 paletteIndex={5} className={styles.caretIcon} />,\n};\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент \"Спойлер\", используется для раскрытия внутреннего содержимого. */\nexport const Spoiler = React.forwardRef<HTMLDivElement, TSpoilerProps>((props, ref) => {\n    const {\n        children,\n        expanded,\n        onToggle,\n        toggle,\n        className,\n        labelExpand,\n        labelCollapse,\n        rightBlock,\n        size = EComponentSize.MD,\n        ...divHTMLAttributes\n    } = props;\n\n    const controlled = expanded !== undefined;\n    const [expandedState, setExpandedState] = useState(expanded);\n    const open = controlled ? expanded : expandedState;\n    const instanceId = useRef(`Spoiler-${uniqueId()}`);\n\n    const handleToggle = useCallback(() => {\n        const nextState = !open;\n\n        if (controlled) {\n            toggle?.(nextState);\n        } else {\n            setExpandedState(nextState);\n        }\n\n        onToggle?.(nextState);\n    }, [controlled, toggle, open, onToggle]);\n\n    const classNames = clsx(\n        styles.spoiler,\n        sizeToClassNameMap[size],\n        {\n            [styles.opened]: open,\n        },\n        className,\n    );\n\n    return (\n        <div {...divHTMLAttributes} className={classNames} data-tx={process.env.npm_package_version} ref={ref}>\n            <div className={styles.head}>\n                <Button\n                    aria-expanded={open}\n                    aria-controls={instanceId.current}\n                    theme={EButtonTheme.LINK}\n                    size={size}\n                    onClick={handleToggle}\n                >\n                    {open ? labelCollapse : labelExpand}\n\n                    {sizeToCaretIconMap[size]}\n                </Button>\n                {rightBlock}\n            </div>\n\n            <div id={instanceId.current} className={clsx(styles.content, { [styles.hidden]: !open })}>\n                {children}\n            </div>\n        </div>\n    );\n});\n\nSpoiler.displayName = \"Spoiler\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAM,qBAAqB;AAAA,EACvB,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,WAAW;AAAA,EAC7F,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,WAAW;AAAA,EAC7F,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,UAAA,CAAW;AACjG;AAEA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,UAAU,MAAM,WAA0C,CAAC,OAAO,QAAQ;AACnF,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,aAAa,aAAa;AAChC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,QAAQ;AAC3D,QAAM,OAAO,aAAa,WAAW;AACrC,QAAM,aAAa,OAAO,WAAW,SAAA,CAAU,EAAE;AAEjD,QAAM,eAAe,YAAY,MAAM;AACnC,UAAM,YAAY,CAAC;AAEnB,QAAI,YAAY;AACZ,uCAAS;AAAA,IACb,OAAO;AACH,uBAAiB,SAAS;AAAA,IAC9B;AAEA,yCAAW;AAAA,EACf,GAAG,CAAC,YAAY,QAAQ,MAAM,QAAQ,CAAC;AAEvC,QAAM,aAAa;AAAA,IACf,OAAO;AAAA,IACP,mBAAmB,IAAI;AAAA,IACvB;AAAA,MACI,CAAC,OAAO,MAAM,GAAG;AAAA,IAAA;AAAA,IAErB;AAAA,EAAA;AAGJ,SACI,qBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,YAAY,WAAS,UAAiC,KACzF,UAAA;AAAA,yBAAC,OAAA,EAAI,WAAW,OAAO,MACnB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,iBAAe;AAAA,UACf,iBAAe,WAAW;AAAA,UAC1B,OAAO,aAAa;AAAA,UACpB;AAAA,UACA,SAAS;AAAA,UAER,UAAA;AAAA,YAAA,OAAO,gBAAgB;AAAA,YAEvB,mBAAmB,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAE3B;AAAA,IAAA,GACL;AAAA,wBAEC,OAAA,EAAI,IAAI,WAAW,SAAS,WAAW,KAAK,OAAO,SAAS,EAAE,CAAC,OAAO,MAAM,GAAG,CAAC,MAAM,GAClF,UACL;AAAA,EAAA,GACJ;AAER,CAAC;AAED,QAAQ,cAAc;"}
+{"version":3,"file":"Spoiler.js","sources":["../../../src/components/Spoiler/Spoiler.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from \"react\";\nimport { CaretdownStrokeSrvIcon16, CaretdownStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { Button, EButtonTheme } from \"../Button\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport styles from \"./styles/Spoiler.module.less\";\n\n/** Базовые свойства компонента Spoiler. */\nexport interface ISpoilerBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Текст кнопки в свёрнутом состоянии — приглашение раскрыть содержимое. */\n    labelExpand: string;\n    /** Текст кнопки в раскрытом состоянии. Без него в раскрытом состоянии у кнопки остаётся только иконка. */\n    labelCollapse?: string;\n    /** Обработчик скрытия/раскрытия. Вызывается в обоих режимах и получает следующее состояние. */\n    onToggle?: (expanded: boolean) => void;\n    /** Содержимое правой части заголовка. Рендерится рядом с кнопкой раскрытия, вне неё. */\n    rightBlock?: React.ReactNode;\n    /** Размер компонента. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n}\n\n/** Свойства контролируемого Spoiler. */\nexport interface ISpoilerControlledProps extends ISpoilerBaseProps {\n    /** Контролируемое состояние скрыт/раскрыт. Передача этого свойства переводит компонент в контролируемый режим. */\n    expanded: boolean;\n    /** Контролирующая функция скрытия/раскрытия. Обязательна в контролируемом режиме: сам компонент состояние не меняет. */\n    toggle: (nextExpanded: boolean) => void;\n}\n\n/** Свойства неконтролируемого Spoiler. */\nexport interface ISpoilerUncontrolledProps extends ISpoilerBaseProps {\n    /** В неконтролируемом режиме не передаётся — состояние скрыт/раскрыт хранит сам компонент. */\n    expanded?: never;\n    /** В неконтролируемом режиме не передаётся — состояние меняет сам компонент, сообщая о смене через onToggle. */\n    toggle?: never;\n}\n\n/** Комбинированные свойства компонента Spoiler. */\nexport type TSpoilerProps = ISpoilerControlledProps | ISpoilerUncontrolledProps;\n\n/** Соответствие размера компонента иконке раскрытия. */\nconst SIZE_TO_CARET_ICON_MAP: Record<EComponentSize, React.ReactElement> = {\n    [EComponentSize.SM]: <CaretdownStrokeSrvIcon16 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.MD]: <CaretdownStrokeSrvIcon20 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.LG]: <CaretdownStrokeSrvIcon20 paletteIndex={5} className={styles.caretIcon} />,\n};\n\n/** Соответствие размера компонента имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Компонент \"Спойлер\", используется для раскрытия внутреннего содержимого.\n *\n * Работает в двух режимах. Без `expanded` — неконтролируемый: состояние хранится внутри, о его\n * смене компонент сообщает через `onToggle`. С `expanded` — контролируемый: состояние живёт у\n * потребителя, по клику вызывается `toggle` со следующим значением.\n *\n * Корневой элемент — div, на него указывает ref и приходят className и остальные props.\n */\nexport const Spoiler = React.forwardRef<HTMLDivElement, TSpoilerProps>((props, ref) => {\n    const {\n        children,\n        expanded,\n        onToggle,\n        toggle,\n        className,\n        labelExpand,\n        labelCollapse,\n        rightBlock,\n        size = EComponentSize.MD,\n        ...restProps\n    } = props;\n\n    const controlled = expanded !== undefined;\n    const [expandedState, setExpandedState] = useState(expanded);\n    const open = controlled ? expanded : expandedState;\n    const instanceId = useRef(`Spoiler-${uniqueId()}`);\n\n    const handleToggle = useCallback(() => {\n        const nextState = !open;\n\n        if (controlled) {\n            toggle?.(nextState);\n        } else {\n            setExpandedState(nextState);\n        }\n\n        onToggle?.(nextState);\n    }, [controlled, toggle, open, onToggle]);\n\n    const classNames = clsx(\n        styles.spoiler,\n        SIZE_TO_CLASS_NAME_MAP[size],\n        {\n            [styles.opened]: open,\n        },\n        className,\n    );\n\n    return (\n        <div {...restProps} className={classNames} data-tx={process.env.npm_package_version} ref={ref}>\n            <div className={styles.head}>\n                <Button\n                    aria-expanded={open}\n                    aria-controls={instanceId.current}\n                    theme={EButtonTheme.LINK}\n                    size={size}\n                    onClick={handleToggle}\n                >\n                    {open ? labelCollapse : labelExpand}\n\n                    {SIZE_TO_CARET_ICON_MAP[size]}\n                </Button>\n                {rightBlock}\n            </div>\n\n            <div id={instanceId.current} className={clsx(styles.content, { [styles.hidden]: !open })}>\n                {children}\n            </div>\n        </div>\n    );\n});\n\nSpoiler.displayName = \"Spoiler\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,yBAAqE;AAAA,EACvE,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,WAAW;AAAA,EAC7F,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,WAAW;AAAA,EAC7F,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,UAAA,CAAW;AACjG;AAGA,MAAM,yBAAyB,yBAAyB,MAAM;AAWvD,MAAM,UAAU,MAAM,WAA0C,CAAC,OAAO,QAAQ;AACnF,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,aAAa,aAAa;AAChC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,QAAQ;AAC3D,QAAM,OAAO,aAAa,WAAW;AACrC,QAAM,aAAa,OAAO,WAAW,SAAA,CAAU,EAAE;AAEjD,QAAM,eAAe,YAAY,MAAM;AACnC,UAAM,YAAY,CAAC;AAEnB,QAAI,YAAY;AACZ,uCAAS;AAAA,IACb,OAAO;AACH,uBAAiB,SAAS;AAAA,IAC9B;AAEA,yCAAW;AAAA,EACf,GAAG,CAAC,YAAY,QAAQ,MAAM,QAAQ,CAAC;AAEvC,QAAM,aAAa;AAAA,IACf,OAAO;AAAA,IACP,uBAAuB,IAAI;AAAA,IAC3B;AAAA,MACI,CAAC,OAAO,MAAM,GAAG;AAAA,IAAA;AAAA,IAErB;AAAA,EAAA;AAGJ,SACI,qBAAC,OAAA,EAAK,GAAG,WAAW,WAAW,YAAY,WAAS,UAAiC,KACjF,UAAA;AAAA,yBAAC,OAAA,EAAI,WAAW,OAAO,MACnB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,iBAAe;AAAA,UACf,iBAAe,WAAW;AAAA,UAC1B,OAAO,aAAa;AAAA,UACpB;AAAA,UACA,SAAS;AAAA,UAER,UAAA;AAAA,YAAA,OAAO,gBAAgB;AAAA,YAEvB,uBAAuB,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAE/B;AAAA,IAAA,GACL;AAAA,wBAEC,OAAA,EAAI,IAAI,WAAW,SAAS,WAAW,KAAK,OAAO,SAAS,EAAE,CAAC,OAAO,MAAM,GAAG,CAAC,MAAM,GAClF,UACL;AAAA,EAAA,GACJ;AAER,CAAC;AAED,QAAQ,cAAc;"}

package/components/StatusTracker/StatusTracker.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/StatusTracker.module-di0Vn038.js";
+import { s as styles } from "../../chunks/StatusTracker.module-BC5lAZhf.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": "0.47.0",
+        "data-tx": "0.49.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/StatusTracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTracker.js","sources":["../../../src/components/StatusTracker/StatusTracker.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\nimport {\n    EStatusTrackerType,\n    EStatusTrackerVerticalAlign,\n} from \"@sberbusiness/triplex-next/components/StatusTracker/enums\";\nimport { StatusTrackerMedia } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerMedia\";\nimport { StatusTrackerHeader } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerHeader\";\nimport { StatusTrackerBody } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerBody\";\nimport { StatusTrackerFooter } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerFooter\";\n\n/** Свойства компонента StatusTracker. */\nexport interface IStatusTrackerProps extends React.HTMLAttributes<HTMLDivElement> {\n    type: EStatusTrackerType;\n    verticalAlign?: EStatusTrackerVerticalAlign;\n}\n\n/** Мапа для получения CSS класса по типу статус-трекера. */\nconst TYPE_TO_CLASS_NAME_MAP: Record<EStatusTrackerType, string> = {\n    [EStatusTrackerType.DRAFT]: styles.draft,\n    [EStatusTrackerType.REJECTED]: styles.rejected,\n    [EStatusTrackerType.WAITING]: styles.waiting,\n    [EStatusTrackerType.WARNING]: styles.warning,\n    [EStatusTrackerType.APPROVED]: styles.approved,\n};\n\n/** Мапа для получения CSS класса для выравнивания блоков. */\nconst VERTICAL_ALIGN_TO_CLASS_NAME_MAP: Partial<Record<EStatusTrackerVerticalAlign, string>> = {\n    [EStatusTrackerVerticalAlign.MIDDLE]: styles.verticalAlignMiddle,\n    [EStatusTrackerVerticalAlign.BOTTOM]: styles.verticalAlignBottom,\n};\n\n/**\n * Компонент предназначен для визуального отображения статуса документа.\n */\nexport const StatusTracker = Object.assign(\n    React.forwardRef<HTMLDivElement, IStatusTrackerProps>(function StatusTracker(\n        { children, className, type, verticalAlign = EStatusTrackerVerticalAlign.TOP, ...rest },\n        ref,\n    ) {\n        return (\n            <div\n                className={clsx(styles.statusTrackerWrapper, className)}\n                {...rest}\n                ref={ref}\n                data-tx={process.env.npm_package_version}\n            >\n                <div className={clsx(styles.statusTrackerBackground, TYPE_TO_CLASS_NAME_MAP[type])} key={type}>\n                    <div className={clsx(styles.statusTrackerColor, TYPE_TO_CLASS_NAME_MAP[type])} />\n                </div>\n                <div className={clsx(styles.statusTracker, VERTICAL_ALIGN_TO_CLASS_NAME_MAP[verticalAlign])}>\n                    {children}\n                </div>\n            </div>\n        );\n    }),\n    {\n        Media: StatusTrackerMedia,\n        Header: StatusTrackerHeader,\n        Body: StatusTrackerBody,\n        Footer: StatusTrackerFooter,\n    },\n);\nStatusTracker.displayName = \"StatusTracker\";\n"],"names":["StatusTracker"],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,yBAA6D;AAAA,EAC/D,CAAC,mBAAmB,KAAK,GAAG,OAAO;AAAA,EACnC,CAAC,mBAAmB,QAAQ,GAAG,OAAO;AAAA,EACtC,CAAC,mBAAmB,OAAO,GAAG,OAAO;AAAA,EACrC,CAAC,mBAAmB,OAAO,GAAG,OAAO;AAAA,EACrC,CAAC,mBAAmB,QAAQ,GAAG,OAAO;AAC1C;AAGA,MAAM,mCAAyF;AAAA,EAC3F,CAAC,4BAA4B,MAAM,GAAG,OAAO;AAAA,EAC7C,CAAC,4BAA4B,MAAM,GAAG,OAAO;AACjD;AAKO,MAAM,gBAAgB,OAAO;AAAA,EAChC,MAAM,WAAgD,SAASA,eAC3D,EAAE,UAAU,WAAW,MAAM,gBAAgB,4BAA4B,KAAK,GAAG,KAAA,GACjF,KACF;AACE,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,sBAAsB,SAAS;AAAA,QACrD,GAAG;AAAA,QACJ;AAAA,QACA,WAAS;AAAA,QAET,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,yBAAyB,uBAAuB,IAAI,CAAC,GAC7E,UAAA,oBAAC,SAAI,WAAW,KAAK,OAAO,oBAAoB,uBAAuB,IAAI,CAAC,EAAA,CAAG,EAAA,GADM,IAEzF;AAAA,UACA,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,eAAe,iCAAiC,aAAa,CAAC,GACrF,SAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ,CAAC;AAAA,EACD;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA;AAEhB;AACA,cAAc,cAAc;"}
+{"version":3,"file":"StatusTracker.js","sources":["../../../src/components/StatusTracker/StatusTracker.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\nimport {\n    EStatusTrackerType,\n    EStatusTrackerVerticalAlign,\n} from \"@sberbusiness/triplex-next/components/StatusTracker/enums\";\nimport { StatusTrackerMedia } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerMedia\";\nimport { StatusTrackerHeader } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerHeader\";\nimport { StatusTrackerBody } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerBody\";\nimport { StatusTrackerFooter } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerFooter\";\n\n/** Свойства компонента StatusTracker. */\nexport interface IStatusTrackerProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип статуса документа. Задаёт цвет декоративного градиента на фоне. */\n    type: EStatusTrackerType;\n    /** Вертикальное выравнивание контента внутри карточки. По умолчанию EStatusTrackerVerticalAlign.TOP. */\n    verticalAlign?: EStatusTrackerVerticalAlign;\n    /** Содержимое карточки: StatusTracker.Media, .Header, .Body, .Footer в любом сочетании. */\n    children?: React.ReactNode;\n}\n\n/** Мапа для получения CSS класса по типу статус-трекера. */\nconst TYPE_TO_CLASS_NAME_MAP: Record<EStatusTrackerType, string> = {\n    [EStatusTrackerType.DRAFT]: styles.draft,\n    [EStatusTrackerType.REJECTED]: styles.rejected,\n    [EStatusTrackerType.WAITING]: styles.waiting,\n    [EStatusTrackerType.WARNING]: styles.warning,\n    [EStatusTrackerType.APPROVED]: styles.approved,\n};\n\n/**\n * Мапа для получения CSS класса для выравнивания блоков.\n * Значение TOP отсутствует намеренно: это выравнивание по умолчанию и отдельного класса не требует.\n */\nconst VERTICAL_ALIGN_TO_CLASS_NAME_MAP: Partial<Record<EStatusTrackerVerticalAlign, string>> = {\n    [EStatusTrackerVerticalAlign.MIDDLE]: styles.verticalAlignMiddle,\n    [EStatusTrackerVerticalAlign.BOTTOM]: styles.verticalAlignBottom,\n};\n\n/**\n * Карточка статуса документа: декоративный градиент по типу статуса плюс композиция\n * из блоков Media, Header, Body и Footer.\n */\nexport const StatusTracker = Object.assign(\n    React.forwardRef<HTMLDivElement, IStatusTrackerProps>(function StatusTracker(\n        { children, className, type, verticalAlign = EStatusTrackerVerticalAlign.TOP, ...rest },\n        ref,\n    ) {\n        return (\n            <div\n                className={clsx(styles.statusTrackerWrapper, className)}\n                {...rest}\n                ref={ref}\n                data-tx={process.env.npm_package_version}\n            >\n                <div className={clsx(styles.statusTrackerBackground, TYPE_TO_CLASS_NAME_MAP[type])} key={type}>\n                    <div className={clsx(styles.statusTrackerColor, TYPE_TO_CLASS_NAME_MAP[type])} />\n                </div>\n                <div className={clsx(styles.statusTracker, VERTICAL_ALIGN_TO_CLASS_NAME_MAP[verticalAlign])}>\n                    {children}\n                </div>\n            </div>\n        );\n    }),\n    {\n        Media: StatusTrackerMedia,\n        Header: StatusTrackerHeader,\n        Body: StatusTrackerBody,\n        Footer: StatusTrackerFooter,\n    },\n);\nStatusTracker.displayName = \"StatusTracker\";\n"],"names":["StatusTracker"],"mappings":";;;;;;;;;;;;;AAuBA,MAAM,yBAA6D;AAAA,EAC/D,CAAC,mBAAmB,KAAK,GAAG,OAAO;AAAA,EACnC,CAAC,mBAAmB,QAAQ,GAAG,OAAO;AAAA,EACtC,CAAC,mBAAmB,OAAO,GAAG,OAAO;AAAA,EACrC,CAAC,mBAAmB,OAAO,GAAG,OAAO;AAAA,EACrC,CAAC,mBAAmB,QAAQ,GAAG,OAAO;AAC1C;AAMA,MAAM,mCAAyF;AAAA,EAC3F,CAAC,4BAA4B,MAAM,GAAG,OAAO;AAAA,EAC7C,CAAC,4BAA4B,MAAM,GAAG,OAAO;AACjD;AAMO,MAAM,gBAAgB,OAAO;AAAA,EAChC,MAAM,WAAgD,SAASA,eAC3D,EAAE,UAAU,WAAW,MAAM,gBAAgB,4BAA4B,KAAK,GAAG,KAAA,GACjF,KACF;AACE,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,sBAAsB,SAAS;AAAA,QACrD,GAAG;AAAA,QACJ;AAAA,QACA,WAAS;AAAA,QAET,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,yBAAyB,uBAAuB,IAAI,CAAC,GAC7E,UAAA,oBAAC,SAAI,WAAW,KAAK,OAAO,oBAAoB,uBAAuB,IAAI,CAAC,EAAA,CAAG,EAAA,GADM,IAEzF;AAAA,UACA,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,eAAe,iCAAiC,aAAa,CAAC,GACrF,SAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ,CAAC;AAAA,EACD;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA;AAEhB;AACA,cAAc,cAAc;"}

package/components/StatusTracker/components/StatusTrackerAlert.js

@@ -1,18 +1,19 @@
 import { jsx } from "react/jsx-runtime";
+import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.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-di0Vn038.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BC5lAZhf.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";
-const StatusTrackerAlert = (props) => {
-  const { children, className, ...rest } = props;
-  return /* @__PURE__ */ jsx(AlertProcess, { className: clsx(styles.statusTrackerAlert, className), ...rest, children: /* @__PURE__ */ jsx(Text, { type: EFontType.PRIMARY, size: ETextSize.B3, children }) });
-};
+const StatusTrackerAlert = React.forwardRef(function StatusTrackerAlert2({ children, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(AlertProcess, { className: clsx(styles.statusTrackerAlert, className), ...rest, ref, children: /* @__PURE__ */ jsx(Text, { type: EFontType.PRIMARY, size: ETextSize.B3, children }) });
+});
+StatusTrackerAlert.displayName = "StatusTrackerAlert";
 export {
   StatusTrackerAlert
 };

package/components/StatusTracker/components/StatusTrackerAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTrackerAlert.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerAlert.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { AlertProcess, IAlertProcessProps } from \"@sberbusiness/triplex-next/components/Alert\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\nimport { EFontType, ETextSize, Text } from \"@sberbusiness/triplex-next/components/Typography\";\n\n/** Компонент предупреждения для блока с основным контентом статус-трекера. */\nexport const StatusTrackerAlert: React.FC<IAlertProcessProps> = (props) => {\n    const { children, className, ...rest } = props;\n\n    return (\n        <AlertProcess className={clsx(styles.statusTrackerAlert, className)} {...rest}>\n            <Text type={EFontType.PRIMARY} size={ETextSize.B3}>\n                {children}\n            </Text>\n        </AlertProcess>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAOO,MAAM,qBAAmD,CAAC,UAAU;AACvE,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AAEzC,6BACK,cAAA,EAAa,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAI,GAAG,MACrE,UAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,SAAS,MAAM,UAAU,IAC1C,UACL,GACJ;AAER;"}
+{"version":3,"file":"StatusTrackerAlert.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerAlert.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { AlertProcess, IAlertProcessProps } from \"@sberbusiness/triplex-next/components/Alert\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\nimport { EFontType, ETextSize, Text } from \"@sberbusiness/triplex-next/components/Typography\";\n\n/** Компонент предупреждения для блока с основным контентом статус-трекера. */\nexport const StatusTrackerAlert = React.forwardRef<HTMLDivElement, IAlertProcessProps>(function StatusTrackerAlert(\n    { children, className, ...rest },\n    ref,\n) {\n    return (\n        <AlertProcess className={clsx(styles.statusTrackerAlert, className)} {...rest} ref={ref}>\n            <Text type={EFontType.PRIMARY} size={ETextSize.B3}>\n                {children}\n            </Text>\n        </AlertProcess>\n    );\n});\n\nStatusTrackerAlert.displayName = \"StatusTrackerAlert\";\n"],"names":["StatusTrackerAlert"],"mappings":";;;;;;;;;;;;AAOO,MAAM,qBAAqB,MAAM,WAA+C,SAASA,oBAC5F,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,SACI,oBAAC,gBAAa,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAI,GAAG,MAAM,KAC3E,UAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,SAAS,MAAM,UAAU,IAC1C,UACL,EAAA,CACJ;AAER,CAAC;AAED,mBAAmB,cAAc;"}

package/components/StatusTracker/components/StatusTrackerBody.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { StatusTrackerAlert } from "./StatusTrackerAlert.js";
 import { StatusTrackerStatus } from "./StatusTrackerStatus.js";
 import { StatusTrackerStatusGroup } from "./StatusTrackerStatusGroup.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-di0Vn038.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BC5lAZhf.js";
 const StatusTrackerBody = Object.assign(
   React.forwardRef(function StatusTrackerBody2({ children, className, ...restProps }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...restProps, ref, children });

package/components/StatusTracker/components/StatusTrackerBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTrackerBody.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerBody.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { StatusTrackerAlert } from \"./StatusTrackerAlert\";\nimport { StatusTrackerStatus } from \"./StatusTrackerStatus\";\nimport { StatusTrackerStatusGroup } from \"./StatusTrackerStatusGroup\";\nimport styles from \"../styles/StatusTracker.module.less\";\n\n/** Свойства компонента StatusTrackerBody. */\nexport interface IStatusTrackerBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Блок с основным контентом статус-трекера. */\nexport const StatusTrackerBody = Object.assign(\n    React.forwardRef<HTMLDivElement, IStatusTrackerBodyProps>(function StatusTrackerBody(\n        { children, className, ...restProps },\n        ref,\n    ) {\n        return (\n            <div className={clsx(styles.statusTrackerChild, className)} {...restProps} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Alert: StatusTrackerAlert,\n        Status: StatusTrackerStatus,\n        StatusGroup: StatusTrackerStatusGroup,\n    },\n);\n\nStatusTrackerBody.displayName = \"StatusTrackerBody\";\n"],"names":["StatusTrackerBody"],"mappings":";;;;;;;AAWO,MAAM,oBAAoB,OAAO;AAAA,EACpC,MAAM,WAAoD,SAASA,mBAC/D,EAAE,UAAU,WAAW,GAAG,UAAA,GAC1B,KACF;AACE,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAI,GAAG,WAAW,KACtE,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAErB;AAEA,kBAAkB,cAAc;"}
+{"version":3,"file":"StatusTrackerBody.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerBody.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { StatusTrackerAlert } from \"./StatusTrackerAlert\";\nimport { StatusTrackerStatus } from \"./StatusTrackerStatus\";\nimport { StatusTrackerStatusGroup } from \"./StatusTrackerStatusGroup\";\nimport styles from \"../styles/StatusTracker.module.less\";\n\n/** Свойства компонента StatusTrackerBody. */\nexport interface IStatusTrackerBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое блока: StatusTracker.Body.Status, .StatusGroup, .Alert. */\n    children?: React.ReactNode;\n}\n\n/** Блок с основным контентом статус-трекера. */\nexport const StatusTrackerBody = Object.assign(\n    React.forwardRef<HTMLDivElement, IStatusTrackerBodyProps>(function StatusTrackerBody(\n        { children, className, ...restProps },\n        ref,\n    ) {\n        return (\n            <div className={clsx(styles.statusTrackerChild, className)} {...restProps} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Alert: StatusTrackerAlert,\n        Status: StatusTrackerStatus,\n        StatusGroup: StatusTrackerStatusGroup,\n    },\n);\n\nStatusTrackerBody.displayName = \"StatusTrackerBody\";\n"],"names":["StatusTrackerBody"],"mappings":";;;;;;;AAcO,MAAM,oBAAoB,OAAO;AAAA,EACpC,MAAM,WAAoD,SAASA,mBAC/D,EAAE,UAAU,WAAW,GAAG,UAAA,GAC1B,KACF;AACE,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAI,GAAG,WAAW,KACtE,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAErB;AAEA,kBAAkB,cAAc;"}

package/components/StatusTracker/components/StatusTrackerButton.js

@@ -1,11 +1,16 @@
 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/StatusTracker.module-di0Vn038.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BC5lAZhf.js";
 import { Button } from "../../Button/Button.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-const StatusTrackerButton = ({ children, className, ...rest }) => /* @__PURE__ */ jsx(Button, { className: clsx(styles.statusTrackerButton, className), block: true, ...rest, children });
+const StatusTrackerButton = React.forwardRef(
+  function StatusTrackerButton2({ children, className, ...rest }, ref) {
+    return /* @__PURE__ */ jsx(Button, { className: clsx(styles.statusTrackerButton, className), block: true, ...rest, ref, children });
+  }
+);
 StatusTrackerButton.displayName = "StatusTrackerButton";
 export {
   StatusTrackerButton

package/components/StatusTracker/components/StatusTrackerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTrackerButton.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerButton.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\nimport { Button, IButtonLinkProps, TButtonProps } from \"@sberbusiness/triplex-next/components/Button\";\n\nexport type IStatusTrackerButtonProps = Exclude<TButtonProps, IButtonLinkProps>;\n\n/** Компонент кнопки для футера статус-трекера. */\nexport const StatusTrackerButton: React.FC<IStatusTrackerButtonProps> = ({ children, className, ...rest }) => (\n    <Button className={clsx(styles.statusTrackerButton, className)} block {...rest}>\n        {children}\n    </Button>\n);\n\nStatusTrackerButton.displayName = \"StatusTrackerButton\";\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,sBAA2D,CAAC,EAAE,UAAU,WAAW,GAAG,WAC/F,oBAAC,QAAA,EAAO,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAG,OAAK,MAAE,GAAG,MACrE,SAAA,CACL;AAGJ,oBAAoB,cAAc;"}
+{"version":3,"file":"StatusTrackerButton.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerButton.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\nimport { Button, IButtonLinkProps, TButtonProps } from \"@sberbusiness/triplex-next/components/Button\";\n\n/** Свойства компонента StatusTrackerButton. Тема LINK недоступна: блочный режим для неё не поддерживается. */\nexport type IStatusTrackerButtonProps = Exclude<TButtonProps, IButtonLinkProps>;\n\n/**\n * Компонент кнопки для футера статус-трекера.\n * Блочный режим включён по умолчанию; `block` стоит до `...rest`, поэтому потребитель может его переопределить.\n */\nexport const StatusTrackerButton = React.forwardRef<HTMLButtonElement, IStatusTrackerButtonProps>(\n    function StatusTrackerButton({ children, className, ...rest }, ref) {\n        return (\n            <Button className={clsx(styles.statusTrackerButton, className)} block {...rest} ref={ref}>\n                {children}\n            </Button>\n        );\n    },\n);\n\nStatusTrackerButton.displayName = \"StatusTrackerButton\";\n"],"names":["StatusTrackerButton"],"mappings":";;;;;;;;AAYO,MAAM,sBAAsB,MAAM;AAAA,EACrC,SAASA,qBAAoB,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,KAAK;AAChE,WACI,oBAAC,QAAA,EAAO,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAG,OAAK,MAAE,GAAG,MAAM,KAC3E,SAAA,CACL;AAAA,EAER;AACJ;AAEA,oBAAoB,cAAc;"}

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -1,24 +1,28 @@
 import { jsx } from "react/jsx-runtime";
+import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.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-di0Vn038.js";
-const StatusTrackerDescription = (props) => {
-  const { children, className, ...rest } = props;
-  return /* @__PURE__ */ jsx(
-    Text,
-    {
-      type: EFontType.SECONDARY,
-      size: ETextSize.B3,
-      className: clsx(styles.statusTrackerDescription, className),
-      ...rest,
-      children
-    }
-  );
-};
+import { s as styles } from "../../../chunks/StatusTracker.module-BC5lAZhf.js";
+const StatusTrackerDescription = React.forwardRef(
+  function StatusTrackerDescription2({ children, className, ...rest }, ref) {
+    return /* @__PURE__ */ jsx(
+      Text,
+      {
+        type: EFontType.SECONDARY,
+        size: ETextSize.B3,
+        className: clsx(styles.statusTrackerDescription, className),
+        ...rest,
+        ref,
+        children
+      }
+    );
+  }
+);
+StatusTrackerDescription.displayName = "StatusTrackerDescription";
 export {
   StatusTrackerDescription
 };

package/components/StatusTracker/components/StatusTrackerDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTrackerDescription.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EFontType, ETextSize, Text } from \"@sberbusiness/triplex-next/components/Typography\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\n\n/** Свойства компонента StatusTrackerDescription. */\nexport interface IStatusTrackerDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Текст пояснения для блока заголовка статус-трекера. */\nexport const StatusTrackerDescription: React.FC<IStatusTrackerDescriptionProps> = (props) => {\n    const { children, className, ...rest } = props;\n\n    return (\n        <Text\n            type={EFontType.SECONDARY}\n            size={ETextSize.B3}\n            className={clsx(styles.statusTrackerDescription, className)}\n            {...rest}\n        >\n            {children}\n        </Text>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AASO,MAAM,2BAAqE,CAAC,UAAU;AACzF,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AAEzC,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM,UAAU;AAAA,MAChB,MAAM,UAAU;AAAA,MAChB,WAAW,KAAK,OAAO,0BAA0B,SAAS;AAAA,MACzD,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"StatusTrackerDescription.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EFontType, ETextSize, Text } from \"@sberbusiness/triplex-next/components/Typography\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\n\n/** Свойства компонента StatusTrackerDescription. */\nexport interface IStatusTrackerDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Текст пояснения. */\n    children?: React.ReactNode;\n}\n\n/** Текст пояснения для блока заголовка или футера статус-трекера. */\nexport const StatusTrackerDescription = React.forwardRef<HTMLElement, IStatusTrackerDescriptionProps>(\n    function StatusTrackerDescription({ children, className, ...rest }, ref) {\n        return (\n            <Text\n                type={EFontType.SECONDARY}\n                size={ETextSize.B3}\n                className={clsx(styles.statusTrackerDescription, className)}\n                {...rest}\n                ref={ref}\n            >\n                {children}\n            </Text>\n        );\n    },\n);\n\nStatusTrackerDescription.displayName = \"StatusTrackerDescription\";\n"],"names":["StatusTrackerDescription"],"mappings":";;;;;;;;;AAYO,MAAM,2BAA2B,MAAM;AAAA,EAC1C,SAASA,0BAAyB,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,KAAK;AACrE,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM,UAAU;AAAA,QAChB,MAAM,UAAU;AAAA,QAChB,WAAW,KAAK,OAAO,0BAA0B,SAAS;AAAA,QACzD,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,yBAAyB,cAAc;"}

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

package/components/StatusTracker/components/StatusTrackerFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTrackerFooter.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\nimport { StatusTrackerDescription } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerDescription\";\nimport { StatusTrackerButton } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerButton\";\n\n/** Свойства компонента StatusTrackerFooter. */\nexport interface IStatusTrackerFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Блок с набором кнопок для взаимодействия с документом в статус-трекере. */\nexport const StatusTrackerFooter = Object.assign(\n    React.forwardRef<HTMLDivElement, IStatusTrackerFooterProps>(function StatusTrackerFooter(\n        { children, className, ...rest },\n        ref,\n    ) {\n        return (\n            <div\n                className={clsx(styles.statusTrackerChild, styles.statusTrackerFooterWrapper, className)}\n                {...rest}\n                ref={ref}\n            >\n                {children}\n            </div>\n        );\n    }),\n    {\n        Button: StatusTrackerButton,\n        Description: StatusTrackerDescription,\n    },\n);\n\nStatusTrackerFooter.displayName = \"StatusTrackerFooter\";\n"],"names":["StatusTrackerFooter"],"mappings":";;;;;;AAUO,MAAM,sBAAsB,OAAO;AAAA,EACtC,MAAM,WAAsD,SAASA,qBACjE,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,oBAAoB,OAAO,4BAA4B,SAAS;AAAA,QACtF,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb,CAAC;AAAA,EACD;AAAA,IACI,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAErB;AAEA,oBAAoB,cAAc;"}
+{"version":3,"file":"StatusTrackerFooter.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\nimport { StatusTrackerDescription } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerDescription\";\nimport { StatusTrackerButton } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerButton\";\n\n/** Свойства компонента StatusTrackerFooter. */\nexport interface IStatusTrackerFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое блока: StatusTracker.Footer.Button, .Description. */\n    children?: React.ReactNode;\n}\n\n/** Блок с набором кнопок для взаимодействия с документом в статус-трекере. */\nexport const StatusTrackerFooter = Object.assign(\n    React.forwardRef<HTMLDivElement, IStatusTrackerFooterProps>(function StatusTrackerFooter(\n        { children, className, ...rest },\n        ref,\n    ) {\n        return (\n            <div\n                className={clsx(styles.statusTrackerChild, styles.statusTrackerFooterWrapper, className)}\n                {...rest}\n                ref={ref}\n            >\n                {children}\n            </div>\n        );\n    }),\n    {\n        Button: StatusTrackerButton,\n        Description: StatusTrackerDescription,\n    },\n);\n\nStatusTrackerFooter.displayName = \"StatusTrackerFooter\";\n"],"names":["StatusTrackerFooter"],"mappings":";;;;;;AAaO,MAAM,sBAAsB,OAAO;AAAA,EACtC,MAAM,WAAsD,SAASA,qBACjE,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,oBAAoB,OAAO,4BAA4B,SAAS;AAAA,QACtF,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb,CAAC;AAAA,EACD;AAAA,IACI,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAErB;AAEA,oBAAoB,cAAc;"}

package/components/StatusTracker/components/StatusTrackerHeader.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerTitle } from "./StatusTrackerTitle.js";
 import { StatusTrackerSum } from "./StatusTrackerSum.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-di0Vn038.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BC5lAZhf.js";
 const StatusTrackerHeader = Object.assign(
   React.forwardRef(function StatusTrackerHeader2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, ref, children });

package/components/StatusTracker/components/StatusTrackerHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTrackerHeader.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { StatusTrackerDescription } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerDescription\";\nimport { StatusTrackerTitle } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerTitle\";\nimport { StatusTrackerSum } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerSum\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\n\n/** Свойства компонента StatusTrackerHeader. */\nexport interface IStatusTrackerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Блок заголовка статус-трекера. */\nexport const StatusTrackerHeader = Object.assign(\n    React.forwardRef<HTMLDivElement, IStatusTrackerHeaderProps>(function StatusTrackerHeader(\n        { children, className, ...rest },\n        ref,\n    ) {\n        return (\n            <div className={clsx(styles.statusTrackerChild, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Title: StatusTrackerTitle,\n        Sum: StatusTrackerSum,\n        Description: StatusTrackerDescription,\n    },\n);\n\nStatusTrackerHeader.displayName = \"StatusTrackerHeader\";\n"],"names":["StatusTrackerHeader"],"mappings":";;;;;;;AAWO,MAAM,sBAAsB,OAAO;AAAA,EACtC,MAAM,WAAsD,SAASA,qBACjE,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAI,GAAG,MAAM,KACjE,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,OAAO;AAAA,IACP,KAAK;AAAA,IACL,aAAa;AAAA,EAAA;AAErB;AAEA,oBAAoB,cAAc;"}
+{"version":3,"file":"StatusTrackerHeader.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { StatusTrackerDescription } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerDescription\";\nimport { StatusTrackerTitle } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerTitle\";\nimport { StatusTrackerSum } from \"@sberbusiness/triplex-next/components/StatusTracker/components/StatusTrackerSum\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\n\n/** Свойства компонента StatusTrackerHeader. */\nexport interface IStatusTrackerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое блока: StatusTracker.Header.Title, .Sum, .Description. */\n    children?: React.ReactNode;\n}\n\n/** Блок заголовка статус-трекера. */\nexport const StatusTrackerHeader = Object.assign(\n    React.forwardRef<HTMLDivElement, IStatusTrackerHeaderProps>(function StatusTrackerHeader(\n        { children, className, ...rest },\n        ref,\n    ) {\n        return (\n            <div className={clsx(styles.statusTrackerChild, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Title: StatusTrackerTitle,\n        Sum: StatusTrackerSum,\n        Description: StatusTrackerDescription,\n    },\n);\n\nStatusTrackerHeader.displayName = \"StatusTrackerHeader\";\n"],"names":["StatusTrackerHeader"],"mappings":";;;;;;;AAcO,MAAM,sBAAsB,OAAO;AAAA,EACtC,MAAM,WAAsD,SAASA,qBACjE,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAI,GAAG,MAAM,KACjE,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,OAAO;AAAA,IACP,KAAK;AAAA,IACL,aAAa;AAAA,EAAA;AAErB;AAEA,oBAAoB,cAAc;"}

package/components/StatusTracker/components/StatusTrackerMedia.js

@@ -1,10 +1,11 @@
 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/StatusTracker.module-di0Vn038.js";
-const StatusTrackerMedia = (props) => {
-  const { children, className, ...rest } = props;
-  return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, children });
-};
+import { s as styles } from "../../../chunks/StatusTracker.module-BC5lAZhf.js";
+const StatusTrackerMedia = React.forwardRef(function StatusTrackerMedia2({ children, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, ref, children });
+});
+StatusTrackerMedia.displayName = "StatusTrackerMedia";
 export {
   StatusTrackerMedia
 };

package/components/StatusTracker/components/StatusTrackerMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTrackerMedia.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerMedia.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\n\n/** Свойства компонента StatusTrackerMedia. */\nexport interface StatusTrackerMediaProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Контейнер для иконки StatusTracker. */\nexport const StatusTrackerMedia: React.FC<StatusTrackerMediaProps> = (props) => {\n    const { children, className, ...rest } = props;\n\n    return (\n        <div className={clsx(styles.statusTrackerChild, className)} {...rest}>\n            {children}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;AAQO,MAAM,qBAAwD,CAAC,UAAU;AAC5E,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AAEzC,SACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAI,GAAG,MAC3D,SAAA,CACL;AAER;"}
+{"version":3,"file":"StatusTrackerMedia.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerMedia.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\n\n/** Свойства компонента StatusTrackerMedia. */\nexport interface StatusTrackerMediaProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое блока: как правило, статусная иконка размера 84. */\n    children?: React.ReactNode;\n}\n\n/** Контейнер для иконки StatusTracker. */\nexport const StatusTrackerMedia = React.forwardRef<HTMLDivElement, StatusTrackerMediaProps>(function StatusTrackerMedia(\n    { children, className, ...rest },\n    ref,\n) {\n    return (\n        <div className={clsx(styles.statusTrackerChild, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nStatusTrackerMedia.displayName = \"StatusTrackerMedia\";\n"],"names":["StatusTrackerMedia"],"mappings":";;;;AAWO,MAAM,qBAAqB,MAAM,WAAoD,SAASA,oBACjG,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,SACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAI,GAAG,MAAM,KACjE,SAAA,CACL;AAER,CAAC;AAED,mBAAmB,cAAc;"}

package/components/StatusTracker/components/StatusTrackerStatus.js

@@ -1,11 +1,12 @@
 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/StatusTracker.module-di0Vn038.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BC5lAZhf.js";
 import { MarkerStatus } from "../../MarkerStatus/MarkerStatus.js";
-const StatusTrackerStatus = (props) => {
-  const { children, className, ...rest } = props;
-  return /* @__PURE__ */ jsx(MarkerStatus, { className: clsx(styles.statusTrackerStatus, className), ...rest, children });
-};
+const StatusTrackerStatus = React.forwardRef(function StatusTrackerStatus2({ children, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(MarkerStatus, { className: clsx(styles.statusTrackerStatus, className), ...rest, ref, children });
+});
+StatusTrackerStatus.displayName = "StatusTrackerStatus";
 export {
   StatusTrackerStatus
 };

package/components/StatusTracker/components/StatusTrackerStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTrackerStatus.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\nimport { IMarkerStatusProps, MarkerStatus } from \"@sberbusiness/triplex-next/components/MarkerStatus\";\n\n/** Компонент статуса для блока с основным контентом статус-трекера. */\nexport const StatusTrackerStatus: React.FC<IMarkerStatusProps> = (props) => {\n    const { children, className, ...rest } = props;\n\n    return (\n        <MarkerStatus className={clsx(styles.statusTrackerStatus, className)} {...rest}>\n            {children}\n        </MarkerStatus>\n    );\n};\n"],"names":[],"mappings":";;;;AAMO,MAAM,sBAAoD,CAAC,UAAU;AACxE,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AAEzC,SACI,oBAAC,cAAA,EAAa,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAI,GAAG,MACrE,SAAA,CACL;AAER;"}
+{"version":3,"file":"StatusTrackerStatus.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\nimport { IMarkerStatusProps, MarkerStatus } from \"@sberbusiness/triplex-next/components/MarkerStatus\";\n\n/** Компонент статуса для блока с основным контентом статус-трекера. */\nexport const StatusTrackerStatus = React.forwardRef<HTMLDivElement, IMarkerStatusProps>(function StatusTrackerStatus(\n    { children, className, ...rest },\n    ref,\n) {\n    return (\n        <MarkerStatus className={clsx(styles.statusTrackerStatus, className)} {...rest} ref={ref}>\n            {children}\n        </MarkerStatus>\n    );\n});\n\nStatusTrackerStatus.displayName = \"StatusTrackerStatus\";\n"],"names":["StatusTrackerStatus"],"mappings":";;;;;AAMO,MAAM,sBAAsB,MAAM,WAA+C,SAASA,qBAC7F,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,SACI,oBAAC,cAAA,EAAa,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAI,GAAG,MAAM,KAC3E,SAAA,CACL;AAER,CAAC;AAED,oBAAoB,cAAc;"}

package/components/StatusTracker/components/StatusTrackerStatusGroup.js

@@ -1,12 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const statusTrackerStatusGroup = "statusTrackerStatusGroup__2b8031a4";
+const statusTrackerStatusGroup = "statusTrackerStatusGroup__29fb199f";
 const styles = {
   statusTrackerStatusGroup
 };
 const StatusTrackerStatusGroup = React.forwardRef(
-  ({ children, className, ...restProps }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerStatusGroup, className), ...restProps, ref, children })
+  function StatusTrackerStatusGroup2({ children, className, ...restProps }, ref) {
+    return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerStatusGroup, className), ...restProps, ref, children });
+  }
 );
 StatusTrackerStatusGroup.displayName = "StatusTrackerStatusGroup";
 export {

package/components/StatusTracker/components/StatusTrackerStatusGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTrackerStatusGroup.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerStatusGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/StatusTrackerStatusGroup.module.less\";\n\n/** Свойства компонента StatusTrackerStatusGroup. */\nexport interface IStatusTrackerStatusGroup extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Контейнер для группировки StatusTrackerStatus. */\nexport const StatusTrackerStatusGroup = React.forwardRef<HTMLDivElement, IStatusTrackerStatusGroup>(\n    ({ children, className, ...restProps }, ref) => (\n        <div className={clsx(styles.statusTrackerStatusGroup, className)} {...restProps} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nStatusTrackerStatusGroup.displayName = \"StatusTrackerStatusGroup\";\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,2BAA2B,MAAM;AAAA,EAC1C,CAAC,EAAE,UAAU,WAAW,GAAG,UAAA,GAAa,QACpC,oBAAC,SAAI,WAAW,KAAK,OAAO,0BAA0B,SAAS,GAAI,GAAG,WAAW,KAC5E,SAAA,CACL;AAER;AAEA,yBAAyB,cAAc;"}
+{"version":3,"file":"StatusTrackerStatusGroup.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerStatusGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/StatusTrackerStatusGroup.module.less\";\n\n/** Свойства компонента StatusTrackerStatusGroup. */\nexport interface IStatusTrackerStatusGroup extends React.HTMLAttributes<HTMLDivElement> {\n    /** Список статусов: StatusTracker.Body.Status. */\n    children?: React.ReactNode;\n}\n\n/**\n * Контейнер для группировки StatusTrackerStatus.\n * Выстраивает статусы в колонку и центрирует блок целиком, оставляя подписи выровненными по левому краю.\n */\nexport const StatusTrackerStatusGroup = React.forwardRef<HTMLDivElement, IStatusTrackerStatusGroup>(\n    function StatusTrackerStatusGroup({ children, className, ...restProps }, ref) {\n        return (\n            <div className={clsx(styles.statusTrackerStatusGroup, className)} {...restProps} ref={ref}>\n                {children}\n            </div>\n        );\n    },\n);\n\nStatusTrackerStatusGroup.displayName = \"StatusTrackerStatusGroup\";\n"],"names":["StatusTrackerStatusGroup"],"mappings":";;;;;;;AAcO,MAAM,2BAA2B,MAAM;AAAA,EAC1C,SAASA,0BAAyB,EAAE,UAAU,WAAW,GAAG,UAAA,GAAa,KAAK;AAC1E,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,0BAA0B,SAAS,GAAI,GAAG,WAAW,KAC5E,SAAA,CACL;AAAA,EAER;AACJ;AAEA,yBAAyB,cAAc;"}

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { ETitleSize, EFontWeightTitle } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
@@ -6,9 +7,8 @@ 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-di0Vn038.js";
-const StatusTrackerSum = (props) => {
-  const { className, amountProps, ...restProps } = props;
+import { s as styles } from "../../../chunks/StatusTracker.module-BC5lAZhf.js";
+const StatusTrackerSum = React.forwardRef(function StatusTrackerSum2({ className, amountProps, ...restProps }, ref) {
   return /* @__PURE__ */ jsx(
     Title,
     {
@@ -16,10 +16,12 @@ const StatusTrackerSum = (props) => {
       size: ETitleSize.H1,
       className: clsx(styles.statusTrackerSum, className),
       ...restProps,
+      ref,
       children: /* @__PURE__ */ jsx(Amount, { ...amountProps })
     }
   );
-};
+});
+StatusTrackerSum.displayName = "StatusTrackerSum";
 export {
   StatusTrackerSum
 };

package/components/StatusTracker/components/StatusTrackerSum.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTrackerSum.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerSum.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EFontWeightTitle, ETitleSize, Title } from \"@sberbusiness/triplex-next/components/Typography\";\nimport { Amount, IAmountProps } from \"@sberbusiness/triplex-next/components/Amount\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\n\n/** Свойства компонента StatusTrackerSum. */\nexport interface IStatusTrackerSumProps extends React.HTMLAttributes<HTMLDivElement> {\n    amountProps: IAmountProps;\n}\n\n/** Компонент суммы для блока заголовка статус-трекера. */\nexport const StatusTrackerSum: React.FC<IStatusTrackerSumProps> = (props) => {\n    const { className, amountProps, ...restProps } = props;\n\n    return (\n        <Title\n            weight={EFontWeightTitle.SEMIBOLD}\n            size={ETitleSize.H1}\n            className={clsx(styles.statusTrackerSum, className)}\n            {...restProps}\n        >\n            <Amount {...amountProps} />\n        </Title>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;AAYO,MAAM,mBAAqD,CAAC,UAAU;AACzE,QAAM,EAAE,WAAW,aAAa,GAAG,cAAc;AAEjD,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,iBAAiB;AAAA,MACzB,MAAM,WAAW;AAAA,MACjB,WAAW,KAAK,OAAO,kBAAkB,SAAS;AAAA,MACjD,GAAG;AAAA,MAEJ,UAAA,oBAAC,QAAA,EAAQ,GAAG,YAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AAGrC;"}
+{"version":3,"file":"StatusTrackerSum.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerSum.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EFontWeightTitle, ETitleSize, Title } from \"@sberbusiness/triplex-next/components/Typography\";\nimport { Amount, IAmountProps } from \"@sberbusiness/triplex-next/components/Amount\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\n\n/** Свойства компонента StatusTrackerSum. */\nexport interface IStatusTrackerSumProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Свойства суммы. Передаются во вложенный компонент Amount как есть. */\n    amountProps: IAmountProps;\n}\n\n/** Сумма документа для блока заголовка статус-трекера. Рендерится как Title размера H1. */\nexport const StatusTrackerSum = React.forwardRef<HTMLElement, IStatusTrackerSumProps>(function StatusTrackerSum(\n    { className, amountProps, ...restProps },\n    ref,\n) {\n    return (\n        <Title\n            weight={EFontWeightTitle.SEMIBOLD}\n            size={ETitleSize.H1}\n            className={clsx(styles.statusTrackerSum, className)}\n            {...restProps}\n            ref={ref}\n        >\n            <Amount {...amountProps} />\n        </Title>\n    );\n});\n\nStatusTrackerSum.displayName = \"StatusTrackerSum\";\n"],"names":["StatusTrackerSum"],"mappings":";;;;;;;;;;AAaO,MAAM,mBAAmB,MAAM,WAAgD,SAASA,kBAC3F,EAAE,WAAW,aAAa,GAAG,UAAA,GAC7B,KACF;AACE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,iBAAiB;AAAA,MACzB,MAAM,WAAW;AAAA,MACjB,WAAW,KAAK,OAAO,kBAAkB,SAAS;AAAA,MACjD,GAAG;AAAA,MACJ;AAAA,MAEA,UAAA,oBAAC,QAAA,EAAQ,GAAG,YAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AAGrC,CAAC;AAED,iBAAiB,cAAc;"}

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
+import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.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-di0Vn038.js";
-const StatusTrackerTitle = (props) => {
-  const { children, className, ...rest } = props;
+import { s as styles } from "../../../chunks/StatusTracker.module-BC5lAZhf.js";
+const StatusTrackerTitle = React.forwardRef(function StatusTrackerTitle2({ children, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx(
     Title,
     {
@@ -15,10 +15,12 @@ const StatusTrackerTitle = (props) => {
       size: ETitleSize.H3,
       className: clsx(styles.statusTrackerTitle, className),
       ...rest,
+      ref,
       children
     }
   );
-};
+});
+StatusTrackerTitle.displayName = "StatusTrackerTitle";
 export {
   StatusTrackerTitle
 };

package/components/StatusTracker/components/StatusTrackerTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTrackerTitle.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EFontWeightTitle, ETitleSize, Title } from \"@sberbusiness/triplex-next/components/Typography\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\n\n/** Свойства компонента StatusTrackerTitle. */\nexport interface IStatusTrackerTitleProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Текст пояснения для блока заголовка статус-трекера. */\nexport const StatusTrackerTitle: React.FC<IStatusTrackerTitleProps> = (props) => {\n    const { children, className, ...rest } = props;\n\n    return (\n        <Title\n            weight={EFontWeightTitle.BOLD}\n            size={ETitleSize.H3}\n            className={clsx(styles.statusTrackerTitle, className)}\n            {...rest}\n        >\n            {children}\n        </Title>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AASO,MAAM,qBAAyD,CAAC,UAAU;AAC7E,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AAEzC,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,iBAAiB;AAAA,MACzB,MAAM,WAAW;AAAA,MACjB,WAAW,KAAK,OAAO,oBAAoB,SAAS;AAAA,MACnD,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"StatusTrackerTitle.js","sources":["../../../../src/components/StatusTracker/components/StatusTrackerTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EFontWeightTitle, ETitleSize, Title } from \"@sberbusiness/triplex-next/components/Typography\";\nimport styles from \"@sberbusiness/triplex-next/components/StatusTracker/styles/StatusTracker.module.less\";\n\n/** Свойства компонента StatusTrackerTitle. */\nexport interface IStatusTrackerTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Текст заголовка. */\n    children?: React.ReactNode;\n}\n\n/** Заголовок блока заголовка статус-трекера. Рендерится как Title размера H3 с жирным начертанием. */\nexport const StatusTrackerTitle = React.forwardRef<HTMLElement, IStatusTrackerTitleProps>(function StatusTrackerTitle(\n    { children, className, ...rest },\n    ref,\n) {\n    return (\n        <Title\n            weight={EFontWeightTitle.BOLD}\n            size={ETitleSize.H3}\n            className={clsx(styles.statusTrackerTitle, className)}\n            {...rest}\n            ref={ref}\n        >\n            {children}\n        </Title>\n    );\n});\n\nStatusTrackerTitle.displayName = \"StatusTrackerTitle\";\n"],"names":["StatusTrackerTitle"],"mappings":";;;;;;;;;AAYO,MAAM,qBAAqB,MAAM,WAAkD,SAASA,oBAC/F,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,iBAAiB;AAAA,MACzB,MAAM,WAAW;AAAA,MACjB,WAAW,KAAK,OAAO,oBAAoB,SAAS;AAAA,MACnD,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAED,mBAAmB,cAAc;"}