@sberbusiness/triplex-next 1.51.0 → 1.53.0

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

@@ -10,11 +10,11 @@ import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
 import { setForwardedRef } from "../../../../helpers/setForwardedRef.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedDotActions } from "./SliderExtendedDotActions.js";
-const sliderExtendedDot = "sliderExtendedDot__2ba0cd91";
-const focusedByClick = "focusedByClick__12cfffe5";
-const disabled = "disabled__1587298b";
-const dragByMouse = "dragByMouse__0daa02f8";
-const lg = "lg__91fd33f1";
+const sliderExtendedDot = "sliderExtendedDot__a7f74bc3";
+const focusedByClick = "focusedByClick__d7d6845a";
+const disabled = "disabled__9f9283fa";
+const dragByMouse = "dragByMouse__ade043a8";
+const lg = "lg__6db719e5";
 const styles = {
   sliderExtendedDot,
   focusedByClick,

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

@@ -7,7 +7,7 @@ import { Text } from "../../../Typography/Text.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { SliderExtendedMarkActions } from "./SliderExtendedMarkActions.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-CByrMF0N.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-BHNdomgK.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const SliderExtendedMark = React__default.forwardRef(
   ({ children, className, style, value, ...htmlSpanAttributes }, ref) => {

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-CByrMF0N.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-BHNdomgK.js";
 const SliderExtendedMarks = React__default.forwardRef(
   ({ className, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.sliderExtendedMarks, className), ...htmlDivAttributes, ref })
 );

package/components/SliderExtended/components/SliderExtendedRail.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor-CUIykw0y.js";
 import "../SliderExtendedContext.js";
 import "../SliderExtendedUtils.js";
 import "../../../helpers/setForwardedRef.js";
-import { S } from "../../../chunks/SliderExtendedRail-Cxwdq3X_.js";
+import { S } from "../../../chunks/SliderExtendedRail-DZqWhHB5.js";
 export {
   S as SliderExtendedRail
 };

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

@@ -4,10 +4,10 @@ import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { setForwardedRef } from "../../../../helpers/setForwardedRef.js";
-const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__ec499cd0";
-const lg = "lg__91fd33f1";
-const tooltipBody = "tooltipBody__d7878ad0";
-const tooltipTip = "tooltipTip__fae590e6";
+const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__871b5b8f";
+const lg = "lg__6db719e5";
+const tooltipBody = "tooltipBody__489d2fc7";
+const tooltipTip = "tooltipTip__c92f67c4";
 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__715770d9";
-const lg = "lg__91fd33f1";
-const focusedByClick = "focusedByClick__12cfffe5";
-const hoverOrDragByMouse = "hoverOrDragByMouse__f14c989e";
-const staticSlider = "staticSlider__d2af3ebb";
-const disabled = "disabled__1587298b";
+const sliderExtendedTrack = "sliderExtendedTrack__68d074ce";
+const lg = "lg__6db719e5";
+const focusedByClick = "focusedByClick__d7d6845a";
+const hoverOrDragByMouse = "hoverOrDragByMouse__65b328a6";
+const staticSlider = "staticSlider__8fcfd1ef";
+const disabled = "disabled__9f9283fa";
 const styles = {
   sliderExtendedTrack,
   lg,

package/components/SmallInput/SmallInput.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const smallInput = "smallInput__11b9158e";
+const smallInput = "smallInput__d51a2adc";
 const styles = {
   smallInput
 };

package/components/SmartSpot/SmartSpot.js

@@ -0,0 +1,110 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { useLatestRef } from "../../utils/refs.js";
+import { DEFAULT_BLUR, SPOTS_BY_TYPE } from "./consts.js";
+import { ESmartSpotAnimation, ESmartSpotShape } from "./enums.js";
+import { getSmartSpotDuration, getSmartSpotFrame } from "./utils.js";
+const smartSpot = "smartSpot__c972f31c";
+const success = "success__9c4b68ee";
+const spot = "spot__8d87ad34";
+const warning = "warning__a86865b1";
+const error = "error__e994e9a8";
+const waiting = "waiting__4dd74e71";
+const oval = "oval__063ec7e9";
+const square = "square__bbbd999b";
+const triangle = "triangle__2eccd0f7";
+const blur = "blur__17d407a6";
+const move = "move__93552040";
+const content = "content__998fecb3";
+const styles = {
+  smartSpot,
+  success,
+  spot,
+  warning,
+  error,
+  waiting,
+  oval,
+  square,
+  triangle,
+  blur,
+  move,
+  content
+};
+const getSpotStyle = ({ x, y, diameter, opacity }) => ({
+  "--triplex-next-runtime-SmartSpot-Spot_X": `${x}px`,
+  "--triplex-next-runtime-SmartSpot-Spot_Y": `${y}px`,
+  "--triplex-next-runtime-SmartSpot-Spot_Size": `${diameter}px`,
+  "--triplex-next-runtime-SmartSpot-Spot_Opacity": opacity
+});
+const SmartSpot = React__default.forwardRef(
+  ({
+    type,
+    animation = ESmartSpotAnimation.DRIFT,
+    blur: blur2 = DEFAULT_BLUR,
+    distance,
+    duration,
+    shape = ESmartSpotShape.CIRCLE,
+    className,
+    style,
+    children,
+    ...restProps
+  }, ref) => {
+    const moveRef = React__default.useRef(null);
+    const distanceRef = useLatestRef(distance);
+    const durationRef = useLatestRef(duration);
+    React__default.useEffect(() => {
+      const move2 = moveRef.current;
+      if (!move2) {
+        return void 0;
+      }
+      const applyFrame = (t) => {
+        const frame = getSmartSpotFrame(animation, t, {
+          distance: distanceRef.current,
+          duration: durationRef.current
+        });
+        move2.style.setProperty("--triplex-next-runtime-SmartSpot-Move_X", `${frame.x}px`);
+        move2.style.setProperty("--triplex-next-runtime-SmartSpot-Move_Y", `${frame.y}px`);
+        move2.style.setProperty("--triplex-next-runtime-SmartSpot-Spot_Scale", String(frame.scale));
+      };
+      applyFrame(0);
+      if (animation === ESmartSpotAnimation.NONE) {
+        return void 0;
+      }
+      let progress = 0;
+      let lastTime = performance.now();
+      let rafId = requestAnimationFrame(function tick(now) {
+        const period = getSmartSpotDuration(animation, durationRef.current);
+        if (period > 0) {
+          progress = (progress + Math.max(0, now - lastTime) / period) % 1;
+        }
+        lastTime = now;
+        applyFrame(progress * period);
+        rafId = requestAnimationFrame(tick);
+      });
+      return () => cancelAnimationFrame(rafId);
+    }, [animation, distanceRef, durationRef]);
+    const rootStyle = {
+      ...style,
+      "--triplex-next-runtime-SmartSpot-Blur_Sigma": `${blur2}px`
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ...restProps,
+        className: clsx(styles.smartSpot, styles[type], styles[shape], className),
+        style: rootStyle,
+        ref,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: styles.blur, "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: styles.move, ref: moveRef, children: SPOTS_BY_TYPE[type].map((spot2, index) => /* @__PURE__ */ jsx("span", { className: styles.spot, style: getSpotStyle(spot2) }, index)) }) }),
+          children && /* @__PURE__ */ jsx("div", { className: styles.content, children })
+        ]
+      }
+    );
+  }
+);
+SmartSpot.displayName = "SmartSpot";
+export {
+  SmartSpot
+};
+//# sourceMappingURL=SmartSpot.js.map

package/components/SmartSpot/SmartSpot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartSpot.js","sources":["../../../src/components/SmartSpot/SmartSpot.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { useLatestRef } from \"../../utils/refs\";\nimport { DEFAULT_BLUR, ISmartSpotSpot, SPOTS_BY_TYPE } from \"./consts\";\nimport { ESmartSpotAnimation, ESmartSpotShape, ESmartSpotType } from \"./enums\";\nimport { getSmartSpotDuration, getSmartSpotFrame } from \"./utils\";\nimport styles from \"./styles/SmartSpot.module.less\";\n\n/** Свойства компонента SmartSpot. */\nexport interface ISmartSpotProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип: задаёт цвета и набор пятен. */\n    type: ESmartSpotType;\n    /** Пресет анимации. По умолчанию ESmartSpotAnimation.DRIFT. */\n    animation?: ESmartSpotAnimation;\n    /** Размытие слоя пятен, px. По умолчанию 60. */\n    blur?: number;\n    /** Дистанция движения слоя пятен (радиус эллипса по горизонтали), px. По умолчанию 50. Влияет только на Drift. @default 50 */\n    distance?: number;\n    /** Длительность одного цикла анимации, мс. По умолчанию 6000. Смена значения не перезапускает анимацию. @default 6000 */\n    duration?: number;\n    /** Форма пятен. По умолчанию ESmartSpotShape.CIRCLE. */\n    shape?: ESmartSpotShape;\n}\n\n/** Inline-стиль корня: размытие слоя пятен. */\ninterface ISmartSpotStyle extends React.CSSProperties {\n    \"--triplex-next-runtime-SmartSpot-Blur_Sigma\": string;\n}\n\n/** Inline-стиль пятна: геометрия и прозрачность из SPOTS_BY_TYPE. */\ninterface ISmartSpotSpotStyle extends React.CSSProperties {\n    \"--triplex-next-runtime-SmartSpot-Spot_X\": string;\n    \"--triplex-next-runtime-SmartSpot-Spot_Y\": string;\n    \"--triplex-next-runtime-SmartSpot-Spot_Size\": string;\n    \"--triplex-next-runtime-SmartSpot-Spot_Opacity\": number;\n}\n\nconst getSpotStyle = ({ x, y, diameter, opacity }: ISmartSpotSpot): ISmartSpotSpotStyle => ({\n    \"--triplex-next-runtime-SmartSpot-Spot_X\": `${x}px`,\n    \"--triplex-next-runtime-SmartSpot-Spot_Y\": `${y}px`,\n    \"--triplex-next-runtime-SmartSpot-Spot_Size\": `${diameter}px`,\n    \"--triplex-next-runtime-SmartSpot-Spot_Opacity\": opacity,\n});\n\n/**\n * Подложка статуса на прозрачном фоне: четыре размытых пятна, которые анимируются по выбранному пресету.\n * Заполняет родителя; children отображаются поверх подложки.\n */\nexport const SmartSpot = React.forwardRef<HTMLDivElement, ISmartSpotProps>(\n    (\n        {\n            type,\n            animation = ESmartSpotAnimation.DRIFT,\n            blur = DEFAULT_BLUR,\n            distance,\n            duration,\n            shape = ESmartSpotShape.CIRCLE,\n            className,\n            style,\n            children,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const moveRef = React.useRef<HTMLDivElement>(null);\n        // distance и duration читаются в каждом кадре, поэтому их смена не перезапускает анимацию.\n        const distanceRef = useLatestRef(distance);\n        const durationRef = useLatestRef(duration);\n\n        React.useEffect(() => {\n            const move = moveRef.current;\n\n            if (!move) {\n                return undefined;\n            }\n\n            // Кадр пишется напрямую в style слоя, чтобы не вызывать ререндер на каждом кадре.\n            const applyFrame = (t: number) => {\n                const frame = getSmartSpotFrame(animation, t, {\n                    distance: distanceRef.current,\n                    duration: durationRef.current,\n                });\n\n                move.style.setProperty(\"--triplex-next-runtime-SmartSpot-Move_X\", `${frame.x}px`);\n                move.style.setProperty(\"--triplex-next-runtime-SmartSpot-Move_Y\", `${frame.y}px`);\n                move.style.setProperty(\"--triplex-next-runtime-SmartSpot-Spot_Scale\", String(frame.scale));\n            };\n\n            applyFrame(0);\n\n            if (animation === ESmartSpotAnimation.NONE) {\n                return undefined;\n            }\n\n            // Прогресс цикла (0..1) накапливается по кадрам, поэтому при смене duration движение продолжается\n            // с текущей точки, а не перескакивает.\n            let progress = 0;\n            let lastTime = performance.now();\n            let rafId = requestAnimationFrame(function tick(now) {\n                const period = getSmartSpotDuration(animation, durationRef.current);\n\n                if (period > 0) {\n                    // Метка первого кадра может оказаться раньше performance.now() на момент запуска.\n                    progress = (progress + Math.max(0, now - lastTime) / period) % 1;\n                }\n                lastTime = now;\n                applyFrame(progress * period);\n                rafId = requestAnimationFrame(tick);\n            });\n\n            return () => cancelAnimationFrame(rafId);\n        }, [animation, distanceRef, durationRef]);\n\n        const rootStyle: ISmartSpotStyle = {\n            ...style,\n            \"--triplex-next-runtime-SmartSpot-Blur_Sigma\": `${blur}px`,\n        };\n\n        return (\n            <div\n                {...restProps}\n                className={clsx(styles.smartSpot, styles[type], styles[shape], className)}\n                style={rootStyle}\n                ref={ref}\n            >\n                <div className={styles.blur} aria-hidden=\"true\">\n                    <div className={styles.move} ref={moveRef}>\n                        {SPOTS_BY_TYPE[type].map((spot, index) => (\n                            <span key={index} className={styles.spot} style={getSpotStyle(spot)} />\n                        ))}\n                    </div>\n                </div>\n                {children && <div className={styles.content}>{children}</div>}\n            </div>\n        );\n    },\n);\n\nSmartSpot.displayName = \"SmartSpot\";\n"],"names":["React","blur","move","spot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAM,eAAe,CAAC,EAAE,GAAG,GAAG,UAAU,eAAoD;AAAA,EACxF,2CAA2C,GAAG,CAAC;AAAA,EAC/C,2CAA2C,GAAG,CAAC;AAAA,EAC/C,8CAA8C,GAAG,QAAQ;AAAA,EACzD,iDAAiD;AACrD;AAMO,MAAM,YAAYA,eAAM;AAAA,EAC3B,CACI;AAAA,IACI;AAAA,IACA,YAAY,oBAAoB;AAAA,IAChC,MAAAC,QAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,QAAQ,gBAAgB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,UAAUD,eAAM,OAAuB,IAAI;AAEjD,UAAM,cAAc,aAAa,QAAQ;AACzC,UAAM,cAAc,aAAa,QAAQ;AAEzCA,mBAAM,UAAU,MAAM;AAClB,YAAME,QAAO,QAAQ;AAErB,UAAI,CAACA,OAAM;AACP,eAAO;AAAA,MACX;AAGA,YAAM,aAAa,CAAC,MAAc;AAC9B,cAAM,QAAQ,kBAAkB,WAAW,GAAG;AAAA,UAC1C,UAAU,YAAY;AAAA,UACtB,UAAU,YAAY;AAAA,QAAA,CACzB;AAED,QAAAA,MAAK,MAAM,YAAY,2CAA2C,GAAG,MAAM,CAAC,IAAI;AAChF,QAAAA,MAAK,MAAM,YAAY,2CAA2C,GAAG,MAAM,CAAC,IAAI;AAChF,QAAAA,MAAK,MAAM,YAAY,+CAA+C,OAAO,MAAM,KAAK,CAAC;AAAA,MAC7F;AAEA,iBAAW,CAAC;AAEZ,UAAI,cAAc,oBAAoB,MAAM;AACxC,eAAO;AAAA,MACX;AAIA,UAAI,WAAW;AACf,UAAI,WAAW,YAAY,IAAA;AAC3B,UAAI,QAAQ,sBAAsB,SAAS,KAAK,KAAK;AACjD,cAAM,SAAS,qBAAqB,WAAW,YAAY,OAAO;AAElE,YAAI,SAAS,GAAG;AAEZ,sBAAY,WAAW,KAAK,IAAI,GAAG,MAAM,QAAQ,IAAI,UAAU;AAAA,QACnE;AACA,mBAAW;AACX,mBAAW,WAAW,MAAM;AAC5B,gBAAQ,sBAAsB,IAAI;AAAA,MACtC,CAAC;AAED,aAAO,MAAM,qBAAqB,KAAK;AAAA,IAC3C,GAAG,CAAC,WAAW,aAAa,WAAW,CAAC;AAExC,UAAM,YAA6B;AAAA,MAC/B,GAAG;AAAA,MACH,+CAA+C,GAAGD,KAAI;AAAA,IAAA;AAG1D,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,WAAW,KAAK,OAAO,WAAW,OAAO,IAAI,GAAG,OAAO,KAAK,GAAG,SAAS;AAAA,QACxE,OAAO;AAAA,QACP;AAAA,QAEA,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,MAAM,eAAY,QACrC,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,MAAM,KAAK,SAC7B,wBAAc,IAAI,EAAE,IAAI,CAACE,OAAM,UAC5B,oBAAC,QAAA,EAAiB,WAAW,OAAO,MAAM,OAAO,aAAaA,KAAI,EAAA,GAAvD,KAA0D,CACxE,GACL,GACJ;AAAA,UACC,YAAY,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAU,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGnE;AACJ;AAEA,UAAU,cAAc;"}

