@sberbusiness/triplex-next 0.22.0 → 0.24.0

package/components/Row/Row.js

@@ -1,14 +1,14 @@
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { c } from "../../chunks/vendor---Om3uMV.js";
-const m = "row__d5a08b43", i = "noPaddingBottom__fc4aa00b", o = {
+const m = "row__c4e7abde", e = "noPaddingBottom__ed558b32", o = {
   row: m,
-  noPaddingBottom: i
-}, e = ({ children: t, className: n, paddingBottom: s = !0, ...a }) => {
+  noPaddingBottom: e
+}, i = ({ children: t, className: n, paddingBottom: s = !0, ...d }) => {
   const r = c(n, o.row, { [o.noPaddingBottom]: !s });
-  return /* @__PURE__ */ d("div", { className: r, ...a, children: t });
+  return /* @__PURE__ */ a("div", { className: r, ...d, children: t });
 };
-e.displayName = "Row";
+i.displayName = "Row";
 export {
-  e as Row
+  i as Row
 };
 //# sourceMappingURL=Row.js.map

package/components/SMSField/SMSField.js

@@ -6,7 +6,7 @@ import { SMSFieldInput as N } from "./components/SMSFieldInput.js";
 import { SMSFieldRefresh as x } from "./components/SMSFieldRefresh.js";
 import { SMSFieldSubmit as T } from "./components/SMSFieldSubmit.js";
 import { SMSFieldTooltip as v } from "./components/SMSFieldTooltip.js";
-import { s } from "../../chunks/SMSField.module-BUVlPOpO.js";
+import { s } from "../../chunks/SMSField.module-B170OigL.js";
 import { createSizeToClassNameMap as z } from "../../utils/classNameMaps.js";
 const I = z(s), e = (r) => {
   const { children: m, className: l, code: a, disabled: d, error: S, onChangeCode: p, onSubmitCode: c, size: o, ...n } = r, [f, u] = i(!0), [b, M] = i(), F = C(s.smsField, l);
@@ -26,7 +26,7 @@ const I = z(s), e = (r) => {
         sizeClassName: I[o],
         tooltipId: b
       },
-      children: /* @__PURE__ */ t("div", { className: F, ...n, "data-tx": "0.22.0", children: m })
+      children: /* @__PURE__ */ t("div", { className: F, ...n, "data-tx": "0.24.0", children: m })
     }
   );
 };

package/components/SMSField/components/RefreshIcon.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
 import { c as P } from "../../../chunks/vendor---Om3uMV.js";
