@sberbusiness/triplex-next 0.21.0 → 0.22.0

package/components/Radio/RadioXGroup.js

@@ -1,20 +1,20 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as s } from "../../chunks/vendor-DaOifQgP.js";
-const c = "radioXGroup__94063f6f", _ = "label__e0a23862", n = {
-  radioXGroup: c,
-  "indent-12": "indent-12__ff9e2e0b",
-  label: _,
-  "indent-16": "indent-16__8b85a047",
-  "indent-20": "indent-20__9e2ca3c6",
-  "indent-24": "indent-24__c1f7ef1c",
-  "indent-28": "indent-28__788b383a",
-  "indent-32": "indent-32__c1fb0183"
-}, l = (e) => {
-  const { children: i, className: o, indent: t = 12, ...d } = e, a = s(n.radioXGroup, n[`indent-${t}`], o);
-  return /* @__PURE__ */ r("div", { className: a, role: "radiogroup", ...d, children: i });
+import { c as s } from "../../chunks/vendor---Om3uMV.js";
+const _ = "radioXGroup__413e3a87", l = "label__0ead91e3", n = {
+  radioXGroup: _,
+  "indent-12": "indent-12__ddf0883e",
+  label: l,
+  "indent-16": "indent-16__f7c00594",
+  "indent-20": "indent-20__fa6b3760",
+  "indent-24": "indent-24__b4f473ab",
+  "indent-28": "indent-28__d09156a3",
+  "indent-32": "indent-32__6e3df6e6"
+}, c = (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 });
 };
-l.displayName = "RadioXGroup";
+c.displayName = "RadioXGroup";
 export {
-  l as RadioXGroup
+  c as RadioXGroup
 };
 //# sourceMappingURL=RadioXGroup.js.map

package/components/Radio/RadioYGroup.js

@@ -1,13 +1,13 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c } from "../../chunks/vendor-DaOifQgP.js";
-const p = "radioYGroup__52fafe3e", t = {
-  radioYGroup: p
-}, d = (o) => {
-  const { children: r, className: s, ...a } = o, e = c(t.radioYGroup, s);
-  return /* @__PURE__ */ i("div", { className: e, role: "radiogroup", ...a, children: r });
+import { jsx as c } from "react/jsx-runtime";
+import { c as p } from "../../chunks/vendor---Om3uMV.js";
+const t = "radioYGroup__142abb40", d = {
+  radioYGroup: t
+}, e = (o) => {
+  const { children: r, className: s, ...a } = o, i = p(d.radioYGroup, s);
+  return /* @__PURE__ */ c("div", { className: i, role: "radiogroup", ...a, children: r });
 };
-d.displayName = "RadioYGroup";
+e.displayName = "RadioYGroup";
 export {
-  d as RadioYGroup
+  e as RadioYGroup
 };
 //# sourceMappingURL=RadioYGroup.js.map

package/components/Row/Row.js

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

package/components/SMSField/SMSField.js

@@ -1,12 +1,12 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as C } from "../../chunks/vendor-DaOifQgP.js";
+import { c as C } from "../../chunks/vendor---Om3uMV.js";
 import { useState as i } from "react";
 import { SMSFieldContext as h } from "./SMSFieldContext.js";
 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-CPSjUBD-.js";
