@sberbusiness/triplex-next 1.12.0 → 1.13.0

package/components/SegmentedControl/SegmentedControl.js

@@ -5,7 +5,7 @@ import E from "react";
 import { c as b } from "../../chunks/vendor-CwhnMZ7o.js";
 import { SegmentedControlContext as R } from "./SegmentedControlContext.js";
 import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
-const h = "segmentedControl__7fdb6161", x = "general1__db93235c", L = "secondary1__45d1c8c7", A = "general2__654c2e42", M = "secondary2__9066649b", G = "sm__00509e76", O = "md__54caf1ee", j = "lg__b614f362", e = {
+const h = "segmentedControl__486cedb7", x = "general1__54027c45", L = "secondary1__93d0926d", A = "general2__cebb7dc7", M = "secondary2__ea6e8531", G = "sm__34099e53", O = "md__b84b96a5", j = "lg__b79e06f1", e = {
   segmentedControl: h,
   general1: x,
   secondary1: L,
@@ -21,7 +21,7 @@ const h = "segmentedControl__7fdb6161", x = "general1__db93235c", 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: d, className: l, value: n, theme: g, type: r, size: _, disabled: i, onSelect: t, ...C }, f) => {
       const p = b(
         e.segmentedControl,
         v[g],
@@ -48,7 +48,7 @@ const h = "segmentedControl__7fdb6161", x = "general1__db93235c", L = "secondary
             disabled: !!i,
             onSegmentSelect: S
           },
-          children: /* @__PURE__ */ c("div", { className: p, ...f, "data-tx": "1.12.0", ref: C, children: d })
+          children: /* @__PURE__ */ c("div", { className: p, ...C, "data-tx": "1.13.0", ref: f, children: d })
         }
       );
     }

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -4,7 +4,7 @@ import { c as L } from "../../chunks/vendor-CwhnMZ7o.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__c5b5386e", E = "selected__98f07cde", I = "content__0e632fca", r = {
+const y = "segmentedControlSegment__83701bed", E = "selected__c229bff9", I = "content__6e789fef", r = {
   segmentedControlSegment: y,
   selected: E,
   content: I
@@ -20,7 +20,7 @@ const y = "segmentedControlSegment__c5b5386e", E = "selected__98f07cde", I = "co
   const {
     type: m,
     value: d,
-    disabled: p,
+    disabled: f,
     onSegmentSelect: l
   } = x(_), t = (() => {
     switch (m) {
@@ -29,7 +29,7 @@ const y = "segmentedControlSegment__c5b5386e", E = "selected__98f07cde", I = "co
       case n.MULTIPLE:
         return d.includes(e);
     }
-  })(), f = L(
+  })(), p = L(
     r.segmentedControlSegment,
     { [r.selected]: t },
     "hoverable",
@@ -40,7 +40,7 @@ const y = "segmentedControlSegment__c5b5386e", E = "selected__98f07cde", I = "co
       return c;
     if (typeof s == "string")
       return s;
-  }, u = (b) => {
+  }, b = (u) => {
     switch (m) {
       case n.SINGLE:
         l({ value: e, selected: !0 });
@@ -49,16 +49,16 @@ const y = "segmentedControlSegment__c5b5386e", E = "selected__98f07cde", I = "co
         l({ value: e, selected: !t });
         break;
     }
-    o == null || o(b);
+    o == null || o(u);
   };
   return /* @__PURE__ */ a(
     N,
     {
-      className: f,
+      className: p,
       title: C(),
-      disabled: g || p,
+      disabled: g || f,
       "aria-pressed": t,
-      onClick: u,
+      onClick: b,
       ...S,
       children: /* @__PURE__ */ a("span", { className: r.content, children: s })
     }

package/components/SelectExtendedField/SelectExtendedField.js

@@ -1,15 +1,15 @@
-import { jsx as R, jsxs as T } from "react/jsx-runtime";
-import _, { useState as K, useRef as x, useCallback as c, useEffect as w } from "react";
-import { isKey as b, EVENT_KEY_CODES as C } from "../../utils/keyboard.js";
+import { jsx as O, jsxs as R } from "react/jsx-runtime";
+import T, { useState as _, useRef as x, useCallback as c, useEffect as w } from "react";
+import { isKey as K, EVENT_KEY_CODES as C } from "../../utils/keyboard.js";
 import { KeyDownListener as N } from "../KeyDownListener/KeyDownListener.js";
 import { c as j } from "../../chunks/vendor-CwhnMZ7o.js";
 import { SelectExtendedFieldTarget as k } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown as v } from "./components/SelectExtendedFieldDropdown.js";
-const A = "selectExtendedField__8d2ca349", L = {
+const A = "selectExtendedField__b7afd60b", L = {
   selectExtendedField: A
 }, M = Object.assign(
-  _.forwardRef((y, n) => {
-    const { className: D, onKeyDown: o, children: F, renderTarget: S, closeOnTab: m, onClose: d, onOpen: s, ...g } = y, [t, l] = K(!1), i = x(null), u = x(null), h = (e) => {
+  T.forwardRef((y, n) => {
+    const { className: D, onKeyDown: o, children: F, renderTarget: S, closeOnTab: m, onClose: d, onOpen: s, ...g } = y, [t, l] = _(!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);
@@ -21,10 +21,10 @@ const A = "selectExtendedField__8d2ca349", L = {
       [t]
     ), f = c(() => {
       t && l(!1);
-    }, [t]), O = c(
+    }, [t]), b = c(
       (e) => {
         const r = e.code || e.keyCode;
-        m && b(r, "TAB") && f(), o == null || o(e);
+        m && K(r, "TAB") && f(), o == null || o(e);
       },
       [m, f, o]
     );
@@ -32,11 +32,11 @@ const A = "selectExtendedField__8d2ca349", L = {
       document.removeEventListener("mousedown", a);
     }), [a]), w(() => {
       t ? s == null || s() : d == null || d();
-    }, [t, s, d]), /* @__PURE__ */ R(N, { onMatch: f, eventKeyCode: C.ESCAPE, children: /* @__PURE__ */ T(
+    }, [t, s, d]), /* @__PURE__ */ O(N, { onMatch: f, eventKeyCode: C.ESCAPE, children: /* @__PURE__ */ R(
       "div",
       {
         className: j(L.selectExtendedField, D),
-        onKeyDown: O,
+        onKeyDown: b,
         ref: h,
         ...g,
         children: [

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-Dd97YDii.js";
+import "../../../chunks/DropdownListItem-D52nAe3Z.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -1,107 +1,115 @@
-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 { jsx as o, jsxs as b } from "react/jsx-runtime";
+import M, { useRef as O } from "react";
+import { CaretdownStrokeSrvIcon24 as z, CaretdownStrokeSrvIcon20 as B, CaretdownStrokeSrvIcon16 as W } from "@sberbusiness/icons-next";
+import { EVENT_KEY_CODES as c } from "../../../utils/keyboard.js";
 import { LoaderSmall as x } from "../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as S } from "../../Loader/LoaderSmall/enum.js";
+import { ELoaderSmallTheme as D } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { c as b } from "../../../chunks/vendor-CwhnMZ7o.js";
-import { FormField as P } from "../../FormField/FormField.js";
+import { c as n } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { FormField as k } from "../../FormField/FormField.js";
 import "../../FormField/components/FormFieldDescription.js";
 import "../../FormField/components/FormFieldCounter.js";
-import { FormFieldLabel as G } from "../../FormField/components/FormFieldLabel.js";
+import { FormFieldLabel as v } from "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldClear.js";
-import { FormFieldTarget as W } from "../../FormField/components/FormFieldTarget.js";
-import "../../../chunks/FormFieldInput-CkbWg1jd.js";
+import { FormFieldTarget as w } from "../../FormField/components/FormFieldTarget.js";
+import "../../../chunks/FormFieldInput-GtoWWQRE.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
-import { FormFieldPostfix as j } from "../../FormField/components/FormFieldPostfix.js";
-import { FormFieldPrefix as K } from "../../FormField/components/FormFieldPrefix.js";
+import { FormFieldPostfix as y } from "../../FormField/components/FormFieldPostfix.js";
+import { FormFieldPrefix as P } from "../../FormField/components/FormFieldPrefix.js";
 import "../../FormField/components/FormFieldTextarea.js";
-import { EFormFieldStatus as s } from "../../FormField/enums.js";
-import { EComponentSize as o } from "../../../enums/EComponentSize.js";
-const v = "selectExtendedFieldTarget__1f8c6d8d", U = "caretIcon__b60f2526", V = "selectOpened__548b62aa", Y = "loading__baf7607c", q = "disabled__b8615a74", 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(
-  (g, i) => {
+import { EFormFieldStatus as d } from "../../FormField/enums.js";
+import { EComponentSize as r } from "../../../enums/EComponentSize.js";
+const G = "selectExtendedFieldTarget__a1232078", j = "caretWrapper__60f28a8d", K = "caretIcon__db6bea0c", U = "selectOpened__212235c8", V = "disabled__dc177b40", e = {
+  selectExtendedFieldTarget: G,
+  caretWrapper: j,
+  caretIcon: K,
+  selectOpened: U,
+  disabled: V
+}, Y = {
+  [r.SM]: /* @__PURE__ */ o(W, { paletteIndex: 5, className: e.caretIcon }),
+  [r.MD]: /* @__PURE__ */ o(B, { paletteIndex: 5, className: e.caretIcon }),
+  [r.LG]: /* @__PURE__ */ o(z, { paletteIndex: 5, className: e.caretIcon })
+}, q = {
+  [r.SM]: /* @__PURE__ */ o(x, { size: r.SM, theme: D.BRAND }),
+  [r.MD]: /* @__PURE__ */ o(x, { size: r.MD, theme: D.BRAND }),
+  [r.LG]: /* @__PURE__ */ o(x, { size: r.LG, theme: D.BRAND })
+}, H = M.forwardRef(
+  (u, i) => {
     const {
-      children: X,
-      className: _,
-      label: c,
+      children: J,
+      className: N,
+      label: m,
       placeholder: E,
-      onKeyDown: m,
-      onClick: p,
+      onKeyDown: p,
+      onClick: f,
       opened: a,
       postfix: I,
-      prefix: D,
+      prefix: h,
       setOpened: F,
-      loading: l,
-      size: f = o.MD,
-      status: d,
-      tabIndex: h,
-      fieldLabel: N,
-      ...R
-    } = g, T = B(null), L = b(
-      t.selectExtendedFieldTarget,
+      loading: s,
+      size: S = r.MD,
+      status: l,
+      tabIndex: Q,
+      fieldLabel: _,
+      ...L
+    } = u, R = O(null), g = n(
+      e.selectExtendedFieldTarget,
       {
-        [t.selectOpened]: a,
-        [t.loading]: l,
-        [t.disabled]: d === s.DISABLED
+        [e.selectOpened]: a,
+        [e.loading]: s,
+        [e.disabled]: l === d.DISABLED
       },
-      _
-    ), A = () => d === s.DISABLED || l ? -1 : h || 0, C = (e) => {
-      l && d === s.DISABLED || (F(!a), p == null || p(e));
-    }, M = (e) => {
-      l && d === s.DISABLED || (a || [
-        n.SPACE,
-        n.ENTER,
-        n.ARROW_DOWN,
-        n.ARROW_UP
-      ].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);
+      N
+    ), T = (t) => {
+      s && l === d.DISABLED || (F(!a), f == null || f(t));
+    }, A = (t) => {
+      s && l === d.DISABLED || (a || [
+        c.SPACE,
+        c.ENTER,
+        c.ARROW_DOWN,
+        c.ARROW_UP
+      ].includes(t.keyCode) && (t.preventDefault(), t.stopPropagation(), F(!a)), p == null || p(t));
+    }, C = (t) => {
+      R.current = t, typeof i == "function" ? i(t) : i && (i.current = t);
     };
-    return /* @__PURE__ */ u(
-      P,
+    return /* @__PURE__ */ b(
+      k,
       {
-        onClick: C,
-        tabIndex: A(),
-        onKeyDown: M,
-        status: d,
-        size: f,
-        className: L,
+        onClick: T,
+        onKeyDown: A,
+        status: l,
+        size: S,
+        className: g,
         "aria-expanded": a,
         "aria-haspopup": "listbox",
-        "data-tx": "1.12.0",
-        ...R,
+        "data-tx": "1.13.0",
+        ...L,
         children: [
-          D ? /* @__PURE__ */ r(K, { children: D }) : null,
-          /* @__PURE__ */ r(G, { children: N }),
-          /* @__PURE__ */ r(
-            W,
+          h ? /* @__PURE__ */ o(P, { className: n("hoverable", { disabled: l === d.DISABLED }), children: h }) : null,
+          /* @__PURE__ */ o(v, { children: _ }),
+          /* @__PURE__ */ o(
+            w,
             {
-              ref: O,
-              className: b(t.target, {
-                [t.placeholder]: !!E && !c,
-                [t.label]: !!c
+              ref: C,
+              className: n(e.target, {
+                [e.placeholder]: !!E && !m,
+                [e.label]: !!m
               }),
               placeholder: E,
-              children: c
+              children: m
             }
           ),
-          /* @__PURE__ */ u(j, { children: [
-            l ? J[f] : H[f],
+          /* @__PURE__ */ b(y, { children: [
+            /* @__PURE__ */ o(
+              "div",
+              {
+                className: n(e.caretWrapper, "hoverable", {
+                  active: a,
+                  disabled: l === d.DISABLED
+                }),
+                children: s ? q[S] : Y[S]
+              }
+            ),
             I || null
           ] })
         ]
@@ -109,8 +117,8 @@ const v = "selectExtendedFieldTarget__1f8c6d8d", U = "caretIcon__b60f2526", V =
     );
   }
 );
-Q.displayName = "SelectExtendedFieldTarget";
+H.displayName = "SelectExtendedFieldTarget";
 export {
-  Q as SelectExtendedFieldTarget
+  H as SelectExtendedFieldTarget
 };
 //# sourceMappingURL=SelectExtendedFieldTarget.js.map

package/components/Skeleton/Skeleton.js

@@ -1,19 +1,19 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import { c as n } from "../../chunks/vendor-CwhnMZ7o.js";
 import { ESkeletonType as t } from "./enums.js";
-const r = "skeleton__af3c490e", k = "light__a4be02de", c = "dark__849f7896", e = {
+const r = "skeleton__146b4e07", a = "light__96afc27d", k = "dark__c1353bc1", o = {
   skeleton: r,
-  light: k,
-  dark: c
-}, _ = ({ className: s, type: o = t.DARK, ...l }) => /* @__PURE__ */ a(
+  light: a,
+  dark: k
+}, _ = ({ className: s, type: e = t.DARK, ...l }) => /* @__PURE__ */ c(
   "div",
   {
-    className: n(e.skeleton, s, {
-      [e.dark]: o === t.DARK,
-      [e.light]: o === t.LIGHT
+    className: n(o.skeleton, s, {
+      [o.dark]: e === t.DARK,
+      [o.light]: e === t.LIGHT
     }),
     ...l,
-    "data-tx": "1.12.0"
+    "data-tx": "1.13.0"
   }
 );
 export {

package/components/SliderExtended/SliderExtended.js

@@ -4,7 +4,7 @@ import { c as C, l as O } from "../../chunks/vendor-CwhnMZ7o.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-BGydR8-k.js";
+import { s as c, S as F } from "../../chunks/SliderExtendedRail-D96vBE1q.js";
 import { SliderExtendedTrack as I } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
 import { SliderExtendedContext as L } from "./SliderExtendedContext.js";
 import { SliderExtendedUtils as x } from "./SliderExtendedUtils.js";
@@ -82,7 +82,7 @@ const q = U(c), w = ({
             [c.disabled]: !!m
           }),
           ...g,
-          "data-tx": "1.12.0",
+          "data-tx": "1.13.0",
           children: E
         }
       )

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

@@ -1,21 +1,21 @@
-import { jsxs as b, Fragment as B, jsx as m } from "react/jsx-runtime";
+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-CwhnMZ7o.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 fe } from "./useSliderExtendedDotTabIndex.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 me } from "../../../../utils/classNameMaps.js";
-const pe = "sliderExtendedDot__a9188f4d", xe = "focusedByClick__1d637403", he = "disabled__f2def188", ge = "dragByMouse__ec6070fb", De = "lg__99861fda", i = {
+import { createSizeToClassNameMap as fe } from "../../../../utils/classNameMaps.js";
+const pe = "sliderExtendedDot__4470579b", xe = "focusedByClick__f1476cb6", he = "disabled__72603029", ge = "dragByMouse__798736e3", De = "lg__68352028", i = {
   sliderExtendedDot: pe,
   focusedByClick: xe,
   disabled: he,
   dragByMouse: ge,
   lg: De
-}, Ee = me(i), ye = ({
+}, Ee = fe(i), ye = ({
   children: K,
   className: P,
   onBlur: x,
@@ -34,14 +34,14 @@ const pe = "sliderExtendedDot__a9188f4d", xe = "focusedByClick__1d637403", he =
     isHoverOrDragTrack: w,
     max: c,
     min: u,
-    railNode: f,
+    railNode: m,
     removeDot: q,
     reverse: v,
     setFocused: V,
     steps: s,
     updateDot: G,
     size: Y
-  } = re(ce), $ = fe(_, l, z, y), C = le(null);
+  } = re(ce), $ = me(_, l, z, y), C = le(null);
   L(() => () => q(l), []), ae(() => {
     const e = o.getNormalizedValue({ max: c, min: u, value: d });
     j({
@@ -67,10 +67,10 @@ const pe = "sliderExtendedDot__a9188f4d", xe = "focusedByClick__1d637403", he =
   const J = (e) => (t) => {
     E(!0), n(!0), document.addEventListener("mouseup", R), e(t), g == null || g(t);
   }, Q = (e) => {
-    if (f) {
+    if (m) {
       let t = o.getNormalizedCursorValue({
         cursorXPosition: e.clientX,
-        railNode: f
+        railNode: m
       });
       v && (t = 100 - t);
       const S = o.getNearestStep({ normalizedValue: t, steps: s });
@@ -81,10 +81,10 @@ const pe = "sliderExtendedDot__a9188f4d", xe = "focusedByClick__1d637403", he =
   }, Z = (e) => (t) => {
     t.touches.length == 1 && (E(!0), n(!0), document.addEventListener("touchend", T), e(t), D == null || D(t));
   }, ee = (e) => {
-    if (e.touches.length == 1 && (e.cancelable && e.preventDefault(), f)) {
+    if (e.touches.length == 1 && (e.cancelable && e.preventDefault(), m)) {
       let t = o.getNormalizedCursorValue({
         cursorXPosition: e.touches[0].clientX,
-        railNode: f
+        railNode: m
       });
       v && (t = 100 - t);
       const S = o.getNearestStep({ normalizedValue: t, steps: s });
@@ -92,25 +92,25 @@ const pe = "sliderExtendedDot__a9188f4d", xe = "focusedByClick__1d637403", he =
     }
   }, T = (e) => {
     e.cancelable && e.preventDefault(), n(!1), document.removeEventListener("touchend", T);
-  }, I = () => z.filter((e) => e.id === l)[0], te = (e) => {
-    e.preventDefault(), O.moveToPrevStep(I(), s);
+  }, b = () => z.filter((e) => e.id === l)[0], te = (e) => {
+    e.preventDefault(), O.moveToPrevStep(b(), s);
   }, oe = (e) => {
-    e.preventDefault(), O.moveToNextStep(I(), s);
+    e.preventDefault(), O.moveToNextStep(b(), 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__ */ b(B, { children: [
-    W && /* @__PURE__ */ b(B, { children: [
-      /* @__PURE__ */ m(
+  return /* @__PURE__ */ I(B, { children: [
+    W && /* @__PURE__ */ I(B, { children: [
+      /* @__PURE__ */ f(
         F,
         {
           onMatch: te,
           eventKeyCode: [p.ARROW_LEFT, p.ARROW_DOWN]
         }
       ),
-      /* @__PURE__ */ m(
+      /* @__PURE__ */ f(
         F,
         {
           onMatch: oe,
@@ -118,13 +118,13 @@ const pe = "sliderExtendedDot__a9188f4d", xe = "focusedByClick__1d637403", he =
         }
       )
     ] }),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ f(
       ue,
       {
         onMouseMove: k.throttle(Q, 50),
         onTouchMove: k.throttle(ee),
         targetRef: C,
-        children: ({ onTargetMouseDown: e, onTargetTouchStart: t }) => /* @__PURE__ */ m(
+        children: ({ onTargetMouseDown: e, onTargetTouchStart: t }) => /* @__PURE__ */ f(
           "span",
           {
             tabIndex: $,

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

@@ -3,7 +3,7 @@ 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-CwhnMZ7o.js";
-import { s as e } from "../../../../chunks/SliderExtendedMarks.module-gx4fpmmQ.js";
+import { s as e } from "../../../../chunks/SliderExtendedMarks.module-BGXnGEBx.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";

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

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { c as d } from "../../../../chunks/vendor-CwhnMZ7o.js";
-import { s as a } from "../../../../chunks/SliderExtendedMarks.module-gx4fpmmQ.js";
+import { s as a } from "../../../../chunks/SliderExtendedMarks.module-BGXnGEBx.js";
 const t = ({ className: s, ...e }) => /* @__PURE__ */ r("div", { className: d(a.sliderExtendedMarks, s), ...e });
 t.displayName = "SliderExtendedMarks";
 export {

package/components/SliderExtended/components/SliderExtendedRail.js

@@ -3,7 +3,7 @@ import "react";
 import "../SliderExtendedContext.js";
 import "../SliderExtendedUtils.js";
 import "../../../chunks/vendor-CwhnMZ7o.js";
-import { S as d } from "../../../chunks/SliderExtendedRail-BGydR8-k.js";
+import { S as d } from "../../../chunks/SliderExtendedRail-D96vBE1q.js";
 export {
   d as SliderExtendedRail
 };

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

@@ -3,28 +3,28 @@ import r from "react";
 import { SliderExtendedContext as _ } from "../../SliderExtendedContext.js";
 import { c as e } from "../../../../chunks/vendor-CwhnMZ7o.js";
 import { createSizeToClassNameMap as v } from "../../../../utils/classNameMaps.js";
-const E = "sliderExtendedTooltipOverlay__b4169f36", C = "lg__99861fda", N = "tooltipBody__b14d6fb2", O = "tooltipTip__99f2ae8e", t = {
+const E = "sliderExtendedTooltipOverlay__bf020a88", C = "lg__68352028", N = "tooltipBody__796fa504", O = "tooltipTip__cda06f71", t = {
   sliderExtendedTooltipOverlay: E,
   lg: C,
   tooltipBody: N,
   tooltipTip: O
-}, h = v(t), R = ({
+}, h = v(t), W = ({
   value: i,
   children: d,
   ...c
 }) => {
-  const o = r.useRef(null), { min: l, max: p, size: a } = r.useContext(_), f = () => {
+  const o = r.useRef(null), { min: l, max: a, size: p } = r.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);
+    const m = 8, x = 16, T = ((s = o.current) == null ? void 0 : s.clientWidth) || 0, u = (i - l) / (a - l);
     return (T / 2 - m - x) * (1 - 2 * u);
   };
   return /* @__PURE__ */ y(
     "div",
     {
       ref: o,
-      className: e(t.sliderExtendedTooltipOverlay, h[a]),
+      className: e(t.sliderExtendedTooltipOverlay, h[p]),
       ...c,
       children: [
         /* @__PURE__ */ n("div", { className: e(t.tooltipBody), style: { left: `${f()}px` }, children: d }),
@@ -34,6 +34,6 @@ const E = "sliderExtendedTooltipOverlay__b4169f36", C = "lg__99861fda", N = "too
   );
 };
 export {
-  R as SliderExtendedTooltip
+  W as SliderExtendedTooltip
 };
 //# sourceMappingURL=SliderExtendedTooltip.js.map