@sberbusiness/triplex-next 1.27.0 → 1.28.0

package/components/List/components/ListSortableItemTarget.js

@@ -1,9 +1,9 @@
 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 I } from "../../../chunks/vendor-DudMBGKr.js";
-const c = "listSortableItemTarget__5b50a294", b = "dragging__6a60b82a", S = "listSortableItemTargetContent__4dd08718", d = "listSortableItemTargetIcon__e77fcf31", t = {
-  listSortableItemTarget: c,
+import { c } from "../../../chunks/vendor-DudMBGKr.js";
+const I = "listSortableItemTarget__fa445801", b = "dragging__de6c0dc6", S = "listSortableItemTargetContent__b7ca518c", d = "listSortableItemTargetIcon__519aa7bd", t = {
+  listSortableItemTarget: I,
   dragging: b,
   listSortableItemTargetContent: S,
   listSortableItemTargetIcon: d
@@ -11,7 +11,7 @@ const c = "listSortableItemTarget__5b50a294", b = "dragging__6a60b82a", S = "lis
   ({ children: a, className: r, disabled: o, dragging: l, ...s }, g) => /* @__PURE__ */ i(
     "div",
     {
-      className: I(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-27xRORri.js";
+import { L as I } from "../../chunks/ListItemControlsButton-_-tEvYQM.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

@@ -9,7 +9,7 @@ import { ListMasterFooterControls as d } from "./components/ListMasterFooterCont
 import { ListMasterFooterDescription as L } from "./components/ListMasterFooterDescription.js";
 const M = Object.assign(
   s.forwardRef(function({ children: t, className: o, ...r }, e) {
-    return /* @__PURE__ */ i("div", { className: o, ...r, "data-tx": "1.27.0", ref: e, children: t });
+    return /* @__PURE__ */ i("div", { className: o, ...r, "data-tx": "1.28.0", ref: e, children: t });
   }),
   {
     Body: m,

package/components/ListMaster/components/ListMasterBody.js

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

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -2,7 +2,7 @@ import { jsx as p } from "react/jsx-runtime";
 import i from "react";
 import { ChipGroup as e } from "../../ChipGroup/ChipGroup.js";
 import { c as a } from "../../../chunks/vendor-DudMBGKr.js";
-const m = "listMasterChipGroup__13300ebf", l = {
+const m = "listMasterChipGroup__991ee740", l = {
   listMasterChipGroup: m
 }, u = i.forwardRef(
   ({ children: r, className: t, ...s }, o) => /* @__PURE__ */ p(e, { className: a(l.listMasterChipGroup, t), oneLine: !0, ...s, ref: o, children: r })

package/components/ListMaster/components/ListMasterFooter.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import m from "react";
 import { c as f } from "../../../chunks/vendor-DudMBGKr.js";
-import { s as t } from "../../../chunks/ListMasterFooter.module-DkH4Ou-p.js";
+import { s as t } from "../../../chunks/ListMasterFooter.module-Dbk-k1aZ.js";
 const c = m.forwardRef(
   ({ children: r, className: s, sticky: o = !0, ...e }, a) => /* @__PURE__ */ i(
     "div",

package/components/ListMaster/components/ListMasterFooterControls.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import a from "react";
 import { c as m } from "../../../chunks/vendor-DudMBGKr.js";
-import { s as i } from "../../../chunks/ListMasterFooter.module-DkH4Ou-p.js";
+import { s as i } from "../../../chunks/ListMasterFooter.module-Dbk-k1aZ.js";
 const l = a.forwardRef(
   ({ children: o, className: t, ...r }, s) => /* @__PURE__ */ e("div", { className: m(i.listMasterFooterControls, t), ...r, ref: s, children: o })
 );

package/components/ListMaster/components/ListMasterFooterDescription.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import i from "react";
 import { c as a } from "../../../chunks/vendor-DudMBGKr.js";
-import { s as m } from "../../../chunks/ListMasterFooter.module-DkH4Ou-p.js";
+import { s as m } from "../../../chunks/ListMasterFooter.module-Dbk-k1aZ.js";
 const p = i.forwardRef(
   ({ children: t, className: o, ...r }, s) => /* @__PURE__ */ e("div", { className: a(m.listMasterFooterDescription, o), ...r, ref: s, children: t })
 );

package/components/ListMaster/components/ListMasterHeader.js

@@ -1,33 +1,33 @@
-import { jsx as d } from "react/jsx-runtime";
-import f, { useRef as c, useEffect as m } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import f, { useRef as o, useEffect as m } from "react";
 import { c as w } from "../../../chunks/vendor-DudMBGKr.js";
-const p = "listMasterHeader__8e362a16", y = "sticky__84cc92cc", o = {
+const p = "listMasterHeader__6374b1af", y = "sticky__0dc90d2e", c = {
   listMasterHeader: p,
   sticky: y
 }, H = f.forwardRef(
   ({ children: i, className: n, sticky: a = !0, ...l }, t) => {
-    const e = c(null), r = c(0);
+    const e = o(null), r = o(0);
     m(() => {
       if (e.current)
         return r.current = e.current.getBoundingClientRect().height, window.scrollTo({ top: window.scrollY + r.current }), () => {
           window.scrollTo({ top: Math.max(window.scrollY - r.current, 0) });
         };
     }, []);
-    const u = (s) => {
+    const d = (s) => {
       e.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
     };
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ u(
       "div",
       {
         className: w(
-          o.listMasterHeader,
+          c.listMasterHeader,
           {
-            [o.sticky]: a
+            [c.sticky]: a
           },
           n
         ),
         ...l,
-        ref: u,
+        ref: d,
         children: i
       }
     );

package/components/ListMaster/components/SelectionControls.js

@@ -1,22 +1,22 @@
 import { jsx as l } from "react/jsx-runtime";
 import n from "react";
 import { c as r } from "../../../chunks/vendor-DudMBGKr.js";
-const c = "selectionControls__862e7feb", i = {
+const c = "selectionControls__6fb7afa7", a = {
   selectionControls: c
-}, a = n.forwardRef(
-  ({ children: o, className: t, ...e }, s) => /* @__PURE__ */ l(
+}, i = n.forwardRef(
+  ({ children: o, className: t, ...s }, e) => /* @__PURE__ */ l(
     "div",
     {
-      className: r(i.selectionControls, t),
-      ...e,
-      "data-tx": "1.27.0",
-      ref: s,
+      className: r(a.selectionControls, t),
+      ...s,
+      "data-tx": "1.28.0",
+      ref: e,
       children: o
     }
   )
 );
-a.displayName = "SelectionControls";
+i.displayName = "SelectionControls";
 export {
-  a as SelectionControls
+  i as SelectionControls
 };
 //# sourceMappingURL=SelectionControls.js.map

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as t } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-DudMBGKr.js";
-const s = "loaderMiddle__03210d77", a = "loaderMiddleDots__b1ea4626", l = "dot__89aae289", c = "dot1__cb3545ee", i = "dot2__889a31d5", n = "dot3__f30e483d", r = "dot4__4bbcb768", _ = "line__29402117", d = {
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import { c as t } from "../../../chunks/vendor-DudMBGKr.js";
+const s = "loaderMiddle__6ee19cc9", a = "loaderMiddleDots__e81fc8c8", l = "dot__b5ff9808", c = "dot1__aa922bf5", i = "dot2__c310d16b", n = "dot3__d2032889", r = "dot4__75a364dd", _ = "line__dfe2bab9", d = {
   loaderMiddle: s,
   loaderMiddleDots: a,
   dot: l,
@@ -9,12 +9,12 @@ const s = "loaderMiddle__03210d77", a = "loaderMiddleDots__b1ea4626", l = "dot__
   dot3: n,
   dot4: r,
   line: _
-}, m = () => /* @__PURE__ */ o("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: /* @__PURE__ */ t("div", { className: d.loaderMiddleDots, children: [
+}, m = () => /* @__PURE__ */ o("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: /* @__PURE__ */ e("div", { className: d.loaderMiddleDots, children: [
   /* @__PURE__ */ o("span", { className: d.line }),
-  /* @__PURE__ */ o("span", { className: e(d.dot, d.dot1) }),
-  /* @__PURE__ */ o("span", { className: e(d.dot, d.dot2) }),
-  /* @__PURE__ */ o("span", { className: e(d.dot, d.dot3) }),
-  /* @__PURE__ */ o("span", { className: e(d.dot, d.dot4) })
+  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot1) }),
+  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot2) }),
+  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot3) }),
+  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot4) })
 ] }) });
 m.displayName = "LoaderMiddle";
 export {

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -2,24 +2,24 @@ import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { c as o } from "../../../chunks/vendor-DudMBGKr.js";
 import { ELoaderSmallTheme as s } from "./enum.js";
 import { createSizeToClassNameMap as n } from "../../../utils/classNameMaps.js";
-const c = "loaderSmall__755fef87", _ = "sm__60f2ab7e", p = "dot__89aae289", f = "md__44c7985d", i = "lg__0fd6608d", N = "neutral__7305c052", S = "brand__f4699e08", b = "dot1__cb3545ee", u = "dot2__889a31d5", T = "dot3__f30e483d", a = {
+const c = "loaderSmall__7e5ee9ba", _ = "sm__decd99f6", p = "dot__b5ff9808", b = "md__d97017c0", i = "lg__91b96b65", N = "neutral__90c1116c", f = "brand__cf970b23", S = "dot1__aa922bf5", u = "dot2__c310d16b", T = "dot3__d2032889", a = {
   loaderSmall: c,
   sm: _,
   dot: p,
-  md: f,
+  md: b,
   lg: i,
   neutral: N,
-  brand: S,
-  dot1: b,
+  brand: f,
+  dot1: S,
   dot2: u,
   dot3: T
 }, g = {
   [s.BRAND]: a.brand,
   [s.NEUTRAL]: a.neutral
-}, x = n(a), L = ({ className: d, theme: e, size: l, ...m }) => /* @__PURE__ */ r(
+}, x = n(a), L = ({ className: d, theme: l, size: e, ...m }) => /* @__PURE__ */ r(
   "span",
   {
-    className: o(a.loaderSmall, g[e], x[l], d),
+    className: o(a.loaderSmall, g[l], x[e], d),
     role: "status",
     "aria-label": "loading",
     ...m,

package/components/LoaderScreen/LoaderScreen.js

@@ -4,11 +4,11 @@ import { ELoaderSmallTheme as i } from "../Loader/LoaderSmall/enum.js";
 import { LoaderMiddle as n } from "../Loader/LoaderMiddle/LoaderMiddle.js";
 import { c as p } from "../../chunks/vendor-DudMBGKr.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const S = "loaderScreen__d168d19e", B = "loaderSmallBackdrop__c903d7ea", k = "loaderMiddleBackdrop__4209c439", r = {
+const S = "loaderScreen__9fab6bbd", B = "loaderSmallBackdrop__12fab4d7", f = "loaderMiddleBackdrop__71ce87ef", r = {
   loaderScreen: S,
   loaderSmallBackdrop: B,
-  loaderMiddleBackdrop: k
-}, M = ({
+  loaderMiddleBackdrop: f
+}, k = ({
   className: o,
   size: a = t.MD,
   type: d,
@@ -21,8 +21,8 @@ const S = "loaderScreen__d168d19e", B = "loaderSmallBackdrop__c903d7ea", k = "lo
   });
   return /* @__PURE__ */ e("div", { className: m, ...c, children: d === "small" ? /* @__PURE__ */ e(s, { size: a, theme: l }) : /* @__PURE__ */ e("div", { className: r.loaderMiddleBackground, children: /* @__PURE__ */ e(n, {}) }) });
 };
-M.displayName = "LoaderScreen";
+k.displayName = "LoaderScreen";
 export {
-  M as LoaderScreen
+  k as LoaderScreen
 };
 //# sourceMappingURL=LoaderScreen.js.map

package/components/Marker/Marker.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { c as o } from "../../chunks/vendor-DudMBGKr.js";
-import { a as t, s as e } from "../../chunks/utils-DfVeTN89.js";
+import { a as t, s as e } from "../../chunks/utils-JveQLn3C.js";
 import { Badge as p } from "../Badge/Badge.js";
 import "./enums.js";
 const i = ({ className: a, status: r, ...s }) => /* @__PURE__ */ m(p.Dot, { className: o(t.marker, e[r], a), ...s });

package/components/Marker/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { s as t } from "../../chunks/utils-DfVeTN89.js";
+import { s as t } from "../../chunks/utils-JveQLn3C.js";
 export {
   t as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { Marker as S } from "../Marker/Marker.js";
-import { c as k } from "../../chunks/vendor-DudMBGKr.js";
-import { s as f } from "../../chunks/utils-DfVeTN89.js";
+import { c as f } from "../../chunks/vendor-DudMBGKr.js";
+import { s as k } from "../../chunks/utils-JveQLn3C.js";
 import { ETextSize as n, EFontType as i, ECaptionSize as _ } from "../Typography/enums.js";
 import { Caption as M } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -9,7 +9,7 @@ import { Text as c } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize as a } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as N } from "../../utils/classNameMaps.js";
-const x = "markerStatus__7cc34cb5", T = "contentContainer__de5ef125", u = "md__b8d003d7", z = "markerContainer__e95e9244", E = "lg__1da42ea8", r = {
+const x = "markerStatus__a3a0d04b", T = "contentContainer__dfd738e6", u = "md__8896e54b", z = "markerContainer__7f28b1dc", E = "lg__481b56d0", e = {
   markerStatus: x,
   contentContainer: T,
   md: u,
@@ -18,20 +18,20 @@ const x = "markerStatus__7cc34cb5", T = "contentContainer__de5ef125", u = "md__b
 }, h = {
   [a.MD]: n.B4,
   [a.LG]: n.B3
-}, D = N(r), G = ({
+}, D = N(e), G = ({
   children: p,
   className: l,
   description: o,
   status: m,
-  size: e = a.MD,
+  size: r = a.MD,
   ...C
 }) => {
-  const d = k(r.markerStatus, D[e], f[m], l);
-  return /* @__PURE__ */ s("div", { className: d, "data-tx": "1.27.0", ...C, children: [
-    /* @__PURE__ */ t("div", { className: r.markerContainer, children: /* @__PURE__ */ t(S, { status: m, size: e }) }),
-    /* @__PURE__ */ s("div", { className: r.contentContainer, children: [
-      /* @__PURE__ */ t(c, { size: h[e], children: p }),
-      o && (e === a.MD ? /* @__PURE__ */ t(M, { size: _.C1, type: i.SECONDARY, children: o }) : /* @__PURE__ */ t(c, { size: n.B4, type: i.SECONDARY, children: o }))
+  const d = f(e.markerStatus, D[r], k[m], l);
+  return /* @__PURE__ */ s("div", { className: d, "data-tx": "1.28.0", ...C, children: [
+    /* @__PURE__ */ t("div", { className: e.markerContainer, children: /* @__PURE__ */ t(S, { status: m, size: r }) }),
+    /* @__PURE__ */ s("div", { className: e.contentContainer, children: [
+      /* @__PURE__ */ t(c, { size: h[r], children: p }),
+      o && (r === a.MD ? /* @__PURE__ */ t(M, { size: _.C1, type: i.SECONDARY, children: o }) : /* @__PURE__ */ t(c, { size: n.B4, type: i.SECONDARY, children: o }))
     ] })
   ] });
 };

package/components/ModalWindow/ModalWindow.js

@@ -1,86 +1,82 @@
-import { jsxs as d, Fragment as L, jsx as t } from "react/jsx-runtime";
-import $, { useState as k, useRef as B, useEffect as f } from "react";
-import { Portal as j } from "../Portal/Portal.js";
-import { c as N, C as F, g as _ } from "../../chunks/vendor-DudMBGKr.js";
-import { ModalWindowViewManager as q } from "./components/ModalWindowViewManager.js";
-import { useToken as A } from "../ThemeProvider/useToken.js";
-import { s as n } from "../../chunks/ModalWindow.module-Be4wGbwq.js";
-import { EComponentSize as D } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as V } from "../../utils/classNameMaps.js";
-const l = "ufs-modal-window", G = 300, i = ["modal-open", "no-hash-overflow-hidden"], H = V(n), I = $.forwardRef((w, a) => {
+import { jsxs as l, Fragment as S, jsx as n } from "react/jsx-runtime";
+import g, { useState as z, useEffect as L } from "react";
+import { Portal as R } from "../Portal/Portal.js";
+import { c as u, C as $, g as k } from "../../chunks/vendor-DudMBGKr.js";
+import { ModalWindowViewManager as B } from "./components/ModalWindowViewManager.js";
+import { useToken as j } from "../ThemeProvider/useToken.js";
+import { s as a } from "../../chunks/ModalWindow.module-Dt8kEFNo.js";
+import { EComponentSize as F } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as P } from "../../utils/classNameMaps.js";
+const c = "ufs-modal-window", _ = 300, i = ["modal-open", "no-hash-overflow-hidden"], q = P(a), A = () => {
+  let t = document.querySelector(`#${c}-wrapper`);
+  t || (t = document.createElement("div"), t.setAttribute("id", `${c}-wrapper`), document.body.appendChild(t));
+  const e = document.createElement("div");
+  return e.className = `${c}-portal-node`, t.appendChild(e), e;
+}, D = g.forwardRef((t, e) => {
   const {
-    isOpen: r,
-    children: C,
-    containerClassName: h,
+    isOpen: m,
+    children: f,
+    containerClassName: N,
     focusTrapProps: s,
-    onExited: c,
-    closeButton: y,
-    size: v = D.MD,
-    className: x,
-    topPosition: E = 100,
-    ...M
-  } = w, W = { "--modal-window-top": `${E}px` }, [T, m] = k(!1), o = B(null), { scopeClassName: b } = A();
-  f(() => () => {
-    u(), p();
-  }, []), f(() => {
-    r && (O(), m(!0));
-  }, [r]);
-  const O = () => {
-    let e = document.querySelector(`#${l}-wrapper`);
-    e || (e = document.createElement("div"), e.setAttribute("id", `${l}-wrapper`), document.body.appendChild(e)), o.current = document.createElement("div"), o.current.className = `${l}-portal-node`, e && e.appendChild(o.current);
-  }, u = () => {
-    var e;
-    o.current && ((e = o.current.parentNode) == null || e.removeChild(o.current));
-  }, p = () => {
-    const e = document.body.classList;
-    e.contains(i[0]) && e.remove(...i);
-  }, S = () => {
-    const e = document.body.classList;
-    e.contains(i[0]) || e.add(...i);
-  }, P = () => {
-    u(), p(), m(!1), c && c();
-  }, R = (e) => {
-    typeof a == "function" ? a(e) : a && (a.current = e);
+    onExited: d,
+    closeButton: w,
+    size: C = F.MD,
+    className: h,
+    topPosition: y = 100,
+    ...v
+  } = t, M = { "--modal-window-top": `${y}px` }, [r] = z(A), { scopeClassName: W } = j(), p = () => {
+    const o = document.body.classList;
+    o.contains(i[0]) && o.remove(...i);
+  }, x = () => {
+    const o = document.body.classList;
+    o.contains(i[0]) || o.add(...i);
+  }, E = () => {
+    p(), d == null || d();
+  }, O = (o) => {
+    typeof e == "function" ? e(o) : e && (e.current = o);
   };
-  if (!T || !o.current) return null;
-  const g = N(b, n.modalWindowContainer, h), z = N(n.modalWindow, H[v], x);
-  return /* @__PURE__ */ d(L, { children: [
-    /* @__PURE__ */ t(j, { container: o.current, children: /* @__PURE__ */ t(
-      F,
+  L(() => () => {
+    var o;
+    (o = r.parentNode) == null || o.removeChild(r), p();
+  }, [r]);
+  const T = u(W, a.modalWindowContainer, N), b = u(a.modalWindow, q[C], h);
+  return /* @__PURE__ */ l(S, { children: [
+    /* @__PURE__ */ n(R, { container: r, children: /* @__PURE__ */ n(
+      $,
       {
-        in: r,
-        timeout: G,
+        in: m,
+        timeout: _,
         classNames: "global-modalWindowTransition",
         appear: !0,
         enter: !0,
         exit: !0,
-        onEnter: S,
-        onExited: P,
+        onEnter: x,
+        onExited: E,
         mountOnEnter: !0,
         unmountOnExit: !0,
-        children: /* @__PURE__ */ t(
-          _.FocusTrap,
+        children: /* @__PURE__ */ n(
+          k.FocusTrap,
           {
-            active: r,
+            active: m,
             ...s,
             focusTrapOptions: {
               allowOutsideClick: !0,
               preventScroll: !0,
               ...s == null ? void 0 : s.focusTrapOptions
             },
-            children: /* @__PURE__ */ d("div", { className: g, style: W, children: [
-              /* @__PURE__ */ t("div", { className: n.modalWindowBackdrop }),
-              /* @__PURE__ */ t(
+            children: /* @__PURE__ */ l("div", { className: T, style: M, children: [
+              /* @__PURE__ */ n("div", { className: a.modalWindowBackdrop }),
+              /* @__PURE__ */ n(
                 "div",
                 {
                   role: "dialog",
                   "aria-modal": "true",
-                  ...M,
-                  ref: R,
-                  className: z,
-                  children: /* @__PURE__ */ d("div", { className: n.modalWindowContentWrapper, children: [
-                    C,
-                    y
+                  ...v,
+                  ref: O,
+                  className: b,
+                  children: /* @__PURE__ */ l("div", { className: a.modalWindowContentWrapper, children: [
+                    f,
+                    w
                   ] })
                 }
               )
@@ -89,11 +85,11 @@ const l = "ufs-modal-window", G = 300, i = ["modal-open", "no-hash-overflow-hidd
         )
       }
     ) }),
-    /* @__PURE__ */ t(q, {})
+    /* @__PURE__ */ n(B, {})
   ] });
 });
-I.displayName = "ModalWindow";
+D.displayName = "ModalWindow";
 export {
-  I as ModalWindow
+  D as ModalWindow
 };
 //# sourceMappingURL=ModalWindow.js.map

package/components/ModalWindow/components/ModalWindowBody.js

@@ -1,21 +1,22 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { c as i } from "../../../chunks/vendor-DudMBGKr.js";
-import { Island as n } from "../../Island/Island.js";
-import { EComponentSize as t } from "../../../enums/EComponentSize.js";
-import { EIslandType as r } from "../../Island/enums.js";
-const a = "modalWindowBody__cc00db95", l = {
-  modalWindowBody: a
-}, w = ({ children: o, className: d, ...m }) => /* @__PURE__ */ s(
-  n,
+import { Island as s } from "../../Island/Island.js";
+import { EComponentSize as n } from "../../../enums/EComponentSize.js";
+import { EIslandType as l } from "../../Island/enums.js";
+const t = "modalWindowBody__8ca9cc4d", r = {
+  modalWindowBody: t
+}, p = ({ children: o, className: d, ...m }) => /* @__PURE__ */ a(
+  s,
   {
-    className: i(l.modalWindowBody, d),
-    type: r.TYPE_1,
-    size: t.MD,
+    className: i(r.modalWindowBody, d),
+    type: l.TYPE_1,
+    size: n.MD,
     ...m,
     children: o
   }
 );
+p.displayName = "ModalWindowBody";
 export {
-  w as ModalWindowBody
+  p as ModalWindowBody
 };
 //# sourceMappingURL=ModalWindowBody.js.map

package/components/ModalWindow/components/ModalWindowClose.js

@@ -1,24 +1,23 @@
 import { jsx as o } from "react/jsx-runtime";
-import { TriggerClickOnKeyDownEvent as r } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
-import { EVENT_KEY_CODES as m } from "../../../utils/keyboard.js";
-import { useRef as n } from "react";
-import { Button as i } from "../../Button/Button.js";
-import { CrossStrokeSrvIcon20 as l } from "@sberbusiness/icons-next";
+import { useRef as t } from "react";
+import { CrossStrokeSrvIcon20 as m } from "@sberbusiness/icons-next";
+import { Button as n } from "../../Button/Button.js";
+import { EButtonTheme as i } from "../../Button/enums.js";
+import { TriggerClickOnKeyDownEvent as l } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EComponentSize as s } from "../../../enums/EComponentSize.js";
-import { EButtonTheme as d } from "../../Button/enums.js";
-const a = "modalWindowClose__8bc2da71", C = {
-  modalWindowClose: a
-}, p = (t) => {
-  const e = n(null);
-  return /* @__PURE__ */ o("div", { className: C.modalWindowClose, children: /* @__PURE__ */ o(r, { eventKeyCode: m.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
-    i,
+import { EVENT_KEY_CODES as d } from "../../../utils/keyboard.js";
+const C = "modalWindowClose__08d40925", a = {
+  modalWindowClose: C
+}, p = (r) => {
+  const e = t(null);
+  return /* @__PURE__ */ o("div", { className: a.modalWindowClose, children: /* @__PURE__ */ o(l, { eventKeyCode: d.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
+    n,
     {
-      title: "Закрыть",
       ref: e,
-      icon: /* @__PURE__ */ o(l, { paletteIndex: 0 }),
-      ...t,
+      icon: /* @__PURE__ */ o(m, { paletteIndex: 0 }),
+      ...r,
       size: s.MD,
-      theme: d.SECONDARY
+      theme: i.SECONDARY
     }
   ) }) });
 };

package/components/ModalWindow/components/ModalWindowContent.js

@@ -1,19 +1,25 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-DudMBGKr.js";
-import { LoaderScreen as i } from "../../LoaderScreen/LoaderScreen.js";
-import { s as o } from "../../../chunks/ModalWindow.module-Be4wGbwq.js";
-import { Page as l } from "../../Page/Page.js";
-const W = ({
-  isLoading: e,
-  className: m,
-  loadingTitle: a,
-  children: n,
-  ...s
-}) => /* @__PURE__ */ t("div", { className: d(o.modalWindowContent, m, { [o.isLoading]: !!e }), ...s, children: [
-  /* @__PURE__ */ r(l, { className: o.modalWindowContentPage, children: n }),
-  e && /* @__PURE__ */ r(i, { className: o.modalWindowLoaderScreen, type: "middle", children: a })
-] });
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { c as i } from "../../../chunks/vendor-DudMBGKr.js";
+import l from "react";
+import { LoaderScreen as c } from "../../LoaderScreen/LoaderScreen.js";
+import { s as o } from "../../../chunks/ModalWindow.module-Dt8kEFNo.js";
+import { Page as f } from "../../Page/Page.js";
+const p = l.forwardRef(
+  ({ isLoading: e, className: r, loadingTitle: d, children: m, ...t }, n) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: n,
+      className: i(o.modalWindowContent, r, { [o.isLoading]: e }),
+      ...t,
+      children: [
+        /* @__PURE__ */ a(f, { className: o.modalWindowContentPage, children: m }),
+        e && /* @__PURE__ */ a(c, { className: o.modalWindowLoaderScreen, type: "middle", children: d })
+      ]
+    }
+  )
+);
+p.displayName = "ModalWindowContent";
 export {
-  W as ModalWindowContent
+  p as ModalWindowContent
 };
 //# sourceMappingURL=ModalWindowContent.js.map

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -2,9 +2,9 @@ import { jsx as m } from "react/jsx-runtime";
 import { HeaderPage as e } from "../../Page/components/HeaderPage.js";
 import { EHeaderPageType as i } from "../../Page/components/enums.js";
 import { c as l } from "../../../chunks/vendor-DudMBGKr.js";
-const t = "modalWindowHeader__48a5d284", s = {
+const t = "modalWindowHeader__d507becf", s = {
   modalWindowHeader: t
-}, o = ({ className: a, children: d, ...r }) => /* @__PURE__ */ m(e, { className: l(s.modalWindowHeader, a), ...r, type: i.FIRST, children: d });
+}, o = ({ className: d, children: a, ...r }) => /* @__PURE__ */ m(e, { className: l(s.modalWindowHeader, d), ...r, type: i.FIRST, children: a });
 o.Title = e.Title;
 o.displayName = "ModalWindowHeader";
 export {