@sberbusiness/triplex-next 0.1.9 → 0.10.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-BlJo2ILB.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-H2K8IoVH.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-BlJo2ILB.js";
+import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-H2K8IoVH.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 d, useEffect as l } from "react";
+import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
+const n = "lightBoxSideOverlayLoaderWrapper__d64ab589", c = {
+  lightBoxSideOverlayLoaderWrapper: n
+}, f = ({ loadingTitle: a }) => {
+  const [t, r] = s(0), e = d(null);
+  return l(() => {
+    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 }) });
+};
+f.displayName = "LightBoxSideOverlayLoader";
+export {
+  f as LightBoxSideOverlayLoader
+};
+//# sourceMappingURL=LightBoxSideOverlayLoader.js.map

package/components/LightBox/LightBoxSideOverlay/enums.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((m) => (m.SM = "sm", m.MD = "md", m.LG = "lg", m))(r || {});
+export {
+  r as ELightBoxSideOverlaySize
+};
+//# sourceMappingURL=enums.js.map

package/components/LightBox/LightBoxSideOverlay/index.js

@@ -0,0 +1,7 @@
+import { LightBoxSideOverlay as r } from "./LightBoxSideOverlay.js";
+import { ELightBoxSideOverlaySize as t } from "./enums.js";
+export {
+  t as ELightBoxSideOverlaySize,
+  r as LightBoxSideOverlay
+};
+//# sourceMappingURL=index.js.map

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -0,0 +1,15 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as o } from "../../../chunks/vendor-BlJo2ILB.js";
+const d = "lightBoxLeftSidebar__ec3c691e", l = "lightBoxLeftSidebarInner__4aac0393", t = {
+  lightBoxLeftSidebar: d,
+  lightBoxLeftSidebarInner: l
+}, s = ({
+  children: i,
+  className: r,
+  ...a
+}) => /* @__PURE__ */ e("div", { className: o(r, t.lightBoxLeftSidebar), ...a, children: /* @__PURE__ */ e("div", { className: t.lightBoxLeftSidebarInner, children: i }) });
+s.displayName = "LightBoxLeftSidebar";
+export {
+  s as LightBoxLeftSidebar
+};
+//# sourceMappingURL=LightBoxLeftSidebar.js.map

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -0,0 +1,15 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as r } from "../../../chunks/vendor-BlJo2ILB.js";
+const o = "lightBoxRightSidebar__c2e64378", a = "lightBoxRightSidebarInner__5646159d", t = {
+  lightBoxRightSidebar: o,
+  lightBoxRightSidebarInner: a
+}, d = ({
+  children: e,
+  className: h,
+  ...g
+}) => /* @__PURE__ */ i("div", { className: r(h, t.lightBoxRightSidebar), ...g, children: /* @__PURE__ */ i("div", { className: t.lightBoxRightSidebarInner, children: e }) });
+d.displayName = "LightBoxRightSidebar";
+export {
+  d as LightBoxRightSidebar
+};
+//# sourceMappingURL=LightBoxRightSidebar.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 { u as B, i as k, h as p } from "../../../chunks/vendor-BlJo2ILB.js";
+import { Portal as P } from "../../Portal/Portal.js";
+import { LightBoxViewManagerConsts as l } from "./LightBoxViewManagerConsts.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();
+      k(
+        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 } = B({
+    handleWidth: !0,
+    onResize: f,
+    refreshMode: "throttle",
+    refreshRate: 150
+  });
+  return /* @__PURE__ */ r(P, { 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,11 @@
+import { LightBox as t, lightBoxMountNodeIdDefault as i, lightBoxViewManagerNodeIdDefault as r } from "./LightBox.js";
+import { LightBoxSideOverlay as a } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
+import { ELightBoxSideOverlaySize as g } from "./LightBoxSideOverlay/enums.js";
+export {
+  g as ELightBoxSideOverlaySize,
+  t as LightBox,
+  a as LightBoxSideOverlay,
+  i as lightBoxMountNodeIdDefault,
+  r as lightBoxViewManagerNodeIdDefault
+};
+//# sourceMappingURL=index.js.map

package/components/Link/Link.js

@@ -1,14 +1,14 @@
-import { jsx as R, jsxs as t, Fragment as i } from "react/jsx-runtime";
+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-CF2m175I.js";
-const v = "link__621098aa", F = "wordWithContent__9513f598", S = "before__cf1760a1", T = "after__ce461921", e = {
+import { c as l } from "../../chunks/vendor-BlJo2ILB.js";
+const v = "link__38cbdf90", F = "wordWithContent__89e80838", S = "before__9a61d43f", T = "after__822a2e9f", e = {
   link: v,
   wordWithContent: F,
   before: S,
   after: T
 }, q = L.forwardRef(
-  ({ children: d, className: N, onBlur: f, onMouseDown: p, contentAfter: s, contentBefore: o, ...C }, _) => {
-    const c = () => o ? /* @__PURE__ */ t(i, { children: [
+  ({ children: i, className: N, onBlur: f, onMouseDown: p, contentAfter: s, contentBefore: o, ...C }, W) => {
+    const c = () => o ? /* @__PURE__ */ t(d, { children: [
       "​",
       o()
     ] }) : null, m = () => s ? s() : null, u = (n) => {
@@ -24,9 +24,9 @@ const v = "link__621098aa", F = "wordWithContent__9513f598", S = "before__cf1760
           m()
         ] });
       }
-      const a = r[0], h = r[r.length - 1], k = r.slice(1, -1).join(" "), b = l(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: b, children: [
+      }), g = o ? /* @__PURE__ */ t("span", { className: k, children: [
         c(),
         a
       ] }) : a, x = l(e.wordWithContent, {
@@ -35,21 +35,21 @@ const v = "link__621098aa", F = "wordWithContent__9513f598", S = "before__cf1760
         h,
         m()
       ] }) : h;
-      return /* @__PURE__ */ t(i, { children: [
+      return /* @__PURE__ */ t(d, { children: [
         g,
         " ",
-        k,
+        b,
         " ",
         j
       ] });
-    }, W = (n) => {
+    }, w = (n) => {
       const r = o ? o() : null, a = s ? s() : null;
-      return /* @__PURE__ */ t(i, { children: [
+      return /* @__PURE__ */ t(d, { children: [
         r,
         n,
         a
       ] });
-    }, w = o || s ? ((n) => typeof n == "string" ? u(n) : W(n))(d) : d;
+    }, _ = o || s ? ((n) => typeof n == "string" ? u(n) : w(n))(i) : i;
     return /* @__PURE__ */ R(
       "a",
       {
@@ -58,9 +58,9 @@ const v = "link__621098aa", F = "wordWithContent__9513f598", S = "before__cf1760
         className: l(N, e.link, "hoverable"),
         onBlur: f,
         onMouseDown: p,
-        "data-tx": "0.1.9",
-        ref: _,
-        children: w
+        "data-tx": "0.10.0",
+        ref: W,
+        children: _
       }
     );
   }

package/components/List/List.js

@@ -1,23 +1,15 @@
-import { jsxs as o } from "react/jsx-runtime";
-import r from "react";
-import { c } from "../../chunks/vendor-CF2m175I.js";
-const e = "list__a395234c", m = {
-  list: e
-}, f = r.forwardRef(({ children: s, className: t, loading: l, ...a }, i) => /* @__PURE__ */ o(
-  "ul",
-  {
-    className: c(m.list, t),
-    ...a,
-    "data-tx": "0.1.9",
-    ref: i,
-    children: [
-      s,
-      l ? "Загрузка..." : null
-    ]
-  }
-));
-f.displayName = "List";
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import e from "react";
+import { c as m } from "../../chunks/vendor-BlJo2ILB.js";
+import { LoaderScreen as c } from "../LoaderScreen/LoaderScreen.js";
+const f = "list__6db2faf1", p = {
+  list: f
+}, d = e.forwardRef(({ children: s, className: t, loading: l, ...o }, r) => /* @__PURE__ */ a("ul", { className: m(p.list, t), ...o, "data-tx": "0.10.0", ref: r, children: [
+  s,
+  l ? /* @__PURE__ */ i(c, { type: "small" }) : null
+] }));
+d.displayName = "List";
 export {
-  f 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 { u as b, a as f, D as M, M as T, r as D, b as L, S as w, v as y, d as I, T as C, e as H } from "../../chunks/vendor-CF2m175I.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-BlJo2ILB.js";
 import { List as N } from "./List.js";
 class u extends H {
 }
@@ -66,10 +66,10 @@ function R({ items: t, onItemsChange: e, ...r }, s) {
     }
   );
 }
-const W = E.forwardRef(R);
+const k = E.forwardRef(R);
 export {
   u as AdvancedMouseSensor,
   g as AdvancedTouchSensor,
-  W as ListSortable
+  k as ListSortable
 };
 //# sourceMappingURL=ListSortable.js.map

package/components/List/components/ListEmptyState.js

@@ -1,13 +1,13 @@
 import { jsx as e } from "react/jsx-runtime";
 import i from "react";
-import { c as o } from "../../../chunks/vendor-CF2m175I.js";
-const p = "listEmptyState__67249816", l = {
+import { c as o } from "../../../chunks/vendor-BlJo2ILB.js";
+const p = "listEmptyState__8f3cae70", r = {
   listEmptyState: p
-}, r = i.forwardRef(
-  ({ children: t, className: s, ...m }, a) => /* @__PURE__ */ e("div", { className: o(l.listEmptyState, s), ...m, ref: a, children: t })
+}, c = i.forwardRef(
+  ({ children: t, className: s, ...m }, a) => /* @__PURE__ */ e("div", { className: o(r.listEmptyState, s), ...m, ref: a, children: t })
 );
-r.displayName = "ListItemEmpty";
+c.displayName = "ListItemEmpty";
 export {
-  r as ListEmptyState
+  c as ListEmptyState
 };
 //# sourceMappingURL=ListEmptyState.js.map

package/components/List/components/ListItem.js

@@ -1,21 +1,12 @@
 import { jsx as t } from "react/jsx-runtime";
-import m, { useState as d } from "react";
+import a, { 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": "0.1.9",
-      ref: s,
-      children: e
-    }
-  ) });
+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.10.0", ref: s, children: e }) });
 });
-f.displayName = "ListItem";
+c.displayName = "ListItem";
 export {
-  f as ListItem
+  c as ListItem
 };
 //# sourceMappingURL=ListItem.js.map

package/components/List/components/ListItemContent.js

@@ -1,27 +1,27 @@
 import { jsx as c } from "react/jsx-runtime";
-import l, { useContext as i } from "react";
-import { c as r } from "../../../chunks/vendor-CF2m175I.js";
+import i, { useContext as l } from "react";
+import { c as r } from "../../../chunks/vendor-BlJo2ILB.js";
 import { ListItemContext as a } from "./ListItemContext.js";
-const d = "listItemContent__cd9a021b", C = "selected__58458537", t = {
+const d = "listItemContent__e5354ff3", f = "selected__6fc72ee5", t = {
   listItemContent: d,
-  selected: C
-}, f = l.forwardRef(
+  selected: f
+}, C = i.forwardRef(
   ({ children: e, className: s, ...o }, n) => {
-    const { selected: m } = i(a);
+    const { selected: m } = l(a);
     return /* @__PURE__ */ c(
       "div",
       {
         className: r(t.listItemContent, { [t.selected]: m }, s),
         ...o,
-        "data-tx": "0.1.9",
+        "data-tx": "0.10.0",
         ref: n,
         children: e
       }
     );
   }
 );
-f.displayName = "ListItemContent";
+C.displayName = "ListItemContent";
 export {
-  f as ListItemContent
+  C as ListItemContent
 };
 //# sourceMappingURL=ListItemContent.js.map

package/components/List/components/ListItemControls.js

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

package/components/List/components/ListItemControlsButtonDropdown.js

@@ -1,22 +1,110 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../chunks/vendor-CF2m175I.js";
-import "../../Typography/enums.js";
-import "../../Typography/Text.js";
-import { L as D } from "../../../chunks/index-CAZEh1iw.js";
-import "../../../utils/keyboard.js";
-import "../../Dropdown/DropdownListContext.js";
+import { jsx as t, jsxs as W, Fragment as P } from "react/jsx-runtime";
+import E, { useRef as a, useState as O, createElement as w } from "react";
+import { a as _, c as g } from "../../../chunks/vendor-BlJo2ILB.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";
+import { isKey as i } from "../../../utils/keyboard.js";
+import { DropdownListContext as j } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
-import "../../Dropdown/mobile/DropdownMobileBody.js";
-import "../../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody as z } from "../../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as U } from "../../Dropdown/mobile/DropdownMobileClose.js";
 import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import "../../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader as q } from "../../Dropdown/mobile/DropdownMobileHeader.js";
 import "../../Dropdown/mobile/DropdownMobileInner.js";
 import "../../Dropdown/mobile/DropdownMobileInput.js";
-import "../../Dropdown/mobile/DropdownMobileList.js";
-import "../../Dropdown/mobile/DropdownMobileListItem.js";
-import "../../../chunks/ListItemControlsButton-BtMEMrGK.js";
+import { DropdownMobileList as F } from "../../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as H } from "../../Dropdown/mobile/DropdownMobileListItem.js";
+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-rF_5JaM-.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(
+      V,
+      {
+        className: "hoverable",
+        onKeyDown: S({ opened: e, setOpened: o }),
+        onClick: A({ opened: e, setOpened: o }),
+        disabled: I,
+        "aria-haspopup": "menu",
+        "aria-expanded": e,
+        "aria-controls": D.current,
+        "aria-activedescendant": p,
+        icon: B,
+        ...C,
+        ref: M,
+        children: c
+      }
+    ), A = ({ opened: e, setOpened: o }) => () => o(!e), S = ({ opened: e, setOpened: o }) => (m) => {
+      const { key: r } = m;
+      (i(r, "SPACE") || i(r, "ARROW_UP") || i(r, "ARROW_DOWN")) && m.preventDefault(), !e && (i(r, "ARROW_UP") || i(r, "ARROW_DOWN")) && o(!0);
+    }, k = ({ opened: e, setOpened: o, className: m }) => /* @__PURE__ */ t(j.Provider, { value: { activeDescendant: p, setActiveDescendant: L }, children: /* @__PURE__ */ t(
+      b.Dropdown,
+      {
+        className: m,
+        opened: e,
+        setOpened: o,
+        targetRef: u,
+        ref: f,
+        mobileViewProps: {
+          children: /* @__PURE__ */ W(P, { children: [
+            /* @__PURE__ */ t(
+              q,
+              {
+                controlButtons: /* @__PURE__ */ t(U, { onClick: () => o(!1) }),
+                children: /* @__PURE__ */ t(T, { tag: "div", size: K.B1, children: c })
+              }
+            ),
+            /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(F, { children: d.map((r) => /* @__PURE__ */ w(
+              H,
+              {
+                ...r,
+                key: r.id,
+                selected: r.id === (n == null ? void 0 : n.id),
+                onSelect: () => {
+                  var s;
+                  (s = r.onSelect) == null || s.call(r), o(!1);
+                }
+              },
+              r.label
+            )) }) })
+          ] })
+        },
+        children: /* @__PURE__ */ t(R, { dropdownOpened: e, id: D.current, children: d.map((r) => /* @__PURE__ */ w(
+          R.Item,
+          {
+            ...r,
+            className: h.buttonDropdownMenuItem,
+            key: r.id,
+            selected: r.id === (n == null ? void 0 : n.id),
+            onSelect: () => {
+              var s;
+              (s = r.onSelect) == null || s.call(r), o(!1);
+            }
+          },
+          r.label
+        )) })
+      }
+    ) }), M = (e) => {
+      u.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
+    };
+    return /* @__PURE__ */ t(
+      b,
+      {
+        className: g(h.listItemControlsButtonDropdown, x),
+        renderButton: v,
+        renderDropdown: k,
+        dropdownRef: f,
+        closeOnTab: !0,
+        ...N
+      }
+    );
+  }
+);
+G.displayName = "ListItemControlsButtonDropdown";
 export {
-  D as ListItemControlsButtonDropdown
+  G as ListItemControlsButtonDropdown
 };
 //# sourceMappingURL=ListItemControlsButtonDropdown.js.map

package/components/List/components/ListItemLoading.js

@@ -1,10 +1,12 @@
-import { jsx as s } from "react/jsx-runtime";
-import a from "react";
-import { c as e } from "../../../chunks/vendor-CF2m175I.js";
-const m = "listItemLoading__0805f7b5", d = {
-  listItemLoading: m
-}, l = a.forwardRef(
-  ({ className: t, ...i }, o) => /* @__PURE__ */ s("div", { className: e(d.listItemLoading, t), ...i, ref: o, children: "Лоадер" })
+import { jsx as t } from "react/jsx-runtime";
+import m from "react";
+import { c as s } from "../../../chunks/vendor-BlJo2ILB.js";
+import { LoaderScreen as a } from "../../LoaderScreen/LoaderScreen.js";
+import { EComponentSize as r } from "../../../enums/EComponentSize.js";
+const n = "listItemLoading__e0a81fda", d = {
+  listItemLoading: n
+}, 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 }) })
 );
 l.displayName = "ListItemLoading";
 export {