@sberbusiness/triplex-next 1.46.0 → 1.48.0

package/components/Radio/Radio.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -8,14 +8,14 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const label = "label__8bbde806";
-const sm = "sm__9fc8db02";
-const nonempty = "nonempty__d1708ea5";
-const md = "md__03437e19";
-const lg = "lg__b865378e";
-const disabled = "disabled__7ed32218";
-const radio = "radio__442ec9f8";
-const radioIcon = "radioIcon__7f0038ff";
+const label = "label__b6b313c9";
+const sm = "sm__25f6a9bb";
+const nonempty = "nonempty__c1bd3dc0";
+const md = "md__9ff5bc69";
+const lg = "lg__1eb80dee";
+const disabled = "disabled__220e2489";
+const radio = "radio__984d0312";
+const radioIcon = "radioIcon__79a4c7a0";
 const styles = {
   label,
   sm,
@@ -41,7 +41,7 @@ const Radio = React__default.forwardRef((props, ref) => {
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.46.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.48.0", children: [
     /* @__PURE__ */ jsx("input", { type: "radio", className: classNames, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.radioIcon }),
     children && /* @__PURE__ */ jsx(Text, { size: sizeToTextSizeMap[size], tag: "div", children })

package/components/Radio/RadioXGroup.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
-const radioXGroup = "radioXGroup__99ded705";
-const label = "label__8bbde806";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const radioXGroup = "radioXGroup__b079bc50";
+const label = "label__b6b313c9";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__fe6867c6",
+  "indent-12": "indent-12__8574bb84",
   label,
-  "indent-16": "indent-16__98ce85c9",
-  "indent-20": "indent-20__35c7255f",
-  "indent-24": "indent-24__4e0aca9d",
-  "indent-28": "indent-28__000c9614",
-  "indent-32": "indent-32__714415a4"
+  "indent-16": "indent-16__2815b087",
+  "indent-20": "indent-20__9d54d9bc",
+  "indent-24": "indent-24__ceb4fb29",
+  "indent-28": "indent-28__e6ba914a",
+  "indent-32": "indent-32__6e63e120"
 };
 const RadioXGroup = (props) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Radio/RadioYGroup.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
-const radioYGroup = "radioYGroup__ef1d90ae";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const radioYGroup = "radioYGroup__b8fb7463";
 const styles = {
   radioYGroup
 };

package/components/Row/Row.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__6ec8ec73";
-const noPaddingBottom = "noPaddingBottom__70992d69";
-const SM = "SM__718b464d";
-const MD = "MD__6989630f";
+const row = "row__3d2b88af";
+const noPaddingBottom = "noPaddingBottom__e17fdb6f";
+const SM = "SM__7e8bdbb1";
+const MD = "MD__fc8813fc";
 const styles = {
   row,
   noPaddingBottom,

package/components/SMSField/SMSField.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { useState } from "react";
 import { EFormFieldStatus } from "../FormField/enums.js";
 import "../FormField/components/FormFieldClear.js";
@@ -18,7 +18,7 @@ import { SMSFieldInput } from "./components/SMSFieldInput.js";
 import { SMSFieldRefresh } from "./components/SMSFieldRefresh.js";
 import { SMSFieldSubmit } from "./components/SMSFieldSubmit.js";
 import { SMSFieldTooltip } from "./components/SMSFieldTooltip.js";
-import { s as styles } from "../../chunks/SMSField.module-7wYs4QAZ.js";
+import { s as styles } from "../../chunks/SMSField.module-BxScHd0G.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const SMSField = (props) => {
@@ -50,7 +50,7 @@ const SMSField = (props) => {
         status,
         tooltipId
       },
-      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "1.46.0", children })
+      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "1.48.0", children })
     }
   );
 };

package/components/SMSField/components/RefreshIcon.js

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

package/components/SMSField/components/SMSFieldInput.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import React__default, { useContext, useState } from "react";
 import { EFormFieldStatus } from "../../FormField/enums.js";
 import "../../FormField/components/FormFieldClear.js";
@@ -15,7 +15,7 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { FormField } from "../../FormField/FormField.js";
 import { FormGroup } from "../../FormGroup/FormGroup.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
