@sberbusiness/triplex-next 0.22.0 → 0.24.0

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as y, Fragment as T } from "react/jsx-runtime";
 import { useState as B, useRef as O, useEffect as X } from "react";
-import { c as v, F as Y } from "../../../chunks/vendor---Om3uMV.js";
+import { c as f, F as Y } from "../../../chunks/vendor---Om3uMV.js";
 import { OverlayBase as z, EOverlayDirection as L } from "../../Overlay/OverlayBase.js";
 import { OverlayMask as R } from "../../Overlay/OverlayMask.js";
 import { LightBoxSideOverlayLoader as j } from "./LightBoxSideOverlayLoader.js";
@@ -9,7 +9,7 @@ import { LightBoxSideOverlayCloseMobile as A } from "./LightBoxSideOverlayCloseM
 import { LightBoxSideOverlayCloseDesktop as G } from "./LightBoxSideOverlayCloseDesktop.js";
 import { EComponentSize as U } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as q } from "../../../utils/classNameMaps.js";
-const J = "lightBoxSideOverlayMask__abe8a8fc", K = "lightBoxSideOverlayWrapper__c56bdbae", Q = "overflowXHidden__a68a57d9", V = "overflowYHidden__4ebae16d", Z = "closing__d0e751aa", $ = "opened__47e191f1", P = "lightBoxSideOverlayContent__0b9a049d", ee = "opening__f98e919a", oe = "sm__50b5bf3e", te = "md__a0af8919", ie = "lg__a7ed7ee1", re = "lightBoxSideOverlay__7e494b23", e = {
+const J = "lightBoxSideOverlayMask__9903c77c", K = "lightBoxSideOverlayWrapper__355d475f", Q = "overflowXHidden__90a951c8", V = "overflowYHidden__10e1e0c0", Z = "closing__0411bfe8", $ = "opened__6fdc3ec6", P = "lightBoxSideOverlayContent__15505845", ee = "opening__c6a4b5fd", oe = "sm__286b2bf1", te = "md__b0181ee0", ie = "lg__8ecdc552", re = "lightBoxSideOverlay__651e5acf", e = {
   lightBoxSideOverlayMask: J,
   lightBoxSideOverlayWrapper: K,
   overflowXHidden: Q,
@@ -22,11 +22,11 @@ const J = "lightBoxSideOverlayMask__abe8a8fc", K = "lightBoxSideOverlayWrapper__
   md: te,
   lg: ie,
   lightBoxSideOverlay: re
-}, le = q(e), f = ({
+}, le = q(e), v = ({
   children: x,
   className: S,
   focusTrapProps: l,
-  isLoading: n,
+  isLoading: a,
   loadingTitle: _,
   isTopLevelSideOverlayOpened: h,
   isTopOverlayOpened: u,
@@ -34,53 +34,53 @@ const J = "lightBoxSideOverlayMask__abe8a8fc", K = "lightBoxSideOverlayWrapper__
   onOpen: c,
   opened: o,
   size: M = U.MD,
-  ...b
+  ...k
 }) => {
-  const [i, d] = B(!1), [a, g] = B(!1), m = O(o), p = O(null);
+  const [i, d] = B(!1), [n, g] = B(!1), m = O(o), p = O(null);
   X(() => {
     m.current && !o ? (g(!1), d(!0)) : !m.current && o && (d(!1), g(!0)), m.current = o;
   }, [o]);
-  const k = (r) => {
+  const w = (r) => {
     const { target: D, currentTarget: W } = r;
-    D === W && (i ? (d(!1), s == null || s()) : a && (g(!1), c == null || c()));
-  }, w = ({ opened: r }) => /* @__PURE__ */ t(R, { opened: r, className: e.lightBoxSideOverlayMask }), C = () => /* @__PURE__ */ y(
+    D === W && (i ? (d(!1), s == null || s()) : n && (g(!1), c == null || c()));
+  }, C = ({ opened: r }) => /* @__PURE__ */ t(R, { opened: r, className: e.lightBoxSideOverlayMask }), H = () => /* @__PURE__ */ y(
     "div",
     {
-      className: v(e.lightBoxSideOverlayContent, {
+      className: f(e.lightBoxSideOverlayContent, {
         [e.closing]: i,
-        [e.opening]: a,
+        [e.opening]: n,
         [e.opened]: o
       }),
-      onTransitionEnd: k,
+      onTransitionEnd: w,
       ref: p,
       children: [
         x,
-        n && /* @__PURE__ */ t(j, { loadingTitle: _ })
+        a && /* @__PURE__ */ t(j, { loadingTitle: _ })
       ]
     }
-  ), H = () => {
-  }, N = v(S, e.lightBoxSideOverlayWrapper, le[M], {
+  ), N = () => {
+  }, b = f(S, e.lightBoxSideOverlayWrapper, le[M], {
     [e.closing]: i,
     [e.opened]: o,
-    [e.overflowXHidden]: !!h || !!n,
-    [e.overflowYHidden]: !!h || !!n || !!u
+    [e.overflowXHidden]: !!h || !!a,
+    [e.overflowYHidden]: !!h || !!a || !!u
   }), E = (r) => /* @__PURE__ */ y(T, { children: [
-    w(r),
-    C()
+    C(r),
+    H()
   ] }), F = /* @__PURE__ */ t(
     "div",
     {
-      className: v(e.lightBoxSideOverlay, {
+      className: f(e.lightBoxSideOverlay, {
         [e.closing]: i,
-        [e.opening]: a
+        [e.opening]: n
       }),
-      children: /* @__PURE__ */ t(z, { direction: L.RIGHT, opened: o, setOpened: H, children: E })
+      children: /* @__PURE__ */ t(z, { direction: L.RIGHT, opened: o, setOpened: N, children: E })
     }
   );
   return /* @__PURE__ */ t(
     Y,
     {
-      active: o && !a && !i,
+      active: o && !n && !i,
       ...l,
       focusTrapOptions: {
         allowOutsideClick: !0,
@@ -88,14 +88,14 @@ const J = "lightBoxSideOverlayMask__abe8a8fc", K = "lightBoxSideOverlayWrapper__
         preventScroll: !0,
         ...l == null ? void 0 : l.focusTrapOptions
       },
-      children: /* @__PURE__ */ t("div", { className: N, role: "dialog", "aria-modal": "true", ...b, children: F })
+      children: /* @__PURE__ */ t("div", { className: b, role: "dialog", "aria-modal": "true", ...k, children: F })
     }
   );
 };
-f.displayName = "LightBoxSideOverlay";
-f.CloseDesktop = G;
-f.CloseMobile = A;
+v.displayName = "LightBoxSideOverlay";
+v.CloseDesktop = G;
+v.CloseMobile = A;
 export {
-  f as LightBoxSideOverlay
+  v as LightBoxSideOverlay
 };
 //# sourceMappingURL=LightBoxSideOverlay.js.map

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -7,7 +7,7 @@ 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-Cgag40bQ.js";
+import { s as r } from "../../../chunks/LightBoxSideOverlayClose.module-CnOh-RZn.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---Om3uMV.js";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-Cgag40bQ.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-CnOh-RZn.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,18 +1,18 @@
 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__05da6e04", c = {
+import { useState as s, useRef as l, useEffect as p } from "react";
+import { LoaderScreen as d } from "../../LoaderScreen/LoaderScreen.js";
+const n = "lightBoxSideOverlayLoaderWrapper__7e9f43c3", c = {
   lightBoxSideOverlayLoaderWrapper: n
 }, f = ({ loadingTitle: a }) => {
-  const [t, r] = s(0), e = d(null);
-  return l(() => {
+  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(p, { type: "middle", children: a }) });
+  }, []), /* @__PURE__ */ i("div", { ref: e, className: c.lightBoxSideOverlayLoaderWrapper, style: { top: `${t}px` }, children: /* @__PURE__ */ i(d, { type: "middle", children: a }) });
 };
 f.displayName = "LightBoxSideOverlayLoader";
 export {

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---Om3uMV.js";
-const f = "lightBoxLeftSidebar__d0b0e574", x = "fixed__f7c37ebc", s = "lightBoxLeftSidebarInner__deb1836d", e = {
-  lightBoxLeftSidebar: f,
-  fixed: x,
-  lightBoxLeftSidebarInner: s
-}, l = ({
-  children: t,
-  className: d,
-  fixed: o,
-  ...r
-}) => /* @__PURE__ */ i("div", { className: a(d, e.lightBoxLeftSidebar, { [e.fixed]: o }), ...r, children: /* @__PURE__ */ i("div", { className: e.lightBoxLeftSidebarInner, children: t }) });
-l.displayName = "LightBoxLeftSidebar";
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as N, useRef as o, useImperativeHandle as R, useState as V, useEffect as b } from "react";
+import { c as h } from "../../../chunks/vendor---Om3uMV.js";
+const j = "lightBoxLeftSidebar__f35967a5", z = "fixed__88ea061a", E = "hidden__723e6028", 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 b(() => {
+      e.current = s, t.current = i;
+    }, [s, i]), b(() => {
+      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__ */ x(
+      "div",
+      {
+        ref: n,
+        className: h(L, r.lightBoxLeftSidebar, { [r.fixed]: B }),
+        ...g,
+        children: /* @__PURE__ */ x("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---Om3uMV.js";
-const a = "lightBoxRightSidebar__38c8d912", d = "fixed__f7c37ebc", x = "lightBoxRightSidebarInner__0fa732a7", i = {
-  lightBoxRightSidebar: a,
-  fixed: d,
-  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 g } from "react";
+import { c as x } from "../../../chunks/vendor---Om3uMV.js";
+const j = "lightBoxRightSidebar__528b1aa7", z = "fixed__88ea061a", E = "hidden__723e6028", r = {
+  lightBoxRightSidebar: j,
+  fixed: z,
+  hidden: E
+}, O = N(
+  ({ children: b, 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 g(() => {
+      e.current = i, t.current = s;
+    }, [i, s]), g(() => {
+      const a = n.current;
+      if (!a) return;
+      const l = new ResizeObserver((S) => {
+        for (const y of S) {
+          const c = y.contentRect.width > d;
+          _((I) => {
+            var u, f;
+            return c !== I && (c ? (u = e.current) == null || u.call(e) : (f = t.current) == null || f.call(t)), c;
+          });
+        }
+      });
+      return l.observe(a), () => l.disconnect();
+    }, [d]), /* @__PURE__ */ h(
+      "div",
+      {
+        ref: n,
+        className: x(m, r.lightBoxRightSidebar, { [r.fixed]: R }),
+        ...B,
+        children: /* @__PURE__ */ h("div", { className: x(r.lightBoxRightSidebarInner, { [r.hidden]: !v }), children: b })
+      }
+    );
+  }
+);
+O.displayName = "LightBoxRightSidebar";
 export {
-  s as LightBoxRightSidebar
+  O as LightBoxRightSidebar
 };
 //# sourceMappingURL=LightBoxRightSidebar.js.map

package/components/Link/Link.js

@@ -1,20 +1,20 @@
 import { jsx as R, jsxs as t, Fragment as i } from "react/jsx-runtime";
 import L from "react";
-import { c as a } from "../../chunks/vendor---Om3uMV.js";
-const v = "link__21b23bf7", F = "wordWithContent__eff81a62", S = "before__46bd3957", T = "after__1f89125f", e = {
+import { c as l } from "../../chunks/vendor---Om3uMV.js";
+const v = "link__bbe10c07", F = "wordWithContent__0a4a3618", S = "before__26030191", T = "after__3fefd069", e = {
   link: v,
   wordWithContent: F,
   before: S,
   after: T
 }, q = L.forwardRef(
-  ({ children: d, className: f, onBlur: N, onMouseDown: p, contentAfter: s, contentBefore: o, ...C }, b) => {
+  ({ children: d, className: N, onBlur: p, onMouseDown: f, contentAfter: s, contentBefore: o, ...C }, W) => {
     const c = () => o ? /* @__PURE__ */ t(i, { children: [
       "​",
       o()
-    ] }) : null, m = () => s ? s() : null, W = (n) => {
+    ] }) : null, m = () => s ? s() : null, b = (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__21b23bf7", F = "wordWithContent__eff81a62", S = "before__46bd39
           m()
         ] });
       }
-      const l = r[0], h = r[r.length - 1], _ = r.slice(1, -1).join(" "), k = a(e.wordWithContent, {
+      const a = r[0], h = r[r.length - 1], _ = 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,
@@ -43,23 +43,23 @@ const v = "link__21b23bf7", F = "wordWithContent__eff81a62", S = "before__46bd39
         j
       ] });
     }, u = (n) => {
-      const r = o ? o() : null, l = s ? s() : null;
+      const r = o ? o() : null, a = s ? s() : null;
       return /* @__PURE__ */ t(i, { children: [
         r,
         n,
-        l
+        a
       ] });
-    }, w = o || s ? ((n) => typeof n == "string" ? W(n) : u(n))(d) : d;
+    }, w = o || s ? ((n) => typeof n == "string" ? b(n) : u(n))(d) : d;
     return /* @__PURE__ */ R(
       "a",
       {
         role: "link",
         ...C,
-        className: a(f, e.link, "hoverable"),
-        onBlur: N,
-        onMouseDown: p,
-        "data-tx": "0.22.0",
-        ref: b,
+        className: l(N, e.link, "hoverable"),
+        onBlur: p,
+        onMouseDown: f,
+        "data-tx": "0.24.0",
+        ref: W,
         children: w
       }
     );

package/components/List/List.js

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

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---Om3uMV.js";
-const p = "listEmptyState__8481d2b8", r = {
+const p = "listEmptyState__4fd172de", r = {
   listEmptyState: p
 }, l = i.forwardRef(
-  ({ children: t, className: s, ...m }, a) => /* @__PURE__ */ e("div", { className: o(r.listEmptyState, s), ...m, ref: a, children: t })
+  ({ children: t, className: s, ...m }, e) => /* @__PURE__ */ a("div", { className: o(r.listEmptyState, s), ...m, ref: e, children: t })
 );
 l.displayName = "ListItemEmpty";
 export {

package/components/List/components/ListItem.js

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

package/components/List/components/ListItemContent.js

@@ -2,10 +2,10 @@ import { jsx as c } from "react/jsx-runtime";
 import i, { useContext as l } from "react";
 import { c as r } from "../../../chunks/vendor---Om3uMV.js";
 import { ListItemContext as d } from "./ListItemContext.js";
-const a = "listItemContent__8bd77b2c", f = "selected__f9b96ef6", t = {
+const a = "listItemContent__b9190dde", C = "selected__94c15600", t = {
   listItemContent: a,
-  selected: f
-}, C = i.forwardRef(
+  selected: C
+}, I = i.forwardRef(
   ({ children: e, className: s, ...o }, n) => {
     const { selected: m } = l(d);
     return /* @__PURE__ */ c(
@@ -13,15 +13,15 @@ const a = "listItemContent__8bd77b2c", f = "selected__f9b96ef6", t = {
       {
         className: r(t.listItemContent, { [t.selected]: m }, s),
         ...o,
-        "data-tx": "0.22.0",
+        "data-tx": "0.24.0",
         ref: n,
         children: e
       }
     );
   }
 );
-C.displayName = "ListItemContent";
+I.displayName = "ListItemContent";
 export {
-  C as ListItemContent
+  I as ListItemContent
 };
 //# sourceMappingURL=ListItemContent.js.map

package/components/List/components/ListItemControls.js

@@ -1,13 +1,13 @@
 import { jsx as l } from "react/jsx-runtime";
 import m from "react";
 import { c as e } from "../../../chunks/vendor---Om3uMV.js";
-const i = "listItemControls__77f1cf30", n = {
+const i = "listItemControls__c51b21aa", a = {
   listItemControls: i
-}, c = m.forwardRef(
-  ({ children: t, className: o, ...s }, r) => /* @__PURE__ */ l("div", { className: e(n.listItemControls, o), ...s, ref: r, children: t })
+}, n = m.forwardRef(
+  ({ children: t, className: o, ...s }, r) => /* @__PURE__ */ l("div", { className: e(a.listItemControls, o), ...s, ref: r, children: t })
 );
-c.displayName = "ListItemControls";
+n.displayName = "ListItemControls";
 export {
-  c 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---Om3uMV.js";
-import { L as e } from "../../../chunks/ListItemControlsButton-BAYnQi20.js";
+import { L as e } from "../../../chunks/ListItemControlsButton-BFfMrFr7.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 export {

package/components/List/components/ListItemControlsButtonDropdown.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-BAYnQi20.js";
+import { s as h, L as V } from "../../../chunks/ListItemControlsButton-BFfMrFr7.js";
 const G = E.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] = O(), D = a(_()), v = ({ opened: e, setOpened: o }) => /* @__PURE__ */ t(

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---Om3uMV.js";
-import { LoaderScreen as r } from "../../LoaderScreen/LoaderScreen.js";
+import { jsx as o } from "react/jsx-runtime";
+import e from "react";
+import { c as r } from "../../../chunks/vendor---Om3uMV.js";
 import { EComponentSize as a } from "../../../enums/EComponentSize.js";
-const n = "listItemLoading__7b578b75", d = {
-  listItemLoading: n
-}, l = m.forwardRef(
-  ({ className: o, ...i }, e) => /* @__PURE__ */ t("div", { className: s(d.listItemLoading, o), ...i, ref: e, children: /* @__PURE__ */ t(r, { type: "small", size: a.MD }) })
+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__a7c4e316", n = {
+  listItemLoading: d
+}, p = 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";
+p.displayName = "ListItemLoading";
 export {
-  l as ListItemLoading
+  p as ListItemLoading
 };
 //# sourceMappingURL=ListItemLoading.js.map

package/components/List/components/ListItemSelectable.js

@@ -3,7 +3,7 @@ import p, { useContext as m, useEffect as d } from "react";
 import { c as k } from "../../../chunks/vendor---Om3uMV.js";
 import { Checkbox as x } from "../../Checkbox/Checkbox.js";
 import { ListItemContext as f } from "./ListItemContext.js";
-const _ = "listItemSelectable__1b77ae60", L = "selected__f9b96ef6", C = "checkboxWrapper__78071a33", W = "childrenWrapper__deb61f30", I = "checkboxLabel__3ecd0fea", S = "checkboxLabelClickArea__d60dfcff", e = {
+const _ = "listItemSelectable__0cd33a81", L = "selected__94c15600", C = "checkboxWrapper__9c156ebe", W = "childrenWrapper__832de8f2", I = "checkboxLabel__69c98ea8", S = "checkboxLabelClickArea__f2ebf86e", e = {
   listItemSelectable: _,
   selected: L,
   checkboxWrapper: C,

package/components/List/components/ListItemTable.js

@@ -1,32 +1,34 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import b from "react";
-import { SwipeableArea as d } from "../../SwipeableArea/SwipeableArea.js";
-import { ListItem as I } from "./ListItem.js";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import d from "react";
+import { SwipeableArea as I } from "../../SwipeableArea/SwipeableArea.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---Om3uMV.js";
-const C = "listItemTable__bc4b75f7", w = {
-  listItemTable: C
-}, R = b.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(I, { className: y(w.listItemTable, s), ...n, ref: f, children: /* @__PURE__ */ c(
-      d,
+import { ListItemTailRight as A } from "./ListItemTailRight.js";
+import { c as x } from "../../../chunks/vendor---Om3uMV.js";
+const y = "listItemTable__3dc1a8c9", C = "swipeableArea__ba55b4b3", a = {
+  listItemTable: y,
+  swipeableArea: C
+}, _ = d.forwardRef(
+  ({ children: m, className: o, controlButtons: t, onClickItem: l, onSelect: i, selected: r, swipeableAreaRef: n, ...p }, b) => {
+    const c = typeof i < "u" && typeof r < "u", s = () => /* @__PURE__ */ e(L, { onClick: l, children: m });
+    return /* @__PURE__ */ e(w, { className: x(a.listItemTable, o), ...p, ref: b, children: /* @__PURE__ */ f(
+      I,
       {
-        ref: a,
+        className: a.swipeableArea,
+        ref: n,
         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: s() }) : s()
         ]
       }
     ) });
   }
 );
-R.displayName = "ListItemTable";
+_.displayName = "ListItemTable";
 export {
-  R as ListItemTable
+  _ as ListItemTable
 };
 //# sourceMappingURL=ListItemTable.js.map

package/components/List/components/ListItemTailLeft.js

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

package/components/List/components/ListItemTailRight.js

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