@sberbusiness/triplex-next 1.3.0 → 1.5.0

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -0,0 +1,35 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useRef as s } from "react";
+import { TriggerClickOnKeyDownEvent as n } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
+import { EVENT_KEY_CODES as l } from "../../../utils/keyboard.js";
+import { c as p } from "../../../chunks/vendor-9KVE23Ri.js";
+import { CrossStrokeSrvIcon32 as f } from "@sberbusiness/icons-next";
+import { EButtonTheme as a } from "../../Button/enums.js";
+import { EComponentSize as c } from "../../../enums/EComponentSize.js";
+import { Button as d } from "../../Button/Button.js";
+import { s as u } from "../../../chunks/LightBoxSideOverlayClose.module-BUvFYJwr.js";
+const C = ({
+  className: r,
+  clickByEsc: m,
+  ...i
+}) => {
+  const o = s(null), t = () => /* @__PURE__ */ e(
+    d,
+    {
+      "data-exclude-modal-focus": !0,
+      className: p(r, u.lightBoxSideOverlayCloseDesktop),
+      title: "Закрыть",
+      ...i,
+      ref: o,
+      icon: /* @__PURE__ */ e(f, { paletteIndex: 0 }),
+      size: c.LG,
+      theme: a.SECONDARY_LIGHT
+    }
+  );
+  return m ? /* @__PURE__ */ e(n, { eventKeyCode: l.ESCAPE, targetRef: o, children: t() }) : t();
+};
+C.displayName = "LightBoxSideOverlayCloseDesktop";
+export {
+  C as LightBoxSideOverlayCloseDesktop
+};
+//# sourceMappingURL=LightBoxSideOverlayCloseDesktop.js.map

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseMobile.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as r } from "../../../chunks/vendor-9KVE23Ri.js";
+import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-BUvFYJwr.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";
+const p = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ o(
+  a,
+  {
+    "data-exclude-modal-focus": !0,
+    className: r(e, m.lightBoxSideOverlayCloseMobile),
+    title: "Закрыть",
+    ...t,
+    icon: /* @__PURE__ */ o(i, { paletteIndex: 0 }),
+    size: s.MD,
+    theme: l.SECONDARY
+  }
+);
+p.displayName = "LightBoxSideOverlayCloseMobile";
+export {
+  p as LightBoxSideOverlayCloseMobile
+};
+//# sourceMappingURL=LightBoxSideOverlayCloseMobile.js.map

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useState as s, useRef as l, useEffect as p } from "react";
+import { LoaderScreen as d } from "../../LoaderScreen/LoaderScreen.js";
+const n = "lightBoxSideOverlayLoaderWrapper__804a9c6e", c = {
+  lightBoxSideOverlayLoaderWrapper: n
+}, f = ({ loadingTitle: a }) => {
+  const [t, r] = s(0), e = l(null);
+  return p(() => {
+    setTimeout(() => {
+      if (e.current) {
+        const o = e.current.getBoundingClientRect();
+        o.top !== t && (o.top > 0 ? r(0) : r(Math.abs(o.top)));
+      }
+    });
+  }, []), /* @__PURE__ */ i("div", { ref: e, className: c.lightBoxSideOverlayLoaderWrapper, style: { top: `${t}px` }, children: /* @__PURE__ */ i(d, { type: "middle", children: a }) });
+};
+f.displayName = "LightBoxSideOverlayLoader";
+export {
+  f as LightBoxSideOverlayLoader
+};
+//# sourceMappingURL=LightBoxSideOverlayLoader.js.map

package/components/LightBox/LightBoxTopOverlay/LightBoxTopOverlay.js

