@namuna-nur/ui-kit 1.10.7 → 1.10.8

package/lib/molecules/index.js

@@ -3,7 +3,7 @@ import * as z from "react";
 import Pt, { forwardRef as Q, useState as A, useRef as oe, useImperativeHandle as Nt, useEffect as ve, Fragment as Tr, useMemo as ht, useCallback as nt } from "react";
 import { S as Je, b as Br, c as se, d as Sr, e as Dr, f as er, g as tr, h as jr, i as rr, j as Ir, k as _r, l as Wr, m as Ar, n as Mr, o as _t, p as Or, q as Fr } from "../shared/assets-icons-2.js";
 import { cn as r, formatFileSize as ft, DATE_FORMAT_DAY_MONTH_YEAR_DASH as Ht, formatDateToDayMonthYear as Rr, formatDate as xt, numberFormat as $r, formatTime as bt } from "../utils/index.js";
-import { Checkbox as Wt, Label as P, Spinner as gt, Text as y, Button as O, Avatar as nr, IconButton as Mt, Select as De, Textarea as or, Radio as ir, Status as qe, Toggle as Lr, Headline as ut, Input as zr, Tab as Hr, ReplyMessage as Ur } from "../atoms/index.js";
+import { Checkbox as Wt, Label as P, Spinner as gt, Text as w, Button as O, Avatar as nr, IconButton as Mt, Select as De, Textarea as or, Radio as ir, Status as qe, Toggle as Lr, Headline as ut, Input as zr, Tab as Hr, ReplyMessage as Ur } from "../atoms/index.js";
 import { useReactTable as Yr, getCoreRowModel as Er, flexRender as Ut } from "@tanstack/react-table";
 import { b as Gr, c as Vr, d as qr, e as Kr, f as Zr, g as Qr, h as Xr } from "../shared/assets-icons-3.js";
 import { Link as Pe, useSearchParams as Ot, useNavigate as dr, NavLink as Ft } from "react-router-dom";