-import { s as styles } from "../../../chunks/SMSField.module-7wYs4QAZ.js";
+import { s as styles } from "../../../chunks/SMSField.module-BxScHd0G.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 const regExp = new RegExp(/^[0-9]*$/);
 const SMSFieldInput = React__default.forwardRef(

package/components/SMSField/components/SMSFieldRefresh.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { forwardRef, useContext, useMemo } from "react";
 import "../../Button/Button.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
@@ -20,7 +20,7 @@ import "../../FormField/components/FormFieldTextarea.js";
 import "../../FormField/FormField.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { RefreshIcon } from "./RefreshIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-7wYs4QAZ.js";
+import { s as styles } from "../../../chunks/SMSField.module-BxScHd0G.js";
 const SMSFieldRefresh = forwardRef(
   ({ className, countdownTime, countdownTimeLeft, disabled, onClick, onRefresh, ...restProps }, ref) => {
     const { size, sizeClassName, status, tooltipId } = useContext(SMSFieldContext);

package/components/SMSField/components/SMSFieldSubmit.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { useContext, useEffect } from "react";
 import "../../Button/Button.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
@@ -20,7 +20,7 @@ import "../../FormField/components/FormFieldTextarea.js";
 import "../../FormField/FormField.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { SubmitIcon } from "./SubmitIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-7wYs4QAZ.js";
+import { s as styles } from "../../../chunks/SMSField.module-BxScHd0G.js";
 const SMSFieldSubmit = ({ className, disabled, onClick, ...restProps }) => {
   const { code, onSubmitCode, setDisabledSubmit, size, sizeClassName, status } = useContext(SMSFieldContext);
   const fieldDisabled = status === EFormFieldStatus.DISABLED;

package/components/SMSField/components/SMSFieldTooltip.js

@@ -3,7 +3,7 @@ import { useContext, useEffect } from "react";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { ETooltipSize, ETooltipAlign } from "../../Tooltip/enums.js";
 import { Tooltip } from "../../Tooltip/Tooltip.js";
-import { u as uniqueId } from "../../../chunks/vendor-DqjKLGwf.js";
+import { u as uniqueId } from "../../../chunks/vendor-CUIykw0y.js";
 const SMSFieldTooltip = ({
   children,
   id,

package/components/SegmentedControl/SegmentedControl.js

@@ -2,17 +2,17 @@ import { ESegmentedControlTheme, ESegmentedControlType } from "./enums.js";
 import { SegmentedControlSegment } from "./SegmentedControlSegment.js";
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const segmentedControl = "segmentedControl__76931da9";
-const general1 = "general1__e1f81fe4";
-const secondary1 = "secondary1__c1b5a844";
-const general2 = "general2__56a9fc36";
-const secondary2 = "secondary2__1d57e239";
-const sm = "sm__41d488bf";
-const md = "md__50a00eb4";
-const lg = "lg__36f54833";
+const segmentedControl = "segmentedControl__056ba81c";
+const general1 = "general1__c6c547bc";
+const secondary1 = "secondary1__6c160913";
+const general2 = "general2__d88741d5";
+const secondary2 = "secondary2__f591fe8f";
+const sm = "sm__0832254d";
+const md = "md__76231e42";
+const lg = "lg__3defccf6";
 const styles = {
   segmentedControl,
   general1,
@@ -66,7 +66,7 @@ const SegmentedControl = Object.assign(
             disabled: Boolean(disabled),
             onSegmentSelect: handleSegmentSelect
           },
-          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "1.46.0", ref, children })
+          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "1.48.0", ref, children })
         }
       );
     }

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ButtonBase } from "../Button/ButtonBase.js";
 import { ESegmentedControlType } from "./enums.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const segmentedControlSegment = "segmentedControlSegment__cc36cc50";
-const selected = "selected__28f99fd7";
-const content = "content__11e81828";
+const segmentedControlSegment = "segmentedControlSegment__92eb10ba";
+const selected = "selected__ddc3ff8c";
+const content = "content__ba3247b1";
 const styles = {
   segmentedControlSegment,
   selected,

package/components/SelectExtendedField/SelectExtendedField.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { isKey, EVENT_KEY_CODES } from "../../utils/keyboard.js";
 import { KeyDownListener } from "../KeyDownListener/KeyDownListener.js";
 import "../KeyDownListener/ComposedKeyDownListener.js";
 import { SelectExtendedFieldTarget } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown } from "./components/SelectExtendedFieldDropdown.js";
