@sberbusiness/triplex-next 0.21.0 → 0.23.0

package/components/SelectExtendedField/SelectExtendedField.js

@@ -2,10 +2,10 @@ import { jsx as R, jsxs as T } from "react/jsx-runtime";
 import b, { useState as K, useRef as x, useCallback as c, useEffect as w } from "react";
 import { isKey as C, EVENT_KEY_CODES as N } from "../../utils/keyboard.js";
 import { KeyDownListener as _ } from "../KeyDownListener/KeyDownListener.js";
-import { c as j } from "../../chunks/vendor-DaOifQgP.js";
+import { c as j } from "../../chunks/vendor---Om3uMV.js";
 import { SelectExtendedFieldTarget as k } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown as v } from "./components/SelectExtendedFieldDropdown.js";
-const A = "selectExtendedField__bc3eafc3", L = {
+const A = "selectExtendedField__fbd90526", L = {
   selectExtendedField: A
 }, M = Object.assign(
   b.forwardRef((y, n) => {

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

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

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -1,84 +1,91 @@
-import { jsx as e, jsxs as M, Fragment as S } from "react/jsx-runtime";
-import { createElement as w } from "react";
-import { SelectExtendedField as m } from "../SelectExtendedField.js";
+import { jsx as o, jsxs as M, Fragment as S } from "react/jsx-runtime";
+import { createElement as f } from "react";
+import { SelectExtendedField as d } from "../SelectExtendedField.js";
+import "../../Dropdown/DropdownListContext.js";
+import "../../Dropdown/desktop/DropdownDesktop.js";
+import "../../Dropdown/desktop/DropdownList.js";
+import "../../../chunks/DropdownListItem-C4JE2xV7.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as y } from "../../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as E } from "../../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody as E } from "../../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as k } from "../../Dropdown/mobile/DropdownMobileClose.js";
 import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as k } from "../../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader as y } from "../../Dropdown/mobile/DropdownMobileHeader.js";
 import "../../Dropdown/mobile/DropdownMobileInner.js";
 import "../../Dropdown/mobile/DropdownMobileInput.js";
 import { DropdownMobileList as B } from "../../Dropdown/mobile/DropdownMobileList.js";
 import { DropdownMobileListItem as F } from "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { Text as L } from "../../Typography/Text.js";
-import { ETextSize as j } from "../../Typography/enums.js";
-const Q = ({
-  dropdownRef: D,
-  dropdownListItemClassName: l,
-  fixedWidth: n,
+import "../../Dropdown/Dropdown.js";
+import { ETextSize as L } from "../../Typography/enums.js";
+import "../../Typography/Caption.js";
+import { Text as j } from "../../Typography/Text.js";
+import "../../Typography/Title.js";
+const $ = ({
+  dropdownRef: w,
+  dropdownListItemClassName: p,
+  width: D,
   loading: b,
   listId: h,
   mobileTitle: x,
-  onChange: c,
-  opened: p,
-  size: f,
+  onChange: l,
+  opened: c,
+  size: n,
   options: s,
-  setOpened: i,
+  setOpened: e,
   targetRef: a,
-  value: o
-}) => /* @__PURE__ */ e(
-  m.Dropdown,
+  value: i
+}) => /* @__PURE__ */ o(
+  d.Dropdown,
   {
-    opened: p && !b,
-    forwardedRef: D,
-    fixedWidth: typeof n > "u" ? !0 : n,
-    setOpened: i,
+    opened: c && !b,
+    forwardedRef: w,
+    width: D,
+    setOpened: e,
     targetRef: a,
-    size: f,
+    size: n,
     mobileViewProps: {
       children: /* @__PURE__ */ M(S, { children: [
-        /* @__PURE__ */ e(k, { controlButtons: /* @__PURE__ */ e(E, { onClick: () => i(!1) }), children: /* @__PURE__ */ e(L, { tag: "div", size: j.B3, children: x }) }),
-        /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(B, { children: s.map((r) => {
-          const { label: d, ...t } = r;
-          return /* @__PURE__ */ w(
+        /* @__PURE__ */ o(y, { controlButtons: /* @__PURE__ */ o(k, { onClick: () => e(!1) }), children: /* @__PURE__ */ o(j, { tag: "div", size: L.B3, children: x }) }),
+        /* @__PURE__ */ o(E, { children: /* @__PURE__ */ o(B, { children: s.map((r) => {
+          const { label: t, ...m } = r;
+          return /* @__PURE__ */ f(
             F,
             {
-              ...t,
-              className: l,
+              ...m,
+              className: p,
               id: r.id,
               key: r.id,
-              selected: r.id === (o == null ? void 0 : o.id),
+              selected: r.id === (i == null ? void 0 : i.id),
               onSelect: () => {
-                c(r), i(!1);
+                l(r), e(!1);
               }
             },
-            d
+            t
           );
         }) }) })
       ] })
     },
-    children: /* @__PURE__ */ e(m.Dropdown.List, { id: h, dropdownOpened: p, size: f, children: s.map((r) => {
-      const { label: d, ...t } = r;
-      return /* @__PURE__ */ w(
-        m.Dropdown.List.Item,
+    children: /* @__PURE__ */ o(d.Dropdown.List, { id: h, dropdownOpened: c, size: n, children: s.map((r) => {
+      const { label: t, ...m } = r;
+      return /* @__PURE__ */ f(
+        d.Dropdown.List.Item,
         {
-          ...t,
-          className: l,
+          ...m,
+          className: p,
           id: r.id,
           key: r.id,
-          selected: r.id === (o == null ? void 0 : o.id),
+          selected: r.id === (i == null ? void 0 : i.id),
           onSelect: () => {
-            c(r), i(!1);
+            l(r), e(!1);
           }
         },
-        d
+        t
       );
     }) })
   }
 );
 export {
-  Q as SelectExtendedFieldDropdownDefault
+  $ as SelectExtendedFieldDropdownDefault
 };
 //# sourceMappingURL=SelectExtendedFieldDropdownDefault.js.map

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -5,21 +5,21 @@ import { EVENT_KEY_CODES as s } from "../../../utils/keyboard.js";
 import { LoaderSmall as x } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as D } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { c as n } from "../../../chunks/vendor-DaOifQgP.js";
-import { FormField as v } from "../../FormField/FormField.js";
-import "../../FormField/components/FormFieldDescription.js";
+import { c as n } from "../../../chunks/vendor---Om3uMV.js";
+import { EFormFieldStatus as d } from "../../FormField/enums.js";
+import { FormFieldClear as v } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
+import "../../FormField/components/FormFieldDescription.js";
+import "../../../chunks/FormFieldInput-Dr_WBweC.js";
 import { FormFieldLabel as w } from "../../FormField/components/FormFieldLabel.js";
-import { FormFieldClear as y } from "../../FormField/components/FormFieldClear.js";
-import { FormFieldTarget as P } from "../../FormField/components/FormFieldTarget.js";
-import "../../../chunks/FormFieldInput-C75omt8Y.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
-import { FormFieldPostfix as G } from "../../FormField/components/FormFieldPostfix.js";
-import { FormFieldPrefix as j } from "../../FormField/components/FormFieldPrefix.js";
+import { FormFieldPostfix as y } from "../../FormField/components/FormFieldPostfix.js";
+import { FormFieldPrefix as P } from "../../FormField/components/FormFieldPrefix.js";
+import { FormFieldTarget as G } from "../../FormField/components/FormFieldTarget.js";
 import "../../FormField/components/FormFieldTextarea.js";
-import { EFormFieldStatus as d } from "../../FormField/enums.js";
+import { FormField as j } from "../../FormField/FormField.js";
 import { EComponentSize as o } from "../../../enums/EComponentSize.js";
-const K = "selectExtendedFieldTarget__6643daee", U = "caretWrapper__3084daff", V = "caretIcon__54e7980e", Y = "selectOpened__3ac70a56", q = "disabled__2c0a73fd", H = "target__c1a10cb9", e = {
+const K = "selectExtendedFieldTarget__e832c8dd", U = "caretWrapper__ca16471e", V = "caretIcon__6ad9b959", Y = "selectOpened__414e0574", q = "disabled__fd83909c", H = "target__4603ff8a", e = {
   selectExtendedFieldTarget: K,
   caretWrapper: U,
   caretIcon: V,
@@ -75,7 +75,7 @@ const K = "selectExtendedFieldTarget__6643daee", U = "caretWrapper__3084daff", V
       R.current = r, typeof i == "function" ? i(r) : i && (i.current = r);
     };
     return /* @__PURE__ */ _(
-      v,
+      j,
       {
         onClick: T,
         onKeyDown: A,
@@ -84,14 +84,14 @@ const K = "selectExtendedFieldTarget__6643daee", U = "caretWrapper__3084daff", V
         className: C,
         "aria-expanded": a,
         "aria-haspopup": "listbox",
-        "data-tx": "0.21.0",
+        "data-tx": "0.23.0",
         active: a,
         ...L,
         children: [
-          h ? /* @__PURE__ */ t(j, { className: n("hoverable", { disabled: l === d.DISABLED }), children: h }) : null,
+          h ? /* @__PURE__ */ t(P, { className: n("hoverable", { disabled: l === d.DISABLED }), children: h }) : null,
           /* @__PURE__ */ t(w, { children: u }),
           /* @__PURE__ */ t(
-            P,
+            G,
             {
               ref: M,
               className: n(e.target, {
@@ -102,8 +102,8 @@ const K = "selectExtendedFieldTarget__6643daee", U = "caretWrapper__3084daff", V
               children: m
             }
           ),
-          /* @__PURE__ */ _(G, { children: [
-            F && /* @__PURE__ */ t(y, { onClick: F }),
+          /* @__PURE__ */ _(y, { children: [
+            F && /* @__PURE__ */ t(v, { onClick: F }),
             c ? Q[S] : /* @__PURE__ */ t(
               "div",
               {

package/components/SelectField/SelectField.js

@@ -1,62 +1,80 @@
 import { jsx as o } from "react/jsx-runtime";
-import S, { useState as T, useRef as s } from "react";
-import { SelectExtendedField as d } from "../SelectExtendedField/SelectExtendedField.js";
+import v, { useState as y, useRef as d } from "react";
+import { SelectExtendedField as m } from "../SelectExtendedField/SelectExtendedField.js";
 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 { u as I } from "../../chunks/vendor-DaOifQgP.js";
-const C = S.forwardRef((c, t) => {
+import { SelectExtendedFieldDropdownDefault as S } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { DropdownListContext as E } from "../Dropdown/DropdownListContext.js";
+import "../Dropdown/desktop/DropdownDesktop.js";
+import "../Dropdown/desktop/DropdownList.js";
+import "../../chunks/DropdownListItem-C4JE2xV7.js";
+import { EDropdownWidth as F } from "../Dropdown/desktop/enums.js";
+import "../Dropdown/mobile/DropdownMobile.js";
+import "../Dropdown/mobile/DropdownMobileBody.js";
+import "../Dropdown/mobile/DropdownMobileClose.js";
+import "../Dropdown/mobile/DropdownMobileFooter.js";
+import "../Dropdown/mobile/DropdownMobileHeader.js";
+import "../Dropdown/mobile/DropdownMobileInner.js";
+import "../Dropdown/mobile/DropdownMobileInput.js";
+import "../Dropdown/mobile/DropdownMobileList.js";
+import "../Dropdown/mobile/DropdownMobileListItem.js";
+import "../Loader/LoaderSmall/LoaderSmall.js";
+import "../Loader/LoaderMiddle/LoaderMiddle.js";
+import "../Dropdown/Dropdown.js";
+import { u as I } from "../../chunks/vendor---Om3uMV.js";
+const L = v.forwardRef((p, t) => {
   const {
-    children: L,
-    className: m,
+    children: C,
+    className: s,
     value: r,
-    size: n,
-    options: p,
-    onChange: u,
-    placeholder: f,
-    loading: a,
+    size: i,
+    options: c,
+    onChange: f,
+    placeholder: u,
+    loading: n,
     status: b,
-    "aria-labelledby": g,
+    "aria-labelledby": w,
     dropdownListItemClassName: N,
     mobileTitle: D,
-    targetProps: w,
-    ...x
-  } = c, [l, h] = T(), y = s(null), i = s(I()), R = (e) => {
-    y.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+    targetProps: g,
+    ...h
+  } = p, [a, T] = y(), x = d(null), l = d(I()), R = (e) => {
+    x.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
   };
-  return /* @__PURE__ */ o(d, { className: m, renderTarget: (e) => /* @__PURE__ */ o(
-    d.Target,
+  return /* @__PURE__ */ o(m, { className: s, renderTarget: (e) => /* @__PURE__ */ o(
+    m.Target,
     {
       label: r == null ? void 0 : r.label,
-      placeholder: f,
-      loading: a,
+      placeholder: u,
+      loading: n,
       status: b,
       role: "combobox",
-      "aria-controls": i.current,
-      "aria-activedescendant": l,
-      "aria-labelledby": g,
+      "aria-controls": l.current,
+      "aria-activedescendant": a,
+      "aria-labelledby": w,
       ref: R,
-      size: n,
-      ...w,
+      size: i,
+      fieldLabel: void 0,
+      ...g,
       ...e
     }
-  ), closeOnTab: !0, ...x, children: (e) => /* @__PURE__ */ o(F.Provider, { value: { activeDescendant: l, setActiveDescendant: h }, children: /* @__PURE__ */ o(
-    v,
+  ), closeOnTab: !0, ...h, children: (e) => /* @__PURE__ */ o(E.Provider, { value: { activeDescendant: a, setActiveDescendant: T }, children: /* @__PURE__ */ o(
+    S,
     {
       ...e,
-      size: n,
-      loading: a,
-      listId: i.current,
+      size: i,
+      width: F.TARGET,
+      loading: n,
+      listId: l.current,
       mobileTitle: D,
-      onChange: u,
-      options: p,
+      onChange: f,
+      options: c,
       value: r
     }
   ) }) });
 });
-C.displayName = "SelectField";
+L.displayName = "SelectField";
 export {
-  C as SelectField
+  L as SelectField
 };
 //# sourceMappingURL=SelectField.js.map

package/components/Skeleton/Skeleton.js

@@ -1,19 +1,19 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c } from "../../chunks/vendor-DaOifQgP.js";
+import { jsx as c } from "react/jsx-runtime";
+import { c as n } from "../../chunks/vendor---Om3uMV.js";
 import { ESkeletonType as t } from "./enums.js";
-const n = "skeleton__3c18a657", r = "light__5b987ca1", k = "dark__27edb86c", o = {
-  skeleton: n,
-  light: r,
+const r = "skeleton__4248f51c", a = "light__464c8e6a", k = "dark__2211c3f3", 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": "0.21.0"
+    "data-tx": "0.23.0"
   }
 );
 export {

package/components/SliderExtended/SliderExtended.js

@@ -1,10 +1,10 @@
 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-DaOifQgP.js";
+import { c as C, l as O } from "../../chunks/vendor---Om3uMV.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-C_1LnK7I.js";
+import { s as c, S as F } from "../../chunks/SliderExtendedRail-C51TfjHY.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": "0.21.0",
+          "data-tx": "0.23.0",
           children: E
         }
       )

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

@@ -1,21 +1,21 @@
-import { jsxs as I, Fragment as B, jsx as m } from "react/jsx-runtime";
+import { jsxs as b, 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 { u as ie, l as k, c as ne } from "../../../../chunks/vendor-DaOifQgP.js";
+import { u as ie, l as k, c as ne } from "../../../../chunks/vendor---Om3uMV.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__bd6ff4e0", xe = "focusedByClick__6ab2c8be", he = "disabled__e98fc2ae", ge = "dragByMouse__f0919576", De = "lg__8eaa0198", i = {
+import { createSizeToClassNameMap as fe } from "../../../../utils/classNameMaps.js";
+const pe = "sliderExtendedDot__c162a1e5", xe = "focusedByClick__025d89a0", he = "disabled__8aa58627", ge = "dragByMouse__e084b13c", De = "lg__a40ecffd", 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__bd6ff4e0", xe = "focusedByClick__6ab2c8be", 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), b = 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({
@@ -65,52 +65,52 @@ const pe = "sliderExtendedDot__bd6ff4e0", xe = "focusedByClick__6ab2c8be", he =
     });
   }, [r, d, c, u, s]);
   const J = (e) => (t) => {
-    E(!0), n(!0), document.addEventListener("mouseup", C), e(t), g == null || g(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 });
       r(S.value);
     }
-  }, C = () => {
-    n(!1), document.removeEventListener("mouseup", C);
+  }, R = () => {
+    n(!1), document.removeEventListener("mouseup", R);
   }, Z = (e) => (t) => {
-    t.touches.length == 1 && (E(!0), n(!0), document.addEventListener("touchend", R), e(t), D == null || D(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 });
       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);
+  }, 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);
   }, oe = (e) => {
-    e.preventDefault(), O.moveToNextStep(T(), s);
+    e.preventDefault(), O.moveToNextStep(I(), 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__ */ m(
+  return /* @__PURE__ */ b(B, { children: [
+    W && /* @__PURE__ */ b(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__bd6ff4e0", xe = "focusedByClick__6ab2c8be", he =
         }
       )
     ] }),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ f(
       ue,
       {
         onMouseMove: k.throttle(Q, 50),
         onTouchMove: k.throttle(ee),
-        targetRef: b,
-        children: ({ onTargetMouseDown: e, onTargetTouchStart: t }) => /* @__PURE__ */ m(
+        targetRef: C,
+        children: ({ onTargetMouseDown: e, onTargetTouchStart: t }) => /* @__PURE__ */ f(
           "span",
           {
             tabIndex: $,
@@ -143,7 +143,7 @@ const pe = "sliderExtendedDot__bd6ff4e0", xe = "focusedByClick__6ab2c8be", he =
             onMouseDown: J(e),
             onTouchStart: Z(t),
             style: { left: `${U}%` },
-            ref: b,
+            ref: C,
             children: K
           }
         )

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

@@ -2,8 +2,8 @@ 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-DaOifQgP.js";
-import { s as e } from "../../../../chunks/SliderExtendedMarks.module-QNSG8UcN.js";
+import { c as o } from "../../../../chunks/vendor---Om3uMV.js";
+import { s as e } from "../../../../chunks/SliderExtendedMarks.module-Bdz2AHAO.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-DaOifQgP.js";
-import { s as a } from "../../../../chunks/SliderExtendedMarks.module-QNSG8UcN.js";
+import { c as d } from "../../../../chunks/vendor---Om3uMV.js";
+import { s as a } from "../../../../chunks/SliderExtendedMarks.module-Bdz2AHAO.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

@@ -2,8 +2,8 @@ import "react/jsx-runtime";
 import "react";
 import "../SliderExtendedContext.js";
 import "../SliderExtendedUtils.js";
-import "../../../chunks/vendor-DaOifQgP.js";
-import { S as d } from "../../../chunks/SliderExtendedRail-C_1LnK7I.js";
+import "../../../chunks/vendor---Om3uMV.js";
+import { S as d } from "../../../chunks/SliderExtendedRail-C51TfjHY.js";
 export {
   d as SliderExtendedRail
 };

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

@@ -1,9 +1,9 @@
 import { jsxs as u, jsx as n } from "react/jsx-runtime";
 import r from "react";
 import { SliderExtendedContext as _ } from "../../SliderExtendedContext.js";
-import { c as e } from "../../../../chunks/vendor-DaOifQgP.js";
+import { c as e } from "../../../../chunks/vendor---Om3uMV.js";
 import { createSizeToClassNameMap as v } from "../../../../utils/classNameMaps.js";
-const E = "sliderExtendedTooltipOverlay__c8eddef4", C = "lg__8eaa0198", N = "tooltipBody__f0b01a59", O = "tooltipTip__9007bf78", t = {
+const E = "sliderExtendedTooltipOverlay__a5f9c416", C = "lg__a40ecffd", N = "tooltipBody__4d185130", O = "tooltipTip__fbef9bec", t = {
   sliderExtendedTooltipOverlay: E,
   lg: C,
   tooltipBody: N,
@@ -13,12 +13,12 @@ const E = "sliderExtendedTooltipOverlay__c8eddef4", C = "lg__8eaa0198", N = "too
   children: d,
   ...c
 }) => {
-  const o = r.useRef(null), { min: l, max: p, size: a } = r.useContext(_), m = () => {
+  const o = r.useRef(null), { min: l, max: p, size: a } = r.useContext(_), f = () => {
     var s;
     if (!o.current || i === void 0)
       return 0;
-    const f = 8, x = 16, T = ((s = o.current) == null ? void 0 : s.clientWidth) || 0, y = (i - l) / (p - l);
-    return (T / 2 - f - x) * (1 - 2 * y);
+    const m = 8, x = 16, T = ((s = o.current) == null ? void 0 : s.clientWidth) || 0, y = (i - l) / (p - l);
+    return (T / 2 - m - x) * (1 - 2 * y);
   };
   return /* @__PURE__ */ u(
     "div",
@@ -27,7 +27,7 @@ const E = "sliderExtendedTooltipOverlay__c8eddef4", C = "lg__8eaa0198", N = "too
       className: e(t.sliderExtendedTooltipOverlay, h[a]),
       ...c,
       children: [
-        /* @__PURE__ */ n("div", { className: e(t.tooltipBody), style: { left: `${m()}px` }, children: d }),
+        /* @__PURE__ */ n("div", { className: e(t.tooltipBody), style: { left: `${f()}px` }, children: d }),
         /* @__PURE__ */ n("div", { className: e(t.tooltipTip) })
       ]
     }