package/components/SmartSpot/consts.js

@@ -0,0 +1,47 @@
+import { ESmartSpotType } from "./enums.js";
+const DEFAULT_BLUR = 60;
+const SPOTS_BY_TYPE = {
+  [ESmartSpotType.SUCCESS]: [
+    { x: -110, y: -194, diameter: 294, opacity: 0.5 },
+    { x: -183, y: -60, diameter: 281, opacity: 1 },
+    { x: -130, y: -47, diameter: 200, opacity: 0.53 },
+    { x: -130, y: -47, diameter: 145, opacity: 0.53 }
+  ],
+  [ESmartSpotType.WARNING]: [
+    { x: -189, y: -59, diameter: 281, opacity: 1 },
+    { x: -135, y: -91, diameter: 324, opacity: 0.4 },
+    { x: -117, y: -47, diameter: 175, opacity: 1 },
+    { x: -117, y: -47, diameter: 205, opacity: 0.54 }
+  ],
+  [ESmartSpotType.ERROR]: [
+    { x: -183, y: -59, diameter: 281, opacity: 1 },
+    { x: -129, y: -91, diameter: 312, opacity: 0.53 },
+    { x: -111, y: -47, diameter: 181, opacity: 1 },
+    { x: -111, y: -47, diameter: 205, opacity: 0.24 }
+  ],
+  [ESmartSpotType.WAITING]: [
+    { x: -110, y: -194, diameter: 294, opacity: 0.5 },
+    { x: -183, y: -60, diameter: 318, opacity: 1 },
+    { x: -129, y: -48, diameter: 203, opacity: 0.5 },
+    { x: -145, y: -62, diameter: 175, opacity: 0.7 }
+  ]
+};
+const DRIFT_PRESET = {
+  distance: 50,
+  ratioY: 0.5,
+  duration: 6e3,
+  startAngle: Math.PI / 2,
+  direction: -1
+};
+const BREATHING_PRESET = {
+  duration: 6e3,
+  minScale: 0.9,
+  maxScale: 1.1
+};
+export {
+  BREATHING_PRESET,
+  DEFAULT_BLUR,
+  DRIFT_PRESET,
+  SPOTS_BY_TYPE
+};
+//# sourceMappingURL=consts.js.map

