@sberbusiness/triplex-next 0.38.0 → 0.40.0

package/components/Row/Row.js

@@ -1,11 +1,12 @@
 import { jsx } from "react/jsx-runtime";
+import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__0d7b735d";
-const noPaddingBottom = "noPaddingBottom__4464b921";
-const SM = "SM__de866c04";
-const MD = "MD__8e6dd868";
+const row = "row__f35090cc";
+const noPaddingBottom = "noPaddingBottom__95ebdee0";
+const SM = "SM__e7a5c7c9";
+const MD = "MD__0afb7576";
 const styles = {
   row,
   noPaddingBottom,
@@ -16,18 +17,25 @@ const GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {
   [EComponentSize.SM]: styles.SM,
   [EComponentSize.MD]: styles.MD
 };
-const Row = ({
-  children,
-  className,
-  gridHorizontalGap = EComponentSize.SM,
-  paddingBottom = true,
-  ...htmlDivAttributes
-}) => {
-  const cn = clsx(className, styles.row, GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap], {
-    [styles.noPaddingBottom]: !paddingBottom
-  });
-  return /* @__PURE__ */ jsx(RowContext.Provider, { value: { gridHorizontalGap }, children: /* @__PURE__ */ jsx("div", { className: cn, ...htmlDivAttributes, children }) });
-};
+const Row = React.forwardRef(
+  ({ children, className, gridHorizontalGap = EComponentSize.SM, paddingBottom = true, ...htmlDivAttributes }, ref) => {
+    const contextValue = React.useMemo(() => ({ gridHorizontalGap }), [gridHorizontalGap]);
+    return /* @__PURE__ */ jsx(RowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          styles.row,
+          GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap],
+          { [styles.noPaddingBottom]: !paddingBottom },
+          className
+        ),
+        ...htmlDivAttributes,
+        ref,
+        children
+      }
+    ) });
+  }
+);
 Row.displayName = "Row";
 export {
   Row

package/components/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../src/components/Row/Row.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Row.module.less\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { RowContext } from \"./RowContext\";\n\n/** Свойства компонента Row. */\nexport interface IRowProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Вертикальный нижний отступ. */\n    paddingBottom?: boolean;\n    /** Размер отступа между колонками. */\n    gridHorizontalGap?: EComponentSize.SM | EComponentSize.MD;\n}\n\nconst GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.SM,\n    [EComponentSize.MD]: styles.MD,\n};\n\n/**\n * Строка с нижним отступом, принимающая в children только колонки Col.\n */\nexport const Row: React.FC<IRowProps> = ({\n    children,\n    className,\n    gridHorizontalGap = EComponentSize.SM,\n    paddingBottom = true,\n    ...htmlDivAttributes\n}) => {\n    const cn = clsx(className, styles.row, GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap], {\n        [styles.noPaddingBottom]: !paddingBottom,\n    });\n\n    return (\n        <RowContext.Provider value={{ gridHorizontalGap }}>\n            <div className={cn} {...htmlDivAttributes}>\n                {children}\n            </div>\n        </RowContext.Provider>\n    );\n};\n\nRow.displayName = \"Row\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,wCAAwC;AAAA,EAC1C,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAKO,MAAM,MAA2B,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA,oBAAoB,eAAe;AAAA,EACnC,gBAAgB;AAAA,EAChB,GAAG;AACP,MAAM;AACF,QAAM,KAAK,KAAK,WAAW,OAAO,KAAK,sCAAsC,iBAAiB,GAAG;AAAA,IAC7F,CAAC,OAAO,eAAe,GAAG,CAAC;AAAA,EAAA,CAC9B;AAED,SACI,oBAAC,WAAW,UAAX,EAAoB,OAAO,EAAE,kBAAA,GAC1B,UAAA,oBAAC,SAAI,WAAW,IAAK,GAAG,mBACnB,UACL,GACJ;AAER;AAEA,IAAI,cAAc;"}
+{"version":3,"file":"Row.js","sources":["../../../src/components/Row/Row.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Row.module.less\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { RowContext } from \"./RowContext\";\n\n/** Свойства компонента Row. */\nexport interface IRowProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Колонки Col. */\n    children?: React.ReactNode;\n    /** Вертикальный нижний отступ. По умолчанию true. */\n    paddingBottom?: boolean;\n    /** Размер отступа между колонками. По умолчанию EComponentSize.SM. */\n    gridHorizontalGap?: EComponentSize.SM | EComponentSize.MD;\n}\n\nconst GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.SM,\n    [EComponentSize.MD]: styles.MD,\n};\n\n/**\n * Строка сетки с нижним отступом, предназначенная для использования с колонками Col в children.\n * Передаёт размер отступа между колонками в Col через RowContext.\n */\nexport const Row = React.forwardRef<HTMLDivElement, IRowProps>(\n    (\n        { children, className, gridHorizontalGap = EComponentSize.SM, paddingBottom = true, ...htmlDivAttributes },\n        ref,\n    ) => {\n        const contextValue = React.useMemo(() => ({ gridHorizontalGap }), [gridHorizontalGap]);\n\n        return (\n            <RowContext.Provider value={contextValue}>\n                <div\n                    className={clsx(\n                        styles.row,\n                        GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap],\n                        { [styles.noPaddingBottom]: !paddingBottom },\n                        className,\n                    )}\n                    {...htmlDivAttributes}\n                    ref={ref}\n                >\n                    {children}\n                </div>\n            </RowContext.Provider>\n        );\n    },\n);\n\nRow.displayName = \"Row\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAM,wCAAwC;AAAA,EAC1C,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAMO,MAAM,MAAM,MAAM;AAAA,EACrB,CACI,EAAE,UAAU,WAAW,oBAAoB,eAAe,IAAI,gBAAgB,MAAM,GAAG,kBAAA,GACvF,QACC;AACD,UAAM,eAAe,MAAM,QAAQ,OAAO,EAAE,sBAAsB,CAAC,iBAAiB,CAAC;AAErF,WACI,oBAAC,WAAW,UAAX,EAAoB,OAAO,cACxB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP,OAAO;AAAA,UACP,sCAAsC,iBAAiB;AAAA,UACvD,EAAE,CAAC,OAAO,eAAe,GAAG,CAAC,cAAA;AAAA,UAC7B;AAAA,QAAA;AAAA,QAEH,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AACJ;AAEA,IAAI,cAAc;"}

package/components/Row/RowContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowContext.js","sources":["../../../src/components/Row/RowContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\nexport interface IRowContext {\n    gridHorizontalGap: EComponentSize.SM | EComponentSize.MD;\n}\n\nexport const RowContext = React.createContext<IRowContext>({\n    gridHorizontalGap: EComponentSize.SM,\n});\n"],"names":[],"mappings":";;AAOO,MAAM,aAAa,MAAM,cAA2B;AAAA,EACvD,mBAAmB,eAAe;AACtC,CAAC;"}
+{"version":3,"file":"RowContext.js","sources":["../../../src/components/Row/RowContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\n/** Значение контекста Row. */\nexport interface IRowContext {\n    /** Размер отступа между колонками. */\n    gridHorizontalGap: EComponentSize.SM | EComponentSize.MD;\n}\n\n/** Контекст Row, передающий размер отступа между колонками в Col. Внутренний модуль, не экспортируется через barrel. */\nexport const RowContext = React.createContext<IRowContext>({\n    gridHorizontalGap: EComponentSize.SM,\n});\n"],"names":[],"mappings":";;AAUO,MAAM,aAAa,MAAM,cAA2B;AAAA,EACvD,mBAAmB,eAAe;AACtC,CAAC;"}

package/components/SMSField/SMSField.js

@@ -6,7 +6,7 @@ import { SMSFieldInput } from "./components/SMSFieldInput.js";
 import { SMSFieldRefresh } from "./components/SMSFieldRefresh.js";
 import { SMSFieldSubmit } from "./components/SMSFieldSubmit.js";
 import { SMSFieldTooltip } from "./components/SMSFieldTooltip.js";
-import { s as styles } from "../../chunks/SMSField.module-C2nI_EDz.js";
+import { s as styles } from "../../chunks/SMSField.module-B5isl-Pm.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const SMSField = (props) => {
@@ -30,7 +30,7 @@ const SMSField = (props) => {
         sizeClassName: sizeToClassNameMap[size],
         tooltipId
       },
-      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "0.38.0", children })
+      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "0.40.0", children })
     }
   );
 };