+import { s } from "../../chunks/SMSField.module-BUVlPOpO.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.21.0", children: m })
+      children: /* @__PURE__ */ t("div", { className: F, ...n, "data-tx": "0.22.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-DaOifQgP.js";
-import { s as o } from "../../../chunks/SMSField.module-CPSjUBD-.js";
+import { c as P } from "../../../chunks/vendor---Om3uMV.js";
+import { s as o } from "../../../chunks/SMSField.module-BUVlPOpO.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 t, Fragment as I } from "react/jsx-runtime";
-import { c as v } from "../../../chunks/vendor-DaOifQgP.js";
+import { c as v } from "../../../chunks/vendor---Om3uMV.js";
 import M, { useContext as T } from "react";
-import { FormField as j } from "../../FormField/FormField.js";
+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 { FormFieldCounter as z } from "../../FormField/components/FormFieldCounter.js";
+import { F as z } from "../../../chunks/FormFieldInput-Dp--anY3.js";
 import "../../FormField/components/FormFieldLabel.js";
-import "../../FormField/components/FormFieldClear.js";
-import "../../FormField/components/FormFieldTarget.js";
-import { F as A } from "../../../chunks/FormFieldInput-C75omt8Y.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 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-CPSjUBD-.js";
+import { s as _ } from "../../../chunks/SMSField.module-BUVlPOpO.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) => {
@@ -31,10 +31,10 @@ const w = new RegExp(/^[0-9]*$/), B = M.forwardRef(
     } = T(O), D = C || u, g = v(_.input, p, f);
     let m = l.DEFAULT;
     return D && (m = l.DISABLED), x && (m = l.ERROR), /* @__PURE__ */ n(L, { children: [
-      /* @__PURE__ */ t(j, { className: p, onKeyDown: (r) => {
+      /* @__PURE__ */ t(A, { className: p, onKeyDown: (r) => {
         r.keyCode === k.ENTER && !h && R(a), i == null || i(r);
       }, size: b, status: m, children: /* @__PURE__ */ t(
-        A,
+        z,
         {
           autoComplete: "off",
           className: g,
@@ -51,7 +51,7 @@ const w = new RegExp(/^[0-9]*$/), B = M.forwardRef(
       ) }),
       /* @__PURE__ */ t(y, { children: s || o ? /* @__PURE__ */ n(I, { children: [
         s,
-        o ? /* @__PURE__ */ t(z, { children: o }) : null
+        o ? /* @__PURE__ */ t(j, { children: o }) : 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-DaOifQgP.js";
+import { c as I } from "../../../chunks/vendor---Om3uMV.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-CPSjUBD-.js";
+import { s as m } from "../../../chunks/SMSField.module-BUVlPOpO.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-DaOifQgP.js";
+import { c as S } from "../../../chunks/vendor---Om3uMV.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-CPSjUBD-.js";
+import { s } from "../../../chunks/SMSField.module-BUVlPOpO.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-DaOifQgP.js";
+import { u } from "../../../chunks/vendor---Om3uMV.js";
 const c = ({
   children: l,
   id: o,

package/components/SegmentedControl/SegmentedControl.js

@@ -2,10 +2,10 @@ 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-DaOifQgP.js";
+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__a1d428ef", L = "general1__3f53a427", b = "secondary1__d96edfd5", A = "general2__48c1231d", M = "secondary2__aa2f710e", G = "sm__4764bcd6", O = "md__516ca49a", j = "lg__050a5eec", e = {
+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 = {
   segmentedControl: x,
   general1: L,
   secondary1: b,
@@ -21,7 +21,7 @@ const x = "segmentedControl__a1d428ef", L = "general1__3f53a427", 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, ...f }, C) => {
+    ({ children: d, className: l, value: n, theme: g, type: r, size: _, disabled: i, onSelect: t, ...C }, f) => {
       const p = R(
         e.segmentedControl,
         v[g],
@@ -48,7 +48,7 @@ const x = "segmentedControl__a1d428ef", L = "general1__3f53a427", b = "secondary
             disabled: !!i,
             onSegmentSelect: S
           },
-          children: /* @__PURE__ */ c("div", { className: p, ...f, "data-tx": "0.21.0", ref: C, children: d })
+          children: /* @__PURE__ */ c("div", { className: p, ...C, "data-tx": "0.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-DaOifQgP.js";
+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__7a25d825", E = "selected__9053c82d", I = "content__e2b9180c", r = {
+const y = "segmentedControlSegment__d1f64761", E = "selected__47eabaf9", I = "content__6062068e", r = {
   segmentedControlSegment: y,
   selected: E,
   content: I
@@ -29,13 +29,13 @@ const y = "segmentedControlSegment__7a25d825", E = "selected__9053c82d", I = "co
       case n.MULTIPLE:
         return d.includes(e);
     }
-  })(), C = L(
+  })(), f = L(
     r.segmentedControlSegment,
     { [r.selected]: t },
     "hoverable",
     { active: t },
     i
-  ), f = () => {
+  ), C = () => {
     if (c)
       return c;
     if (typeof s == "string")
@@ -54,8 +54,8 @@ const y = "segmentedControlSegment__7a25d825", E = "selected__9053c82d", I = "co
   return /* @__PURE__ */ a(
     N,
     {
-      className: C,
-      title: f(),
+      className: f,
+      title: C(),
       disabled: g || p,
       "aria-pressed": t,
       onClick: u,

package/components/SelectExtendedField/SelectExtendedField.js

@@ -1,15 +1,15 @@
 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 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-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__488d31a7", L = {
   selectExtendedField: A
 }, M = Object.assign(
-  b.forwardRef((y, n) => {
-    const { className: D, onKeyDown: o, children: F, renderTarget: S, closeOnTab: m, onClose: s, onOpen: d, ...g } = y, [t, l] = K(!1), i = x(null), u = x(null), h = (e) => {
+  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);

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-C5KVFMFN.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-C5KVFMFN.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 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 { 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__8d191946", U = "caretWrapper__1393ab87", V = "caretIcon__fa337978", Y = "selectOpened__f9ee3898", q = "disabled__ccaccf45", H = "target__e193ff22", e = {
   selectExtendedFieldTarget: K,
   caretWrapper: U,
   caretIcon: V,
@@ -35,7 +35,7 @@ const K = "selectExtendedFieldTarget__6643daee", U = "caretWrapper__3084daff", 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, i) => {
+  (b, c) => {
     const {
       children: Z,
       className: g,
@@ -48,7 +48,7 @@ const K = "selectExtendedFieldTarget__6643daee", U = "caretWrapper__3084daff", V
       postfix: I,
       prefix: h,
       setOpened: N,
-      loading: c,
+      loading: d,
       size: S = o.MD,
       status: l,
       tabIndex: $,
@@ -58,24 +58,24 @@ const K = "selectExtendedFieldTarget__6643daee", U = "caretWrapper__3084daff", V
       e.selectExtendedFieldTarget,
       {
         [e.selectOpened]: a,
-        [e.loading]: c,
-        [e.disabled]: l === d.DISABLED
+        [e.loading]: d,
+        [e.disabled]: l === i.DISABLED
       },
       g
     ), T = (r) => {
-      c || l === d.DISABLED || (N(!a), f == null || f(r));
+      d || l === i.DISABLED || (N(!a), f == null || f(r));
     }, A = (r) => {
-      c && l === d.DISABLED || (a || [
+      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));
     }, M = (r) => {
-      R.current = r, typeof i == "function" ? i(r) : i && (i.current = r);
+      R.current = r, typeof c == "function" ? c(r) : c && (c.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.22.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 === i.DISABLED }), children: h }) : null,
           /* @__PURE__ */ t(w, { children: u }),
           /* @__PURE__ */ t(
-            P,
+            G,
             {
               ref: M,
               className: n(e.target, {
@@ -102,14 +102,14 @@ const K = "selectExtendedFieldTarget__6643daee", U = "caretWrapper__3084daff", V
               children: m
             }
           ),
-          /* @__PURE__ */ _(G, { children: [
-            F && /* @__PURE__ */ t(y, { onClick: F }),
-            c ? Q[S] : /* @__PURE__ */ t(
+          /* @__PURE__ */ _(y, { children: [
+            F && /* @__PURE__ */ t(v, { onClick: F }),
+            d ? Q[S] : /* @__PURE__ */ t(
               "div",
               {
                 className: n(e.caretWrapper, "hoverable", {
                   active: a,
-                  disabled: l === d.DISABLED
+                  disabled: l === i.DISABLED
                 }),
                 children: J[S]
               }