-const selectExtendedField = "selectExtendedField__bdb48569";
+const selectExtendedField = "selectExtendedField__329be869";
 const styles = {
   selectExtendedField
 };

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

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

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -3,7 +3,7 @@ import { SelectExtendedField } from "../SelectExtendedField.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-BaP5AaMK.js";
+import "../../../chunks/DropdownListItem-cXbzcYKR.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
@@ -20,12 +20,12 @@ import { IconWrapper } from "../../IconWrapper/IconWrapper.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-const selectExtendedFieldTarget = "selectExtendedFieldTarget__0834ce2d";
-const caretIcon = "caretIcon__4e7e84f2";
-const selectOpened = "selectOpened__3889226f";
-const disabled = "disabled__dbe17343";
-const target = "target__f9d3fffb";
-const caretWrapper = "caretWrapper__a38dabd4";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__06bd2090";
+const caretIcon = "caretIcon__f9680d46";
+const selectOpened = "selectOpened__48f7b732";
+const disabled = "disabled__86a27cf1";
+const target = "target__e343ccf9";
+const caretWrapper = "caretWrapper__70c007ba";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -111,7 +111,7 @@ const SelectExtendedFieldTarget = React__default.forwardRef(
         ),
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "1.46.0",
+        "data-tx": "1.48.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-BaP5AaMK.js";
+import "../../chunks/DropdownListItem-cXbzcYKR.js";
 import { EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -21,7 +21,7 @@ import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
 import "../Dropdown/Dropdown.js";
-import { u as uniqueId } from "../../chunks/vendor-DqjKLGwf.js";
+import { u as uniqueId } from "../../chunks/vendor-CUIykw0y.js";
 const SelectField = React__default.forwardRef((props, ref) => {
   const {
     // children в разметку не попадают — выпадающий блок рендерит сам компонент (children?: never).

package/components/Skeleton/Skeleton.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ESkeletonType } from "./enums.js";
-const skeleton = "skeleton__663e3d7f";
-const type1 = "type1__5a456f03";
-const type2 = "type2__0bd37e50";
-const type3 = "type3__9914d4d7";
+const skeleton = "skeleton__3a66d28b";
+const type1 = "type1__68cee230";
+const type2 = "type2__5cb25250";
+const type3 = "type3__7142ea02";
 const styles = {
   skeleton,
   type1,
@@ -25,7 +25,7 @@ const Skeleton = ({
   {
     className: clsx(styles.skeleton, TYPE_TO_CLASS_NAME_MAP[type], className),
     ...htmlDivAttributes,
-    "data-tx": "1.46.0"
+    "data-tx": "1.48.0"
   }
 );
 export {

package/components/Slider/Slider.js

@@ -1,19 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { SliderExtended } from "../SliderExtended/SliderExtended.js";
-const Slider = ({
-  marks,
-  onChange,
-  step = 1,
-  value,
-  renderTooltipContent,
-  size,
-  ...sliderExtendedAttributes
-}) => /* @__PURE__ */ jsxs(SliderExtended, { step, size, ...sliderExtendedAttributes, children: [
-  /* @__PURE__ */ jsx(SliderExtended.Rail, {}),
-  /* @__PURE__ */ jsx(SliderExtended.Dot, { value, onChange, children: renderTooltipContent && /* @__PURE__ */ jsx(SliderExtended.Tooltip, { value, children: renderTooltipContent(value) }) }),
-  /* @__PURE__ */ jsx(SliderExtended.Track, {}),
-  /* @__PURE__ */ jsx(SliderExtended.Marks, { children: marks.map((m) => /* @__PURE__ */ jsx(SliderExtended.Mark, { value: m.value, children: m.label }, m.value)) })
-] });
+const Slider = React__default.forwardRef(
+  ({ marks, onChange, step = 1, value, renderTooltipContent, ...sliderExtendedAttributes }, ref) => /* @__PURE__ */ jsxs(SliderExtended, { step, ...sliderExtendedAttributes, ref, children: [
+    /* @__PURE__ */ jsx(SliderExtended.Rail, {}),
+    /* @__PURE__ */ jsx(SliderExtended.Dot, { value, onChange, children: renderTooltipContent && /* @__PURE__ */ jsx(SliderExtended.Tooltip, { value, children: renderTooltipContent(value) }) }),
+    /* @__PURE__ */ jsx(SliderExtended.Track, {}),
+    /* @__PURE__ */ jsx(SliderExtended.Marks, { children: marks.map((mark) => /* @__PURE__ */ jsx(SliderExtended.Mark, { value: mark.value, children: mark.label }, mark.value)) })
+  ] })
+);
+Slider.displayName = "Slider";
 export {
   Slider
 };

package/components/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ISliderExtendedProps, SliderExtended } from \"../SliderExtended/SliderExtended\";\nimport { ISliderExtendedDotProps } from \"../SliderExtended/components/SliderExtendedDot/SliderExtendedDot\";\n\n/** Лейбл под полосой слайдера. */\nexport interface ISliderMark {\n    /** Значение расположения метки, должно быть в диапазоне от min до max. */\n    value: number;\n    label: React.ReactNode;\n}\n\nexport interface ISliderProps\n    extends Omit<ISliderExtendedProps, \"onChange\" | \"step\">,\n        Pick<ISliderExtendedDotProps, \"onChange\" | \"value\"> {\n    children?: never;\n    /** Массив меток под полосой слайдера. */\n    marks: ISliderMark[];\n    /**\n     * Длина шага, например при длине шага 1, с min-0. max-100, слайдер будет разделен на 100 шагов.\n     * Вместо длины шага можно передать массив шагов, например [0, 25, 50, 75, 100]. Будет 3 возможные позиции между min и max. Начальное значение должно быть равно min, последнее значение должно быть равно max.\n     */\n    step?: number | number[];\n    /** Содержимое тултипа, отображаемого при наведении на точку и перемещении. */\n    renderTooltipContent?: (value: number) => React.ReactNode;\n}\n\n/** Слайдер с одним ползунком. */\nexport const Slider: React.FC<ISliderProps> = ({\n    marks,\n    onChange,\n    step = 1,\n    value,\n    renderTooltipContent,\n    size,\n    ...sliderExtendedAttributes\n}) => (\n    <SliderExtended step={step} size={size} {...sliderExtendedAttributes}>\n        <SliderExtended.Rail />\n        <SliderExtended.Dot value={value} onChange={onChange}>\n            {renderTooltipContent && (\n                <SliderExtended.Tooltip value={value}>{renderTooltipContent(value)}</SliderExtended.Tooltip>\n            )}\n        </SliderExtended.Dot>\n\n        <SliderExtended.Track />\n\n        <SliderExtended.Marks>\n            {marks.map((m) => (\n                <SliderExtended.Mark key={m.value} value={m.value}>\n                    {m.label}\n                </SliderExtended.Mark>\n            ))}\n        </SliderExtended.Marks>\n    </SliderExtended>\n);\n"],"names":[],"mappings":";;AA2BO,MAAM,SAAiC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,qBAAC,gBAAA,EAAe,MAAY,MAAa,GAAG,0BACxC,UAAA;AAAA,EAAA,oBAAC,eAAe,MAAf,EAAoB;AAAA,EACrB,oBAAC,eAAe,KAAf,EAAmB,OAAc,UAC7B,UAAA,wBACG,oBAAC,eAAe,SAAf,EAAuB,OAAe,UAAA,qBAAqB,KAAK,GAAE,GAE3E;AAAA,EAEA,oBAAC,eAAe,OAAf,EAAqB;AAAA,EAEtB,oBAAC,eAAe,OAAf,EACI,gBAAM,IAAI,CAAC,MACR,oBAAC,eAAe,MAAf,EAAkC,OAAO,EAAE,OACvC,UAAA,EAAE,SADmB,EAAE,KAE5B,CACH,EAAA,CACL;AAAA,EAAA,CACJ;"}
+{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ISliderExtendedProps, SliderExtended } from \"../SliderExtended/SliderExtended\";\nimport { ISliderExtendedDotProps } from \"../SliderExtended/components/SliderExtendedDot/SliderExtendedDot\";\n\n/** Лейбл под полосой слайдера. */\nexport interface ISliderMark {\n    /** Значение расположения метки, должно быть в диапазоне от min до max. */\n    value: number;\n    /** Содержимое метки. */\n    label: React.ReactNode;\n}\n\n/** Свойства компонента Slider. */\nexport interface ISliderProps\n    extends Omit<ISliderExtendedProps, \"onChange\" | \"step\">, Pick<ISliderExtendedDotProps, \"onChange\" | \"value\"> {\n    /** Слайдер собирается компонентом и не принимает содержимого. */\n    children?: never;\n    /** Массив меток под полосой слайдера. */\n    marks: ISliderMark[];\n    /**\n     * Длина шага, например при длине шага 1, с min-0. max-100, слайдер будет разделен на 100 шагов.\n     * Вместо длины шага можно передать массив шагов, например [0, 25, 50, 75, 100]. Будет 3 возможные позиции между min и max. Начальное значение должно быть равно min, последнее значение должно быть равно max.\n     * По умолчанию 1.\n     */\n    step?: number | number[];\n    /** Содержимое тултипа, отображаемого при наведении на точку и перемещении. */\n    renderTooltipContent?: (value: number) => React.ReactNode;\n}\n\n/**\n * Слайдер с одним ползунком — готовая сборка SliderExtended: полоса, ползунок, трек и метки.\n * Значение контролируемое: компонент сообщает новое значение через onChange и ждёт его в value.\n */\nexport const Slider = React.forwardRef<HTMLDivElement, ISliderProps>(\n    ({ marks, onChange, step = 1, value, renderTooltipContent, ...sliderExtendedAttributes }, ref) => (\n        <SliderExtended step={step} {...sliderExtendedAttributes} ref={ref}>\n            <SliderExtended.Rail />\n            <SliderExtended.Dot value={value} onChange={onChange}>\n                {renderTooltipContent && (\n                    <SliderExtended.Tooltip value={value}>{renderTooltipContent(value)}</SliderExtended.Tooltip>\n                )}\n            </SliderExtended.Dot>\n\n            <SliderExtended.Track />\n\n            <SliderExtended.Marks>\n                {marks.map((mark) => (\n                    <SliderExtended.Mark key={mark.value} value={mark.value}>\n                        {mark.label}\n                    </SliderExtended.Mark>\n                ))}\n            </SliderExtended.Marks>\n        </SliderExtended>\n    ),\n);\n\nSlider.displayName = \"Slider\";\n"],"names":["React"],"mappings":";;;AAiCO,MAAM,SAASA,eAAM;AAAA,EACxB,CAAC,EAAE,OAAO,UAAU,OAAO,GAAG,OAAO,sBAAsB,GAAG,yBAAA,GAA4B,QACtF,qBAAC,kBAAe,MAAa,GAAG,0BAA0B,KACtD,UAAA;AAAA,IAAA,oBAAC,eAAe,MAAf,EAAoB;AAAA,IACrB,oBAAC,eAAe,KAAf,EAAmB,OAAc,UAC7B,UAAA,wBACG,oBAAC,eAAe,SAAf,EAAuB,OAAe,UAAA,qBAAqB,KAAK,GAAE,GAE3E;AAAA,IAEA,oBAAC,eAAe,OAAf,EAAqB;AAAA,IAEtB,oBAAC,eAAe,OAAf,EACI,gBAAM,IAAI,CAAC,SACR,oBAAC,eAAe,MAAf,EAAqC,OAAO,KAAK,OAC7C,UAAA,KAAK,SADgB,KAAK,KAE/B,CACH,EAAA,CACL;AAAA,EAAA,EAAA,CACJ;AAER;AAEA,OAAO,cAAc;"}

package/components/SliderExtended/SliderExtended.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState, useMemo } from "react";
-import { k as range, c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { k as range, c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.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-BI8zsX61.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-Co04cta-.js";
 import { SliderExtendedTrack } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
 import { SliderExtendedTooltip } from "./components/SliderExtendedTooltip/SliderExtendedTooltip.js";
 import { SliderExtendedContext } from "./SliderExtendedContext.js";
@@ -73,7 +73,7 @@ const SliderExtendedBase = React__default.forwardRef(
               className
             ),
             ...htmlDivAttributes,
-            "data-tx": "1.46.0",
+            "data-tx": "1.48.0",
             ref,
             children
           }

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

@@ -1,20 +1,20 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState, useContext, useRef, useCallback, useLayoutEffect } from "react";
-import { u as uniqueId, c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
+import { u as uniqueId, c as clsx } from "../../../../chunks/vendor-CUIykw0y.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";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
-import { setForwardedRef } from "../../utils.js";
+import { setForwardedRef } from "../../../../helpers/setForwardedRef.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedDotActions } from "./SliderExtendedDotActions.js";
-const sliderExtendedDot = "sliderExtendedDot__0ebbb0c7";
-const focusedByClick = "focusedByClick__604046ae";
-const disabled = "disabled__149ce62c";
-const dragByMouse = "dragByMouse__5b86dd37";
-const lg = "lg__7c8d5a17";
+const sliderExtendedDot = "sliderExtendedDot__3c87f3c2";
+const focusedByClick = "focusedByClick__a609cbd7";
+const disabled = "disabled__5afdd0f5";
+const dragByMouse = "dragByMouse__59664298";
+const lg = "lg__a7c872f1";
 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, { useCallback, useContext, useLayoutEffect, useRef, useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport clsx from \"clsx\";\nimport { KeyDownListener } from \"@sberbusiness/triplex-next/components/KeyDownListener\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { SliderExtendedContext } from \"../../SliderExtendedContext\";\nimport { SliderExtendedUtils } from \"../../SliderExtendedUtils\";\nimport { setForwardedRef } from \"../../utils\";\nimport { SliderExtendedMoveHandler, TOnTargetMouseDown, TOnTargetTouchStart } from \"../SliderExtendedMoveHandler\";\nimport { SliderExtendedDotActions } from \"./SliderExtendedDotActions\";\nimport styles from \"./styles/SliderExtendedDot.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Интервал троттлинга перемещения ползунка мышью, мс. */\nconst MOUSE_MOVE_WAIT = 50;\n\n/** Свойства компонента SliderExtendedDot. */\nexport interface ISliderExtendedDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"onChange\" | \"value\"> {\n    /** Обработчик изменения значения. Вызывается со значением шага, на который переместился ползунок. */\n    onChange: (value: number) => void;\n    /** Значение позиции ползунка. Должно быть в диапазоне от min до max. */\n    value: number;\n}\n\n/**\n * Компонент SliderExtendedDot — передвигаемый ползунок. Слайдер может иметь 1 или 2 SliderExtendedDot.\n * Значение контролируемое: компонент сообщает новое значение через onChange и ждёт его в value.\n */\nexport const SliderExtendedDot = React.forwardRef<HTMLSpanElement, ISliderExtendedDotProps>(\n    (\n        {\n            children,\n            className,\n            onBlur,\n            onChange,\n            onFocus,\n            onMouseDown,\n            onTouchStart,\n            style,\n            value,\n            ...htmlSpanAttributes\n        },\n        ref,\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 {\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 dotRef = useRef<HTMLSpanElement | null>(null);\n        const tabIndex = SliderExtendedDotActions.getTabIndex({ disabled, dotId: id, dots, focusedSlider });\n        const normalizedValue = SliderExtendedUtils.getNormalizedValue({ max, min, value });\n        // Позиция ползунка на полосе слайдера, в %.\n        const leftPosition = reverse ? 100 - normalizedValue : normalizedValue;\n\n        /** Сохраняет узел ползунка локально (для слушателей перемещения) и пробрасывает во внешний ref. */\n        const setRef = useCallback(\n            (instance: HTMLSpanElement | null) => {\n                dotRef.current = instance;\n                setForwardedRef(ref, instance);\n            },\n            [ref],\n        );\n\n        // Регистрация ползунка в контексте слайдера на время его жизни.\n        // Зависимости пусты намеренно: addDot/removeDot пересоздаются на каждом рендере,\n        // а перерегистрация ползунка сбросила бы его позицию в массиве dots.\n        useLayoutEffect(() => {\n            addDot({\n                changeValue: onChange,\n                id,\n                normalizedValue,\n                stepIndex: SliderExtendedUtils.getStepIndexByNormalizedValue({ normalizedValue, steps }),\n                value,\n            });\n\n            return () => removeDot(id);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        // Синхронизация значения ползунка с контекстом.\n        // updateDot пересоздаётся на каждом рендере, поэтому в зависимости не попадает — иначе\n        // обновление состояния слайдера запускало бы эффект заново.\n        useLayoutEffect(() => {\n            updateDot({\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        }, [id, normalizedValue, onChange, steps, value]);\n\n        /** Перемещает ползунок на ближайший к позиции курсора шаг. */\n        const moveToNearestStep = (cursorNormalizedValue: number) => {\n            const nextStep = SliderExtendedUtils.getNearestStep({\n                normalizedValue: reverse ? 100 - cursorNormalizedValue : cursorNormalizedValue,\n                steps,\n            });\n\n            onChange(nextStep.value);\n        };\n\n        const handleDocumentMouseUp = () => {\n            setIsDragged(false);\n\n            document.removeEventListener(\"mouseup\", handleDocumentMouseUp);\n        };\n\n        const handleMouseDown =\n            (onTargetMouseDown: TOnTargetMouseDown) => (event: React.MouseEvent<HTMLSpanElement>) => {\n                setIsFocusedByClick(true);\n                setIsDragged(true);\n\n                document.addEventListener(\"mouseup\", handleDocumentMouseUp);\n\n                onTargetMouseDown(event);\n                onMouseDown?.(event);\n            };\n\n        const handleMouseMove = (event: MouseEvent) => {\n            if (railNode) {\n                moveToNearestStep(\n                    SliderExtendedUtils.getNormalizedCursorValue({ cursorXPosition: event.clientX, railNode }),\n                );\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        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                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                moveToNearestStep(\n                    SliderExtendedUtils.getNormalizedCursorValue({\n                        cursorXPosition: event.touches[0].clientX,\n                        railNode,\n                    }),\n                );\n            }\n        };\n\n        /** Возвращает текущий ползунок из контекста. */\n        const getCurrentDot = () => dots.find((dot) => dot.id === id);\n\n        /** Обработчик сочетаний клавиш, меняющих значение слайдера на меньшее. */\n        const handleKeyDownToMoveLeft = (event: KeyboardEvent) => {\n            // Предотвращает скролл страницы.\n            event.preventDefault();\n\n            SliderExtendedDotActions.moveToPrevStep(getCurrentDot(), steps);\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                    mouseMoveWait={MOUSE_MOVE_WAIT}\n                    onMouseMove={handleMouseMove}\n                    onTouchMove={handleTouchMove}\n                    targetRef={dotRef}\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={{ ...style, left: `${leftPosition}%` }}\n                            ref={setRef}\n                        >\n                            {children}\n                        </span>\n                    )}\n                </SliderExtendedMoveHandler>\n            </>\n        );\n    },\n);\n\nSliderExtendedDot.displayName = \"SliderExtendedDot\";\n"],"names":["React","disabled"],"mappings":"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"}
