@sberbusiness/triplex-next 1.7.0 → 1.9.0

package/components/Pagination/components/PaginationExtended.js

@@ -1,14 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as d } from "../../../chunks/vendor-D3hUOusX.js";
 import i from "react";
-const r = "paginationExtended__a7557910", s = {
+const r = "paginationExtended__8b136f82", s = {
   paginationExtended: r
 }, x = i.forwardRef(
   ({ children: t, className: a, ...n }, e) => /* @__PURE__ */ o(
     "nav",
     {
       className: d(s.paginationExtended, a),
-      "data-tx": "1.7.0",
+      "data-tx": "1.9.0",
       ...n,
       ref: e,
       children: t

package/components/Pagination/components/PaginationNavigationButton.js

@@ -4,7 +4,7 @@ import { ButtonIcon as p } from "../../Button/ButtonIcon.js";
 import { EButtonIconShape as m } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection as s } from "../enums.js";
 import { CaretleftStrokeSrvIcon24 as o } from "@sberbusiness/icons-next";
-const g = "paginationNavigationButton__1094e3e5", N = "directionIconNext__be7bd7b6", n = {
+const g = "paginationNavigationButton__d7dc8994", N = "directionIconNext__4cfb8074", n = {
   paginationNavigationButton: g,
   directionIconNext: N
 }, d = c.forwardRef(

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import e from "react";
 import { c as d } from "../../../chunks/vendor-D3hUOusX.js";
-const g = "paginationNavigationExtended__de4e336a", r = {
+const g = "paginationNavigationExtended__962559ab", r = {
   paginationNavigationExtended: g
 }, s = e.forwardRef(
   ({ children: a, className: t, ...i }, n) => /* @__PURE__ */ o("ul", { className: d(r.paginationNavigationExtended, t), ...i, ref: n, children: a })

package/components/Pagination/components/PaginationPageButton.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import g from "react";
 import { c } from "../../../chunks/vendor-D3hUOusX.js";
-const u = "paginationPageButton__609dcb22", s = "currentPage__be4fc3e7", a = {
+const u = "paginationPageButton__78372ca8", s = "currentPage__7c18c292", a = {
   paginationPageButton: u,
   currentPage: s
 }, P = g.forwardRef(

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
 import { c as e } from "../../../chunks/vendor-D3hUOusX.js";
 import o from "react";
-const t = "pageEllipsis__7c78f960", r = {
+const t = "pageEllipsis__741609ad", r = {
   pageEllipsis: t
 }, n = o.forwardRef(
-  ({ children: s, className: i, ...a }, l) => /* @__PURE__ */ p("span", { className: e(r.pageEllipsis, i), ...a, ref: l, children: s })
+  ({ children: s, className: a, ...i }, l) => /* @__PURE__ */ p("span", { className: e(r.pageEllipsis, a), ...i, ref: l, children: s })
 );
 n.displayName = "PaginationPageEllipsis";
 export {

package/components/Pagination/components/PaginationSelect.js

@@ -5,9 +5,9 @@ import "../../Typography/Title.js";
 import { Text as v } from "../../Typography/Text.js";
 import "../../Typography/Caption.js";
 import { ETextSize as _ } from "../../Typography/enums.js";
-const h = "paginationSelect__0dd2c98e", b = "paginationSelectControl__61f5adac", c = {
-  paginationSelect: h,
-  paginationSelectControl: b
+const b = "paginationSelect__64464b75", h = "paginationSelectControl__1c9a2fdc", c = {
+  paginationSelect: b,
+  paginationSelectControl: h
 }, y = S.forwardRef(
   ({ paginationLabel: o, className: s, hidden: d, options: i, value: n, onChange: a }, m) => {
     const l = f(`Pagination-${x()}`), p = i && i.length > 0 ? i : [10, 20, 50, 100], u = (e) => {

package/components/Radio/Radio.js

@@ -1,13 +1,13 @@
 import { jsxs as b, jsx as t } from "react/jsx-runtime";
 import N from "react";
-import { c as n } from "../../chunks/vendor-D3hUOusX.js";
+import { c as d } from "../../chunks/vendor-D3hUOusX.js";
 import "../Typography/Title.js";
 import { Text as x } from "../Typography/Text.js";
 import "../Typography/Caption.js";
-import { ETextSize as r } from "../Typography/enums.js";
+import { ETextSize as m } from "../Typography/enums.js";
 import { EComponentSize as i } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as z } from "../../utils/classNameMaps.js";
-const y = "label__28321a9c", T = "md__16f86d9e", M = "nonempty__471ffb7a", u = "lg__3bf44aa2", I = "disabled__704beee9", R = "radio__9fe2080b", S = "radioIcon__91ae5df7", a = {
+const y = "label__ab8d5c22", T = "md__fdf9a2de", M = "nonempty__23d20671", u = "lg__6b7a59b6", I = "disabled__d1ec4f12", R = "radio__6d2c5f73", S = "radioIcon__44b6cffc", o = {
   label: y,
   md: T,
   nonempty: M,
@@ -16,19 +16,19 @@ const y = "label__28321a9c", T = "md__16f86d9e", M = "nonempty__471ffb7a", u = "
   radio: R,
   radioIcon: S
 }, g = {
-  [i.LG]: r.B2,
-  [i.MD]: r.B3
-}, C = z(a), h = N.forwardRef((c, d) => {
-  const { children: e, className: l, disabled: m, labelAttributes: o, size: s = i.MD, ...p } = c, f = n(a.radio, l, C[s]), _ = n(
-    a.label,
-    a[s],
-    { [a.disabled]: !!m, [a.nonempty]: !!e },
-    o == null ? void 0 : o.className
+  [i.LG]: m.B2,
+  [i.MD]: m.B3
+}, C = z(o), h = N.forwardRef((n, r) => {
+  const { children: s, className: l, disabled: c, labelAttributes: a, size: e = i.MD, ...p } = n, f = d(o.radio, l, C[e]), _ = d(
+    o.label,
+    o[e],
+    { [o.disabled]: !!c, [o.nonempty]: !!s },
+    a == null ? void 0 : a.className
   );
-  return /* @__PURE__ */ b("label", { ...o, className: _, "data-tx": "1.7.0", children: [
-    /* @__PURE__ */ t("input", { type: "radio", className: f, disabled: m, ...p, ref: d }),
-    /* @__PURE__ */ t("span", { className: a.radioIcon }),
-    e && /* @__PURE__ */ t(x, { size: g[s], children: e })
+  return /* @__PURE__ */ b("label", { ...a, className: _, "data-tx": "1.9.0", children: [
+    /* @__PURE__ */ t("input", { type: "radio", className: f, disabled: c, ...p, ref: r }),
+    /* @__PURE__ */ t("span", { className: o.radioIcon }),
+    s && /* @__PURE__ */ t(x, { size: g[e], children: s })
   ] });
 });
 h.displayName = "Radio";

package/components/Radio/RadioXGroup.js

@@ -1,14 +1,14 @@
 import { jsx as r } from "react/jsx-runtime";
 import { c as s } from "../../chunks/vendor-D3hUOusX.js";
-const _ = "radioXGroup__be8ea3c7", c = "label__28321a9c", n = {
-  radioXGroup: _,
-  "indent-12": "indent-12__b2f6541e",
-  label: c,
-  "indent-16": "indent-16__758e3023",
-  "indent-20": "indent-20__0e3d6e06",
-  "indent-24": "indent-24__1a36f793",
-  "indent-28": "indent-28__5fd4d43a",
-  "indent-32": "indent-32__879da0d4"
+const c = "radioXGroup__20fc7ff2", _ = "label__ab8d5c22", n = {
+  radioXGroup: c,
+  "indent-12": "indent-12__5f3f58e7",
+  label: _,
+  "indent-16": "indent-16__f95a3760",
+  "indent-20": "indent-20__c36a079d",
+  "indent-24": "indent-24__14b10c9d",
+  "indent-28": "indent-28__35c8ff8f",
+  "indent-32": "indent-32__975bcae2"
 }, l = (e) => {
   const { children: d, className: i, indent: o = 12, ...t } = e, a = s(n.radioXGroup, n[`indent-${o}`], i);
   return /* @__PURE__ */ r("div", { className: a, role: "radiogroup", ...t, children: d });

package/components/Radio/RadioYGroup.js

@@ -1,6 +1,6 @@
 import { jsx as c } from "react/jsx-runtime";
 import { c as p } from "../../chunks/vendor-D3hUOusX.js";
-const t = "radioYGroup__6119af64", d = {
+const t = "radioYGroup__71a88a48", d = {
   radioYGroup: t
 }, e = (o) => {
   const { children: r, className: s, ...a } = o, i = p(d.radioYGroup, s);

package/components/Row/Row.js

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

package/components/SMSInput/SMSInput.js

@@ -6,7 +6,7 @@ import { SMSInputInput as N } from "./components/SMSInputInput.js";
 import { SMSInputRefresh as x } from "./components/SMSInputRefresh.js";
 import { SMSInputSubmit as T } from "./components/SMSInputSubmit.js";
 import { SMSInputTooltip as v } from "./components/SMSInputTooltip.js";
-import { s as r } from "../../chunks/SMSInput.module-DkPfMZWv.js";
+import { s as r } from "../../chunks/SMSInput.module-qYyAcTFr.js";
 import { createSizeToClassNameMap as z } from "../../utils/classNameMaps.js";
 const y = z(r), t = (i) => {
   const { children: m, className: p, code: a, disabled: n, error: S, onChangeCode: l, onSubmitCode: u, size: o, ...d } = i, [c, I] = e(!0), [f, b] = e(), M = C(r.smsInput, p);
@@ -26,7 +26,7 @@ const y = z(r), t = (i) => {
         sizeClassName: y[o],
         tooltipId: f
       },
-      children: /* @__PURE__ */ s("div", { className: M, ...d, "data-tx": "1.7.0", children: m })
+      children: /* @__PURE__ */ s("div", { className: M, ...d, "data-tx": "1.9.0", children: m })
     }
   );
 };

package/components/SMSInput/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-D3hUOusX.js";
-import { s as o } from "../../../chunks/SMSInput.module-DkPfMZWv.js";
+import { s as o } from "../../../chunks/SMSInput.module-qYyAcTFr.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/SMSInput/components/SMSInputInput.js

@@ -7,7 +7,7 @@ import { FormFieldCounter as y } from "../../FormField/components/FormFieldCount
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldTarget.js";
-import { F as z } from "../../../chunks/FormFieldInput-Dc0f4nno.js";
+import { F as z } from "../../../chunks/FormFieldInput-kWDtKz1V.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
 import "../../FormField/components/FormFieldPrefix.js";
@@ -15,7 +15,7 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { EFormFieldStatus as s } from "../../FormField/enums.js";
 import { FormGroup as A } from "../../FormGroup/FormGroup.js";
 import { SMSInputContext as L } from "../SMSInputContext.js";
-import { s as O } from "../../../chunks/SMSInput.module-DkPfMZWv.js";
+import { s as O } from "../../../chunks/SMSInput.module-qYyAcTFr.js";
 import { EVENT_KEY_CODES as k } from "../../../utils/keyboard.js";
 const w = new RegExp(/^[0-9]*$/), B = v.forwardRef(
   ({ className: u, counter: o, description: l, disabled: f, maxLength: c = 8, onChange: e, onKeyDown: m, placeholder: F, ...E }, S) => {

package/components/SMSInput/components/SMSInputRefresh.js

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

package/components/SMSInput/components/SMSInputSubmit.js

@@ -9,7 +9,7 @@ import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape as h } from "../../Button/enums.js";
 import { SMSInputContext as x } from "../SMSInputContext.js";
 import { SubmitIcon as N } from "./SubmitIcon.js";
-import { s as e } from "../../../chunks/SMSInput.module-DkPfMZWv.js";
+import { s as e } from "../../../chunks/SMSInput.module-qYyAcTFr.js";
 const D = ({ className: r, disabled: a, onClick: o, ...p }) => {
   const {
     code: t,

package/components/SegmentedControl/SegmentedControl.js

@@ -1,11 +1,11 @@
 import { ESegmentedControlTheme as o, ESegmentedControlType as m } from "./enums.js";
-import { SegmentedControlSegment as y } from "./SegmentedControlSegment.js";
+import { SegmentedControlSegment as b } from "./SegmentedControlSegment.js";
 import { jsx as c } from "react/jsx-runtime";
-import E from "react";
-import { c as b } from "../../chunks/vendor-D3hUOusX.js";
+import y from "react";
+import { c as E } from "../../chunks/vendor-D3hUOusX.js";
 import { SegmentedControlContext as R } from "./SegmentedControlContext.js";
 import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
-const h = "segmentedControl__386f9d45", x = "general1__97d975b0", L = "secondary1__b571c6d5", A = "general2__d7a5c5ca", M = "secondary2__064d6123", G = "sm__ac7d350e", O = "md__79f8981f", j = "lg__2256c5fb", e = {
+const h = "segmentedControl__d5f3bf8f", x = "general1__789d6ebc", L = "secondary1__2528b8ce", A = "general2__deb2682b", M = "secondary2__02811b19", G = "sm__1259668c", O = "md__8da9021a", j = "lg__b5789400", e = {
   segmentedControl: h,
   general1: x,
   secondary1: L,
@@ -20,9 +20,9 @@ const h = "segmentedControl__386f9d45", x = "general1__97d975b0", L = "secondary
   [o.SECONDARY_1]: e.secondary1,
   [o.SECONDARY_2]: e.secondary2
 }, z = T(e), D = Object.assign(
-  E.forwardRef(
+  y.forwardRef(
     ({ children: d, className: l, value: n, theme: g, type: r, size: _, disabled: i, onSelect: t, ...f }, C) => {
-      const p = b(
+      const p = E(
         e.segmentedControl,
         v[g],
         z[_],
@@ -48,13 +48,13 @@ const h = "segmentedControl__386f9d45", x = "general1__97d975b0", L = "secondary
             disabled: !!i,
             onSegmentSelect: S
           },
-          children: /* @__PURE__ */ c("div", { className: p, ...f, "data-tx": "1.7.0", ref: C, children: d })
+          children: /* @__PURE__ */ c("div", { className: p, ...f, "data-tx": "1.9.0", ref: C, children: d })
         }
       );
     }
   ),
   {
-    Segment: y
+    Segment: b
   }
 );
 D.displayName = "SegmentedControl";

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -4,7 +4,7 @@ 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__263740e2", E = "selected__529fcf8d", I = "content__0b737753", r = {
+const y = "segmentedControlSegment__14750eb8", E = "selected__cd4068bf", I = "content__b2528ebd", r = {
   segmentedControlSegment: y,
   selected: E,
   content: I
@@ -29,18 +29,18 @@ const y = "segmentedControlSegment__263740e2", E = "selected__529fcf8d", I = "co
       case n.MULTIPLE:
         return d.includes(e);
     }
-  })(), f = L(
+  })(), b = L(
     r.segmentedControlSegment,
     { [r.selected]: t },
     "hoverable",
     { active: t },
     i
-  ), C = () => {
+  ), f = () => {
     if (c)
       return c;
     if (typeof s == "string")
       return s;
-  }, u = (b) => {
+  }, C = (u) => {
     switch (m) {
       case n.SINGLE:
         l({ value: e, selected: !0 });
@@ -49,16 +49,16 @@ const y = "segmentedControlSegment__263740e2", E = "selected__529fcf8d", I = "co
         l({ value: e, selected: !t });
         break;
     }
-    o == null || o(b);
+    o == null || o(u);
   };
   return /* @__PURE__ */ a(
     N,
     {
-      className: f,
-      title: C(),
+      className: b,
+      title: f(),
       disabled: g || p,
       "aria-pressed": t,
-      onClick: u,
+      onClick: C,
       ...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 S } from "react";
-import { isKey as b, EVENT_KEY_CODES as C } from "../../utils/keyboard.js";
+import _, { useState as b, 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-D3hUOusX.js";
 import { SelectExtendedFieldTarget as k } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown as v } from "./components/SelectExtendedFieldDropdown.js";
-const A = "SelectExtendedField__70912fe7", L = {
-  SelectExtendedField: A
+const A = "selectExtendedField__4fbd4046", 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) => {
+  _.forwardRef((y, n) => {
+    const { className: D, onKeyDown: o, children: F, renderTarget: S, closeOnTab: m, onClose: d, onOpen: s, ...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);
@@ -24,24 +24,24 @@ const A = "SelectExtendedField__70912fe7", L = {
     }, [t]), O = 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]
     );
-    return S(() => (document.addEventListener("mousedown", a), () => {
+    return w(() => (document.addEventListener("mousedown", a), () => {
       document.removeEventListener("mousedown", a);
-    }), [a]), S(() => {
+    }), [a]), w(() => {
       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),
+        className: j(L.selectExtendedField, D),
         onKeyDown: O,
         ref: h,
         ...g,
         children: [
-          F({ opened: t, setOpened: p }),
-          D({
+          S({ opened: t, setOpened: p }),
+          F({
             dropdownRef: u,
             opened: t,
             setOpened: p,

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

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -17,11 +17,11 @@ import { ETextSize as j } from "../../Typography/enums.js";
 const Q = ({
   dropdownRef: w,
   dropdownListItemClassName: l,
-  fixedWidth: c,
+  fixedWidth: n,
   loading: D,
   listId: b,
   mobileTitle: h,
-  onChange: n,
+  onChange: c,
   opened: p,
   size: x,
   options: f,
@@ -33,19 +33,13 @@ const Q = ({
   {
     opened: p && !D,
     forwardedRef: w,
-    fixedWidth: typeof c > "u" ? !0 : c,
+    fixedWidth: typeof n > "u" ? !0 : n,
     setOpened: i,
     targetRef: a,
     size: x,
     mobileViewProps: {
       children: /* @__PURE__ */ M(S, { children: [
-        /* @__PURE__ */ e(
-          k,
-          {
-            closeButton: () => /* @__PURE__ */ e(E, { onClick: () => i(!1) }),
-            children: /* @__PURE__ */ e(L, { tag: "div", size: j.B1, children: h })
-          }
-        ),
+        /* @__PURE__ */ e(k, { controlButtons: /* @__PURE__ */ e(E, { onClick: () => i(!1) }), children: /* @__PURE__ */ e(L, { tag: "div", size: j.B3, children: h }) }),
         /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(B, { children: f.map((r) => {
           const { label: d, ...t } = r;
           return /* @__PURE__ */ s(
@@ -57,7 +51,7 @@ const Q = ({
               key: r.id,
               selected: r.id === (o == null ? void 0 : o.id),
               onSelect: () => {
-                n(r), i(!1);
+                c(r), i(!1);
               }
             },
             d
@@ -76,7 +70,7 @@ const Q = ({
           key: r.id,
           selected: r.id === (o == null ? void 0 : o.id),
           onSelect: () => {
-            n(r), i(!1);
+            c(r), i(!1);
           }
         },
         d

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -12,14 +12,14 @@ import "../../FormField/components/FormFieldCounter.js";
 import { FormFieldLabel as G } from "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldClear.js";
 import { FormFieldTarget as W } from "../../FormField/components/FormFieldTarget.js";
-import "../../../chunks/FormFieldInput-Dc0f4nno.js";
+import "../../../chunks/FormFieldInput-kWDtKz1V.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 "../../FormField/components/FormFieldTextarea.js";
 import { EFormFieldStatus as s } from "../../FormField/enums.js";
 import { EComponentSize as o } from "../../../enums/EComponentSize.js";
-const v = "selectExtendedFieldTarget__bc5b12dd", U = "caretIcon__a4cd570f", V = "selectOpened__329244c7", Y = "loading__4a13548e", q = "disabled__6c247702", t = {
+const v = "selectExtendedFieldTarget__cc82d396", U = "caretIcon__e656c8f7", V = "selectOpened__a0928ea8", Y = "loading__80265935", q = "disabled__00c48124", t = {
   selectExtendedFieldTarget: v,
   caretIcon: U,
   selectOpened: V,
@@ -49,10 +49,10 @@ const v = "selectExtendedFieldTarget__bc5b12dd", U = "caretIcon__a4cd570f", V =
       loading: l,
       size: f = o.MD,
       status: d,
-      tabIndex: b,
-      fieldLabel: N,
-      ...R
-    } = _, T = B(null), L = g(
+      tabIndex: N,
+      fieldLabel: R,
+      ...T
+    } = _, b = B(null), L = g(
       t.selectExtendedFieldTarget,
       {
         [t.selectOpened]: a,
@@ -60,7 +60,7 @@ const v = "selectExtendedFieldTarget__bc5b12dd", U = "caretIcon__a4cd570f", V =
         [t.disabled]: d === s.DISABLED
       },
       h
-    ), A = () => d === s.DISABLED || l ? -1 : b || 0, C = (e) => {
+    ), A = () => d === s.DISABLED || l ? -1 : N || 0, C = (e) => {
       l && d === s.DISABLED || (F(!a), p == null || p(e));
     }, M = (e) => {
       l && d === s.DISABLED || (a || [
@@ -70,7 +70,7 @@ const v = "selectExtendedFieldTarget__bc5b12dd", U = "caretIcon__a4cd570f", V =
         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);
+      b.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
     };
     return /* @__PURE__ */ u(
       P,
@@ -83,11 +83,11 @@ const v = "selectExtendedFieldTarget__bc5b12dd", U = "caretIcon__a4cd570f", V =
         className: L,
         "aria-expanded": a,
         "aria-haspopup": "listbox",
-        "data-tx": "1.7.0",
-        ...R,
+        "data-tx": "1.9.0",
+        ...T,
         children: [
           D ? /* @__PURE__ */ r(K, { children: D }) : null,
-          /* @__PURE__ */ r(G, { children: N }),
+          /* @__PURE__ */ r(G, { children: R }),
           /* @__PURE__ */ r(
             W,
             {

package/components/Skeleton/Skeleton.js

@@ -1,19 +1,19 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as r } from "../../chunks/vendor-D3hUOusX.js";
+import { jsx as a } from "react/jsx-runtime";
+import { c as n } from "../../chunks/vendor-D3hUOusX.js";
 import { ESkeletonType as t } from "./enums.js";
-const a = "skeleton__84491141", c = "light__dc5d79c7", k = "dark__d4b2a732", o = {
-  skeleton: a,
-  light: c,
-  dark: k
-}, _ = ({ className: e, type: s = t.DARK, ...l }) => /* @__PURE__ */ n(
+const r = "skeleton__45ee1cea", k = "light__f207d5a8", c = "dark__b6926b37", e = {
+  skeleton: r,
+  light: k,
+  dark: c
+}, _ = ({ className: s, type: o = t.DARK, ...l }) => /* @__PURE__ */ a(
   "div",
   {
-    className: r(o.skeleton, e, {
-      [o.dark]: s === t.DARK,
-      [o.light]: s === t.LIGHT
+    className: n(e.skeleton, s, {
+      [e.dark]: o === t.DARK,
+      [e.light]: o === t.LIGHT
     }),
     ...l,
-    "data-tx": "1.7.0"
+    "data-tx": "1.9.0"
   }
 );
 export {

package/components/SliderExtended/SliderExtended.js

@@ -4,7 +4,7 @@ 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-VV02EHbt.js";
+import { s as c, S as F } from "../../chunks/SliderExtendedRail-45DAsx7v.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.7.0",
+          "data-tx": "1.9.0",
           children: E
         }
       )