package/components/SmartSpot/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sources":["../../../src/components/SmartSpot/consts.ts"],"sourcesContent":["import { ESmartSpotType } from \"./enums\";\n\n/** Размытие слоя пятен по умолчанию, px. */\nexport const DEFAULT_BLUR = 60;\n\n/**\n * Геометрия пятна. Координаты — левый верхний угол квадрата, в который вписано пятно,\n * относительно центра верхней грани родителя, px.\n */\nexport interface ISmartSpotSpot {\n    /** Сдвиг по горизонтали от центра верхней грани, px. */\n    x: number;\n    /** Сдвиг по вертикали от верхней грани, px. */\n    y: number;\n    /** Диаметр, px. */\n    diameter: number;\n    /** Прозрачность, 0..1. */\n    opacity: number;\n}\n\n/** Пятна по типам в порядке отрисовки. Цвет пятна задаётся в LESS по его порядковому номеру. */\nexport const SPOTS_BY_TYPE: Record<ESmartSpotType, ISmartSpotSpot[]> = {\n    [ESmartSpotType.SUCCESS]: [\n        { x: -110, y: -194, diameter: 294, opacity: 0.5 },\n        { x: -183, y: -60, diameter: 281, opacity: 1 },\n        { x: -130, y: -47, diameter: 200, opacity: 0.53 },\n        { x: -130, y: -47, diameter: 145, opacity: 0.53 },\n    ],\n    [ESmartSpotType.WARNING]: [\n        { x: -189, y: -59, diameter: 281, opacity: 1 },\n        { x: -135, y: -91, diameter: 324, opacity: 0.4 },\n        { x: -117, y: -47, diameter: 175, opacity: 1 },\n        { x: -117, y: -47, diameter: 205, opacity: 0.54 },\n    ],\n    [ESmartSpotType.ERROR]: [\n        { x: -183, y: -59, diameter: 281, opacity: 1 },\n        { x: -129, y: -91, diameter: 312, opacity: 0.53 },\n        { x: -111, y: -47, diameter: 181, opacity: 1 },\n        { x: -111, y: -47, diameter: 205, opacity: 0.24 },\n    ],\n    [ESmartSpotType.WAITING]: [\n        { x: -110, y: -194, diameter: 294, opacity: 0.5 },\n        { x: -183, y: -60, diameter: 318, opacity: 1 },\n        { x: -129, y: -48, diameter: 203, opacity: 0.5 },\n        { x: -145, y: -62, diameter: 175, opacity: 0.7 },\n    ],\n};\n\n/** Пресет Drift: слой пятен движется по эллипсу. */\nexport interface ISmartSpotDriftPreset {\n    /** Радиус эллипса по горизонтали, px. */\n    distance: number;\n    /** Отношение радиуса по вертикали к радиусу по горизонтали. */\n    ratioY: number;\n    /** Длительность цикла, мс. */\n    duration: number;\n    /** Начальный угол, рад. */\n    startAngle: number;\n    /** Направление: 1 — по часовой стрелке на экране, -1 — против. */\n    direction: 1 | -1;\n}\n\n/** Пресет Breathing: масштаб каждого пятна пульсирует, слой на месте. */\nexport interface ISmartSpotBreathingPreset {\n    /** Длительность цикла (min → max → min), мс. */\n    duration: number;\n    /** Минимальный масштаб пятна. */\n    minScale: number;\n    /** Максимальный масштаб пятна. */\n    maxScale: number;\n}\n\n/** Пресет анимации Drift по умолчанию. */\nexport const DRIFT_PRESET: ISmartSpotDriftPreset = {\n    distance: 50,\n    ratioY: 0.5,\n    duration: 6000,\n    startAngle: Math.PI / 2,\n    direction: -1,\n};\n\n/** Пресет анимации Breathing по умолчанию. */\nexport const BREATHING_PRESET: ISmartSpotBreathingPreset = {\n    duration: 6000,\n    minScale: 0.9,\n    maxScale: 1.1,\n};\n"],"names":[],"mappings":";AAGO,MAAM,eAAe;AAkBrB,MAAM,gBAA0D;AAAA,EACnE,CAAC,eAAe,OAAO,GAAG;AAAA,IACtB,EAAE,GAAG,MAAM,GAAG,MAAM,UAAU,KAAK,SAAS,IAAA;AAAA,IAC5C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,EAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,KAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,KAAA;AAAA,EAAK;AAAA,EAEpD,CAAC,eAAe,OAAO,GAAG;AAAA,IACtB,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,EAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,IAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,EAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,KAAA;AAAA,EAAK;AAAA,EAEpD,CAAC,eAAe,KAAK,GAAG;AAAA,IACpB,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,EAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,KAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,EAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,KAAA;AAAA,EAAK;AAAA,EAEpD,CAAC,eAAe,OAAO,GAAG;AAAA,IACtB,EAAE,GAAG,MAAM,GAAG,MAAM,UAAU,KAAK,SAAS,IAAA;AAAA,IAC5C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,EAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,IAAA;AAAA,IAC3C,EAAE,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,IAAA;AAAA,EAAI;AAEvD;AA2BO,MAAM,eAAsC;AAAA,EAC/C,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY,KAAK,KAAK;AAAA,EACtB,WAAW;AACf;AAGO,MAAM,mBAA8C;AAAA,EACvD,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AACd;"}

