@sberbusiness/triplex-next 1.21.0 → 1.23.0

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -2,12 +2,12 @@ import { jsx as e } from "react/jsx-runtime";
 import { useRef as l } from "react";
 import { TriggerClickOnKeyDownEvent as a } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EVENT_KEY_CODES as p } from "../../../utils/keyboard.js";
-import { c } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c } from "../../../chunks/vendor-BiObpx9E.js";
 import { CrossStrokeSrvIcon32 as d } from "@sberbusiness/icons-next";
 import { EButtonTheme as f } from "../../Button/enums.js";
 import { EComponentSize as C } from "../../../enums/EComponentSize.js";
 import { Button as u } from "../../Button/Button.js";
-import { s as r } from "../../../chunks/LightBoxSideOverlayClose.module-DQQjxPZ4.js";
+import { s as r } from "../../../chunks/LightBoxSideOverlayClose.module-CuuwIIzJ.js";
 const E = ({
   className: i,
   clickByEsc: s,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseMobile.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as r } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c as r } from "../../../chunks/vendor-BiObpx9E.js";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-DQQjxPZ4.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-CuuwIIzJ.js";
 import { EButtonTheme as l } from "../../Button/enums.js";
 import { EComponentSize as s } from "../../../enums/EComponentSize.js";
 import { Button as a } from "../../Button/Button.js";

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useState as s, useRef as d, useEffect as l } from "react";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const n = "lightBoxSideOverlayLoaderWrapper__98e3e54d", c = {
+const n = "lightBoxSideOverlayLoaderWrapper__38cd3188", c = {
   lightBoxSideOverlayLoaderWrapper: n
 }, f = ({ loadingTitle: a }) => {
   const [t, r] = s(0), e = d(null);

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,17 +1,43 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as a } from "../../../chunks/vendor-CuCj7SgU.js";
-const f = "lightBoxLeftSidebar__a862c056", x = "fixed__65d04821", s = "lightBoxLeftSidebarInner__ef0c74b8", e = {
-  lightBoxLeftSidebar: f,
-  fixed: x,
-  lightBoxLeftSidebarInner: s
-}, l = ({
-  children: t,
-  className: o,
-  fixed: r,
-  ...d
-}) => /* @__PURE__ */ i("div", { className: a(o, e.lightBoxLeftSidebar, { [e.fixed]: r }), ...d, children: /* @__PURE__ */ i("div", { className: e.lightBoxLeftSidebarInner, children: t }) });
-l.displayName = "LightBoxLeftSidebar";
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as N, useRef as o, useImperativeHandle as R, useState as V, useEffect as x } from "react";
+import { c as h } from "../../../chunks/vendor-BiObpx9E.js";
+const j = "lightBoxLeftSidebar__9d0f0c9b", z = "fixed__f112a4e6", E = "hidden__c3a015bb", r = {
+  lightBoxLeftSidebar: j,
+  fixed: z,
+  hidden: E
+}, O = N(
+  ({ children: m, className: L, fixed: B, minVisibleWidth: f = 100, onShow: s, onHide: i, ...g }, p) => {
+    const n = o(null);
+    R(p, () => n.current);
+    const [v, _] = V(!0), e = o(s), t = o(i);
+    return x(() => {
+      e.current = s, t.current = i;
+    }, [s, i]), x(() => {
+      const d = n.current;
+      if (!d) return;
+      const a = new ResizeObserver((S) => {
+        for (const y of S) {
+          const c = y.contentRect.width > f;
+          _((I) => {
+            var l, u;
+            return c !== I && (c ? (l = e.current) == null || l.call(e) : (u = t.current) == null || u.call(t)), c;
+          });
+        }
+      });
+      return a.observe(d), () => a.disconnect();
+    }, [f]), /* @__PURE__ */ b(
+      "div",
+      {
+        ref: n,
+        className: h(L, r.lightBoxLeftSidebar, { [r.fixed]: B }),
+        ...g,
+        children: /* @__PURE__ */ b("div", { className: h(r.lightBoxLeftSidebarInner, { [r.hidden]: !v }), children: m })
+      }
+    );
+  }
+);
+O.displayName = "LightBoxLeftSidebar";
 export {
-  l as LightBoxLeftSidebar
+  O as LightBoxLeftSidebar
 };
 //# sourceMappingURL=LightBoxLeftSidebar.js.map

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -1,17 +1,43 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as r } from "../../../chunks/vendor-CuCj7SgU.js";
-const d = "lightBoxRightSidebar__02c9e733", a = "fixed__65d04821", x = "lightBoxRightSidebarInner__e6134078", i = {
-  lightBoxRightSidebar: d,
-  fixed: a,
-  lightBoxRightSidebarInner: x
-}, s = ({
-  children: e,
-  className: h,
-  fixed: g,
-  ...o
-}) => /* @__PURE__ */ t("div", { className: r(h, i.lightBoxRightSidebar, { [i.fixed]: g }), ...o, children: /* @__PURE__ */ t("div", { className: i.lightBoxRightSidebarInner, children: e }) });
-s.displayName = "LightBoxRightSidebar";
+import { jsx as h } from "react/jsx-runtime";
+import { forwardRef as N, useRef as o, useImperativeHandle as L, useState as V, useEffect as b } from "react";
+import { c as g } from "../../../chunks/vendor-BiObpx9E.js";
+const j = "lightBoxRightSidebar__e249a14f", z = "fixed__f112a4e6", E = "hidden__c3a015bb", r = {
+  lightBoxRightSidebar: j,
+  fixed: z,
+  hidden: E
+}, O = N(
+  ({ children: x, className: m, fixed: R, minVisibleWidth: d = 100, onShow: i, onHide: s, ...B }, p) => {
+    const n = o(null);
+    L(p, () => n.current);
+    const [v, _] = V(!0), e = o(i), t = o(s);
+    return b(() => {
+      e.current = i, t.current = s;
+    }, [i, s]), b(() => {
+      const a = n.current;
+      if (!a) return;
+      const f = new ResizeObserver((S) => {
+        for (const y of S) {
+          const c = y.contentRect.width > d;
+          _((I) => {
+            var l, u;
+            return c !== I && (c ? (l = e.current) == null || l.call(e) : (u = t.current) == null || u.call(t)), c;
+          });
+        }
+      });
+      return f.observe(a), () => f.disconnect();
+    }, [d]), /* @__PURE__ */ h(
+      "div",
+      {
+        ref: n,
+        className: g(m, r.lightBoxRightSidebar, { [r.fixed]: R }),
+        ...B,
+        children: /* @__PURE__ */ h("div", { className: g(r.lightBoxRightSidebarInner, { [r.hidden]: !v }), children: x })
+      }
+    );
+  }
+);
+O.displayName = "LightBoxRightSidebar";
 export {
-  s as LightBoxRightSidebar
+  O as LightBoxRightSidebar
 };
 //# sourceMappingURL=LightBoxRightSidebar.js.map

