@sberbusiness/triplex-next 0.32.0 → 0.34.0

package/components/List/components/ListItemSelectable.js

@@ -1,25 +1,25 @@
-import { jsxs as k, jsx as t } from "react/jsx-runtime";
-import x, { useContext as d, useEffect as r } from "react";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import k, { useContext as x, useEffect as r } from "react";
 import { c as f } from "../../../chunks/vendor-z35N2Tap.js";
 import { Checkbox as _ } from "../../Checkbox/Checkbox.js";
 import { ListItemContext as L } from "./ListItemContext.js";
-const C = "listItemSelectable__31359646", S = "selected__56ef1beb", W = "checkboxWrapper__88a8974a", I = "childrenWrapper__f9bc4605", u = "checkboxLabel__1518436b", N = "checkboxLabelClickArea__370ab8a6", e = {
+const C = "listItemSelectable__41085710", S = "selected__1abf7ef5", W = "checkboxWrapper__df46072e", I = "childrenWrapper__725a05aa", u = "checkboxLabel__ae5e4183", N = "checkboxLabelClickArea__dc913585", e = {
   listItemSelectable: C,
   selected: S,
   checkboxWrapper: W,
   childrenWrapper: I,
   checkboxLabel: u,
   checkboxLabelClickArea: N
-}, A = x.forwardRef(
+}, A = k.forwardRef(
   ({ selected: c, children: s, className: o, onSelect: b, disabled: i, ...n }, h) => {
-    const { setSelected: l, setSelectable: a } = d(L), p = (m) => {
+    const { setSelected: l, setSelectable: a } = x(L), p = (m) => {
       b(m.target.checked);
     };
     return r(() => {
       l(c);
     }, [c, l]), r(() => (a(!0), () => {
       a(!1);
-    }), [a]), /* @__PURE__ */ k(
+    }), [a]), /* @__PURE__ */ d(
       "div",
       {
         className: f(e.listItemSelectable, { [e.selected]: c }, o),

package/components/List/components/ListItemTable.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
 import d from "react";
 import { SwipeableArea as I } from "../../SwipeableArea/SwipeableArea.js";
 import { ListItem as w } from "./ListItem.js";
@@ -7,14 +7,14 @@ import { ListItemControls as T } from "./ListItemControls.js";
 import { ListItemSelectable as h } from "./ListItemSelectable.js";
 import { ListItemTailRight as A } from "./ListItemTailRight.js";
 import { c as _ } from "../../../chunks/vendor-z35N2Tap.js";
-const x = "listItemTable__756b2a02", y = "swipeableArea__77bd1b47", C = "content__d9d8d754", t = {
+const x = "listItemTable__fbd4495a", y = "swipeableArea__66eeb73e", C = "content__4c8352e3", t = {
   listItemTable: x,
   swipeableArea: y,
   content: C
 }, N = d.forwardRef(
   ({ children: a, className: m, controlButtons: i, onClickItem: l, onSelect: r, selected: s, swipeableAreaRef: n, ...c }, p) => {
-    const b = typeof r < "u" && typeof s < "u", o = () => /* @__PURE__ */ e(L, { className: t.content, onClick: l, children: a });
-    return /* @__PURE__ */ e(w, { className: _(t.listItemTable, m), ...c, ref: p, children: /* @__PURE__ */ f(
+    const f = typeof r < "u" && typeof s < "u", o = () => /* @__PURE__ */ e(L, { className: t.content, onClick: l, children: a });
+    return /* @__PURE__ */ e(w, { className: _(t.listItemTable, m), ...c, ref: p, children: /* @__PURE__ */ b(
       I,
       {
         className: t.swipeableArea,
@@ -22,7 +22,7 @@ const x = "listItemTable__756b2a02", y = "swipeableArea__77bd1b47", C = "content
         rightSwipeableArea: i ? /* @__PURE__ */ e(T, { children: i }) : void 0,
         children: [
           /* @__PURE__ */ e(A, {}),
-          b ? /* @__PURE__ */ e(h, { selected: s, onSelect: r, children: o() }) : o()
+          f ? /* @__PURE__ */ e(h, { selected: s, onSelect: r, children: o() }) : o()
         ]
       }
     ) });

package/components/List/components/ListItemTailLeft.js

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

package/components/List/components/ListItemTailRight.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import e from "react";
 import { c as o } from "../../../chunks/vendor-z35N2Tap.js";
-import { s } from "../../../chunks/ListItemTail.module-Cj1qtzG7.js";
+import { s } from "../../../chunks/ListItemTail.module-Bj8zic0V.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 }),

package/components/List/components/ListSortableItem.js

@@ -4,19 +4,19 @@ import { o as I, q as u, c as R } from "../../../chunks/vendor-z35N2Tap.js";
 import { ListItem as L } from "./ListItem.js";
 import { setForwardedRef as y } from "../utils.js";
 import { ListSortableItemTarget as N } from "./ListSortableItemTarget.js";
-const _ = "listSortableItem__57c7a9ee", x = "dragging__70ec5737", a = {
+const _ = "listSortableItem__d57f6b05", x = "dragging__7e9cecd9", a = {
   listSortableItem: _,
   dragging: x
 }, T = Object.assign(
   p.forwardRef(function({ children: t, className: i, style: n, disabled: e, ...r }, m) {
-    const { transform: g, transition: f, listeners: l, isDragging: o, setNodeRef: c, setActivatorNodeRef: S } = I({
+    const { transform: g, transition: f, listeners: l, isDragging: o, setNodeRef: c, setActivatorNodeRef: d } = I({
       disabled: e,
       id: r.id,
       transition: {
         duration: 300,
         easing: "ease-out"
       }
-    }), d = (s) => {
+    }), S = (s) => {
       c(s), y(m, s);
     };
     return /* @__PURE__ */ b(
@@ -25,8 +25,8 @@ const _ = "listSortableItem__57c7a9ee", x = "dragging__70ec5737", a = {
         className: R(a.listSortableItem, { [a.dragging]: o }, i),
         style: { transform: u.Translate.toString(g), transition: f, ...n },
         ...r,
-        ref: d,
-        children: typeof t == "function" ? t({ disabled: e, dragging: o, listeners: l, setActivatorNodeRef: S }) : t
+        ref: S,
+        children: typeof t == "function" ? t({ disabled: e, dragging: o, listeners: l, setActivatorNodeRef: d }) : t
       }
     );
   }),

package/components/List/components/ListSortableItemControls.js

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

package/components/List/components/ListSortableItemTarget.js

@@ -1,17 +1,17 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import m from "react";
 import { DragdotsStrokeSrvIcon24 as n } from "@sberbusiness/icons-next";
-import { c as I } from "../../../chunks/vendor-z35N2Tap.js";
-const c = "listSortableItemTarget__d90270af", b = "dragging__70ec5737", S = "listSortableItemTargetContent__efe1b443", T = "listSortableItemTargetIcon__93727304", t = {
-  listSortableItemTarget: c,
-  dragging: b,
-  listSortableItemTargetContent: S,
-  listSortableItemTargetIcon: T
-}, d = m.forwardRef(
+import { c } from "../../../chunks/vendor-z35N2Tap.js";
+const I = "listSortableItemTarget__7a38d656", S = "dragging__7e9cecd9", b = "listSortableItemTargetContent__022f52c8", d = "listSortableItemTargetIcon__5f3e00d9", t = {
+  listSortableItemTarget: I,
+  dragging: S,
+  listSortableItemTargetContent: b,
+  listSortableItemTargetIcon: d
+}, T = m.forwardRef(
   ({ children: r, className: a, disabled: o, dragging: l, ...s }, g) => /* @__PURE__ */ i(
     "div",
     {
-      className: I(t.listSortableItemTarget, { [t.dragging]: l }, "hoverable", a),
+      className: c(t.listSortableItemTarget, { [t.dragging]: l }, "hoverable", a),
       ...s,
       ref: g,
       children: [
@@ -21,8 +21,8 @@ const c = "listSortableItemTarget__d90270af", b = "dragging__70ec5737", S = "lis
     }
   )
 );
-d.displayName = "ListSortableItemTarget";
+T.displayName = "ListSortableItemTarget";
 export {
-  d as ListSortableItemTarget
+  T 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-CvLzuMWL.js";
+import { L as I } from "../../chunks/ListItemControlsButton-BwKD73pC.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 L } from "./components/ListMasterFooterCont
 import { ListMasterFooterDescription as M } from "./components/ListMasterFooterDescription.js";
 const d = Object.assign(
   s.forwardRef(function({ children: o, className: r, ...t }, e) {
-    return /* @__PURE__ */ i("div", { className: r, ...t, "data-tx": "0.32.0", ref: e, children: o });
+    return /* @__PURE__ */ i("div", { className: r, ...t, "data-tx": "0.34.0", ref: e, children: o });
   }),
   {
     Body: a,

package/components/ListMaster/components/ListMasterBody.js

@@ -6,7 +6,7 @@ const e = d.forwardRef(
     {
       className: o,
       ...r,
-      "data-tx": "0.32.0",
+      "data-tx": "0.34.0",
       ref: a,
       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-z35N2Tap.js";
-const m = "listMasterChipGroup__d7174690", l = {
+const m = "listMasterChipGroup__bfea7311", l = {
   listMasterChipGroup: m
 }, u = i.forwardRef(
   ({ children: r, className: s, ...t }, o) => /* @__PURE__ */ p(e, { className: a(l.listMasterChipGroup, s), oneLine: !0, ...t, 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 } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as t } from "../../../chunks/ListMasterFooter.module-BFddN0Fo.js";
+import { s as t } from "../../../chunks/ListMasterFooter.module-BFDBK4_z.js";
 const f = 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-z35N2Tap.js";
-import { s as i } from "../../../chunks/ListMasterFooter.module-BFddN0Fo.js";
+import { s as i } from "../../../chunks/ListMasterFooter.module-BFDBK4_z.js";
 const l = a.forwardRef(
   ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ e("div", { className: m(i.listMasterFooterControls, r), ...s, ref: t, 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-z35N2Tap.js";
-import { s as m } from "../../../chunks/ListMasterFooter.module-BFddN0Fo.js";
+import { s as m } from "../../../chunks/ListMasterFooter.module-BFDBK4_z.js";
 const p = i.forwardRef(
   ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ e("div", { className: a(m.listMasterFooterDescription, r), ...s, ref: t, children: o })
 );

package/components/ListMaster/components/ListMasterHeader.js

@@ -1,10 +1,10 @@
-import { jsx as u } from "react/jsx-runtime";
-import f, { useRef as o, useEffect as m } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import d, { useRef as o, useEffect as m } from "react";
 import { c as w } from "../../../chunks/vendor-z35N2Tap.js";
-const p = "listMasterHeader__da5d2b84", y = "sticky__dac05982", c = {
+const p = "listMasterHeader__70825b86", y = "sticky__3c14fa7a", c = {
   listMasterHeader: p,
   sticky: y
-}, H = f.forwardRef(
+}, H = d.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__da5d2b84", y = "sticky__dac05982", c = {
           window.scrollTo({ top: Math.max(window.scrollY - r.current, 0) });
         };
     }, []);
-    const d = (s) => {
+    const u = (s) => {
       e.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
     };
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ f(
       "div",
       {
         className: w(
@@ -27,7 +27,7 @@ const p = "listMasterHeader__da5d2b84", y = "sticky__dac05982", c = {
           n
         ),
         ...l,
-        ref: d,
+        ref: u,
         children: i
       }
     );

package/components/ListMaster/components/SelectionControls.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import n from "react";
 import { c as r } from "../../../chunks/vendor-z35N2Tap.js";
-const c = "selectionControls__746a0f81", i = {
+const c = "selectionControls__b5931077", i = {
   selectionControls: c
 }, a = n.forwardRef(
   ({ children: o, className: t, ...s }, e) => /* @__PURE__ */ l(
@@ -9,7 +9,7 @@ const c = "selectionControls__746a0f81", i = {
     {
       className: r(i.selectionControls, t),
       ...s,
-      "data-tx": "0.32.0",
+      "data-tx": "0.34.0",
       ref: e,
       children: o
     }

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,15 +1,15 @@
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { c as t } from "../../../chunks/vendor-z35N2Tap.js";
-const e = "loaderMiddle__4e0a1667", s = "loaderMiddleDots__8f4eba08", l = "dot__6623ffc4", c = "dot1__cfad562f", i = "dot2__bfd9a5cd", n = "dot3__e55b25f4", r = "dot4__bd8fde9d", _ = "line__3faac614", d = {
-  loaderMiddle: e,
-  loaderMiddleDots: s,
+const a = "loaderMiddle__ada7a218", e = "loaderMiddleDots__2b72af22", l = "dot__c465de78", c = "dot1__dc673792", i = "dot2__57032cc1", n = "dot3__0b01a0e5", r = "dot4__715855d5", _ = "line__08282bc6", d = {
+  loaderMiddle: a,
+  loaderMiddleDots: e,
   dot: l,
   dot1: c,
   dot2: i,
   dot3: n,
   dot4: r,
   line: _
-}, m = () => /* @__PURE__ */ o("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: /* @__PURE__ */ a("div", { className: d.loaderMiddleDots, children: [
+}, m = () => /* @__PURE__ */ o("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: /* @__PURE__ */ s("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) }),

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -1,25 +1,25 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { c as o } from "../../../chunks/vendor-z35N2Tap.js";
 import { ELoaderSmallTheme as s } from "./enum.js";
-import { createSizeToClassNameMap as n } from "../../../utils/classNameMaps.js";
-const c = "loaderSmall__91d93984", _ = "sm__6f364a42", p = "dot__6623ffc4", f = "md__37163e34", i = "lg__d738063d", N = "neutral__4215adb1", b = "brand__5a6e78f2", S = "dot1__cfad562f", u = "dot2__bfd9a5cd", T = "dot3__e55b25f4", a = {
-  loaderSmall: c,
+import { createSizeToClassNameMap as c } from "../../../utils/classNameMaps.js";
+const n = "loaderSmall__a1cca91e", _ = "sm__3cffb13e", p = "dot__c465de78", i = "md__f1552509", N = "lg__ad8433b0", b = "neutral__2e42a799", f = "brand__04372f6e", S = "dot1__dc673792", u = "dot2__57032cc1", T = "dot3__0b01a0e5", a = {
+  loaderSmall: n,
   sm: _,
   dot: p,
-  md: f,
-  lg: i,
-  neutral: N,
-  brand: b,
+  md: i,
+  lg: N,
+  neutral: 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: l, size: e, ...m }) => /* @__PURE__ */ r(
+}, x = c(a), L = ({ className: l, theme: e, size: d, ...m }) => /* @__PURE__ */ r(
   "span",
   {
-    className: o(a.loaderSmall, g[l], x[e], d),
+    className: o(a.loaderSmall, g[e], x[d], l),
     role: "status",
     "aria-label": "loading",
     ...m,

package/components/LoaderScreen/LoaderScreen.js

@@ -4,25 +4,25 @@ 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-z35N2Tap.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const S = "loaderScreen__95c169ee", B = "loaderSmallBackdrop__9089fb8d", k = "loaderMiddleBackdrop__8aea20b9", r = {
+const S = "loaderScreen__6dfefba6", B = "loaderSmallBackdrop__fa8d6a76", f = "loaderMiddleBackdrop__3e488627", r = {
   loaderScreen: S,
   loaderSmallBackdrop: B,
-  loaderMiddleBackdrop: k
-}, f = ({
-  className: d,
+  loaderMiddleBackdrop: f
+}, k = ({
+  className: o,
   size: a = t.MD,
-  type: o,
+  type: d,
   theme: l = i.BRAND,
   ...c
 }) => {
-  const m = p(d, r.loaderScreen, {
-    [r.loaderSmallBackdrop]: o === "small",
-    [r.loaderMiddleBackdrop]: o === "middle"
+  const m = p(o, r.loaderScreen, {
+    [r.loaderSmallBackdrop]: d === "small",
+    [r.loaderMiddleBackdrop]: d === "middle"
   });
-  return /* @__PURE__ */ e("div", { className: m, ...c, children: o === "small" ? /* @__PURE__ */ e(s, { size: a, theme: l }) : /* @__PURE__ */ e("div", { className: r.loaderMiddleBackground, children: /* @__PURE__ */ e(n, {}) }) });
+  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, {}) }) });
 };
-f.displayName = "LoaderScreen";
+k.displayName = "LoaderScreen";
 export {
-  f 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-z35N2Tap.js";
-import { a as t, s as e } from "../../chunks/utils-gmsD_32w.js";
+import { a as t, s as e } from "../../chunks/utils-B1xQI_Pq.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-gmsD_32w.js";
+import { s as t } from "../../chunks/utils-B1xQI_Pq.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 d from "react";
+import S from "react";
 import { Marker as k } from "../Marker/Marker.js";
 import { c as _ } from "../../chunks/vendor-z35N2Tap.js";
-import { s as M } from "../../chunks/utils-gmsD_32w.js";
+import { s as M } from "../../chunks/utils-B1xQI_Pq.js";
 import { ETextSize as n, EFontType as i, ECaptionSize as N } from "../Typography/enums.js";
 import { Caption as x } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -10,22 +10,22 @@ import { Text as c } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize as a } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
-const u = "markerStatus__3140f2cf", z = "contentContainer__44603191", E = "md__ee067cf3", h = "markerContainer__b7afb591", D = "lg__b6f08b1c", e = {
+const u = "markerStatus__31a11165", z = "contentContainer__a6d9003f", E = "md__f6fbd181", h = "markerContainer__52f0eb7f", D = "lg__30f6f01d", e = {
   markerStatus: u,
   contentContainer: z,
   md: E,
   markerContainer: h,
   lg: D
-}, b = {
+}, y = {
   [a.MD]: n.B4,
   [a.LG]: n.B3
-}, y = T(e), q = d.forwardRef(
+}, R = T(e), q = S.forwardRef(
   ({ children: p, className: f, description: o, status: m, size: r = a.MD, ...l }, C) => {
-    const S = _(e.markerStatus, y[r], M[m], f);
-    return /* @__PURE__ */ s("div", { className: S, "data-tx": "0.32.0", ...l, ref: C, children: [
+    const d = _(e.markerStatus, R[r], M[m], f);
+    return /* @__PURE__ */ s("div", { className: d, "data-tx": "0.34.0", ...l, ref: C, children: [
       /* @__PURE__ */ t("div", { className: e.markerContainer, children: /* @__PURE__ */ t(k, { status: m, size: r }) }),
       /* @__PURE__ */ s("div", { className: e.contentContainer, children: [
-        /* @__PURE__ */ t(c, { size: b[r], children: p }),
+        /* @__PURE__ */ t(c, { size: y[r], children: p }),
         o && (r === a.MD ? /* @__PURE__ */ t(x, { size: N.C1, type: i.SECONDARY, children: o }) : /* @__PURE__ */ t(c, { size: n.B4, type: i.SECONDARY, children: o }))
       ] })
     ] });

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,70 +1,70 @@
 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 $ } from "../Portal/Portal.js";
-import { c as p, C as k, F as B } from "../../chunks/vendor-z35N2Tap.js";
-import { ModalWindowViewManager as F } from "./components/ModalWindowViewManager.js";
-import { useToken as R } from "../ThemeProvider/useToken.js";
-import { s as a } from "../../chunks/ModalWindow.module-DRSCJT-j.js";
-import { EComponentSize as j } from "../../enums/EComponentSize.js";
+import { c as u, C as $ } from "../../chunks/vendor-z35N2Tap.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", q = 300, r = ["modal-open", "no-hash-overflow-hidden"], A = P(a), D = () => {
-  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-CpZnXDzI.js";
+const m = "ufs-modal-window", q = 300, i = ["modal-open", "no-hash-overflow-hidden"], A = P(a), D = () => {
+  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;
 }, V = g.forwardRef((t, e) => {
   const {
-    isOpen: u,
+    isOpen: c,
     children: f,
     containerClassName: N,
     focusTrapProps: s,
     onExited: d,
     closeButton: w,
-    size: C = j.MD,
+    size: C = F.MD,
     className: h,
     topPosition: y = 100,
     ...v
-  } = t, M = { "--modal-window-top": `${y}px` }, [i] = z(D), { scopeClassName: W } = R(), m = () => {
+  } = t, M = { "--modal-window-top": `${y}px` }, [r] = z(D), { scopeClassName: W } = k(), p = () => {
     const o = document.body.classList;
-    o.contains(r[0]) && o.remove(...r);
-  }, O = () => {
+    o.contains(i[0]) && o.remove(...i);
+  }, x = () => {
     const o = document.body.classList;
-    o.contains(r[0]) || o.add(...r);
-  }, b = () => {
-    m(), d == null || d();
-  }, x = (o) => {
+    o.contains(i[0]) || o.add(...i);
+  }, E = () => {
+    p(), d == null || d();
+  }, b = (o) => {
     typeof e == "function" ? e(o) : e && (e.current = o);
   };
   L(() => () => {
     var o;
-    (o = i.parentNode) == null || o.removeChild(i), m();
-  }, [i]);
-  const E = p(W, a.modalWindowContainer, N), S = p(a.modalWindow, A[C], h);
+    (o = r.parentNode) == null || o.removeChild(r), p();
+  }, [r]);
+  const O = u(W, a.modalWindowContainer, N), S = u(a.modalWindow, A[C], h);
   return /* @__PURE__ */ l(T, { children: [
-    /* @__PURE__ */ n($, { container: i, children: /* @__PURE__ */ n(
-      k,
+    /* @__PURE__ */ n(B, { container: r, children: /* @__PURE__ */ n(
+      $,
       {
-        in: u,
+        in: c,
         timeout: q,
         classNames: "global-modalWindowTransition",
         appear: !0,
         enter: !0,
         exit: !0,
-        onEnter: O,
-        onExited: b,
+        onEnter: x,
+        onExited: E,
         mountOnEnter: !0,
         unmountOnExit: !0,
         children: /* @__PURE__ */ n(
-          B,
+          R,
           {
-            active: !1,
+            active: c,
             ...s,
             focusTrapOptions: {
-              allowOutsideClick: !0,
               preventScroll: !0,
               ...s == null ? void 0 : s.focusTrapOptions
             },
-            children: /* @__PURE__ */ l("div", { className: E, style: M, children: [
+            children: /* @__PURE__ */ l("div", { className: O, style: M, children: [
               /* @__PURE__ */ n("div", { className: a.modalWindowBackdrop }),
               /* @__PURE__ */ n(
                 "div",
@@ -72,7 +72,7 @@ const c = "ufs-modal-window", q = 300, r = ["modal-open", "no-hash-overflow-hidd
                   role: "dialog",
                   "aria-modal": "true",
                   ...v,
-                  ref: x,
+                  ref: b,
                   className: S,
                   children: /* @__PURE__ */ l("div", { className: a.modalWindowContentWrapper, children: [
                     f,
@@ -85,7 +85,7 @@ const c = "ufs-modal-window", q = 300, r = ["modal-open", "no-hash-overflow-hidd
         )
       }
     ) }),
-    /* @__PURE__ */ n(F, {})
+    /* @__PURE__ */ n(j, {})
   ] });
 });
 V.displayName = "ModalWindow";