package/components/SmartSpot/enums.js

@@ -0,0 +1,26 @@
+var ESmartSpotType = /* @__PURE__ */ ((ESmartSpotType2) => {
+  ESmartSpotType2["SUCCESS"] = "success";
+  ESmartSpotType2["WARNING"] = "warning";
+  ESmartSpotType2["ERROR"] = "error";
+  ESmartSpotType2["WAITING"] = "waiting";
+  return ESmartSpotType2;
+})(ESmartSpotType || {});
+var ESmartSpotAnimation = /* @__PURE__ */ ((ESmartSpotAnimation2) => {
+  ESmartSpotAnimation2["DRIFT"] = "drift";
+  ESmartSpotAnimation2["BREATHING"] = "breathing";
+  ESmartSpotAnimation2["NONE"] = "none";
+  return ESmartSpotAnimation2;
+})(ESmartSpotAnimation || {});
+var ESmartSpotShape = /* @__PURE__ */ ((ESmartSpotShape2) => {
+  ESmartSpotShape2["CIRCLE"] = "circle";
+  ESmartSpotShape2["OVAL"] = "oval";
+  ESmartSpotShape2["SQUARE"] = "square";
+  ESmartSpotShape2["TRIANGLE"] = "triangle";
+  return ESmartSpotShape2;
+})(ESmartSpotShape || {});
+export {
+  ESmartSpotAnimation,
+  ESmartSpotShape,
+  ESmartSpotType
+};
+//# sourceMappingURL=enums.js.map