package/components/SMSField/components/RefreshIcon.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/SMSField.module-C2nI_EDz.js";
+import { s as styles } from "../../../chunks/SMSField.module-B5isl-Pm.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 const iconPath = "M2 10c0-4.42 3.58-8 8-8 2.52 0 4.77 1.16 6.24 3H13.5c-.56 0-1 .44-1 1 0 .55.44 1 1 1h5c.55 0 1-.45 1-1V1c0-.56-.45-1-1-1-.56 0-1 .44-1 1v2.38A10.02 10.02 0 0 0 10 0C4.47 0 0 4.47 0 10c0 5.52 4.47 10 10 10 5.52 0 10-4.48 10-10 0-.56-.45-1-1-1-.56 0-1 .44-1 1 0 4.41-3.59 8-8 8-4.42 0-8-3.59-8-8";
 const bigIconPath = "M27 16c0 .81-.09 1.61-.27 2.39a10.9 10.9 0 0 1-1.54 3.65c-.41.62-.88 1.2-1.42 1.73-.53.54-1.11 1.01-1.73 1.42a10.906 10.906 0 0 1-3.65 1.54c-.78.18-1.58.27-2.39.27q-1.23 0-2.4-.27a10.9 10.9 0 0 1-3.65-1.54c-.62-.41-1.2-.88-1.73-1.42-.54-.53-1.01-1.11-1.42-1.73a10.906 10.906 0 0 1-1.54-3.65C5.08 17.61 5 16.81 5 16c0-.82.08-1.62.26-2.4A10.9 10.9 0 0 1 6.8 9.95c.41-.62.88-1.2 1.42-1.73.53-.54 1.11-1.01 1.73-1.42a10.906 10.906 0 0 1 3.65-1.54C14.38 5.08 15.18 5 16 5a11.1 11.1 0 0 1 2.93.39c.44.12.86.27 1.27.44.47.19.93.42 1.37.68.39.23.75.47 1.1.74.4.31.78.64 1.14 1 .06.06.12.13.19.2V6c0-.57.44-1 1-1s1 .43 1 1v5c0 .66-.34 1-1 1h-5c-.56 0-1-.44-1-1 0-.57.44-1 1-1h2.7c-.1-.12-.21-.23-.31-.34-.3-.3-.61-.58-.95-.83-.28-.21-.57-.41-.88-.59a8.753 8.753 0 0 0-3-1.11C17.05 7.04 16.53 7 16 7c-.69 0-1.35.07-2 .22-.52.11-1.02.27-1.51.48-.5.21-.97.47-1.42.76a9 9 0 0 0-2.61 2.61c-.29.45-.55.92-.76 1.42-.21.49-.37.99-.48 1.51A8.8 8.8 0 0 0 7 16c0 .68.07 1.34.22 1.99.11.52.27 1.02.48 1.51.21.5.47.97.76 1.42q.51.78 1.17 1.44c.45.44.92.83 1.44 1.17.45.29.92.55 1.42.76.49.21.99.37 1.51.48a8.803 8.803 0 0 0 3.99 0c.52-.11 1.02-.27 1.51-.48.5-.21.97-.47 1.42-.76a9 9 0 0 0 2.61-2.61c.29-.45.55-.92.76-1.42.21-.49.37-.99.48-1.51.15-.65.23-1.31.23-1.99 0-.57.44-1 1-1s1 .43 1 1";

