@sberbusiness/triplex-next 1.21.0 → 1.22.0

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-CuCj7SgU.js";
-import { s as o } from "../../../chunks/SMSField.module-DBEf-aa7.js";
+import { c as P } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as o } from "../../../chunks/SMSField.module-KA-eacXJ.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

@@ -1,21 +1,21 @@
 import { jsxs as n, jsx as r, Fragment as I } from "react/jsx-runtime";
-import { c as _ } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c as _ } from "../../../chunks/vendor-BiObpx9E.js";
 import v, { useContext as M } from "react";
-import { FormField as T } from "../../FormField/FormField.js";
+import { EFormFieldStatus as l } from "../../FormField/enums.js";
+import "../../FormField/components/FormFieldClear.js";
+import { FormFieldCounter as T } from "../../FormField/components/FormFieldCounter.js";
 import { FormFieldDescription as j } from "../../FormField/components/FormFieldDescription.js";
-import { FormFieldCounter as y } from "../../FormField/components/FormFieldCounter.js";
+import { F as y } from "../../../chunks/FormFieldInput--W9kjf4s.js";
 import "../../FormField/components/FormFieldLabel.js";
-import "../../FormField/components/FormFieldClear.js";
-import "../../FormField/components/FormFieldTarget.js";
-import { F as z } from "../../../chunks/FormFieldInput-BXZLkCG-.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
 import "../../FormField/components/FormFieldPrefix.js";
+import "../../FormField/components/FormFieldTarget.js";
 import "../../FormField/components/FormFieldTextarea.js";
-import { EFormFieldStatus as l } from "../../FormField/enums.js";
+import { FormField as z } from "../../FormField/FormField.js";
 import { FormGroup as A } from "../../FormGroup/FormGroup.js";
 import { SMSFieldContext as L } from "../SMSFieldContext.js";
