@sberbusiness/triplex-next 0.40.0 → 0.41.0

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__ee23e3e2";
-const caretIcon = "caretIcon__db350873";
-const selectOpened = "selectOpened__fb4c4bca";
-const disabled = "disabled__24bf7b94";
-const target = "target__368e2f24";
-const caretWrapper = "caretWrapper__84593840";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__89ec9dee";
+const caretIcon = "caretIcon__2eaa3d50";
+const selectOpened = "selectOpened__a67082a6";
+const disabled = "disabled__35a4a824";
+const target = "target__4e37702e";
+const caretWrapper = "caretWrapper__7862bb5f";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -118,7 +118,7 @@ const SelectExtendedFieldTarget = React.forwardRef(
         className: classNames,
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "0.40.0",
+        "data-tx": "0.41.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-V6Oe5CEm.js";
+import "../../chunks/DropdownListItem-BVmaxhUL.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__2c62cb97";
-const light = "light__636434cd";
-const dark = "dark__343c5a23";
+const skeleton = "skeleton__522c64ef";
+const light = "light__dcbe433a";
+const dark = "dark__2059b8b4";
 const styles = {
   skeleton,
   light,
@@ -17,7 +17,7 @@ const Skeleton = ({ className, type = ESkeletonType.DARK, ...htmlDivAttributes }
       [styles.light]: type === ESkeletonType.LIGHT
     }),
     ...htmlDivAttributes,
-    "data-tx": "0.40.0"
+    "data-tx": "0.41.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-C_QEaxu8.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-52OucNYf.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.40.0",
+          "data-tx": "0.41.0",
           children
         }
       )

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

@@ -7,13 +7,14 @@ import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedDotActions } from "./SliderExtendedDotActions.js";
 import { useSliderExtendedDotTabIndex } from "./useSliderExtendedDotTabIndex.js";
 import { KeyDownListener } from "../../../KeyDownListener/KeyDownListener.js";
+import "../../../KeyDownListener/ComposedKeyDownListener.js";
 import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
