@sberbusiness/triplex-next 0.19.1 → 0.21.0

package/components/Pagination/components/PaginationSelect.js

@@ -1,20 +1,20 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import m, { useState as p } from "react";
-import { u as S, c as d } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { ETextSize as g } from "../../Typography/enums.js";
+import { u as S, c as d } from "../../../chunks/vendor-DaOifQgP.js";
+import { ETextSize as f } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
-import { Text as f } from "../../Typography/Text.js";
+import { Text as g } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { SelectField as x } from "../../SelectField/SelectField.js";
 import { EComponentSize as u } from "../../../enums/EComponentSize.js";
-const C = "paginationSelect__6935b831", b = "paginationSelectControl__12e83163", o = {
+const C = "paginationSelect__1c894016", z = "paginationSelectControl__e311f602", o = {
   paginationSelect: C,
-  paginationSelectControl: b
-}, z = m.forwardRef(
+  paginationSelectControl: z
+}, P = m.forwardRef(
   ({ paginationLabel: t, className: n, options: a, value: r, onChange: l }, c) => {
     const [i] = p(() => `Pagination-${S()}`);
     return /* @__PURE__ */ s("div", { className: d(o.paginationSelect, n), ref: c, children: [
-      /* @__PURE__ */ e(f, { size: g.B3, id: i, children: t }),
+      /* @__PURE__ */ e(g, { size: f.B3, id: i, children: t }),
       /* @__PURE__ */ e("div", { className: o.paginationSelectControl, children: /* @__PURE__ */ e(
         x,
         {
@@ -32,8 +32,8 @@ const C = "paginationSelect__6935b831", b = "paginationSelectControl__12e83163",
     ] });
   }
 );
-z.displayName = "PaginationSelect";
+P.displayName = "PaginationSelect";
 export {
-  z as PaginationSelect
+  P as PaginationSelect
 };
 //# sourceMappingURL=PaginationSelect.js.map

package/components/Pagination/utils/paginationUtils.js

@@ -1,4 +1,4 @@
-import { k as R } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { j as R } from "../../../chunks/vendor-DaOifQgP.js";
 const m = -1, h = {
   // Создание массива чисел в заданном диапазоне с заданным шагом.
   generateRange: (n, i, e = 1) => n > i ? [] : R(n, i + 1, e),

package/components/Portal/index.js

@@ -0,0 +1,5 @@
+import { Portal as t } from "./Portal.js";
+export {
+  t as Portal
+};
+//# sourceMappingURL=index.js.map

package/components/Radio/Radio.js

@@ -1,13 +1,13 @@
-import { jsxs as _, jsx as i } from "react/jsx-runtime";
+import { jsxs as b, jsx as i } from "react/jsx-runtime";
 import N from "react";
-import { c as n } from "../../chunks/vendor-DE8Zvm0w.js";
+import { c as n } from "../../chunks/vendor-DaOifQgP.js";
 import { ETextSize as m } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import { Text as x } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize as s } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as z } from "../../utils/classNameMaps.js";
-const y = "label__cfd405bb", M = "sm__addee9ec", T = "nonempty__9ff63a57", S = "md__9a34950d", g = "lg__e559d70b", I = "disabled__bf03a6eb", R = "radio__16f090f7", u = "radioIcon__ba70df35", a = {
+const y = "label__e0a23862", M = "sm__f10d5ca9", T = "nonempty__716e13f1", S = "md__2fe62dae", g = "lg__9d9fa452", I = "disabled__836b2195", R = "radio__3d115247", u = "radioIcon__c4df8f8d", o = {
   label: y,
   sm: M,
   nonempty: T,
@@ -20,16 +20,16 @@ const y = "label__cfd405bb", M = "sm__addee9ec", T = "nonempty__9ff63a57", S = "
   [s.LG]: m.B2,
   [s.MD]: m.B3,
   [s.SM]: m.B4
-}, C = z(a), h = N.forwardRef((c, r) => {
-  const { children: e, className: l, disabled: d, labelAttributes: o, size: t = s.MD, ...p } = c, b = n(a.radio, l, C[t]), f = n(
-    a.label,
-    a[t],
-    { [a.disabled]: !!d, [a.nonempty]: !!e },
-    o == null ? void 0 : o.className
+}, C = z(o), h = N.forwardRef((c, r) => {
+  const { children: e, className: l, disabled: d, labelAttributes: a, size: t = s.MD, ...p } = c, _ = n(o.radio, l, C[t]), f = n(
+    o.label,
+    o[t],
+    { [o.disabled]: !!d, [o.nonempty]: !!e },
+    a == null ? void 0 : a.className
   );
-  return /* @__PURE__ */ _("label", { ...o, className: f, "data-tx": "0.19.1", children: [
-    /* @__PURE__ */ i("input", { type: "radio", className: b, disabled: d, ...p, ref: r }),
-    /* @__PURE__ */ i("span", { className: a.radioIcon }),
+  return /* @__PURE__ */ b("label", { ...a, className: f, "data-tx": "0.21.0", children: [
+    /* @__PURE__ */ i("input", { type: "radio", className: _, disabled: d, ...p, ref: r }),
+    /* @__PURE__ */ i("span", { className: o.radioIcon }),
     e && /* @__PURE__ */ i(x, { size: B[t], tag: "div", children: e })
   ] });
 });

package/components/Radio/RadioXGroup.js

@@ -1,17 +1,17 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as s } from "../../chunks/vendor-DE8Zvm0w.js";
-const c = "radioXGroup__512dc05a", _ = "label__cfd405bb", n = {
+import { c as s } from "../../chunks/vendor-DaOifQgP.js";
+const c = "radioXGroup__94063f6f", _ = "label__e0a23862", n = {
   radioXGroup: c,
-  "indent-12": "indent-12__0560ddf3",
+  "indent-12": "indent-12__ff9e2e0b",
   label: _,
-  "indent-16": "indent-16__413327fc",
-  "indent-20": "indent-20__d0cc4412",
-  "indent-24": "indent-24__3250ff61",
-  "indent-28": "indent-28__17fa9220",
-  "indent-32": "indent-32__7c5da73c"
-}, l = (d) => {
-  const { children: e, className: i, indent: o = 12, ...t } = d, a = s(n.radioXGroup, n[`indent-${o}`], i);
-  return /* @__PURE__ */ r("div", { className: a, role: "radiogroup", ...t, children: e });
+  "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 });
 };
 l.displayName = "RadioXGroup";
 export {

package/components/Radio/RadioYGroup.js

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

package/components/Row/Row.js

@@ -1,11 +1,11 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as a } from "../../chunks/vendor-DE8Zvm0w.js";
-const c = "row__0126d277", i = "noPaddingBottom__7759bb08", o = {
+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,
   noPaddingBottom: i
 }, e = ({ children: t, className: n, paddingBottom: s = !0, ...r }) => {
-  const d = a(n, o.row, { [o.noPaddingBottom]: !s });
-  return /* @__PURE__ */ m("div", { className: d, ...r, children: t });
+  const a = m(n, o.row, { [o.noPaddingBottom]: !s });
+  return /* @__PURE__ */ d("div", { className: a, ...r, 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-DE8Zvm0w.js";
+import { c as C } from "../../chunks/vendor-DaOifQgP.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-BM5o6WPK.js";
+import { s } from "../../chunks/SMSField.module-CPSjUBD-.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.19.1", children: m })
+      children: /* @__PURE__ */ t("div", { className: F, ...n, "data-tx": "0.21.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-DE8Zvm0w.js";
-import { s as o } from "../../../chunks/SMSField.module-BM5o6WPK.js";
+import { c as P } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as o } from "../../../chunks/SMSField.module-CPSjUBD-.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,5 +1,5 @@
 import { jsxs as n, jsx as t, Fragment as I } from "react/jsx-runtime";
-import { c as v } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as v } from "../../../chunks/vendor-DaOifQgP.js";
 import M, { useContext as T } from "react";
 import { FormField as j } from "../../FormField/FormField.js";
 import { FormFieldDescription as y } from "../../FormField/components/FormFieldDescription.js";
@@ -7,7 +7,7 @@ import { FormFieldCounter as z } from "../../FormField/components/FormFieldCount
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldTarget.js";
-import { F as A } from "../../../chunks/FormFieldInput-CC-nRhb4.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";
@@ -15,7 +15,7 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { EFormFieldStatus as l } from "../../FormField/enums.js";
 import { FormGroup as L } from "../../FormGroup/FormGroup.js";
 import { SMSFieldContext as O } from "../SMSFieldContext.js";
-import { s as _ } from "../../../chunks/SMSField.module-BM5o6WPK.js";
+import { s as _ } from "../../../chunks/SMSField.module-CPSjUBD-.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

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as I } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as I } from "../../../chunks/vendor-DaOifQgP.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-BM5o6WPK.js";
+import { s as m } from "../../../chunks/SMSField.module-CPSjUBD-.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-DE8Zvm0w.js";
+import { c as S } from "../../../chunks/vendor-DaOifQgP.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-BM5o6WPK.js";
+import { s } from "../../../chunks/SMSField.module-CPSjUBD-.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-DE8Zvm0w.js";
+import { u } from "../../../chunks/vendor-DaOifQgP.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 b } from "../../chunks/vendor-DE8Zvm0w.js";
-import { SegmentedControlContext as R } from "./SegmentedControlContext.js";
-import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
-const h = "segmentedControl__6dab1e94", x = "general1__bc24208f", L = "secondary1__d5baed5e", A = "general2__18246076", M = "secondary2__12fa35f9", G = "sm__a90a0633", O = "md__04a6f0b5", j = "lg__081d5638", e = {
-  segmentedControl: h,
-  general1: x,
-  secondary1: L,
+import { c as R } from "../../chunks/vendor-DaOifQgP.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 = {
+  segmentedControl: x,
+  general1: L,
+  secondary1: b,
   general2: A,
   secondary2: M,
   sm: G,
@@ -19,10 +19,10 @@ const h = "segmentedControl__6dab1e94", x = "general1__bc24208f", L = "secondary
   [o.GENERAL_2]: e.general2,
   [o.SECONDARY_1]: e.secondary1,
   [o.SECONDARY_2]: e.secondary2
-}, z = T(e), D = Object.assign(
+}, 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) => {
-      const p = b(
+      const p = R(
         e.segmentedControl,
         v[g],
         z[_],
@@ -40,7 +40,7 @@ const h = "segmentedControl__6dab1e94", x = "general1__bc24208f", L = "secondary
         }
       };
       return /* @__PURE__ */ c(
-        R.Provider,
+        T.Provider,
         {
           value: {
             type: r,
@@ -48,7 +48,7 @@ const h = "segmentedControl__6dab1e94", x = "general1__bc24208f", L = "secondary
             disabled: !!i,
             onSegmentSelect: S
           },
-          children: /* @__PURE__ */ c("div", { className: p, ...f, "data-tx": "0.19.1", ref: C, children: d })
+          children: /* @__PURE__ */ c("div", { className: p, ...f, "data-tx": "0.21.0", ref: C, children: d })
         }
       );
     }

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -1,10 +1,10 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useContext as b } from "react";
-import { c as L } from "../../chunks/vendor-DE8Zvm0w.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useContext as x } from "react";
+import { c as L } from "../../chunks/vendor-DaOifQgP.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__d2e80588", E = "selected__a39860ae", I = "content__700ad403", r = {
+const y = "segmentedControlSegment__7a25d825", E = "selected__9053c82d", I = "content__e2b9180c", r = {
   segmentedControlSegment: y,
   selected: E,
   content: I
@@ -21,8 +21,8 @@ const y = "segmentedControlSegment__d2e80588", E = "selected__a39860ae", I = "co
     type: m,
     value: d,
     disabled: p,
-    onSegmentSelect: a
-  } = b(_), t = (() => {
+    onSegmentSelect: l
+  } = x(_), t = (() => {
     switch (m) {
       case n.SINGLE:
         return e === d;
@@ -40,18 +40,18 @@ const y = "segmentedControlSegment__d2e80588", E = "selected__a39860ae", I = "co
       return c;
     if (typeof s == "string")
       return s;
-  }, u = (x) => {
+  }, u = (b) => {
     switch (m) {
       case n.SINGLE:
-        a({ value: e, selected: !0 });
+        l({ value: e, selected: !0 });
         break;
       case n.MULTIPLE:
-        a({ value: e, selected: !t });
+        l({ value: e, selected: !t });
         break;
     }
-    o == null || o(x);
+    o == null || o(b);
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ a(
     N,
     {
       className: C,
@@ -60,7 +60,7 @@ const y = "segmentedControlSegment__d2e80588", E = "selected__a39860ae", I = "co
       "aria-pressed": t,
       onClick: u,
       ...S,
-      children: /* @__PURE__ */ l("span", { className: r.content, children: s })
+      children: /* @__PURE__ */ a("span", { className: r.content, children: s })
     }
   );
 };

package/components/SelectExtendedField/SelectExtendedField.js

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

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

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

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -1,96 +1,99 @@
-import { jsx as o, jsxs as F } from "react/jsx-runtime";
-import M, { useRef as O } from "react";
-import { CaretdownStrokeSrvIcon24 as z, CaretdownStrokeSrvIcon20 as B, CaretdownStrokeSrvIcon16 as W } from "@sberbusiness/icons-next";
-import { EVENT_KEY_CODES as c } from "../../../utils/keyboard.js";
+import { jsx as t, jsxs as _ } 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";
 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-DE8Zvm0w.js";
-import { FormField as k } from "../../FormField/FormField.js";
+import { c as n } from "../../../chunks/vendor-DaOifQgP.js";
+import { FormField as v } from "../../FormField/FormField.js";
 import "../../FormField/components/FormFieldDescription.js";
 import "../../FormField/components/FormFieldCounter.js";
-import { FormFieldLabel as v } from "../../FormField/components/FormFieldLabel.js";
-import "../../FormField/components/FormFieldClear.js";
-import { FormFieldTarget as w } from "../../FormField/components/FormFieldTarget.js";
-import "../../../chunks/FormFieldInput-CC-nRhb4.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 y } from "../../FormField/components/FormFieldPostfix.js";
-import { FormFieldPrefix as P } from "../../FormField/components/FormFieldPrefix.js";
+import { FormFieldPostfix as G } from "../../FormField/components/FormFieldPostfix.js";
+import { FormFieldPrefix as j } from "../../FormField/components/FormFieldPrefix.js";
 import "../../FormField/components/FormFieldTextarea.js";
 import { EFormFieldStatus as d } from "../../FormField/enums.js";
-import { EComponentSize as r } from "../../../enums/EComponentSize.js";
-const G = "selectExtendedFieldTarget__606b0778", j = "caretWrapper__24bf7d35", K = "caretIcon__01a6d9ed", U = "selectOpened__684d0cf2", V = "disabled__bb4590cb", e = {
-  selectExtendedFieldTarget: G,
-  caretWrapper: j,
-  caretIcon: K,
-  selectOpened: U,
-  disabled: V
-}, Y = {
-  [r.SM]: /* @__PURE__ */ o(W, { paletteIndex: 5, className: e.caretIcon }),
-  [r.MD]: /* @__PURE__ */ o(B, { paletteIndex: 5, className: e.caretIcon }),
-  [r.LG]: /* @__PURE__ */ o(z, { paletteIndex: 5, className: e.caretIcon })
-}, q = {
-  [r.SM]: /* @__PURE__ */ o(x, { size: r.SM, theme: D.BRAND }),
-  [r.MD]: /* @__PURE__ */ o(x, { size: r.MD, theme: D.BRAND }),
-  [r.LG]: /* @__PURE__ */ o(x, { size: r.LG, theme: D.BRAND })
-}, H = M.forwardRef(
-  (N, i) => {
+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 = {
+  selectExtendedFieldTarget: K,
+  caretWrapper: U,
+  caretIcon: V,
+  selectOpened: Y,
+  disabled: q,
+  target: H
+}, J = {
+  [o.SM]: /* @__PURE__ */ t(k, { paletteIndex: 5, className: e.caretIcon }),
+  [o.MD]: /* @__PURE__ */ t(W, { paletteIndex: 5, className: e.caretIcon }),
+  [o.LG]: /* @__PURE__ */ t(B, { paletteIndex: 5, className: e.caretIcon })
+}, Q = {
+  [o.SM]: /* @__PURE__ */ t(x, { size: o.SM, theme: D.BRAND }),
+  [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) => {
     const {
-      children: J,
-      className: u,
+      children: Z,
+      className: g,
       label: m,
       placeholder: E,
       onKeyDown: p,
       onClick: f,
+      onClear: F,
       opened: a,
-      postfix: b,
-      prefix: I,
-      setOpened: h,
-      loading: s,
-      size: S = r.MD,
+      postfix: I,
+      prefix: h,
+      setOpened: N,
+      loading: c,
+      size: S = o.MD,
       status: l,
-      tabIndex: Q,
-      fieldLabel: _,
+      tabIndex: $,
+      fieldLabel: u,
       ...L
-    } = N, R = O(null), g = n(
+    } = b, R = z(null), C = n(
       e.selectExtendedFieldTarget,
       {
         [e.selectOpened]: a,
-        [e.loading]: s,
+        [e.loading]: c,
         [e.disabled]: l === d.DISABLED
       },
-      u
-    ), T = (t) => {
-      s && l === d.DISABLED || (h(!a), f == null || f(t));
-    }, A = (t) => {
-      s && l === d.DISABLED || (a || [
-        c.SPACE,
-        c.ENTER,
-        c.ARROW_DOWN,
-        c.ARROW_UP
-      ].includes(t.keyCode) && (t.preventDefault(), t.stopPropagation(), h(!a)), p == null || p(t));
-    }, C = (t) => {
-      R.current = t, typeof i == "function" ? i(t) : i && (i.current = t);
+      g
+    ), T = (r) => {
+      c || l === d.DISABLED || (N(!a), f == null || f(r));
+    }, A = (r) => {
+      c && l === d.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);
     };
-    return /* @__PURE__ */ F(
-      k,
+    return /* @__PURE__ */ _(
+      v,
       {
         onClick: T,
         onKeyDown: A,
         status: l,
         size: S,
-        className: g,
+        className: C,
         "aria-expanded": a,
         "aria-haspopup": "listbox",
-        "data-tx": "0.19.1",
+        "data-tx": "0.21.0",
+        active: a,
         ...L,
         children: [
-          I ? /* @__PURE__ */ o(P, { className: n("hoverable", { disabled: l === d.DISABLED }), children: I }) : null,
-          /* @__PURE__ */ o(v, { children: _ }),
-          /* @__PURE__ */ o(
-            w,
+          h ? /* @__PURE__ */ t(j, { className: n("hoverable", { disabled: l === d.DISABLED }), children: h }) : null,
+          /* @__PURE__ */ t(w, { children: u }),
+          /* @__PURE__ */ t(
+            P,
             {
-              ref: C,
+              ref: M,
               className: n(e.target, {
                 [e.placeholder]: !!E && !m,
                 [e.label]: !!m
@@ -99,26 +102,27 @@ const G = "selectExtendedFieldTarget__606b0778", j = "caretWrapper__24bf7d35", K
               children: m
             }
           ),
-          /* @__PURE__ */ F(y, { children: [
-            /* @__PURE__ */ o(
+          /* @__PURE__ */ _(G, { children: [
+            F && /* @__PURE__ */ t(y, { onClick: F }),
+            c ? Q[S] : /* @__PURE__ */ t(
               "div",
               {
                 className: n(e.caretWrapper, "hoverable", {
                   active: a,
                   disabled: l === d.DISABLED
                 }),
-                children: s ? q[S] : Y[S]
+                children: J[S]
               }
             ),
-            b || null
+            I || null
           ] })
         ]
       }
     );
   }
 );
-H.displayName = "SelectExtendedFieldTarget";
+X.displayName = "SelectExtendedFieldTarget";
 export {
-  H as SelectExtendedFieldTarget
+  X as SelectExtendedFieldTarget
 };
 //# sourceMappingURL=SelectExtendedFieldTarget.js.map

package/components/SelectField/SelectField.js

@@ -5,7 +5,7 @@ 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-DE8Zvm0w.js";
+import { u as I } from "../../chunks/vendor-DaOifQgP.js";
 const C = S.forwardRef((c, t) => {
   const {
     children: L,