-import { s as O } from "../../../chunks/SMSField.module-DBEf-aa7.js";
+import { s as O } from "../../../chunks/SMSField.module-KA-eacXJ.js";
 import { EVENT_KEY_CODES as k } from "../../../utils/keyboard.js";
 const w = new RegExp(/^[0-9]*$/), B = v.forwardRef(
   ({ className: f, counter: e, description: s, disabled: u, maxLength: c = 8, onChange: o, onKeyDown: i, placeholder: F, ...E }, S) => {
@@ -31,10 +31,10 @@ const w = new RegExp(/^[0-9]*$/), B = v.forwardRef(
     } = M(L), D = C || u, g = _(O.input, p, f);
     let m = l.DEFAULT;
     return D && (m = l.DISABLED), x && (m = l.ERROR), /* @__PURE__ */ n(A, { children: [
-      /* @__PURE__ */ r(T, { className: p, onKeyDown: (t) => {
+      /* @__PURE__ */ r(z, { className: p, onKeyDown: (t) => {
         t.keyCode === k.ENTER && !h && R(a), i == null || i(t);
       }, size: b, status: m, children: /* @__PURE__ */ r(
-        z,
+        y,
         {
           autoComplete: "off",
           className: g,
@@ -51,7 +51,7 @@ const w = new RegExp(/^[0-9]*$/), B = v.forwardRef(
       ) }),
       /* @__PURE__ */ r(j, { children: s || e ? /* @__PURE__ */ n(I, { children: [
         s,
-        e ? /* @__PURE__ */ r(y, { children: e }) : null
+        e ? /* @__PURE__ */ r(T, { children: e }) : null
       ] }) : null })
     ] });
   }

package/components/SMSField/components/SMSFieldRefresh.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as I } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c as I } from "../../../chunks/vendor-BiObpx9E.js";
 import { forwardRef as M, useContext as N, useMemo as y } from "react";
 import "../../Button/Button.js";
 import "../../Button/ButtonBase.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-DBEf-aa7.js";
+import { s as m } from "../../../chunks/SMSField.module-KA-eacXJ.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

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as S } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c as S } from "../../../chunks/vendor-BiObpx9E.js";
 import { useContext as f, useEffect as C } from "react";
 import "../../Button/Button.js";
 import "../../Button/ButtonBase.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-DBEf-aa7.js";
+import { s } from "../../../chunks/SMSField.module-KA-eacXJ.js";
 const D = ({ className: r, disabled: a, onClick: i, ...l }) => {
   const {
     code: t,

package/components/SMSField/components/SMSFieldTooltip.js

@@ -3,7 +3,7 @@ import { useContext as T, useEffect as f } from "react";
 import { SMSFieldContext as n } from "../SMSFieldContext.js";
 import { ETooltipSize as S, ETooltipAlign as a } from "../../Tooltip/enums.js";
 import { Tooltip as i } from "../../Tooltip/Tooltip.js";
-import { u } from "../../../chunks/vendor-CuCj7SgU.js";
+import { u } from "../../../chunks/vendor-BiObpx9E.js";
 const c = ({
   children: l,
   id: o,

package/components/SegmentedControl/SegmentedControl.js

@@ -2,13 +2,13 @@ import { ESegmentedControlTheme as o, ESegmentedControlType as m } from "./enums
 import { SegmentedControlSegment as y } from "./SegmentedControlSegment.js";
 import { jsx as c } from "react/jsx-runtime";
 import E from "react";
-import { c as R } from "../../chunks/vendor-CuCj7SgU.js";
-import { SegmentedControlContext as T } from "./SegmentedControlContext.js";
-import { createSizeToClassNameMap as h } from "../../utils/classNameMaps.js";
-const x = "segmentedControl__25a6e5e6", L = "general1__1fbf3a30", b = "secondary1__ae7cc46c", A = "general2__0e731c53", M = "secondary2__f62736c9", G = "sm__494d6c86", O = "md__609e41d6", j = "lg__88a8cfd4", e = {
-  segmentedControl: x,
-  general1: L,
-  secondary1: b,
+import { c as b } from "../../chunks/vendor-BiObpx9E.js";
+import { SegmentedControlContext as R } from "./SegmentedControlContext.js";
+import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
+const h = "segmentedControl__0d0b8610", x = "general1__8db4096f", L = "secondary1__4396fb72", A = "general2__030cdee3", M = "secondary2__797ace58", G = "sm__2cae864c", O = "md__568e05c8", j = "lg__5bd10ed2", e = {
+  segmentedControl: h,
+  general1: x,
+  secondary1: L,
   general2: A,
   secondary2: M,
   sm: G,
@@ -19,10 +19,10 @@ const x = "segmentedControl__25a6e5e6", L = "general1__1fbf3a30", b = "secondary
   [o.GENERAL_2]: e.general2,
   [o.SECONDARY_1]: e.secondary1,
   [o.SECONDARY_2]: e.secondary2
-}, z = h(e), D = Object.assign(
+}, 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) => {
-      const p = R(
+    ({ children: d, className: l, value: n, theme: g, type: r, size: _, disabled: i, onSelect: t, ...C }, f) => {
+      const p = b(
         e.segmentedControl,
         v[g],
         z[_],
@@ -40,7 +40,7 @@ const x = "segmentedControl__25a6e5e6", L = "general1__1fbf3a30", b = "secondary
         }
       };
       return /* @__PURE__ */ c(
-        T.Provider,
+        R.Provider,
         {
           value: {
             type: r,
@@ -48,7 +48,7 @@ const x = "segmentedControl__25a6e5e6", L = "general1__1fbf3a30", b = "secondary
             disabled: !!i,
             onSegmentSelect: S
           },
-          children: /* @__PURE__ */ c("div", { className: p, ...f, "data-tx": "1.21.0", ref: C, children: d })
+          children: /* @__PURE__ */ c("div", { className: p, ...C, "data-tx": "1.22.0", ref: f, children: d })
         }
       );
     }

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -1,10 +1,10 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useContext as x } from "react";
-import { c as L } from "../../chunks/vendor-CuCj7SgU.js";
+import { useContext as b } from "react";
+import { c as L } from "../../chunks/vendor-BiObpx9E.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__1817d86f", E = "selected__5f152983", I = "content__86b48668", r = {
+const y = "segmentedControlSegment__8a73d684", E = "selected__056221d9", I = "content__1a59ed94", r = {
   segmentedControlSegment: y,
   selected: E,
   content: I
@@ -22,25 +22,25 @@ const y = "segmentedControlSegment__1817d86f", E = "selected__5f152983", I = "co
     value: d,
     disabled: p,
     onSegmentSelect: l
-  } = x(_), t = (() => {
+  } = b(_), t = (() => {
     switch (m) {
       case n.SINGLE:
         return e === d;
       case n.MULTIPLE:
         return d.includes(e);
     }
-  })(), f = L(
+  })(), C = L(
     r.segmentedControlSegment,
     { [r.selected]: t },
     "hoverable",
     { active: t },
     i
-  ), C = () => {
+  ), f = () => {
     if (c)
       return c;
     if (typeof s == "string")
       return s;
-  }, u = (b) => {
+  }, u = (x) => {
     switch (m) {
       case n.SINGLE:
         l({ value: e, selected: !0 });
@@ -49,13 +49,13 @@ const y = "segmentedControlSegment__1817d86f", E = "selected__5f152983", I = "co
         l({ value: e, selected: !t });
         break;
     }
-    o == null || o(b);
+    o == null || o(x);
   };
   return /* @__PURE__ */ a(
     N,
     {
-      className: f,
-      title: C(),
+      className: C,
+      title: f(),
       disabled: g || p,
       "aria-pressed": t,
       onClick: u,

package/components/SelectExtendedField/SelectExtendedField.js

@@ -2,10 +2,10 @@ 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 { KeyDownListener as N } from "../KeyDownListener/KeyDownListener.js";
-import { c as j } from "../../chunks/vendor-CuCj7SgU.js";
+import { c as j } from "../../chunks/vendor-BiObpx9E.js";
 import { SelectExtendedFieldTarget as k } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown as v } from "./components/SelectExtendedFieldDropdown.js";
-const A = "selectExtendedField__e8caead0", L = {
+const A = "selectExtendedField__e4d7eda7", L = {
   selectExtendedField: A
 }, M = Object.assign(
   _.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-gGRZUigY.js";
+import "../../../chunks/DropdownListItem-Dl8gN2ar.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-Dl8gN2ar.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-CuCj7SgU.js";
-import { FormField as v } from "../../FormField/FormField.js";
-import "../../FormField/components/FormFieldDescription.js";
+import { c as n } from "../../../chunks/vendor-BiObpx9E.js";
+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--W9kjf4s.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-BXZLkCG-.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 i } from "../../FormField/enums.js";
+import { FormField as j } from "../../FormField/FormField.js";
 import { EComponentSize as a } from "../../../enums/EComponentSize.js";
-const K = "selectExtendedFieldTarget__1491ab51", U = "caretWrapper__f43752a4", V = "caretIcon__e33389ac", Y = "selectOpened__1fbd7347", q = "disabled__ac417eb2", H = "target__69a7efa9", e = {
+const K = "selectExtendedFieldTarget__4503e70b", U = "caretWrapper__e6f7aa98", V = "caretIcon__3089ce20", Y = "selectOpened__27a4a4a6", q = "disabled__b0196ec3", H = "target__7a2427ef", e = {
   selectExtendedFieldTarget: K,
   caretWrapper: U,
   caretIcon: V,
@@ -75,7 +75,7 @@ const K = "selectExtendedFieldTarget__1491ab51", U = "caretWrapper__f43752a4", V
       R.current = r, typeof d == "function" ? d(r) : d && (d.current = r);
     };
     return /* @__PURE__ */ b(
-      v,
+      j,
       {
         onClick: T,
         onKeyDown: A,
@@ -84,14 +84,14 @@ const K = "selectExtendedFieldTarget__1491ab51", U = "caretWrapper__f43752a4", V
         className: C,
         "aria-expanded": o,
         "aria-haspopup": "listbox",
-        "data-tx": "1.21.0",
+        "data-tx": "1.22.0",
         active: o,
         ...L,
         children: [
-          h ? /* @__PURE__ */ t(j, { className: n("hoverable", { disabled: l === i.DISABLED }), children: h }) : null,
+          h ? /* @__PURE__ */ t(P, { className: n("hoverable", { disabled: l === i.DISABLED }), children: h }) : null,
           /* @__PURE__ */ t(w, { children: g }),
           /* @__PURE__ */ t(
-            P,
+            G,
             {
               ref: M,
               className: n(e.target, {
@@ -102,8 +102,8 @@ const K = "selectExtendedFieldTarget__1491ab51", U = "caretWrapper__f43752a4", V
               children: m
             }
           ),
-          /* @__PURE__ */ b(G, { children: [
-            F && /* @__PURE__ */ t(y, { onClick: F }),
+          /* @__PURE__ */ b(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 d } from "react";
-import { SelectExtendedField as s } 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-CuCj7SgU.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-Dl8gN2ar.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-BiObpx9E.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 = d(null), i = d(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(s, { className: m, renderTarget: (e) => /* @__PURE__ */ o(
-    s.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 as n } from "../../chunks/vendor-CuCj7SgU.js";
+import { jsx as d } from "react/jsx-runtime";
+import { c as n } from "../../chunks/vendor-BiObpx9E.js";
 import { ESkeletonType as t } from "./enums.js";
-const r = "skeleton__c63fdca3", c = "light__70f4b92a", k = "dark__e644e64f", o = {
+const r = "skeleton__cdf0d949", a = "light__b76d2529", k = "dark__df15fdad", o = {
   skeleton: r,
-  light: c,
+  light: a,
   dark: k
-}, f = ({ className: s, type: e = t.DARK, ...l }) => /* @__PURE__ */ a(
+}, f = ({ className: e, type: s = t.DARK, ...l }) => /* @__PURE__ */ d(
   "div",
   {
-    className: n(o.skeleton, s, {
-      [o.dark]: e === t.DARK,
-      [o.light]: e === t.LIGHT
+    className: n(o.skeleton, e, {
+      [o.dark]: s === t.DARK,
+      [o.light]: s === t.LIGHT
     }),
     ...l,
-    "data-tx": "1.21.0"
+    "data-tx": "1.22.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-CuCj7SgU.js";
+import { c as C, l as O } from "../../chunks/vendor-BiObpx9E.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-1zC_WMFD.js";
+import { s as c, S as F } from "../../chunks/SliderExtendedRail-Dld8UNeR.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.21.0",
+          "data-tx": "1.22.0",
           children: E
         }
       )