-const sliderExtendedDot = "sliderExtendedDot__76dcde7f";
-const focusedByClick = "focusedByClick__a0f48d3e";
-const disabled = "disabled__011e2e3d";
-const dragByMouse = "dragByMouse__cb8d41da";
-const lg = "lg__aa8a3231";
+const sliderExtendedDot = "sliderExtendedDot__e1af90cf";
+const focusedByClick = "focusedByClick__db4602fc";
+const disabled = "disabled__fdb8ffe7";
+const dragByMouse = "dragByMouse__1d3ced97";
+const lg = "lg__1c9cc73e";
 const styles = {
   sliderExtendedDot,
   focusedByClick,

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

@@ -1 +1 @@
-{"version":3,"file":"SliderExtendedDot.js","sources":["../../../../../src/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext, useRef, useLayoutEffect } from \"react\";\nimport { throttle } from \"lodash\";\nimport { SliderExtendedUtils } from \"../../SliderExtendedUtils\";\nimport { SliderExtendedContext } from \"../../SliderExtendedContext\";\nimport { SliderExtendedMoveHandler, TOnTargetMouseDown, TOnTargetTouchStart } from \"../SliderExtendedMoveHandler\";\nimport { SliderExtendedDotActions } from \"./SliderExtendedDotActions\";\nimport { useSliderExtendedDotTabIndex } from \"./useSliderExtendedDotTabIndex\";\nimport { uniqueId } from \"lodash-es\";\nimport { KeyDownListener } from \"@sberbusiness/triplex-next/components/KeyDownListener\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport clsx from \"clsx\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/SliderExtendedDot.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Свойства компонента SlideExtendedDot. */\nexport interface ISliderExtendedDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"onChange\" | \"value\"> {\n    onChange: (value: number) => void;\n    value: number;\n}\n\n/** Компонент SliderExtendedDot. Слайдер может иметь 1 или 2 SliderExtendedDot. */\nexport const SliderExtendedDot: React.FC<ISliderExtendedDotProps> = ({\n    children,\n    className,\n    onBlur,\n    onChange,\n    onFocus,\n    onMouseDown,\n    onTouchStart,\n    value,\n    ...htmlSpanAttributes\n}) => {\n    // Кнопка в фокусе.\n    const [isFocused, setIsFocused] = useState(false);\n    // Кнопка получила фокус при клике.\n    const [isFocusedByClick, setIsFocusedByClick] = useState(false);\n    // Кнопка в текущий момент перетаскивается мышью.\n    const [isDragged, setIsDragged] = useState(false);\n    const [id] = useState(uniqueId());\n    const [leftPosition, setLeftPosition] = useState(0);\n    const {\n        addDot,\n        disabled,\n        dots,\n        focused: focusedSlider,\n        isHoverOrDragTrack,\n        max,\n        min,\n        railNode,\n        removeDot,\n        reverse,\n        setFocused: setFocusedSlider,\n        steps,\n        updateDot,\n        size,\n    } = useContext(SliderExtendedContext);\n\n    const tabIndex = useSliderExtendedDotTabIndex(disabled, id, dots, focusedSlider);\n    const ref = useRef(null);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useLayoutEffect(() => () => removeDot(id), []);\n\n    useEffect(() => {\n        const normalizedValue = SliderExtendedUtils.getNormalizedValue({ max, min, value });\n\n        // Добавление Dot в контекст.\n        addDot({\n            changeValue: onChange,\n            id,\n            normalizedValue,\n            stepIndex: SliderExtendedUtils.getStepIndexByNormalizedValue({ normalizedValue, steps }),\n            value,\n        });\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    useLayoutEffect(() => {\n        const nextNormalizedValue = SliderExtendedUtils.getNormalizedValue({ max, min, value });\n\n        if (reverse) {\n            setLeftPosition(100 - nextNormalizedValue);\n        } else {\n            setLeftPosition(nextNormalizedValue);\n        }\n\n        updateDot({\n            changeValue: onChange,\n            id,\n            normalizedValue: nextNormalizedValue,\n            stepIndex: SliderExtendedUtils.getStepIndexByNormalizedValue({\n                normalizedValue: nextNormalizedValue,\n                steps,\n            }),\n            value,\n        });\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [onChange, value, max, min, steps]);\n\n    const handleMouseDown = (onTargetMouseDown: TOnTargetMouseDown) => (event: React.MouseEvent<HTMLSpanElement>) => {\n        setIsFocusedByClick(true);\n\n        setIsDragged(true);\n        document.addEventListener(\"mouseup\", handleDocumentMouseUp);\n\n        onTargetMouseDown(event);\n        onMouseDown?.(event);\n    };\n\n    const handleMouseMove = (event: MouseEvent) => {\n        if (railNode) {\n            let normalizedValue = SliderExtendedUtils.getNormalizedCursorValue({\n                cursorXPosition: event.clientX,\n                railNode,\n            });\n            if (reverse) {\n                normalizedValue = 100 - normalizedValue;\n            }\n            const nextStep = SliderExtendedUtils.getNearestStep({ normalizedValue, steps });\n\n            onChange(nextStep.value);\n        }\n    };\n\n    const handleDocumentMouseUp = () => {\n        setIsDragged(false);\n\n        document.removeEventListener(\"mouseup\", handleDocumentMouseUp);\n    };\n\n    const handleTouchStart =\n        (onTargetTouchStart: TOnTargetTouchStart) => (event: React.TouchEvent<HTMLSpanElement>) => {\n            if (event.touches.length != 1) {\n                return;\n            }\n\n            setIsFocusedByClick(true);\n\n            setIsDragged(true);\n            document.addEventListener(\"touchend\", handleDocumentTouchEnd);\n\n            onTargetTouchStart(event);\n            onTouchStart?.(event);\n        };\n\n    const handleTouchMove = (event: TouchEvent) => {\n        if (event.touches.length != 1) {\n            return;\n        }\n\n        if (event.cancelable) {\n            event.preventDefault();\n        }\n\n        if (railNode) {\n            let normalizedValue = SliderExtendedUtils.getNormalizedCursorValue({\n                cursorXPosition: event.touches[0].clientX,\n                railNode,\n            });\n            if (reverse) {\n                normalizedValue = 100 - normalizedValue;\n            }\n            const nextStep = SliderExtendedUtils.getNearestStep({ normalizedValue, steps });\n\n            onChange(nextStep.value);\n        }\n    };\n\n    const handleDocumentTouchEnd = (event: TouchEvent) => {\n        if (event.cancelable) {\n            event.preventDefault();\n        }\n\n        setIsDragged(false);\n\n        document.removeEventListener(\"touchend\", handleDocumentTouchEnd);\n    };\n\n    /**\n     * Возвращает текущую кнопку из контекста.\n     */\n    const getCurrentDot = () => dots.filter((d) => d.id === id)[0];\n\n    /**\n     * Обработчик сочетаний клавиш, меняющих значение слайдера на меньшее.\n     */\n    const handleKeyDownToMoveLeft = (event: KeyboardEvent) => {\n        // Предотвращает скролл страницы.\n        event.preventDefault();\n\n        SliderExtendedDotActions.moveToPrevStep(getCurrentDot(), steps);\n    };\n\n    /**\n     * Обработчик сочетаний клавиш, меняющих значение слайдера на большее.\n     */\n    const handleKeyDownToMoveRight = (event: KeyboardEvent) => {\n        // Предотвращает скролл страницы.\n        event.preventDefault();\n\n        SliderExtendedDotActions.moveToNextStep(getCurrentDot(), steps);\n    };\n\n    const handleFocus = (event: React.FocusEvent<HTMLSpanElement>) => {\n        if (!focusedSlider) {\n            setFocusedSlider(true);\n        }\n\n        setIsFocused(true);\n        onFocus?.(event);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLSpanElement>) => {\n        if (focusedSlider) {\n            setFocusedSlider(false);\n        }\n\n        setIsFocusedByClick(false);\n        setIsFocused(false);\n        onBlur?.(event);\n    };\n\n    return (\n        <>\n            {isFocused && (\n                <>\n                    <KeyDownListener\n                        onMatch={handleKeyDownToMoveLeft}\n                        eventKeyCode={[EVENT_KEY_CODES.ARROW_LEFT, EVENT_KEY_CODES.ARROW_DOWN]}\n                    />\n                    <KeyDownListener\n                        onMatch={handleKeyDownToMoveRight}\n                        eventKeyCode={[EVENT_KEY_CODES.ARROW_RIGHT, EVENT_KEY_CODES.ARROW_UP]}\n                    />\n                </>\n            )}\n\n            <SliderExtendedMoveHandler\n                onMouseMove={throttle(handleMouseMove, 50)}\n                onTouchMove={throttle(handleTouchMove)}\n                targetRef={ref}\n            >\n                {({ onTargetMouseDown, onTargetTouchStart }) => (\n                    <span\n                        tabIndex={tabIndex}\n                        role=\"slider\"\n                        aria-valuemin={min}\n                        aria-valuenow={value}\n                        aria-valuemax={max}\n                        {...htmlSpanAttributes}\n                        className={clsx(styles.sliderExtendedDot, sizeToClassNameMap[size], className, {\n                            [styles.disabled]: disabled,\n                            [styles.dragByMouse]: isDragged || isHoverOrDragTrack,\n                            [styles.focusedByClick]: isFocusedByClick,\n                        })}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onMouseDown={handleMouseDown(onTargetMouseDown)}\n                        onTouchStart={handleTouchStart(onTargetTouchStart)}\n                        style={{ left: `${leftPosition}%` }}\n                        ref={ref}\n                    >\n                        {children}\n                    </span>\n                )}\n            </SliderExtendedMoveHandler>\n        </>\n    );\n};\n\nSliderExtendedDot.displayName = \"SliderExtendedDot\";\n"],"names":["disabled","throttle"],"mappings":"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"}
+{"version":3,"file":"SliderExtendedDot.js","sources":["../../../../../src/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext, useRef, useLayoutEffect } from \"react\";\nimport { throttle } from \"lodash\";\nimport { SliderExtendedUtils } from \"../../SliderExtendedUtils\";\nimport { SliderExtendedContext } from \"../../SliderExtendedContext\";\nimport { SliderExtendedMoveHandler, TOnTargetMouseDown, TOnTargetTouchStart } from \"../SliderExtendedMoveHandler\";\nimport { SliderExtendedDotActions } from \"./SliderExtendedDotActions\";\nimport { useSliderExtendedDotTabIndex } from \"./useSliderExtendedDotTabIndex\";\nimport { uniqueId } from \"lodash-es\";\nimport { KeyDownListener } from \"@sberbusiness/triplex-next/components/KeyDownListener\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport clsx from \"clsx\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/SliderExtendedDot.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Свойства компонента SlideExtendedDot. */\nexport interface ISliderExtendedDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"onChange\" | \"value\"> {\n    onChange: (value: number) => void;\n    value: number;\n}\n\n/** Компонент SliderExtendedDot. Слайдер может иметь 1 или 2 SliderExtendedDot. */\nexport const SliderExtendedDot: React.FC<ISliderExtendedDotProps> = ({\n    children,\n    className,\n    onBlur,\n    onChange,\n    onFocus,\n    onMouseDown,\n    onTouchStart,\n    value,\n    ...htmlSpanAttributes\n}) => {\n    // Кнопка в фокусе.\n    const [isFocused, setIsFocused] = useState(false);\n    // Кнопка получила фокус при клике.\n    const [isFocusedByClick, setIsFocusedByClick] = useState(false);\n    // Кнопка в текущий момент перетаскивается мышью.\n    const [isDragged, setIsDragged] = useState(false);\n    const [id] = useState(uniqueId());\n    const [leftPosition, setLeftPosition] = useState(0);\n    const {\n        addDot,\n        disabled,\n        dots,\n        focused: focusedSlider,\n        isHoverOrDragTrack,\n        max,\n        min,\n        railNode,\n        removeDot,\n        reverse,\n        setFocused: setFocusedSlider,\n        steps,\n        updateDot,\n        size,\n    } = useContext(SliderExtendedContext);\n\n    const tabIndex = useSliderExtendedDotTabIndex(disabled, id, dots, focusedSlider);\n    const ref = useRef(null);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useLayoutEffect(() => () => removeDot(id), []);\n\n    useEffect(() => {\n        const normalizedValue = SliderExtendedUtils.getNormalizedValue({ max, min, value });\n\n        // Добавление Dot в контекст.\n        addDot({\n            changeValue: onChange,\n            id,\n            normalizedValue,\n            stepIndex: SliderExtendedUtils.getStepIndexByNormalizedValue({ normalizedValue, steps }),\n            value,\n        });\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    useLayoutEffect(() => {\n        const nextNormalizedValue = SliderExtendedUtils.getNormalizedValue({ max, min, value });\n\n        if (reverse) {\n            setLeftPosition(100 - nextNormalizedValue);\n        } else {\n            setLeftPosition(nextNormalizedValue);\n        }\n\n        updateDot({\n            changeValue: onChange,\n            id,\n            normalizedValue: nextNormalizedValue,\n            stepIndex: SliderExtendedUtils.getStepIndexByNormalizedValue({\n                normalizedValue: nextNormalizedValue,\n                steps,\n            }),\n            value,\n        });\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [onChange, value, max, min, steps]);\n\n    const handleMouseDown = (onTargetMouseDown: TOnTargetMouseDown) => (event: React.MouseEvent<HTMLSpanElement>) => {\n        setIsFocusedByClick(true);\n\n        setIsDragged(true);\n        document.addEventListener(\"mouseup\", handleDocumentMouseUp);\n\n        onTargetMouseDown(event);\n        onMouseDown?.(event);\n    };\n\n    const handleMouseMove = (event: MouseEvent) => {\n        if (railNode) {\n            let normalizedValue = SliderExtendedUtils.getNormalizedCursorValue({\n                cursorXPosition: event.clientX,\n                railNode,\n            });\n            if (reverse) {\n                normalizedValue = 100 - normalizedValue;\n            }\n            const nextStep = SliderExtendedUtils.getNearestStep({ normalizedValue, steps });\n\n            onChange(nextStep.value);\n        }\n    };\n\n    const handleDocumentMouseUp = () => {\n        setIsDragged(false);\n\n        document.removeEventListener(\"mouseup\", handleDocumentMouseUp);\n    };\n\n    const handleTouchStart =\n        (onTargetTouchStart: TOnTargetTouchStart) => (event: React.TouchEvent<HTMLSpanElement>) => {\n            if (event.touches.length != 1) {\n                return;\n            }\n\n            setIsFocusedByClick(true);\n\n            setIsDragged(true);\n            document.addEventListener(\"touchend\", handleDocumentTouchEnd);\n\n            onTargetTouchStart(event);\n            onTouchStart?.(event);\n        };\n\n    const handleTouchMove = (event: TouchEvent) => {\n        if (event.touches.length != 1) {\n            return;\n        }\n\n        if (event.cancelable) {\n            event.preventDefault();\n        }\n\n        if (railNode) {\n            let normalizedValue = SliderExtendedUtils.getNormalizedCursorValue({\n                cursorXPosition: event.touches[0].clientX,\n                railNode,\n            });\n            if (reverse) {\n                normalizedValue = 100 - normalizedValue;\n            }\n            const nextStep = SliderExtendedUtils.getNearestStep({ normalizedValue, steps });\n\n            onChange(nextStep.value);\n        }\n    };\n\n    const handleDocumentTouchEnd = (event: TouchEvent) => {\n        if (event.cancelable) {\n            event.preventDefault();\n        }\n\n        setIsDragged(false);\n\n        document.removeEventListener(\"touchend\", handleDocumentTouchEnd);\n    };\n\n    /**\n     * Возвращает текущую кнопку из контекста.\n     */\n    const getCurrentDot = () => dots.filter((d) => d.id === id)[0];\n\n    /**\n     * Обработчик сочетаний клавиш, меняющих значение слайдера на меньшее.\n     */\n    const handleKeyDownToMoveLeft = (event: KeyboardEvent) => {\n        // Предотвращает скролл страницы.\n        event.preventDefault();\n\n        SliderExtendedDotActions.moveToPrevStep(getCurrentDot(), steps);\n    };\n\n    /**\n     * Обработчик сочетаний клавиш, меняющих значение слайдера на большее.\n     */\n    const handleKeyDownToMoveRight = (event: KeyboardEvent) => {\n        // Предотвращает скролл страницы.\n        event.preventDefault();\n\n        SliderExtendedDotActions.moveToNextStep(getCurrentDot(), steps);\n    };\n\n    const handleFocus = (event: React.FocusEvent<HTMLSpanElement>) => {\n        if (!focusedSlider) {\n            setFocusedSlider(true);\n        }\n\n        setIsFocused(true);\n        onFocus?.(event);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLSpanElement>) => {\n        if (focusedSlider) {\n            setFocusedSlider(false);\n        }\n\n        setIsFocusedByClick(false);\n        setIsFocused(false);\n        onBlur?.(event);\n    };\n\n    return (\n        <>\n            {isFocused && (\n                <>\n                    <KeyDownListener\n                        onMatch={handleKeyDownToMoveLeft}\n                        eventKeyCode={[EVENT_KEY_CODES.ARROW_LEFT, EVENT_KEY_CODES.ARROW_DOWN]}\n                    />\n                    <KeyDownListener\n                        onMatch={handleKeyDownToMoveRight}\n                        eventKeyCode={[EVENT_KEY_CODES.ARROW_RIGHT, EVENT_KEY_CODES.ARROW_UP]}\n                    />\n                </>\n            )}\n\n            <SliderExtendedMoveHandler\n                onMouseMove={throttle(handleMouseMove, 50)}\n                onTouchMove={throttle(handleTouchMove)}\n                targetRef={ref}\n            >\n                {({ onTargetMouseDown, onTargetTouchStart }) => (\n                    <span\n                        tabIndex={tabIndex}\n                        role=\"slider\"\n                        aria-valuemin={min}\n                        aria-valuenow={value}\n                        aria-valuemax={max}\n                        {...htmlSpanAttributes}\n                        className={clsx(styles.sliderExtendedDot, sizeToClassNameMap[size], className, {\n                            [styles.disabled]: disabled,\n                            [styles.dragByMouse]: isDragged || isHoverOrDragTrack,\n                            [styles.focusedByClick]: isFocusedByClick,\n                        })}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onMouseDown={handleMouseDown(onTargetMouseDown)}\n                        onTouchStart={handleTouchStart(onTargetTouchStart)}\n                        style={{ left: `${leftPosition}%` }}\n                        ref={ref}\n                    >\n                        {children}\n                    </span>\n                )}\n            </SliderExtendedMoveHandler>\n        </>\n    );\n};\n\nSliderExtendedDot.displayName = \"SliderExtendedDot\";\n"],"names":["disabled","throttle"],"mappings":"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"}

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-OQ_S7X8I.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-DuovwuEN.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-OQ_S7X8I.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-DuovwuEN.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-C_QEaxu8.js";
+import { S } from "../../../chunks/SliderExtendedRail-52OucNYf.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__3a268e2e";
-const lg = "lg__aa8a3231";
-const tooltipBody = "tooltipBody__e61bbd3a";
-const tooltipTip = "tooltipTip__8f827d32";
+const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__ca89ef29";
+const lg = "lg__1c9cc73e";
+const tooltipBody = "tooltipBody__7b4cb446";
+const tooltipTip = "tooltipTip__1dc9bdbc";
 const styles = {
   sliderExtendedTooltipOverlay,
   lg,

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

@@ -7,13 +7,14 @@ import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
 import { SliderExtendedTrackActions } from "./SliderExtendedTrackActions.js";
 import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
 import { KeyDownListener } from "../../../KeyDownListener/KeyDownListener.js";
+import "../../../KeyDownListener/ComposedKeyDownListener.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
-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 sliderExtendedTrack = "sliderExtendedTrack__999b68f0";
+const lg = "lg__1c9cc73e";
+const focusedByClick = "focusedByClick__db4602fc";
+const hoverOrDragByMouse = "hoverOrDragByMouse__b1b95ccc";
+const staticSlider = "staticSlider__cb35628d";
+const disabled = "disabled__fdb8ffe7";
 const styles = {
   sliderExtendedTrack,
   lg,

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

@@ -1 +1 @@
-{"version":3,"file":"SliderExtendedTrack.js","sources":["../../../../../src/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.tsx"],"sourcesContent":["import React, { useState, useLayoutEffect, useContext, useRef } from \"react\";\nimport { throttle } from \"lodash\";\nimport { SliderExtendedContext } from \"../../SliderExtendedContext\";\nimport { SliderExtendedMoveHandler, TOnTargetMouseDown, TOnTargetTouchStart } from \"../SliderExtendedMoveHandler\";\nimport { SliderExtendedUtils } from \"../../SliderExtendedUtils\";\nimport { SliderExtendedTrackActions } from \"./SliderExtendedTrackActions\";\nimport clsx from \"clsx\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { KeyDownListener } from \"@sberbusiness/triplex-next/components/KeyDownListener\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/SliderExtendedTrack.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nexport interface ISliderExtendedTrackProps extends React.HTMLAttributes<HTMLSpanElement> {\n    children?: never;\n    /** Трек можно передвигать. По-умолчанию true. */\n    draggable?: boolean;\n}\n\n/**\n * Компонент полосы между двумя SliderExtendedDot.\n */\nexport const SliderExtendedTrack: React.FC<ISliderExtendedTrackProps> = ({\n    className,\n    draggable = true,\n    onBlur,\n    onFocus,\n    onMouseDown,\n    onMouseOver,\n    onMouseOut,\n    onTouchStart,\n    ...htmlSpanAttributes\n}) => {\n    // Элемент в фокусе.\n    const [isFocused, setIsFocused] = useState(false);\n    // Track можно передвигать.\n    const [innerDraggable, setInnerDraggable] = useState(false);\n    // Track получил фокус при клике.\n    const [isFocusedByClick, setIsFocusedByClick] = useState(false);\n    // Track в текущий момент перетаскивается мышью.\n    const [isDragged, setIsDragged] = useState(false);\n    const [tabIndex, setTabIndex] = useState(-1);\n\n    const {\n        disabled,\n        dots,\n        focused: focusedSlider,\n        isHoverOrDragTrack,\n        railNode,\n        setIsHoverOrDragTrack,\n        reverse,\n        setFocused: setFocusedSlider,\n        steps,\n        size,\n    } = useContext(SliderExtendedContext);\n    // Предыдущая позиция курсора при перемещении SliderExtended.Track.\n    const cursorPrevNormalizedValue = useRef(0);\n\n    const ref = useRef<HTMLSpanElement | null>(null);\n\n    useLayoutEffect(() => {\n        if (dots.length > 1 && draggable) {\n            if (!innerDraggable) {\n                setInnerDraggable(true);\n            }\n        } else if (innerDraggable !== false) {\n            setInnerDraggable(false);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dots, draggable]);\n\n    useLayoutEffect(() => {\n        if (dots.length > 1) {\n            if (focusedSlider) {\n                setTabIndex(2);\n            } else {\n                setTabIndex(-1);\n            }\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [focusedSlider]);\n\n    if (!dots.length) {\n        return null;\n    }\n\n    const handleMouseDown = (onTargetMouseDown: TOnTargetMouseDown) => (event: React.MouseEvent<HTMLDivElement>) => {\n        setIsFocusedByClick(true);\n        setIsDragged(true);\n\n        document.addEventListener(\"mouseup\", handleDocumentMouseUp);\n\n        if (railNode) {\n            cursorPrevNormalizedValue.current = SliderExtendedUtils.getNormalizedCursorValue({\n                cursorXPosition: event.clientX,\n                railNode,\n            });\n        }\n\n        onTargetMouseDown(event);\n        onMouseDown?.(event);\n    };\n\n    const handleMouseMove = (event: MouseEvent) =>\n        SliderExtendedTrackActions.dragDots({\n            cursorPrevNormalizedValue,\n            cursorXPosition: event.clientX,\n            dots,\n            railNode,\n            reverse,\n            steps,\n        });\n\n    const handleDocumentMouseUp = (event: MouseEvent) => {\n        setIsDragged(false);\n        // Курсор отпущен за пределами Track.\n        if (event.target !== ref.current) {\n            setIsHoverOrDragTrack(false);\n        }\n\n        document.removeEventListener(\"mouseup\", handleDocumentMouseUp);\n    };\n\n    const handleTouchStart =\n        (onTargetTouchStart: TOnTargetTouchStart) => (event: React.TouchEvent<HTMLSpanElement>) => {\n            if (event.touches.length != 1) {\n                return;\n            }\n\n            setIsFocusedByClick(true);\n            setIsDragged(true);\n\n            document.addEventListener(\"touchend\", handleDocumentTouchEnd);\n\n            if (railNode) {\n                cursorPrevNormalizedValue.current = SliderExtendedUtils.getNormalizedCursorValue({\n                    cursorXPosition: event.touches[0].clientX,\n                    railNode,\n                });\n            }\n\n            onTargetTouchStart(event);\n            onTouchStart?.(event);\n        };\n\n    const handleTouchMove = (event: TouchEvent) => {\n        if (event.touches.length != 1) {\n            return;\n        }\n\n        if (event.cancelable) {\n            event.preventDefault();\n        }\n\n        SliderExtendedTrackActions.dragDots({\n            cursorPrevNormalizedValue,\n            cursorXPosition: event.touches[0].clientX,\n            dots,\n            railNode,\n            reverse,\n            steps,\n        });\n    };\n\n    const handleDocumentTouchEnd = (event: TouchEvent) => {\n        if (event.cancelable) {\n            event.preventDefault();\n        }\n\n        setIsDragged(false);\n        // Курсор отпущен за пределами Track.\n        if (event.target !== ref.current) {\n            setIsHoverOrDragTrack(false);\n        }\n\n        document.removeEventListener(\"touchend\", handleDocumentTouchEnd);\n    };\n\n    /**\n     * Обработчик сочетаний клавиш, меняющих значение слайдера на меньшее.\n     */\n    const handleKeyDownToMoveLeft = (event: KeyboardEvent) => {\n        // Предотвращает скролл страницы.\n        event.preventDefault();\n\n        SliderExtendedTrackActions.moveToPrevStep(dots, steps);\n    };\n\n    /**\n     * Обработчик сочетаний клавиш, меняющих значение слайдера на большее.\n     */\n    const handleKeyDownToMoveRight = (event: KeyboardEvent) => {\n        // Предотвращает скролл страницы.\n        event.preventDefault();\n\n        SliderExtendedTrackActions.moveToNextStep(dots, steps);\n    };\n\n    const handleFocus = (event: React.FocusEvent<HTMLSpanElement>) => {\n        if (!focusedSlider) {\n            setFocusedSlider(true);\n        }\n\n        setIsFocused(true);\n        onFocus?.(event);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLSpanElement>) => {\n        if (focusedSlider) {\n            setFocusedSlider(false);\n        }\n\n        setIsFocusedByClick(false);\n        setIsFocused(false);\n        onBlur?.(event);\n    };\n\n    const handleMouseOver = (event: React.MouseEvent<HTMLSpanElement>) => {\n        setIsHoverOrDragTrack(true);\n        onMouseOver?.(event);\n    };\n\n    const handleMouseOut = (event: React.MouseEvent<HTMLSpanElement>) => {\n        // Track в текущий момент не перетаскивается мышью.\n        if (!isDragged) {\n            setIsHoverOrDragTrack(false);\n        }\n        onMouseOut?.(event);\n    };\n\n    const { left, right } = SliderExtendedTrackActions.getTrackPosition({ dots, reverse });\n\n    return (\n        <>\n            {isFocused && (\n                <>\n                    <KeyDownListener\n                        onMatch={handleKeyDownToMoveLeft}\n                        eventKeyCode={[EVENT_KEY_CODES.ARROW_LEFT, EVENT_KEY_CODES.ARROW_DOWN]}\n                    />\n                    <KeyDownListener\n                        onMatch={handleKeyDownToMoveRight}\n                        eventKeyCode={[EVENT_KEY_CODES.ARROW_RIGHT, EVENT_KEY_CODES.ARROW_UP]}\n                    />\n                </>\n            )}\n\n            <SliderExtendedMoveHandler\n                onMouseMove={throttle(handleMouseMove, 100)}\n                onTouchMove={throttle(handleTouchMove)}\n                targetRef={ref}\n            >\n                {({ onTargetMouseDown, onTargetTouchStart }) => (\n                    <span\n                        role=\"button\"\n                        tabIndex={!disabled && innerDraggable ? tabIndex : -1}\n                        {...htmlSpanAttributes}\n                        className={clsx(styles.sliderExtendedTrack, sizeToClassNameMap[size], className, {\n                            [styles.disabled]: disabled,\n                            [styles.focusedByClick]: isFocusedByClick,\n                            [styles.hoverOrDragByMouse]: isHoverOrDragTrack,\n                            // Не перетаскиваемый.\n                            [styles.staticSlider]: !innerDraggable,\n                        })}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onMouseDown={handleMouseDown(onTargetMouseDown)}\n                        onMouseOver={handleMouseOver}\n                        onMouseOut={handleMouseOut}\n                        onTouchStart={handleTouchStart(onTargetTouchStart)}\n                        ref={ref}\n                        style={{\n                            left: `${left}%`,\n                            right: `${right}%`,\n                        }}\n                    />\n                )}\n            </SliderExtendedMoveHandler>\n        </>\n    );\n};\n\nSliderExtendedTrack.displayName = \"SliderExtendedTrack\";\n"],"names":["disabled","throttle"],"mappings":"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"}
+{"version":3,"file":"SliderExtendedTrack.js","sources":["../../../../../src/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.tsx"],"sourcesContent":["import React, { useState, useLayoutEffect, useContext, useRef } from \"react\";\nimport { throttle } from \"lodash\";\nimport { SliderExtendedContext } from \"../../SliderExtendedContext\";\nimport { SliderExtendedMoveHandler, TOnTargetMouseDown, TOnTargetTouchStart } from \"../SliderExtendedMoveHandler\";\nimport { SliderExtendedUtils } from \"../../SliderExtendedUtils\";\nimport { SliderExtendedTrackActions } from \"./SliderExtendedTrackActions\";\nimport clsx from \"clsx\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { KeyDownListener } from \"@sberbusiness/triplex-next/components/KeyDownListener\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/SliderExtendedTrack.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nexport interface ISliderExtendedTrackProps extends React.HTMLAttributes<HTMLSpanElement> {\n    children?: never;\n    /** Трек можно передвигать. По-умолчанию true. */\n    draggable?: boolean;\n}\n\n/**\n * Компонент полосы между двумя SliderExtendedDot.\n */\nexport const SliderExtendedTrack: React.FC<ISliderExtendedTrackProps> = ({\n    className,\n    draggable = true,\n    onBlur,\n    onFocus,\n    onMouseDown,\n    onMouseOver,\n    onMouseOut,\n    onTouchStart,\n    ...htmlSpanAttributes\n}) => {\n    // Элемент в фокусе.\n    const [isFocused, setIsFocused] = useState(false);\n    // Track можно передвигать.\n    const [innerDraggable, setInnerDraggable] = useState(false);\n    // Track получил фокус при клике.\n    const [isFocusedByClick, setIsFocusedByClick] = useState(false);\n    // Track в текущий момент перетаскивается мышью.\n    const [isDragged, setIsDragged] = useState(false);\n    const [tabIndex, setTabIndex] = useState(-1);\n\n    const {\n        disabled,\n        dots,\n        focused: focusedSlider,\n        isHoverOrDragTrack,\n        railNode,\n        setIsHoverOrDragTrack,\n        reverse,\n        setFocused: setFocusedSlider,\n        steps,\n        size,\n    } = useContext(SliderExtendedContext);\n    // Предыдущая позиция курсора при перемещении SliderExtended.Track.\n    const cursorPrevNormalizedValue = useRef(0);\n\n    const ref = useRef<HTMLSpanElement | null>(null);\n\n    useLayoutEffect(() => {\n        if (dots.length > 1 && draggable) {\n            if (!innerDraggable) {\n                setInnerDraggable(true);\n            }\n        } else if (innerDraggable !== false) {\n            setInnerDraggable(false);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dots, draggable]);\n\n    useLayoutEffect(() => {\n        if (dots.length > 1) {\n            if (focusedSlider) {\n                setTabIndex(2);\n            } else {\n                setTabIndex(-1);\n            }\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [focusedSlider]);\n\n    if (!dots.length) {\n        return null;\n    }\n\n    const handleMouseDown = (onTargetMouseDown: TOnTargetMouseDown) => (event: React.MouseEvent<HTMLDivElement>) => {\n        setIsFocusedByClick(true);\n        setIsDragged(true);\n\n        document.addEventListener(\"mouseup\", handleDocumentMouseUp);\n\n        if (railNode) {\n            cursorPrevNormalizedValue.current = SliderExtendedUtils.getNormalizedCursorValue({\n                cursorXPosition: event.clientX,\n                railNode,\n            });\n        }\n\n        onTargetMouseDown(event);\n        onMouseDown?.(event);\n    };\n\n    const handleMouseMove = (event: MouseEvent) =>\n        SliderExtendedTrackActions.dragDots({\n            cursorPrevNormalizedValue,\n            cursorXPosition: event.clientX,\n            dots,\n            railNode,\n            reverse,\n            steps,\n        });\n\n    const handleDocumentMouseUp = (event: MouseEvent) => {\n        setIsDragged(false);\n        // Курсор отпущен за пределами Track.\n        if (event.target !== ref.current) {\n            setIsHoverOrDragTrack(false);\n        }\n\n        document.removeEventListener(\"mouseup\", handleDocumentMouseUp);\n    };\n\n    const handleTouchStart =\n        (onTargetTouchStart: TOnTargetTouchStart) => (event: React.TouchEvent<HTMLSpanElement>) => {\n            if (event.touches.length != 1) {\n                return;\n            }\n\n            setIsFocusedByClick(true);\n            setIsDragged(true);\n\n            document.addEventListener(\"touchend\", handleDocumentTouchEnd);\n\n            if (railNode) {\n                cursorPrevNormalizedValue.current = SliderExtendedUtils.getNormalizedCursorValue({\n                    cursorXPosition: event.touches[0].clientX,\n                    railNode,\n                });\n            }\n\n            onTargetTouchStart(event);\n            onTouchStart?.(event);\n        };\n\n    const handleTouchMove = (event: TouchEvent) => {\n        if (event.touches.length != 1) {\n            return;\n        }\n\n        if (event.cancelable) {\n            event.preventDefault();\n        }\n\n        SliderExtendedTrackActions.dragDots({\n            cursorPrevNormalizedValue,\n            cursorXPosition: event.touches[0].clientX,\n            dots,\n            railNode,\n            reverse,\n            steps,\n        });\n    };\n\n    const handleDocumentTouchEnd = (event: TouchEvent) => {\n        if (event.cancelable) {\n            event.preventDefault();\n        }\n\n        setIsDragged(false);\n        // Курсор отпущен за пределами Track.\n        if (event.target !== ref.current) {\n            setIsHoverOrDragTrack(false);\n        }\n\n        document.removeEventListener(\"touchend\", handleDocumentTouchEnd);\n    };\n\n    /**\n     * Обработчик сочетаний клавиш, меняющих значение слайдера на меньшее.\n     */\n    const handleKeyDownToMoveLeft = (event: KeyboardEvent) => {\n        // Предотвращает скролл страницы.\n        event.preventDefault();\n\n        SliderExtendedTrackActions.moveToPrevStep(dots, steps);\n    };\n\n    /**\n     * Обработчик сочетаний клавиш, меняющих значение слайдера на большее.\n     */\n    const handleKeyDownToMoveRight = (event: KeyboardEvent) => {\n        // Предотвращает скролл страницы.\n        event.preventDefault();\n\n        SliderExtendedTrackActions.moveToNextStep(dots, steps);\n    };\n\n    const handleFocus = (event: React.FocusEvent<HTMLSpanElement>) => {\n        if (!focusedSlider) {\n            setFocusedSlider(true);\n        }\n\n        setIsFocused(true);\n        onFocus?.(event);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLSpanElement>) => {\n        if (focusedSlider) {\n            setFocusedSlider(false);\n        }\n\n        setIsFocusedByClick(false);\n        setIsFocused(false);\n        onBlur?.(event);\n    };\n\n    const handleMouseOver = (event: React.MouseEvent<HTMLSpanElement>) => {\n        setIsHoverOrDragTrack(true);\n        onMouseOver?.(event);\n    };\n\n    const handleMouseOut = (event: React.MouseEvent<HTMLSpanElement>) => {\n        // Track в текущий момент не перетаскивается мышью.\n        if (!isDragged) {\n            setIsHoverOrDragTrack(false);\n        }\n        onMouseOut?.(event);\n    };\n\n    const { left, right } = SliderExtendedTrackActions.getTrackPosition({ dots, reverse });\n\n    return (\n        <>\n            {isFocused && (\n                <>\n                    <KeyDownListener\n                        onMatch={handleKeyDownToMoveLeft}\n                        eventKeyCode={[EVENT_KEY_CODES.ARROW_LEFT, EVENT_KEY_CODES.ARROW_DOWN]}\n                    />\n                    <KeyDownListener\n                        onMatch={handleKeyDownToMoveRight}\n                        eventKeyCode={[EVENT_KEY_CODES.ARROW_RIGHT, EVENT_KEY_CODES.ARROW_UP]}\n                    />\n                </>\n            )}\n\n            <SliderExtendedMoveHandler\n                onMouseMove={throttle(handleMouseMove, 100)}\n                onTouchMove={throttle(handleTouchMove)}\n                targetRef={ref}\n            >\n                {({ onTargetMouseDown, onTargetTouchStart }) => (\n                    <span\n                        role=\"button\"\n                        tabIndex={!disabled && innerDraggable ? tabIndex : -1}\n                        {...htmlSpanAttributes}\n                        className={clsx(styles.sliderExtendedTrack, sizeToClassNameMap[size], className, {\n                            [styles.disabled]: disabled,\n                            [styles.focusedByClick]: isFocusedByClick,\n                            [styles.hoverOrDragByMouse]: isHoverOrDragTrack,\n                            // Не перетаскиваемый.\n                            [styles.staticSlider]: !innerDraggable,\n                        })}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onMouseDown={handleMouseDown(onTargetMouseDown)}\n                        onMouseOver={handleMouseOver}\n                        onMouseOut={handleMouseOut}\n                        onTouchStart={handleTouchStart(onTargetTouchStart)}\n                        ref={ref}\n                        style={{\n                            left: `${left}%`,\n                            right: `${right}%`,\n                        }}\n                    />\n                )}\n            </SliderExtendedMoveHandler>\n        </>\n    );\n};\n\nSliderExtendedTrack.displayName = \"SliderExtendedTrack\";\n"],"names":["disabled","throttle"],"mappings":"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"}

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__8807c563";
+const smallInput = "smallInput__212997b2";
 const styles = {
   smallInput
 };

package/components/Spoiler/Spoiler.js

@@ -9,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__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 spoiler = "spoiler__5c5aff8d";
+const opened = "opened__c3d70b7f";
+const caretIcon = "caretIcon__3b1fabec";
+const head = "head__b0d5fc5b";
+const content = "content__74751b83";
+const hidden = "hidden__6b3f1bb8";
+const lg = "lg__a59a17bd";
+const md = "md__c41fef6f";
+const sm = "sm__9cc76852";
 const styles = {
   spoiler,
   opened,
@@ -69,7 +69,7 @@ const Spoiler = React.forwardRef((props, ref) => {
     },
     className
   );
-  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "0.40.0", ref, children: [
+  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "0.41.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 from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../chunks/StatusTracker.module-DCLE9tGr.js";
+import { s as styles } from "../../chunks/StatusTracker.module-BeFh9DCu.js";
 import { EStatusTrackerType, EStatusTrackerVerticalAlign } from "./enums.js";
 import { StatusTrackerMedia } from "./components/StatusTrackerMedia.js";
 import { StatusTrackerHeader } from "./components/StatusTrackerHeader.js";
@@ -11,13 +11,14 @@ import "./components/StatusTrackerTitle.js";
 import "./components/StatusTrackerDescription.js";
 import "./components/StatusTrackerSum.js";
 import "./components/StatusTrackerButton.js";
-const typeToClassNameMap = {
+const TYPE_TO_CLASS_NAME_MAP = {
+  [EStatusTrackerType.DRAFT]: styles.draft,
   [EStatusTrackerType.REJECTED]: styles.rejected,
   [EStatusTrackerType.WAITING]: styles.waiting,
   [EStatusTrackerType.WARNING]: styles.warning,
   [EStatusTrackerType.APPROVED]: styles.approved
 };
-const verticalAlignToClassNameMap = {
+const VERTICAL_ALIGN_TO_CLASS_NAME_MAP = {
   [EStatusTrackerVerticalAlign.MIDDLE]: styles.verticalAlignMiddle,
   [EStatusTrackerVerticalAlign.BOTTOM]: styles.verticalAlignBottom
 };
@@ -29,10 +30,10 @@ const StatusTracker = Object.assign(
         className: clsx(styles.statusTrackerWrapper, className),
         ...rest,
         ref,
-        "data-tx": "0.40.0",
+        "data-tx": "0.41.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 })
+          /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerBackground, TYPE_TO_CLASS_NAME_MAP[type]), children: /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerColor, TYPE_TO_CLASS_NAME_MAP[type]) }) }, type),
+          /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTracker, VERTICAL_ALIGN_TO_CLASS_NAME_MAP[verticalAlign]), children })
         ]
       }
     );