@@ -0,0 +1,86 @@
+import { jsx as l, jsxs as I, Fragment as b } from "react/jsx-runtime";
+import { useState as v, useRef as d, useEffect as C } from "react";
+import { c as R, F as S } from "../../../chunks/vendor-9KVE23Ri.js";
+import { EOverlayDirection as j } from "../../Overlay/OverlayBase.js";
+import { Overlay as y } from "../../Overlay/Overlay.js";
+const D = "lightBoxTopOverlayMask__8781ea4a", E = "lightBoxTopOverlayWrapper__82000b44", L = "closing__5780974d", A = "opened__b3683801", V = "lightBoxTopOverlayPanel__e3dd5f29", $ = "lightBoxTopOverlay__a349d4fe", t = {
+  lightBoxTopOverlayMask: D,
+  lightBoxTopOverlayWrapper: E,
+  closing: L,
+  opened: A,
+  lightBoxTopOverlayPanel: V,
+  lightBoxTopOverlay: $
+}, q = ({
+  children: B,
+  focusTrapProps: r,
+  opened: e,
+  onClose: s,
+  onOpen: i,
+  ...u
+}) => {
+  const [m, h] = v(!1), [f, O] = v(!1), [x, n] = v(0), c = d(e), a = d(null), T = () => {
+    if (a.current) {
+      const o = getComputedStyle(a.current).getPropertyValue("--lightBox-screen-top") || "0", p = a.current.getBoundingClientRect();
+      p.top < 0 ? n(
+        (g) => parseInt(g, 10) + Math.abs(p.top) + parseInt(o, 10)
+      ) : n(
+        // Оверлей расположен ниже, чем нужно.
+        (g) => parseInt(g, 10) - p.top + parseInt(o, 10)
+      );
+    }
+  }, _ = () => {
+    T(), O(!0), i == null || i();
+  };
+  C(() => {
+    c.current && !e ? h(!0) : !c.current && e && T(), c.current = e;
+  }, [e]);
+  const W = () => {
+    h(!1), n(0), s == null || s();
+  }, k = () => O(!1), M = (o) => /* @__PURE__ */ I(b, { children: [
+    /* @__PURE__ */ l(y.Mask, { opened: o.opened, className: t.lightBoxTopOverlayMask }),
+    /* @__PURE__ */ l(y.Panel, { className: t.lightBoxTopOverlayPanel, ...o, children: B })
+  ] }), N = () => {
+  }, F = R(t.lightBoxTopOverlayWrapper, {
+    [t.closing]: m,
+    [t.opened]: e
+  }), P = /* @__PURE__ */ l(
+    y,
+    {
+      onClose: W,
+      onClosing: k,
+      onOpen: _,
+      opened: e,
+      setOpened: N,
+      ...u,
+      className: t.lightBoxTopOverlay,
+      direction: j.TOP,
+      children: M
+    }
+  );
+  return /* @__PURE__ */ l(
+    S,
+    {
+      active: f,
+      ...r,
+      focusTrapOptions: {
+        clickOutsideDeactivates: !0,
+        preventScroll: !0,
+        ...r == null ? void 0 : r.focusTrapOptions
+      },
+      children: /* @__PURE__ */ l(
+        "div",
+        {
+          className: F,
+          ref: a,
+          style: x ? { top: `${x}px` } : void 0,
+          children: P
+        }
+      )
+    }
+  );
+};
+q.displayName = "LightBoxTopOverlay";
+export {
+  q as LightBoxTopOverlay
+};
+//# sourceMappingURL=LightBoxTopOverlay.js.map

package/components/LightBox/LightBoxViewManager/LightBoxViewManager.js

@@ -0,0 +1,63 @@
+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 { u as k, i as P, m as p } from "../../../chunks/vendor-9KVE23Ri.js";
+const g = "LightBoxMountNodeViewManager", $ = ({
+  lightBoxMountNode: a,
+  lightBoxViewManagerNode: x
+}) => {
+  const [t, h] = m(), [s, R] = m(""), o = L(null), d = n(
+    (e) => {
+      if (!e)
+        return;
+      let i = [];
+      e.width <= l.lightBoxMediaPoint0 ? i.push(l.breakPointsClassNames["less-or-equal-media-point-0"]) : i.push(l.breakPointsClassNames["more-media-point-0"]), i = i.sort().join(" "), s !== i && R(i);
+    },
+    [s]
+  ), w = () => {
+    if (o.current) {
+      const e = o.current.getBoundingClientRect();
+      P(
+        p(t, ["top", "left", "width", "height"]),
+        p(e, ["top", "left", "width", "height"])
+      ) || h(e);
+    }
+  }, f = n(() => {
+    if (o.current) {
+      const e = o.current.getBoundingClientRect();
+      h(e), d(e);
+    }
+  }, [d]), u = n(() => {
+    s && (Array.from(a.classList).forEach((e) => {
+      e.includes("LB-") && a.classList.toggle(e);
+    }), s.split(" ").forEach((e) => a.classList.add(e)));
+  }, [s, a.classList]);
+  c(() => {
+    f(), a.classList.add(g);
+  }, []), c(() => {
+    u();
+  }, [s, u]), c(() => {
+    w();
+  });
+  const { ref: C } = k({
+    handleWidth: !0,
+    onResize: f,
+    refreshMode: "throttle",
+    refreshRate: 150
+  });
+  return /* @__PURE__ */ r(B, { container: x, children: /* @__PURE__ */ N("div", { ref: o, style: { height: "100%" }, children: [
+    /* @__PURE__ */ r("div", { ref: C, style: { width: "100%", height: "100%", position: "absolute" } }),
+    t && /* @__PURE__ */ r("style", { children: `
+                            .${g} {
+                                --lightBox-screen-left: ${t.x >= 0 ? t.x : 0}px;
+                                --lightBox-screen-width: ${t.width}px;
+                                --lightBox-screen-top: ${t.height}px;
+                            }
+                        ` })
+  ] }) });
+};
+export {
+  $ as LightBoxViewManager
+};
+//# sourceMappingURL=LightBoxViewManager.js.map