package/components/SmartSpot/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/SmartSpot/enums.ts"],"sourcesContent":["/** Тип SmartSpot. Задаёт цвета и набор пятен. */\nexport enum ESmartSpotType {\n    /** Успешное завершение. */\n    SUCCESS = \"success\",\n    /** Предупреждение. */\n    WARNING = \"warning\",\n    /** Ошибка. */\n    ERROR = \"error\",\n    /** Ожидание, системный статус. */\n    WAITING = \"waiting\",\n}\n\n/** Пресет анимации SmartSpot. */\nexport enum ESmartSpotAnimation {\n    /** Медленный дрейф слоя пятен по эллипсу. */\n    DRIFT = \"drift\",\n    /** Пульсация размера каждого пятна. */\n    BREATHING = \"breathing\",\n    /** Без анимации. */\n    NONE = \"none\",\n}\n\n/** Форма пятен SmartSpot. */\nexport enum ESmartSpotShape {\n    /** Круг. */\n    CIRCLE = \"circle\",\n    /** Овал, вытянутый по горизонтали. */\n    OVAL = \"oval\",\n    /** Квадрат. */\n    SQUARE = \"square\",\n    /** Треугольник. */\n    TRIANGLE = \"triangle\",\n}\n"],"names":["ESmartSpotType","ESmartSpotAnimation","ESmartSpotShape"],"mappings":"AACO,IAAK,mCAAAA,oBAAL;AAEHA,kBAAA,SAAA,IAAU;AAEVA,kBAAA,SAAA,IAAU;AAEVA,kBAAA,OAAA,IAAQ;AAERA,kBAAA,SAAA,IAAU;AARF,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAYL,IAAK,wCAAAC,yBAAL;AAEHA,uBAAA,OAAA,IAAQ;AAERA,uBAAA,WAAA,IAAY;AAEZA,uBAAA,MAAA,IAAO;AANC,SAAAA;AAAA,GAAA,uBAAA,CAAA,CAAA;AAUL,IAAK,oCAAAC,qBAAL;AAEHA,mBAAA,QAAA,IAAS;AAETA,mBAAA,MAAA,IAAO;AAEPA,mBAAA,QAAA,IAAS;AAETA,mBAAA,UAAA,IAAW;AARH,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;"}