package/components/SMSField/components/SMSFieldInput.js

@@ -15,7 +15,7 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { FormField } from "../../FormField/FormField.js";
 import { FormGroup } from "../../FormGroup/FormGroup.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
-import { s as styles } from "../../../chunks/SMSField.module-C2nI_EDz.js";
+import { s as styles } from "../../../chunks/SMSField.module-B5isl-Pm.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 const regExp = new RegExp(/^[0-9]*$/);
 const SMSFieldInput = React.forwardRef(

package/components/SMSField/components/SMSFieldRefresh.js

@@ -2,14 +2,13 @@ import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { forwardRef, useContext, useMemo } from "react";
 import "../../Button/Button.js";
-import "../../Button/ButtonBase.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape } from "../../Button/enums.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { RefreshIcon } from "./RefreshIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-C2nI_EDz.js";
+import { s as styles } from "../../../chunks/SMSField.module-B5isl-Pm.js";
 const SMSFieldRefresh = forwardRef(
   ({ className, disabled, countdownTime, countdownTimeLeft, onClick, onRefresh, ...restProps }, ref) => {
     const { disabled: allDisabled, error, size, sizeClassName, tooltipId } = useContext(SMSFieldContext);

package/components/SMSField/components/SMSFieldRefresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSFieldRefresh.js","sources":["../../../../src/components/SMSField/components/SMSFieldRefresh.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useContext, useMemo } from \"react\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { RefreshIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/RefreshIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Refresh. */\nexport interface ISMSFieldRefreshProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Число секунд обратного отсчета. */\n    countdownTime: number;\n    /** Число оставшихся секунд обратного отсчета. */\n    countdownTimeLeft: number;\n    /** Обработчик запроса кода. */\n    onRefresh: () => void;\n}\n\nexport const SMSFieldRefresh = forwardRef<HTMLButtonElement, ISMSFieldRefreshProps>(\n    ({ className, disabled, countdownTime, countdownTimeLeft, onClick, onRefresh, ...restProps }, ref) => {\n        const { disabled: allDisabled, error, size, sizeClassName, tooltipId } = useContext(SMSFieldContext);\n\n        const isSmsCountdownTicking = countdownTimeLeft > 0;\n        const refreshDisabled = (allDisabled && !error) || disabled || isSmsCountdownTicking;\n        const refreshClassName = clsx(styles.btnRefresh, sizeClassName, className, {\n            [styles.disabled]: refreshDisabled,\n        });\n\n        // Проценты выражаются в долях единицы.\n        const percent = useMemo(() => {\n            if (countdownTimeLeft >= countdownTime || allDisabled || disabled) {\n                return 0;\n            } else {\n                return (countdownTime - countdownTimeLeft) / countdownTime;\n            }\n        }, [countdownTime, countdownTimeLeft, allDisabled, disabled]);\n\n        /** Обработчик запроса sms-кода. */\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            onRefresh();\n            onClick?.(event);\n        };\n\n        return (\n            <ButtonIcon\n                aria-describedby={tooltipId}\n                className={refreshClassName}\n                disabled={refreshDisabled}\n                onClick={handleClick}\n                ref={ref}\n                shape={EButtonIconShape.SQUIRCLE}\n                {...restProps}\n            >\n                <RefreshIcon percent={percent || 0} size={size} disabled={Boolean(allDisabled || disabled)} />\n            </ButtonIcon>\n        );\n    },\n);\n\nSMSFieldRefresh.displayName = \"SMSFieldRefresh\";\n"],"names":[],"mappings":";;;;;;;;;;;;AAkBO,MAAM,kBAAkB;AAAA,EAC3B,CAAC,EAAE,WAAW,UAAU,eAAe,mBAAmB,SAAS,WAAW,GAAG,UAAA,GAAa,QAAQ;AAClG,UAAM,EAAE,UAAU,aAAa,OAAO,MAAM,eAAe,UAAA,IAAc,WAAW,eAAe;AAEnG,UAAM,wBAAwB,oBAAoB;AAClD,UAAM,kBAAmB,eAAe,CAAC,SAAU,YAAY;AAC/D,UAAM,mBAAmB,KAAK,OAAO,YAAY,eAAe,WAAW;AAAA,MACvE,CAAC,OAAO,QAAQ,GAAG;AAAA,IAAA,CACtB;AAGD,UAAM,UAAU,QAAQ,MAAM;AAC1B,UAAI,qBAAqB,iBAAiB,eAAe,UAAU;AAC/D,eAAO;AAAA,MACX,OAAO;AACH,gBAAQ,gBAAgB,qBAAqB;AAAA,MACjD;AAAA,IACJ,GAAG,CAAC,eAAe,mBAAmB,aAAa,QAAQ,CAAC;AAG5D,UAAM,cAAc,CAAC,UAA+C;AAChE,gBAAA;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,oBAAkB;AAAA,QAClB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT;AAAA,QACA,OAAO,iBAAiB;AAAA,QACvB,GAAG;AAAA,QAEJ,UAAA,oBAAC,aAAA,EAAY,SAAS,WAAW,GAAG,MAAY,UAAU,QAAQ,eAAe,QAAQ,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGxG;AACJ;AAEA,gBAAgB,cAAc;"}
+{"version":3,"file":"SMSFieldRefresh.js","sources":["../../../../src/components/SMSField/components/SMSFieldRefresh.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useContext, useMemo } from \"react\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { RefreshIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/RefreshIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Refresh. */\nexport interface ISMSFieldRefreshProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Число секунд обратного отсчета. */\n    countdownTime: number;\n    /** Число оставшихся секунд обратного отсчета. */\n    countdownTimeLeft: number;\n    /** Обработчик запроса кода. */\n    onRefresh: () => void;\n}\n\nexport const SMSFieldRefresh = forwardRef<HTMLButtonElement, ISMSFieldRefreshProps>(\n    ({ className, disabled, countdownTime, countdownTimeLeft, onClick, onRefresh, ...restProps }, ref) => {\n        const { disabled: allDisabled, error, size, sizeClassName, tooltipId } = useContext(SMSFieldContext);\n\n        const isSmsCountdownTicking = countdownTimeLeft > 0;\n        const refreshDisabled = (allDisabled && !error) || disabled || isSmsCountdownTicking;\n        const refreshClassName = clsx(styles.btnRefresh, sizeClassName, className, {\n            [styles.disabled]: refreshDisabled,\n        });\n\n        // Проценты выражаются в долях единицы.\n        const percent = useMemo(() => {\n            if (countdownTimeLeft >= countdownTime || allDisabled || disabled) {\n                return 0;\n            } else {\n                return (countdownTime - countdownTimeLeft) / countdownTime;\n            }\n        }, [countdownTime, countdownTimeLeft, allDisabled, disabled]);\n\n        /** Обработчик запроса sms-кода. */\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            onRefresh();\n            onClick?.(event);\n        };\n\n        return (\n            <ButtonIcon\n                aria-describedby={tooltipId}\n                className={refreshClassName}\n                disabled={refreshDisabled}\n                onClick={handleClick}\n                ref={ref}\n                shape={EButtonIconShape.SQUIRCLE}\n                {...restProps}\n            >\n                <RefreshIcon percent={percent || 0} size={size} disabled={Boolean(allDisabled || disabled)} />\n            </ButtonIcon>\n        );\n    },\n);\n\nSMSFieldRefresh.displayName = \"SMSFieldRefresh\";\n"],"names":[],"mappings":";;;;;;;;;;;AAkBO,MAAM,kBAAkB;AAAA,EAC3B,CAAC,EAAE,WAAW,UAAU,eAAe,mBAAmB,SAAS,WAAW,GAAG,UAAA,GAAa,QAAQ;AAClG,UAAM,EAAE,UAAU,aAAa,OAAO,MAAM,eAAe,UAAA,IAAc,WAAW,eAAe;AAEnG,UAAM,wBAAwB,oBAAoB;AAClD,UAAM,kBAAmB,eAAe,CAAC,SAAU,YAAY;AAC/D,UAAM,mBAAmB,KAAK,OAAO,YAAY,eAAe,WAAW;AAAA,MACvE,CAAC,OAAO,QAAQ,GAAG;AAAA,IAAA,CACtB;AAGD,UAAM,UAAU,QAAQ,MAAM;AAC1B,UAAI,qBAAqB,iBAAiB,eAAe,UAAU;AAC/D,eAAO;AAAA,MACX,OAAO;AACH,gBAAQ,gBAAgB,qBAAqB;AAAA,MACjD;AAAA,IACJ,GAAG,CAAC,eAAe,mBAAmB,aAAa,QAAQ,CAAC;AAG5D,UAAM,cAAc,CAAC,UAA+C;AAChE,gBAAA;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,oBAAkB;AAAA,QAClB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT;AAAA,QACA,OAAO,iBAAiB;AAAA,QACvB,GAAG;AAAA,QAEJ,UAAA,oBAAC,aAAA,EAAY,SAAS,WAAW,GAAG,MAAY,UAAU,QAAQ,eAAe,QAAQ,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGxG;AACJ;AAEA,gBAAgB,cAAc;"}