package/components/LightBox/LightBoxViewManager/LightBoxViewManagerConsts.js

@@ -0,0 +1,28 @@
+import { getScrollbarWidth as r } from "../../../utils/scroll/scrollbar.js";
+const o = 64, i = 16, t = 16, e = o + i + t, a = 1024, l = {
+  /**
+   * ClassNames для обозначения ширины контейнера.
+   * Используются для замены media query в Css, т.к. media query учитывает только ширину экрана, а не ширину элемента.
+   */
+  breakPointsClassNames: {
+    // Ширина меньше или равна lightBoxMediaPoint0.
+    "less-or-equal-media-point-0": "global-LB-less-or-equal-media-point-0",
+    // Ширина больше lightBoxMediaPoint0.
+    // У этого класса нет стилей, поэтому тут произвольный класс.
+    "more-media-point-0": "global-LB-more-media-point-0"
+  },
+  // Расстояние от стрелки до лайтбокса.
+  lightBoxArrowMarginToLightBox: i,
+  // Расстояние от стрелки до края экрана.
+  lightBoxArrowMarginToScreen: t,
+  // Ширина стрелки лайтбокса.
+  lightBoxArrowWidth: o,
+  //  Ширина стрелки лайтбокса с полями по бокам.
+  lightBoxArrowWithMarginWidth: e,
+  // Breakpoint для экранов менее 1024px.
+  lightBoxMediaPoint0: a + r()
+};
+export {
+  l as LightBoxViewManagerConsts
+};
+//# sourceMappingURL=LightBoxViewManagerConsts.js.map

package/components/LightBox/index.js

@@ -0,0 +1,7 @@
+import { LightBox as t, lightBoxMountNodeIdDefault as a, lightBoxViewManagerNodeIdDefault as d } from "./LightBox.js";
+export {
+  t as LightBox,
+  a as lightBoxMountNodeIdDefault,
+  d as lightBoxViewManagerNodeIdDefault
+};
+//# sourceMappingURL=index.js.map

package/components/Link/Link.js

@@ -1,13 +1,13 @@
 import { jsx as R, jsxs as t, Fragment as d } from "react/jsx-runtime";
 import L from "react";
