@sberbusiness/triplex-next 1.4.0 → 1.6.0

package/components/SMSInput/components/SMSInputTooltip.js

@@ -3,7 +3,7 @@ import { useContext as T, useEffect as f } from "react";
 import { SMSInputContext as d } from "../SMSInputContext.js";
 import { ETooltipSize as u, ETooltipAlign as S } from "../../Tooltip/enums.js";
 import { Tooltip as t } from "../../Tooltip/Tooltip.js";
-import { a } from "../../../chunks/vendor-Ba_pyhza.js";
+import { a } from "../../../chunks/vendor-D3hUOusX.js";
 const I = ({
   children: r,
   id: o,

package/components/SegmentedControl/SegmentedControl.js

@@ -2,10 +2,10 @@ import { ESegmentedControlTheme as o, ESegmentedControlType as m } from "./enums
 import { SegmentedControlSegment as y } from "./SegmentedControlSegment.js";
 import { jsx as c } from "react/jsx-runtime";
 import E from "react";
-import { c as b } from "../../chunks/vendor-Ba_pyhza.js";
+import { c as b } from "../../chunks/vendor-D3hUOusX.js";
 import { SegmentedControlContext as R } from "./SegmentedControlContext.js";
 import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
-const h = "segmentedControl__92bc0336", x = "general1__39d67cc0", L = "secondary1__c26891fa", A = "general2__616f869e", M = "secondary2__39f5f0ce", G = "sm__96ba2861", O = "md__94bd2d9b", j = "lg__d92a95ae", e = {
+const h = "segmentedControl__9b1237af", x = "general1__6f6aeb79", L = "secondary1__82a52b8f", A = "general2__726472f3", M = "secondary2__755a4fcf", G = "sm__9ee11eed", O = "md__0f55ac8b", j = "lg__07da9893", e = {
   segmentedControl: h,
   general1: x,
   secondary1: L,
@@ -21,12 +21,12 @@ const h = "segmentedControl__92bc0336", x = "general1__39d67cc0", L = "secondary
   [o.SECONDARY_2]: e.secondary2
 }, z = T(e), D = Object.assign(
   E.forwardRef(
-    ({ children: d, className: l, value: n, theme: g, type: r, size: _, disabled: i, onSelect: t, ...f }, C) => {
+    ({ children: l, className: d, value: n, theme: g, type: r, size: _, disabled: f, onSelect: t, ...i }, C) => {
       const p = b(
         e.segmentedControl,
         v[g],
         z[_],
-        l
+        d
       ), S = ({
         selected: a,
         value: s
@@ -45,10 +45,10 @@ const h = "segmentedControl__92bc0336", x = "general1__39d67cc0", L = "secondary
           value: {
             type: r,
             value: n,
-            disabled: !!i,
+            disabled: !!f,
             onSegmentSelect: S
           },
-          children: /* @__PURE__ */ c("div", { className: p, ...f, "data-tx": "1.4.0", ref: C, children: d })
+          children: /* @__PURE__ */ c("div", { className: p, ...i, "data-tx": "1.6.0", ref: C, children: l })
         }
       );
     }

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -1,10 +1,10 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useContext as x } from "react";
-import { c as L } from "../../chunks/vendor-Ba_pyhza.js";
+import { c as L } from "../../chunks/vendor-D3hUOusX.js";
 import { ButtonBase as N } from "../Button/ButtonBase.js";
 import { ESegmentedControlType as n } from "./enums.js";
 import { SegmentedControlContext as _ } from "./SegmentedControlContext.js";
-const y = "segmentedControlSegment__62bdda84", E = "selected__38b19bb8", I = "content__a3f72550", r = {
+const y = "segmentedControlSegment__a14648e6", E = "selected__ae318106", I = "content__8eb644d4", r = {
   segmentedControlSegment: y,
   selected: E,
   content: I
@@ -29,7 +29,7 @@ const y = "segmentedControlSegment__62bdda84", E = "selected__38b19bb8", I = "co
       case n.MULTIPLE:
         return d.includes(e);
     }
-  })(), b = L(
+  })(), C = L(
     r.segmentedControlSegment,
     { [r.selected]: t },
     "hoverable",
@@ -40,7 +40,7 @@ const y = "segmentedControlSegment__62bdda84", E = "selected__38b19bb8", I = "co
       return c;
     if (typeof s == "string")
       return s;
-  }, C = (u) => {
+  }, u = (b) => {
     switch (m) {
       case n.SINGLE:
         l({ value: e, selected: !0 });
@@ -49,16 +49,16 @@ const y = "segmentedControlSegment__62bdda84", E = "selected__38b19bb8", I = "co
         l({ value: e, selected: !t });
         break;
     }
-    o == null || o(u);
+    o == null || o(b);
   };
   return /* @__PURE__ */ a(
     N,
     {
-      className: b,
+      className: C,
       title: f(),
       disabled: g || p,
       "aria-pressed": t,
-      onClick: C,
+      onClick: u,
       ...S,
       children: /* @__PURE__ */ a("span", { className: r.content, children: s })
     }

package/components/SelectExtendedField/SelectExtendedField.js

@@ -1,57 +1,63 @@
-import { jsx as y, jsxs as O } from "react/jsx-runtime";
-import { useState as T, useRef as u, useCallback as r, useEffect as x } from "react";
-import { isKey as K, EVENT_KEY_CODES as b } from "../../utils/keyboard.js";
-import { KeyDownListener as C } from "../KeyDownListener/KeyDownListener.js";
-import { c as _ } from "../../chunks/vendor-Ba_pyhza.js";
-import { SelectExtendedFieldTarget as j } from "./components/SelectExtendedFieldTarget.js";
-import { SelectExtendedFieldDropdown as k } from "./components/SelectExtendedFieldDropdown.js";
-const v = "SelectExtendedField__1269567f", A = {
-  SelectExtendedField: v
-}, L = (S) => {
-  const { className: w, onKeyDown: n, children: D, renderTarget: F, closeOnTab: f, onClose: o, onOpen: d, ...g } = S, [e, c] = T(!1), l = u(null), m = u(null), E = r((t) => {
-    c(t);
-  }, []), i = r(
-    (t) => {
-      var s, p;
-      e && !((s = l.current) != null && s.contains(t.target)) && !((p = m.current) != null && p.contains(t.target)) && c(!1);
-    },
-    [e]
-  ), a = r(() => {
-    e && c(!1);
-  }, [e]), h = r(
-    (t) => {
-      const s = t.code || t.keyCode;
-      f && K(s, "TAB") && a(), n == null || n(t);
-    },
-    [f, a, n]
-  );
-  return x(() => (document.addEventListener("mousedown", i), () => {
-    document.removeEventListener("mousedown", i);
-  }), [i]), x(() => {
-    e ? d == null || d() : o == null || o();
-  }, [e, d, o]), /* @__PURE__ */ y(C, { onMatch: a, eventKeyCode: b.ESCAPE, children: /* @__PURE__ */ O(
-    "div",
-    {
-      className: _(A.SelectExtendedField, w),
-      onKeyDown: h,
-      ref: l,
-      ...g,
-      children: [
-        F({ opened: e, setOpened: E }),
-        D({
-          dropdownRef: m,
-          opened: e,
-          setOpened: E,
-          targetRef: l
-        })
-      ]
-    }
-  ) });
-}, $ = Object.assign(L, {
-  Target: j,
-  Dropdown: k
-});
+import { jsx as R, jsxs as T } from "react/jsx-runtime";
+import _, { useState as K, useRef as x, useCallback as c, useEffect as S } from "react";
+import { isKey as b, EVENT_KEY_CODES as C } from "../../utils/keyboard.js";
+import { KeyDownListener as N } from "../KeyDownListener/KeyDownListener.js";
+import { c as j } from "../../chunks/vendor-D3hUOusX.js";
+import { SelectExtendedFieldTarget as k } from "./components/SelectExtendedFieldTarget.js";
+import { SelectExtendedFieldDropdown as v } from "./components/SelectExtendedFieldDropdown.js";
+const A = "SelectExtendedField__a11dd787", L = {
+  SelectExtendedField: A
+}, M = Object.assign(
+  _.forwardRef((w, n) => {
+    const { className: y, onKeyDown: o, children: D, renderTarget: F, closeOnTab: m, onClose: d, onOpen: s, ...g } = w, [t, l] = K(!1), i = x(null), u = x(null), h = (e) => {
+      i.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
+    }, p = c((e) => {
+      l(e);
+    }, []), a = c(
+      (e) => {
+        var r, E;
+        t && !((r = i.current) != null && r.contains(e.target)) && !((E = u.current) != null && E.contains(e.target)) && l(!1);
+      },
+      [t]
+    ), f = c(() => {
+      t && l(!1);
+    }, [t]), O = c(
+      (e) => {
+        const r = e.code || e.keyCode;
+        m && b(r, "TAB") && f(), o == null || o(e);
+      },
+      [m, f, o]
+    );
+    return S(() => (document.addEventListener("mousedown", a), () => {
+      document.removeEventListener("mousedown", a);
+    }), [a]), S(() => {
+      t ? s == null || s() : d == null || d();
+    }, [t, s, d]), /* @__PURE__ */ R(N, { onMatch: f, eventKeyCode: C.ESCAPE, children: /* @__PURE__ */ T(
+      "div",
+      {
+        className: j(L.SelectExtendedField, y),
+        onKeyDown: O,
+        ref: h,
+        ...g,
+        children: [
+          F({ opened: t, setOpened: p }),
+          D({
+            dropdownRef: u,
+            opened: t,
+            setOpened: p,
+            targetRef: i
+          })
+        ]
+      }
+    ) });
+  }),
+  {
+    Target: k,
+    Dropdown: v
+  }
+);
+M.displayName = "SelectExtendedField";
 export {
-  $ as SelectExtendedField
+  M as SelectExtendedField
 };
 //# sourceMappingURL=SelectExtendedField.js.map

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -3,7 +3,7 @@ import { Dropdown as m } from "../../Dropdown/Dropdown.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as e } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-D2hzyBGc.js";
+import "../../../chunks/DropdownListItem-DgEkMGvB.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -1,102 +1,116 @@
-import { jsxs as N, jsx as l } from "react/jsx-runtime";
-import L, { useRef as O } from "react";
-import { CaretdownStrokeSrvIcon24 as A } from "@sberbusiness/icons-next";
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import z, { useRef as B } from "react";
+import { CaretdownStrokeSrvIcon24 as k, CaretdownStrokeSrvIcon20 as w, CaretdownStrokeSrvIcon16 as y } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES as n } from "../../../utils/keyboard.js";
-import { LoaderSmall as C } from "../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as y } from "../../Loader/LoaderSmall/enum.js";
+import { LoaderSmall as x } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as S } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { c as E } from "../../../chunks/vendor-Ba_pyhza.js";
-import { FormField as B } from "../../FormField/FormField.js";
+import { c as g } from "../../../chunks/vendor-D3hUOusX.js";
+import { FormField as P } from "../../FormField/FormField.js";
 import "../../FormField/components/FormFieldDescription.js";
 import "../../FormField/components/FormFieldCounter.js";
-import { FormFieldLabel as P } from "../../FormField/components/FormFieldLabel.js";
+import { FormFieldLabel as G } from "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldClear.js";
-import { FormFieldTarget as k } from "../../FormField/components/FormFieldTarget.js";
-import "../../../chunks/FormFieldInput-CO7yZP0Q.js";
+import { FormFieldTarget as W } from "../../FormField/components/FormFieldTarget.js";
+import "../../../chunks/FormFieldInput-BBhoiftf.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
-import { FormFieldPostfix as w } from "../../FormField/components/FormFieldPostfix.js";
-import "../../FormField/components/FormFieldPrefix.js";
+import { FormFieldPostfix as j } from "../../FormField/components/FormFieldPostfix.js";
+import { FormFieldPrefix as K } from "../../FormField/components/FormFieldPrefix.js";
 import "../../FormField/components/FormFieldTextarea.js";
-import { EFormFieldStatus as s } from "../../FormField/enums.js";
-import { EComponentSize as z } from "../../../enums/EComponentSize.js";
-const W = "selectExtendedFieldTarget__08e42c17", j = "caretIcon__cd1cc205", K = "selectOpened__47e6ebed", G = "loading__68ee4945", U = "disabled__b849031d", t = {
-  selectExtendedFieldTarget: W,
-  caretIcon: j,
-  selectOpened: K,
-  loading: G,
-  disabled: U
-}, V = L.forwardRef(
-  (x, a) => {
+import { EFormFieldStatus as c } from "../../FormField/enums.js";
+import { EComponentSize as o } from "../../../enums/EComponentSize.js";
+const v = "selectExtendedFieldTarget__f5f650b2", U = "caretIcon__c13c1d2c", V = "selectOpened__595b0b7a", Y = "loading__2ce5a68c", q = "disabled__12d7c751", t = {
+  selectExtendedFieldTarget: v,
+  caretIcon: U,
+  selectOpened: V,
+  loading: Y,
+  disabled: q
+}, H = {
+  [o.SM]: /* @__PURE__ */ r(y, { paletteIndex: 5, className: t.caretIcon }),
+  [o.MD]: /* @__PURE__ */ r(w, { paletteIndex: 5, className: t.caretIcon }),
+  [o.LG]: /* @__PURE__ */ r(k, { paletteIndex: 5, className: t.caretIcon })
+}, J = {
+  [o.SM]: /* @__PURE__ */ r(x, { size: o.SM, theme: S.BRAND }),
+  [o.MD]: /* @__PURE__ */ r(x, { size: o.MD, theme: S.BRAND }),
+  [o.LG]: /* @__PURE__ */ r(x, { size: o.LG, theme: S.BRAND })
+}, Q = z.forwardRef(
+  (_, i) => {
     const {
-      children: Y,
-      className: g,
-      label: i,
-      placeholder: c,
+      children: X,
+      className: b,
+      label: s,
+      placeholder: E,
       onKeyDown: m,
       onClick: p,
-      opened: o,
-      setOpened: f,
-      loading: r,
-      size: F,
+      opened: a,
+      postfix: I,
+      prefix: D,
+      setOpened: F,
+      loading: l,
+      size: f = o.MD,
       status: d,
-      tabIndex: _,
-      fieldLabel: u,
-      ...b
-    } = x, S = O(null), D = E(
+      tabIndex: h,
+      fieldLabel: N,
+      ...R
+    } = _, T = B(null), L = g(
       t.selectExtendedFieldTarget,
       {
-        [t.selectOpened]: o,
-        [t.loading]: r,
-        [t.disabled]: d === s.DISABLED
+        [t.selectOpened]: a,
+        [t.loading]: l,
+        [t.disabled]: d === c.DISABLED
       },
-      g
-    ), I = () => d === s.DISABLED || r ? -1 : _ || 0, h = (e) => {
-      r && d === s.DISABLED || (f(!o), p == null || p(e));
-    }, R = (e) => {
-      r && d === s.DISABLED || (o || [
+      b
+    ), A = () => d === c.DISABLED || l ? -1 : h || 0, C = (e) => {
+      l && d === c.DISABLED || (F(!a), p == null || p(e));
+    }, M = (e) => {
+      l && d === c.DISABLED || (a || [
         n.SPACE,
         n.ENTER,
         n.ARROW_DOWN,
         n.ARROW_UP
-      ].includes(e.keyCode) && (e.preventDefault(), e.stopPropagation(), f(!o)), m == null || m(e));
-    }, T = (e) => {
-      S.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+      ].includes(e.keyCode) && (e.preventDefault(), e.stopPropagation(), F(!a)), m == null || m(e));
+    }, O = (e) => {
+      T.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
     };
-    return /* @__PURE__ */ N(
-      B,
+    return /* @__PURE__ */ u(
+      P,
       {
-        onClick: h,
-        tabIndex: I(),
-        onKeyDown: R,
+        onClick: C,
+        tabIndex: A(),
+        onKeyDown: M,
         status: d,
-        size: F,
-        className: D,
-        "aria-expanded": o,
+        size: f,
+        className: L,
+        "aria-expanded": a,
         "aria-haspopup": "listbox",
-        "data-tx": "1.4.0",
-        ...b,
+        "data-tx": "1.6.0",
+        ...R,
         children: [
-          /* @__PURE__ */ l(P, { floating: !!i || !!c, children: u }),
-          /* @__PURE__ */ l(
-            k,
+          D ? /* @__PURE__ */ r(K, { children: D }) : null,
+          /* @__PURE__ */ r(G, { children: N }),
+          /* @__PURE__ */ r(
+            W,
             {
-              ref: T,
-              className: E(t.target, {
-                [t.placeholder]: !!c && !i,
-                [t.label]: !!i
+              ref: O,
+              className: g(t.target, {
+                [t.placeholder]: !!E && !s,
+                [t.label]: !!s
               }),
-              placeholder: c,
-              children: i
+              placeholder: E,
+              children: s
             }
           ),
-          /* @__PURE__ */ l(w, { children: r ? /* @__PURE__ */ l(C, { size: z.LG, theme: y.BRAND }) : /* @__PURE__ */ l(A, { paletteIndex: 5, className: t.caretIcon }) })
+          /* @__PURE__ */ u(j, { children: [
+            l ? J[f] : H[f],
+            I || null
+          ] })
         ]
       }
     );
   }
 );
-V.displayName = "SelectExtendedFieldTarget";
+Q.displayName = "SelectExtendedFieldTarget";
 export {
-  V as SelectExtendedFieldTarget
+  Q as SelectExtendedFieldTarget
 };
 //# sourceMappingURL=SelectExtendedFieldTarget.js.map

package/components/SelectField/SelectField.js

@@ -5,7 +5,7 @@ import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault as v } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
 import { DropdownListContext as F } from "../Dropdown/DropdownListContext.js";
-import { a as I } from "../../chunks/vendor-Ba_pyhza.js";
+import { a as I } from "../../chunks/vendor-D3hUOusX.js";
 const C = S.forwardRef((c, t) => {
   const {
     children: L,

package/components/Skeleton/Skeleton.js

@@ -1,19 +1,19 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c } from "../../chunks/vendor-Ba_pyhza.js";
+import { jsx as c } from "react/jsx-runtime";
+import { c as n } from "../../chunks/vendor-D3hUOusX.js";
 import { ESkeletonType as t } from "./enums.js";
-const n = "skeleton__1223599a", r = "light__e32d63c9", k = "dark__9ca8ac63", o = {
-  skeleton: n,
-  light: r,
+const r = "skeleton__609e4654", a = "light__bc878e86", k = "dark__ca29cd69", o = {
+  skeleton: r,
+  light: a,
   dark: k
-}, _ = ({ className: s, type: e = t.DARK, ...l }) => /* @__PURE__ */ a(
+}, _ = ({ className: s, type: e = t.DARK, ...l }) => /* @__PURE__ */ c(
   "div",
   {
-    className: c(o.skeleton, s, {
+    className: n(o.skeleton, s, {
       [o.dark]: e === t.DARK,
       [o.light]: e === t.LIGHT
     }),
     ...l,
-    "data-tx": "1.4.0"
+    "data-tx": "1.6.0"
   }
 );
 export {

package/components/Slider/Slider.js

@@ -0,0 +1,20 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { SliderExtended as r } from "../SliderExtended/SliderExtended.js";
+const x = ({
+  marks: a,
+  onChange: c,
+  step: o = 1,
+  value: i,
+  renderTooltipContent: d,
+  size: h,
+  ...s
+}) => /* @__PURE__ */ n(r, { step: o, size: h, ...s, children: [
+  /* @__PURE__ */ l(r.Rail, {}),
+  /* @__PURE__ */ l(r.Dot, { value: i, onChange: c, children: d && /* @__PURE__ */ l(r.Tooltip, { value: i, children: d(i) }) }),
+  /* @__PURE__ */ l(r.Track, {}),
+  /* @__PURE__ */ l(r.Marks, { children: a.map((e) => /* @__PURE__ */ l(r.Mark, { value: e.value, children: e.label }, e.value)) })
+] });
+export {
+  x as Slider
+};
+//# sourceMappingURL=Slider.js.map

package/components/Slider/index.js

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

package/components/SliderExtended/SliderExtended.js

@@ -0,0 +1,102 @@
+import { jsx as S } from "react/jsx-runtime";
+import { useState as a, useLayoutEffect as b } from "react";
+import { c as C, l as O } from "../../chunks/vendor-D3hUOusX.js";
+import { SliderExtendedDot as R } from "./components/SliderExtendedDot/SliderExtendedDot.js";
+import { SliderExtendedMarks as j } from "./components/SliderExtendedMarks/SliderExtendedMarks.js";
+import { SliderExtendedMark as H } from "./components/SliderExtendedMarks/SliderExtendedMark.js";
+import { s as c, S as F } from "../../chunks/SliderExtendedRail-BmH-0W3L.js";
+import { SliderExtendedTrack as I } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
+import { SliderExtendedContext as L } from "./SliderExtendedContext.js";
+import { SliderExtendedUtils as x } from "./SliderExtendedUtils.js";
+import { SliderExtendedTooltip as P } from "./components/SliderExtendedTooltip/SliderExtendedTooltip.js";
+import { createSizeToClassNameMap as U } from "../../utils/classNameMaps.js";
+const q = U(c), w = ({
+  children: E,
+  disabled: m,
+  max: s,
+  min: d,
+  reverse: D = !1,
+  step: l,
+  size: p,
+  ...g
+}) => {
+  const [k, i] = a([]), [v, N] = a(!1), [T, M] = a(!1), [z, h] = a(null), [f, u] = a([]), y = (r) => {
+    i((e) => {
+      const t = [...e];
+      return t.push(r), t;
+    });
+  }, B = (r) => {
+    i((e) => [...e.filter((t) => t.id !== r)]);
+  }, V = (r) => {
+    i((e) => {
+      const t = [...e];
+      return t.some((n) => {
+        if (n.id === r.id)
+          return n = Object.assign(n, r), !0;
+      }), t;
+    });
+  };
+  return b(() => {
+    (() => {
+      if (typeof l == "number") {
+        const e = [...O.range(d, s, l), s];
+        u(
+          e.map((t) => ({
+            normalizedValue: x.getNormalizedValue({ max: s, min: d, value: t }),
+            value: t
+          }))
+        );
+      } else
+        u(
+          l.map((e) => ({
+            normalizedValue: x.getNormalizedValue({ max: s, min: d, value: e }),
+            value: e
+          }))
+        );
+    })();
+  }, [d, s, l]), f.length ? /* @__PURE__ */ S(
+    L.Provider,
+    {
+      value: {
+        addDot: y,
+        disabled: !!m,
+        dots: k,
+        focused: v,
+        isHoverOrDragTrack: T,
+        max: s,
+        min: d,
+        railNode: z,
+        removeDot: B,
+        reverse: !!D,
+        setFocused: N,
+        setIsHoverOrDragTrack: M,
+        setRailNode: h,
+        steps: f,
+        updateDot: V,
+        size: p
+      },
+      children: /* @__PURE__ */ S(
+        "div",
+        {
+          className: C(c.sliderExtended, q[p], {
+            [c.disabled]: !!m
+          }),
+          ...g,
+          "data-tx": "1.6.0",
+          children: E
+        }
+      )
+    }
+  ) : null;
+}, o = w;
+o.displayName = "SliderExtended";
+o.Dot = R;
+o.Mark = H;
+o.Marks = j;
+o.Rail = F;
+o.Track = I;
+o.Tooltip = P;
+export {
+  o as SliderExtended
+};
+//# sourceMappingURL=SliderExtended.js.map

package/components/SliderExtended/SliderExtendedContext.js

@@ -0,0 +1,30 @@
+import e from "react";
+import { EComponentSize as t } from "../../enums/EComponentSize.js";
+const o = {
+  addDot: () => {
+  },
+  disabled: !1,
+  dots: [],
+  focused: !1,
+  isHoverOrDragTrack: !1,
+  max: 0,
+  min: 0,
+  railNode: null,
+  removeDot: () => {
+  },
+  reverse: !1,
+  setFocused: () => {
+  },
+  setIsHoverOrDragTrack: () => {
+  },
+  setRailNode: () => {
+  },
+  steps: [],
+  updateDot: () => {
+  },
+  size: t.MD
+}, a = e.createContext(o);
+export {
+  a as SliderExtendedContext
+};
+//# sourceMappingURL=SliderExtendedContext.js.map

package/components/SliderExtended/SliderExtendedUtils.js

@@ -0,0 +1,32 @@
+const i = {
+  getNearestDotByValue: ({ value: a, dots: e }) => {
+    let t = e[0], l = 1 / 0;
+    return e.forEach((n) => {
+      const r = Math.abs(n.value - a);
+      r < l && (l = r, t = n);
+    }), t;
+  },
+  getNearestStep: ({ normalizedValue: a, steps: e }) => {
+    let t = e[0], l = 100;
+    return e.forEach((n) => {
+      const r = Math.abs(a - n.normalizedValue);
+      r < l && (l = r, t = n);
+    }), t;
+  },
+  getNormalizedCursorValue: ({ cursorXPosition: a, railNode: e }) => (a - e.getBoundingClientRect().left) * 100 / e.offsetWidth,
+  getNormalizedValue: ({ max: a, min: e, value: t }) => {
+    const l = a - e, r = (t - e) * 100 / l;
+    return Math.min(100, Math.max(0, r));
+  },
+  getStepIndexByNormalizedValue: ({ normalizedValue: a, steps: e }) => {
+    let t = 0;
+    return e.some((l, n) => {
+      if (l.normalizedValue === a)
+        return t = n, !0;
+    }), t;
+  }
+};
+export {
+  i as SliderExtendedUtils
+};
+//# sourceMappingURL=SliderExtendedUtils.js.map