@sberbusiness/triplex-next 1.9.0 → 1.10.0

package/components/Radio/Radio.js

@@ -1,34 +1,36 @@
-import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import { jsxs as f, jsx as d } from "react/jsx-runtime";
 import N from "react";
-import { c as d } from "../../chunks/vendor-D3hUOusX.js";
+import { c as n } from "../../chunks/vendor-ClY57Zzq.js";
 import "../Typography/Title.js";
 import { Text as x } from "../Typography/Text.js";
 import "../Typography/Caption.js";
-import { ETextSize as m } from "../Typography/enums.js";
-import { EComponentSize as i } from "../../enums/EComponentSize.js";
+import { ETextSize as i } from "../Typography/enums.js";
+import { EComponentSize as a } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as z } from "../../utils/classNameMaps.js";
-const y = "label__ab8d5c22", T = "md__fdf9a2de", M = "nonempty__23d20671", u = "lg__6b7a59b6", I = "disabled__d1ec4f12", R = "radio__6d2c5f73", S = "radioIcon__44b6cffc", o = {
+const y = "label__b99ebba7", M = "sm__19b358dd", T = "nonempty__e40a081e", S = "md__01c6f49f", u = "lg__1bad1b1b", I = "disabled__b6d77d39", R = "radio__ddb85fe8", g = "radioIcon__1d3ce0f8", o = {
   label: y,
-  md: T,
-  nonempty: M,
+  sm: M,
+  nonempty: T,
+  md: S,
   lg: u,
   disabled: I,
   radio: R,
-  radioIcon: S
-}, g = {
-  [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(
+  radioIcon: g
+}, B = {
+  [a.LG]: i.B2,
+  [a.MD]: i.B3,
+  [a.SM]: i.B3
+}, C = z(o), h = N.forwardRef((c, r) => {
+  const { children: e, className: l, disabled: m, labelAttributes: s, size: t = a.MD, ...p } = c, b = n(o.radio, l, C[t]), _ = n(
     o.label,
-    o[e],
-    { [o.disabled]: !!c, [o.nonempty]: !!s },
-    a == null ? void 0 : a.className
+    o[t],
+    { [o.disabled]: !!m, [o.nonempty]: !!e },
+    s == null ? void 0 : s.className
   );
-  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 })
+  return /* @__PURE__ */ f("label", { ...s, className: _, "data-tx": "1.10.0", children: [
+    /* @__PURE__ */ d("input", { type: "radio", className: b, disabled: m, ...p, ref: r }),
+    /* @__PURE__ */ d("span", { className: o.radioIcon }),
+    e && /* @__PURE__ */ d(x, { size: B[t], children: e })
   ] });
 });
 h.displayName = "Radio";

package/components/Radio/RadioXGroup.js

@@ -1,20 +1,20 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as s } from "../../chunks/vendor-D3hUOusX.js";
-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) => {
+import { c as s } from "../../chunks/vendor-ClY57Zzq.js";
+const _ = "radioXGroup__93b0b917", c = "label__b99ebba7", n = {
+  radioXGroup: _,
+  "indent-12": "indent-12__1813bb4e",
+  label: c,
+  "indent-16": "indent-16__7fda13ba",
+  "indent-20": "indent-20__73780f1d",
+  "indent-24": "indent-24__bcfb3872",
+  "indent-28": "indent-28__48fcb576",
+  "indent-32": "indent-32__ef9c0a24"
+}, b = (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";
+b.displayName = "RadioXGroup";
 export {
-  l as RadioXGroup
+  b as RadioXGroup
 };
 //# sourceMappingURL=RadioXGroup.js.map

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__71a88a48", d = {
+import { c as p } from "../../chunks/vendor-ClY57Zzq.js";
+const t = "radioYGroup__903f6a46", d = {
   radioYGroup: t
 }, e = (o) => {
   const { children: r, className: s, ...a } = o, i = p(d.radioYGroup, s);

package/components/Row/Row.js

@@ -1,11 +1,11 @@
 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,
+import { c as m } from "../../chunks/vendor-ClY57Zzq.js";
+const a = "row__d2c85e59", i = "noPaddingBottom__0319f4c3", o = {
+  row: a,
   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 });
+}, e = ({ children: t, className: n, paddingBottom: s = !0, ...r }) => {
+  const c = m(n, o.row, { [o.noPaddingBottom]: !s });
+  return /* @__PURE__ */ d("div", { className: c, ...r, children: t });
 };
 e.displayName = "Row";
 export {

package/components/SMSField/SMSField.js

@@ -0,0 +1,41 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as C } from "../../chunks/vendor-ClY57Zzq.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-ibOZLVgV.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);
+  return /* @__PURE__ */ t(
+    h.Provider,
+    {
+      value: {
+        code: a,
+        disabled: !!d,
+        disabledSubmit: f,
+        error: !!S,
+        onChangeCode: p,
+        onSubmitCode: c,
+        setDisabledSubmit: u,
+        setTooltipId: M,
+        size: o,
+        sizeClassName: I[o],
+        tooltipId: b
+      },
+      children: /* @__PURE__ */ t("div", { className: F, ...n, "data-tx": "1.10.0", children: m })
+    }
+  );
+};
+e.displayName = "SMSField";
+e.Tooltip = v;
+e.Refresh = x;
+e.Input = N;
+e.Submit = T;
+export {
+  e as SMSField
+};
+//# sourceMappingURL=SMSField.js.map