-import { c as l } from "../../chunks/vendor-CehxOAkM.js";
-const v = "link__873f9874", F = "wordWithContent__6c3e27a0", S = "before__748dcd5d", T = "after__0a80da7e", e = {
+import { c as l } from "../../chunks/vendor-9KVE23Ri.js";
+const v = "link__99e46f02", F = "wordWithContent__f1706c3e", S = "before__69f507fd", T = "after__a4fa136b", e = {
   link: v,
   wordWithContent: F,
   before: S,
   after: T
 }, q = L.forwardRef(
-  ({ children: i, className: N, onBlur: p, onMouseDown: f, contentAfter: s, contentBefore: o, ...C }, _) => {
+  ({ children: i, className: h, onBlur: N, onMouseDown: p, contentAfter: s, contentBefore: o, ...C }, _) => {
     const c = () => o ? /* @__PURE__ */ t(d, { children: [
       "​",
       o()
@@ -24,21 +24,21 @@ const v = "link__873f9874", F = "wordWithContent__6c3e27a0", S = "before__748dcd
           m()
         ] });
       }
-      const a = r[0], h = r[r.length - 1], k = r.slice(1, -1).join(" "), b = l(e.wordWithContent, {
+      const a = r[0], f = r[r.length - 1], b = r.slice(1, -1).join(" "), k = l(e.wordWithContent, {
         [e.before]: !!o
-      }), g = o ? /* @__PURE__ */ t("span", { className: b, children: [
+      }), g = o ? /* @__PURE__ */ t("span", { className: k, children: [
         c(),
         a
       ] }) : a, x = l(e.wordWithContent, {
         [e.after]: !!s
       }), j = s ? /* @__PURE__ */ t("span", { className: x, children: [
-        h,
+        f,
         m()
-      ] }) : h;
+      ] }) : f;
       return /* @__PURE__ */ t(d, { children: [
         g,
         " ",
-        k,
+        b,
         " ",
         j
       ] });
@@ -55,10 +55,10 @@ const v = "link__873f9874", F = "wordWithContent__6c3e27a0", S = "before__748dcd
       {
         role: "link",
         ...C,
-        className: l(N, e.link, "hoverable"),
-        onBlur: p,
-        onMouseDown: f,
-        "data-tx": "1.3.0",
+        className: l(h, e.link, "hoverable"),
+        onBlur: N,
+        onMouseDown: p,
+        "data-tx": "1.5.0",
         ref: _,
         children: w
       }

package/components/List/List.js

@@ -1,15 +1,15 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
 import i from "react";
-import { c as m } from "../../chunks/vendor-CehxOAkM.js";
+import { c as m } from "../../chunks/vendor-9KVE23Ri.js";
 import { LoaderScreen as c } from "../LoaderScreen/LoaderScreen.js";
-const f = "list__36f8a11d", d = {
+const f = "list__93ce112b", p = {
   list: f
-}, p = i.forwardRef(({ children: s, className: t, loading: l, ...o }, r) => /* @__PURE__ */ a("ul", { className: m(d.list, t), ...o, "data-tx": "1.3.0", ref: r, children: [
+}, d = i.forwardRef(({ children: s, className: t, loading: l, ...o }, r) => /* @__PURE__ */ e("ul", { className: m(p.list, t), ...o, "data-tx": "1.5.0", ref: r, children: [
   s,
-  l ? /* @__PURE__ */ e(c, { type: "small" }) : null
+  l ? /* @__PURE__ */ a(c, { type: "small" }) : null
 ] }));
-p.displayName = "List";
+d.displayName = "List";
 export {
-  p as List
+  d 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 { b, d as f, D as M, M as T, r as D, e as L, S as w, v as y, f as I, T as C, g as H } from "../../chunks/vendor-CehxOAkM.js";
+import { b, d as f, D as M, M as T, r as D, e as L, S as w, v as y, f as I, T as C, g as H } from "../../chunks/vendor-9KVE23Ri.js";
 import { List as N } from "./List.js";
 class u extends H {
 }

package/components/List/components/ListEmptyState.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import i from "react";
-import { c as o } from "../../../chunks/vendor-CehxOAkM.js";
-const p = "listEmptyState__ab57b91c", l = {
+import { c as o } from "../../../chunks/vendor-9KVE23Ri.js";
+const p = "listEmptyState__91235b82", 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 })

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.3.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.5.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-CehxOAkM.js";
+import { c as r } from "../../../chunks/vendor-9KVE23Ri.js";
 import { ListItemContext as a } from "./ListItemContext.js";
-const d = "listItemContent__ec71b02b", C = "selected__208bb57a", t = {
+const d = "listItemContent__13b3660e", C = "selected__b6aa1ed9", t = {
   listItemContent: d,
   selected: C
 }, f = l.forwardRef(
@@ -13,7 +13,7 @@ const d = "listItemContent__ec71b02b", C = "selected__208bb57a", t = {
       {
         className: r(t.listItemContent, { [t.selected]: m }, s),
         ...o,
-        "data-tx": "1.3.0",
+        "data-tx": "1.5.0",
         ref: n,
         children: e
       }

package/components/List/components/ListItemControls.js

@@ -1,13 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
-import e from "react";
-import { c as m } from "../../../chunks/vendor-CehxOAkM.js";
-const i = "listItemControls__38ebb05b", n = {
+import m from "react";
+import { c as e } from "../../../chunks/vendor-9KVE23Ri.js";
+const i = "listItemControls__dfc790a7", a = {
   listItemControls: i
-}, a = e.forwardRef(
-  ({ children: t, className: o, ...s }, l) => /* @__PURE__ */ r("div", { className: m(n.listItemControls, o), ...s, ref: l, children: t })
+}, n = m.forwardRef(
+  ({ children: t, className: o, ...s }, l) => /* @__PURE__ */ r("div", { className: e(a.listItemControls, o), ...s, ref: l, children: t })
 );
-a.displayName = "ListItemControls";
+n.displayName = "ListItemControls";
 export {
-  a as ListItemControls
+  n as ListItemControls
 };
 //# sourceMappingURL=ListItemControls.js.map

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-CehxOAkM.js";
-import { L as e } from "../../../chunks/ListItemControlsButton-Ms4q9wDe.js";
+import "../../../chunks/vendor-9KVE23Ri.js";
+import { L as e } from "../../../chunks/ListItemControlsButton-AbCEipFe.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 m, useState as E, createElement as b } from "react";
-import { a as O, c as g } from "../../../chunks/vendor-CehxOAkM.js";
+import { a as O, c as g } from "../../../chunks/vendor-9KVE23Ri.js";
 import { ETextSize as K } from "../../Typography/enums.js";
 import { Text as T } from "../../Typography/Text.js";
 import { ButtonDropdownExtended as R } 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 h } from "../../Dropdown/desktop/DropdownList.js";
-import { s as y, L as V } from "../../../chunks/ListItemControlsButton-Ms4q9wDe.js";
+import { s as y, L as V } from "../../../chunks/ListItemControlsButton-AbCEipFe.js";
 const G = P.forwardRef(
   (C, l) => {
     const { buttonAttributes: x, children: c, className: I, icon: N, options: d, selected: n, disabled: B, ...L } = C, f = m(null), u = m(null), [p, v] = E(), D = m(O()), A = ({ opened: e, setOpened: t }) => /* @__PURE__ */ o(

package/components/List/components/ListItemLoading.js

@@ -1,12 +1,12 @@
 import { jsx as t } from "react/jsx-runtime";
 import m from "react";
-import { c as s } from "../../../chunks/vendor-CehxOAkM.js";
+import { c as s } from "../../../chunks/vendor-9KVE23Ri.js";
 import { LoaderScreen as a } from "../../LoaderScreen/LoaderScreen.js";
 import { EComponentSize as r } from "../../../enums/EComponentSize.js";
-const n = "listItemLoading__1fb4613c", d = {
-  listItemLoading: n
+const d = "listItemLoading__ee98bdac", n = {
+  listItemLoading: d
 }, l = m.forwardRef(
-  ({ className: o, ...i }, e) => /* @__PURE__ */ t("div", { className: s(d.listItemLoading, o), ...i, ref: e, children: /* @__PURE__ */ t(a, { type: "small", size: r.MD }) })
+  ({ className: o, ...e }, i) => /* @__PURE__ */ t("div", { className: s(n.listItemLoading, o), ...e, ref: i, children: /* @__PURE__ */ t(a, { type: "small", size: r.MD }) })
 );
 l.displayName = "ListItemLoading";
 export {

package/components/List/components/ListItemSelectable.js

@@ -1,9 +1,9 @@
 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-CehxOAkM.js";
+import { c as k } from "../../../chunks/vendor-9KVE23Ri.js";
 import { Checkbox as x } from "../../Checkbox/Checkbox.js";
 import { ListItemContext as _ } from "./ListItemContext.js";
-const f = "listItemSelectable__20b7c276", L = "selected__208bb57a", C = "checkboxWrapper__3635df4c", W = "childrenWrapper__4fd32a52", I = "checkboxLabel__7a9185b1", S = "checkboxLabelClickArea__12737d1b", e = {
+const f = "listItemSelectable__0cb893cf", L = "selected__b6aa1ed9", C = "checkboxWrapper__d54433bb", W = "childrenWrapper__ab7bb08f", I = "checkboxLabel__0bed8b70", S = "checkboxLabelClickArea__0a503fce", e = {
   listItemSelectable: f,
   selected: L,
   checkboxWrapper: C,
@@ -11,7 +11,7 @@ const f = "listItemSelectable__20b7c276", L = "selected__208bb57a", C = "checkbo
   checkboxLabel: I,
   checkboxLabelClickArea: S
 }, N = p.forwardRef(
-  ({ selected: c, children: l, className: r, onSelect: s, ...o }, b) => {
+  ({ selected: c, children: l, className: r, onSelect: s, ...b }, o) => {
     const { setSelected: a } = m(_), i = (h) => {
       s(h.target.checked);
     };
@@ -21,8 +21,8 @@ const f = "listItemSelectable__20b7c276", L = "selected__208bb57a", C = "checkbo
       "div",
       {
         className: k(e.listItemSelectable, { [e.selected]: c }, r),
-        ...o,
-        ref: b,
+        ...b,
+        ref: o,
         children: [
           /* @__PURE__ */ t("div", { className: e.childrenWrapper, children: l }),
           /* @__PURE__ */ t("div", { className: e.checkboxWrapper, children: /* @__PURE__ */ t(

package/components/List/components/ListItemTable.js

@@ -1,19 +1,19 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import d from "react";
-import { SwipeableArea as I } from "../../SwipeableArea/SwipeableArea.js";
-import { ListItem as b } from "./ListItem.js";
+import { SwipeableArea as b } from "../../SwipeableArea/SwipeableArea.js";
+import { ListItem as I } 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-CehxOAkM.js";
-const C = "listItemTable__2473a0c9", _ = {
+import { c as y } from "../../../chunks/vendor-9KVE23Ri.js";
+const C = "listItemTable__6d4b00a3", _ = {
   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(
-      I,
+    return /* @__PURE__ */ e(I, { className: y(_.listItemTable, s), ...n, ref: f, children: /* @__PURE__ */ c(
+      b,
       {
         ref: a,
         rightSwipeableArea: t ? /* @__PURE__ */ e(T, { children: t }) : void 0,

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-CehxOAkM.js";
-import { s } from "../../../chunks/ListItemTail.module-D5VudFCz.js";
+import { c as o } from "../../../chunks/vendor-9KVE23Ri.js";
+import { s } from "../../../chunks/ListItemTail.module-CZYSMJRz.js";
 const r = m.forwardRef(
   ({ className: a, ...e }, i) => /* @__PURE__ */ l(
     "span",

package/components/List/components/ListItemTailRight.js

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

package/components/List/components/ListSortableItem.js

@@ -1,9 +1,9 @@
 import { jsx as b } from "react/jsx-runtime";
 import p from "react";
-import { t as u, C as I, c as _ } from "../../../chunks/vendor-CehxOAkM.js";
+import { z as u, A as I, c as _ } from "../../../chunks/vendor-9KVE23Ri.js";
 import { ListItem as y } from "./ListItem.js";
 import { ListSortableItemTarget as L } from "./ListSortableItemTarget.js";
-const R = "listSortableItem__ae7fbecc", N = "dragging__92b4d22d", i = {
+const R = "listSortableItem__54b4751d", N = "dragging__480cdceb", i = {
   listSortableItem: R,
   dragging: N
 }, x = Object.assign(

package/components/List/components/ListSortableItemControls.js

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

package/components/List/components/ListSortableItemTarget.js

@@ -1,17 +1,17 @@
 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 as b } from "../../../chunks/vendor-CehxOAkM.js";
-const I = "listSortableItemTarget__640732be", c = "dragging__92b4d22d", S = "listSortableItemTargetContent__5a5b4a0b", d = "listSortableItemTargetIcon__c1b59e1d", t = {
+import { c } from "../../../chunks/vendor-9KVE23Ri.js";
+const I = "listSortableItemTarget__eac06d71", b = "dragging__480cdceb", d = "listSortableItemTargetContent__123252ce", S = "listSortableItemTargetIcon__eda5d1b6", t = {
   listSortableItemTarget: I,
-  dragging: c,
-  listSortableItemTargetContent: S,
-  listSortableItemTargetIcon: d
+  dragging: b,
+  listSortableItemTargetContent: d,
+  listSortableItemTargetIcon: S
 }, T = m.forwardRef(
   ({ children: a, className: r, disabled: o, dragging: l, ...s }, g) => /* @__PURE__ */ i(
     "div",
     {
-      className: b(t.listSortableItemTarget, { [t.dragging]: l }, "hoverable", r),
+      className: c(t.listSortableItemTarget, { [t.dragging]: l }, "hoverable", r),
       ...s,
       ref: g,
       children: [

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-Ms4q9wDe.js";
+import { L as I } from "../../chunks/ListItemControlsButton-AbCEipFe.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";