package/components/SMSField/components/SMSFieldSubmit.js

@@ -2,14 +2,13 @@ import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { useContext, useEffect } from "react";
 import "../../Button/Button.js";
-import "../../Button/ButtonBase.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape } from "../../Button/enums.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { SubmitIcon } from "./SubmitIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-C2nI_EDz.js";
+import { s as styles } from "../../../chunks/SMSField.module-B5isl-Pm.js";
 const SMSFieldSubmit = ({ className, disabled, onClick, ...restProps }) => {
   const {
     code,

package/components/SMSField/components/SMSFieldSubmit.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSFieldSubmit.js","sources":["../../../../src/components/SMSField/components/SMSFieldSubmit.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useContext } from \"react\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { SubmitIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/SubmitIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Submit. */\nexport interface ISMSFieldSubmitProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const SMSFieldSubmit: React.FC<ISMSFieldSubmitProps> = ({ className, disabled, onClick, ...restProps }) => {\n    const {\n        code,\n        disabled: allDisabled,\n        onSubmitCode,\n        setDisabledSubmit,\n        size,\n        sizeClassName,\n    } = useContext(SMSFieldContext);\n\n    const submitDisabled = allDisabled || disabled || code === \"\";\n    const submitClassName = clsx(styles.btnSubmit, { [styles.active]: !!code }, sizeClassName, className);\n\n    useEffect(() => {\n        setDisabledSubmit(submitDisabled);\n    }, [submitDisabled, setDisabledSubmit]);\n\n    /** Обработчик отправки sms-кода. */\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        onSubmitCode(code);\n        onClick?.(event);\n    };\n\n    return (\n        <ButtonIcon\n            active={!!code}\n            className={submitClassName}\n            disabled={submitDisabled}\n            onClick={handleClick}\n            shape={EButtonIconShape.CIRCLE}\n            {...restProps}\n        >\n            <SubmitIcon size={size} />\n        </ButtonIcon>\n    );\n};\n\nSMSFieldSubmit.displayName = \"SMSFieldSubmit\";\n"],"names":[],"mappings":";;;;;;;;;;;;AAWO,MAAM,iBAAiD,CAAC,EAAE,WAAW,UAAU,SAAS,GAAG,gBAAgB;AAC9G,QAAM;AAAA,IACF;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,WAAW,eAAe;AAE9B,QAAM,iBAAiB,eAAe,YAAY,SAAS;AAC3D,QAAM,kBAAkB,KAAK,OAAO,WAAW,EAAE,CAAC,OAAO,MAAM,GAAG,CAAC,CAAC,QAAQ,eAAe,SAAS;AAEpG,YAAU,MAAM;AACZ,sBAAkB,cAAc;AAAA,EACpC,GAAG,CAAC,gBAAgB,iBAAiB,CAAC;AAGtC,QAAM,cAAc,CAAC,UAA+C;AAChE,iBAAa,IAAI;AACjB,uCAAU;AAAA,EACd;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,CAAC,CAAC;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO,iBAAiB;AAAA,MACvB,GAAG;AAAA,MAEJ,UAAA,oBAAC,cAAW,KAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEA,eAAe,cAAc;"}
+{"version":3,"file":"SMSFieldSubmit.js","sources":["../../../../src/components/SMSField/components/SMSFieldSubmit.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useContext } from \"react\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { SubmitIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/SubmitIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Submit. */\nexport interface ISMSFieldSubmitProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const SMSFieldSubmit: React.FC<ISMSFieldSubmitProps> = ({ className, disabled, onClick, ...restProps }) => {\n    const {\n        code,\n        disabled: allDisabled,\n        onSubmitCode,\n        setDisabledSubmit,\n        size,\n        sizeClassName,\n    } = useContext(SMSFieldContext);\n\n    const submitDisabled = allDisabled || disabled || code === \"\";\n    const submitClassName = clsx(styles.btnSubmit, { [styles.active]: !!code }, sizeClassName, className);\n\n    useEffect(() => {\n        setDisabledSubmit(submitDisabled);\n    }, [submitDisabled, setDisabledSubmit]);\n\n    /** Обработчик отправки sms-кода. */\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        onSubmitCode(code);\n        onClick?.(event);\n    };\n\n    return (\n        <ButtonIcon\n            active={!!code}\n            className={submitClassName}\n            disabled={submitDisabled}\n            onClick={handleClick}\n            shape={EButtonIconShape.CIRCLE}\n            {...restProps}\n        >\n            <SubmitIcon size={size} />\n        </ButtonIcon>\n    );\n};\n\nSMSFieldSubmit.displayName = \"SMSFieldSubmit\";\n"],"names":[],"mappings":";;;;;;;;;;;AAWO,MAAM,iBAAiD,CAAC,EAAE,WAAW,UAAU,SAAS,GAAG,gBAAgB;AAC9G,QAAM;AAAA,IACF;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,WAAW,eAAe;AAE9B,QAAM,iBAAiB,eAAe,YAAY,SAAS;AAC3D,QAAM,kBAAkB,KAAK,OAAO,WAAW,EAAE,CAAC,OAAO,MAAM,GAAG,CAAC,CAAC,QAAQ,eAAe,SAAS;AAEpG,YAAU,MAAM;AACZ,sBAAkB,cAAc;AAAA,EACpC,GAAG,CAAC,gBAAgB,iBAAiB,CAAC;AAGtC,QAAM,cAAc,CAAC,UAA+C;AAChE,iBAAa,IAAI;AACjB,uCAAU;AAAA,EACd;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,CAAC,CAAC;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO,iBAAiB;AAAA,MACvB,GAAG;AAAA,MAEJ,UAAA,oBAAC,cAAW,KAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEA,eAAe,cAAc;"}