-import { s as o } from "../../../chunks/SMSField.module-BUVlPOpO.js";
+import { s as o } from "../../../chunks/SMSField.module-B170OigL.js";
 import { EComponentSize as u } from "../../../enums/EComponentSize.js";
 const r = "M2 10c0-4.42 3.58-8 8-8 2.52 0 4.77 1.16 6.24 3H13.5c-.56 0-1 .44-1 1 0 .55.44 1 1 1h5c.55 0 1-.45 1-1V1c0-.56-.45-1-1-1-.56 0-1 .44-1 1v2.38A10.02 10.02 0 0 0 10 0C4.47 0 0 4.47 0 10c0 5.52 4.47 10 10 10 5.52 0 10-4.48 10-10 0-.56-.45-1-1-1-.56 0-1 .44-1 1 0 4.41-3.59 8-8 8-4.42 0-8-3.59-8-8", d = "M27 16c0 .81-.09 1.61-.27 2.39a10.9 10.9 0 0 1-1.54 3.65c-.41.62-.88 1.2-1.42 1.73-.53.54-1.11 1.01-1.73 1.42a10.906 10.906 0 0 1-3.65 1.54c-.78.18-1.58.27-2.39.27q-1.23 0-2.4-.27a10.9 10.9 0 0 1-3.65-1.54c-.62-.41-1.2-.88-1.73-1.42-.54-.53-1.01-1.11-1.42-1.73a10.906 10.906 0 0 1-1.54-3.65C5.08 17.61 5 16.81 5 16c0-.82.08-1.62.26-2.4A10.9 10.9 0 0 1 6.8 9.95c.41-.62.88-1.2 1.42-1.73.53-.54 1.11-1.01 1.73-1.42a10.906 10.906 0 0 1 3.65-1.54C14.38 5.08 15.18 5 16 5a11.1 11.1 0 0 1 2.93.39c.44.12.86.27 1.27.44.47.19.93.42 1.37.68.39.23.75.47 1.1.74.4.31.78.64 1.14 1 .06.06.12.13.19.2V6c0-.57.44-1 1-1s1 .43 1 1v5c0 .66-.34 1-1 1h-5c-.56 0-1-.44-1-1 0-.57.44-1 1-1h2.7c-.1-.12-.21-.23-.31-.34-.3-.3-.61-.58-.95-.83-.28-.21-.57-.41-.88-.59a8.753 8.753 0 0 0-3-1.11C17.05 7.04 16.53 7 16 7c-.69 0-1.35.07-2 .22-.52.11-1.02.27-1.51.48-.5.21-.97.47-1.42.76a9 9 0 0 0-2.61 2.61c-.29.45-.55.92-.76 1.42-.21.49-.37.99-.48 1.51A8.8 8.8 0 0 0 7 16c0 .68.07 1.34.22 1.99.11.52.27 1.02.48 1.51.21.5.47.97.76 1.42q.51.78 1.17 1.44c.45.44.92.83 1.44 1.17.45.29.92.55 1.42.76.49.21.99.37 1.51.48a8.803 8.803 0 0 0 3.99 0c.52-.11 1.02-.27 1.51-.48.5-.21.97-.47 1.42-.76a9 9 0 0 0 2.61-2.61c.29-.45.55-.92.76-1.42.21-.49.37-.99.48-1.51.15-.65.23-1.31.23-1.99 0-.57.44-1 1-1s1 .43 1 1", v = Math.PI / 180, e = Math.PI * 2, M = (c) => (c = c % 360, c = c < 0 ? 360 + c : c, c * v), n = M(-8), h = M(-19), m = h < n ? e - (n - h) : h - n, p = (c, t) => Math.round(c * Math.cos(t) * 1e3) / 1e3, f = (c, t) => Math.round(c * Math.sin(t) * 1e3) / 1e3, w = (c, t, a, l) => "M" + c + " " + t + // Смещаем перо в центр окружности.
 "L" + // Рисуем горизонтальную линию вправо в начало сектора.

package/components/SMSField/components/SMSFieldInput.js

@@ -5,7 +5,7 @@ import { EFormFieldStatus as l } from "../../FormField/enums.js";
 import "../../FormField/components/FormFieldClear.js";
 import { FormFieldCounter as j } from "../../FormField/components/FormFieldCounter.js";
 import { FormFieldDescription as y } from "../../FormField/components/FormFieldDescription.js";
-import { F as z } from "../../../chunks/FormFieldInput-Dp--anY3.js";
+import { F as z } from "../../../chunks/FormFieldInput-CP3P-T8_.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -15,7 +15,7 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { FormField as A } from "../../FormField/FormField.js";
 import { FormGroup as L } from "../../FormGroup/FormGroup.js";
 import { SMSFieldContext as O } from "../SMSFieldContext.js";