+{"version":3,"file":"SliderExtendedDot.js","sources":["../../../../../src/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.tsx"],"sourcesContent":["import React, { useCallback, useContext, useLayoutEffect, useRef, useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport clsx from \"clsx\";\nimport { KeyDownListener } from \"@sberbusiness/triplex-next/components/KeyDownListener\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { SliderExtendedContext } from \"../../SliderExtendedContext\";\nimport { SliderExtendedUtils } from \"../../SliderExtendedUtils\";\nimport { setForwardedRef } from \"../../../../helpers/setForwardedRef\";\nimport { SliderExtendedMoveHandler, TOnTargetMouseDown, TOnTargetTouchStart } from \"../SliderExtendedMoveHandler\";\nimport { SliderExtendedDotActions } from \"./SliderExtendedDotActions\";\nimport styles from \"./styles/SliderExtendedDot.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Интервал троттлинга перемещения ползунка мышью, мс. */\nconst MOUSE_MOVE_WAIT = 50;\n\n/** Свойства компонента SliderExtendedDot. */\nexport interface ISliderExtendedDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"onChange\" | \"value\"> {\n    /** Обработчик изменения значения. Вызывается со значением шага, на который переместился ползунок. */\n    onChange: (value: number) => void;\n    /** Значение позиции ползунка. Должно быть в диапазоне от min до max. */\n    value: number;\n}\n\n/**\n * Компонент SliderExtendedDot — передвигаемый ползунок. Слайдер может иметь 1 или 2 SliderExtendedDot.\n * Значение контролируемое: компонент сообщает новое значение через onChange и ждёт его в value.\n */\nexport const SliderExtendedDot = React.forwardRef<HTMLSpanElement, ISliderExtendedDotProps>(\n    (\n        {\n            children,\n            className,\n            onBlur,\n            onChange,\n            onFocus,\n            onMouseDown,\n            onTouchStart,\n            style,\n            value,\n            ...htmlSpanAttributes\n        },\n        ref,\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 {\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 dotRef = useRef<HTMLSpanElement | null>(null);\n        const tabIndex = SliderExtendedDotActions.getTabIndex({ disabled, dotId: id, dots, focusedSlider });\n        const normalizedValue = SliderExtendedUtils.getNormalizedValue({ max, min, value });\n        // Позиция ползунка на полосе слайдера, в %.\n        const leftPosition = reverse ? 100 - normalizedValue : normalizedValue;\n\n        /** Сохраняет узел ползунка локально (для слушателей перемещения) и пробрасывает во внешний ref. */\n        const setRef = useCallback(\n            (instance: HTMLSpanElement | null) => {\n                dotRef.current = instance;\n                setForwardedRef(ref, instance);\n            },\n            [ref],\n        );\n\n        // Регистрация ползунка в контексте слайдера на время его жизни.\n        // Зависимости пусты намеренно: addDot/removeDot пересоздаются на каждом рендере,\n        // а перерегистрация ползунка сбросила бы его позицию в массиве dots.\n        useLayoutEffect(() => {\n            addDot({\n                changeValue: onChange,\n                id,\n                normalizedValue,\n                stepIndex: SliderExtendedUtils.getStepIndexByNormalizedValue({ normalizedValue, steps }),\n                value,\n            });\n\n            return () => removeDot(id);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        // Синхронизация значения ползунка с контекстом.\n        // updateDot пересоздаётся на каждом рендере, поэтому в зависимости не попадает — иначе\n        // обновление состояния слайдера запускало бы эффект заново.\n        useLayoutEffect(() => {\n            updateDot({\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        }, [id, normalizedValue, onChange, steps, value]);\n\n        /** Перемещает ползунок на ближайший к позиции курсора шаг. */\n        const moveToNearestStep = (cursorNormalizedValue: number) => {\n            const nextStep = SliderExtendedUtils.getNearestStep({\n                normalizedValue: reverse ? 100 - cursorNormalizedValue : cursorNormalizedValue,\n                steps,\n            });\n\n            onChange(nextStep.value);\n        };\n\n        const handleDocumentMouseUp = () => {\n            setIsDragged(false);\n\n            document.removeEventListener(\"mouseup\", handleDocumentMouseUp);\n        };\n\n        const handleMouseDown =\n            (onTargetMouseDown: TOnTargetMouseDown) => (event: React.MouseEvent<HTMLSpanElement>) => {\n                setIsFocusedByClick(true);\n                setIsDragged(true);\n\n                document.addEventListener(\"mouseup\", handleDocumentMouseUp);\n\n                onTargetMouseDown(event);\n                onMouseDown?.(event);\n            };\n\n        const handleMouseMove = (event: MouseEvent) => {\n            if (railNode) {\n                moveToNearestStep(\n                    SliderExtendedUtils.getNormalizedCursorValue({ cursorXPosition: event.clientX, railNode }),\n                );\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        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                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                moveToNearestStep(\n                    SliderExtendedUtils.getNormalizedCursorValue({\n                        cursorXPosition: event.touches[0].clientX,\n                        railNode,\n                    }),\n                );\n            }\n        };\n\n        /** Возвращает текущий ползунок из контекста. */\n        const getCurrentDot = () => dots.find((dot) => dot.id === id);\n\n        /** Обработчик сочетаний клавиш, меняющих значение слайдера на меньшее. */\n        const handleKeyDownToMoveLeft = (event: KeyboardEvent) => {\n            // Предотвращает скролл страницы.\n            event.preventDefault();\n\n            SliderExtendedDotActions.moveToPrevStep(getCurrentDot(), steps);\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                    mouseMoveWait={MOUSE_MOVE_WAIT}\n                    onMouseMove={handleMouseMove}\n                    onTouchMove={handleTouchMove}\n                    targetRef={dotRef}\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={{ ...style, left: `${leftPosition}%` }}\n                            ref={setRef}\n                        >\n                            {children}\n                        </span>\n                    )}\n                </SliderExtendedMoveHandler>\n            </>\n        );\n    },\n);\n\nSliderExtendedDot.displayName = \"SliderExtendedDot\";\n"],"names":["React","disabled"],"mappings":"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"}

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

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../../../enums/EComponentSize.js";
 import { ETextSize } from "../../../Typography/enums.js";
 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-m4ckCTSy.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-qzI-tGBX.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-DqjKLGwf.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-m4ckCTSy.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-qzI-tGBX.js";
 const SliderExtendedMarks = React__default.forwardRef(
   ({ className, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.sliderExtendedMarks, className), ...htmlDivAttributes, ref })
 );

package/components/SliderExtended/components/SliderExtendedMoveHandler.js

@@ -1,5 +1,5 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { t as throttle } from "../../../chunks/vendor-DqjKLGwf.js";
+import { t as throttle } from "../../../chunks/vendor-CUIykw0y.js";
 const DEFAULT_MOUSE_MOVE_WAIT = 50;
 const SliderExtendedMoveHandler = ({
   children,

package/components/SliderExtended/components/SliderExtendedRail.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-DqjKLGwf.js";
+import "../../../chunks/vendor-CUIykw0y.js";
 import "../SliderExtendedContext.js";
 import "../SliderExtendedUtils.js";
-import "../utils.js";
-import { S } from "../../../chunks/SliderExtendedRail-BI8zsX61.js";
+import "../../../helpers/setForwardedRef.js";
+import { S } from "../../../chunks/SliderExtendedRail-Co04cta-.js";
 export {
   S as SliderExtendedRail
 };