package/components/SegmentedControl/SegmentedControl.js

@@ -5,14 +5,14 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const segmentedControl = "segmentedControl__e0121dbe";
-const general1 = "general1__12bf8bc9";
-const secondary1 = "secondary1__7ef39948";
-const general2 = "general2__02cd74dd";
-const secondary2 = "secondary2__709b295b";
-const sm = "sm__c7159377";
-const md = "md__cd94f8e2";
-const lg = "lg__dd33448b";
+const segmentedControl = "segmentedControl__343115cb";
+const general1 = "general1__30ca04a2";
+const secondary1 = "secondary1__57c86f95";
+const general2 = "general2__27c98f59";
+const secondary2 = "secondary2__a150a207";
+const sm = "sm__03fb754b";
+const md = "md__46c6fab5";
+const lg = "lg__ad9da6d7";
 const styles = {
   segmentedControl,
   general1,
@@ -66,7 +66,7 @@ const SegmentedControl = Object.assign(
             disabled: Boolean(disabled),
             onSegmentSelect: handleSegmentSelect
           },
-          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "0.38.0", ref, children })
+          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "0.40.0", ref, children })
         }
       );
     }

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -5,9 +5,9 @@ import { ButtonBase } from "../Button/ButtonBase.js";
 import { ESegmentedControlType } from "./enums.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const segmentedControlSegment = "segmentedControlSegment__8f1ac873";
