@sberbusiness/triplex-next 1.5.0 → 1.6.0

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

@@ -0,0 +1,158 @@
+import { jsxs as I, Fragment as B, jsx as f } from "react/jsx-runtime";
+import { useState as a, useContext as re, useRef as le, useLayoutEffect as L, useEffect as ae } from "react";
+import { a as ie, l as k, c as ne } from "../../../../chunks/vendor-D3hUOusX.js";
+import { SliderExtendedUtils as o } from "../../SliderExtendedUtils.js";
+import { SliderExtendedContext as ce } from "../../SliderExtendedContext.js";
+import { SliderExtendedMoveHandler as ue } from "../SliderExtendedMoveHandler.js";
+import { SliderExtendedDotActions as O } from "./SliderExtendedDotActions.js";
+import { useSliderExtendedDotTabIndex as me } from "./useSliderExtendedDotTabIndex.js";
+import { KeyDownListener as F } from "../../../KeyDownListener/KeyDownListener.js";
+import { EVENT_KEY_CODES as p } from "../../../../utils/keyboard.js";
+import { createSizeToClassNameMap as fe } from "../../../../utils/classNameMaps.js";
+const pe = "sliderExtendedDot__d7056d20", xe = "focusedByClick__3cdc32bb", he = "disabled__9f49b00d", ge = "dragByMouse__c487ceaa", De = "lg__5c263f91", i = {
+  sliderExtendedDot: pe,
+  focusedByClick: xe,
+  disabled: he,
+  dragByMouse: ge,
+  lg: De
+}, Ee = fe(i), ye = ({
+  children: K,
+  className: P,
+  onBlur: x,
+  onChange: r,
+  onFocus: h,
+  onMouseDown: g,
+  onTouchStart: D,
+  value: d,
+  ...A
+}) => {
+  const [W, N] = a(!1), [X, E] = a(!1), [H, n] = a(!1), [l] = a(ie()), [U, M] = a(0), {
+    addDot: j,
+    disabled: _,
+    dots: z,
+    focused: y,
+    isHoverOrDragTrack: w,
+    max: c,
+    min: u,
+    railNode: m,
+    removeDot: q,
+    reverse: v,
+    setFocused: V,
+    steps: s,
+    updateDot: G,
+    size: Y
+  } = re(ce), $ = me(_, l, z, y), b = le(null);
+  L(() => () => q(l), []), ae(() => {
+    const e = o.getNormalizedValue({ max: c, min: u, value: d });
+    j({
+      changeValue: r,
+      id: l,
+      normalizedValue: e,
+      stepIndex: o.getStepIndexByNormalizedValue({ normalizedValue: e, steps: s }),
+      value: d
+    });
+  }, []), L(() => {
+    const e = o.getNormalizedValue({ max: c, min: u, value: d });
+    M(v ? 100 - e : e), G({
+      changeValue: r,
+      id: l,
+      normalizedValue: e,
+      stepIndex: o.getStepIndexByNormalizedValue({
+        normalizedValue: e,
+        steps: s
+      }),
+      value: d
+    });
+  }, [r, d, c, u, s]);
+  const J = (e) => (t) => {
+    E(!0), n(!0), document.addEventListener("mouseup", C), e(t), g == null || g(t);
+  }, Q = (e) => {
+    if (m) {
+      let t = o.getNormalizedCursorValue({
+        cursorXPosition: e.clientX,
+        railNode: m
+      });
+      v && (t = 100 - t);
+      const S = o.getNearestStep({ normalizedValue: t, steps: s });
+      r(S.value);
+    }
+  }, C = () => {
+    n(!1), document.removeEventListener("mouseup", C);
+  }, Z = (e) => (t) => {
+    t.touches.length == 1 && (E(!0), n(!0), document.addEventListener("touchend", R), e(t), D == null || D(t));
+  }, ee = (e) => {
+    if (e.touches.length == 1 && (e.cancelable && e.preventDefault(), m)) {
+      let t = o.getNormalizedCursorValue({
+        cursorXPosition: e.touches[0].clientX,
+        railNode: m
+      });
+      v && (t = 100 - t);
+      const S = o.getNearestStep({ normalizedValue: t, steps: s });
+      r(S.value);
+    }
+  }, R = (e) => {
+    e.cancelable && e.preventDefault(), n(!1), document.removeEventListener("touchend", R);
+  }, T = () => z.filter((e) => e.id === l)[0], te = (e) => {
+    e.preventDefault(), O.moveToPrevStep(T(), s);
+  }, oe = (e) => {
+    e.preventDefault(), O.moveToNextStep(T(), s);
+  }, se = (e) => {
+    y || V(!0), N(!0), h == null || h(e);
+  }, de = (e) => {
+    y && V(!1), E(!1), N(!1), x == null || x(e);
+  };
+  return /* @__PURE__ */ I(B, { children: [
+    W && /* @__PURE__ */ I(B, { children: [
+      /* @__PURE__ */ f(
+        F,
+        {
+          onMatch: te,
+          eventKeyCode: [p.ARROW_LEFT, p.ARROW_DOWN]
+        }
+      ),
+      /* @__PURE__ */ f(
+        F,
+        {
+          onMatch: oe,
+          eventKeyCode: [p.ARROW_RIGHT, p.ARROW_UP]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ f(
+      ue,
+      {
+        onMouseMove: k.throttle(Q, 50),
+        onTouchMove: k.throttle(ee),
+        targetRef: b,
+        children: ({ onTargetMouseDown: e, onTargetTouchStart: t }) => /* @__PURE__ */ f(
+          "span",
+          {
+            tabIndex: $,
+            role: "slider",
+            "aria-valuemin": u,
+            "aria-valuenow": d,
+            "aria-valuemax": c,
+            ...A,
+            className: ne(i.sliderExtendedDot, Ee[Y], P, {
+              [i.disabled]: _,
+              [i.dragByMouse]: H || w,
+              [i.focusedByClick]: X
+            }),
+            onBlur: de,
+            onFocus: se,
+            onMouseDown: J(e),
+            onTouchStart: Z(t),
+            style: { left: `${U}%` },
+            ref: b,
+            children: K
+          }
+        )
+      }
+    )
+  ] });
+};
+ye.displayName = "SliderExtendedDot";
+export {
+  ye as SliderExtendedDot
+};
+//# sourceMappingURL=SliderExtendedDot.js.map

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

@@ -0,0 +1,12 @@
+const t = {
+  moveToNextStep: (e, n) => {
+    e.stepIndex < n.length - 1 && e.changeValue(n[e.stepIndex + 1].value);
+  },
+  moveToPrevStep: (e, n) => {
+    e.stepIndex > 0 && e.changeValue(n[e.stepIndex - 1].value);
+  }
+};
+export {
+  t as SliderExtendedDotActions
+};
+//# sourceMappingURL=SliderExtendedDotActions.js.map

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

@@ -0,0 +1,21 @@
+import { useState as u, useLayoutEffect as a } from "react";
+const x = (f, s, t, n) => {
+  const [o, e] = u(-1);
+  return a(() => {
+    t.length === 2 ? [...t].sort((i, l) => i.value - l.value)[0].id === s && e(0) : e(0);
+  }, []), a(() => {
+    if (t.length === 2) {
+      const r = [...t].sort((i, l) => i.value - l.value);
+      n ? r[1].id === s ? e(3) : e(1) : r[0].id === s ? e(0) : e(-1);
+    }
+  }, [n]), a(() => {
+    if (t.length === 2) {
+      const r = [...t].sort((i, l) => i.value - l.value);
+      n ? r[0].id === s ? e(1) : e(3) : r[0].id === s ? e(0) : e(-1);
+    }
+  }, [t]), f ? -1 : o;
+};
+export {
+  x as useSliderExtendedDotTabIndex
+};
+//# sourceMappingURL=useSliderExtendedDotTabIndex.js.map

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

@@ -0,0 +1,48 @@
+import { jsxs as E, jsx as l } from "react/jsx-runtime";
+import C from "react";
+import { SliderExtendedContext as M } from "../../SliderExtendedContext.js";
+import { SliderExtendedMarkActions as s } from "./SliderExtendedMarkActions.js";
+import { c as o } from "../../../../chunks/vendor-D3hUOusX.js";
+import { s as e } from "../../../../chunks/SliderExtendedMarks.module-Bubs2UAN.js";
+import { EComponentSize as z } from "../../../../enums/EComponentSize.js";
+import { ETextSize as c } from "../../../Typography/enums.js";
+import { Text as N } from "../../../Typography/Text.js";
+import { createSizeToClassNameMap as T } from "../../../../utils/classNameMaps.js";
+const y = T(e), g = ({
+  children: x,
+  className: p,
+  value: t,
+  ...f
+}) => {
+  const { disabled: i, dots: r, min: a, max: S, reverse: d, size: m } = C.useContext(M), n = () => s.moveNearestDot({ dots: r, value: t }), k = m === z.LG ? c.B3 : c.B4;
+  return /* @__PURE__ */ E(
+    "span",
+    {
+      className: o(e.sliderExtendedMark, y[m], p, {
+        // Одна из SliderExtended.Dot, находится на текущей позиции.
+        [e.active]: s.isActive({ dots: r, value: t }) && !i,
+        [e.disabled]: i,
+        [e.reverse]: d
+      }),
+      ...f,
+      style: s.getStyle({ max: S, min: a, reverse: d, value: t }),
+      children: [
+        /* @__PURE__ */ l(
+          "span",
+          {
+            className: o(e.sliderExtendedMarkDot, {
+              [e.inSelectedRange]: s.isInSelectedRange({ dots: r, min: a, value: t })
+            }),
+            onClick: n
+          }
+        ),
+        /* @__PURE__ */ l(N, { className: o(e.sliderExtendedMarkText), size: k, onClick: n, children: x })
+      ]
+    }
+  );
+};
+g.displayName = "SliderExtendedMark";
+export {
+  g as SliderExtendedMark
+};
+//# sourceMappingURL=SliderExtendedMark.js.map

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

@@ -0,0 +1,27 @@
+import { SliderExtendedUtils as s } from "../../SliderExtendedUtils.js";
+const d = {
+  getStyle: ({ min: t, max: i, reverse: l, value: a }) => {
+    let e = s.getNormalizedValue({ max: i, min: t, value: a }), r;
+    return l ? e === 0 ? (e = void 0, r = 0) : e = `${100 - e}%` : e === 100 ? (e = void 0, r = 0) : e = `${e}%`, { left: e, right: r };
+  },
+  isActive: ({ dots: t, value: i }) => t.some((l) => l.value === i),
+  isInSelectedRange: ({ value: t, min: i, dots: l }) => {
+    if (!l.length)
+      return !1;
+    let a, e;
+    if (l.length < 2)
+      a = i, e = l[0].value;
+    else {
+      const r = l.map((n) => n.value).sort((n, o) => n - o);
+      a = r[0], e = r[1];
+    }
+    return a <= t && t <= e;
+  },
+  moveNearestDot: ({ value: t, dots: i }) => {
+    s.getNearestDotByValue({ dots: i, value: t }).changeValue(t);
+  }
+};
+export {
+  d as SliderExtendedMarkActions
+};
+//# sourceMappingURL=SliderExtendedMarkActions.js.map

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

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as d } from "../../../../chunks/vendor-D3hUOusX.js";
+import { s as a } from "../../../../chunks/SliderExtendedMarks.module-Bubs2UAN.js";
+const t = ({ className: s, ...e }) => /* @__PURE__ */ r("div", { className: d(a.sliderExtendedMarks, s), ...e });
+t.displayName = "SliderExtendedMarks";
+export {
+  t as SliderExtendedMarks
+};
+//# sourceMappingURL=SliderExtendedMarks.js.map

package/components/SliderExtended/components/SliderExtendedMoveHandler.js

@@ -0,0 +1,25 @@
+import { jsx as c, Fragment as m } from "react/jsx-runtime";
+const v = ({
+  children: d,
+  onMouseMove: r,
+  onTouchMove: o,
+  targetRef: e
+}) => {
+  const s = () => {
+    document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", s);
+  }, u = () => {
+    var n, t;
+    e.current && ((n = e.current) == null || n.removeEventListener("touchmove", o), (t = e.current) == null || t.removeEventListener("touchend", u));
+  };
+  return /* @__PURE__ */ c(m, { children: d({ onTargetMouseDown: () => {
+    document.addEventListener("mousemove", r), document.addEventListener("mouseup", s);
+  }, onTargetTouchStart: () => {
+    var n, t;
+    e.current && ((n = e.current) == null || n.addEventListener("touchmove", o), (t = e.current) == null || t.addEventListener("touchend", u));
+  } }) });
+};
+v.displayName = "SliderExtendedMoveHandler";
+export {
+  v as SliderExtendedMoveHandler
+};
+//# sourceMappingURL=SliderExtendedMoveHandler.js.map

package/components/SliderExtended/components/SliderExtendedRail.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "react";
+import "../SliderExtendedContext.js";
+import "../SliderExtendedUtils.js";
+import "../../../chunks/vendor-D3hUOusX.js";
+import { S as d } from "../../../chunks/SliderExtendedRail-BmH-0W3L.js";
+export {
+  d as SliderExtendedRail
+};
+//# sourceMappingURL=SliderExtendedRail.js.map

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

@@ -0,0 +1,39 @@
+import { jsxs as y, jsx as d } from "react/jsx-runtime";
+import n from "react";
+import { SliderExtendedContext as _ } from "../../SliderExtendedContext.js";
+import { c as e } from "../../../../chunks/vendor-D3hUOusX.js";
+import { createSizeToClassNameMap as v } from "../../../../utils/classNameMaps.js";
+const E = "sliderExtendedTooltipOverlay__beca942b", C = "lg__5c263f91", N = "tooltipBody__08afcde9", O = "tooltipTip__0368fddb", t = {
+  sliderExtendedTooltipOverlay: E,
+  lg: C,
+  tooltipBody: N,
+  tooltipTip: O
+}, h = v(t), R = ({
+  value: i,
+  children: r,
+  ...c
+}) => {
+  const o = n.useRef(null), { min: l, max: p, size: a } = n.useContext(_), f = () => {
+    var s;
+    if (!o.current || i === void 0)
+      return 0;
+    const m = 8, x = 16, T = ((s = o.current) == null ? void 0 : s.clientWidth) || 0, u = (i - l) / (p - l);
+    return (T / 2 - m - x) * (1 - 2 * u);
+  };
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      ref: o,
+      className: e(t.sliderExtendedTooltipOverlay, h[a]),
+      ...c,
+      children: [
+        /* @__PURE__ */ d("div", { className: e(t.tooltipBody), style: { left: `${f()}px` }, children: r }),
+        /* @__PURE__ */ d("div", { className: e(t.tooltipTip) })
+      ]
+    }
+  );
+};
+export {
+  R as SliderExtendedTooltip
+};
+//# sourceMappingURL=SliderExtendedTooltip.js.map

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

@@ -0,0 +1,147 @@
+import { jsxs as B, Fragment as L, jsx as h } from "react/jsx-runtime";
+import { useState as c, useContext as ce, useRef as O, useLayoutEffect as P } from "react";
+import { l as X, c as le } from "../../../../chunks/vendor-D3hUOusX.js";
+import { SliderExtendedContext as de } from "../../SliderExtendedContext.js";
+import { SliderExtendedMoveHandler as ae } from "../SliderExtendedMoveHandler.js";
+import { SliderExtendedUtils as z } from "../../SliderExtendedUtils.js";
+import { SliderExtendedTrackActions as l } from "./SliderExtendedTrackActions.js";
+import { EVENT_KEY_CODES as g } from "../../../../utils/keyboard.js";
+import { KeyDownListener as F } from "../../../KeyDownListener/KeyDownListener.js";
+import { createSizeToClassNameMap as ie } from "../../../../utils/classNameMaps.js";
+const ne = "sliderExtendedTrack__3c097529", ue = "lg__5c263f91", fe = "focusedByClick__3cdc32bb", me = "hoverOrDragByMouse__68306745", he = "staticSlider__c670033a", ge = "disabled__9f49b00d", o = {
+  sliderExtendedTrack: ne,
+  lg: ue,
+  focusedByClick: fe,
+  hoverOrDragByMouse: me,
+  staticSlider: he,
+  disabled: ge
+}, pe = ie(o), Ee = ({
+  className: K,
+  draggable: k = !0,
+  onBlur: p,
+  onFocus: E,
+  onMouseDown: x,
+  onMouseOver: D,
+  onMouseOut: T,
+  onTouchStart: y,
+  ...A
+}) => {
+  const [W, b] = c(!1), [d, C] = c(!1), [H, v] = c(!1), [V, a] = c(!1), [U, S] = c(-1), {
+    disabled: M,
+    dots: s,
+    focused: i,
+    isHoverOrDragTrack: j,
+    railNode: r,
+    setIsHoverOrDragTrack: n,
+    reverse: _,
+    setFocused: R,
+    steps: u,
+    size: $
+  } = ce(de), f = O(0), m = O(null);
+  if (P(() => {
+    s.length > 1 && k ? d || C(!0) : d !== !1 && C(!1);
+  }, [s, k]), P(() => {
+    s.length > 1 && S(i ? 2 : -1);
+  }, [i]), !s.length)
+    return null;
+  const w = (e) => (t) => {
+    v(!0), a(!0), document.addEventListener("mouseup", N), r && (f.current = z.getNormalizedCursorValue({
+      cursorXPosition: t.clientX,
+      railNode: r
+    })), e(t), x == null || x(t);
+  }, G = (e) => l.dragDots({
+    cursorPrevNormalizedValue: f,
+    cursorXPosition: e.clientX,
+    dots: s,
+    railNode: r,
+    reverse: _,
+    steps: u
+  }), N = (e) => {
+    a(!1), e.target !== m.current && n(!1), document.removeEventListener("mouseup", N);
+  }, Y = (e) => (t) => {
+    t.touches.length == 1 && (v(!0), a(!0), document.addEventListener("touchend", I), r && (f.current = z.getNormalizedCursorValue({
+      cursorXPosition: t.touches[0].clientX,
+      railNode: r
+    })), e(t), y == null || y(t));
+  }, q = (e) => {
+    e.touches.length == 1 && (e.cancelable && e.preventDefault(), l.dragDots({
+      cursorPrevNormalizedValue: f,
+      cursorXPosition: e.touches[0].clientX,
+      dots: s,
+      railNode: r,
+      reverse: _,
+      steps: u
+    }));
+  }, I = (e) => {
+    e.cancelable && e.preventDefault(), a(!1), e.target !== m.current && n(!1), document.removeEventListener("touchend", I);
+  }, J = (e) => {
+    e.preventDefault(), l.moveToPrevStep(s, u);
+  }, Q = (e) => {
+    e.preventDefault(), l.moveToNextStep(s, u);
+  }, Z = (e) => {
+    i || R(!0), b(!0), E == null || E(e);
+  }, ee = (e) => {
+    i && R(!1), v(!1), b(!1), p == null || p(e);
+  }, te = (e) => {
+    n(!0), D == null || D(e);
+  }, se = (e) => {
+    V || n(!1), T == null || T(e);
+  }, { left: re, right: oe } = l.getTrackPosition({ dots: s, reverse: _ });
+  return /* @__PURE__ */ B(L, { children: [
+    W && /* @__PURE__ */ B(L, { children: [
+      /* @__PURE__ */ h(
+        F,
+        {
+          onMatch: J,
+          eventKeyCode: [g.ARROW_LEFT, g.ARROW_DOWN]
+        }
+      ),
+      /* @__PURE__ */ h(
+        F,
+        {
+          onMatch: Q,
+          eventKeyCode: [g.ARROW_RIGHT, g.ARROW_UP]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ h(
+      ae,
+      {
+        onMouseMove: X.throttle(G, 100),
+        onTouchMove: X.throttle(q),
+        targetRef: m,
+        children: ({ onTargetMouseDown: e, onTargetTouchStart: t }) => /* @__PURE__ */ h(
+          "span",
+          {
+            role: "button",
+            tabIndex: !M && d ? U : -1,
+            ...A,
+            className: le(o.sliderExtendedTrack, pe[$], K, {
+              [o.disabled]: M,
+              [o.focusedByClick]: H,
+              [o.hoverOrDragByMouse]: j,
+              // Не перетаскиваемый.
+              [o.staticSlider]: !d
+            }),
+            onBlur: ee,
+            onFocus: Z,
+            onMouseDown: w(e),
+            onMouseOver: te,
+            onMouseOut: se,
+            onTouchStart: Y(t),
+            ref: m,
+            style: {
+              left: `${re}%`,
+              right: `${oe}%`
+            }
+          }
+        )
+      }
+    )
+  ] });
+};
+Ee.displayName = "SliderExtendedTrack";
+export {
+  Ee as SliderExtendedTrack
+};
+//# sourceMappingURL=SliderExtendedTrack.js.map

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

@@ -0,0 +1,36 @@
+import { SliderExtendedUtils as V } from "../../SliderExtendedUtils.js";
+const v = {
+  dragDots: ({ cursorPrevNormalizedValue: l, cursorXPosition: a, dots: e, railNode: g, reverse: c, steps: n }) => {
+    if (g) {
+      const h = V.getNormalizedCursorValue({
+        cursorXPosition: a,
+        railNode: g
+      }), o = l.current - h, m = n[1].normalizedValue - n[0].normalizedValue;
+      let r = -Math.trunc(o / m);
+      if (c && (r = r * -1), r !== 0) {
+        let u, f;
+        if (e[0].value < e[1].value ? (u = e[0], f = e[1]) : (u = e[1], f = e[0]), u.stepIndex === 0 && r <= 0 || f.stepIndex === n.length - 1 && r >= 0)
+          return;
+        let t = u.stepIndex + r, i = f.stepIndex + r;
+        t < 0 && (i = i - t, t = 0), i > n.length - 1 && (t = t - (i - n.length + 1), i = n.length - 1), l.current = h, u.changeValue(n[t].value), f.changeValue(n[i].value);
+      }
+    }
+  },
+  getTrackPosition: ({ dots: l, reverse: a }) => {
+    const e = {
+      left: 0,
+      right: 0
+    };
+    return l.length === 1 ? a ? (e.left = 100 - l[0].normalizedValue, e.right = 0) : (e.left = 0, e.right = 100 - l[0].normalizedValue) : a ? l[0].value < l[1].value ? (e.right = l[0].normalizedValue, e.left = 100 - l[1].normalizedValue) : (e.right = l[1].normalizedValue, e.left = 100 - l[0].normalizedValue) : l[0].value < l[1].value ? (e.left = l[0].normalizedValue, e.right = 100 - l[1].normalizedValue) : (e.left = l[1].normalizedValue, e.right = 100 - l[0].normalizedValue), e;
+  },
+  moveToNextStep: (l, a) => {
+    l.every((e) => e.stepIndex !== a.length - 1) && l.forEach((e) => e.changeValue(a[e.stepIndex + 1].value));
+  },
+  moveToPrevStep: (l, a) => {
+    l.every((e) => e.stepIndex !== 0) && l.forEach((e) => e.changeValue(a[e.stepIndex - 1].value));
+  }
+};
+export {
+  v as SliderExtendedTrackActions
+};
+//# sourceMappingURL=SliderExtendedTrackActions.js.map

package/components/SliderExtended/index.js

@@ -0,0 +1,5 @@
+import { SliderExtended as r } from "./SliderExtended.js";
+export {
+  r as SliderExtended
+};
+//# sourceMappingURL=index.js.map

package/components/SliderRange/SliderRange.js

@@ -0,0 +1,63 @@
+var g = Object.defineProperty;
+var f = (r, a, e) => a in r ? g(r, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[a] = e;
+var h = (r, a, e) => f(r, typeof a != "symbol" ? a + "" : a, e);
+import { jsxs as C, jsx as l } from "react/jsx-runtime";
+import m from "react";
+import { SliderExtended as n } from "../SliderExtended/SliderExtended.js";
+class V extends m.Component {
+  constructor(e) {
+    super(e);
+    /** Проверка values, меньшее значение, должно быть перед большим. */
+    h(this, "validateValues", () => {
+      const { onChange: e, values: t } = this.props;
+      t[0] > t[1] && e(this.sortValues(t));
+    });
+    h(this, "sortValues", (e) => [...e].sort((t, o) => t - o));
+    h(this, "handleChange", (e) => (t) => {
+      const { onChange: o } = this.props;
+      this.setState((i) => {
+        const { innerValues: d } = i, s = [...d];
+        s[e] = t;
+        const c = s[0] > s[1] ? this.sortValues(s) : s;
+        return o(c), { innerValues: s };
+      });
+    });
+    this.state = {
+      innerValues: [...e.values]
+    }, this.validateValues();
+  }
+  componentDidUpdate(e) {
+    const { values: t } = this.props, { values: o } = e, { innerValues: i } = this.state;
+    this.validateValues(), t.join("") !== o.join("") && (i[0] <= i[1] ? [...t].join("") !== i.join("") && this.setState({
+      innerValues: [...t]
+    }) : [t[1], t[0]].join("") !== i.join("") && this.setState({
+      innerValues: [t[1], t[0]]
+    }));
+  }
+  render() {
+    const {
+      draggableTrack: e,
+      marks: t,
+      onChange: o,
+      step: i = 1,
+      values: d,
+      renderTooltipContent: s,
+      size: c,
+      ...v
+    } = this.props, { innerValues: u } = this.state;
+    return /* @__PURE__ */ C(n, { step: i, size: c, ...v, children: [
+      /* @__PURE__ */ l(n.Rail, {}),
+      /* @__PURE__ */ l(n.Dot, { value: u[0], onChange: this.handleChange(0), children: s && /* @__PURE__ */ l(n.Tooltip, { value: u[0], children: s(u[0]) }) }, "1"),
+      /* @__PURE__ */ l(n.Track, { draggable: e }),
+      /* @__PURE__ */ l(n.Dot, { value: u[1], onChange: this.handleChange(1), children: s && /* @__PURE__ */ l(n.Tooltip, { value: u[1], children: s(u[1]) }) }, "2"),
+      /* @__PURE__ */ l(n.Marks, { children: t.map((p) => /* @__PURE__ */ l(n.Mark, { value: p.value, children: p.label }, p.value)) })
+    ] });
+  }
+}
+h(V, "displayName", "SliderRange"), h(V, "defaultProps", {
+  step: 1
+});
+export {
+  V as SliderRange
+};
+//# sourceMappingURL=SliderRange.js.map

package/components/SliderRange/index.js

@@ -0,0 +1,5 @@
+import { SliderRange as o } from "./SliderRange.js";
+export {
+  o as SliderRange
+};
+//# sourceMappingURL=index.js.map

package/components/SmallInput/SmallInput.js

@@ -0,0 +1,11 @@
+import { jsx as s } from "react/jsx-runtime";
+import m from "react";
+import { c as p } from "../../chunks/vendor-D3hUOusX.js";
+const o = "smallInput__f9ea36dc", e = {
+  smallInput: o
+}, n = m.forwardRef(({ className: t, ...l }, a) => /* @__PURE__ */ s("input", { className: p(e.smallInput, t), ...l, type: "text", ref: a }));
+n.displayName = "SmallInput";
+export {
+  n as SmallInput
+};
+//# sourceMappingURL=SmallInput.js.map

package/components/SmallInput/index.js

@@ -0,0 +1,5 @@
+import { SmallInput as o } from "./SmallInput.js";
+export {
+  o as SmallInput
+};
+//# sourceMappingURL=index.js.map

package/components/Spoiler/Spoiler.js

@@ -9,8 +9,8 @@ import "../Button/ButtonDropdownExtended.js";
 import { EButtonTheme as R } from "../Button/enums.js";
 import { EComponentSize as c } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as g } from "../../utils/classNameMaps.js";
-import { a as j, c as _ } from "../../chunks/vendor-9KVE23Ri.js";
-const y = "spoiler__1b0b25b2", D = "opened__5c632c47", q = "caretIcon__0efe0fe0", A = "head__c9328c0e", G = "content__7f411aee", H = "hidden__9e333767", K = "lg__c4ecadca", $ = "md__f11f34bc", F = "sm__6afd5768", e = {
+import { a as j, c as _ } from "../../chunks/vendor-D3hUOusX.js";
+const y = "spoiler__6e9b34c5", D = "opened__1427fb29", q = "caretIcon__95cb16db", A = "head__a413cc4e", G = "content__c2c57ffd", H = "hidden__60eddba0", K = "lg__4fed43d5", $ = "md__883c503e", F = "sm__c3e9880e", e = {
   spoiler: y,
   opened: D,
   caretIcon: q,
@@ -35,8 +35,8 @@ const y = "spoiler__1b0b25b2", D = "opened__5c632c47", q = "caretIcon__0efe0fe0"
     labelCollapse: u,
     rightBlock: N,
     size: r = c.MD,
-    ...C
-  } = f, d = s !== void 0, [b, v] = T(s), t = d ? s : b, m = E(`Spoiler-${j()}`), M = w(() => {
+    ...b
+  } = f, d = s !== void 0, [C, v] = T(s), t = d ? s : C, m = E(`Spoiler-${j()}`), M = w(() => {
     const i = !t;
     d ? n == null || n(i) : v(i), o == null || o(i);
   }, [d, n, t, o]), k = _(
@@ -47,7 +47,7 @@ const y = "spoiler__1b0b25b2", D = "opened__5c632c47", q = "caretIcon__0efe0fe0"
     },
     x
   );
-  return /* @__PURE__ */ l("div", { ...C, className: k, "data-tx": "1.5.0", ref: h, children: [
+  return /* @__PURE__ */ l("div", { ...b, className: k, "data-tx": "1.6.0", ref: h, children: [
     /* @__PURE__ */ l("div", { className: e.head, children: [
       /* @__PURE__ */ l(
         L,