package/components/{SMSInput/SMSInputContext.js → SMSField/SMSFieldContext.js}

@@ -16,8 +16,8 @@ const o = {
   size: t.LG,
   sizeClassName: "",
   tooltipId: void 0
-}, a = e.createContext(o);
+}, s = e.createContext(o);
 export {
-  a as SMSInputContext
+  s as SMSFieldContext
 };
-//# sourceMappingURL=SMSInputContext.js.map
+//# sourceMappingURL=SMSFieldContext.js.map

package/components/{SMSInput → 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-D3hUOusX.js";
-import { s as o } from "../../../chunks/SMSInput.module-qYyAcTFr.js";
+import { c as P } from "../../../chunks/vendor-ClY57Zzq.js";
+import { s as o } from "../../../chunks/SMSField.module-ibOZLVgV.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" + // Рисуем горизонтальную линию вправо в начало сектора.
@@ -20,9 +20,9 @@ a + // Радиус окружности дуги по оси X.
     [o.empty]: !c.disabled
   });
   return c.size === u.LG ? /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", focusable: "false", children: [
-    /* @__PURE__ */ s("clipPath", { id: `clipFront${t}`, children: /* @__PURE__ */ s("path", { d: w(16, 16, 18, t) }) }),
+    /* @__PURE__ */ s("clipPath", { id: `clipFrontLG${t}`, children: /* @__PURE__ */ s("path", { d: w(16, 16, 18, t) }) }),
     /* @__PURE__ */ s("path", { className: a, d }),
-    /* @__PURE__ */ s("path", { className: o.full, d, clipPath: `url(#clipFront${t})` })
+    /* @__PURE__ */ s("path", { className: o.full, d, clipPath: `url(#clipFrontLG${t})` })
   ] }) : /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", focusable: "false", children: [
     /* @__PURE__ */ s("clipPath", { id: `clipFront${t}`, children: /* @__PURE__ */ s("path", { d: w(10, 10, 14, t) }) }),
     /* @__PURE__ */ s("path", { className: a, d: r }),

package/components/SMSField/components/SMSFieldInput.js

@@ -0,0 +1,63 @@
+import { jsxs as n, jsx as r, Fragment as I } from "react/jsx-runtime";
+import { c as _ } from "../../../chunks/vendor-ClY57Zzq.js";
+import v, { useContext as M } from "react";
+import { FormField as T } from "../../FormField/FormField.js";
+import { FormFieldDescription as j } from "../../FormField/components/FormFieldDescription.js";
+import { FormFieldCounter as y } from "../../FormField/components/FormFieldCounter.js";
+import "../../FormField/components/FormFieldLabel.js";
+import "../../FormField/components/FormFieldClear.js";
+import "../../FormField/components/FormFieldTarget.js";
+import { F as z } from "../../../chunks/FormFieldInput-hUwbIuBd.js";
+import "../../FormField/components/FormFieldMaskedInput.js";
+import "../../FormField/components/FormFieldPostfix.js";
+import "../../FormField/components/FormFieldPrefix.js";
+import "../../FormField/components/FormFieldTextarea.js";
+import { EFormFieldStatus as l } from "../../FormField/enums.js";
+import { FormGroup as A } from "../../FormGroup/FormGroup.js";
+import { SMSFieldContext as L } from "../SMSFieldContext.js";
+import { s as O } from "../../../chunks/SMSField.module-ibOZLVgV.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) => {
+    const {
+      code: a,
+      disabled: C,
+      disabledSubmit: h,
+      error: x,
+      onChangeCode: N,
+      onSubmitCode: R,
+      size: b,
+      sizeClassName: p
+    } = 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) => {
+        t.keyCode === k.ENTER && !h && R(a), i == null || i(t);
+      }, size: b, status: m, children: /* @__PURE__ */ r(
+        z,
+        {
+          autoComplete: "off",
+          className: g,
+          maxLength: c,
+          onChange: (t) => {
+            const d = t.target.value;
+            w.test(d) && (N(d), o == null || o(t));
+          },
+          placeholder: F,
+          ref: S,
+          value: a,
+          ...E
+        }
+      ) }),
+      /* @__PURE__ */ r(j, { children: s || e ? /* @__PURE__ */ n(I, { children: [
+        s,
+        e ? /* @__PURE__ */ r(y, { children: e }) : null
+      ] }) : null })
+    ] });
+  }
+);
+B.displayName = "SMSFieldInput";
+export {
+  B as SMSFieldInput
+};
+//# sourceMappingURL=SMSFieldInput.js.map