-const selected = "selected__c4ac0b4a";
-const content = "content__6c90299a";
+const segmentedControlSegment = "segmentedControlSegment__5863f29f";
+const selected = "selected__8d71580f";
+const content = "content__4ef88124";
 const styles = {
   segmentedControlSegment,
   selected,

package/components/SelectExtendedField/SelectExtendedField.js

@@ -5,7 +5,7 @@ import { KeyDownListener } from "../KeyDownListener/KeyDownListener.js";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { SelectExtendedFieldTarget } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown } from "./components/SelectExtendedFieldDropdown.js";
-const selectExtendedField = "selectExtendedField__d07f9ea7";
+const selectExtendedField = "selectExtendedField__e57ec762";
 const styles = {
   selectExtendedField
 };

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CWu2k-xN.js";
+import "../../../chunks/DropdownListItem-V6Oe5CEm.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -4,7 +4,7 @@ import { SelectExtendedField } from "../SelectExtendedField.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CWu2k-xN.js";
+import "../../../chunks/DropdownListItem-V6Oe5CEm.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -20,12 +20,12 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { FormField } from "../../FormField/FormField.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { IconWrapper } from "../../IconWrapper/IconWrapper.js";
-const selectExtendedFieldTarget = "selectExtendedFieldTarget__c9711a52";
-const caretIcon = "caretIcon__13950d95";
-const selectOpened = "selectOpened__08015e7d";
-const disabled = "disabled__ea06bf71";
-const target = "target__801e8bc9";
-const caretWrapper = "caretWrapper__f25fc38e";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__ee23e3e2";
+const caretIcon = "caretIcon__db350873";
+const selectOpened = "selectOpened__fb4c4bca";
+const disabled = "disabled__24bf7b94";
+const target = "target__368e2f24";
+const caretWrapper = "caretWrapper__84593840";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -118,7 +118,7 @@ const SelectExtendedFieldTarget = React.forwardRef(
         className: classNames,
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "0.38.0",
+        "data-tx": "0.40.0",
         active: opened,
         ...rest,
         children: [

package/components/SelectField/SelectField.js

@@ -7,7 +7,7 @@ import { SelectExtendedFieldDropdownDefault } from "../SelectExtendedField/compo
 import { DropdownListContext } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-CWu2k-xN.js";
+import "../../chunks/DropdownListItem-V6Oe5CEm.js";
 import { EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";

package/components/Skeleton/Skeleton.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { ESkeletonType } from "./enums.js";
-const skeleton = "skeleton__24c65e17";
-const light = "light__b3b0e781";
-const dark = "dark__4a52f3ae";
+const skeleton = "skeleton__2c62cb97";
+const light = "light__636434cd";
+const dark = "dark__343c5a23";
 const styles = {
   skeleton,
   light,
@@ -17,7 +17,7 @@ const Skeleton = ({ className, type = ESkeletonType.DARK, ...htmlDivAttributes }
       [styles.light]: type === ESkeletonType.LIGHT
     }),
     ...htmlDivAttributes,
-    "data-tx": "0.38.0"
+    "data-tx": "0.40.0"
   }
 );
 export {

package/components/SliderExtended/SliderExtended.js

@@ -4,7 +4,7 @@ import { c as clsx, l as lodashExports } from "../../chunks/vendor-BtZO8a0z.js";
 import { SliderExtendedDot } from "./components/SliderExtendedDot/SliderExtendedDot.js";
 import { SliderExtendedMarks } from "./components/SliderExtendedMarks/SliderExtendedMarks.js";
 import { SliderExtendedMark } from "./components/SliderExtendedMarks/SliderExtendedMark.js";
-import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-DIUyIHt5.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-C_QEaxu8.js";
 import { SliderExtendedTrack } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
 import { SliderExtendedContext } from "./SliderExtendedContext.js";
 import { SliderExtendedUtils } from "./SliderExtendedUtils.js";
@@ -100,7 +100,7 @@ const SliderExtendedBase = ({
             [styles.disabled]: Boolean(disabled)
           }),
           ...htmlDivAttributes,
-          "data-tx": "0.38.0",
+          "data-tx": "0.40.0",
           children
         }
       )