@@ -31,7 +31,7 @@ const Lo = ({
   classNames: a,
   onClick: h
 }) => {
-  const p = me.root, f = me.header, g = me.icon, x = me.content, b = me.titlesWrapper, s = me.title, w = me.subtitle;
+  const p = me.root, f = me.header, g = me.icon, b = me.content, x = me.titlesWrapper, s = me.title, y = me.subtitle;
   return /* @__PURE__ */ u("div", { className: r(p, a == null ? void 0 : a.root), children: [
     /* @__PURE__ */ u(
       "button",
@@ -47,7 +47,7 @@ const Lo = ({
         ),
         onClick: h,
         children: [
-          /* @__PURE__ */ u("div", { className: r(b, a == null ? void 0 : a.wrapperTitles), children: [
+          /* @__PURE__ */ u("div", { className: r(x, a == null ? void 0 : a.wrapperTitles), children: [
             /* @__PURE__ */ u("div", { className: f.title, children: [
               !!i && /* @__PURE__ */ e(
                 i,
@@ -74,7 +74,7 @@ const Lo = ({
               "span",
               {
                 className: r(
-                  w,
+                  y,
                   n && "text-dark-30/25",
                   a == null ? void 0 : a.subtitle
                 ),
@@ -105,8 +105,8 @@ const Lo = ({
         role: "group",
         "aria-hidden": "true",
         className: r(
-          x.base,
-          t ? x.opened : x.closed,
+          b.base,
+          t ? b.opened : b.closed,
           a == null ? void 0 : a.content
         ),
         onClick: (m) => m.stopPropagation(),
@@ -212,27 +212,27 @@ function zo({
     data: i,
     getCoreRowModel: Er(),
     manualSorting: !0
-  }), f = (b) => {
-    const s = c == null ? void 0 : c.find((m) => m.id === b), w = s != null && s.desc ? "asc" : "desc";
-    l == null || l({ key: b, order: w });
-  }, g = (b) => {
-    o != null && o.includes(b) ? n(o.filter((s) => s !== b)) : n([...o, b]);
-  }, x = () => {
-    const b = p.getCoreRowModel().rows.map((s) => {
-      var w;
-      return (w = s.original) == null ? void 0 : w.id;
+  }), f = (x) => {
+    const s = c == null ? void 0 : c.find((m) => m.id === x), y = s != null && s.desc ? "asc" : "desc";
+    l == null || l({ key: x, order: y });
+  }, g = (x) => {
+    o != null && o.includes(x) ? n(o.filter((s) => s !== x)) : n([...o, x]);
+  }, b = () => {
+    const x = p.getCoreRowModel().rows.map((s) => {
+      var y;
+      return (y = s.original) == null ? void 0 : y.id;
     });
-    (o == null ? void 0 : o.length) === b.length ? n([]) : n(b);
+    (o == null ? void 0 : o.length) === x.length ? n([]) : n(x);
   };
   return /* @__PURE__ */ u("div", { className: r(X.root, t == null ? void 0 : t.root), children: [
     h && /* @__PURE__ */ e(gt, {}),
     !h && !i.length && /* @__PURE__ */ u("div", { className: X.info, children: [
       /* @__PURE__ */ e(Gr, { className: "fill-dark-30/50" }),
-      /* @__PURE__ */ e(y, { className: X.infoText, children: "Нет данных" })
+      /* @__PURE__ */ e(w, { className: X.infoText, children: "Нет данных" })
     ] }),
     /* @__PURE__ */ e("div", { className: r(X.container, t == null ? void 0 : t.container), children: /* @__PURE__ */ u("table", { className: r(X.table, t == null ? void 0 : t.table), children: [
-      /* @__PURE__ */ e("thead", { className: X.tableHeader, children: p.getHeaderGroups().map((b) => {
-        var s, w;
+      /* @__PURE__ */ e("thead", { className: X.tableHeader, children: p.getHeaderGroups().map((x) => {
+        var s, y;
         return /* @__PURE__ */ u("tr", { children: [
           a && /* @__PURE__ */ e(
             "th",
@@ -245,13 +245,13 @@ function zo({
                 Wt,
                 {
                   id: "selectAll",
-                  checked: (o == null ? void 0 : o.length) === ((w = (s = p == null ? void 0 : p.getCoreRowModel()) == null ? void 0 : s.rows) == null ? void 0 : w.length),
-                  onChange: x
+                  checked: (o == null ? void 0 : o.length) === ((y = (s = p == null ? void 0 : p.getCoreRowModel()) == null ? void 0 : s.rows) == null ? void 0 : y.length),
+                  onChange: b
                 }
               )
             }
           ),
-          b.headers.map((m, B) => {
+          x.headers.map((m, B) => {
             var j;
             const S = m.column.columnDef.meta;
             return /* @__PURE__ */ e(
@@ -261,7 +261,7 @@ function zo({
                 className: r(
                   X.headerCell,
                   S == null ? void 0 : S.headerClass,
-                  m.index === b.headers.length - 1 && "rounded-r-[10px]",
+                  m.index === x.headers.length - 1 && "rounded-r-[10px]",
                   !a && B === 0 && X.firstHeaderCell
                 ),
                 onClick: () => (S == null ? void 0 : S.isSortable) && f(m.column.id),
@@ -284,11 +284,11 @@ function zo({
               m.id
             );
           })
-        ] }, b.id);
+        ] }, x.id);
       }) }),
-      /* @__PURE__ */ e("tbody", { children: p.getRowModel().rows.map((b) => {
-        var w;
-        const s = (w = b.original) == null ? void 0 : w.id;
+      /* @__PURE__ */ e("tbody", { children: p.getRowModel().rows.map((x) => {
+        var y;
+        const s = (y = x.original) == null ? void 0 : y.id;
         return /* @__PURE__ */ u(
           "tr",
           {
@@ -307,21 +307,21 @@ function zo({
                   children: /* @__PURE__ */ e(
                     Wt,
                     {
-                      id: b.id,
+                      id: x.id,
                       checked: o == null ? void 0 : o.includes(s),
                       onChange: () => g(s)
                     }
                   )
                 }
               ),
-              b.getVisibleCells().map((m, B, S) => {
+              x.getVisibleCells().map((m, B, S) => {
                 const j = m.column.columnDef.meta;
                 return /* @__PURE__ */ e(
                   "td",
                   {
                     className: r(
                       X.bodyCell,
-                      (o == null ? void 0 : o.includes(b.id)) && "font-bold",
+                      (o == null ? void 0 : o.includes(x.id)) && "font-bold",
                       B === S.length - 1 && "rounded-r-[10px]",
                       !a && B === 0 && "px-8",
                       j == null ? void 0 : j.cellClass
@@ -336,7 +336,7 @@ function zo({
               })
             ]
           },
-          b.id
+          x.id
         );
       }) })
     ] }) })
@@ -412,7 +412,7 @@ const _n = ({
       className: r(d && "pointer-events-none"),
       to: o ? "/" : t,
       children: /* @__PURE__ */ e(
-        y,
+        w,
         {
           variant: "p",
           className: r(
@@ -484,14 +484,14 @@ const _n = ({
     classNames: h,
     inputPlaceholder: p
   }, f) => {
-    const [g, x] = A(""), [b, s] = A(!1), w = oe(null), m = oe(null);
+    const [g, b] = A(""), [x, s] = A(!1), y = oe(null), m = oe(null);
     Nt(f, () => ({
       open: () => s(!0),
       close: () => s(!1),
       toggle: () => s((v) => !v),
       focus: () => {
         var v;
-        return (v = w.current) == null ? void 0 : v.focus();
+        return (v = y.current) == null ? void 0 : v.focus();
       }
     }), []);
     const B = (v) => {
@@ -501,12 +501,12 @@ const _n = ({
       const D = l.some((I) => I.value === v);
       a(
         D ? l.filter((I) => I.value !== v) : [...l, C]
-      ), x(""), (T = w.current) == null || T.focus();
+      ), b(""), (T = y.current) == null || T.focus();
     }, S = (v, C) => {
       var D;
-      C.stopPropagation(), a(l.filter((T) => T.value !== v)), (D = w.current) == null || D.focus();
+      C.stopPropagation(), a(l.filter((T) => T.value !== v)), (D = y.current) == null || D.focus();
     }, j = (v) => {
-      x(v.target.value.toLowerCase());
+      b(v.target.value.toLowerCase());
     }, k = d.filter(
       (v) => v.label.toLowerCase().includes(g)
     );
@@ -519,10 +519,10 @@ const _n = ({
         ae,
         {
           modal: !1,
-          open: b,
+          open: x,
           onOpenChange: () => {
             var v;
-            o || ((v = w.current) == null || v.focus(), s(!b));
+            o || ((v = y.current) == null || v.focus(), s(!x));
           },
           children: [
             /* @__PURE__ */ e(
@@ -536,7 +536,7 @@ const _n = ({
                   {
                     [L.hoverTrigger]: !o,
                     [L.status.danger]: n === "danger",
-                    [L.focusTrigger]: b || l.length > 0,
+                    [L.focusTrigger]: x || l.length > 0,
                     "pl-1.5 pr-3.5 py-[5px]": l.length > 0,
                     [L.disabled.trigger]: o
                   },
@@ -544,7 +544,7 @@ const _n = ({
                 ),
                 children: /* @__PURE__ */ u("div", { className: L.selectedItems, children: [
                   l.length === 0 && /* @__PURE__ */ e(
-                    y,
+                    w,
                     {
                       className: r(
                         L.text,
@@ -559,7 +559,7 @@ const _n = ({
                       className: L.selectedItem,
                       children: [
                         /* @__PURE__ */ e(
-                          y,
+                          w,
                           {
                             className: L.selectedItemText,
                             variant: "p",
@@ -595,7 +595,7 @@ const _n = ({
                       viewBox: "0 0 20 20",
                       className: r(
                         L.arrowIcon,
-                        b && "-rotate-180"
+                        x && "-rotate-180"
                       )
                     }
                   )
@@ -609,11 +609,11 @@ const _n = ({
                 style: { minWidth: "var(--radix-popper-anchor-width)" },
                 className: r(L.options),
                 children: [
-                  /* @__PURE__ */ e(y, { className: L.popoverLabel, children: t }),
+                  /* @__PURE__ */ e(w, { className: L.popoverLabel, children: t }),
                   c && /* @__PURE__ */ e("div", { className: L.wrapperInput, children: /* @__PURE__ */ e(
                     "input",
                     {
-                      ref: w,
+                      ref: y,
                       onChange: j,
                       value: g,
                       autoFocus: !0,
@@ -716,10 +716,10 @@ const _n = ({
     onResultClick: p,
     isSearchIcon: f = !0,
     isSearchResultDisabled: g = !0,
-    isLoading: x = !1,
-    classNames: b,
+    isLoading: b = !1,
+    classNames: x,
     ...s
-  }, w) => {
+  }, y) => {
     const [m, B] = A({
       id: "",
       label: ""
@@ -728,9 +728,9 @@ const _n = ({
       j(!!C), a == null || a(C);
     }, [C, a]);
     const D = re.base, T = re.hover, I = re.focus, { focusWithin: F } = re, V = re.disabled, ie = re.input, ce = re.button, xe = re.filterIcon, M = re.dropdown, K = re.popover, W = re.emptyPopover, H = re.options, tt = ({ title: je, items: ze }) => /* @__PURE__ */ u(Tr, { children: [
-      /* @__PURE__ */ e(y, { className: M.typeFilter, children: je }),
+      /* @__PURE__ */ e(w, { className: M.typeFilter, children: je }),
       /* @__PURE__ */ e("div", { className: H.items, children: ze == null ? void 0 : ze.map((rt) => /* @__PURE__ */ e(
-        y,
+        w,
         {
           onClick: () => B(rt),
           className: r(
@@ -751,7 +751,7 @@ const _n = ({
           (k || S) && !i && I,
           !(k || S) && !i && T,
           i && V,
-          b == null ? void 0 : b.base
+          x == null ? void 0 : x.base
         ),
         children: [
           /* @__PURE__ */ u(vt, { open: k, onOpenChange: v, children: [
@@ -785,7 +785,7 @@ const _n = ({
                 sideOffset: 18,
                 alignOffset: -12,
                 onInteractOutside: (je) => je.preventDefault(),
-                className: r(M.content, b == null ? void 0 : b.dropdown),
+                className: r(M.content, x == null ? void 0 : x.dropdown),
                 style: { minWidth: "var(--radix-popper-anchor-width)" },
                 children: [
                   /* @__PURE__ */ e("div", { className: M.wrapperModule, children: /* @__PURE__ */ e(tt, { title: "Поиск по модулям", items: n }) }),
@@ -823,12 +823,12 @@ const _n = ({
                 {
                   ...s,
                   role: "searchbox",
-                  ref: w,
+                  ref: y,
                   value: t,
                   type: "text",
                   placeholder: "Поиск",
                   onChange: d,
-                  className: r(ie.base, b == null ? void 0 : b.input),
+                  className: r(ie.base, x == null ? void 0 : x.input),
                   disabled: i
                 }
               ),
@@ -850,9 +850,9 @@ const _n = ({
                 sideOffset: 18,
                 alignOffset: o ? -42 : -76,
                 style: { minWidth: "var(--radix-popper-anchor-width)" },
-                className: r(K.content, b == null ? void 0 : b.popover),
-                children: x ? /* @__PURE__ */ e("div", { className: W.wrapper, children: /* @__PURE__ */ e(gt, { width: 30, height: 30 }) }) : h && (h == null ? void 0 : h.length) > 0 ? /* @__PURE__ */ u("div", { className: K.wrapper, children: [
-                  /* @__PURE__ */ u(y, { className: K.title, children: [
+                className: r(K.content, x == null ? void 0 : x.popover),
+                children: b ? /* @__PURE__ */ e("div", { className: W.wrapper, children: /* @__PURE__ */ e(gt, { width: 30, height: 30 }) }) : h && (h == null ? void 0 : h.length) > 0 ? /* @__PURE__ */ u("div", { className: K.wrapper, children: [
+                  /* @__PURE__ */ u(w, { className: K.title, children: [
                     "Результаты (",
                     h == null ? void 0 : h.length,
                     ")"
@@ -864,7 +864,7 @@ const _n = ({
                       "aria-label": "search-result",
                       className: "first:mt-5",
                       children: h == null ? void 0 : h.map((je, ze) => /* @__PURE__ */ e(
-                        y,
+                        w,
                         {
                           onClick: () => {
                             p == null || p(je), j(!1);
@@ -876,7 +876,7 @@ const _n = ({
                       ))
                     }
                   )
-                ] }) : /* @__PURE__ */ e("div", { className: W.wrapper, children: /* @__PURE__ */ e(y, { className: W.text, children: "Нет результатов поиска" }) })
+                ] }) : /* @__PURE__ */ e("div", { className: W.wrapper, children: /* @__PURE__ */ e(w, { className: W.text, children: "Нет результатов поиска" }) })
               }
             )
           ] })
@@ -960,7 +960,7 @@ const _n = ({
           ),
           children: [
             t && c ? /* @__PURE__ */ e(Xe, { ...c, children: t }) : /* @__PURE__ */ u(
-              y,
+              w,
               {
                 className: r(
                   He.fullName,
@@ -973,7 +973,7 @@ const _n = ({
                 ]
               }
             ),
-            l || !!d && /* @__PURE__ */ e(y, { className: r(He.jobTitle, o == null ? void 0 : o.jobTitle), children: d })
+            l || !!d && /* @__PURE__ */ e(w, { className: r(He.jobTitle, o == null ? void 0 : o.jobTitle), children: d })
           ]
         }
       ),
@@ -1016,13 +1016,13 @@ const _n = ({
     disabled: p = !1,
     ...f
   }, g) => {
-    const [x, b] = z.useState(!1), s = z.useRef(null), w = we.root, m = we.input, B = we.icon, S = we.placeholder, j = we.list, k = we.status, v = () => {
+    const [b, x] = z.useState(!1), s = z.useRef(null), y = we.root, m = we.input, B = we.icon, S = we.placeholder, j = we.list, k = we.status, v = () => {
       var D;
-      p || (b(!0), (D = s.current) == null || D.click());
+      p || (x(!0), (D = s.current) == null || D.click());
     }, C = () => {
-      b(!1);
+      x(!1);
     };
-    return /* @__PURE__ */ u("div", { className: r(w, a == null ? void 0 : a.root), children: [
+    return /* @__PURE__ */ u("div", { className: r(y, a == null ? void 0 : a.root), children: [
       /* @__PURE__ */ u("div", { className: we.label.wrapper, children: [
         !!i && /* @__PURE__ */ e(
           P,
@@ -1040,8 +1040,8 @@ const _n = ({
         {
           ref: g,
           onClick: v,
-          pressed: x,
-          onPressedChange: b,
+          pressed: b,
+          onPressedChange: x,
           onBlur: C,
           className: r(
             m.base,
@@ -1123,7 +1123,7 @@ const _n = ({
   const l = i === "review";
   return /* @__PURE__ */ u("div", { className: r(Y.root, o == null ? void 0 : o.root), children: [
     !(t != null && t.length) && (n ? /* @__PURE__ */ e(gt, {}) : /* @__PURE__ */ e(
-      y,
+      w,
       {
         variant: "p",
         className: r(
@@ -1134,7 +1134,7 @@ const _n = ({
       }
     )),
     t.map(
-      ({ id: a, avatarSrc: h, fullName: p, role: f, comment: g, date: x, time: b, stars: s = 0 }) => /* @__PURE__ */ u("div", { className: Y.wrapper, children: [
+      ({ id: a, avatarSrc: h, fullName: p, role: f, comment: g, date: b, time: x, stars: s = 0 }) => /* @__PURE__ */ u("div", { className: Y.wrapper, children: [
         /* @__PURE__ */ e(
           Lt,
           {
@@ -1183,11 +1183,11 @@ const _n = ({
                   }
                 }
               ),
-              /* @__PURE__ */ e(y, { variant: "p", className: Y.commentText, children: g }),
-              /* @__PURE__ */ u(y, { variant: "span", className: Y.commentDate, children: [
-                x,
+              /* @__PURE__ */ e(w, { variant: "p", className: Y.commentText, children: g }),
+              /* @__PURE__ */ u(w, { variant: "span", className: Y.commentDate, children: [
+                b,
                 "   ",
-                b
+                x
               ] }),
               c && /* @__PURE__ */ e(
                 Mt,
@@ -1310,8 +1310,8 @@ const _n = ({
     return f ? g += ` ${_.dayDisabled}` : h ? Hn(a, o ? new Date(o) : void 0) ? g += ` ${_.daySelected}` : Ln(a) ? g += ` ${_.dayToday}` : zn(a) ? g += ` ${_.dayWeekend}` : g += ` ${_.dayNormal}` : g += ` ${_.dayOutside}`, /* @__PURE__ */ e(
       "button",
       {
-        onClick: (x) => {
-          x.stopPropagation(), x.preventDefault(), f || t(a);
+        onClick: (b) => {
+          b.stopPropagation(), b.preventDefault(), f || t(a);
         },
         disabled: f,
         className: g,
@@ -1331,17 +1331,17 @@ const _n = ({
 }) => {
   const [a, h] = A(!1), [p, f] = A(
     t ? new Date(t) : /* @__PURE__ */ new Date()
-  ), [g, x] = A(
+  ), [g, b] = A(
     t ? Tt(new Date(t)) : ""
   );
   ve(() => {
-    t ? (x(Tt(new Date(t))), f(new Date(t))) : x("");
+    t ? (b(Tt(new Date(t))), f(new Date(t))) : b("");
   }, [t]);
-  const b = oe(null), s = oe(null), w = (v) => {
-    d(v.toISOString()), x(Tt(v)), h(!1);
+  const x = oe(null), s = oe(null), y = (v) => {
+    d(v.toISOString()), b(Tt(v)), h(!1);
   }, m = (v) => {
     let C = v.target.value.replace(/\D/g, "");
-    if (C.length >= 3 && C.length <= 4 ? C = `${C.slice(0, 2)}/${C.slice(2)}` : C.length > 4 && (C = `${C.slice(0, 2)}/${C.slice(2, 4)}/${C.slice(4, 8)}`), C.length > 10 && (C = C.slice(0, 10)), x(C), !C || C.trim() === "") {
+    if (C.length >= 3 && C.length <= 4 ? C = `${C.slice(0, 2)}/${C.slice(2)}` : C.length > 4 && (C = `${C.slice(0, 2)}/${C.slice(2, 4)}/${C.slice(4, 8)}`), C.length > 10 && (C = C.slice(0, 10)), b(C), !C || C.trim() === "") {
       d(void 0);
       return;
     }
@@ -1363,7 +1363,7 @@ const _n = ({
     const C = parseInt(v);
     f(new Date(C, p.getMonth(), 1));
   }, k = (v) => {
-    v.stopPropagation(), v.preventDefault(), d(void 0), x(""), h(!1);
+    v.stopPropagation(), v.preventDefault(), d(void 0), b(""), h(!1);
   };
   return /* @__PURE__ */ u("div", { className: _.base, children: [
     /* @__PURE__ */ u("div", { className: _.label.wrapper, children: [
@@ -1443,7 +1443,7 @@ const _n = ({
         pe,
         {
           role: "dialog",
-          ref: b,
+          ref: x,
           container: s.current,
           className: _.popoverWrapper,
           children: /* @__PURE__ */ u("div", { children: [
@@ -1513,7 +1513,7 @@ const _n = ({
               )
             ] }),
             /* @__PURE__ */ e("div", { className: _.weekHeader, children: Yn.map((v) => /* @__PURE__ */ e("div", { className: _.weekDay, children: v }, v)) }),
-            /* @__PURE__ */ e("div", { className: _.calendar, children: Vn(w, l, p, t) }),
+            /* @__PURE__ */ e("div", { className: _.calendar, children: Vn(y, l, p, t) }),
             /* @__PURE__ */ e("div", { className: _.resetButtonWrapper, children: /* @__PURE__ */ e("button", { onClick: k, className: _.resetButton, children: "Сбросить" }) })
           ] })
         }
@@ -1590,12 +1590,12 @@ const _n = ({
   disabled: n = !1,
   classNames: c
 }) => {
-  const l = z.useId(), [a, h] = z.useState(/* @__PURE__ */ new Date()), [p, f] = z.useState(""), [g, x] = z.useState(!1), b = sr({
+  const l = z.useId(), [a, h] = z.useState(/* @__PURE__ */ new Date()), [p, f] = z.useState(""), [g, b] = z.useState(!1), x = sr({
     mask: "__/__/____ - __/__/____",
     replacement: { _: /\d/ }
-  }), s = z.useRef(null), w = z.useRef(!1);
+  }), s = z.useRef(null), y = z.useRef(!1);
   z.useEffect(() => {
-    if (w.current || !t || !(t.to && t.from)) return;
+    if (y.current || !t || !(t.to && t.from)) return;
     const k = t.from ? N(new Date(t.from), ee) : "", v = t.to ? N(new Date(t.to), ee) : "";
     f(v ? `${k} - ${v}` : `${k} - `);
   }, [t]);
@@ -1615,7 +1615,7 @@ const _n = ({
           N(new Date(k.from), ee) + " - " + N(new Date(k.to), ee)
         );
   }, S = (k) => {
-    w.current = !0;
+    y.current = !0;
     const { value: v } = k.target, [C, D] = v.split("-").map((F) => F.trim());
     f(v);
     const T = At(C, ee, /* @__PURE__ */ new Date()), I = D ? At(D, ee, /* @__PURE__ */ new Date()) : /* @__PURE__ */ new Date();
@@ -1623,11 +1623,11 @@ const _n = ({
   }, j = () => {
     f(""), d(void 0), h(/* @__PURE__ */ new Date());
   };
-  return /* @__PURE__ */ e("div", { className: r(m.wrapper, c == null ? void 0 : c.wrapper), children: /* @__PURE__ */ u(ae, { open: g, onOpenChange: x, children: [
+  return /* @__PURE__ */ e("div", { className: r(m.wrapper, c == null ? void 0 : c.wrapper), children: /* @__PURE__ */ u(ae, { open: g, onOpenChange: b, children: [
     /* @__PURE__ */ e(le, { asChild: !0, role: "trigger", className: c == null ? void 0 : c.trigger, children: /* @__PURE__ */ e(
       zt,
       {
-        ref: b,
+        ref: x,
         label: i,
         inputProps: {
           id: l,
@@ -1643,7 +1643,7 @@ const _n = ({
           disabled: n
         },
         icon: hr,
-        onIconClick: () => x(!0),
+        onIconClick: () => b(!0),
         iconProps: {
           width: 18,
           height: 18,
@@ -1712,7 +1712,7 @@ const _n = ({
                             (t == null ? void 0 : t.to) && N(new Date(t == null ? void 0 : t.to), ee) === N(new Date(k.day.date), ee) && "!bg-primary-10 text-sidebar-10 shadow-4xl",
                             v && "!bg-primary-40 text-dark-50"
                           ),
-                          children: /* @__PURE__ */ e(y, { className: "text-sm font-mono font-medium", children: k.children })
+                          children: /* @__PURE__ */ e(w, { className: "text-sm font-mono font-medium", children: k.children })
                         }
                       )
                     }
@@ -1752,10 +1752,10 @@ const _n = ({
                               ) })
                             }
                           ),
-                          /* @__PURE__ */ e("div", { className: "w-full flex-1 flex items-center justify-center", children: /* @__PURE__ */ e(y, { className: "text-base text-dark-40 font-semibold font-mono", children: N(F, "MMMM yyyy", { locale: Ct }) }) })
+                          /* @__PURE__ */ e("div", { className: "w-full flex-1 flex items-center justify-center", children: /* @__PURE__ */ e(w, { className: "text-base text-dark-40 font-semibold font-mono", children: N(F, "MMMM yyyy", { locale: Ct }) }) })
                         ] }),
                         /* @__PURE__ */ u("div", { className: "flex items-center w-1/2", children: [
-                          /* @__PURE__ */ e("div", { className: "w-full flex-1 flex items-center justify-center", children: /* @__PURE__ */ e(y, { className: "text-base text-dark-40 font-semibold font-mono", children: N(V, "MMMM yyyy", { locale: Ct }) }) }),
+                          /* @__PURE__ */ e("div", { className: "w-full flex-1 flex items-center justify-center", children: /* @__PURE__ */ e(w, { className: "text-base text-dark-40 font-semibold font-mono", children: N(V, "MMMM yyyy", { locale: Ct }) }) }),
                           /* @__PURE__ */ e("button", { onClick: C, disabled: !T, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
                             tr,
                             {
@@ -1812,15 +1812,15 @@ const _n = ({
   align: l = "start",
   classNames: a
 }) => {
-  const [h, p] = z.useState(), [f] = Ot(), g = dr(), x = (m) => {
+  const [h, p] = z.useState(), [f] = Ot(), g = dr(), b = (m) => {
     p(m), g(`${d}/${m.to}?${f.toString()}`);
-  }, b = Et.modal, s = b.item, w = Et.text;
+  }, x = Et.modal, s = x.item, y = Et.text;
   return /* @__PURE__ */ u(vt, { open: o, onOpenChange: n, children: [
     /* @__PURE__ */ e(
       st,
       {
         asChild: !0,
-        className: r(b.trigger, a == null ? void 0 : a.trigger),
+        className: r(x.trigger, a == null ? void 0 : a.trigger),
         children: t
       }
     ),
@@ -1829,7 +1829,7 @@ const _n = ({
       {
         side: c,
         align: l,
-        className: r(b.content, a == null ? void 0 : a.content),
+        className: r(x.content, a == null ? void 0 : a.content),
         children: i == null ? void 0 : i.map((m) => {
           const B = (h == null ? void 0 : h.id) === m.id;
           return /* @__PURE__ */ e(
@@ -1843,9 +1843,9 @@ const _n = ({
               children: /* @__PURE__ */ u(
                 $t,
                 {
-                  onClick: () => x(m),
+                  onClick: () => b(m),
                   className: r(
-                    w.base,
+                    y.base,
                     B && "font-bold",
                     B && (a == null ? void 0 : a.text)
                   ),
@@ -1854,7 +1854,7 @@ const _n = ({
                       "span",
                       {
                         className: r(
-                          w.dot,
+                          y.dot,
                           B && "bg-primary-10",
                           a == null ? void 0 : a.dot
                         )
@@ -1894,7 +1894,7 @@ const _n = ({
 }) => /* @__PURE__ */ u("div", { className: r(G.wrapper, l == null ? void 0 : l.wrapper), children: [
   t && /* @__PURE__ */ u("div", { className: G.header, children: [
     /* @__PURE__ */ e(jr, { className: G.headerIcon, role: "img" }),
-    /* @__PURE__ */ u(y, { variant: "p", className: G.headerText, children: [
+    /* @__PURE__ */ u(w, { variant: "p", className: G.headerText, children: [
       t,
       "(",
       i.length,
@@ -1940,8 +1940,8 @@ const _n = ({
     ) : /* @__PURE__ */ u("div", { className: r(G.fileWrapper, l == null ? void 0 : l.file), children: [
       /* @__PURE__ */ e(rr, { className: G.fileIcon, role: "img" }),
       /* @__PURE__ */ u("div", { children: [
-        /* @__PURE__ */ e(y, { variant: "p", className: G.fileText, children: a.name }),
-        /* @__PURE__ */ e(y, { variant: "p", className: G.fileSize, children: ft(a.size) })
+        /* @__PURE__ */ e(w, { variant: "p", className: G.fileText, children: a.name }),
+        /* @__PURE__ */ e(w, { variant: "p", className: G.fileSize, children: ft(a.size) })
       ] }),
       /* @__PURE__ */ e(
         Xe,
@@ -1995,7 +1995,7 @@ const _n = ({
     )
   ] }),
   d && /* @__PURE__ */ e(
-    y,
+    w,
     {
       variant: "p",
       className: r(G.description, l == null ? void 0 : l.description),
@@ -2031,14 +2031,14 @@ const _n = ({
   icon: l,
   iconSizes: a
 }) => {
-  const [h, p] = A(!1), g = xr(o)(c), x = Bt.base, b = Bt.disabled.trigger, s = Bt.disabled.triggerText, w = ({
+  const [h, p] = A(!1), g = xr(o)(c), b = Bt.base, x = Bt.disabled.trigger, s = Bt.disabled.triggerText, y = ({
     className: m,
     text: B = ""
   }) => /* @__PURE__ */ e(
-    y,
+    w,
     {
       className: r(
-        x.placeholder,
+        b.placeholder,
         m,
         d && s
       ),
@@ -2052,8 +2052,8 @@ const _n = ({
         role: "listbox",
         disabled: d,
         className: r(
-          x.trigger,
-          d && b,
+          b.trigger,
+          d && x,
           t == null ? void 0 : t.trigger
         ),
         children: [
@@ -2063,28 +2063,28 @@ const _n = ({
               width: a == null ? void 0 : a.width,
               height: a == null ? void 0 : a.height,
               viewBox: a == null ? void 0 : a.viewBox,
-              className: r(x.icon, t == null ? void 0 : t.icon)
+              className: r(b.icon, t == null ? void 0 : t.icon)
             }
-          ) : /* @__PURE__ */ e(w, { text: "Сортировать:", className: x.label }),
+          ) : /* @__PURE__ */ e(y, { text: "Сортировать:", className: b.label }),
           c ? /* @__PURE__ */ e(
-            w,
+            y,
             {
               "data-testid": "dropdown-selected-option",
               text: g == null ? void 0 : g.label,
-              className: r(x.selected, t == null ? void 0 : t.selected)
+              className: r(b.selected, t == null ? void 0 : t.selected)
             }
           ) : /* @__PURE__ */ e(
-            w,
+            y,
             {
               text: n,
-              className: r(x.placeholder, t == null ? void 0 : t.placeholder)
+              className: r(b.placeholder, t == null ? void 0 : t.placeholder)
             }
           ),
           /* @__PURE__ */ e(
             "div",
             {
               className: r(
-                x.dropdownIcon,
+                b.dropdownIcon,
                 h && "rotate-180 transition-transform"
               ),
               children: /* @__PURE__ */ e(_r, { className: "fill-dark-30" })
@@ -2096,21 +2096,21 @@ const _n = ({
     /* @__PURE__ */ e(
       mt,
       {
-        className: r(x.content, t == null ? void 0 : t.content),
+        className: r(b.content, t == null ? void 0 : t.content),
         align: "end",
         sideOffset: 1,
         children: o && (o == null ? void 0 : o.map((m) => /* @__PURE__ */ e(
           $t,
           {
-            className: x.items,
+            className: b.items,
             onClick: (B) => {
               B.stopPropagation(), i(m.value), p(!1);
             },
             children: /* @__PURE__ */ e(
-              y,
+              w,
               {
                 className: r(
-                  x.item,
+                  b.item,
                   c === m.value && "before:bg-dark-10",
                   c === m.value ? "font-semibold" : "font-regular"
                 ),
@@ -2181,7 +2181,7 @@ const _n = ({
       /* @__PURE__ */ u("div", { className: r(Ie.timeWrapper, o == null ? void 0 : o.timeWrapper), children: [
         /* @__PURE__ */ e("time", { className: r(Ie.time, o == null ? void 0 : o.time), children: c }),
         !!n && /* @__PURE__ */ e(
-          y,
+          w,
           {
             className: r(Ie.notification, o == null ? void 0 : o.notification),
             "data-testid": "notification",
@@ -2236,7 +2236,7 @@ const _n = ({
           }
         ),
         o && /* @__PURE__ */ e(
-          y,
+          w,
           {
             className: r(
               be.base.label,
@@ -2267,8 +2267,8 @@ const _n = ({
   }
 }, Xo = z.forwardRef(({ textareaProps: t, disabled: d, classNames: i, iconSizes: o, onIconClick: n }, c) => {
   const l = ot.base, a = ot.button, h = (t == null ? void 0 : t.status) === "danger", p = z.useRef(null), f = (g) => {
-    var x;
-    g.key === "Enter" && (g.preventDefault(), (x = p.current) == null || x.click());
+    var b;
+    g.key === "Enter" && (g.preventDefault(), (b = p.current) == null || b.click());
   };
   return /* @__PURE__ */ u("div", { className: r(ot.parent, i == null ? void 0 : i.parent), children: [
     h && /* @__PURE__ */ e(se, { className: "fill-danger-10 mb-[5px]" }),
@@ -2413,7 +2413,7 @@ const Jn = ({
             }
           )),
           i && /* @__PURE__ */ e(
-            y,
+            w,
             {
               variant: "span",
               className: r(
@@ -2559,7 +2559,7 @@ const Jn = ({
             children: d.label
           }
         ) }),
-        n && /* @__PURE__ */ e(y, { className: St.error, children: "Введите все языки" }),
+        n && /* @__PURE__ */ e(w, { className: St.error, children: "Введите все языки" }),
         /* @__PURE__ */ e(
           pe,
           {
@@ -2667,23 +2667,23 @@ const No = ({
         }
       ),
       /* @__PURE__ */ e("div", { className: r($.nav.pageBtnWrapper), children: g.map(
-        (x, b) => x === "..." ? /* @__PURE__ */ e("span", { className: r($.pageButton.base), children: "..." }, `dots-${b}`) : /* @__PURE__ */ e(
+        (b, x) => b === "..." ? /* @__PURE__ */ e("span", { className: r($.pageButton.base), children: "..." }, `dots-${x}`) : /* @__PURE__ */ e(
           O,
           {
-            onClick: () => d == null ? void 0 : d(x),
-            "aria-current": x === t ? "page" : void 0,
+            onClick: () => d == null ? void 0 : d(b),
+            "aria-current": b === t ? "page" : void 0,
             classNames: {
               base: r(
                 $.pageButton.base,
                 $.pageButton.hover,
                 $.pageButton.focus,
                 $.pageButton.pressed,
-                x === t && $.pageButton.active
+                b === t && $.pageButton.active
               )
             },
-            children: x
+            children: b
           },
-          `page-${x}`
+          `page-${b}`
         )
       ) }),
       /* @__PURE__ */ e(
@@ -2780,17 +2780,17 @@ const No = ({
   const f = ht(
     () => Gt[l] || Gt.DEFAULT,
     [l]
-  ), g = sr(f), [x, b] = A(
+  ), g = sr(f), [b, x] = A(
     () => kt(String(t), f)
   );
   ve(() => {
-    b(kt(String(t), f));
+    x(kt(String(t), f));
   }, [t, f]);
   const s = (v) => {
     const C = v.target.value.replace(/\D/g, ""), D = kt(C, f);
-    b(D), a == null || a(C);
-  }, w = ke.parent, m = ke.base, B = ke.hover, S = ke.focus, j = ke.disabled, k = c && ke.variants[c];
-  return /* @__PURE__ */ u("div", { className: r(w, h == null ? void 0 : h.parent), children: [
+    x(D), a == null || a(C);
+  }, y = ke.parent, m = ke.base, B = ke.hover, S = ke.focus, j = ke.disabled, k = c && ke.variants[c];
+  return /* @__PURE__ */ u("div", { className: r(y, h == null ? void 0 : h.parent), children: [
     /* @__PURE__ */ u("div", { className: ke.title, children: [
       !!i && /* @__PURE__ */ e(
         P,
@@ -2809,7 +2809,7 @@ const No = ({
         ref: g,
         id: d,
         onChange: s,
-        value: x,
+        value: b,
         placeholder: l === "UZ" ? "+998 (__) ___ __ __" : "Введите телефон номер",
         disabled: o,
         autoFocus: n,
@@ -2850,9 +2850,9 @@ const No = ({
     onClick: p,
     ...f
   }, g) => {
-    const [x, b] = A(o || ""), s = (v) => {
-      b(v), n == null || n(t, v);
-    }, w = f.disabled || !1, m = Ue.base, B = Ue.pressed, S = Ue.hover, j = Ue.disabled, k = Ue.content;
+    const [b, x] = A(o || ""), s = (v) => {
+      x(v), n == null || n(t, v);
+    }, y = f.disabled || !1, m = Ue.base, B = Ue.pressed, S = Ue.hover, j = Ue.disabled, k = Ue.content;
     return /* @__PURE__ */ u(
       eo,
       {
@@ -2861,19 +2861,19 @@ const No = ({
         className: r(
           m,
           B,
-          !w && S,
-          w && j,
+          !y && S,
+          y && j,
           h
         ),
         ...f,
         children: [
           /* @__PURE__ */ u("div", { className: k.header, "data-testid": "plate", children: [
             /* @__PURE__ */ e(
-              y,
+              w,
               {
                 className: r(
                   k.title,
-                  w && k.disabled
+                  y && k.disabled
                 ),
                 children: d
               }
@@ -2883,9 +2883,9 @@ const No = ({
                 wr,
                 {
                   options: l,
-                  value: x,
+                  value: b,
                   onChange: s,
-                  disabled: w
+                  disabled: y
                 }
               ),
               !!a && /* @__PURE__ */ u(ae, { children: [
@@ -2912,7 +2912,7 @@ const No = ({
             ] })
           ] }),
           /* @__PURE__ */ e("div", { className: k.flatType, children: !!c && /* @__PURE__ */ e(qe, { text: c, variant: "warning" }) }),
-          /* @__PURE__ */ e("div", { className: k.flexWrapper, children: i.map((v) => /* @__PURE__ */ u(y, { className: k.typography, children: [
+          /* @__PURE__ */ e("div", { className: k.flexWrapper, children: i.map((v) => /* @__PURE__ */ u(w, { className: k.typography, children: [
             v.label,
             ":",
             v.href ? /* @__PURE__ */ e(
@@ -2932,7 +2932,7 @@ const No = ({
               {
                 className: r(
                   k.amount,
-                  w && k.disabled
+                  y && k.disabled
                 ),
                 children: v.value
               }
@@ -2975,7 +2975,7 @@ const No = ({
         disabled: l.disabled,
         className: r(Ce.trigger, o == null ? void 0 : o.trigger),
         children: [
-          /* @__PURE__ */ u(y, { variant: "span", className: Ce.label, children: [
+          /* @__PURE__ */ u(w, { variant: "span", className: Ce.label, children: [
             (l == null ? void 0 : l.icon) && /* @__PURE__ */ e(
               l.icon,
               {
@@ -2991,7 +2991,7 @@ const No = ({
             " ",
             l.label
           ] }),
-          l.badge && /* @__PURE__ */ e(y, { variant: "span", className: Ce.badge, children: l.badge })
+          l.badge && /* @__PURE__ */ e(w, { variant: "span", className: Ce.badge, children: l.badge })
         ]
       },
       l.value
@@ -3008,12 +3008,12 @@ const No = ({
   iconInactive: "fill-dark-40/[.50]"
 }, ni = z.forwardRef(
   ({ tabs: t = [], activeTab: d, onTabChange: i, onEditTabContent: o, classNames: n }, c) => {
-    const l = _e.base, a = _e.list, h = _e.trigger, p = _e.content, f = _e.overlayBorder, g = _e.datalist, x = ({ list: b }) => /* @__PURE__ */ e(
+    const l = _e.base, a = _e.list, h = _e.trigger, p = _e.content, f = _e.overlayBorder, g = _e.datalist, b = ({ list: x }) => /* @__PURE__ */ e(
       "ul",
       {
         role: "listbox",
         className: r(g.base, n == null ? void 0 : n.datalist),
-        children: b.map((s, w) => /* @__PURE__ */ u(
+        children: x.map((s, y) => /* @__PURE__ */ u(
           "li",
           {
             className: r(g.item, n == null ? void 0 : n.dataItem),
@@ -3026,7 +3026,7 @@ const No = ({
               s.value
             ]
           },
-          w
+          y
         ))
       }
     );
@@ -3038,24 +3038,24 @@ const No = ({
         onValueChange: i,
         className: r(l, n == null ? void 0 : n.base),
         children: [
-          /* @__PURE__ */ e(pr, { className: r(a, n == null ? void 0 : n.list), children: t.map((b, s, w) => /* @__PURE__ */ u(
+          /* @__PURE__ */ e(pr, { className: r(a, n == null ? void 0 : n.list), children: t.map((x, s, y) => /* @__PURE__ */ u(
             cr,
             {
-              value: b.value,
-              disabled: b.disabled,
+              value: x.value,
+              disabled: x.disabled,
               className: r(
                 "curved-tab",
                 s === 0 && "first-tab",
-                s === w.length - 1 && "last-tab",
+                s === y.length - 1 && "last-tab",
                 h.base,
                 h.active,
                 h.hover,
-                b.disabled && h.disabled,
+                x.disabled && h.disabled,
                 n == null ? void 0 : n.trigger
               ),
               children: [
                 s + 1,
-                d === b.value && /* @__PURE__ */ e(
+                d === x.value && /* @__PURE__ */ e(
                   "div",
                   {
                     className: r(f, n == null ? void 0 : n.overlayBorder)
@@ -3063,21 +3063,21 @@ const No = ({
                 )
               ]
             },
-            b.value
+            x.value
           )) }),
-          t.map((b, s, w) => /* @__PURE__ */ u(
+          t.map((x, s, y) => /* @__PURE__ */ u(
             an,
             {
-              value: b.value,
+              value: x.value,
               className: r(
                 p.base,
                 s === 0 && "rounded-ss-none",
-                s === w.length - 1 && "rounded-se-none",
+                s === y.length - 1 && "rounded-se-none",
                 n == null ? void 0 : n.content
               ),
               children: [
                 /* @__PURE__ */ u("div", { className: p.title.wrapper, children: [
-                  /* @__PURE__ */ u(y, { className: p.title.text, children: [
+                  /* @__PURE__ */ u(w, { className: p.title.text, children: [
                     "Квартира – ",
                     s + 1
                   ] }),
@@ -3085,16 +3085,16 @@ const No = ({
                     "button",
                     {
                       className: "hover:cursor-pointer",
-                      onClick: () => o(b),
+                      onClick: () => o(x),
                       children: /* @__PURE__ */ e(Ar, { className: "fill-sidebar-10" })
                     }
                   )
                 ] }),
                 /* @__PURE__ */ u("div", { className: g.title.wrapper, children: [
-                  /* @__PURE__ */ e(y, { className: g.title.text, children: "Общая площадь:" }),
-                  /* @__PURE__ */ e(x, { list: b.content.main })
+                  /* @__PURE__ */ e(w, { className: g.title.text, children: "Общая площадь:" }),
+                  /* @__PURE__ */ e(b, { list: x.content.main })
                 ] }),
-                /* @__PURE__ */ e("div", { className: "mt-2.5", children: /* @__PURE__ */ e(x, { list: b.content.secondary }) })
+                /* @__PURE__ */ e("div", { className: "mt-2.5", children: /* @__PURE__ */ e(b, { list: x.content.secondary }) })
               ]
             },
             s
@@ -3206,7 +3206,7 @@ const No = ({
             children: /* @__PURE__ */ e(en, {})
           }
         ),
-        /* @__PURE__ */ e(y, { className: We.wrapperBlockName, children: t || "-" }),
+        /* @__PURE__ */ e(w, { className: We.wrapperBlockName, children: t || "-" }),
         /* @__PURE__ */ e(
           O,
           {
@@ -3264,16 +3264,16 @@ const No = ({
     a(t)
   ), [f, g] = A(
     h == null ? void 0 : h.getDate()
-  ), [x, b] = A(
+  ), [b, x] = A(
     h == null ? void 0 : h.getMonth()
-  ), [s, w] = A(
+  ), [s, y] = A(
     h == null ? void 0 : h.getFullYear()
   );
   ve(() => {
     const T = a(t);
-    p(T), g(T == null ? void 0 : T.getDate()), b(T == null ? void 0 : T.getMonth()), w(T == null ? void 0 : T.getFullYear());
+    p(T), g(T == null ? void 0 : T.getDate()), x(T == null ? void 0 : T.getMonth()), y(T == null ? void 0 : T.getFullYear());
   }, [t]);
-  const m = /* @__PURE__ */ new Date(), B = s ?? m.getFullYear(), S = x ?? m.getMonth(), j = ht(() => {
+  const m = /* @__PURE__ */ new Date(), B = s ?? m.getFullYear(), S = b ?? m.getMonth(), j = ht(() => {
     const T = new Date(B, S + 1, 0).getDate();
     return Array.from({ length: T }, (I, F) => {
       const V = F + 1;
@@ -3292,13 +3292,13 @@ const No = ({
       p(void 0), d(void 0);
   }, v = (T) => {
     const I = parseInt(T);
-    b(I), k(f, I, s);
+    x(I), k(f, I, s);
   }, C = (T) => {
     const I = parseInt(T);
-    w(I), k(f, x, I);
+    y(I), k(f, b, I);
   }, D = (T) => {
     const I = parseInt(T);
-    g(I), k(I, x, s);
+    g(I), k(I, b, s);
   };
   return /* @__PURE__ */ u("div", { ref: l, className: qt.root, children: [
     !!o && /* @__PURE__ */ e(P, { className: r(c == null ? void 0 : c.label), children: o }),
@@ -3331,7 +3331,7 @@ const No = ({
           },
           disabled: i,
           onChange: v,
-          value: x !== void 0 ? String(x) : "",
+          value: b !== void 0 ? String(b) : "",
           placeholder: "Месяц",
           status: n === "danger" ? "danger" : void 0
         }
@@ -3408,7 +3408,7 @@ const No = ({
             className: r(h.labelWrapper, l == null ? void 0 : l.labelWrapper),
             children: [
               !!n && d && /* @__PURE__ */ e(
-                y,
+                w,
                 {
                   className: r(
                     h.label,
@@ -3423,7 +3423,7 @@ const No = ({
                 }
               ),
               !!t && /* @__PURE__ */ e(
-                y,
+                w,
                 {
                   variant: "span",
                   className: r(
@@ -3510,7 +3510,7 @@ const No = ({
                 }
               ),
               /* @__PURE__ */ e(
-                y,
+                w,
                 {
                   "data-testid": `step-${l}-subtitle`,
                   className: r(
@@ -3521,7 +3521,7 @@ const No = ({
                 }
               ),
               /* @__PURE__ */ e(
-                y,
+                w,
                 {
                   "data-testid": `step-${l}-date`,
                   className: r(
@@ -3573,7 +3573,7 @@ const No = ({
     ),
     children: [
       !!t && t,
-      /* @__PURE__ */ e(y, { className: r(Kt.headerTitle, i == null ? void 0 : i.title), children: d })
+      /* @__PURE__ */ e(w, { className: r(Kt.headerTitle, i == null ? void 0 : i.title), children: d })
     ]
   }
 ), Kt = {
@@ -3595,15 +3595,15 @@ const No = ({
     ...f
   }, g) => {
     var S;
-    const x = dt.parent, b = dt.base, s = dt.icon, w = i || (p == null ? void 0 : p.disabled), m = !!(o || l), B = (p == null ? void 0 : p.status) === "danger";
-    return /* @__PURE__ */ u("div", { className: r(x, a == null ? void 0 : a.parent), ...f, children: [
+    const b = dt.parent, x = dt.base, s = dt.icon, y = i || (p == null ? void 0 : p.disabled), m = !!(o || l), B = (p == null ? void 0 : p.status) === "danger";
+    return /* @__PURE__ */ u("div", { className: r(b, a == null ? void 0 : a.parent), ...f, children: [
       /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
         !!d && /* @__PURE__ */ e(
           P,
           {
             htmlFor: t,
             className: r(a == null ? void 0 : a.label),
-            disabled: w,
+            disabled: y,
             children: d
           }
         ),
@@ -3613,7 +3613,7 @@ const No = ({
         "div",
         {
           className: r(
-            b,
+            x,
             m && dt.container,
             a == null ? void 0 : a.base
           ),
@@ -3624,7 +3624,7 @@ const No = ({
                 ...p,
                 ref: g,
                 id: t,
-                disabled: w,
+                disabled: y,
                 classNames: {
                   ...p == null ? void 0 : p.classNames,
                   target: r(
@@ -3640,13 +3640,13 @@ const No = ({
               {
                 role: "button",
                 type: "button",
-                disabled: w,
+                disabled: y,
                 className: r(
                   s.base,
                   c === "left" && "left-3.5",
                   c === "right" && "right-3.5",
                   h && s.clickable,
-                  w && s.disabled,
+                  y && s.disabled,
                   a == null ? void 0 : a.iconButton
                 ),
                 onClick: h,
@@ -3661,7 +3661,7 @@ const No = ({
                       height: n == null ? void 0 : n.height
                     }
                   ),
-                  l && /* @__PURE__ */ e(y, { className: r(s.text, a == null ? void 0 : a.text), children: l })
+                  l && /* @__PURE__ */ e(w, { className: r(s.text, a == null ? void 0 : a.text), children: l })
                 ]
               }
             )
@@ -3714,7 +3714,7 @@ const No = ({
     }
   ),
   !!i && /* @__PURE__ */ e(
-    y,
+    w,
     {
       "data-testid": "user-label",
       variant: "span",
@@ -3755,9 +3755,9 @@ const No = ({
       ...p,
       "data-testid": "link-root",
       to: i,
-      onClick: (x) => {
-        if (x.stopPropagation(), d) {
-          x.preventDefault();
+      onClick: (b) => {
+        if (b.stopPropagation(), d) {
+          b.preventDefault();
           return;
         }
         o && o();
@@ -3804,15 +3804,15 @@ const No = ({
     value: c
   }, l) => {
     var S;
-    const [a, h] = A(!1), f = xr(o)(c), g = oe(null), x = Ye.base, b = Ye.options, s = Ye.disabled.trigger, w = Ye.disabled.triggerText, m = (S = o.find((j) => j.value === c)) == null ? void 0 : S.status, B = ({
+    const [a, h] = A(!1), f = xr(o)(c), g = oe(null), b = Ye.base, x = Ye.options, s = Ye.disabled.trigger, y = Ye.disabled.triggerText, m = (S = o.find((j) => j.value === c)) == null ? void 0 : S.status, B = ({
       className: j,
       text: k = ""
     }) => /* @__PURE__ */ e(
-      y,
+      w,
       {
         className: r(
-          x.placeholder,
-          d && w,
+          b.placeholder,
+          d && y,
           j
         ),
         children: k
@@ -3830,9 +3830,9 @@ const No = ({
           role: "listbox",
           disabled: d,
           className: r(
-            x.trigger,
+            b.trigger,
             d && s,
-            !a && !d && x.hover,
+            !a && !d && b.hover,
             t == null ? void 0 : t.trigger,
             m && Ye.status[m]
           ),
@@ -3841,7 +3841,7 @@ const No = ({
               B,
               {
                 text: f == null ? void 0 : f.label,
-                className: r(x.selected, t == null ? void 0 : t.selected)
+                className: r(b.selected, t == null ? void 0 : t.selected)
               }
             ) : /* @__PURE__ */ e(
               B,
@@ -3853,7 +3853,7 @@ const No = ({
             /* @__PURE__ */ e("div", { className: "transition-transform duration-200", children: /* @__PURE__ */ e(
               vr,
               {
-                className: r(x.icon, a && "rotate-180"),
+                className: r(b.icon, a && "rotate-180"),
                 width: 16,
                 height: 16,
                 viewBox: "0 0 24 24"
@@ -3865,14 +3865,14 @@ const No = ({
       /* @__PURE__ */ e(
         mt,
         {
-          className: r(b.content, t == null ? void 0 : t.content),
+          className: r(x.content, t == null ? void 0 : t.content),
           style: { minWidth: "var(--radix-popper-anchor-width)" },
           ref: l,
-          children: /* @__PURE__ */ e("div", { className: r(b.wrapper), children: !!o && (o == null ? void 0 : o.map((j) => /* @__PURE__ */ e(
+          children: /* @__PURE__ */ e("div", { className: r(x.wrapper), children: !!o && (o == null ? void 0 : o.map((j) => /* @__PURE__ */ e(
             $t,
             {
               ref: c === j.value ? g : null,
-              className: r(b.items),
+              className: r(x.items),
               onClick: (k) => {
                 k.preventDefault(), k.stopPropagation(), i(j.value), h(!1);
               },
@@ -3953,9 +3953,9 @@ const Ye = {
           /* @__PURE__ */ u("div", { className: U.titleContainer, children: [
             /* @__PURE__ */ u("div", { className: U.textContainer, children: [
               /* @__PURE__ */ e("div", { className: U.circle[l] }),
-              /* @__PURE__ */ e(y, { "data-testid": "title", className: U.text, children: t })
+              /* @__PURE__ */ e(w, { "data-testid": "title", className: U.text, children: t })
             ] }),
-            /* @__PURE__ */ e(y, { "data-testid": "date-and-time", className: U.dateAndTime, children: xt(i) })
+            /* @__PURE__ */ e(w, { "data-testid": "date-and-time", className: U.dateAndTime, children: xt(i) })
           ] }),
           /* @__PURE__ */ u("div", { className: U.fileContainer, children: [
             /* @__PURE__ */ e("div", { className: U.iconContainer, children: d.type.startsWith("image/") ? /* @__PURE__ */ e(
@@ -3970,7 +3970,7 @@ const Ye = {
             ) : /* @__PURE__ */ e(rr, { "data-testid": "pdf-icon", width: 22, height: 30 }) }),
             /* @__PURE__ */ u("div", { className: "flex-grow", children: [
               /* @__PURE__ */ e(
-                y,
+                w,
                 {
                   className: r(
                     U.fileName,
@@ -3979,7 +3979,7 @@ const Ye = {
                   children: d.name
                 }
               ),
-              /* @__PURE__ */ e(y, { "data-testid": "size-file", className: U.sizeFile, children: ft(Number(d.size.toFixed(1))) })
+              /* @__PURE__ */ e(w, { "data-testid": "size-file", className: U.sizeFile, children: ft(Number(d.size.toFixed(1))) })
             ] }),
             /* @__PURE__ */ u("div", { className: U.buttonContainer, children: [
               /* @__PURE__ */ e(
@@ -4075,8 +4075,8 @@ const Ye = {
     )
   ] }),
   /* @__PURE__ */ u("div", { className: J.titleContainer.base, children: [
-    /* @__PURE__ */ e(y, { "data-testid": "title", className: J.titleContainer.title, children: t }),
-    /* @__PURE__ */ e(y, { "data-testid": "price", className: J.titleContainer.price, children: p })
+    /* @__PURE__ */ e(w, { "data-testid": "title", className: J.titleContainer.title, children: t }),
+    /* @__PURE__ */ e(w, { "data-testid": "price", className: J.titleContainer.price, children: p })
   ] }),
   /* @__PURE__ */ u("div", { className: J.buttonContainer.base, children: [
     /* @__PURE__ */ e(
@@ -4180,7 +4180,7 @@ const Ye = {
       !!l.sectionTitle && /* @__PURE__ */ e(ut, { variant: "h2", className: de.title, children: l.sectionTitle }),
       !!l.sectionSubtitle && /* @__PURE__ */ e(ut, { variant: "h3", className: de.subTitle, children: l.sectionSubtitle }),
       /* @__PURE__ */ e("ul", { className: de.items, children: (h = l.items) == null ? void 0 : h.map((p, f) => /* @__PURE__ */ u("li", { children: [
-        !!p.subtitle && /* @__PURE__ */ e(y, { "data-testid": "subtitle", className: de.item, children: p == null ? void 0 : p.subtitle }),
+        !!p.subtitle && /* @__PURE__ */ e(w, { "data-testid": "subtitle", className: de.item, children: p == null ? void 0 : p.subtitle }),
         /* @__PURE__ */ e(
           O,
           {
@@ -4216,7 +4216,7 @@ const Ye = {
   const o = Te.base, n = Te.content.wrapper, c = Te.content.title, l = Te.content.typography, a = Te.content.amount, h = Te.content.amountBold, p = d.find((g) => g.total), f = d.filter((g) => !g.total);
   return /* @__PURE__ */ u("div", { className: r(o, i == null ? void 0 : i.root), children: [
     /* @__PURE__ */ e("div", { className: n, "data-testid": "plate", children: /* @__PURE__ */ e(
-      y,
+      w,
       {
         "data-testid": "title",
         className: r(c, i == null ? void 0 : i.title),
@@ -4272,7 +4272,7 @@ const Ye = {
   classNames: i,
   ...o
 }) => /* @__PURE__ */ u(
-  y,
+  w,
   {
     "data-testid": "label",
     className: r(Zt.label, i == null ? void 0 : i.label),
@@ -4300,7 +4300,7 @@ const Ye = {
     options: f = []
   }, g) => {
     var xe;
-    const [x, b] = A(!1), [s, w] = A(a || ""), [m, B] = A(""), [S, j] = A(null), k = oe(null), v = () => {
+    const [b, x] = A(!1), [s, y] = A(a || ""), [m, B] = A(""), [S, j] = A(null), k = oe(null), v = () => {
       const M = m.trim();
       M && (S && c ? (c(M, S), j(null)) : n(M), B(""));
     }, C = (M, K) => {
@@ -4308,19 +4308,19 @@ const Ye = {
       const W = f.find((H) => H.value === M);
       W && B(W.label);
     }, D = (M, K) => {
-      K.stopPropagation(), o(M), s === M && w("");
+      K.stopPropagation(), o(M), s === M && y("");
     }, T = () => {
       B(""), j(null);
     }, I = () => {
-      b(!1), T();
+      x(!1), T();
     }, F = () => {
-      i(s), b(!1), T();
+      i(s), x(!1), T();
     }, V = (M) => {
-      b(M), M || T();
+      x(M), M || T();
     }, ie = a ? ((xe = f.find((M) => M.value === a)) == null ? void 0 : xe.label) || a : "", ce = ie ? E.base.selected : E.base.placeholder;
     return /* @__PURE__ */ u("div", { className: E.container, children: [
       h && /* @__PURE__ */ e(P, { htmlFor: "select-list", disabled: d, children: h }),
-      /* @__PURE__ */ u(ae, { open: x, onOpenChange: V, children: [
+      /* @__PURE__ */ u(ae, { open: b, onOpenChange: V, children: [
         /* @__PURE__ */ u(
           le,
           {
@@ -4329,13 +4329,13 @@ const Ye = {
             className: r(
               E.base.trigger,
               d && E.disabled.trigger,
-              x && E.base.focus,
-              !x && !d && E.base.hover,
+              b && E.base.focus,
+              !b && !d && E.base.hover,
               t == null ? void 0 : t.trigger
             ),
             children: [
               /* @__PURE__ */ e(
-                y,
+                w,
                 {
                   className: r(
                     E.base.text,
@@ -4355,7 +4355,7 @@ const Ye = {
                   className: r(
                     E.base.icon,
                     d && E.base.iconDisabled,
-                    x && "-rotate-180"
+                    b && "-rotate-180"
                   )
                 }
               )
@@ -4370,7 +4370,7 @@ const Ye = {
             style: { minWidth: "var(--radix-popper-anchor-width)" },
             ref: g,
             children: [
-              p && /* @__PURE__ */ e(y, { className: r(E.options.label), children: p }),
+              p && /* @__PURE__ */ e(w, { className: r(E.options.label), children: p }),
               /* @__PURE__ */ e(
                 zt,
                 {
@@ -4397,11 +4397,11 @@ const Ye = {
                       K && "opacity-50"
                     ),
                     onClick: (H) => {
-                      H.stopPropagation(), H.preventDefault(), K || w(M.value);
+                      H.stopPropagation(), H.preventDefault(), K || y(M.value);
                     },
                     children: [
                       /* @__PURE__ */ u(
-                        y,
+                        w,
                         {
                           className: r(
                             E.options.itemsText,
@@ -4549,7 +4549,7 @@ const E = {
         }
       ),
       !!o && /* @__PURE__ */ e(
-        y,
+        w,
         {
           className: r(
             Ae.base.label,
@@ -4636,7 +4636,7 @@ const E = {
                         }
                       ),
                       /* @__PURE__ */ e(
-                        y,
+                        w,
                         {
                           className: r(
                             "transition-colors",
@@ -4663,7 +4663,7 @@ const E = {
           f.value
         )) }),
         /* @__PURE__ */ e("div", { className: r(Ee.actions, n == null ? void 0 : n.actions), children: a == null ? void 0 : a.map((f) => {
-          var g, x;
+          var g, b;
           return /* @__PURE__ */ e(
             Mt,
             {
@@ -4672,7 +4672,7 @@ const E = {
               variant: "text",
               classNames: {
                 icon: r("fill-dark-40/[.80]", (g = f.classNames) == null ? void 0 : g.icon),
-                button: r("p-0", (x = f.classNames) == null ? void 0 : x.button)
+                button: r("p-0", (b = f.classNames) == null ? void 0 : b.button)
               },
               iconSizes: f.iconSizes ?? {
                 width: 20,
@@ -4747,11 +4747,12 @@ const E = {
   onSelectedMessage: a,
   visibleSelections: h,
   classNames: p,
-  onMessageAction: f
+  onMessageAction: f,
+  mediaContent: g
 }) => {
-  const g = t === d;
+  const b = t === d;
   return /* @__PURE__ */ u("div", { className: r(at.root, p == null ? void 0 : p.root), children: [
-    c && !g && /* @__PURE__ */ e(
+    c && !b && /* @__PURE__ */ e(
       nr,
       {
         imageSrc: n == null ? void 0 : n.url,
@@ -4763,9 +4764,9 @@ const E = {
       "ul",
       {
         role: "list",
-        className: r(at.list, g && "items-end", p == null ? void 0 : p.list),
-        children: o.map((x, b, s) => {
-          const w = (x == null ? void 0 : x.id) && (l == null ? void 0 : l.includes(x.id));
+        className: r(at.list, b && "items-end", p == null ? void 0 : p.list),
+        children: o.map((x, s, y) => {
+          const m = (x == null ? void 0 : x.id) && (l == null ? void 0 : l.includes(x.id));
           return /* @__PURE__ */ u(
             "li",
             {
@@ -4775,8 +4776,8 @@ const E = {
                 /* @__PURE__ */ e(
                   co,
                   {
-                    isMine: g,
-                    trigger: /* @__PURE__ */ e(
+                    isMine: b,
+                    trigger: (g == null ? void 0 : g(x, b)) ?? /* @__PURE__ */ e(
                       Cr,
                       {
                         id: x.id,
@@ -4785,13 +4786,13 @@ const E = {
                         reply: x.reply,
                         senderName: c ? i : "",
                         status: x.status,
-                        isMine: g,
-                        firstMessage: !g && c ? b === 0 : !1,
-                        lastMessage: !g && c ? b === s.length - 1 : !0,
+                        isMine: b,
+                        firstMessage: !b && c ? s === 0 : !1,
+                        lastMessage: !b && c ? s === y.length - 1 : !0,
                         onClick: () => a == null ? void 0 : a(x == null ? void 0 : x.id)
                       }
                     ),
-                    onClick: (m) => f(m, {
+                    onClick: (B) => f(B, {
                       messageId: x.id,
                       messageText: x.text,
                       senderName: i
@@ -4804,14 +4805,14 @@ const E = {
                     "data-testid": "select-icon",
                     className: r(
                       at.selection,
-                      w && "bg-sidebar-20"
+                      m && "bg-sidebar-20"
                     ),
                     onClick: () => a == null ? void 0 : a(x == null ? void 0 : x.id),
                     children: /* @__PURE__ */ e(
                       $e,
                       {
                         className: r(
-                          w ? "fill-sidebar-10" : "fill-transparent"
+                          m ? "fill-sidebar-10" : "fill-transparent"
                         ),
                         width: 24,
                         height: 24,
@@ -4970,17 +4971,17 @@ const E = {
   onClick: d,
   isMine: i = !1
 }) => {
-  const [o, n] = A(!1), c = (x) => {
-    x.preventDefault(), n(!0);
-  }, l = (x) => {
-    d(x), n(!1);
-  }, { icon: a, base: h } = It.button.normal, { icon: p, base: f } = It.button.danger, g = i ? Xt : Xt.filter((x) => x.id !== "edit");
+  const [o, n] = A(!1), c = (b) => {
+    b.preventDefault(), n(!0);
+  }, l = (b) => {
+    d(b), n(!1);
+  }, { icon: a, base: h } = It.button.normal, { icon: p, base: f } = It.button.danger, g = i ? Xt : Xt.filter((b) => b.id !== "edit");
   return /* @__PURE__ */ u(ae, { open: o, onOpenChange: n, children: [
     /* @__PURE__ */ e(le, { asChild: !0, className: "cursor-pointer", children: /* @__PURE__ */ e(
       "div",
       {
         onContextMenu: c,
-        onClick: (x) => x.preventDefault(),
+        onClick: (b) => b.preventDefault(),
         children: t
       }
     ) }),
@@ -4991,22 +4992,22 @@ const E = {
         sideOffset: 4,
         side: "top",
         className: It.wrapper,
-        children: g.map(({ id: x, icon: b, iconSizes: s, isDanger: w, text: m }) => /* @__PURE__ */ e(
+        children: g.map(({ id: b, icon: x, iconSizes: s, isDanger: y, text: m }) => /* @__PURE__ */ e(
           O,
           {
             "data-testid": "action",
             variant: "text",
             iconPosition: "left",
-            icon: b,
+            icon: x,
             iconDimensions: s,
-            onClick: () => l(x),
+            onClick: () => l(b),
             classNames: {
-              icon: w ? p : a,
-              base: w ? f : h
+              icon: y ? p : a,
+              base: y ? f : h
             },
             children: m
           },
-          x
+          b
         ))
       }
     )
@@ -5048,8 +5049,8 @@ const E = {
   onEdit: l,
   onDelete: a
 }) => {
-  const [h, p] = A(!1), f = t == null ? void 0 : t.find((x) => x.id === d), g = (x, b) => {
-    x.stopPropagation(), n(b), p(!1);
+  const [h, p] = A(!1), f = t == null ? void 0 : t.find((b) => b.id === d), g = (b, x) => {
+    b.stopPropagation(), n(x), p(!1);
   };
   return /* @__PURE__ */ e("div", { className: "min-w-[170px]", children: /* @__PURE__ */ u(ae, { open: h, onOpenChange: p, children: [
     /* @__PURE__ */ u(
@@ -5069,16 +5070,16 @@ const E = {
       }
     ),
     /* @__PURE__ */ u(pe, { className: he.content, children: [
-      /* @__PURE__ */ e("ul", { role: "list", className: he.list, children: t == null ? void 0 : t.map(({ name: x, id: b }) => /* @__PURE__ */ u("li", { role: "listitem", className: he.item, children: [
+      /* @__PURE__ */ e("ul", { role: "list", className: he.list, children: t == null ? void 0 : t.map(({ name: b, id: x }) => /* @__PURE__ */ u("li", { role: "listitem", className: he.item, children: [
         /* @__PURE__ */ e(
-          y,
+          w,
           {
             className: r(
               he.name,
-              d === b && "before:bg-dark-10"
+              d === x && "before:bg-dark-10"
             ),
-            onClick: (s) => g(s, b),
-            children: x.ru
+            onClick: (s) => g(s, x),
+            children: b.ru
           }
         ),
         /* @__PURE__ */ u("div", { className: he.actions, children: [
@@ -5089,7 +5090,7 @@ const E = {
               variant: "text",
               classNames: { base: "p-0" },
               onClick: (s) => {
-                s.stopPropagation(), l(b);
+                s.stopPropagation(), l(x);
               },
               children: /* @__PURE__ */ e(
                 Rt,
@@ -5109,7 +5110,7 @@ const E = {
               variant: "text",
               classNames: { base: "p-0" },
               onClick: (s) => {
-                s.stopPropagation(), a(b);
+                s.stopPropagation(), a(x);
               },
               children: /* @__PURE__ */ e(
                 Le,
@@ -5123,7 +5124,7 @@ const E = {
             }
           )
         ] })
-      ] }, b)) }),
+      ] }, x)) }),
       /* @__PURE__ */ e(
         O,
         {
@@ -5199,7 +5200,7 @@ const E = {
         }
       },
       formatter: (p) => {
-        const f = h.find((x) => x.name === p), g = (f == null ? void 0 : f.value) ?? 0;
+        const f = h.find((b) => b.name === p), g = (f == null ? void 0 : f.value) ?? 0;
         return `{name|${p}}: {value|${g}}`;
       }
     },
@@ -5226,7 +5227,7 @@ const E = {
     classNames: l,
     ...a
   }, h) => {
-    var g, x;
+    var g, b;
     const p = [
       { value: n.rented, name: "Сдано в аренду" },
       { value: n.sold, name: "Продано" },
@@ -5260,9 +5261,9 @@ const E = {
               }
             )
           ] }),
-          /* @__PURE__ */ e(y, { className: r(Z.totalText, l == null ? void 0 : l.totalText), children: "Общее количество" }),
+          /* @__PURE__ */ e(w, { className: r(Z.totalText, l == null ? void 0 : l.totalText), children: "Общее количество" }),
           /* @__PURE__ */ u("div", { className: r(Z.block, l == null ? void 0 : l.block), children: [
-            /* @__PURE__ */ e(y, { className: r(Z.total, l == null ? void 0 : l.total), children: n.total }),
+            /* @__PURE__ */ e(w, { className: r(Z.total, l == null ? void 0 : l.total), children: n.total }),
             !!n.growth && /* @__PURE__ */ u("div", { className: r(Z.badge, l == null ? void 0 : l.badge), children: [
               /* @__PURE__ */ e(
                 _t,
@@ -5274,7 +5275,7 @@ const E = {
                 }
               ),
               /* @__PURE__ */ u(
-                y,
+                w,
                 {
                   variant: "span",
                   className: r(Z.percent, l == null ? void 0 : l.percent),
@@ -5298,10 +5299,10 @@ const E = {
             /* @__PURE__ */ e(
               "div",
               {
-                className: r(Z.progress.line, (x = l == null ? void 0 : l.progress) == null ? void 0 : x.line)
+                className: r(Z.progress.line, (b = l == null ? void 0 : l.progress) == null ? void 0 : b.line)
               }
             ),
-            p.map(({ name: b, value: s }, w) => {
+            p.map(({ name: x, value: s }, y) => {
               var m, B, S;
               return /* @__PURE__ */ u(
                 "div",
@@ -5309,13 +5310,13 @@ const E = {
                   className: r(Z.progress.row, (m = l == null ? void 0 : l.progress) == null ? void 0 : m.row),
                   children: [
                     /* @__PURE__ */ e(
-                      y,
+                      w,
                       {
                         className: r(
                           Z.progress.name,
                           (B = l == null ? void 0 : l.progress) == null ? void 0 : B.name
                         ),
-                        children: b
+                        children: x
                       }
                     ),
                     /* @__PURE__ */ e(
@@ -5323,7 +5324,7 @@ const E = {
                       {
                         value: s,
                         total: n.total,
-                        color: c[w],
+                        color: c[y],
                         classNames: {
                           bar: Z.progress.bar,
                           indicator: Z.progress.indicator
@@ -5331,7 +5332,7 @@ const E = {
                       }
                     ),
                     /* @__PURE__ */ e(
-                      y,
+                      w,
                       {
                         className: r(
                           Z.progress.value,
@@ -5342,7 +5343,7 @@ const E = {
                     )
                   ]
                 },
-                b
+                x
               );
             })
           ] })
@@ -5422,7 +5423,7 @@ const E = {
       allWhite: h = !1,
       arrowDown: p = !1,
       icon: f = null
-    } = o ?? {}, g = h ? "#ffffff" : a, x = i === "payment" ? $r(t.total) : t.total, b = xo(i), s = bo(i, g);
+    } = o ?? {}, g = h ? "#ffffff" : a, b = i === "payment" ? $r(t.total) : t.total, x = xo(i), s = bo(i, g);
     return /* @__PURE__ */ u(
       "div",
       {
@@ -5432,7 +5433,7 @@ const E = {
         ...c,
         children: [
           /* @__PURE__ */ e(
-            y,
+            w,
             {
               className: r(
                 fe.title,
@@ -5444,17 +5445,17 @@ const E = {
           ),
           /* @__PURE__ */ u("div", { className: r(fe.totalBlock, n == null ? void 0 : n.totalBlock), children: [
             /* @__PURE__ */ e(
-              y,
+              w,
               {
                 className: r(
                   fe.total,
                   n == null ? void 0 : n.total,
                   h && "text-sidebar-10"
                 ),
-                children: x
+                children: b
               }
             ),
-            i === "payment" && /* @__PURE__ */ e(y, { className: fe.payment, children: "Сум" }),
+            i === "payment" && /* @__PURE__ */ e(w, { className: fe.payment, children: "Сум" }),
             !!t.growth && i === "count" && /* @__PURE__ */ u("div", { className: r(fe.badge, n == null ? void 0 : n.badge), children: [
               /* @__PURE__ */ e(
                 _t,
@@ -5465,7 +5466,7 @@ const E = {
                   viewBox: "0 0 16 16"
                 }
               ),
-              /* @__PURE__ */ u(y, { variant: "span", className: fe.percent, children: [
+              /* @__PURE__ */ u(w, { variant: "span", className: fe.percent, children: [
                 t.growth,
                 "%"
               ] })
@@ -5489,7 +5490,7 @@ const E = {
                     className: r(p && "rotate-180")
                   }
                 ),
-                /* @__PURE__ */ u(y, { variant: "span", children: [
+                /* @__PURE__ */ u(w, { variant: "span", children: [
                   t.growth,
                   "%"
                 ] })
@@ -5497,13 +5498,13 @@ const E = {
             }
           ),
           i === "stat" && /* @__PURE__ */ e("div", { className: r(fe.icon, n == null ? void 0 : n.icon), children: f }),
-          b && /* @__PURE__ */ e(
+          x && /* @__PURE__ */ e(
             wt,
             {
               echarts: yt,
               option: s,
               style: {
-                ...b,
+                ...x,
                 position: "absolute",
                 right: i === "bid" ? -60 : -40,
                 bottom: i === "bid" ? -5 : 0
@@ -5700,7 +5701,7 @@ const E = {
           )
         ] }, c);
       }) }),
-      /* @__PURE__ */ e(y, { variant: "span", className: r(ge.rating, d == null ? void 0 : d.rating), children: String(t).replace(".", ",") })
+      /* @__PURE__ */ e(w, { variant: "span", className: r(ge.rating, d == null ? void 0 : d.rating), children: String(t).replace(".", ",") })
     ]
   }
 ), ge = {
@@ -5788,8 +5789,8 @@ const E = {
           ] }),
           /* @__PURE__ */ u("div", { className: r(ne.info, n == null ? void 0 : n.info), children: [
             /* @__PURE__ */ u("div", { className: r(ne.block, n == null ? void 0 : n.block), children: [
-              /* @__PURE__ */ e(y, { className: r(ne.totalText, n == null ? void 0 : n.totalText), children: "Общее количество" }),
-              /* @__PURE__ */ e(y, { className: r(ne.total, n == null ? void 0 : n.total), children: i.total })
+              /* @__PURE__ */ e(w, { className: r(ne.totalText, n == null ? void 0 : n.totalText), children: "Общее количество" }),
+              /* @__PURE__ */ e(w, { className: r(ne.total, n == null ? void 0 : n.total), children: i.total })
             ] }),
             /* @__PURE__ */ e("div", { className: r(ne.legend.root, (h = n == null ? void 0 : n.legend) == null ? void 0 : h.root), children: a.map((p, f) => {
               var g;
@@ -5893,22 +5894,22 @@ const E = {
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: r(Me.bar.block, (f = l == null ? void 0 : l.bar) == null ? void 0 : f.block), children: p.map(({ label: g, value: x, color: b }, s) => {
-            var w;
+          /* @__PURE__ */ e("div", { className: r(Me.bar.block, (f = l == null ? void 0 : l.bar) == null ? void 0 : f.block), children: p.map(({ label: g, value: b, color: x }, s) => {
+            var y;
             return /* @__PURE__ */ u("div", { children: [
-              /* @__PURE__ */ u("div", { className: r(Me.bar.text, (w = l == null ? void 0 : l.bar) == null ? void 0 : w.text), children: [
-                /* @__PURE__ */ e(y, { children: g }),
-                /* @__PURE__ */ u(y, { className: r(s === 2 && "text-danger-10"), children: [
-                  x,
+              /* @__PURE__ */ u("div", { className: r(Me.bar.text, (y = l == null ? void 0 : l.bar) == null ? void 0 : y.text), children: [
+                /* @__PURE__ */ e(w, { children: g }),
+                /* @__PURE__ */ u(w, { className: r(s === 2 && "text-danger-10"), children: [
+                  b,
                   " сум"
                 ] })
               ] }),
               /* @__PURE__ */ e(
                 kr,
                 {
-                  value: x,
+                  value: b,
                   total: c,
-                  color: b,
+                  color: x,
                   classNames: { bar: `${s === 0 && "h-9"}` }
                 }
               )
@@ -5967,17 +5968,17 @@ const E = {
     searchValue: p,
     onSearchChange: f,
     searchPlaceholder: g = "Search...",
-    emptyMessage: x = "Нет данных",
-    container: b,
+    emptyMessage: b = "Нет данных",
+    container: x,
     disablePortal: s = !1,
-    onDebouncedSearch: w,
+    onDebouncedSearch: y,
     debounceDelay: m = 300
   }, B) => {
     var K;
     const [S, j] = A(!1), [k, v] = A(-1), C = fr(p, m);
     ve(() => {
-      w == null || w(C);
-    }, [C, w]);
+      y == null || y(C);
+    }, [C, y]);
     const D = oe(""), T = oe(null), I = oe(null);
     Nt(
       B,
@@ -6065,7 +6066,7 @@ const E = {
             ),
             children: [
               /* @__PURE__ */ e("div", { className: R.base.textWrapper, children: /* @__PURE__ */ e(
-                y,
+                w,
                 {
                   className: r(
                     R.base.placeholder,
@@ -6101,7 +6102,7 @@ const E = {
             className: r("p-1", t == null ? void 0 : t.content),
             style: { minWidth: "var(--radix-popper-anchor-width)" },
             onOpenAutoFocus: M,
-            container: b,
+            container: x,
             disablePortal: s,
             children: [
               /* @__PURE__ */ u("div", { className: R.search.wrapper, children: [
@@ -6146,7 +6147,7 @@ const E = {
                       tt.preventDefault(), tt.stopPropagation(), ce(W.value);
                     },
                     onMouseEnter: () => v(H),
-                    children: /* @__PURE__ */ e(y, { className: R.options.itemsText, children: W.label })
+                    children: /* @__PURE__ */ e(w, { className: R.options.itemsText, children: W.label })
                   },
                   W.value
                 )) : !h && /* @__PURE__ */ e(
@@ -6156,7 +6157,7 @@ const E = {
                       R.options.items,
                       "cursor-default"
                     ),
-                    children: /* @__PURE__ */ e(y, { className: R.options.itemsText, children: x })
+                    children: /* @__PURE__ */ e(w, { className: R.options.itemsText, children: b })
                   }
                 )
               ] })
@@ -6227,9 +6228,9 @@ const E = {
           }
         ) }),
         /* @__PURE__ */ u("div", { className: r(Oe.content, n == null ? void 0 : n.content), children: [
-          /* @__PURE__ */ e(y, { "data-testid": "file-name", className: Oe.name, children: t }),
-          /* @__PURE__ */ e(y, { "data-testid": "file-size", className: Oe.size, children: ft(d) }),
-          /* @__PURE__ */ e(y, { "data-testid": "file-date", className: Oe.dateAndTime, children: xt(i) })
+          /* @__PURE__ */ e(w, { "data-testid": "file-name", className: Oe.name, children: t }),
+          /* @__PURE__ */ e(w, { "data-testid": "file-size", className: Oe.size, children: ft(d) }),
+          /* @__PURE__ */ e(w, { "data-testid": "file-date", className: Oe.dateAndTime, children: xt(i) })
         ] })
       ]
     }
@@ -6256,7 +6257,7 @@ const E = {
     classNames: p,
     ...f
   }, g) => {
-    const x = Ve.base, b = Ve.wrapper, s = Ve.sender, w = Ve.message, m = Ve.timestamp;
+    const b = Ve.base, x = Ve.wrapper, s = Ve.sender, y = Ve.message, m = Ve.timestamp;
     return /* @__PURE__ */ u(
       "div",
       {
@@ -6264,7 +6265,7 @@ const E = {
         id: t,
         "data-testid": "message",
         className: r(
-          x,
+          b,
           l && "bg-primary-10/[.15] border-dark-40/[.25]",
           a && !l && "bg-dark-40/[.25]",
           a && l && "bg-primary-10/[.55]",
@@ -6272,7 +6273,7 @@ const E = {
         ),
         ...f,
         children: [
-          /* @__PURE__ */ u("div", { className: r(b.above), children: [
+          /* @__PURE__ */ u("div", { className: r(x.above), children: [
             !l && h && !!o && /* @__PURE__ */ e(
               "div",
               {
@@ -6293,12 +6294,12 @@ const E = {
               "span",
               {
                 "data-testid": "message-text",
-                className: r(w, p == null ? void 0 : p.message),
+                className: r(y, p == null ? void 0 : p.message),
                 children: d
               }
             )
           ] }),
-          /* @__PURE__ */ u("div", { className: b.below, children: [
+          /* @__PURE__ */ u("div", { className: x.below, children: [
             !!i && /* @__PURE__ */ e(
               "span",
               {
@@ -6375,7 +6376,7 @@ const Ve = {
       ) }),
       /* @__PURE__ */ u("div", { className: r(Be.content, a == null ? void 0 : a.content), children: [
         /* @__PURE__ */ e(
-          y,
+          w,
           {
             "data-testid": "document-title",
             className: r(Be.title, a == null ? void 0 : a.title),
@@ -6383,7 +6384,7 @@ const Ve = {
           }
         ),
         /* @__PURE__ */ e(
-          y,
+          w,
           {
             "data-testid": "document-size",
             className: r(Be.size, a == null ? void 0 : a.size),
@@ -6391,7 +6392,7 @@ const Ve = {
           }
         ),
         /* @__PURE__ */ e(
-          y,
+          w,
           {
             "data-testid": "document-date",
             className: r(Be.dateAndTime, a == null ? void 0 : a.dateTime),
@@ -6624,7 +6625,7 @@ const Ve = {
   onClick: h,
   classNames: p
 }) => {
-  const f = oe(null), [g, x] = A(!1), [b, s] = A(d), [w, m] = A(0), B = ht(() => Array.from(
+  const f = oe(null), [g, b] = A(!1), [x, s] = A(d), [y, m] = A(0), B = ht(() => Array.from(
     { length: 40 },
     (D, T) => ((T * 7 + 13) * 17 + 31) % 97 / 97 * 0.8 + 0.2
   ), []), S = nt((C) => {
@@ -6636,14 +6637,14 @@ const Ve = {
   }, []), j = nt((C) => {
     C.stopPropagation();
     const D = f.current;
-    D && (D.paused ? (D.play(), x(!0)) : (D.pause(), x(!1)));
+    D && (D.paused ? (D.play(), b(!0)) : (D.pause(), b(!1)));
   }, []), k = nt(() => {
     const C = f.current;
     if (!C) return;
     const D = Math.floor(C.currentTime / 60).toString().padStart(2, "0"), T = Math.floor(C.currentTime % 60).toString().padStart(2, "0");
     s(`${D}:${T}`), m(C.duration ? C.currentTime / C.duration * 100 : 0);
   }, []), v = nt(() => {
-    x(!1), s(d), m(0);
+    b(!1), s(d), m(0);
   }, [d]);
   return /* @__PURE__ */ u(
     "div",
@@ -6686,7 +6687,7 @@ const Ve = {
               className: r(te.waveform, p == null ? void 0 : p.waveform),
               onClick: S,
               role: "slider",
-              "aria-valuenow": w,
+              "aria-valuenow": y,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
@@ -6696,7 +6697,7 @@ const Ve = {
                   className: "w-[2px] shrink-0 rounded-full",
                   style: {
                     height: `${C * 100}%`,
-                    backgroundColor: D / B.length * 100 <= w ? a : l
+                    backgroundColor: D / B.length * 100 <= y ? a : l
                   }
                 },
                 D
@@ -6710,7 +6711,7 @@ const Ve = {
                 {
                   "data-testid": "audio-card-duration",
                   className: r(te.duration, p == null ? void 0 : p.duration),
-                  children: b
+                  children: x
                 }
               ),
               /* @__PURE__ */ e(