-import { s as _ } from "../../../chunks/SMSField.module-BUVlPOpO.js";
+import { s as _ } from "../../../chunks/SMSField.module-B170OigL.js";
 import { EVENT_KEY_CODES as k } from "../../../utils/keyboard.js";
 const w = new RegExp(/^[0-9]*$/), B = M.forwardRef(
   ({ className: f, counter: o, description: s, disabled: u, maxLength: c = 8, onChange: e, onKeyDown: i, placeholder: F, ...E }, S) => {

package/components/SMSField/components/SMSFieldRefresh.js

@@ -9,7 +9,7 @@ import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape as F } from "../../Button/enums.js";
 import { SMSFieldContext as u } from "../SMSFieldContext.js";
 import { RefreshIcon as z } from "./RefreshIcon.js";
-import { s as m } from "../../../chunks/SMSField.module-BUVlPOpO.js";
+import { s as m } from "../../../chunks/SMSField.module-B170OigL.js";
 const D = M(
   ({ className: l, disabled: r, countdownTime: e, countdownTimeLeft: s, onClick: t, onRefresh: p, ...f }, n) => {
     const { disabled: o, error: c, size: h, sizeClassName: d, tooltipId: S } = N(u), b = s > 0, a = o && !c || r || b, R = I(m.btnRefresh, d, l, {

package/components/SMSField/components/SMSFieldSubmit.js

@@ -9,7 +9,7 @@ import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape as x } from "../../Button/enums.js";
 import { SMSFieldContext as I } from "../SMSFieldContext.js";
 import { SubmitIcon as N } from "./SubmitIcon.js";
-import { s } from "../../../chunks/SMSField.module-BUVlPOpO.js";
+import { s } from "../../../chunks/SMSField.module-B170OigL.js";
 const D = ({ className: r, disabled: a, onClick: i, ...l }) => {
   const {
     code: t,

package/components/SegmentedControl/SegmentedControl.js

@@ -1,16 +1,16 @@
 import { ESegmentedControlTheme as o, ESegmentedControlType as m } from "./enums.js";
 import { SegmentedControlSegment as y } from "./SegmentedControlSegment.js";
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import E from "react";
 import { c as R } from "../../chunks/vendor---Om3uMV.js";
 import { SegmentedControlContext as T } from "./SegmentedControlContext.js";
 import { createSizeToClassNameMap as h } from "../../utils/classNameMaps.js";
-const x = "segmentedControl__cdd8c4f9", L = "general1__c6ec3c25", b = "secondary1__127d9f74", A = "general2__889133ee", M = "secondary2__6a9a4e25", G = "sm__cdc9e86f", O = "md__0b31085d", j = "lg__02307771", e = {
+const x = "segmentedControl__ae3961af", L = "general1__c0914aed", A = "secondary1__5385d236", M = "general2__74e26d1a", b = "secondary2__a9330505", G = "sm__7a8d3864", O = "md__78a0a400", j = "lg__d4e670dd", e = {
   segmentedControl: x,
   general1: L,
-  secondary1: b,
-  general2: A,
-  secondary2: M,
+  secondary1: A,
+  general2: M,
+  secondary2: b,
   sm: G,
   md: O,
   lg: j
@@ -21,7 +21,7 @@ const x = "segmentedControl__cdd8c4f9", L = "general1__c6ec3c25", b = "secondary
   [o.SECONDARY_2]: e.secondary2
 }, z = h(e), D = Object.assign(
   E.forwardRef(
-    ({ children: d, className: l, value: n, theme: g, type: r, size: _, disabled: i, onSelect: t, ...C }, f) => {
+    ({ children: c, className: l, value: n, theme: g, type: r, size: _, disabled: i, onSelect: t, ...C }, f) => {
       const p = R(
         e.segmentedControl,
         v[g],
@@ -39,7 +39,7 @@ const x = "segmentedControl__cdd8c4f9", L = "general1__c6ec3c25", b = "secondary
             t(a ? [...n, s] : [...n].filter((N) => N !== s));
         }
       };
-      return /* @__PURE__ */ c(
+      return /* @__PURE__ */ d(
         T.Provider,
         {
           value: {
@@ -48,7 +48,7 @@ const x = "segmentedControl__cdd8c4f9", L = "general1__c6ec3c25", b = "secondary
             disabled: !!i,
             onSegmentSelect: S
           },
-          children: /* @__PURE__ */ c("div", { className: p, ...C, "data-tx": "0.22.0", ref: f, children: d })
+          children: /* @__PURE__ */ d("div", { className: p, ...C, "data-tx": "0.24.0", ref: f, children: c })
         }
       );
     }

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -4,7 +4,7 @@ import { c as L } from "../../chunks/vendor---Om3uMV.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__d1f64761", E = "selected__47eabaf9", I = "content__6062068e", r = {
+const y = "segmentedControlSegment__3cf61559", E = "selected__80c83a57", I = "content__ebd3dc70", r = {
   segmentedControlSegment: y,
   selected: E,
   content: I

package/components/SelectExtendedField/SelectExtendedField.js

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

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

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -4,7 +4,7 @@ import { SelectExtendedField as d } from "../SelectExtendedField.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-C5KVFMFN.js";
+import "../../../chunks/DropdownListItem-D_38hBVf.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as E } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as k } from "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -19,9 +19,10 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import "../../Dropdown/Dropdown.js";
 import { ETextSize as L } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
+import "../../Typography/CodeText.js";
 import { Text as j } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const $ = ({
+const u = ({
   dropdownRef: w,
   dropdownListItemClassName: p,
   width: D,
@@ -86,6 +87,6 @@ const $ = ({
   }
 );
 export {
-  $ as SelectExtendedFieldDropdownDefault
+  u as SelectExtendedFieldDropdownDefault
 };
 //# sourceMappingURL=SelectExtendedFieldDropdownDefault.js.map

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as _ } from "react/jsx-runtime";
+import { jsx as t, jsxs as N } from "react/jsx-runtime";
 import O, { useRef as z } from "react";
 import { CaretdownStrokeSrvIcon24 as B, CaretdownStrokeSrvIcon20 as W, CaretdownStrokeSrvIcon16 as k } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES as s } from "../../../utils/keyboard.js";
@@ -10,7 +10,7 @@ import { EFormFieldStatus as i } 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-Dp--anY3.js";
+import "../../../chunks/FormFieldInput-CP3P-T8_.js";
 import { FormFieldLabel as w } from "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as y } from "../../FormField/components/FormFieldPostfix.js";
@@ -19,7 +19,7 @@ import { FormFieldTarget as G } from "../../FormField/components/FormFieldTarget
 import "../../FormField/components/FormFieldTextarea.js";
 import { FormField as j } from "../../FormField/FormField.js";
 import { EComponentSize as o } from "../../../enums/EComponentSize.js";
-const K = "selectExtendedFieldTarget__8d191946", U = "caretWrapper__1393ab87", V = "caretIcon__fa337978", Y = "selectOpened__f9ee3898", q = "disabled__ccaccf45", H = "target__e193ff22", e = {
+const K = "selectExtendedFieldTarget__c65ec508", U = "caretWrapper__c309b2be", V = "caretIcon__e9a9f5ef", Y = "selectOpened__772744d0", q = "disabled__3890270a", H = "target__7efc6a23", e = {
   selectExtendedFieldTarget: K,
   caretWrapper: U,
   caretIcon: V,
@@ -35,7 +35,7 @@ const K = "selectExtendedFieldTarget__8d191946", U = "caretWrapper__1393ab87", V
   [o.MD]: /* @__PURE__ */ t(x, { size: o.MD, theme: D.BRAND }),
   [o.LG]: /* @__PURE__ */ t(x, { size: o.LG, theme: D.BRAND })
 }, X = O.forwardRef(
-  (b, c) => {
+  (_, c) => {
     const {
       children: Z,
       className: g,
@@ -47,14 +47,14 @@ const K = "selectExtendedFieldTarget__8d191946", U = "caretWrapper__1393ab87", V
       opened: a,
       postfix: I,
       prefix: h,
-      setOpened: N,
+      setOpened: b,
       loading: d,
       size: S = o.MD,
       status: l,
       tabIndex: $,
       fieldLabel: u,
       ...L
-    } = b, R = z(null), C = n(
+    } = _, R = z(null), C = n(
       e.selectExtendedFieldTarget,
       {
         [e.selectOpened]: a,
@@ -63,18 +63,18 @@ const K = "selectExtendedFieldTarget__8d191946", U = "caretWrapper__1393ab87", V
       },
       g
     ), T = (r) => {
-      d || l === i.DISABLED || (N(!a), f == null || f(r));
+      d || l === i.DISABLED || (b(!a), f == null || f(r));
     }, A = (r) => {
       d && l === i.DISABLED || (a || [
         s.SPACE,
         s.ENTER,
         s.ARROW_DOWN,
         s.ARROW_UP
-      ].includes(r.keyCode) && (r.preventDefault(), r.stopPropagation(), N(!a)), p == null || p(r));
+      ].includes(r.keyCode) && (r.preventDefault(), r.stopPropagation(), b(!a)), p == null || p(r));
     }, M = (r) => {
       R.current = r, typeof c == "function" ? c(r) : c && (c.current = r);
     };
-    return /* @__PURE__ */ _(
+    return /* @__PURE__ */ N(
       j,
       {
         onClick: T,
@@ -84,7 +84,7 @@ const K = "selectExtendedFieldTarget__8d191946", U = "caretWrapper__1393ab87", V
         className: C,
         "aria-expanded": a,
         "aria-haspopup": "listbox",
-        "data-tx": "0.22.0",
+        "data-tx": "0.24.0",
         active: a,
         ...L,
         children: [
@@ -102,7 +102,7 @@ const K = "selectExtendedFieldTarget__8d191946", U = "caretWrapper__1393ab87", V
               children: m
             }
           ),
-          /* @__PURE__ */ _(y, { children: [
+          /* @__PURE__ */ N(y, { children: [
             F && /* @__PURE__ */ t(v, { onClick: F }),
             d ? Q[S] : /* @__PURE__ */ t(
               "div",

package/components/SelectField/SelectField.js

@@ -7,7 +7,7 @@ import { SelectExtendedFieldDropdownDefault as S } from "../SelectExtendedField/
 import { DropdownListContext as E } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-C5KVFMFN.js";
+import "../../chunks/DropdownListItem-D_38hBVf.js";
 import { EDropdownWidth as F } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";

package/components/Skeleton/Skeleton.js

@@ -1,22 +1,22 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as n } from "../../chunks/vendor---Om3uMV.js";
+import { jsx as n } from "react/jsx-runtime";
+import { c as r } from "../../chunks/vendor---Om3uMV.js";
 import { ESkeletonType as t } from "./enums.js";
-const r = "skeleton__50b9a251", c = "light__bf82cc4b", k = "dark__582af577", o = {
-  skeleton: r,
-  light: c,
-  dark: k
-}, _ = ({ className: e, type: s = t.DARK, ...l }) => /* @__PURE__ */ a(
+const a = "skeleton__30de58af", k = "light__33541043", c = "dark__bdfff987", o = {
+  skeleton: a,
+  light: k,
+  dark: c
+}, m = ({ className: s, type: e = t.DARK, ...l }) => /* @__PURE__ */ n(
   "div",
   {
-    className: n(o.skeleton, e, {
-      [o.dark]: s === t.DARK,
-      [o.light]: s === t.LIGHT
+    className: r(o.skeleton, s, {
+      [o.dark]: e === t.DARK,
+      [o.light]: e === t.LIGHT
     }),
     ...l,
-    "data-tx": "0.22.0"
+    "data-tx": "0.24.0"
   }
 );
 export {
-  _ as Skeleton
+  m as Skeleton
 };
 //# sourceMappingURL=Skeleton.js.map

package/components/SliderExtended/SliderExtended.js

@@ -4,7 +4,7 @@ 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-DbmfJHLD.js";
+import { s as c, S as F } from "../../chunks/SliderExtendedRail-DawwH3OZ.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.22.0",
+          "data-tx": "0.24.0",
           children: E
         }
       )

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

@@ -1,4 +1,4 @@
-import { jsxs as b, Fragment as B, jsx as f } 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 { u as ie, l as k, c as ne } from "../../../../chunks/vendor---Om3uMV.js";
 import { SliderExtendedUtils as o } from "../../SliderExtendedUtils.js";
@@ -9,7 +9,7 @@ import { useSliderExtendedDotTabIndex as me } from "./useSliderExtendedDotTabInd
 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__120c44a1", xe = "focusedByClick__406ec2d5", he = "disabled__611dd185", ge = "dragByMouse__741d5845", De = "lg__c1e7cbc6", i = {
+const pe = "sliderExtendedDot__669ed1a5", xe = "focusedByClick__6cabcf3c", he = "disabled__ecdc9e74", ge = "dragByMouse__abcf73b5", De = "lg__252d9dbc", i = {
   sliderExtendedDot: pe,
   focusedByClick: xe,
   disabled: he,
@@ -41,7 +41,7 @@ const pe = "sliderExtendedDot__120c44a1", xe = "focusedByClick__406ec2d5", he =
     steps: s,
     updateDot: G,
     size: Y
-  } = re(ce), $ = me(_, l, z, y), C = le(null);
+  } = re(ce), $ = me(_, l, z, y), b = le(null);
   L(() => () => q(l), []), ae(() => {
     const e = o.getNormalizedValue({ max: c, min: u, value: d });
     j({
@@ -65,7 +65,7 @@ const pe = "sliderExtendedDot__120c44a1", xe = "focusedByClick__406ec2d5", he =
     });
   }, [r, d, c, u, s]);
   const J = (e) => (t) => {
-    E(!0), n(!0), document.addEventListener("mouseup", R), e(t), g == null || g(t);
+    E(!0), n(!0), document.addEventListener("mouseup", C), e(t), g == null || g(t);
   }, Q = (e) => {
     if (m) {
       let t = o.getNormalizedCursorValue({
@@ -76,10 +76,10 @@ const pe = "sliderExtendedDot__120c44a1", xe = "focusedByClick__406ec2d5", he =
       const S = o.getNearestStep({ normalizedValue: t, steps: s });
       r(S.value);
     }
-  }, R = () => {
-    n(!1), document.removeEventListener("mouseup", R);
+  }, C = () => {
+    n(!1), document.removeEventListener("mouseup", C);
   }, Z = (e) => (t) => {
-    t.touches.length == 1 && (E(!0), n(!0), document.addEventListener("touchend", T), e(t), D == null || D(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({
@@ -90,19 +90,19 @@ const pe = "sliderExtendedDot__120c44a1", xe = "focusedByClick__406ec2d5", he =
       const S = o.getNearestStep({ normalizedValue: t, steps: s });
       r(S.value);
     }
-  }, 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);
+  }, 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(I(), s);
+    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__ */ b(B, { children: [
-    W && /* @__PURE__ */ b(B, { children: [
+  return /* @__PURE__ */ I(B, { children: [
+    W && /* @__PURE__ */ I(B, { children: [
       /* @__PURE__ */ f(
         F,
         {
@@ -123,7 +123,7 @@ const pe = "sliderExtendedDot__120c44a1", xe = "focusedByClick__406ec2d5", he =
       {
         onMouseMove: k.throttle(Q, 50),
         onTouchMove: k.throttle(ee),
-        targetRef: C,
+        targetRef: b,
         children: ({ onTargetMouseDown: e, onTargetTouchStart: t }) => /* @__PURE__ */ f(
           "span",
           {
@@ -143,7 +143,7 @@ const pe = "sliderExtendedDot__120c44a1", xe = "focusedByClick__406ec2d5", he =
             onMouseDown: J(e),
             onTouchStart: Z(t),
             style: { left: `${U}%` },
-            ref: C,
+            ref: b,
             children: K
           }
         )

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---Om3uMV.js";
-import { s as e } from "../../../../chunks/SliderExtendedMarks.module-B93JtPsG.js";
+import { s as e } from "../../../../chunks/SliderExtendedMarks.module-SBpITDrZ.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---Om3uMV.js";
-import { s as a } from "../../../../chunks/SliderExtendedMarks.module-B93JtPsG.js";
+import { s as a } from "../../../../chunks/SliderExtendedMarks.module-SBpITDrZ.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---Om3uMV.js";
-import { S as d } from "../../../chunks/SliderExtendedRail-DbmfJHLD.js";
+import { S as d } from "../../../chunks/SliderExtendedRail-DawwH3OZ.js";
 export {
   d as SliderExtendedRail
 };

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

@@ -3,7 +3,7 @@ import r from "react";
 import { SliderExtendedContext as _ } from "../../SliderExtendedContext.js";
 import { c as e } from "../../../../chunks/vendor---Om3uMV.js";
 import { createSizeToClassNameMap as v } from "../../../../utils/classNameMaps.js";
-const E = "sliderExtendedTooltipOverlay__7b2e1037", C = "lg__c1e7cbc6", N = "tooltipBody__f06cc6d5", O = "tooltipTip__5ade6740", t = {
+const E = "sliderExtendedTooltipOverlay__8322c71d", C = "lg__252d9dbc", N = "tooltipBody__f1c14f87", O = "tooltipTip__af9a0a81", t = {
   sliderExtendedTooltipOverlay: E,
   lg: C,
   tooltipBody: N,