package/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.js

@@ -9,11 +9,11 @@ import { useSliderExtendedDotTabIndex } from "./useSliderExtendedDotTabIndex.js"
 import { KeyDownListener } from "../../../KeyDownListener/KeyDownListener.js";
 import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
-const sliderExtendedDot = "sliderExtendedDot__ad8fb57a";
-const focusedByClick = "focusedByClick__ad4c105b";
-const disabled = "disabled__2592bf3c";
-const dragByMouse = "dragByMouse__3d265d74";
-const lg = "lg__0dc11e9d";
+const sliderExtendedDot = "sliderExtendedDot__76dcde7f";
+const focusedByClick = "focusedByClick__a0f48d3e";
+const disabled = "disabled__011e2e3d";
+const dragByMouse = "dragByMouse__cb8d41da";
+const lg = "lg__aa8a3231";
 const styles = {
   sliderExtendedDot,
   focusedByClick,

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMark.js

@@ -3,7 +3,7 @@ import React from "react";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { SliderExtendedMarkActions } from "./SliderExtendedMarkActions.js";
 import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-C8OiLDn9.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-OQ_S7X8I.js";
 import { EComponentSize } from "../../../../enums/EComponentSize.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Text } from "../../../Typography/Text.js";

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMarks.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-C8OiLDn9.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-OQ_S7X8I.js";
 const SliderExtendedMarks = ({ className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.sliderExtendedMarks, className), ...htmlDivAttributes });
 SliderExtendedMarks.displayName = "SliderExtendedMarks";
 export {

package/components/SliderExtended/components/SliderExtendedRail.js

@@ -3,7 +3,7 @@ import "react";
 import "../SliderExtendedContext.js";
 import "../SliderExtendedUtils.js";
 import "../../../chunks/vendor-BtZO8a0z.js";
-import { S } from "../../../chunks/SliderExtendedRail-DIUyIHt5.js";
+import { S } from "../../../chunks/SliderExtendedRail-C_QEaxu8.js";
 export {
   S as SliderExtendedRail
 };

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

@@ -3,10 +3,10 @@ import React from "react";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
-const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__4a644374";
-const lg = "lg__0dc11e9d";
-const tooltipBody = "tooltipBody__b2772049";
-const tooltipTip = "tooltipTip__92750fc4";
+const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__3a268e2e";
+const lg = "lg__aa8a3231";
+const tooltipBody = "tooltipBody__e61bbd3a";
+const tooltipTip = "tooltipTip__8f827d32";
 const styles = {
   sliderExtendedTooltipOverlay,
   lg,

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

@@ -8,12 +8,12 @@ import { SliderExtendedTrackActions } from "./SliderExtendedTrackActions.js";
 import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
 import { KeyDownListener } from "../../../KeyDownListener/KeyDownListener.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
-const sliderExtendedTrack = "sliderExtendedTrack__2df00577";
-const lg = "lg__0dc11e9d";
-const focusedByClick = "focusedByClick__ad4c105b";
-const hoverOrDragByMouse = "hoverOrDragByMouse__db375a52";
-const staticSlider = "staticSlider__be61da2a";
-const disabled = "disabled__2592bf3c";
+const sliderExtendedTrack = "sliderExtendedTrack__1239e135";
+const lg = "lg__aa8a3231";
+const focusedByClick = "focusedByClick__a0f48d3e";
+const hoverOrDragByMouse = "hoverOrDragByMouse__edafbb07";
+const staticSlider = "staticSlider__c6d9715b";
+const disabled = "disabled__011e2e3d";
 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-BtZO8a0z.js";
-const smallInput = "smallInput__ba3a1e97";
+const smallInput = "smallInput__8807c563";
 const styles = {
   smallInput
 };

package/components/Spoiler/Spoiler.js

@@ -2,7 +2,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useState, useRef, useCallback } from "react";
 import { CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { Button } from "../Button/Button.js";
-import "../Button/ButtonBase.js";
 import "../Button/ButtonIcon.js";
 import "../Button/ButtonDropdown.js";
 import "../Button/ButtonDropdownExtended.js";
@@ -10,15 +9,15 @@ 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-BtZO8a0z.js";
-const spoiler = "spoiler__ea7a2120";
-const opened = "opened__244d4e0f";
-const caretIcon = "caretIcon__92816978";
-const head = "head__a13f4180";
-const content = "content__ec81dc72";
-const hidden = "hidden__0b38a247";
-const lg = "lg__fabdaeae";
-const md = "md__9aef20bb";
-const sm = "sm__b9a3e5c9";
+const spoiler = "spoiler__6d2140f7";
+const opened = "opened__ee96520c";
+const caretIcon = "caretIcon__5ab5b23f";
+const head = "head__f8428812";
+const content = "content__a4de75f6";
+const hidden = "hidden__87cae2f9";
+const lg = "lg__4db57ed7";
+const md = "md__cb59e396";
+const sm = "sm__eb72c5ac";
 const styles = {
   spoiler,
   opened,
@@ -70,7 +69,7 @@ const Spoiler = React.forwardRef((props, ref) => {
     },
     className
   );
-  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "0.38.0", ref, children: [
+  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "0.40.0", ref, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.head, children: [
       /* @__PURE__ */ jsxs(
         Button,

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 { 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;"}

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-BtZO8a0z.js";
-import { s as styles } from "../../chunks/StatusTracker.module-5T9i1GGV.js";
+import { s as styles } from "../../chunks/StatusTracker.module-DCLE9tGr.js";
 import { EStatusTrackerType, EStatusTrackerVerticalAlign } from "./enums.js";
 import { StatusTrackerMedia } from "./components/StatusTrackerMedia.js";
 import { StatusTrackerHeader } from "./components/StatusTrackerHeader.js";
@@ -29,7 +29,7 @@ const StatusTracker = Object.assign(
         className: clsx(styles.statusTrackerWrapper, className),
         ...rest,
         ref,
-        "data-tx": "0.38.0",
+        "data-tx": "0.40.0",
         children: [
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerBackground, typeToClassNameMap[type]), children: /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerColor, typeToClassNameMap[type]) }) }, type),
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTracker, verticalAlignToClassNameMap[verticalAlign]), children })

package/components/StatusTracker/components/StatusTrackerAlert.js

@@ -3,7 +3,7 @@ import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.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-5T9i1GGV.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DCLE9tGr.js";
 import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/StatusTracker/components/StatusTrackerBody.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { StatusTrackerAlert } from "./StatusTrackerAlert.js";
 import { StatusTrackerStatus } from "./StatusTrackerStatus.js";
 import { StatusTrackerStatusGroup } from "./StatusTrackerStatusGroup.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-5T9i1GGV.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DCLE9tGr.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/StatusTrackerButton.js

@@ -1,8 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-5T9i1GGV.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DCLE9tGr.js";
 import { Button } from "../../Button/Button.js";
-import "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";

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\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;"}

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -5,7 +5,7 @@ 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-5T9i1GGV.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DCLE9tGr.js";
 const StatusTrackerDescription = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx(