@sberbusiness/triplex-next 0.29.0 → 0.31.0

package/components/Stepper/Stepper.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useState as A, useRef as N, useCallback as p, useEffect as w } from "react";
-import { c as l } from "../../chunks/vendor-DJ6wKpvR.js";
+import { c as l } from "../../chunks/vendor-z35N2Tap.js";
 import { CaretleftStrokeSrvIcon24 as y, CaretrightStrokeSrvIcon24 as j } from "@sberbusiness/icons-next";
 import { CarouselExtended as z } from "../CarouselExtended/CarouselExtended.js";
 import { ButtonIcon as E } from "../Button/ButtonIcon.js";
@@ -11,7 +11,7 @@ import { scrollSmoothHorizontally as h } from "../../utils/scroll.js";
 import { EComponentSize as X } from "../../enums/EComponentSize.js";
 import { EScreenWidth as $ } from "../../helpers/breakpoints.js";
 import "./enums.js";
-const q = "stepperCarousel__6cadb972", D = "stepperButtonWrapper__f233e914", F = "prev__aa490963", J = "next__9cd389c2", K = "stepperButton__96d9eda1", Q = "sm__8385283d", U = "md__7ef4bb68", V = "lg__137d5018", s = {
+const q = "stepperCarousel__02222bbd", D = "stepperButtonWrapper__1d5c7671", F = "prev__977d367f", J = "next__b6c70136", K = "stepperButton__fc53f349", Q = "sm__bd4fbd3b", U = "md__17f2bf88", V = "lg__fef1d829", s = {
   stepperCarousel: q,
   stepperButtonWrapper: D,
   prev: F,
@@ -27,69 +27,69 @@ const q = "stepperCarousel__6cadb972", D = "stepperButtonWrapper__f233e914", F =
   selectedStepId: c,
   ...M
 }) => {
-  const [x, P] = A({ stepNext: 0, stepPrev: 0 }), m = N(null), v = N({}), L = S.findIndex((t) => t.id === c), O = p(
-    ({ hidden: t, ...e }) => t ? null : /* @__PURE__ */ n("div", { className: l(s.stepperButtonWrapper, s.prev), children: /* @__PURE__ */ n(
+  const [x, P] = A({ stepNext: 0, stepPrev: 0 }), f = N(null), v = N({}), L = S.findIndex((e) => e.id === c), O = p(
+    ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ n("div", { className: l(s.stepperButtonWrapper, s.prev), children: /* @__PURE__ */ n(
       E,
       {
         className: l(s.stepperButton, g[i]),
         tabIndex: -1,
-        ...e,
+        ...t,
         children: /* @__PURE__ */ n(y, { paletteIndex: 5 })
       }
     ) }),
     [i]
   ), T = p(
-    ({ hidden: t, ...e }) => t ? null : /* @__PURE__ */ n("div", { className: l(s.stepperButtonWrapper, s.next), children: /* @__PURE__ */ n(
+    ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ n("div", { className: l(s.stepperButtonWrapper, s.next), children: /* @__PURE__ */ n(
       E,
       {
         className: l(s.stepperButton, g[i]),
         tabIndex: -1,
-        ...e,
+        ...t,
         children: /* @__PURE__ */ n(j, { paletteIndex: 5 })
       }
     ) }),
     [i]
   );
   w(() => {
-    const t = m.current;
-    if (t === null)
+    const e = f.current;
+    if (e === null)
       return;
-    const e = new ResizeObserver((r) => {
+    const t = new ResizeObserver((r) => {
       const a = r[0].contentRect.width * Y;
       P({
         stepNext: a,
         stepPrev: a
       });
     });
-    return e.observe(t), () => {
-      e.disconnect();
+    return t.observe(e), () => {
+      t.disconnect();
     };
   }, []);
-  const C = p(
-    (t, e, r, o) => {
-      r > 0 && (e.nextElementSibling && (r -= o - e.nextElementSibling.getBoundingClientRect().right), h(t, Math.ceil(r)));
+  const b = p(
+    (e, t, r, o) => {
+      r > 0 && (t.nextElementSibling && (r -= o - t.nextElementSibling.getBoundingClientRect().right), h(e, Math.ceil(r)));
     },
     []
-  ), _ = p(
-    (t, e, r, o) => {
-      r < 0 && (e.previousElementSibling && (r -= o - e.previousElementSibling.getBoundingClientRect().left), h(t, Math.floor(r)));
+  ), C = p(
+    (e, t, r, o) => {
+      r < 0 && (t.previousElementSibling && (r -= o - t.previousElementSibling.getBoundingClientRect().left), h(e, Math.floor(r)));
     },
     []
-  ), B = p((t, e) => {
-    e && h(t, e);
-  }, []), b = p(
-    (t, e) => {
-      const { left: r, right: o, width: a } = t.getBoundingClientRect(), { left: u, right: R, width: k } = e.getBoundingClientRect(), f = r + a / 2, d = u + k / 2;
-      window.matchMedia(`(max-width: ${$.SM_MAX})`).matches ? B(t, d - f) : f > d ? _(t, e, u - r, u) : f < d && C(t, e, R - o, R);
+  ), _ = p((e, t) => {
+    t && h(e, t);
+  }, []), B = p(
+    (e, t) => {
+      const { left: r, right: o, width: a } = e.getBoundingClientRect(), { left: m, right: R, width: k } = t.getBoundingClientRect(), u = r + a / 2, d = m + k / 2;
+      window.matchMedia(`(max-width: ${$.SM_MAX})`).matches ? _(e, d - u) : u > d ? C(e, t, m - r, m) : u < d && b(e, t, R - o, R);
     },
-    [B, _, C]
+    [_, C, b]
   );
   return w(() => {
     if (c) {
-      const { current: t } = m, e = v.current[c];
-      t && e && b(t, e);
+      const { current: e } = f, t = v.current[c];
+      e && t && B(e, t);
     }
-  }, [c, b]), /* @__PURE__ */ n(
+  }, [c, B]), /* @__PURE__ */ n(
     z,
     {
       className: l(s.stepperCarousel, g[i], I),
@@ -97,16 +97,16 @@ const q = "stepperCarousel__6cadb972", D = "stepperButtonWrapper__f233e914", F =
       buttonNext: T,
       stepPrev: x.stepPrev,
       stepNext: x.stepNext,
-      ref: m,
-      children: /* @__PURE__ */ n(W, { selectedStepId: c, size: i, ...M, children: S.map(({ label: t, ...e }, r) => /* @__PURE__ */ n(
+      ref: f,
+      children: /* @__PURE__ */ n(W, { selectedStepId: c, size: i, ...M, children: S.map(({ label: e, ...t }, r) => /* @__PURE__ */ n(
         W.Step,
         {
-          forwardedRef: (o) => v.current[e.id] = o,
-          ...e,
+          forwardedRef: (o) => v.current[t.id] = o,
+          ...t,
           isInActiveStep: r > L,
-          children: t
+          children: e
         },
-        e.id
+        t.id
       )) })
     }
   );

package/components/Stepper/StepperExtended.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-import { c as i } from "../../chunks/vendor-DJ6wKpvR.js";
-import { StepperStep as l } from "./StepperStep.js";
-import { StepperExtendedContext as a } from "./StepperExtendedContext.js";
+import { useMemo as x } from "react";
+import { c as a } from "../../chunks/vendor-z35N2Tap.js";
+import { StepperStep as i } from "./StepperStep.js";
+import { StepperExtendedContext as l } from "./StepperExtendedContext.js";
 import { EComponentSize as f } from "../../enums/EComponentSize.js";
-const E = "stepperExtended__27be48d7", u = {
+const E = "stepperExtended__da547fcd", u = {
   stepperExtended: E
 }, S = ({
   children: p,
@@ -12,16 +12,16 @@ const E = "stepperExtended__27be48d7", u = {
   size: e = f.LG,
   onSelectStep: t,
   selectedStepId: r,
-  forwardedRef: m,
-  ...n
+  forwardedRef: d,
+  ...m
 }) => {
-  const d = i(u.stepperExtended, s), x = c(
+  const n = a(u.stepperExtended, s), c = x(
     () => ({ selectedId: r, size: e, onSelectStep: t }),
     [r, e, t]
   );
-  return /* @__PURE__ */ o(a.Provider, { value: x, children: /* @__PURE__ */ o("ol", { className: d, role: "tablist", ...n, ref: m, children: p }) });
+  return /* @__PURE__ */ o(l.Provider, { value: c, children: /* @__PURE__ */ o("ol", { className: n, role: "tablist", ...m, ref: d, children: p }) });
 };
-S.Step = l;
+S.Step = i;
 export {
   S as StepperExtended
 };

package/components/Stepper/StepperStep.js

@@ -1,13 +1,13 @@
 import { jsxs as R, jsx as d } from "react/jsx-runtime";
 import { useContext as U, useState as V, useRef as k } from "react";
-import { c as q } from "../../chunks/vendor-DJ6wKpvR.js";
+import { c as q } from "../../chunks/vendor-z35N2Tap.js";
 import { StepperStepIcon as v } from "./StepperStepIcon.js";
 import { createSizeToClassNameMap as F } from "../../utils/classNameMaps.js";
 import { isKey as g } from "../../utils/keyboard.js";
 import { StepperExtendedContext as H } from "./StepperExtendedContext.js";
 import { EFocusSource as o } from "../../enums/EFocusSource.js";
 import { EStepperStepType as y } from "./enums.js";
-import { s as t, S as J } from "../../chunks/StepperStepArrowBorder-CjYvRZAE.js";
+import { s as t, S as J } from "../../chunks/StepperStepArrowBorder-A6WoCp_l.js";
 import { IconWrapper as L } from "../IconWrapper/IconWrapper.js";
 const Q = F(t), X = ({
   children: N,
@@ -69,7 +69,7 @@ const Q = F(t), X = ({
       ...T,
       ref: M,
       children: [
-        /* @__PURE__ */ R("div", { className: t.content, "data-tx": "0.29.0", children: [
+        /* @__PURE__ */ R("div", { className: t.content, "data-tx": "0.31.0", children: [
           h && P(),
           N
         ] }),

package/components/Stepper/StepperStepArrowBorder.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../enums/EComponentSize.js";
-import { S as t } from "../../chunks/StepperStepArrowBorder-CjYvRZAE.js";
+import { S as t } from "../../chunks/StepperStepArrowBorder-A6WoCp_l.js";
 export {
   t as StepperStepArrowBorder
 };

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,7 +4,7 @@ import { useSuggestContext as I } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-CGZyMM5K.js";
+import "../../chunks/DropdownListItem-D093kwGL.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as B } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as F } from "../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,7 +21,7 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text as j } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const k = "suggestDropdownMobileBody__48900353", z = "suggestDropdownMobileNoOptionsText__fde465e0", g = {
+const k = "suggestDropdownMobileBody__ed62c693", z = "suggestDropdownMobileNoOptionsText__da1f51b4", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, A = () => {
@@ -29,16 +29,16 @@ const k = "suggestDropdownMobileBody__48900353", z = "suggestDropdownMobileNoOpt
     value: r,
     options: s,
     inputValue: i,
-    placeholder: u,
-    noOptionsText: a,
+    placeholder: a,
+    noOptionsText: u,
     loading: w,
-    clearInputOnFocus: p,
-    dropdownListLoading: f,
-    onSelect: h,
+    clearInputOnFocus: d,
+    dropdownListLoading: b,
+    onSelect: f,
     onFilter: t,
     onScrollEnd: l,
-    closeDropdown: d
-  } = I(), b = S(null), D = n(
+    closeDropdown: p
+  } = I(), h = S(null), D = n(
     (o) => {
       if (l === void 0)
         return;
@@ -46,14 +46,14 @@ const k = "suggestDropdownMobileBody__48900353", z = "suggestDropdownMobileNoOpt
       y - C - N < 1 && l();
     },
     [l]
-  ), M = n(() => d(), [d]), x = n(
+  ), M = n(() => p(), [p]), x = n(
     (o) => {
       t(o.target.value);
     },
     [t]
   ), T = n(() => {
-    i.length !== 0 && p === !0 && t("");
-  }, [i.length, p, t]);
+    i.length !== 0 && d === !0 && t("");
+  }, [i.length, d, t]);
   return /* @__PURE__ */ c(m, { children: [
     /* @__PURE__ */ e(
       O,
@@ -66,7 +66,7 @@ const k = "suggestDropdownMobileBody__48900353", z = "suggestDropdownMobileNoOpt
           L,
           {
             value: i,
-            placeholder: u,
+            placeholder: a,
             autoFocus: !0,
             onFocus: T,
             onChange: x
@@ -81,16 +81,16 @@ const k = "suggestDropdownMobileBody__48900353", z = "suggestDropdownMobileNoOpt
         type: H.PRIMARY,
         size: E.B2,
         tag: "div",
-        children: a
+        children: u
       }
-    ) : /* @__PURE__ */ e(R, { loading: f, ref: b, children: s.map((o) => /* @__PURE__ */ e(
+    ) : /* @__PURE__ */ e(R, { loading: b, ref: h, children: s.map((o) => /* @__PURE__ */ e(
       _,
       {
         id: o.id,
         selected: o.id === (r == null ? void 0 : r.id),
         showNotificationIcon: o.showNotificationIcon,
         onSelect: () => {
-          h(o);
+          f(o);
         },
         children: o.content || o.label
       },

package/components/Suggest/useSuggest.js

@@ -1,5 +1,5 @@
 import { useState as n, useRef as C, useLayoutEffect as L, useCallback as i, useMemo as O } from "react";
-import { u as R } from "../../chunks/vendor-DJ6wKpvR.js";
+import { u as R } from "../../chunks/vendor-z35N2Tap.js";
 import { isKey as q } from "../../utils/keyboard.js";
 const D = ({
   value: o,

package/components/SuggestField/SuggestField.js

@@ -2,13 +2,13 @@ import "./desktop/SuggestFieldDesktopDropdown.js";
 import { SuggestFieldDesktop as S } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as b } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint--qfcwzvU.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-B6H-gTlk.js";
 import { jsx as o } from "react/jsx-runtime";
 import { MobileView as I } from "../MobileView/MobileView.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as O } from "../../chunks/FormFieldInput-B7snQZVi.js";
+import { F as O } from "../../chunks/FormFieldInput-DEkpK71h.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -9,7 +9,7 @@ import { EFormFieldStatus as q } from "../../FormField/enums.js";
 import { FormFieldClear as ao } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as ho } from "../../../chunks/FormFieldInput-B7snQZVi.js";
+import { F as ho } from "../../../chunks/FormFieldInput-DEkpK71h.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -23,7 +23,7 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownListContext as po } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CGZyMM5K.js";
+import "../../../chunks/DropdownListItem-D093kwGL.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -35,7 +35,7 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Dropdown/Dropdown.js";
 import { DataTestId as z } from "../../../consts/DataTestId.js";
-import { u as Fo } from "../../../chunks/vendor-DJ6wKpvR.js";
+import { u as Fo } from "../../../chunks/vendor-z35N2Tap.js";
 import { isKey as Lo } from "../../../utils/keyboard.js";
 const rt = ({
   value: e,

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -4,7 +4,7 @@ import { Portal as _ } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.js";
 import { DropdownDesktop as b } from "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as L } from "../../Dropdown/desktop/DropdownList.js";
-import { D as O } from "../../../chunks/DropdownListItem-CGZyMM5K.js";
+import { D as O } from "../../../chunks/DropdownListItem-D093kwGL.js";
 import { EDropdownWidth as u } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/SuggestField/index.js

@@ -2,7 +2,7 @@ import { SuggestFieldDesktopDropdown as r } from "./desktop/SuggestFieldDesktopD
 import { SuggestFieldDesktop as g } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as i } from "./mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown as l } from "./mobile/SuggestFieldMobileDropdown.js";
-import { S } from "../../chunks/SuggestFieldMobileDropdownHint--qfcwzvU.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-B6H-gTlk.js";
 import { SuggestField as m } from "./SuggestField.js";
 export {
   m as SuggestField,

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -7,7 +7,7 @@ import { DataTestId as A } from "../../../consts/DataTestId.js";
 import { FormFieldClear as G } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as N } from "../../../chunks/FormFieldInput-B7snQZVi.js";
+import { F as N } from "../../../chunks/FormFieldInput-DEkpK71h.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -18,7 +18,7 @@ import "../../FormField/FormField.js";
 import { LoaderSmall as T } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as V } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../../chunks/SuggestFieldMobileDropdownHint--qfcwzvU.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-B6H-gTlk.js";
 const po = ({
   value: r,
   options: b,

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -3,7 +3,7 @@ import z, { useState as D, useRef as p, useCallback as i } from "react";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CGZyMM5K.js";
+import "../../../chunks/DropdownListItem-D093kwGL.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as A } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as G } from "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -15,7 +15,7 @@ import { DropdownMobileList as L } from "../../Dropdown/mobile/DropdownMobileLis
 import { DropdownMobileListItem as Q } from "../../Dropdown/mobile/DropdownMobileListItem.js";
 import { DropdownMobileLoader as U } from "../../Dropdown/mobile/DropdownMobileLoader.js";
 import { Dropdown as W } from "../../Dropdown/Dropdown.js";
-import { s as X, S as Y } from "../../../chunks/SuggestFieldMobileDropdownHint--qfcwzvU.js";
+import { s as X, S as Y } from "../../../chunks/SuggestFieldMobileDropdownHint-B6H-gTlk.js";
 const Z = ({
   value: o,
   options: M,

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -4,7 +4,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { S as g } from "../../../chunks/SuggestFieldMobileDropdownHint--qfcwzvU.js";
+import { S as g } from "../../../chunks/SuggestFieldMobileDropdownHint-B6H-gTlk.js";
 export {
   g as SuggestFieldMobileDropdownHint
 };

package/components/SuggestField/mobile/index.js

@@ -1,6 +1,6 @@
 import { SuggestFieldMobile as r } from "./SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown as t } from "./SuggestFieldMobileDropdown.js";
-import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint--qfcwzvU.js";
+import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-B6H-gTlk.js";
 export {
   r as SuggestFieldMobile,
   t as SuggestFieldMobileDropdown,