package/components/SMSField/components/SMSFieldRefresh.js

@@ -0,0 +1,39 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as I } from "../../../chunks/vendor-ClY57Zzq.js";
+import { forwardRef as M, useContext as N, useMemo as y } from "react";
+import "../../Button/Button.js";
+import "../../Button/ButtonBase.js";
+import { ButtonIcon as B } from "../../Button/ButtonIcon.js";
+import "../../Button/ButtonDropdown.js";
+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-ibOZLVgV.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, {
+      [m.disabled]: a
+    }), x = y(() => s >= e || o || r ? 0 : (e - s) / e, [e, s, o, r]);
+    return /* @__PURE__ */ i(
+      B,
+      {
+        "aria-describedby": S,
+        className: R,
+        disabled: a,
+        onClick: (C) => {
+          p(), t == null || t(C);
+        },
+        ref: n,
+        shape: F.SQUIRCLE,
+        ...f,
+        children: /* @__PURE__ */ i(z, { percent: x || 0, size: h, disabled: !!(o || r) })
+      }
+    );
+  }
+);
+D.displayName = "SMSFieldRefresh";
+export {
+  D as SMSFieldRefresh
+};
+//# sourceMappingURL=SMSFieldRefresh.js.map

package/components/SMSField/components/SMSFieldSubmit.js

@@ -0,0 +1,43 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as S } from "../../../chunks/vendor-ClY57Zzq.js";
+import { useContext as f, useEffect as C } from "react";
+import "../../Button/Button.js";
+import "../../Button/ButtonBase.js";
+import { ButtonIcon as h } from "../../Button/ButtonIcon.js";
+import "../../Button/ButtonDropdown.js";
+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-ibOZLVgV.js";
+const D = ({ className: r, disabled: a, onClick: i, ...l }) => {
+  const {
+    code: t,
+    disabled: d,
+    onSubmitCode: p,
+    setDisabledSubmit: e,
+    size: c,
+    sizeClassName: n
+  } = f(I), o = d || a || t === "", b = S(s.btnSubmit, { [s.active]: !!t }, n, r);
+  return C(() => {
+    e(o);
+  }, [o, e]), /* @__PURE__ */ m(
+    h,
+    {
+      active: !!t,
+      className: b,
+      disabled: o,
+      onClick: (u) => {
+        p(t), i == null || i(u);
+      },
+      shape: x.CIRCLE,
+      ...l,
+      children: /* @__PURE__ */ m(N, { size: c })
+    }
+  );
+};
+D.displayName = "SMSFieldSubmit";
+export {
+  D as SMSFieldSubmit
+};
+//# sourceMappingURL=SMSFieldSubmit.js.map

package/components/SMSField/components/SMSFieldTooltip.js

@@ -0,0 +1,38 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+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 { a as u } from "../../../chunks/vendor-ClY57Zzq.js";
+const c = ({
+  children: l,
+  id: o,
+  message: p,
+  targetRef: m,
+  ...s
+}) => {
+  const { tooltipId: t, setTooltipId: e } = T(n);
+  return f(() => {
+    o === void 0 ? e(u()) : o !== t && e(o);
+  }, [o]), /* @__PURE__ */ d(
+    i,
+    {
+      alignTip: a.START,
+      disableAdaptiveMode: !0,
+      id: t,
+      size: S.SM,
+      targetRef: m,
+      toggleType: "hover",
+      ...s,
+      children: [
+        /* @__PURE__ */ r(i.Body, { children: p }),
+        /* @__PURE__ */ r(i.Target, { children: l })
+      ]
+    }
+  );
+};
+c.displayName = "SMSFieldTooltip";
+export {
+  c as SMSFieldTooltip
+};
+//# sourceMappingURL=SMSFieldTooltip.js.map

