@sberbusiness/triplex-next 1.20.0 → 1.22.0

package/components/Stepper/StepperWrapper.js

@@ -1,12 +1,12 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as a } from "../../chunks/vendor-BIl4KTrD.js";
-const o = "stepperWrapper__59b2a836", c = {
-  stepperWrapper: o
-}, W = ({ children: p, className: r, ...e }) => {
-  const s = a(c.stepperWrapper, r);
-  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "1.20.0", children: p });
+import { c as a } from "../../chunks/vendor-BiObpx9E.js";
+const c = "stepperWrapper__ddd0f0c9", o = {
+  stepperWrapper: c
+}, n = ({ children: p, className: r, ...e }) => {
+  const s = a(o.stepperWrapper, r);
+  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "1.22.0", children: p });
 };
 export {
-  W as StepperWrapper
+  n as StepperWrapper
 };
 //# sourceMappingURL=StepperWrapper.js.map

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,7 +4,7 @@ import { useSuggestContext as F } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-JDPG7EtK.js";
+import "../../chunks/DropdownListItem-Dl8gN2ar.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as N } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as I } from "../Dropdown/mobile/DropdownMobileClose.js";
@@ -20,7 +20,7 @@ import { ETextSize as E, EFontType as H } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import { Text as j } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const k = "suggestDropdownMobileBody__aab5cfd2", z = "suggestDropdownMobileNoOptionsText__50ca753e", g = {
+const k = "suggestDropdownMobileBody__9ea4819f", z = "suggestDropdownMobileNoOptionsText__b922fd8a", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, A = () => {
@@ -28,16 +28,16 @@ const k = "suggestDropdownMobileBody__aab5cfd2", z = "suggestDropdownMobileNoOpt
     value: n,
     options: s,
     inputValue: i,
-    placeholder: a,
-    noOptionsText: u,
+    placeholder: u,
+    noOptionsText: a,
     loading: b,
     clearInputOnFocus: p,
     dropdownListLoading: w,
-    onSelect: D,
+    onSelect: f,
     onFilter: t,
     onScrollEnd: l,
     closeDropdown: d
-  } = F(), f = B(null), h = r(
+  } = F(), D = B(null), h = r(
     (o) => {
       if (l === void 0)
         return;
@@ -65,7 +65,7 @@ const k = "suggestDropdownMobileBody__aab5cfd2", z = "suggestDropdownMobileNoOpt
           L,
           {
             value: i,
-            placeholder: a,
+            placeholder: u,
             autoFocus: !0,
             onFocus: T,
             onChange: x
@@ -80,15 +80,15 @@ const k = "suggestDropdownMobileBody__aab5cfd2", z = "suggestDropdownMobileNoOpt
         type: H.PRIMARY,
         size: E.B2,
         tag: "div",
-        children: u
+        children: a
       }
-    ) : /* @__PURE__ */ e(R, { loading: w, ref: f, children: s.map((o) => /* @__PURE__ */ e(
+    ) : /* @__PURE__ */ e(R, { loading: w, ref: D, children: s.map((o) => /* @__PURE__ */ e(
       _,
       {
         id: o.id,
         selected: o.id === (n == null ? void 0 : n.id),
         onSelect: () => {
-          D(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-BIl4KTrD.js";
+import { u as R } from "../../chunks/vendor-BiObpx9E.js";
 import { isKey as q } from "../../utils/keyboard.js";
 const D = ({
   value: o,

package/components/SuggestField/SuggestField.js

@@ -2,20 +2,20 @@ 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-BfOcMGUs.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-Cf_uwjFP.js";
 import { jsx as o } from "react/jsx-runtime";
 import { MobileView as I } from "../MobileView/MobileView.js";
-import "../FormField/FormField.js";
-import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldDescription.js";
+import { F as O } from "../../chunks/FormFieldInput--W9kjf4s.js";
 import "../FormField/components/FormFieldLabel.js";
-import "../FormField/components/FormFieldClear.js";
-import "../FormField/components/FormFieldTarget.js";
-import { F as O } from "../../chunks/FormFieldInput-C4pLJsXx.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 "../FormField/FormField.js";
 const h = (t) => {
   const {
     status: i,

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -5,25 +5,25 @@ import { EComponentSize as co } from "../../../enums/EComponentSize.js";
 import { Tooltip as E } from "../../Tooltip/Tooltip.js";
 import { ETooltipSize as lo } from "../../Tooltip/enums.js";
 import { TextFieldBase as ao } from "../../TextField/TextFieldBase.js";
-import "../../FormField/FormField.js";
-import "../../FormField/components/FormFieldDescription.js";
+import { EFormFieldStatus as _ } from "../../FormField/enums.js";
+import { FormFieldClear as go } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
+import "../../FormField/components/FormFieldDescription.js";
+import { F as ho } from "../../../chunks/FormFieldInput--W9kjf4s.js";
 import "../../FormField/components/FormFieldLabel.js";
-import { FormFieldClear as go } from "../../FormField/components/FormFieldClear.js";
-import "../../FormField/components/FormFieldTarget.js";
-import { F as ho } from "../../../chunks/FormFieldInput-C4pLJsXx.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 _ } from "../../FormField/enums.js";
+import "../../FormField/FormField.js";
 import { LoaderSmall as Do } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as wo } from "../../Loader/LoaderSmall/enum.js";
 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-JDPG7EtK.js";
+import "../../../chunks/DropdownListItem-Dl8gN2ar.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 q } from "../../../consts/DataTestId.js";
-import { u as So } from "../../../chunks/vendor-BIl4KTrD.js";
+import { u as So } from "../../../chunks/vendor-BiObpx9E.js";
 import { isKey as Fo } from "../../../utils/keyboard.js";
 const re = ({
   value: t,

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -1,10 +1,11 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useCallback as h } from "react";
-import { Portal as u } from "../../Portal/Portal.js";
+import { useCallback as E } from "react";
+import { Portal as b } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.js";
-import { DropdownDesktop as x } from "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as L } from "../../Dropdown/desktop/DropdownList.js";
-import { D as O } from "../../../chunks/DropdownListItem-JDPG7EtK.js";
+import { DropdownDesktop as L } from "../../Dropdown/desktop/DropdownDesktop.js";
+import { DropdownList as O } from "../../Dropdown/desktop/DropdownList.js";
+import { D as u } from "../../../chunks/DropdownListItem-Dl8gN2ar.js";
+import { EDropdownWidth as x } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -17,53 +18,53 @@ import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import "../../Dropdown/Dropdown.js";
-import { EVENT_KEY_CODES as T } from "../../../utils/keyboard.js";
+import { EVENT_KEY_CODES as y } from "../../../utils/keyboard.js";
 import { DataTestId as c } from "../../../consts/DataTestId.js";
-const y = [T.ENTER], z = ({
+const A = [y.ENTER], rr = ({
   size: l,
   value: m,
   options: d,
-  targetRef: D,
-  listId: E,
+  targetRef: h,
+  listId: D,
   dataTestId: t,
   opened: s,
-  listLoading: e,
+  listLoading: p,
   onMouseDown: o,
   onSelect: g,
-  onScrollEnd: p,
+  onScrollEnd: e,
   renderList: f,
   renderListItem: n,
   ...S
 }) => {
-  const a = f === void 0 ? L : f, w = n === void 0 ? O : n, C = h(
+  const w = f === void 0 ? O : f, a = n === void 0 ? u : n, C = E(
     (r) => {
       r.preventDefault(), o == null || o(r);
     },
     [o]
-  ), $ = h(
+  ), T = E(
     (r) => {
-      if (p === void 0 || e)
+      if (e === void 0 || p)
         return;
-      const { scrollHeight: k, scrollTop: _, clientHeight: b } = r.currentTarget;
-      k - _ - b < 1 && p();
+      const { scrollHeight: $, scrollTop: k, clientHeight: _ } = r.currentTarget;
+      $ - k - _ < 1 && e();
     },
-    [p, e]
+    [e, p]
   );
-  return /* @__PURE__ */ i(u, { container: document.body, children: /* @__PURE__ */ i(
-    x,
+  return /* @__PURE__ */ i(b, { container: document.body, children: /* @__PURE__ */ i(
+    L,
     {
       size: l,
-      targetRef: D,
+      targetRef: h,
       "data-test-id": t && `${t}${c.Suggest.dropdown}`,
       opened: s,
       ...S,
-      fixedWidth: !0,
+      width: x.TARGET,
       onMouseDown: C,
-      children: /* @__PURE__ */ i(a, { id: E, size: l, dropdownOpened: s, loading: e, onScroll: $, children: d == null ? void 0 : d.map((r) => /* @__PURE__ */ i(
-        w,
+      children: /* @__PURE__ */ i(w, { id: D, size: l, dropdownOpened: s, loading: p, onScroll: T, children: d == null ? void 0 : d.map((r) => /* @__PURE__ */ i(
+        a,
         {
           id: r.id,
-          keyCodesForSelection: y,
+          keyCodesForSelection: A,
           "data-test-id": t && `${t}${c.Suggest.dropdown}${c.Dropdown.listItem}`,
           selected: r.id === (m == null ? void 0 : m.id),
           onSelect: () => g(r),
@@ -75,6 +76,6 @@ const y = [T.ENTER], z = ({
   ) });
 };
 export {
-  z as SuggestFieldDesktopDropdown
+  rr as SuggestFieldDesktopDropdown
 };
 //# sourceMappingURL=SuggestFieldDesktopDropdown.js.map

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-BfOcMGUs.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-Cf_uwjFP.js";
 import { SuggestField as m } from "./SuggestField.js";
 export {
   m as SuggestField,

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -4,21 +4,21 @@ import { EComponentSize as I } from "../../../enums/EComponentSize.js";
 import { SuggestFieldMobileDropdown as M } from "./SuggestFieldMobileDropdown.js";
 import { TextFieldBase as _ } from "../../TextField/TextFieldBase.js";
 import { DataTestId as $ } from "../../../consts/DataTestId.js";
-import "../../FormField/FormField.js";
-import "../../FormField/components/FormFieldDescription.js";
+import { FormFieldClear as y } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
+import "../../FormField/components/FormFieldDescription.js";
+import { F as A } from "../../../chunks/FormFieldInput--W9kjf4s.js";
 import "../../FormField/components/FormFieldLabel.js";
-import { FormFieldClear as y } from "../../FormField/components/FormFieldClear.js";
-import "../../FormField/components/FormFieldTarget.js";
-import { F as A } from "../../../chunks/FormFieldInput-C4pLJsXx.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 "../../FormField/FormField.js";
 import { LoaderSmall as G } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as N } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../../chunks/SuggestFieldMobileDropdownHint-BfOcMGUs.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-Cf_uwjFP.js";
 const lo = ({
   value: r,
   options: b,

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -3,7 +3,7 @@ import N, { useState as M, 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-JDPG7EtK.js";
+import "../../../chunks/DropdownListItem-Dl8gN2ar.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as q } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as z } from "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -15,7 +15,7 @@ import { DropdownMobileList as J } from "../../Dropdown/mobile/DropdownMobileLis
 import { DropdownMobileListItem as K } from "../../Dropdown/mobile/DropdownMobileListItem.js";
 import { DropdownMobileLoader as L } from "../../Dropdown/mobile/DropdownMobileLoader.js";
 import { Dropdown as Q } from "../../Dropdown/Dropdown.js";
-import { s as U, S as W } from "../../../chunks/SuggestFieldMobileDropdownHint-BfOcMGUs.js";
+import { s as U, S as W } from "../../../chunks/SuggestFieldMobileDropdownHint-Cf_uwjFP.js";
 const X = ({
   value: o,
   options: C,

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -3,7 +3,7 @@ import "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { S as d } from "../../../chunks/SuggestFieldMobileDropdownHint-BfOcMGUs.js";
+import { S as d } from "../../../chunks/SuggestFieldMobileDropdownHint-Cf_uwjFP.js";
 export {
   d 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-BfOcMGUs.js";
+import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-Cf_uwjFP.js";
 export {
   r as SuggestFieldMobile,
   t as SuggestFieldMobileDropdown,

package/components/SwipeableArea/SwipeableArea.js

@@ -1,7 +1,7 @@
-import { jsxs as j, jsx as _ } from "react/jsx-runtime";
-import z, { useState as w, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
-import { c as g } from "../../chunks/vendor-BIl4KTrD.js";
-const H = "swipeableArea__1b5b9b60", V = "content__5a1a0db5", $ = "disableScroll__4bf72f23", k = "disablePointerEvents__3b1e1beb", q = "swipeAnimationFinish__38aaff12", G = "leftContent__f7defe82", J = "rightContent__3bc3ba8b", s = {
+import { jsxs as j, jsx as w } from "react/jsx-runtime";
+import z, { useState as A, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
+import { c as g } from "../../chunks/vendor-BiObpx9E.js";
+const H = "swipeableArea__da9f6b67", V = "content__5ee2338a", $ = "disableScroll__535639ca", k = "disablePointerEvents__987d237b", q = "swipeAnimationFinish__392d181f", G = "leftContent__d11c3f78", J = "rightContent__3554b4e6", s = {
   swipeableArea: H,
   content: V,
   disableScroll: $,
@@ -9,32 +9,32 @@ const H = "swipeableArea__1b5b9b60", V = "content__5a1a0db5", $ = "disableScroll
   swipeAnimationFinish: q,
   leftContent: G,
   rightContent: J
-}, b = 24, A = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
-  ({ children: L, className: I, leftSwipeableArea: p, rightSwipeableArea: m, ...y }, B) => {
-    const [C, a] = w(!1), [l, d] = w(), [o, e] = w(0), i = u(null), r = u(null), n = u(0), f = u(N), S = u(null), X = () => {
+}, p = 24, b = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
+  ({ children: L, className: I, leftSwipeableArea: m, rightSwipeableArea: C, ...y }, B) => {
+    const [S, a] = A(!1), [l, d] = A(), [o, e] = A(0), i = u(null), r = u(null), n = u(0), h = u(N), _ = u(null), X = () => {
       a(!0);
       const t = n.current - o;
       n.current === 0 ? t > 0 ? e(
-        t > b ? -r.current.getBoundingClientRect().width : 0
+        t > p ? -r.current.getBoundingClientRect().width : 0
       ) : e(
-        Math.abs(t) > b ? i.current.getBoundingClientRect().width : 0
+        Math.abs(t) > p ? i.current.getBoundingClientRect().width : 0
       ) : n.current > 0 ? t > 0 && e(
-        t > b ? 0 : i.current.getBoundingClientRect().width
+        t > p ? 0 : i.current.getBoundingClientRect().width
       ) : n.current < 0 && t < 0 && e(
-        Math.abs(t) > b ? 0 : -r.current.getBoundingClientRect().width
+        Math.abs(t) > p ? 0 : -r.current.getBoundingClientRect().width
       );
     }, E = () => {
-      f.current = N, d(void 0), document.removeEventListener("touchend", E);
+      h.current = N, d(void 0), document.removeEventListener("touchend", E);
     };
     M(() => {
       !l && o !== n.current && X();
     }, [l]);
     const x = (t) => {
-      f.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = o, document.addEventListener("touchend", E);
+      h.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = o, document.addEventListener("touchend", E);
     }, O = (t) => {
       if (t.touches.length != 1)
         return;
-      const c = t.touches[0].clientX - f.current.clientX, F = t.touches[0].clientY - f.current.clientY;
+      const c = t.touches[0].clientX - h.current.clientX, F = t.touches[0].clientY - h.current.clientY;
       if (!l) {
         Math.abs(F) > Math.abs(c) ? d(
           "vertical"
@@ -47,16 +47,16 @@ const H = "swipeableArea__1b5b9b60", V = "content__5a1a0db5", $ = "disableScroll
       }
       if (l === "vertical")
         return;
-      const h = n.current + c;
-      n.current === 0 ? c > 0 && p ? e(
-        Math.min(h, i.current.getBoundingClientRect().width)
-      ) : c < 0 && m && e(
-        Math.max(h, -r.current.getBoundingClientRect().width)
-      ) : n.current > 0 ? c < 0 && e(Math.max(0, h)) : n.current < 0 && c > 0 && e(Math.min(0, h));
+      const f = n.current + c;
+      n.current === 0 ? c > 0 && m ? e(
+        Math.min(f, i.current.getBoundingClientRect().width)
+      ) : c < 0 && C && e(
+        Math.max(f, -r.current.getBoundingClientRect().width)
+      ) : n.current > 0 ? c < 0 && e(Math.max(0, f)) : n.current < 0 && c > 0 && e(Math.min(0, f));
     }, D = () => a(!1), P = () => r.current ? Math.abs(o) / r.current.getBoundingClientRect().width : 1, Y = () => i.current ? Math.abs(o) / i.current.getBoundingClientRect().width : 1;
     M(() => {
       const t = (c) => {
-        c.touches.length == 1 && S.current && !S.current.contains(c.target) && (a(!0), e(0), d(void 0));
+        c.touches.length == 1 && _.current && !_.current.contains(c.target) && (a(!0), e(0), d(void 0));
       };
       return document.addEventListener("touchstart", t), () => document.removeEventListener("touchstart", t);
     }, []);
@@ -86,38 +86,38 @@ const H = "swipeableArea__1b5b9b60", V = "content__5a1a0db5", $ = "disableScroll
       {
         className: g(s.swipeableArea, I),
         ...y,
-        "data-tx": "1.20.0",
-        ref: S,
+        "data-tx": "1.22.0",
+        ref: _,
         children: [
-          typeof p < "u" ? /* @__PURE__ */ _(
+          typeof m < "u" ? /* @__PURE__ */ w(
             "div",
             {
               className: g(s.leftContent, {
-                [A]: C
+                [b]: S
               }),
               ref: i,
               style: { opacity: Y() },
-              children: p
+              children: m
             }
           ) : null,
-          typeof m < "u" ? /* @__PURE__ */ _(
+          typeof C < "u" ? /* @__PURE__ */ w(
             "div",
             {
               className: g(s.rightContent, {
-                [A]: C
+                [b]: S
               }),
               ref: r,
               style: { opacity: P() },
-              children: m
+              children: C
             }
           ) : null,
-          /* @__PURE__ */ _(
+          /* @__PURE__ */ w(
             "div",
             {
               className: g(s.content, {
                 [Q]: o !== 0,
                 [K]: l === "horizontal",
-                [A]: C
+                [b]: S
               }),
               onTouchStart: x,
               onTouchMove: O,

package/components/Table/FilterPanel.js

@@ -1,13 +1,13 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as r } from "../../chunks/vendor-BIl4KTrD.js";
-const s = "filterPanel__59d72920", i = {
+import { c as r } from "../../chunks/vendor-BiObpx9E.js";
+const s = "filterPanel__9394dce4", i = {
   filterPanel: s
 }, n = ({ children: e, className: l, ...t }) => /* @__PURE__ */ a(
   "div",
   {
     className: r(i.filterPanel, l),
     ...t,
-    "data-tx": "1.20.0",
+    "data-tx": "1.22.0",
     children: e
   }
 );

package/components/Table/MasterTable.js

@@ -1,17 +1,17 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useState as i } from "react";
 import { MasterTableContext as n } from "./MasterTableContext.js";
-import { c as b } from "../../chunks/vendor-BIl4KTrD.js";
+import { c as b } from "../../chunks/vendor-BiObpx9E.js";
 import { NoColumns as p } from "./NoColumns.js";
 import { FilterPanel as T } from "./FilterPanel.js";
-import { TabsLinePanel as f } from "./TabsLinePanel.js";
-import { TableBasic as c } from "./TableBasic/TableBasic.js";
+import { TabsLinePanel as c } from "./TabsLinePanel.js";
+import { TableBasic as f } from "./TableBasic/TableBasic.js";
 import { TableBasicSettings as P } from "./TableBasicSettings/TableBasicSettings.js";
 import { TableFooter as u } from "./TableFooter/TableFooter.js";
 import { PaginationPanel as d } from "./PaginationPanel.js";
 import "./TableBasicSettings/components/ColumnSettings.js";
 import "./TableBasic/enums.js";
-const x = "masterTable__f3d7b1f2", g = {
+const x = "masterTable__b3620423", g = {
   masterTable: x
 }, e = ({ children: t, className: o, loading: r = !1, ...m }) => {
   const [s, l] = i([]);
@@ -28,7 +28,7 @@ const x = "masterTable__f3d7b1f2", g = {
         {
           className: b(g.masterTable, o),
           ...m,
-          "data-tx": "1.20.0",
+          "data-tx": "1.22.0",
           children: t
         }
       )
@@ -38,8 +38,8 @@ const x = "masterTable__f3d7b1f2", g = {
 e.displayName = "MasterTable";
 e.NoColumns = p;
 e.FilterPanel = T;
-e.TabsLinePanel = f;
-e.TableBasic = c;
+e.TabsLinePanel = c;
+e.TableBasic = f;
 e.TableBasicSettings = P;
 e.TableFooter = u;
 e.PaginationPanel = d;

package/components/Table/NoColumns.js

@@ -1,17 +1,17 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { c as e } from "../../chunks/vendor-BIl4KTrD.js";
+import { c as e } from "../../chunks/vendor-BiObpx9E.js";
 import { Gap as l } from "../Gap/Gap.js";
 import { ServicesetupSysIcon96 as r } from "@sberbusiness/icons-next";
-const i = "noColumns__f9c5d4fd", a = "content__2c689ded", s = {
-  noColumns: i,
-  content: a
-}, d = ({ children: n, className: t, ...c }) => /* @__PURE__ */ m("div", { className: e(s.noColumns, t), ...c, children: [
+const a = "noColumns__a5ebc52b", i = "content__cf2e584a", s = {
+  noColumns: a,
+  content: i
+}, p = ({ children: n, className: t, ...c }) => /* @__PURE__ */ m("div", { className: e(s.noColumns, t), ...c, children: [
   /* @__PURE__ */ o(r, {}),
   /* @__PURE__ */ o(l, { size: 8 }),
   /* @__PURE__ */ o("div", { className: s.content, children: n })
 ] });
-d.displayName = "NoColumns";
+p.displayName = "NoColumns";
 export {
-  d as NoColumns
+  p as NoColumns
 };
 //# sourceMappingURL=NoColumns.js.map

package/components/Table/PaginationPanel.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../chunks/vendor-BIl4KTrD.js";
-const e = "paginationPanel__6a55b0eb", s = {
-  paginationPanel: e
+import { c as o } from "../../chunks/vendor-BiObpx9E.js";
+const s = "paginationPanel__5c61bb14", e = {
+  paginationPanel: s
 }, l = ({ children: a, className: n, ...i }) => /* @__PURE__ */ t(
   "div",
   {
-    className: o(s.paginationPanel, n),
+    className: o(e.paginationPanel, n),
     ...i,
-    "data-tx": "1.20.0",
+    "data-tx": "1.22.0",
     children: a
   }
 );

package/components/Table/TableBasic/TableBasic.js

@@ -1,8 +1,8 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import { useContext as B, useEffect as N } from "react";
-import { i as T } from "../../../chunks/vendor-BIl4KTrD.js";
+import { i as T } from "../../../chunks/vendor-BiObpx9E.js";
 import { MasterTableContext as L } from "../MasterTableContext.js";
-import { s as a } from "../../../chunks/utils-C8q6y8Et.js";
+import { s as a } from "../../../chunks/utils-CS30w_en.js";
 import { TableBasicHeader as g } from "./components/TableBasicHeader.js";
 import { TableBasicBody as C } from "./components/TableBasicBody.js";
 import { LoaderMiddle as E } from "../../Loader/LoaderMiddle/LoaderMiddle.js";

package/components/Table/TableBasic/components/TableBasicBody.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { TableBasicRow as b } from "./TableBasicRow.js";
-import { c as p } from "../../../../chunks/vendor-BIl4KTrD.js";
-import { s as r } from "../../../../chunks/utils-C8q6y8Et.js";
+import { c as p } from "../../../../chunks/vendor-BiObpx9E.js";
+import { s as r } from "../../../../chunks/utils-CS30w_en.js";
 const B = ({ columns: c, data: o, highlightRowOnHover: t, onClickRow: e }) => {
   if (o.length === 0)
     return null;

package/components/Table/TableBasic/components/TableBasicHeader.js

@@ -4,8 +4,8 @@ import { isNullOrUndefined as b } from "../../../../utils/isNullOrUndefined.js";
 import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttributes.js";
 import { getDataHTMLAttributes as y } from "../../../../utils/html/DataAttributes.js";
 import { ECellType as T, EHorizontalAlign as s, EOrderDirection as t } from "../enums.js";
-import { c as d } from "../../../../chunks/vendor-BIl4KTrD.js";
-import { s as n, m as z } from "../../../../chunks/utils-C8q6y8Et.js";
+import { c as d } from "../../../../chunks/vendor-BiObpx9E.js";
+import { s as n, m as z } from "../../../../chunks/utils-CS30w_en.js";
 import { Text as B } from "../../../Typography/Text.js";
 import { ETextSize as v } from "../../../Typography/enums.js";
 const w = ({ columns: u, onOrderBy: l }) => {

package/components/Table/TableBasic/components/TableBasicRow.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttributes.js";
 import { getDataHTMLAttributes as D } from "../../../../utils/html/DataAttributes.js";
 import { DataTestId as L } from "../../../../consts/DataTestId.js";
-import { c as p } from "../../../../chunks/vendor-BIl4KTrD.js";
-import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-C8q6y8Et.js";
+import { c as p } from "../../../../chunks/vendor-BiObpx9E.js";
+import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-CS30w_en.js";
 import { ECellType as a, EVerticalAlign as f } from "../enums.js";
 import { ETextSize as A } from "../../../Typography/enums.js";
 import { Text as N } from "../../../Typography/Text.js";