package/components/StatusTracker/StatusTracker.js.map

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

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-DCLE9tGr.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BeFh9DCu.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-DCLE9tGr.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BeFh9DCu.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,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-DCLE9tGr.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BeFh9DCu.js";
 import { Button } from "../../Button/Button.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";

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

package/components/StatusTracker/components/StatusTrackerFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-DCLE9tGr.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BeFh9DCu.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-BtZO8a0z.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerTitle } from "./StatusTrackerTitle.js";
 import { StatusTrackerSum } from "./StatusTrackerSum.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-DCLE9tGr.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BeFh9DCu.js";
 const StatusTrackerHeader = Object.assign(
   React.forwardRef(function StatusTrackerHeader2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, ref, children });

package/components/StatusTracker/components/StatusTrackerMedia.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/StatusTracker.module-DCLE9tGr.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BeFh9DCu.js";
 const StatusTrackerMedia = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, children });

package/components/StatusTracker/components/StatusTrackerStatus.js

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

package/components/StatusTracker/components/StatusTrackerStatusGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const statusTrackerStatusGroup = "statusTrackerStatusGroup__6e4bc118";
+const statusTrackerStatusGroup = "statusTrackerStatusGroup__6789e9f4";
 const styles = {
   statusTrackerStatusGroup
 };

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -6,7 +6,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-DCLE9tGr.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-BeFh9DCu.js";
 const StatusTrackerSum = (props) => {
   const { className, amountProps, ...restProps } = props;
   return /* @__PURE__ */ jsx(

package/components/StatusTracker/components/StatusTrackerTitle.js

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

package/components/Step/Step.js

@@ -11,21 +11,21 @@ import "../Typography/Title.js";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const step = "step__a6c36f83";
-const sm = "sm__1b959f8c";
-const md = "md__e6e5e3d2";
-const lg = "lg__775be222";
-const done = "done__8d5d682f";
-const warning = "warning__b02025b3";
-const active = "active__98dce893";
-const error = "error__a6827262";
-const disabled = "disabled__6bcb16c2";
+const step = "step__19760ead";
+const sm = "sm__84cd85d6";
+const md = "md__51edfdd3";
+const lg = "lg__29005b5f";
+const done = "done__1cfad7b8";
+const warning = "warning__b3aa3fce";
+const active = "active__be7854c6";
+const error = "error__52b76c35";
+const disabled = "disabled__5c3e9160";
 const styles = {
   step,
   sm,
   md,
   lg,
-  "default": "default__cdbcb85a",
+  "default": "default__c1afb8d1",
   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__fb4cdb03";
-const stepperButtonWrapper = "stepperButtonWrapper__89c0bc8a";
-const prev = "prev__e28476c5";
-const next = "next__cb3b6334";
-const stepperButton = "stepperButton__dfdf8e7e";
-const sm = "sm__e80aef50";
-const md = "md__6043d5a5";
-const lg = "lg__8d3a7428";
+const stepperCarousel = "stepperCarousel__a6a18fa7";
+const stepperButtonWrapper = "stepperButtonWrapper__62ee422a";
+const prev = "prev__11b2ef88";
+const next = "next__609564b9";
+const stepperButton = "stepperButton__d65c9df2";
+const sm = "sm__a2362249";
+const md = "md__6f47a172";
+const lg = "lg__74752ff9";
 const styles = {
   stepperCarousel,
   stepperButtonWrapper,

package/components/Stepper/StepperExtended.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { StepperStep } from "./StepperStep.js";
 import { StepperExtendedContext } from "./StepperExtendedContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const stepperExtended = "stepperExtended__cd65bafc";
+const stepperExtended = "stepperExtended__cbdd995e";
 const styles = {
   stepperExtended
 };