package/components/SmartSpot/index.js

@@ -0,0 +1,9 @@
+import { SmartSpot } from "./SmartSpot.js";
+import { ESmartSpotAnimation, ESmartSpotShape, ESmartSpotType } from "./enums.js";
+export {
+  ESmartSpotAnimation,
+  ESmartSpotShape,
+  ESmartSpotType,
+  SmartSpot
+};
+//# sourceMappingURL=index.js.map

package/components/SmartSpot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/SmartSpot/utils.js

@@ -0,0 +1,36 @@
+import { BREATHING_PRESET, DRIFT_PRESET } from "./consts.js";
+import { ESmartSpotAnimation } from "./enums.js";
+const getCycleProgress = (t, period) => period > 0 ? t % period / period : 0;
+const getSmartSpotDuration = (animation, duration) => {
+  switch (animation) {
+    case ESmartSpotAnimation.DRIFT:
+      return duration ?? DRIFT_PRESET.duration;
+    case ESmartSpotAnimation.BREATHING:
+      return duration ?? BREATHING_PRESET.duration;
+    default:
+      return 0;
+  }
+};
+const getSmartSpotFrame = (animation, t, { distance, duration } = {}) => {
+  const progress = getCycleProgress(t, getSmartSpotDuration(animation, duration));
+  switch (animation) {
+    case ESmartSpotAnimation.DRIFT: {
+      const { ratioY, startAngle, direction } = DRIFT_PRESET;
+      const radiusX = distance ?? DRIFT_PRESET.distance;
+      const theta = startAngle + direction * 2 * Math.PI * progress;
+      return { x: Math.cos(theta) * radiusX, y: Math.sin(theta) * radiusX * ratioY, scale: 1 };
+    }
+    case ESmartSpotAnimation.BREATHING: {
+      const { minScale, maxScale } = BREATHING_PRESET;
+      const wave = 1 - Math.abs(2 * progress - 1);
+      return { x: 0, y: 0, scale: minScale + (maxScale - minScale) * wave };
+    }
+    default:
+      return { x: 0, y: 0, scale: 1 };
+  }
+};
+export {
+  getSmartSpotDuration,
+  getSmartSpotFrame
+};
+//# sourceMappingURL=utils.js.map