package/components/SMSField/index.js

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

package/components/SegmentedControl/SegmentedControl.js

@@ -1,11 +1,11 @@
 import { ESegmentedControlTheme as o, ESegmentedControlType as m } from "./enums.js";
-import { SegmentedControlSegment as b } from "./SegmentedControlSegment.js";
+import { SegmentedControlSegment as y } from "./SegmentedControlSegment.js";
 import { jsx as c } from "react/jsx-runtime";
-import y from "react";
-import { c as E } from "../../chunks/vendor-D3hUOusX.js";
+import E from "react";
+import { c as b } from "../../chunks/vendor-ClY57Zzq.js";
 import { SegmentedControlContext as R } from "./SegmentedControlContext.js";
 import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
-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 = {
+const h = "segmentedControl__469541ac", x = "general1__e4394bc6", L = "secondary1__00905f3f", A = "general2__cbad1a74", M = "secondary2__84ba2751", G = "sm__7fecf14c", O = "md__f8dfb4c9", j = "lg__19e53c50", e = {
   segmentedControl: h,
   general1: x,
   secondary1: L,
@@ -20,13 +20,13 @@ const h = "segmentedControl__d5f3bf8f", x = "general1__789d6ebc", L = "secondary
   [o.SECONDARY_1]: e.secondary1,
   [o.SECONDARY_2]: e.secondary2
 }, z = T(e), D = Object.assign(
-  y.forwardRef(
-    ({ children: d, className: l, value: n, theme: g, type: r, size: _, disabled: i, onSelect: t, ...f }, C) => {
-      const p = E(
+  E.forwardRef(
+    ({ children: l, className: d, value: n, theme: g, type: r, size: _, disabled: f, onSelect: t, ...i }, C) => {
+      const p = b(
         e.segmentedControl,
         v[g],
         z[_],
-        l
+        d
       ), S = ({
         selected: a,
         value: s
@@ -45,16 +45,16 @@ const h = "segmentedControl__d5f3bf8f", x = "general1__789d6ebc", L = "secondary
           value: {
             type: r,
             value: n,
-            disabled: !!i,
+            disabled: !!f,
             onSegmentSelect: S
           },
-          children: /* @__PURE__ */ c("div", { className: p, ...f, "data-tx": "1.9.0", ref: C, children: d })
+          children: /* @__PURE__ */ c("div", { className: p, ...i, "data-tx": "1.10.0", ref: C, children: l })
         }
       );
     }
   ),
   {
-    Segment: b
+    Segment: y
   }
 );
 D.displayName = "SegmentedControl";

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -1,10 +1,10 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import { useContext as x } from "react";
-import { c as L } from "../../chunks/vendor-D3hUOusX.js";
+import { c as L } from "../../chunks/vendor-ClY57Zzq.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__14750eb8", E = "selected__cd4068bf", I = "content__b2528ebd", r = {
+const y = "segmentedControlSegment__d372a317", E = "selected__aab224ca", I = "content__6ad4fc70", r = {
   segmentedControlSegment: y,
   selected: E,
   content: I
@@ -19,48 +19,48 @@ const y = "segmentedControlSegment__14750eb8", E = "selected__cd4068bf", I = "co
 }) => {
   const {
     type: m,
-    value: d,
+    value: a,
     disabled: p,
-    onSegmentSelect: l
+    onSegmentSelect: d
   } = x(_), t = (() => {
     switch (m) {
       case n.SINGLE:
-        return e === d;
+        return e === a;
       case n.MULTIPLE:
-        return d.includes(e);
+        return a.includes(e);
     }
-  })(), b = L(
+  })(), f = L(
     r.segmentedControlSegment,
     { [r.selected]: t },
     "hoverable",
     { active: t },
     i
-  ), f = () => {
+  ), C = () => {
     if (c)
       return c;
     if (typeof s == "string")
       return s;
-  }, C = (u) => {
+  }, u = (b) => {
     switch (m) {
       case n.SINGLE:
-        l({ value: e, selected: !0 });
+        d({ value: e, selected: !0 });
         break;
       case n.MULTIPLE:
-        l({ value: e, selected: !t });
+        d({ value: e, selected: !t });
         break;
     }
-    o == null || o(u);
+    o == null || o(b);
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ l(
     N,
     {
-      className: b,
-      title: f(),
+      className: f,
+      title: C(),
       disabled: g || p,
       "aria-pressed": t,
-      onClick: C,
+      onClick: u,
       ...S,
-      children: /* @__PURE__ */ a("span", { className: r.content, children: s })
+      children: /* @__PURE__ */ l("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 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 _, { 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-D3hUOusX.js";
+import { c as j } from "../../chunks/vendor-ClY57Zzq.js";
 import { SelectExtendedFieldTarget as k } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown as v } from "./components/SelectExtendedFieldDropdown.js";
-const A = "selectExtendedField__4fbd4046", L = {
+const A = "selectExtendedField__7a302128", L = {
   selectExtendedField: A
 }, M = Object.assign(
   _.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) => {
+    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) => {
       i.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
     }, p = c((e) => {
       l(e);
@@ -24,15 +24,15 @@ const A = "selectExtendedField__4fbd4046", L = {
     }, [t]), O = c(
       (e) => {
         const r = e.code || e.keyCode;
-        m && K(r, "TAB") && f(), o == null || o(e);
+        m && b(r, "TAB") && f(), o == null || o(e);
       },
       [m, f, o]
     );
     return w(() => (document.addEventListener("mousedown", a), () => {
       document.removeEventListener("mousedown", a);
     }), [a]), w(() => {
-      t ? s == null || s() : d == null || d();
-    }, [t, s, d]), /* @__PURE__ */ R(N, { onMatch: f, eventKeyCode: C.ESCAPE, children: /* @__PURE__ */ T(
+      t ? d == null || d() : s == null || s();
+    }, [t, d, s]), /* @__PURE__ */ R(N, { onMatch: f, eventKeyCode: C.ESCAPE, children: /* @__PURE__ */ T(
       "div",
       {
         className: j(L.selectExtendedField, D),

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

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -5,21 +5,21 @@ import { EVENT_KEY_CODES as n } from "../../../utils/keyboard.js";
 import { LoaderSmall as x } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as S } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { c as g } from "../../../chunks/vendor-D3hUOusX.js";
+import { c as g } from "../../../chunks/vendor-ClY57Zzq.js";
 import { FormField as P } from "../../FormField/FormField.js";
 import "../../FormField/components/FormFieldDescription.js";
 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-kWDtKz1V.js";
+import "../../../chunks/FormFieldInput-hUwbIuBd.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__cc82d396", U = "caretIcon__e656c8f7", V = "selectOpened__a0928ea8", Y = "loading__80265935", q = "disabled__00c48124", t = {
+const v = "selectExtendedFieldTarget__b3d74656", U = "caretIcon__7473c99a", V = "selectOpened__37ae6402", Y = "loading__02963651", q = "disabled__29f7712a", t = {
   selectExtendedFieldTarget: v,
   caretIcon: U,
   selectOpened: V,
@@ -50,9 +50,9 @@ const v = "selectExtendedFieldTarget__cc82d396", U = "caretIcon__e656c8f7", V =
       size: f = o.MD,
       status: d,
       tabIndex: N,
-      fieldLabel: R,
-      ...T
-    } = _, b = B(null), L = g(
+      fieldLabel: b,
+      ...R
+    } = _, T = B(null), L = g(
       t.selectExtendedFieldTarget,
       {
         [t.selectOpened]: a,
@@ -70,7 +70,7 @@ const v = "selectExtendedFieldTarget__cc82d396", U = "caretIcon__e656c8f7", V =
         n.ARROW_UP
       ].includes(e.keyCode) && (e.preventDefault(), e.stopPropagation(), F(!a)), m == null || m(e));
     }, O = (e) => {
-      b.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+      T.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
     };
     return /* @__PURE__ */ u(
       P,
@@ -83,11 +83,11 @@ const v = "selectExtendedFieldTarget__cc82d396", U = "caretIcon__e656c8f7", V =
         className: L,
         "aria-expanded": a,
         "aria-haspopup": "listbox",
-        "data-tx": "1.9.0",
-        ...T,
+        "data-tx": "1.10.0",
+        ...R,
         children: [
           D ? /* @__PURE__ */ r(K, { children: D }) : null,
-          /* @__PURE__ */ r(G, { children: R }),
+          /* @__PURE__ */ r(G, { children: b }),
           /* @__PURE__ */ r(
             W,
             {