package/components/LightBox/LightBoxViewManager/LightBoxViewManager.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as N } from "react/jsx-runtime";
 import { useState as m, useRef as L, useCallback as n, useLayoutEffect as c } from "react";
 import { Portal as B } from "../../Portal/Portal.js";
 import { LightBoxViewManagerConsts as l } from "./LightBoxViewManagerConsts.js";
-import { h as k, i as P, p } from "../../../chunks/vendor-CuCj7SgU.js";
+import { h as k, i as P, p } from "../../../chunks/vendor-BiObpx9E.js";
 const g = "LightBoxMountNodeViewManager", $ = ({
   lightBoxMountNode: a,
   lightBoxViewManagerNode: x

package/components/Link/Link.js

@@ -1,20 +1,20 @@
 import { jsx as R, jsxs as t, Fragment as d } from "react/jsx-runtime";
 import L from "react";
-import { c as a } from "../../chunks/vendor-CuCj7SgU.js";
-const v = "link__5bf9d842", F = "wordWithContent__f17412e1", S = "before__2f92e013", T = "after__3b349276", e = {
+import { c as l } from "../../chunks/vendor-BiObpx9E.js";
+const v = "link__687c213a", F = "wordWithContent__de9e6da4", S = "before__588bc88c", T = "after__7881077f", e = {
   link: v,
   wordWithContent: F,
   before: S,
   after: T
 }, q = L.forwardRef(
-  ({ children: i, className: N, onBlur: f, onMouseDown: p, contentAfter: s, contentBefore: o, ...C }, _) => {
+  ({ children: i, className: N, onBlur: p, onMouseDown: f, contentAfter: s, contentBefore: o, ...C }, _) => {
     const c = () => o ? /* @__PURE__ */ t(d, { children: [
       "​",
       o()
     ] }) : null, m = () => s ? s() : null, u = (n) => {
       const r = n.split(" ");
       if (r.length < 2 || r.length < 3 && o && s) {
-        const y = a(e.wordWithContent, {
+        const y = l(e.wordWithContent, {
           [e.after]: !!s,
           [e.before]: !!o
         });
@@ -24,12 +24,12 @@ const v = "link__5bf9d842", F = "wordWithContent__f17412e1", S = "before__2f92e0
           m()
         ] });
       }
-      const l = r[0], h = r[r.length - 1], w = r.slice(1, -1).join(" "), k = a(e.wordWithContent, {
+      const a = r[0], h = r[r.length - 1], b = r.slice(1, -1).join(" "), k = l(e.wordWithContent, {
         [e.before]: !!o
       }), g = o ? /* @__PURE__ */ t("span", { className: k, children: [
         c(),
-        l
-      ] }) : l, x = a(e.wordWithContent, {
+        a
+      ] }) : a, x = l(e.wordWithContent, {
         [e.after]: !!s
       }), j = s ? /* @__PURE__ */ t("span", { className: x, children: [
         h,
@@ -38,29 +38,29 @@ const v = "link__5bf9d842", F = "wordWithContent__f17412e1", S = "before__2f92e0
       return /* @__PURE__ */ t(d, { children: [
         g,
         " ",
-        w,
+        b,
         " ",
         j
       ] });
     }, W = (n) => {
-      const r = o ? o() : null, l = s ? s() : null;
+      const r = o ? o() : null, a = s ? s() : null;
       return /* @__PURE__ */ t(d, { children: [
         r,
         n,
-        l
+        a
       ] });
-    }, b = o || s ? ((n) => typeof n == "string" ? u(n) : W(n))(i) : i;
+    }, w = o || s ? ((n) => typeof n == "string" ? u(n) : W(n))(i) : i;
     return /* @__PURE__ */ R(
       "a",
       {
         role: "link",
         ...C,
-        className: a(N, e.link, "hoverable"),
-        onBlur: f,
-        onMouseDown: p,
-        "data-tx": "1.21.0",
+        className: l(N, e.link, "hoverable"),
+        onBlur: p,
+        onMouseDown: f,
+        "data-tx": "1.23.0",
         ref: _,
-        children: b
+        children: w
       }
     );
   }

package/components/List/List.js

@@ -1,15 +1,15 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import i from "react";
-import { c as m } from "../../chunks/vendor-CuCj7SgU.js";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import a from "react";
+import { c as m } from "../../chunks/vendor-BiObpx9E.js";
 import { LoaderScreen as c } from "../LoaderScreen/LoaderScreen.js";
-const f = "list__11298ea5", p = {
-  list: f
-}, d = i.forwardRef(({ children: s, className: t, loading: l, ...o }, r) => /* @__PURE__ */ a("ul", { className: m(p.list, t), ...o, "data-tx": "1.21.0", ref: r, children: [
-  s,
-  l ? /* @__PURE__ */ e(c, { type: "small" }) : null
+const d = "list__8f78b7ed", f = {
+  list: d
+}, p = a.forwardRef(({ children: t, className: s, loading: e, ...l }, o) => /* @__PURE__ */ r("ul", { className: m(f.list, s), ...l, "data-tx": "1.23.0", ref: o, children: [
+  t,
+  e ? /* @__PURE__ */ i(c, { type: "middle" }) : null
 ] }));
-d.displayName = "List";
+p.displayName = "List";
 export {
-  d as List
+  p as List
 };
 //# sourceMappingURL=List.js.map

package/components/List/ListSortable.js

@@ -3,7 +3,7 @@ var p = (t, e, r) => e in t ? x(t, e, { enumerable: !0, configurable: !0, writab
 var o = (t, e, r) => p(t, typeof e != "symbol" ? e + "" : e, r);
 import { jsx as d } from "react/jsx-runtime";
 import E from "react";
-import { a as b, b as f, D as M, M as T, r as D, d as L, S as w, v as y, e as I, T as C, f as H } from "../../chunks/vendor-CuCj7SgU.js";
+import { a as b, b as f, D as M, M as T, r as D, d as L, S as w, v as y, e as I, T as C, f as H } from "../../chunks/vendor-BiObpx9E.js";
 import { List as N } from "./List.js";
 class u extends H {
 }

package/components/List/components/ListEmptyState.js

@@ -1,10 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import i from "react";
-import { c as o } from "../../../chunks/vendor-CuCj7SgU.js";
-const p = "listEmptyState__234b4d48", l = {
+import { c as o } from "../../../chunks/vendor-BiObpx9E.js";
+const p = "listEmptyState__4582e231", l = {
   listEmptyState: p
 }, r = i.forwardRef(
-  ({ children: t, className: s, ...m }, a) => /* @__PURE__ */ e("div", { className: o(l.listEmptyState, s), ...m, ref: a, children: t })
+  ({ children: t, className: s, ...m }, e) => /* @__PURE__ */ a("div", { className: o(l.listEmptyState, s), ...m, ref: e, children: t })
 );
 r.displayName = "ListItemEmpty";
 export {

package/components/List/components/ListItem.js

@@ -3,7 +3,7 @@ import m, { useState as d } from "react";
 import { ListItemContext as l } from "./ListItemContext.js";
 const f = m.forwardRef(({ children: e, className: r, ...o }, s) => {
   const [a, i] = d(!1);
-  return /* @__PURE__ */ t(l.Provider, { value: { selected: a, setSelected: i }, children: /* @__PURE__ */ t("li", { className: r, ...o, "data-tx": "1.21.0", ref: s, children: e }) });
+  return /* @__PURE__ */ t(l.Provider, { value: { selected: a, setSelected: i }, children: /* @__PURE__ */ t("li", { className: r, ...o, "data-tx": "1.23.0", ref: s, children: e }) });
 });
 f.displayName = "ListItem";
 export {

package/components/List/components/ListItemContent.js

@@ -1,8 +1,8 @@
 import { jsx as c } from "react/jsx-runtime";
 import l, { useContext as i } from "react";
-import { c as r } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c as r } from "../../../chunks/vendor-BiObpx9E.js";
 import { ListItemContext as a } from "./ListItemContext.js";
-const d = "listItemContent__094c4756", C = "selected__d9a86ea6", t = {
+const d = "listItemContent__db889e52", C = "selected__a1e43e95", t = {
   listItemContent: d,
   selected: C
 }, f = l.forwardRef(
@@ -13,7 +13,7 @@ const d = "listItemContent__094c4756", C = "selected__d9a86ea6", t = {
       {
         className: r(t.listItemContent, { [t.selected]: m }, s),
         ...o,
-        "data-tx": "1.21.0",
+        "data-tx": "1.23.0",
         ref: n,
         children: e
       }

package/components/List/components/ListItemControls.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
-import e from "react";
-import { c as m } from "../../../chunks/vendor-CuCj7SgU.js";
-const i = "listItemControls__3e064619", n = {
+import m from "react";
+import { c as e } from "../../../chunks/vendor-BiObpx9E.js";
+const i = "listItemControls__21dd7f8f", n = {
   listItemControls: i
-}, a = e.forwardRef(
-  ({ children: t, className: o, ...s }, l) => /* @__PURE__ */ r("div", { className: m(n.listItemControls, o), ...s, ref: l, children: t })
+}, a = m.forwardRef(
+  ({ children: t, className: o, ...s }, l) => /* @__PURE__ */ r("div", { className: e(n.listItemControls, o), ...s, ref: l, children: t })
 );
 a.displayName = "ListItemControls";
 export {

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-CuCj7SgU.js";
-import { L as e } from "../../../chunks/ListItemControlsButton-CXrdUtOj.js";
+import "../../../chunks/vendor-BiObpx9E.js";
+import { L as e } from "../../../chunks/ListItemControlsButton-BCd2PF9-.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 export {

package/components/List/components/ListItemControlsButtonDropdown.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as W, Fragment as _ } from "react/jsx-runtime";
 import P, { useRef as a, useState as E, createElement as w } from "react";
-import { u as O, c as g } from "../../../chunks/vendor-CuCj7SgU.js";
+import { u as O, c as g } from "../../../chunks/vendor-BiObpx9E.js";
 import { ETextSize as K } from "../../Typography/enums.js";
 import { Text as T } from "../../Typography/Text.js";
 import { ButtonDropdownExtended as b } from "../../Button/ButtonDropdownExtended.js";
@@ -18,7 +18,7 @@ import { DropdownMobileListItem as H } from "../../Dropdown/mobile/DropdownMobil
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownList as R } from "../../Dropdown/desktop/DropdownList.js";
-import { s as h, L as V } from "../../../chunks/ListItemControlsButton-CXrdUtOj.js";
+import { s as h, L as V } from "../../../chunks/ListItemControlsButton-BCd2PF9-.js";
 const G = P.forwardRef(
   (y, l) => {
     const { buttonAttributes: C, children: c, className: x, icon: B, options: d, selected: n, disabled: I, ...N } = y, u = a(null), f = a(null), [p, L] = E(), D = a(O()), v = ({ opened: e, setOpened: t }) => /* @__PURE__ */ o(

package/components/List/components/ListItemLoading.js

@@ -1,15 +1,17 @@
-import { jsx as t } from "react/jsx-runtime";
-import m from "react";
-import { c as s } from "../../../chunks/vendor-CuCj7SgU.js";
-import { LoaderScreen as a } from "../../LoaderScreen/LoaderScreen.js";
-import { EComponentSize as r } from "../../../enums/EComponentSize.js";
-const n = "listItemLoading__1c7eb729", d = {
-  listItemLoading: n
-}, l = m.forwardRef(
-  ({ className: o, ...e }, i) => /* @__PURE__ */ t("div", { className: s(d.listItemLoading, o), ...e, ref: i, children: /* @__PURE__ */ t(a, { type: "small", size: r.MD }) })
+import { jsx as o } from "react/jsx-runtime";
+import e from "react";
+import { c as r } from "../../../chunks/vendor-BiObpx9E.js";
+import { EComponentSize as a } from "../../../enums/EComponentSize.js";
+import { LoaderSmall as s } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as l } from "../../Loader/LoaderSmall/enum.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+const d = "listItemLoading__55604f08", n = {
+  listItemLoading: d
+}, f = e.forwardRef(
+  ({ className: t, ...m }, i) => /* @__PURE__ */ o("div", { className: r(n.listItemLoading, t), ...m, ref: i, children: /* @__PURE__ */ o(s, { theme: l.BRAND, size: a.MD }) })
 );
-l.displayName = "ListItemLoading";
+f.displayName = "ListItemLoading";
 export {
-  l as ListItemLoading
+  f as ListItemLoading
 };
 //# sourceMappingURL=ListItemLoading.js.map

package/components/List/components/ListItemSelectable.js

@@ -1,11 +1,11 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import p, { useContext as m, useEffect as d } from "react";
-import { c as k } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c as k } from "../../../chunks/vendor-BiObpx9E.js";
 import { Checkbox as x } from "../../Checkbox/Checkbox.js";
 import { ListItemContext as _ } from "./ListItemContext.js";
-const f = "listItemSelectable__3d98c084", L = "selected__d9a86ea6", C = "checkboxWrapper__399029f3", W = "childrenWrapper__39328605", I = "checkboxLabel__683b073f", S = "checkboxLabelClickArea__16ab0653", e = {
-  listItemSelectable: f,
-  selected: L,
+const L = "listItemSelectable__5be9b341", f = "selected__a1e43e95", C = "checkboxWrapper__db236e74", W = "childrenWrapper__3a8d4c06", I = "checkboxLabel__6783e1e0", S = "checkboxLabelClickArea__4d2914a2", e = {
+  listItemSelectable: L,
+  selected: f,
   checkboxWrapper: C,
   childrenWrapper: W,
   checkboxLabel: I,

package/components/List/components/ListItemTable.js

@@ -1,32 +1,34 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
 import d from "react";
 import { SwipeableArea as I } from "../../SwipeableArea/SwipeableArea.js";
-import { ListItem as b } from "./ListItem.js";
+import { ListItem as w } from "./ListItem.js";
 import { ListItemContent as L } from "./ListItemContent.js";
 import { ListItemControls as T } from "./ListItemControls.js";
 import { ListItemSelectable as h } from "./ListItemSelectable.js";
-import { ListItemTailRight as x } from "./ListItemTailRight.js";
-import { c as y } from "../../../chunks/vendor-CuCj7SgU.js";
-const C = "listItemTable__ac04d92d", _ = {
-  listItemTable: C
-}, u = d.forwardRef(
-  ({ children: o, className: s, controlButtons: t, onClickItem: l, onSelect: i, selected: r, swipeableAreaRef: a, ...n }, f) => {
-    const p = typeof i < "u" && typeof r < "u", m = () => /* @__PURE__ */ e(L, { onClick: l, children: o });
-    return /* @__PURE__ */ e(b, { className: y(_.listItemTable, s), ...n, ref: f, children: /* @__PURE__ */ c(
+import { ListItemTailRight as A } from "./ListItemTailRight.js";
+import { c as _ } from "../../../chunks/vendor-BiObpx9E.js";
+const x = "listItemTable__3ad0ef75", y = "swipeableArea__2acff5e8", s = {
+  listItemTable: x,
+  swipeableArea: y
+}, C = d.forwardRef(
+  ({ children: m, className: l, controlButtons: t, onClickItem: o, onSelect: i, selected: r, swipeableAreaRef: f, ...n }, p) => {
+    const c = typeof i < "u" && typeof r < "u", a = () => /* @__PURE__ */ e(L, { onClick: o, children: m });
+    return /* @__PURE__ */ e(w, { className: _(s.listItemTable, l), ...n, ref: p, children: /* @__PURE__ */ b(
       I,
       {
-        ref: a,
+        className: s.swipeableArea,
+        ref: f,
         rightSwipeableArea: t ? /* @__PURE__ */ e(T, { children: t }) : void 0,
         children: [
-          /* @__PURE__ */ e(x, {}),
-          p ? /* @__PURE__ */ e(h, { selected: r, onSelect: i, children: m() }) : m()
+          /* @__PURE__ */ e(A, {}),
+          c ? /* @__PURE__ */ e(h, { selected: r, onSelect: i, children: a() }) : a()
         ]
       }
     ) });
   }
 );
-u.displayName = "ListItemTable";
+C.displayName = "ListItemTable";
 export {
-  u as ListItemTable
+  C as ListItemTable
 };
 //# sourceMappingURL=ListItemTable.js.map

package/components/List/components/ListItemTailLeft.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import m from "react";
-import { c as o } from "../../../chunks/vendor-CuCj7SgU.js";
-import { s } from "../../../chunks/ListItemTail.module-t77bOXMm.js";
+import { c as o } from "../../../chunks/vendor-BiObpx9E.js";
+import { s } from "../../../chunks/ListItemTail.module-D_nBCryf.js";
 const r = m.forwardRef(
   ({ className: a, ...e }, i) => /* @__PURE__ */ l(
     "span",

package/components/List/components/ListItemTailRight.js

@@ -1,21 +1,13 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import e from "react";
-import { c as o } from "../../../chunks/vendor-CuCj7SgU.js";
-import { s } from "../../../chunks/ListItemTail.module-t77bOXMm.js";
+import { c as o } from "../../../chunks/vendor-BiObpx9E.js";
+import { s } from "../../../chunks/ListItemTail.module-D_nBCryf.js";
 const r = e.forwardRef(
-  ({ className: a, ...i }, l) => /* @__PURE__ */ m(
-    "span",
-    {
-      className: o(s.listItemTail, s.listItemTailRight, a),
-      ref: l,
-      ...i,
-      children: [
-        /* @__PURE__ */ t("span", { className: s.listItemTailLine }),
-        /* @__PURE__ */ t("span", { className: s.listItemTailTop }),
-        /* @__PURE__ */ t("span", { className: s.listItemTailBottom })
-      ]
-    }
-  )
+  ({ className: a, ...i }, l) => /* @__PURE__ */ m("span", { className: o(s.listItemTail, s.listItemTailRight, a), ref: l, ...i, children: [
+    /* @__PURE__ */ t("span", { className: s.listItemTailLine }),
+    /* @__PURE__ */ t("span", { className: s.listItemTailTop }),
+    /* @__PURE__ */ t("span", { className: s.listItemTailBottom })
+  ] })
 );
 r.displayName = "ListItemTailRight";
 export {

package/components/List/components/ListSortableItem.js

@@ -1,9 +1,9 @@
 import { jsx as d } from "react/jsx-runtime";
 import p from "react";
-import { s as u, w as I, c as _ } from "../../../chunks/vendor-CuCj7SgU.js";
+import { q as u, s as I, c as _ } from "../../../chunks/vendor-BiObpx9E.js";
 import { ListItem as y } from "./ListItem.js";
 import { ListSortableItemTarget as L } from "./ListSortableItemTarget.js";
-const R = "listSortableItem__c6e2c567", N = "dragging__634bcc73", i = {
+const R = "listSortableItem__3b952513", N = "dragging__a3bea7d3", i = {
   listSortableItem: R,
   dragging: N
 }, x = Object.assign(

package/components/List/components/ListSortableItemControls.js

@@ -1,13 +1,13 @@
 import { jsx as s } from "react/jsx-runtime";
-import l from "react";
-import { c as e } from "../../../chunks/vendor-CuCj7SgU.js";
-const a = "listSortableItemControls__55cba11a", m = {
+import e from "react";
+import { c as l } from "../../../chunks/vendor-BiObpx9E.js";
+const a = "listSortableItemControls__b4705fed", m = {
   listSortableItemControls: a
-}, i = l.forwardRef(
+}, i = e.forwardRef(
   ({ className: t, ...o }, r) => /* @__PURE__ */ s(
     "div",
     {
-      className: e(m.listSortableItemControls, t),
+      className: l(m.listSortableItemControls, t),
       "data-draggable": "false",
       ...o,
       ref: r

package/components/List/components/ListSortableItemTarget.js

@@ -1,21 +1,21 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import m from "react";
 import { DragdotsStrokeSrvIcon24 as n } from "@sberbusiness/icons-next";
-import { c } from "../../../chunks/vendor-CuCj7SgU.js";
-const I = "listSortableItemTarget__f36b220b", b = "dragging__634bcc73", S = "listSortableItemTargetContent__8e5f91b2", T = "listSortableItemTargetIcon__f1d31f93", t = {
+import { c } from "../../../chunks/vendor-BiObpx9E.js";
+const I = "listSortableItemTarget__a784c4e1", b = "dragging__a3bea7d3", S = "listSortableItemTargetContent__9392300c", T = "listSortableItemTargetIcon__a0cc7353", t = {
   listSortableItemTarget: I,
   dragging: b,
   listSortableItemTargetContent: S,
   listSortableItemTargetIcon: T
 }, d = m.forwardRef(
-  ({ children: r, className: a, disabled: o, dragging: l, ...s }, g) => /* @__PURE__ */ i(
+  ({ children: a, className: r, disabled: o, dragging: l, ...s }, g) => /* @__PURE__ */ i(
     "div",
     {
-      className: c(t.listSortableItemTarget, { [t.dragging]: l }, "hoverable", a),
+      className: c(t.listSortableItemTarget, { [t.dragging]: l }, "hoverable", r),
       ...s,
       ref: g,
       children: [
-        /* @__PURE__ */ e("div", { className: t.listSortableItemTargetContent, children: r }),
+        /* @__PURE__ */ e("div", { className: t.listSortableItemTargetContent, children: a }),
         !o && /* @__PURE__ */ e(n, { paletteIndex: 5, className: t.listSortableItemTargetIcon })
       ]
     }

package/components/List/index.js

@@ -3,7 +3,7 @@ import { AdvancedMouseSensor as m, AdvancedTouchSensor as s, ListSortable as i }
 import { ListItem as p } from "./components/ListItem.js";
 import { ListItemControls as x } from "./components/ListItemControls.js";
 import { ListItemContent as n } from "./components/ListItemContent.js";
-import { L as I } from "../../chunks/ListItemControlsButton-CXrdUtOj.js";
+import { L as I } from "../../chunks/ListItemControlsButton-BCd2PF9-.js";
 import { ListItemControlsButtonDropdown as b } from "./components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState as C } from "./components/ListEmptyState.js";
 import { ListItemLoading as c } from "./components/ListItemLoading.js";

package/components/ListMaster/ListMaster.js

@@ -6,7 +6,7 @@ import { ListMasterHeader as a } from "./components/ListMasterHeader.js";
 import { SelectionControls as n } from "./components/SelectionControls.js";
 import { ListMasterFooterControls as f } from "./components/ListMasterFooterControls.js";
 import { ListMasterFooterDescription as L } from "./components/ListMasterFooterDescription.js";
-const o = ({ children: t, className: r, ...e }) => /* @__PURE__ */ i("div", { className: r, ...e, "data-tx": "1.21.0", children: t });
+const o = ({ children: t, className: r, ...e }) => /* @__PURE__ */ i("div", { className: r, ...e, "data-tx": "1.23.0", children: t });
 o.Body = m;
 o.ChipGroup = s;
 o.Footer = p;

package/components/ListMaster/components/ListMasterBody.js

@@ -6,7 +6,7 @@ const s = e.forwardRef(
     {
       className: a,
       ...o,
-      "data-tx": "1.21.0",
+      "data-tx": "1.23.0",
       ref: r,
       children: t
     }