@sberbusiness/triplex-next 1.32.0 → 1.33.0

package/components/List/components/ListItemTable.js

@@ -6,15 +6,15 @@ import { ListItemContent as w } from "./ListItemContent.js";
 import { ListItemControls as L } from "./ListItemControls.js";
 import { ListItemSelectable as T } from "./ListItemSelectable.js";
 import { ListItemTailRight as h } from "./ListItemTailRight.js";
-import { c as A } from "../../../chunks/vendor-82AnkPpo.js";
-const x = "listItemTable__20339a1d", y = "swipeableArea__ef969494", C = "content__6c9585ba", t = {
+import { c as A } from "../../../chunks/vendor-D5cfSbgz.js";
+const x = "listItemTable__0fafe380", y = "swipeableArea__00665f73", C = "content__d1debb11", t = {
   listItemTable: x,
   swipeableArea: y,
   content: C
 }, N = d.forwardRef(
-  ({ children: o, className: m, controlButtons: i, onClickItem: l, onSelect: r, selected: s, swipeableAreaRef: n, ...c }, p) => {
-    const f = typeof r < "u" && typeof s < "u", a = () => /* @__PURE__ */ e(w, { className: t.content, onClick: l, children: o });
-    return /* @__PURE__ */ e(_, { className: A(t.listItemTable, m), ...c, ref: p, children: /* @__PURE__ */ b(
+  ({ children: a, className: m, controlButtons: i, onClickItem: l, onSelect: r, selected: s, swipeableAreaRef: n, ...c }, f) => {
+    const p = typeof r < "u" && typeof s < "u", o = () => /* @__PURE__ */ e(w, { className: t.content, onClick: l, children: a });
+    return /* @__PURE__ */ e(_, { className: A(t.listItemTable, m), ...c, ref: f, children: /* @__PURE__ */ b(
       I,
       {
         className: t.swipeableArea,
@@ -22,7 +22,7 @@ const x = "listItemTable__20339a1d", y = "swipeableArea__ef969494", C = "content
         rightSwipeableArea: i ? /* @__PURE__ */ e(L, { children: i }) : void 0,
         children: [
           /* @__PURE__ */ e(h, {}),
-          f ? /* @__PURE__ */ e(T, { selected: s, onSelect: r, children: a() }) : a()
+          p ? /* @__PURE__ */ e(T, { selected: s, onSelect: r, children: o() }) : o()
         ]
       }
     ) });

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-82AnkPpo.js";
-import { s } from "../../../chunks/ListItemTail.module-_zPCXCQZ.js";
+import { c as o } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s } from "../../../chunks/ListItemTail.module-DMJ9K0rM.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-82AnkPpo.js";
-import { s } from "../../../chunks/ListItemTail.module-_zPCXCQZ.js";
+import { c as o } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s } from "../../../chunks/ListItemTail.module-DMJ9K0rM.js";
 const r = e.forwardRef(
   ({ className: a, ...i }, l) => /* @__PURE__ */ m("span", { className: o(s.listItemTail, s.listItemTailRight, a), ref: l, ...i, children: [
     /* @__PURE__ */ t("span", { className: s.listItemTailLine }),

package/components/List/components/ListSortableItem.js

@@ -1,10 +1,10 @@
 import { jsx as b } from "react/jsx-runtime";
 import p from "react";
-import { q as I, s as u, c as R } from "../../../chunks/vendor-82AnkPpo.js";
+import { q as I, s as u, c as R } from "../../../chunks/vendor-D5cfSbgz.js";
 import { ListItem as _ } from "./ListItem.js";
 import { setForwardedRef as L } from "../utils.js";
 import { ListSortableItemTarget as y } from "./ListSortableItemTarget.js";
-const N = "listSortableItem__4ad25952", x = "dragging__e6a5c187", a = {
+const N = "listSortableItem__4b282065", x = "dragging__29355948", a = {
   listSortableItem: N,
   dragging: x
 }, T = Object.assign(

package/components/List/components/ListSortableItemControls.js

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

package/components/List/components/ListSortableItemTarget.js

@@ -1,13 +1,13 @@
 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-82AnkPpo.js";
-const c = "listSortableItemTarget__18a3047d", S = "dragging__e6a5c187", b = "listSortableItemTargetContent__633a3781", d = "listSortableItemTargetIcon__1a215d66", t = {
+import { c as I } from "../../../chunks/vendor-D5cfSbgz.js";
+const c = "listSortableItemTarget__a282cf65", S = "dragging__29355948", b = "listSortableItemTargetContent__0088426e", T = "listSortableItemTargetIcon__547a4f0d", t = {
   listSortableItemTarget: c,
   dragging: S,
   listSortableItemTargetContent: b,
-  listSortableItemTargetIcon: d
-}, T = m.forwardRef(
+  listSortableItemTargetIcon: T
+}, d = m.forwardRef(
   ({ children: a, className: r, disabled: o, dragging: l, ...s }, g) => /* @__PURE__ */ i(
     "div",
     {
@@ -21,8 +21,8 @@ const c = "listSortableItemTarget__18a3047d", S = "dragging__e6a5c187", b = "lis
     }
   )
 );
-T.displayName = "ListSortableItemTarget";
+d.displayName = "ListSortableItemTarget";
 export {
-  T as ListSortableItemTarget
+  d as ListSortableItemTarget
 };
 //# sourceMappingURL=ListSortableItemTarget.js.map

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-GwTSx9t3.js";
+import { L as I } from "../../chunks/ListItemControlsButton-Dc6wY6Fp.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.32.0", ref: e, children: t });
+    return /* @__PURE__ */ i("div", { className: o, ...r, "data-tx": "1.33.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.32.0",
+      "data-tx": "1.33.0",
       ref: r,
       children: t
     }

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -1,14 +1,14 @@
 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-82AnkPpo.js";
-const m = "listMasterChipGroup__3c58e16c", c = {
+import { c as a } from "../../../chunks/vendor-D5cfSbgz.js";
+const m = "listMasterChipGroup__46f9e50b", l = {
   listMasterChipGroup: m
-}, l = i.forwardRef(
-  ({ children: r, className: t, ...s }, o) => /* @__PURE__ */ p(e, { className: a(c.listMasterChipGroup, t), oneLine: !0, ...s, ref: o, children: r })
+}, u = i.forwardRef(
+  ({ children: r, className: t, ...s }, o) => /* @__PURE__ */ p(e, { className: a(l.listMasterChipGroup, t), oneLine: !0, ...s, ref: o, children: r })
 );
-l.displayName = "ListMasterChipGroup";
+u.displayName = "ListMasterChipGroup";
 export {
-  l as ListMasterChipGroup
+  u as ListMasterChipGroup
 };
 //# sourceMappingURL=ListMasterChipGroup.js.map

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-82AnkPpo.js";
-import { s as t } from "../../../chunks/ListMasterFooter.module-OOs3HMYn.js";
+import { c as f } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s as t } from "../../../chunks/ListMasterFooter.module-C58NLDG2.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-82AnkPpo.js";
-import { s as i } from "../../../chunks/ListMasterFooter.module-OOs3HMYn.js";
+import { c as m } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s as i } from "../../../chunks/ListMasterFooter.module-C58NLDG2.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-82AnkPpo.js";
-import { s as m } from "../../../chunks/ListMasterFooter.module-OOs3HMYn.js";
+import { c as a } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s as m } from "../../../chunks/ListMasterFooter.module-C58NLDG2.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,10 +1,10 @@
-import { jsx as u } from "react/jsx-runtime";
-import d, { useRef as o, useEffect as m } from "react";
-import { c as w } from "../../../chunks/vendor-82AnkPpo.js";
-const p = "listMasterHeader__ebb429ff", y = "sticky__fc407f97", c = {
+import { jsx as d } from "react/jsx-runtime";
+import f, { useRef as o, useEffect as m } from "react";
+import { c as w } from "../../../chunks/vendor-D5cfSbgz.js";
+const p = "listMasterHeader__3049a5ed", y = "sticky__89fb111b", c = {
   listMasterHeader: p,
   sticky: y
-}, H = d.forwardRef(
+}, H = f.forwardRef(
   ({ children: i, className: n, sticky: a = !0, ...l }, t) => {
     const e = o(null), r = o(0);
     m(() => {
@@ -13,10 +13,10 @@ const p = "listMasterHeader__ebb429ff", y = "sticky__fc407f97", c = {
           window.scrollTo({ top: Math.max(window.scrollY - r.current, 0) });
         };
     }, []);
-    const f = (s) => {
+    const u = (s) => {
       e.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
     };
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ d(
       "div",
       {
         className: w(
@@ -27,7 +27,7 @@ const p = "listMasterHeader__ebb429ff", y = "sticky__fc407f97", c = {
           n
         ),
         ...l,
-        ref: f,
+        ref: u,
         children: i
       }
     );

package/components/ListMaster/components/SelectionControls.js

@@ -1,16 +1,16 @@
 import { jsx as l } from "react/jsx-runtime";
 import n from "react";
-import { c as r } from "../../../chunks/vendor-82AnkPpo.js";
-const c = "selectionControls__b33e7fec", i = {
+import { c as r } from "../../../chunks/vendor-D5cfSbgz.js";
+const c = "selectionControls__6b137067", i = {
   selectionControls: c
 }, a = n.forwardRef(
-  ({ children: o, className: t, ...e }, s) => /* @__PURE__ */ l(
+  ({ children: o, className: t, ...s }, e) => /* @__PURE__ */ l(
     "div",
     {
       className: r(i.selectionControls, t),
-      ...e,
-      "data-tx": "1.32.0",
-      ref: s,
+      ...s,
+      "data-tx": "1.33.0",
+      ref: e,
       children: o
     }
   )

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,20 +1,20 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-82AnkPpo.js";
-const a = "loaderMiddle__59efa5a4", e = "loaderMiddleDots__2d56d2ab", l = "dot__f2b9afb3", i = "dot1__8d01d136", n = "dot2__9298fd3c", c = "dot3__71ffdabb", r = "dot4__f78f1b3e", _ = "line__10720554", d = {
-  loaderMiddle: a,
-  loaderMiddleDots: e,
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { c as e } from "../../../chunks/vendor-D5cfSbgz.js";
+const s = "loaderMiddle__7a0da947", a = "loaderMiddleDots__10d2d450", l = "dot__66e3f7f0", c = "dot1__229ad85f", i = "dot2__febf3f72", n = "dot3__2fdbfe0f", r = "dot4__88e9ce53", _ = "line__ce2ab1a5", d = {
+  loaderMiddle: s,
+  loaderMiddleDots: a,
   dot: l,
-  dot1: i,
-  dot2: n,
-  dot3: c,
+  dot1: c,
+  dot2: i,
+  dot3: n,
   dot4: r,
   line: _
-}, m = () => /* @__PURE__ */ o("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: /* @__PURE__ */ s("div", { className: d.loaderMiddleDots, children: [
+}, m = () => /* @__PURE__ */ o("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: /* @__PURE__ */ t("div", { className: d.loaderMiddleDots, children: [
   /* @__PURE__ */ o("span", { className: d.line }),
-  /* @__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) })
+  /* @__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) })
 ] }) });
 m.displayName = "LoaderMiddle";
 export {

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -1,15 +1,15 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/vendor-82AnkPpo.js";
+import { c as o } from "../../../chunks/vendor-D5cfSbgz.js";
 import { ELoaderSmallTheme as s } from "./enum.js";
 import { createSizeToClassNameMap as n } from "../../../utils/classNameMaps.js";
-const c = "loaderSmall__591ceb2d", _ = "sm__c78cbc12", b = "dot__f2b9afb3", p = "md__b89a40bd", f = "lg__f7b63da0", i = "neutral__6e064254", N = "brand__fe6143a0", S = "dot1__8d01d136", u = "dot2__9298fd3c", T = "dot3__71ffdabb", a = {
+const c = "loaderSmall__2556aa8a", _ = "sm__c3218843", f = "dot__66e3f7f0", p = "md__7d8f9d68", i = "lg__bd4b794c", N = "neutral__72f3aa7f", b = "brand__90ac0ac1", S = "dot1__229ad85f", u = "dot2__febf3f72", T = "dot3__2fdbfe0f", a = {
   loaderSmall: c,
   sm: _,
-  dot: b,
+  dot: f,
   md: p,
-  lg: f,
-  neutral: i,
-  brand: N,
+  lg: i,
+  neutral: N,
+  brand: b,
   dot1: S,
   dot2: u,
   dot3: T

package/components/LoaderScreen/LoaderScreen.js

@@ -1,25 +1,25 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { LoaderSmall as s } from "../Loader/LoaderSmall/LoaderSmall.js";
 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-82AnkPpo.js";
+import { c as p } from "../../chunks/vendor-D5cfSbgz.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const S = "loaderScreen__0c580069", B = "loaderSmallBackdrop__5836defa", k = "loaderMiddleBackdrop__7a3f3d90", e = {
+const S = "loaderScreen__48e23a80", B = "loaderSmallBackdrop__70a2a064", k = "loaderMiddleBackdrop__8feb30e0", r = {
   loaderScreen: S,
   loaderSmallBackdrop: B,
   loaderMiddleBackdrop: k
 }, f = ({
-  className: o,
-  size: a = t.MD,
-  type: d,
+  className: a,
+  size: d = t.MD,
+  type: o,
   theme: l = i.BRAND,
   ...c
 }) => {
-  const m = p(o, e.loaderScreen, {
-    [e.loaderSmallBackdrop]: d === "small",
-    [e.loaderMiddleBackdrop]: d === "middle"
+  const m = p(a, r.loaderScreen, {
+    [r.loaderSmallBackdrop]: o === "small",
+    [r.loaderMiddleBackdrop]: o === "middle"
   });
-  return /* @__PURE__ */ r("div", { className: m, ...c, children: d === "small" ? /* @__PURE__ */ r(s, { size: a, theme: l }) : /* @__PURE__ */ r("div", { className: e.loaderMiddleBackground, children: /* @__PURE__ */ r(n, {}) }) });
+  return /* @__PURE__ */ e("div", { className: m, ...c, children: o === "small" ? /* @__PURE__ */ e(s, { size: d, theme: l }) : /* @__PURE__ */ e("div", { className: r.loaderMiddleBackground, children: /* @__PURE__ */ e(n, {}) }) });
 };
 f.displayName = "LoaderScreen";
 export {

package/components/Marker/Marker.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as o } from "../../chunks/vendor-82AnkPpo.js";
-import { a as t, s as e } from "../../chunks/utils-C0vdTK6h.js";
+import { c as o } from "../../chunks/vendor-D5cfSbgz.js";
+import { a as t, s as e } from "../../chunks/utils-C7AeO50S.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-C0vdTK6h.js";
+import { s as t } from "../../chunks/utils-C7AeO50S.js";
 export {
   t as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -1,8 +1,8 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import S from "react";
 import { Marker as _ } from "../Marker/Marker.js";
-import { c as k } from "../../chunks/vendor-82AnkPpo.js";
-import { s as M } from "../../chunks/utils-C0vdTK6h.js";
+import { c as k } from "../../chunks/vendor-D5cfSbgz.js";
+import { s as M } from "../../chunks/utils-C7AeO50S.js";
 import { ETextSize as n, EFontType as i, ECaptionSize as N } from "../Typography/enums.js";
 import { Caption as u } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -10,7 +10,7 @@ import { Text as c } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize as a } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as x } from "../../utils/classNameMaps.js";
-const T = "markerStatus__cee6cd14", z = "contentContainer__184639ee", E = "md__5848c69a", h = "markerContainer__43e9176d", D = "lg__7f57189c", e = {
+const T = "markerStatus__94ecd5ae", z = "contentContainer__cb626b17", E = "md__9c41ef39", h = "markerContainer__16492ad2", D = "lg__d5b4d51d", e = {
   markerStatus: T,
   contentContainer: z,
   md: E,
@@ -20,9 +20,9 @@ const T = "markerStatus__cee6cd14", z = "contentContainer__184639ee", E = "md__5
   [a.MD]: n.B4,
   [a.LG]: n.B3
 }, R = x(e), q = S.forwardRef(
-  ({ children: p, className: l, description: o, status: m, size: r = a.MD, ...C }, d) => {
+  ({ children: p, className: l, description: o, status: m, size: r = a.MD, ...d }, C) => {
     const f = k(e.markerStatus, R[r], M[m], l);
-    return /* @__PURE__ */ s("div", { className: f, "data-tx": "1.32.0", ...C, ref: d, children: [
+    return /* @__PURE__ */ s("div", { className: f, "data-tx": "1.33.0", ...d, ref: C, children: [
       /* @__PURE__ */ t("div", { className: e.markerContainer, children: /* @__PURE__ */ t(_, { status: m, size: r }) }),
       /* @__PURE__ */ s("div", { className: e.contentContainer, children: [
         /* @__PURE__ */ t(c, { size: y[r], children: p }),

package/components/MobileView/index.js

@@ -1,5 +1,7 @@
 import { MobileView as i } from "./MobileView.js";
+import { useMobileView as b } from "./useMobileView.js";
 export {
-  i as MobileView
+  i as MobileView,
+  b as useMobileView
 };
 //# sourceMappingURL=index.js.map

package/components/MobileView/useMobileView.js

@@ -0,0 +1,10 @@
+import { useMatchMedia as e } from "../MediaWidth/useMatchMedia.js";
+import { EScreenWidth as o } from "../../helpers/breakpoints.js";
+const t = `(max-width: ${o.SM_MAX})`, r = () => {
+  const i = window.matchMedia(t).matches;
+  return e(t, i);
+};
+export {
+  r as useMobileView
+};
+//# sourceMappingURL=useMobileView.js.map

package/components/ModalWindow/ModalWindow.js

@@ -1,20 +1,21 @@
-import { jsxs as l, Fragment as S, jsx as a } from "react/jsx-runtime";
+import { jsxs as l, Fragment as T, 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 p, C as $, g as k } from "../../chunks/vendor-82AnkPpo.js";
-import { ModalWindowViewManager as B } from "./components/ModalWindowViewManager.js";
-import { useToken as j } from "../ThemeProvider/useToken.js";
-import { s as n } from "../../chunks/ModalWindow.module-BkI79oza.js";
+import { c as u, C as $ } from "../../chunks/vendor-D5cfSbgz.js";
+import { Portal as B } from "../Portal/Portal.js";
+import { FocusTrapExtended as R } from "../FocusTrapExtended/FocusTrapExtended.js";
+import { ModalWindowViewManager as j } from "./components/ModalWindowViewManager.js";
+import { useToken as k } from "../ThemeProvider/useToken.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(n), A = () => {
-  let t = document.querySelector(`#${c}-wrapper`);
-  t || (t = document.createElement("div"), t.setAttribute("id", `${c}-wrapper`), document.body.appendChild(t));
+import { s as a } from "../../chunks/ModalWindow.module-CszS7FwS.js";
+const m = "ufs-modal-window", _ = 300, i = ["modal-open", "no-hash-overflow-hidden"], q = P(a), A = () => {
+  let t = document.querySelector(`#${m}-wrapper`);
+  t || (t = document.createElement("div"), t.setAttribute("id", `${m}-wrapper`), document.body.appendChild(t));
   const e = document.createElement("div");
-  return e.className = `${c}-portal-node`, t.appendChild(e), e;
+  return e.className = `${m}-portal-node`, t.appendChild(e), e;
 }, D = g.forwardRef((t, e) => {
   const {
-    isOpen: u,
+    isOpen: c,
     children: f,
     containerClassName: N,
     focusTrapProps: s,
@@ -24,27 +25,27 @@ const c = "ufs-modal-window", _ = 300, i = ["modal-open", "no-hash-overflow-hidd
     className: h,
     topPosition: y = 100,
     ...v
-  } = t, M = { "--modal-window-top": `${y}px` }, [r] = z(A), { scopeClassName: W } = j(), m = () => {
+  } = t, M = { "--modal-window-top": `${y}px` }, [r] = z(A), { scopeClassName: W } = k(), 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 = () => {
-    m(), d == null || d();
-  }, O = (o) => {
+    p(), d == null || d();
+  }, b = (o) => {
     typeof e == "function" ? e(o) : e && (e.current = o);
   };
   L(() => () => {
     var o;
-    (o = r.parentNode) == null || o.removeChild(r), m();
+    (o = r.parentNode) == null || o.removeChild(r), p();
   }, [r]);
-  const T = p(W, n.modalWindowContainer, N), b = p(n.modalWindow, q[C], h);
-  return /* @__PURE__ */ l(S, { children: [
-    /* @__PURE__ */ a(R, { container: r, children: /* @__PURE__ */ a(
+  const O = u(W, a.modalWindowContainer, N), S = u(a.modalWindow, q[C], h);
+  return /* @__PURE__ */ l(T, { children: [
+    /* @__PURE__ */ n(B, { container: r, children: /* @__PURE__ */ n(
       $,
       {
-        in: u,
+        in: c,
         timeout: _,
         classNames: "global-modalWindowTransition",
         appear: !0,
@@ -54,27 +55,26 @@ const c = "ufs-modal-window", _ = 300, i = ["modal-open", "no-hash-overflow-hidd
         onExited: E,
         mountOnEnter: !0,
         unmountOnExit: !0,
-        children: /* @__PURE__ */ a(
-          k.FocusTrap,
+        children: /* @__PURE__ */ n(
+          R,
           {
-            active: !1,
+            active: c,
             ...s,
             focusTrapOptions: {
-              allowOutsideClick: !0,
               preventScroll: !0,
               ...s == null ? void 0 : s.focusTrapOptions
             },
-            children: /* @__PURE__ */ l("div", { className: T, style: M, children: [
-              /* @__PURE__ */ a("div", { className: n.modalWindowBackdrop }),
-              /* @__PURE__ */ a(
+            children: /* @__PURE__ */ l("div", { className: O, style: M, children: [
+              /* @__PURE__ */ n("div", { className: a.modalWindowBackdrop }),
+              /* @__PURE__ */ n(
                 "div",
                 {
                   role: "dialog",
                   "aria-modal": "true",
                   ...v,
-                  ref: O,
-                  className: b,
-                  children: /* @__PURE__ */ l("div", { className: n.modalWindowContentWrapper, children: [
+                  ref: b,
+                  className: S,
+                  children: /* @__PURE__ */ l("div", { className: a.modalWindowContentWrapper, children: [
                     f,
                     w
                   ] })
@@ -85,7 +85,7 @@ const c = "ufs-modal-window", _ = 300, i = ["modal-open", "no-hash-overflow-hidd
         )
       }
     ) }),
-    /* @__PURE__ */ a(B, {})
+    /* @__PURE__ */ n(j, {})
   ] });
 });
 D.displayName = "ModalWindow";

package/components/ModalWindow/components/ModalWindowBody.js

@@ -1,14 +1,14 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as s } from "../../../chunks/vendor-82AnkPpo.js";
-import { Island as a } from "../../Island/Island.js";
+import { jsx as a } from "react/jsx-runtime";
+import { c as i } from "../../../chunks/vendor-D5cfSbgz.js";
+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__d2f52c9d", r = {
+const t = "modalWindowBody__5239aa3b", r = {
   modalWindowBody: t
-}, p = ({ children: o, className: d, ...m }) => /* @__PURE__ */ i(
-  a,
+}, p = ({ children: o, className: d, ...m }) => /* @__PURE__ */ a(
+  s,
   {
-    className: s(r.modalWindowBody, d),
+    className: i(r.modalWindowBody, d),
     type: l.TYPE_1,
     size: n.MD,
     ...m,

package/components/ModalWindow/components/ModalWindowClose.js

@@ -6,9 +6,9 @@ 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 { EVENT_KEY_CODES as d } from "../../../utils/keyboard.js";
-const a = "modalWindowClose__ab747776", C = {
-  modalWindowClose: a
-}, p = (r) => {
+const f = "modalWindowClose__f3f51f23", C = {
+  modalWindowClose: f
+}, a = (r) => {
   const e = t(null);
   return /* @__PURE__ */ o("div", { className: C.modalWindowClose, children: /* @__PURE__ */ o(l, { eventKeyCode: d.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
     n,
@@ -21,8 +21,8 @@ const a = "modalWindowClose__ab747776", C = {
     }
   ) }) });
 };
-p.displayName = "ModalWindowClose";
+a.displayName = "ModalWindowClose";
 export {
-  p as ModalWindowClose
+  a as ModalWindowClose
 };
 //# sourceMappingURL=ModalWindowClose.js.map

package/components/ModalWindow/components/ModalWindowContent.js

@@ -1,8 +1,8 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-82AnkPpo.js";
+import { c as i } from "../../../chunks/vendor-D5cfSbgz.js";
 import l from "react";
 import { LoaderScreen as c } from "../../LoaderScreen/LoaderScreen.js";
-import { s as o } from "../../../chunks/ModalWindow.module-BkI79oza.js";
+import { s as o } from "../../../chunks/ModalWindow.module-CszS7FwS.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(