package/components/SmartSpot/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/SmartSpot/utils.ts"],"sourcesContent":["import { BREATHING_PRESET, DRIFT_PRESET } from \"./consts\";\nimport { ESmartSpotAnimation } from \"./enums\";\n\n/** Кадр анимации: сдвиг слоя пятен и масштаб каждого пятна. */\nexport interface ISmartSpotFrame {\n    /** Сдвиг слоя пятен по горизонтали, px. */\n    x: number;\n    /** Сдвиг слоя пятен по вертикали, px. */\n    y: number;\n    /** Масштаб каждого пятна. */\n    scale: number;\n}\n\n/** Параметры движения, переопределяющие значения пресета. */\nexport interface ISmartSpotMotion {\n    /** Дистанция движения (радиус по горизонтали), px. */\n    distance?: number;\n    /** Длительность одного цикла, мс. */\n    duration?: number;\n}\n\n/** Доля пройденного цикла в момент t, 0..1. Для неположительного периода — 0. */\nconst getCycleProgress = (t: number, period: number): number => (period > 0 ? (t % period) / period : 0);\n\n/**\n * Длительность цикла анимации, мс: переданная или значение пресета. Для None — 0.\n */\nexport const getSmartSpotDuration = (animation: ESmartSpotAnimation, duration?: number): number => {\n    switch (animation) {\n        case ESmartSpotAnimation.DRIFT:\n            return duration ?? DRIFT_PRESET.duration;\n        case ESmartSpotAnimation.BREATHING:\n            return duration ?? BREATHING_PRESET.duration;\n        default:\n            return 0;\n    }\n};\n\n/**\n * Возвращает кадр анимации в момент t (мс).\n * Drift двигает слой пятен по эллипсу, Breathing масштабирует каждое пятно, None — статичный кадр.\n * distance и duration переопределяют значения пресета; пропорции эллипса сохраняются.\n */\nexport const getSmartSpotFrame = (\n    animation: ESmartSpotAnimation,\n    t: number,\n    { distance, duration }: ISmartSpotMotion = {},\n): ISmartSpotFrame => {\n    const progress = getCycleProgress(t, getSmartSpotDuration(animation, duration));\n\n    switch (animation) {\n        case ESmartSpotAnimation.DRIFT: {\n            const { ratioY, startAngle, direction } = DRIFT_PRESET;\n            const radiusX = distance ?? DRIFT_PRESET.distance;\n            // Ось y направлена вниз, поэтому положительное direction — движение по часовой стрелке на экране.\n            const theta = startAngle + direction * 2 * Math.PI * progress;\n\n            return { x: Math.cos(theta) * radiusX, y: Math.sin(theta) * radiusX * ratioY, scale: 1 };\n        }\n        case ESmartSpotAnimation.BREATHING: {\n            const { minScale, maxScale } = BREATHING_PRESET;\n            // Треугольная волна 0 → 1 → 0: первая половина цикла — рост, вторая — уменьшение.\n            const wave = 1 - Math.abs(2 * progress - 1);\n\n            return { x: 0, y: 0, scale: minScale + (maxScale - minScale) * wave };\n        }\n        default:\n            return { x: 0, y: 0, scale: 1 };\n    }\n};\n"],"names":[],"mappings":";;AAsBA,MAAM,mBAAmB,CAAC,GAAW,WAA4B,SAAS,IAAK,IAAI,SAAU,SAAS;AAK/F,MAAM,uBAAuB,CAAC,WAAgC,aAA8B;AAC/F,UAAQ,WAAA;AAAA,IACJ,KAAK,oBAAoB;AACrB,aAAO,YAAY,aAAa;AAAA,IACpC,KAAK,oBAAoB;AACrB,aAAO,YAAY,iBAAiB;AAAA,IACxC;AACI,aAAO;AAAA,EAAA;AAEnB;AAOO,MAAM,oBAAoB,CAC7B,WACA,GACA,EAAE,UAAU,SAAA,IAA+B,OACzB;AAClB,QAAM,WAAW,iBAAiB,GAAG,qBAAqB,WAAW,QAAQ,CAAC;AAE9E,UAAQ,WAAA;AAAA,IACJ,KAAK,oBAAoB,OAAO;AAC5B,YAAM,EAAE,QAAQ,YAAY,UAAA,IAAc;AAC1C,YAAM,UAAU,YAAY,aAAa;AAEzC,YAAM,QAAQ,aAAa,YAAY,IAAI,KAAK,KAAK;AAErD,aAAO,EAAE,GAAG,KAAK,IAAI,KAAK,IAAI,SAAS,GAAG,KAAK,IAAI,KAAK,IAAI,UAAU,QAAQ,OAAO,EAAA;AAAA,IACzF;AAAA,IACA,KAAK,oBAAoB,WAAW;AAChC,YAAM,EAAE,UAAU,SAAA,IAAa;AAE/B,YAAM,OAAO,IAAI,KAAK,IAAI,IAAI,WAAW,CAAC;AAE1C,aAAO,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,YAAY,WAAW,YAAY,KAAA;AAAA,IACnE;AAAA,IACA;AACI,aAAO,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,EAAA;AAAA,EAAE;AAE1C;"}

package/components/Spoiler/Spoiler.js

@@ -9,15 +9,15 @@ import "../Button/ButtonDropdown.js";
 import "../Button/ButtonDropdownExtended.js";
 import { EButtonTheme } from "../Button/enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const spoiler = "spoiler__340f339f";
-const opened = "opened__76c97398";
-const caretIcon = "caretIcon__48fb3851";
-const head = "head__b1610588";
-const content = "content__9f9115a5";
-const hidden = "hidden__6f6600ef";
-const lg = "lg__8d9f9526";
-const md = "md__df50e70a";
-const sm = "sm__680e4506";
+const spoiler = "spoiler__33e634a5";
+const opened = "opened__10cdcd95";
+const caretIcon = "caretIcon__5b62792f";
+const head = "head__76394c71";
+const content = "content__23ecda03";
+const hidden = "hidden__f39ead12";
+const lg = "lg__1dd96eaf";
+const md = "md__d0fe0cc4";
+const sm = "sm__8cbb91af";
 const styles = {
   spoiler,
   opened,
@@ -69,7 +69,7 @@ const Spoiler = React__default.forwardRef((props, ref) => {
     },
     className
   );
-  return /* @__PURE__ */ jsxs("div", { ...restProps, className: classNames, "data-tx": "1.51.0", ref, children: [
+  return /* @__PURE__ */ jsxs("div", { ...restProps, className: classNames, "data-tx": "1.53.0", ref, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.head, children: [
       /* @__PURE__ */ jsxs(
         Button,

package/components/StatusTracker/StatusTracker.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../chunks/StatusTracker.module-CeeZRTqV.js";
+import { s as styles } from "../../chunks/StatusTracker.module-DJJRZUEF.js";
 import { EStatusTrackerType, EStatusTrackerVerticalAlign } from "./enums.js";
 import { StatusTrackerMedia } from "./components/StatusTrackerMedia.js";
 import { StatusTrackerHeader } from "./components/StatusTrackerHeader.js";
@@ -30,7 +30,7 @@ const StatusTracker = Object.assign(
         className: clsx(styles.statusTrackerWrapper, className),
         ...rest,
         ref,
-        "data-tx": "1.51.0",
+        "data-tx": "1.53.0",
         children: [
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerBackground, TYPE_TO_CLASS_NAME_MAP[type]), children: /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerColor, TYPE_TO_CLASS_NAME_MAP[type]) }) }, type),
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTracker, VERTICAL_ALIGN_TO_CLASS_NAME_MAP[verticalAlign]), children })

package/components/StatusTracker/components/StatusTrackerAlert.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import "../../Alert/AlertContext/AlertContext.js";
 import { AlertProcess } from "../../Alert/AlertProcess/AlertProcess.js";
 import "../../Alert/AlertTypeUtils.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CeeZRTqV.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.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-CUIykw0y.js";
 import { StatusTrackerAlert } from "./StatusTrackerAlert.js";
 import { StatusTrackerStatus } from "./StatusTrackerStatus.js";
 import { StatusTrackerStatusGroup } from "./StatusTrackerStatusGroup.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CeeZRTqV.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 const StatusTrackerBody = Object.assign(
   React__default.forwardRef(function StatusTrackerBody2({ children, className, ...restProps }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...restProps, ref, children });

package/components/StatusTracker/components/StatusTrackerButton.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CeeZRTqV.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 import { Button } from "../../Button/Button.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -6,7 +6,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-CeeZRTqV.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 const StatusTrackerDescription = React__default.forwardRef(
   function StatusTrackerDescription2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx(

package/components/StatusTracker/components/StatusTrackerFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CeeZRTqV.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerButton } from "./StatusTrackerButton.js";
 const StatusTrackerFooter = Object.assign(

package/components/StatusTracker/components/StatusTrackerHeader.js

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

package/components/StatusTracker/components/StatusTrackerMedia.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CeeZRTqV.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 const StatusTrackerMedia = React__default.forwardRef(function StatusTrackerMedia2({ children, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, ref, children });
 });

package/components/StatusTracker/components/StatusTrackerStatus.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CeeZRTqV.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 import { MarkerStatus } from "../../MarkerStatus/MarkerStatus.js";
 const StatusTrackerStatus = React__default.forwardRef(function StatusTrackerStatus2({ children, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx(MarkerStatus, { className: clsx(styles.statusTrackerStatus, className), ...rest, ref, children });

package/components/StatusTracker/components/StatusTrackerStatusGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const statusTrackerStatusGroup = "statusTrackerStatusGroup__f684787b";
+const statusTrackerStatusGroup = "statusTrackerStatusGroup__4d534899";
 const styles = {
   statusTrackerStatusGroup
 };

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -7,7 +7,7 @@ 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-CeeZRTqV.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 const StatusTrackerSum = React__default.forwardRef(function StatusTrackerSum2({ className, amountProps, ...restProps }, ref) {
   return /* @__PURE__ */ jsx(
     Title,

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -6,7 +6,7 @@ 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-CeeZRTqV.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 const StatusTrackerTitle = React__default.forwardRef(function StatusTrackerTitle2({ children, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx(
     Title,

package/components/Step/Step.js

@@ -12,21 +12,21 @@ import "../Typography/Title.js";
 import { setForwardedRef } from "../../helpers/setForwardedRef.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const step = "step__e47a0f8c";
-const sm = "sm__3b9e8bfb";
-const md = "md__0203832a";
-const lg = "lg__317eb2dc";
-const done = "done__db4f6631";
-const warning = "warning__fa4229f6";
-const active = "active__1d45ddd7";
-const error = "error__b18b55ec";
-const disabled = "disabled__c29db00c";
+const step = "step__5534882c";
+const sm = "sm__3552dbf8";
+const md = "md__89fd1460";
+const lg = "lg__fb25fd73";
+const done = "done__0faf6ed4";
+const warning = "warning__1c1877a2";
+const active = "active__4dade1ca";
+const error = "error__a17bc944";
+const disabled = "disabled__aabc6197";
 const styles = {
   step,
   sm,
   md,
   lg,
-  "default": "default__4fa51009",
+  "default": "default__944493c0",
   done,
   warning,
   active,

package/components/Stepper/Stepper.js

@@ -12,14 +12,14 @@ import { scrollSmoothHorizontally } from "../../utils/scroll.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EScreenWidth } from "../../helpers/breakpoints.js";
 import "./StepperStepIcon.js";
-const stepperCarousel = "stepperCarousel__1245a008";
-const stepperButtonWrapper = "stepperButtonWrapper__808927fd";
-const prev = "prev__738ad0d3";
-const next = "next__acbe5231";
-const stepperButton = "stepperButton__d144d21f";
-const sm = "sm__64731445";
-const md = "md__5bb16f07";
-const lg = "lg__1ae46ca4";
+const stepperCarousel = "stepperCarousel__e0a0ac8c";
+const stepperButtonWrapper = "stepperButtonWrapper__cede133a";
+const prev = "prev__f727a954";
+const next = "next__7cbf1886";
+const stepperButton = "stepperButton__2e1b923f";
+const sm = "sm__08c40e6a";
+const md = "md__4b604b01";
+const lg = "lg__f91b745e";
 const styles = {
   stepperCarousel,
   stepperButtonWrapper,

package/components/Stepper/StepperExtended.js

@@ -5,7 +5,7 @@ import { StepperStep } from "./StepperStep.js";
 import { StepperExtendedContext } from "./StepperExtendedContext.js";
 import { setForwardedRef } from "../../helpers/setForwardedRef.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const stepperExtended = "stepperExtended__fbda693f";
+const stepperExtended = "stepperExtended__b89d8cfe";
 const styles = {
   stepperExtended
 };