@namuna-nur/ui-kit 1.3.3 → 1.3.4

package/lib/shared/TabList.tokens.js

@@ -1,6 +1,6 @@
-import { u as Hn, p as a, y as Gr, x as Jt, U as Dn, P as _e, z as Ln, v as Gn, J as Wr, q as Nr, _ as kr, a1 as Mr, C as Ht, e as w, L as ae, a2 as be, a3 as Ee, a4 as Re, B as T, a5 as ht, a6 as vt, a7 as qt, A as Wn, k as Pe, a8 as Zt, f as Nn, R as kn, S as ft, h as Kr, H as gt, a as Yr, a9 as Mn, I as Kn, M as Jr, aa as Zr, T as _r } from "./Avatar.tokens.js";
+import { u as Hn, p as a, y as Gr, x as Jt, U as Dn, P as _e, z as Ln, v as Gn, J as Wr, q as Nr, _ as kr, a1 as Mr, C as Ht, e as w, L as ae, a2 as be, a3 as Ee, a4 as Re, B as F, a5 as ht, a6 as vt, a7 as qt, A as Wn, k as Pe, a8 as Zt, f as Nn, R as kn, S as ft, h as Kr, H as gt, a as Yr, a9 as Mn, I as Kn, M as Jr, aa as Zr, T as _r } from "./Avatar.tokens.js";
 import * as A from "react";
-import _, { useRef as he, forwardRef as ve, useState as N, useImperativeHandle as $r, useEffect as xt, Fragment as eo, useMemo as Yn } from "react";
+import _, { useRef as he, forwardRef as ve, useState as k, useImperativeHandle as $r, useEffect as xt, Fragment as eo, useMemo as Yn } from "react";
 import { a as f, f as Jn } from "./twMerge.js";
 import { Link as Zn, useSearchParams as _t, NavLink as mt, useNavigate as to } from "react-router-dom";
 import { u as $t } from "./useOption.js";
@@ -189,8 +189,8 @@ var [ar, Jo] = bt(qe), [lr, Zo] = bt(
       var y;
       if (!ko.includes(g.key)) return;
       const v = g.target, q = s().filter((z) => {
-        var F;
-        return !((F = z.ref.current) != null && F.disabled);
+        var S;
+        return !((S = z.ref.current) != null && S.disabled);
       }), m = q.findIndex((z) => z.ref.current === v), V = q.length;
       if (m === -1) return;
       g.preventDefault();
@@ -1337,8 +1337,8 @@ const Bi = {
             var C, I;
             const j = r.options.columnResizeDirection === "rtl" ? -1 : 1, P = (E - ((C = x == null ? void 0 : x.startOffset) != null ? C : 0)) * j, y = Math.max(P / ((I = x == null ? void 0 : x.startSize) != null ? I : 0), -0.999999);
             return x.columnSizingStart.forEach((z) => {
-              let [F, B] = z;
-              s[F] = Math.round(Math.max(B + B * y, 0) * 100) / 100;
+              let [S, B] = z;
+              s[S] = Math.round(Math.max(B + B * y, 0) * 100) / 100;
             }), {
               ...x,
               deltaOffset: P,
@@ -2523,7 +2523,7 @@ const ua = ({
     setSelectedItems: l,
     classNames: d
   }, u) => {
-    const [s, c] = N(""), [p, h] = N(!1), g = he(null);
+    const [s, c] = k(""), [p, h] = k(!1), g = he(null);
     $r(u, () => ({
       open: () => h(!0),
       close: () => h(!1),
@@ -2563,7 +2563,7 @@ const ua = ({
         ae,
         {
           disabled: n,
-          className: f(W.label, d == null ? void 0 : d.label),
+          className: f(N.label, d == null ? void 0 : d.label),
           children: e
         }
       ),
@@ -2583,31 +2583,31 @@ const ua = ({
                 disabled: n,
                 "data-testid": "dropdown-trigger",
                 className: f(
-                  W.trigger,
+                  N.trigger,
                   {
-                    [W.hoverTrigger]: !n,
-                    [W.focusTrigger]: p || i.length > 0,
+                    [N.hoverTrigger]: !n,
+                    [N.focusTrigger]: p || i.length > 0,
                     "pl-1.5 pr-3.5 py-[5px]": i.length > 0,
-                    [W.disabled.trigger]: n
+                    [N.disabled.trigger]: n
                   },
                   d == null ? void 0 : d.trigger
                 ),
-                children: /* @__PURE__ */ a.jsxs("div", { className: W.selectedItems, children: [
+                children: /* @__PURE__ */ a.jsxs("div", { className: N.selectedItems, children: [
                   i.length === 0 && /* @__PURE__ */ a.jsx(
                     w,
                     {
                       className: f(
-                        W.text,
-                        n && W.disabled.text
+                        N.text,
+                        n && N.disabled.text
                       ),
                       children: t
                     }
                   ),
-                  i.map((x) => /* @__PURE__ */ a.jsxs("div", { className: W.selectedItem, children: [
+                  i.map((x) => /* @__PURE__ */ a.jsxs("div", { className: N.selectedItem, children: [
                     /* @__PURE__ */ a.jsx(
                       w,
                       {
-                        className: W.selectedItemText,
+                        className: N.selectedItemText,
                         variant: "p",
                         children: x.label
                       }
@@ -2621,7 +2621,7 @@ const ua = ({
                         children: /* @__PURE__ */ a.jsx(
                           en,
                           {
-                            className: W.closeIcon,
+                            className: N.closeIcon,
                             width: 12,
                             height: 12,
                             viewBox: "0 0 20 20"
@@ -2637,7 +2637,7 @@ const ua = ({
                       height: 20,
                       viewBox: "0 0 20 20",
                       className: f(
-                        W.arrowIcon,
+                        N.arrowIcon,
                         p && "-rotate-180"
                       )
                     }
@@ -2649,10 +2649,10 @@ const ua = ({
               Re,
               {
                 style: { minWidth: "var(--radix-popper-anchor-width)" },
-                className: f(W.options),
+                className: f(N.options),
                 children: [
                   /* @__PURE__ */ a.jsx(w, { className: "text-dark-40 font-mono mb-[18px] font-medium", children: e }),
-                  o && /* @__PURE__ */ a.jsxs("div", { className: W.wrapperInput, children: [
+                  o && /* @__PURE__ */ a.jsxs("div", { className: N.wrapperInput, children: [
                     /* @__PURE__ */ a.jsx(
                       "input",
                       {
@@ -2660,7 +2660,7 @@ const ua = ({
                         onChange: m,
                         value: s,
                         autoFocus: !0,
-                        className: W.input,
+                        className: N.input,
                         placeholder: "Тип договора"
                       }
                     ),
@@ -2670,7 +2670,7 @@ const ua = ({
                         width: 20,
                         height: 20,
                         viewBox: "0 0 21 21",
-                        className: W.plusIcon,
+                        className: N.plusIcon,
                         onClick: V
                       }
                     )
@@ -2683,33 +2683,33 @@ const ua = ({
                       checked: i.some((j) => j.id === x.id),
                       onChange: () => v(x.id),
                       className: f(
-                        W.option,
+                        N.option,
                         I.length - 1 !== C && "mb-2.5"
                       ),
                       label: x.label
                     },
                     x.id
-                  )) : /* @__PURE__ */ a.jsx("div", { className: W.noItemsFound, children: "No items found" }),
-                  /* @__PURE__ */ a.jsxs("div", { className: W.buttons, children: [
+                  )) : /* @__PURE__ */ a.jsx("div", { className: N.noItemsFound, children: "No items found" }),
+                  /* @__PURE__ */ a.jsxs("div", { className: N.buttons, children: [
                     /* @__PURE__ */ a.jsx(
-                      T,
+                      F,
                       {
                         variant: "secondary",
                         className: f(
-                          W.button.base,
-                          W.button.cancel
+                          N.button.base,
+                          N.button.cancel
                         ),
                         onClick: () => h(!1),
                         children: "Отмена"
                       }
                     ),
                     /* @__PURE__ */ a.jsx(
-                      T,
+                      F,
                       {
                         variant: "primary",
                         className: f(
-                          W.button.base,
-                          W.button.save
+                          N.button.base,
+                          N.button.save
                         ),
                         isShadow: !0,
                         onClick: () => h(!1),
@@ -2725,7 +2725,7 @@ const ua = ({
       )
     ] });
   }
-), W = {
+), N = {
   trigger: "w-full bg-gray-50 z-10 rounded-[10px] border border-gray-50 px-3.5 py-3",
   label: "text-xs text-dark-50 font-mono leading-none mb-[7px] font-semibold",
   text: "text-dark-40/[.5] font-mono text-sm leading-none",
@@ -2770,11 +2770,11 @@ const ua = ({
     classNames: g,
     ...v
   }, q) => {
-    const [m, V] = N(o ?? []), [E, x] = N(i ?? []), [C, I] = N(!1), [j, P] = N(!1), y = no(e, d);
+    const [m, V] = k(o ?? []), [E, x] = k(i ?? []), [C, I] = k(!1), [j, P] = k(!1), y = no(e, d);
     xt(() => {
       I(!!y), u == null || u(y);
     }, [y, u]);
-    const z = ue.base, F = ue.hover, B = ue.focus, { focusWithin: M } = ue, b = ue.disabled, R = ue.input, Q = ue.button, D = ue.filterIcon, k = ue.dropdown, L = ue.popover, K = ue.emptyPopover, oe = (le, de, xe) => {
+    const z = ue.base, S = ue.hover, B = ue.focus, { focusWithin: T } = ue, b = ue.disabled, R = ue.input, Q = ue.button, L = ue.filterIcon, M = ue.dropdown, G = ue.popover, K = ue.emptyPopover, oe = (le, de, xe) => {
       const ee = (He = []) => He.map(
         (Qe) => Qe.id === de.id && de.label === de.label ? { ...Qe, checked: xe } : Qe
       ), ce = le === "status" ? ee(m) : m, tt = le === "module" ? ee(E) : E;
@@ -2787,7 +2787,7 @@ const ua = ({
     }, Y = (le) => {
       c == null || c(le), I(!1);
     }, Ce = ({ type: le, title: de, items: xe }) => /* @__PURE__ */ a.jsxs(eo, { children: [
-      /* @__PURE__ */ a.jsx(w, { className: k.typeFilter, children: de }),
+      /* @__PURE__ */ a.jsx(w, { className: M.typeFilter, children: de }),
       xe == null ? void 0 : xe.map((ee) => /* @__PURE__ */ a.jsx(
         qr,
         {
@@ -2805,9 +2805,9 @@ const ua = ({
       {
         className: f(
           z,
-          !t && M,
+          !t && T,
           (j || C) && !t && B,
-          !(j || C) && !t && F,
+          !(j || C) && !t && S,
           t && b,
           g == null ? void 0 : g.base
         ),
@@ -2827,10 +2827,10 @@ const ua = ({
                     width: 14,
                     height: 14,
                     className: f(
-                      D.icon,
-                      !t && D.hover,
-                      t && D.disabled,
-                      j && D.active
+                      L.icon,
+                      !t && L.hover,
+                      t && L.disabled,
+                      j && L.active
                     )
                   }
                 )
@@ -2839,20 +2839,20 @@ const ua = ({
             /* @__PURE__ */ a.jsxs(
               qt,
               {
-                className: f(k.content, g == null ? void 0 : g.dropdown),
+                className: f(M.content, g == null ? void 0 : g.dropdown),
                 align: "start",
                 sideOffset: 18,
                 alignOffset: -12,
                 style: { minWidth: "var(--radix-popper-anchor-width)" },
                 children: [
-                  /* @__PURE__ */ a.jsxs("div", { className: k.wrapperByStatus, children: [
-                    /* @__PURE__ */ a.jsx(w, { className: k.title, children: "Поиск по фильтру" }),
+                  /* @__PURE__ */ a.jsxs("div", { className: M.wrapperByStatus, children: [
+                    /* @__PURE__ */ a.jsx(w, { className: M.title, children: "Поиск по фильтру" }),
                     /* @__PURE__ */ a.jsx(Ce, { type: "status", title: "Статус", items: m })
                   ] }),
-                  /* @__PURE__ */ a.jsx("div", { className: k.wrapperByModule, children: /* @__PURE__ */ a.jsx(Ce, { type: "module", title: "Модуль", items: E }) }),
+                  /* @__PURE__ */ a.jsx("div", { className: M.wrapperByModule, children: /* @__PURE__ */ a.jsx(Ce, { type: "module", title: "Модуль", items: E }) }),
                   /* @__PURE__ */ a.jsxs("div", { className: Q.parent, children: [
                     /* @__PURE__ */ a.jsx(
-                      T,
+                      F,
                       {
                         variant: "secondary",
                         className: f(Q.base, Q.cancel),
@@ -2861,7 +2861,7 @@ const ua = ({
                       }
                     ),
                     /* @__PURE__ */ a.jsx(
-                      T,
+                      F,
                       {
                         onClick: te,
                         className: f(Q.base, Q.save),
@@ -2907,9 +2907,9 @@ const ua = ({
                 sideOffset: 18,
                 alignOffset: n ? -42 : -76,
                 style: { minWidth: "var(--radix-popper-anchor-width)" },
-                className: f(L.content, g == null ? void 0 : g.popover),
-                children: s && (s == null ? void 0 : s.length) > 0 ? /* @__PURE__ */ a.jsxs("div", { className: L.wrapper, children: [
-                  /* @__PURE__ */ a.jsxs(w, { className: L.title, children: [
+                className: f(G.content, g == null ? void 0 : g.popover),
+                children: s && (s == null ? void 0 : s.length) > 0 ? /* @__PURE__ */ a.jsxs("div", { className: G.wrapper, children: [
+                  /* @__PURE__ */ a.jsxs(w, { className: G.title, children: [
                     "Результаты (",
                     s == null ? void 0 : s.length,
                     ")"
@@ -2924,7 +2924,7 @@ const ua = ({
                         w,
                         {
                           onClick: () => Y(le),
-                          className: L.item,
+                          className: G.item,
                           children: le
                         },
                         de
@@ -3242,19 +3242,28 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ...c
   }, p) => {
     const [h, g] = A.useState(!1), v = A.useRef(null), q = we.root, m = we.input, V = we.icon, E = we.placeholder, x = we.list, C = we.status, I = we.message, j = (B) => {
-      const M = B.target.files ? Array.from(B.target.files) : [];
-      M.length !== 0 && i(M);
-    }, P = (r == null ? void 0 : r.map((B) => ({
+      const T = B.target.files ? Array.from(B.target.files) : [];
+      if (T.length === 0) return;
+      const b = o ? T : T[0];
+      i(b), B.target.value = "";
+    }, P = r ? (Array.isArray(r) ? r : [r]).map((B) => ({
       name: B.name,
       type: B.type,
       size: Ua(B.size)
-    }))) || [], y = () => {
+    })) : [], y = () => {
       var B;
       s || (g(!0), (B = v.current) == null || B.click());
     }, z = () => {
       g(!1);
-    }, F = (B) => {
-      B.stopPropagation(), i(null);
+    }, S = (B) => {
+      const T = r ? (Array.isArray(r) ? r : [r]).filter(
+        (b) => b.name !== B.name
+      ) : [];
+      if (o) {
+        i(T.length > 0 ? T : null);
+        return;
+      }
+      i(null);
     };
     return /* @__PURE__ */ a.jsxs("div", { className: f(q, l == null ? void 0 : l.root), children: [
       !!t && /* @__PURE__ */ a.jsx(
@@ -3281,7 +3290,7 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             !s && !!u && C[u],
             l == null ? void 0 : l.input,
             {
-              "items-start": r && (r == null ? void 0 : r.length) > 0
+              "items-start": !!r && (Array.isArray(r) ? r.length > 0 : !0)
             }
           ),
           children: [
@@ -3299,11 +3308,13 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
                 ...c
               }
             ),
-            r && r.length > 0 ? /* @__PURE__ */ a.jsx("ul", { role: "listbox", className: x, children: P.map((B) => /* @__PURE__ */ a.jsx(
+            r && (!Array.isArray(r) || r.length > 0) ? /* @__PURE__ */ a.jsx("ul", { role: "listbox", className: x, children: P.map((B) => /* @__PURE__ */ a.jsx(
               Oa,
               {
                 file: B,
-                onClick: F
+                onClick: (T) => {
+                  T.stopPropagation(), S(B);
+                }
               },
               `${B.name}-${B.size}`
             )) }) : /* @__PURE__ */ a.jsxs(A.Fragment, { children: [
@@ -3325,7 +3336,7 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ] });
   }
 ), we = {
-  root: "w-full flex flex-col gap-1.5",
+  root: "w-full",
   input: {
     base: "relative flex flex-col items-center justify-center gap-2 w-full bg-gray-50 p-3 rounded-[10px] border border-gray-50",
     pressed: "data-[state=on]:bg-sidebar-10 data-[state=on]:border-primary-10 data-[state=on]:ring data-[state=on]:ring-primary-10/[.20]",
@@ -3333,7 +3344,7 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   placeholder: "text-xs text-dark-40/[.40] leading-none",
   icon: "fill-gray-20",
-  list: "flex items-center flex-row gap-1",
+  list: "flex items-center flex-wrap gap-1",
   status: {
     danger: "bg-white border-danger-10 ring-2 ring-danger-10/[.20] hover:border-danger-10"
   },
@@ -3347,10 +3358,10 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   classNames: n
 }) => {
   const o = t === "review";
-  return e != null && e.length ? /* @__PURE__ */ a.jsx("div", { className: f(G.root, n == null ? void 0 : n.root), children: e.map(
+  return e != null && e.length ? /* @__PURE__ */ a.jsx("div", { className: f(W.root, n == null ? void 0 : n.root), children: e.map(
     ({ avatarSrc: i, fullName: l, role: d, comment: u, date: s, time: c, stars: p = 0 }, h) => {
       const g = Math.max(0, Math.min(5, Math.floor(p)));
-      return /* @__PURE__ */ a.jsxs("div", { className: G.wrapper, children: [
+      return /* @__PURE__ */ a.jsxs("div", { className: W.wrapper, children: [
         /* @__PURE__ */ a.jsx(
           jr,
           {
@@ -3360,10 +3371,10 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             classNames: {
               root: "self-start",
               textWrapper: "justify-end",
-              jobTitle: G.author.jobTitle,
+              jobTitle: W.author.jobTitle,
               fullName: f(
-                G.author.fullNameBase,
-                o ? G.author.fullNameReview : G.author.fullNameComment
+                W.author.fullNameBase,
+                o ? W.author.fullNameReview : W.author.fullNameComment
               )
             },
             avatarProps: {
@@ -3371,10 +3382,10 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
               alt: l,
               classNames: {
                 wrapper: f(
-                  G.avatar.wrapperBase,
-                  o ? G.avatar.wrapperReview : G.avatar.wrapperComment
+                  W.avatar.wrapperBase,
+                  o ? W.avatar.wrapperReview : W.avatar.wrapperComment
                 ),
-                img: G.avatar.img
+                img: W.avatar.img
               }
             }
           }
@@ -3383,26 +3394,26 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           "div",
           {
             className: f(
-              G.comment.base,
-              o ? G.comment.review : G.comment.comment,
+              W.comment.base,
+              o ? W.comment.review : W.comment.comment,
               n == null ? void 0 : n.comment
             ),
             children: [
-              o && /* @__PURE__ */ a.jsxs("div", { className: G.stars.row, children: [
+              o && /* @__PURE__ */ a.jsxs("div", { className: W.stars.row, children: [
                 [...Array(5)].map((v, q) => /* @__PURE__ */ a.jsx(
                   Bo,
                   {
                     className: f(
-                      G.stars.icon,
-                      q < g ? G.stars.filled : G.stars.empty
+                      W.stars.icon,
+                      q < g ? W.stars.filled : W.stars.empty
                     )
                   },
                   q
                 )),
-                /* @__PURE__ */ a.jsx(w, { variant: "span", className: G.stars.score, children: String(p).replace(".", ",") })
+                /* @__PURE__ */ a.jsx(w, { variant: "span", className: W.stars.score, children: String(p).replace(".", ",") })
               ] }),
-              /* @__PURE__ */ a.jsx(w, { variant: "p", className: G.commentText, children: u }),
-              /* @__PURE__ */ a.jsxs(w, { variant: "span", className: G.commentDate, children: [
+              /* @__PURE__ */ a.jsx(w, { variant: "p", className: W.commentText, children: u }),
+              /* @__PURE__ */ a.jsxs(w, { variant: "span", className: W.commentDate, children: [
                 s,
                 "   ",
                 c
@@ -3412,18 +3423,18 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         )
       ] }, h);
     }
-  ) }) : /* @__PURE__ */ a.jsx("div", { className: f(G.root, n == null ? void 0 : n.root), children: /* @__PURE__ */ a.jsx(
+  ) }) : /* @__PURE__ */ a.jsx("div", { className: f(W.root, n == null ? void 0 : n.root), children: /* @__PURE__ */ a.jsx(
     w,
     {
       variant: "p",
       className: f(
-        G.emptyText.base,
-        o ? G.emptyText.review : G.emptyText.comment
+        W.emptyText.base,
+        o ? W.emptyText.review : W.emptyText.comment
       ),
       children: r
     }
   ) });
-}, G = {
+}, W = {
   root: "font-mono flex flex-col gap-3 w-full",
   wrapper: "flex gap-3 pt-1 flex-col justify-center",
   avatar: {
@@ -3466,9 +3477,9 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   message: i
 }) => {
   const l = (b) => {
-    const R = b.getDate().toString().padStart(2, "0"), Q = (b.getMonth() + 1).toString().padStart(2, "0"), D = b.getFullYear();
-    return `${R}/${Q}/${D}`;
-  }, [d, u] = N(!1), [s, c] = N(e || /* @__PURE__ */ new Date()), [p, h] = N(l(e || /* @__PURE__ */ new Date())), g = he(null), v = he(null), q = [
+    const R = b.getDate().toString().padStart(2, "0"), Q = (b.getMonth() + 1).toString().padStart(2, "0"), L = b.getFullYear();
+    return `${R}/${Q}/${L}`;
+  }, [d, u] = k(!1), [s, c] = k(e || /* @__PURE__ */ new Date()), [p, h] = k(l(e || /* @__PURE__ */ new Date())), g = he(null), v = he(null), q = [
     "Январь",
     "Февраль",
     "Март",
@@ -3482,15 +3493,15 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "Ноябрь",
     "Декабрь"
   ], m = ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"], V = (b) => {
-    const R = b.getFullYear(), Q = b.getMonth(), D = new Date(R, Q, 1), L = new Date(R, Q + 1, 0).getDate();
-    let K = D.getDay();
+    const R = b.getFullYear(), Q = b.getMonth(), L = new Date(R, Q, 1), G = new Date(R, Q + 1, 0).getDate();
+    let K = L.getDay();
     K = K === 0 ? 6 : K - 1;
     const oe = [];
     for (let Y = 0; Y < K; Y++) {
       const Ce = new Date(R, Q, 1 - (K - Y));
       oe.push({ date: Ce, isCurrentMonth: !1 });
     }
-    for (let Y = 1; Y <= L; Y++)
+    for (let Y = 1; Y <= G; Y++)
       oe.push({ date: new Date(R, Q, Y), isCurrentMonth: !0 });
     const te = 42 - oe.length;
     for (let Y = 1; Y <= te; Y++)
@@ -3503,10 +3514,10 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     R.length >= 3 && R.length <= 4 ? R = `${R.slice(0, 2)}/${R.slice(2)}` : R.length > 4 && (R = `${R.slice(0, 2)}/${R.slice(2, 4)}/${R.slice(4, 8)}`), R.length > 10 && (R = R.slice(0, 10)), h(R);
     const Q = R.split("/");
     if (Q.length === 3) {
-      const D = parseInt(Q[0]), k = parseInt(Q[1]) - 1, L = parseInt(Q[2]);
-      if (D > 0 && D <= 31 && k >= 0 && k <= 11 && L > 1900) {
-        const K = new Date(L, k, D);
-        K.getDate() === D && K.getMonth() === k && K.getFullYear() === L && (r(K), c(new Date(L, k, 1)));
+      const L = parseInt(Q[0]), M = parseInt(Q[1]) - 1, G = parseInt(Q[2]);
+      if (L > 0 && L <= 31 && M >= 0 && M <= 11 && G > 1900) {
+        const K = new Date(G, M, L);
+        K.getDate() === L && K.getMonth() === M && K.getFullYear() === G && (r(K), c(new Date(G, M, 1)));
       }
     }
   }, C = (b) => {
@@ -3518,8 +3529,8 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   };
   xt(() => {
     const b = (R) => {
-      const Q = R.composedPath(), D = g.current && Q.includes(g.current), k = v.current && Q.includes(v.current);
-      !D && !k && u(!1);
+      const Q = R.composedPath(), L = g.current && Q.includes(g.current), M = v.current && Q.includes(v.current);
+      !L && !M && u(!1);
     };
     return window.addEventListener("mousedown", b), () => {
       window.removeEventListener("mousedown", b);
@@ -3530,13 +3541,13 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       label: b.toString(),
       value: b.toString()
     })
-  ), F = (b) => {
+  ), S = (b) => {
     const R = parseInt(b);
     c(new Date(s.getFullYear(), R, 1));
   }, B = (b) => {
     const R = parseInt(b);
     c(new Date(R, s.getMonth(), 1));
-  }, M = (b) => {
+  }, T = (b) => {
     b.preventDefault(), b.stopPropagation();
     const R = /* @__PURE__ */ new Date();
     E(R), u(!0), c(new Date(R.getFullYear(), R.getMonth(), 1));
@@ -3647,7 +3658,7 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
                     disabled: !1,
                     ref: v,
                     onChange: (b) => {
-                      F(b), u(!0);
+                      S(b), u(!0);
                     },
                     value: String(s.getMonth())
                   }
@@ -3686,19 +3697,19 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             ] }),
             /* @__PURE__ */ a.jsx("div", { className: X.weekHeader, children: m.map((b) => /* @__PURE__ */ a.jsx("div", { className: X.weekDay, children: b }, b)) }),
             /* @__PURE__ */ a.jsx("div", { className: X.calendar, children: V(s).map((b, R) => {
-              const { date: Q, isCurrentMonth: D } = b, k = Q.getDate();
-              let L = X.dayButton;
-              return D ? P(Q) ? L += ` ${X.daySelected}` : j(Q) ? L += ` ${X.dayToday}` : y(Q) ? L += ` ${X.dayWeekend}` : L += ` ${X.dayNormal}` : L += ` ${X.dayOutside}`, /* @__PURE__ */ a.jsx(
+              const { date: Q, isCurrentMonth: L } = b, M = Q.getDate();
+              let G = X.dayButton;
+              return L ? P(Q) ? G += ` ${X.daySelected}` : j(Q) ? G += ` ${X.dayToday}` : y(Q) ? G += ` ${X.dayWeekend}` : G += ` ${X.dayNormal}` : G += ` ${X.dayOutside}`, /* @__PURE__ */ a.jsx(
                 "button",
                 {
                   onClick: () => E(Q),
-                  className: L,
-                  children: k
+                  className: G,
+                  children: M
                 },
                 R
               );
             }) }),
-            /* @__PURE__ */ a.jsx("div", { className: X.resetButtonWrapper, children: /* @__PURE__ */ a.jsx("button", { onClick: M, className: X.resetButton, children: "Сбросить" }) })
+            /* @__PURE__ */ a.jsx("div", { className: X.resetButtonWrapper, children: /* @__PURE__ */ a.jsx("button", { onClick: T, className: X.resetButton, children: "Сбросить" }) })
           ] })
         }
       )
@@ -3960,7 +3971,7 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   icon: l,
   iconSizes: d
 }) => {
-  const [u, s] = N(!1), p = $t(n)(i), h = Bt.base, g = Bt.disabled.trigger, v = Bt.disabled.triggerText, q = ({
+  const [u, s] = k(!1), p = $t(n)(i), h = Bt.base, g = Bt.disabled.trigger, v = Bt.disabled.triggerText, q = ({
     className: m,
     text: V = ""
   }) => /* @__PURE__ */ a.jsx(
@@ -4370,7 +4381,7 @@ const Ba = ({
             className: f(d.base, r && d.expanded),
             children: [
               /* @__PURE__ */ a.jsx(mt, { role: "link", to: "/", children: r ? /* @__PURE__ */ a.jsx(xo, {}) : /* @__PURE__ */ a.jsx(To, {}) }),
-              /* @__PURE__ */ a.jsx(T, { type: "button", variant: "text", classNames: { base: "p-0" }, children: r && /* @__PURE__ */ a.jsx(mo, { className: f(s), width: 24, height: 24 }) })
+              /* @__PURE__ */ a.jsx(F, { type: "button", variant: "text", classNames: { base: "p-0" }, children: r && /* @__PURE__ */ a.jsx(mo, { className: f(s), width: 24, height: 24 }) })
             ]
           }
         ),
@@ -4418,7 +4429,7 @@ const Ba = ({
   onChange: t,
   classNames: n
 }) => {
-  const [o, i] = N(!1), l = he(null), d = (u) => {
+  const [o, i] = k(!1), l = he(null), d = (u) => {
     t(u), i(!1);
   };
   return /* @__PURE__ */ a.jsx(
@@ -4429,7 +4440,7 @@ const Ba = ({
       "data-testid": "switcher-language",
       children: /* @__PURE__ */ a.jsxs(be, { open: o, onOpenChange: i, children: [
         /* @__PURE__ */ a.jsx(Ee, { className: "focus-visible:outline-none", asChild: !0, children: /* @__PURE__ */ a.jsx(
-          T,
+          F,
           {
             variant: "text",
             icon: Vt,
@@ -4514,10 +4525,10 @@ const Pl = ({
   className: l
 }) => {
   const d = e === 1, u = e === t, s = (e - 1) * Number(n) + 1, c = Math.min(e * Number(n), i), p = za(e, t);
-  return /* @__PURE__ */ a.jsxs("div", { className: f(S.wrapper, l), children: [
-    /* @__PURE__ */ a.jsxs("div", { className: f(S.countWrapper.base), children: [
-      /* @__PURE__ */ a.jsx("p", { className: f(S.countWrapper.text), children: "Отображено: " }),
-      /* @__PURE__ */ a.jsxs("span", { className: f(S.countWrapper.current), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: f(H.wrapper, l), children: [
+    /* @__PURE__ */ a.jsxs("div", { className: f(H.countWrapper.base), children: [
+      /* @__PURE__ */ a.jsx("p", { className: f(H.countWrapper.text), children: "Отображено: " }),
+      /* @__PURE__ */ a.jsxs("span", { className: f(H.countWrapper.current), children: [
         s,
         " - ",
         c,
@@ -4525,19 +4536,19 @@ const Pl = ({
         i
       ] })
     ] }),
-    /* @__PURE__ */ a.jsxs("div", { className: f(S.nav.base), children: [
+    /* @__PURE__ */ a.jsxs("div", { className: f(H.nav.base), children: [
       /* @__PURE__ */ a.jsx(
-        T,
+        F,
         {
           disabled: d,
           "aria-label": "Previous Page",
           onClick: () => r == null ? void 0 : r(e - 1),
           classNames: {
             base: f(
-              S.arrowButton.base,
-              !d && S.arrowButton.hover,
-              S.arrowButton.pressed,
-              d && S.arrowButton.disabled
+              H.arrowButton.base,
+              !d && H.arrowButton.hover,
+              H.arrowButton.pressed,
+              d && H.arrowButton.disabled
             )
           },
           children: /* @__PURE__ */ a.jsx(
@@ -4546,26 +4557,26 @@ const Pl = ({
               width: 28,
               height: 28,
               className: f(
-                S.arrowButton.icon,
-                d && S.arrowButton.iconDisabled
+                H.arrowButton.icon,
+                d && H.arrowButton.iconDisabled
               )
             }
           )
         }
       ),
-      /* @__PURE__ */ a.jsx("div", { className: f(S.nav.pageBtnWrapper), children: p.map(
-        (h, g) => h === "..." ? /* @__PURE__ */ a.jsx("span", { className: f(S.pageButton.base), children: "..." }, `dots-${g}`) : /* @__PURE__ */ a.jsx(
-          T,
+      /* @__PURE__ */ a.jsx("div", { className: f(H.nav.pageBtnWrapper), children: p.map(
+        (h, g) => h === "..." ? /* @__PURE__ */ a.jsx("span", { className: f(H.pageButton.base), children: "..." }, `dots-${g}`) : /* @__PURE__ */ a.jsx(
+          F,
           {
             onClick: () => r == null ? void 0 : r(h),
             "aria-current": h === e ? "page" : void 0,
             classNames: {
               base: f(
-                S.pageButton.base,
-                S.pageButton.hover,
-                S.pageButton.focus,
-                S.pageButton.pressed,
-                h === e && S.pageButton.active
+                H.pageButton.base,
+                H.pageButton.hover,
+                H.pageButton.focus,
+                H.pageButton.pressed,
+                h === e && H.pageButton.active
               )
             },
             children: h
@@ -4574,18 +4585,18 @@ const Pl = ({
         )
       ) }),
       /* @__PURE__ */ a.jsx(
-        T,
+        F,
         {
           disabled: u,
           "aria-label": "Next Page",
           onClick: () => r == null ? void 0 : r(e + 1),
           classNames: {
             base: f(
-              S.arrowButton.base,
-              S.arrowButton.hover,
-              S.arrowButton.focus,
-              S.arrowButton.pressed,
-              u && S.arrowButton.disabled
+              H.arrowButton.base,
+              H.arrowButton.hover,
+              H.arrowButton.focus,
+              H.arrowButton.pressed,
+              u && H.arrowButton.disabled
             )
           },
           children: /* @__PURE__ */ a.jsx(
@@ -4594,8 +4605,8 @@ const Pl = ({
               width: 28,
               height: 28,
               className: f(
-                S.arrowButton.icon,
-                u && S.arrowButton.iconDisabled
+                H.arrowButton.icon,
+                u && H.arrowButton.iconDisabled
               )
             }
           )
@@ -4616,7 +4627,7 @@ const Pl = ({
       )
     ] })
   ] });
-}, S = {
+}, H = {
   wrapper: "flex items-center w-full py-5",
   nav: {
     base: "flex items-center gap-4 grow justify-center h-7",
@@ -5009,18 +5020,18 @@ var Ye = function(e) {
           var P, y;
           if (m.cachedId === m.id) throw new Ye("The input selection has not been updated.");
           m.cachedId = m.id;
-          var z = i.value, F = i.selectionStart, B = i.selectionEnd;
-          if (F === null || B === null) throw new Ye("The selection attributes have not been initialized.");
-          var M, b = V.value;
-          if (j.inputType === void 0 && (V.selectionStart = 0, V.selectionEnd = b.length), F > V.selectionStart ? M = "insert" : F <= V.selectionStart && F < V.selectionEnd ? M = "deleteBackward" : F === V.selectionEnd && z.length < b.length && (M = "deleteForward"), M === void 0 || (M === "deleteBackward" || M === "deleteForward") && z.length > b.length) throw new Ye("Input type detection error.");
-          var R = "", Q = V.selectionStart, D = V.selectionEnd;
-          if (M === "insert") R = z.slice(V.selectionStart, F);
+          var z = i.value, S = i.selectionStart, B = i.selectionEnd;
+          if (S === null || B === null) throw new Ye("The selection attributes have not been initialized.");
+          var T, b = V.value;
+          if (j.inputType === void 0 && (V.selectionStart = 0, V.selectionEnd = b.length), S > V.selectionStart ? T = "insert" : S <= V.selectionStart && S < V.selectionEnd ? T = "deleteBackward" : S === V.selectionEnd && z.length < b.length && (T = "deleteForward"), T === void 0 || (T === "deleteBackward" || T === "deleteForward") && z.length > b.length) throw new Ye("Input type detection error.");
+          var R = "", Q = V.selectionStart, L = V.selectionEnd;
+          if (T === "insert") R = z.slice(V.selectionStart, S);
           else {
-            var k = b.length - z.length;
-            Q = F, D = F + k;
+            var M = b.length - z.length;
+            Q = S, L = S + M;
           }
           q.value !== b ? q.options = q.fallbackOptions : q.fallbackOptions = q.options;
-          var L = q.options, K = n({ inputType: M, previousValue: b, previousOptions: L, value: z, addedValue: R, changeStart: Q, changeEnd: D, selectionStart: F, selectionEnd: B }), oe = K.options, te = Ja(K, Za);
+          var G = q.options, K = n({ inputType: T, previousValue: b, previousOptions: G, value: z, addedValue: R, changeStart: Q, changeEnd: L, selectionStart: S, selectionEnd: B }), oe = K.options, te = Ja(K, Za);
           i.value = te.value, i.setSelectionRange(te.selectionStart, te.selectionEnd), q.value = te.value, q.options = oe, V.selectionStart = te.selectionStart, V.selectionEnd = te.selectionEnd, (P = i._valueTracker) === null || P === void 0 || (y = P.setValue) === null || y === void 0 || y.call(P, b);
         } catch (Y) {
           if (i.value = V.value, i.setSelectionRange(V.selectionStart, V.selectionEnd), j.preventDefault(), j.stopPropagation(), Y.name !== "SyntheticChangeError") throw Y;
@@ -5077,25 +5088,25 @@ var Hr = function(e) {
       var j = Kt(l, lt({ end: s }, d)), P = Kt(l, lt({ start: c }, d)), y = RegExp("[^".concat(Object.keys(m).join(""), "]"), "g"), z = q.replace(y, "");
       if (j && (j = Me(j, { replacementChars: z, replacement: m, separate: E }), z = z.slice(j.length)), u && (u = Me(u, { replacementChars: z, replacement: m, separate: !1 }), z = z.slice(u.length)), i === "insert" && u === "") throw new Ye("The character does not match the key value of the `replacement` object.");
       if (E) {
-        var F = q.slice(s, c).replace(y, ""), B = F.length - u.length;
-        B < 0 ? P = P.slice(-B) : B > 0 && (P = F.slice(-B) + P);
+        var S = q.slice(s, c).replace(y, ""), B = S.length - u.length;
+        B < 0 ? P = P.slice(-B) : B > 0 && (P = S.slice(-B) + P);
       }
       P && (P = Me(P, { replacementChars: z, replacement: m, separate: E }));
-      var M = yr(j + u + P, { mask: q, replacement: m, separate: E, showMask: V }), b = function(R) {
-        var Q, D, k, L = R.inputType, K = R.value, oe = R.addedValue, te = R.beforeChangeValue, Y = R.mask, Ce = R.replacement, le = R.separate, de = zr(K, { mask: Y, replacement: Ce }).filter(function(He) {
+      var T = yr(j + u + P, { mask: q, replacement: m, separate: E, showMask: V }), b = function(R) {
+        var Q, L, M, G = R.inputType, K = R.value, oe = R.addedValue, te = R.beforeChangeValue, Y = R.mask, Ce = R.replacement, le = R.separate, de = zr(K, { mask: Y, replacement: Ce }).filter(function(He) {
           var Qe = He.type;
           return Qe === "input" || le && Qe === "replacement";
-        }), xe = (Q = de[te.length + oe.length - 1]) === null || Q === void 0 ? void 0 : Q.index, ee = (D = de[te.length - 1]) === null || D === void 0 ? void 0 : D.index, ce = (k = de[te.length + oe.length]) === null || k === void 0 ? void 0 : k.index;
-        if (L === "insert") {
+        }), xe = (Q = de[te.length + oe.length - 1]) === null || Q === void 0 ? void 0 : Q.index, ee = (L = de[te.length - 1]) === null || L === void 0 ? void 0 : L.index, ce = (M = de[te.length + oe.length]) === null || M === void 0 ? void 0 : M.index;
+        if (G === "insert") {
           if (xe !== void 0) return xe + 1;
           if (ce !== void 0) return ce;
           if (ee !== void 0) return ee + 1;
         }
-        if (L === "deleteForward") {
+        if (G === "deleteForward") {
           if (ce !== void 0) return ce;
           if (ee !== void 0) return ee + 1;
         }
-        if (L === "deleteBackward") {
+        if (G === "deleteBackward") {
           if (ee !== void 0) return ee + 1;
           if (ce !== void 0) return ce;
         }
@@ -5103,8 +5114,8 @@ var Hr = function(e) {
           return Object.prototype.hasOwnProperty.call(Ce, He);
         });
         return tt !== -1 ? tt : K.length;
-      }({ inputType: i, value: M, addedValue: u, beforeChangeValue: j, mask: q, replacement: m, separate: E });
-      return { value: M, selectionStart: b, selectionEnd: b, options: { mask: q, replacement: m, separate: E } };
+      }({ inputType: i, value: T, addedValue: u, beforeChangeValue: j, mask: q, replacement: m, separate: E });
+      return { value: T, selectionStart: b, selectionEnd: b, options: { mask: q, replacement: m, separate: E } };
     } }])).format = function(o) {
       return Ke(o, ye(n));
     }, t.formatToParts = function(o) {
@@ -5139,7 +5150,7 @@ const dt = {
   classNames: u,
   ...s
 }) => {
-  const c = $a(dt), [p, h] = N(
+  const c = $a(dt), [p, h] = k(
     () => Ke(String(e), dt)
   );
   xt(() => {
@@ -5208,7 +5219,7 @@ const dt = {
     className: u,
     ...s
   }, c) => {
-    const [p, h] = N(n || ""), g = (C) => {
+    const [p, h] = k(n || ""), g = (C) => {
       h(C), o == null || o(e, C);
     }, v = s.disabled || !1, q = Le.base, m = Le.pressed, V = Le.hover, E = Le.disabled, x = Le.content;
     return /* @__PURE__ */ a.jsxs(
@@ -5247,7 +5258,7 @@ const dt = {
               ),
               !!d && /* @__PURE__ */ a.jsxs(be, { children: [
                 /* @__PURE__ */ a.jsx(Ee, { onClick: (C) => C.stopPropagation(), asChild: !0, children: /* @__PURE__ */ a.jsx(
-                  T,
+                  F,
                   {
                     variant: "text",
                     classNames: {
@@ -5544,7 +5555,7 @@ const dt = {
       ...l,
       children: [
         /* @__PURE__ */ a.jsx(
-          T,
+          F,
           {
             onClick: o,
             type: "button",
@@ -5558,7 +5569,7 @@ const dt = {
         ),
         /* @__PURE__ */ a.jsx(w, { className: Te.wrapperBlockName, children: e || "-" }),
         /* @__PURE__ */ a.jsx(
-          T,
+          F,
           {
             onClick: i,
             type: "button",
@@ -5580,7 +5591,7 @@ const dt = {
   label: n,
   classNames: o
 }) => {
-  const [i, l] = N(e || /* @__PURE__ */ new Date()), d = he(null), u = [
+  const [i, l] = k(e || /* @__PURE__ */ new Date()), d = he(null), u = [
     "Январь",
     "Февраль",
     "Март",
@@ -6103,7 +6114,7 @@ const dt = {
     value: i
   }, l) => {
     var E;
-    const [d, u] = N(!1), c = $t(n)(i), p = he(null), h = Ge.base, g = Ge.options, v = Ge.disabled.trigger, q = Ge.disabled.triggerText, m = (E = n.find((x) => x.value === i)) == null ? void 0 : E.status, V = ({
+    const [d, u] = k(!1), c = $t(n)(i), p = he(null), h = Ge.base, g = Ge.options, v = Ge.disabled.trigger, q = Ge.disabled.triggerText, m = (E = n.find((x) => x.value === i)) == null ? void 0 : E.status, V = ({
       className: x,
       text: C = ""
     }) => /* @__PURE__ */ a.jsx(
@@ -6238,28 +6249,28 @@ const al = {
     {
       ref: c,
       className: f(
-        H.wrapper,
-        n && H.disabled,
+        D.wrapper,
+        n && D.disabled,
         u == null ? void 0 : u.wrapper
       ),
       tabIndex: 0,
       ...s,
       children: [
-        /* @__PURE__ */ a.jsxs("div", { className: H.wrapperContainer, children: [
-          /* @__PURE__ */ a.jsxs("div", { className: H.titleContainer, children: [
-            /* @__PURE__ */ a.jsxs("div", { className: H.textContainer, children: [
-              /* @__PURE__ */ a.jsx("div", { className: H.circle[d] }),
-              /* @__PURE__ */ a.jsx(w, { "data-testid": "title", className: H.text, children: e })
+        /* @__PURE__ */ a.jsxs("div", { className: D.wrapperContainer, children: [
+          /* @__PURE__ */ a.jsxs("div", { className: D.titleContainer, children: [
+            /* @__PURE__ */ a.jsxs("div", { className: D.textContainer, children: [
+              /* @__PURE__ */ a.jsx("div", { className: D.circle[d] }),
+              /* @__PURE__ */ a.jsx(w, { "data-testid": "title", className: D.text, children: e })
             ] }),
-            /* @__PURE__ */ a.jsx(w, { "data-testid": "date-and-time", className: H.dateAndTime, children: Jn(t, "dd.MM.yyyy HH:mm:ss") })
+            /* @__PURE__ */ a.jsx(w, { "data-testid": "date-and-time", className: D.dateAndTime, children: Jn(t, "dd.MM.yyyy HH:mm:ss") })
           ] }),
-          /* @__PURE__ */ a.jsxs("div", { className: H.fileContainer, children: [
-            /* @__PURE__ */ a.jsx("div", { className: H.iconContainer, children: r.type.startsWith("image/") ? /* @__PURE__ */ a.jsx(
+          /* @__PURE__ */ a.jsxs("div", { className: D.fileContainer, children: [
+            /* @__PURE__ */ a.jsx("div", { className: D.iconContainer, children: r.type.startsWith("image/") ? /* @__PURE__ */ a.jsx(
               "img",
               {
                 src: URL.createObjectURL(r),
                 alt: r.name,
-                className: H.fileImg,
+                className: D.fileImg,
                 width: 22,
                 height: 30
               }
@@ -6270,27 +6281,27 @@ const al = {
                 {
                   href: "#",
                   className: f(
-                    H.fileName,
-                    n && H.textDisabled
+                    D.fileName,
+                    n && D.textDisabled
                   ),
                   weight: "font-bold",
                   isIconVisible: !1,
                   children: r.name
                 }
               ),
-              /* @__PURE__ */ a.jsxs(w, { "data-testid": "size-file", className: H.sizeFile, children: [
+              /* @__PURE__ */ a.jsxs(w, { "data-testid": "size-file", className: D.sizeFile, children: [
                 r.size.toFixed(1),
                 "MB"
               ] })
             ] }),
-            /* @__PURE__ */ a.jsxs("div", { className: H.buttonContainer, children: [
+            /* @__PURE__ */ a.jsxs("div", { className: D.buttonContainer, children: [
               /* @__PURE__ */ a.jsx(
-                T,
+                F,
                 {
                   "data-testid": "download-button",
                   classNames: {
-                    base: f(H.button.basic, H.button.active),
-                    icon: H.iconHover
+                    base: f(D.button.basic, D.button.active),
+                    icon: D.iconHover
                   },
                   onClick: i,
                   variant: "text",
@@ -6299,12 +6310,12 @@ const al = {
                 }
               ),
               /* @__PURE__ */ a.jsx(
-                T,
+                F,
                 {
                   "data-testid": "show-button",
                   classNames: {
-                    base: f(H.button.basic, H.button.active),
-                    icon: H.iconHover
+                    base: f(D.button.basic, D.button.active),
+                    icon: D.iconHover
                   },
                   onClick: l,
                   variant: "text",
@@ -6313,12 +6324,12 @@ const al = {
                 }
               ),
               /* @__PURE__ */ a.jsx(
-                T,
+                F,
                 {
                   "data-testid": "delete-button",
                   classNames: {
-                    base: f(H.button.basic, H.button.active),
-                    icon: H.iconHover
+                    base: f(D.button.basic, D.button.active),
+                    icon: D.iconHover
                   },
                   onClick: o,
                   variant: "text",
@@ -6329,11 +6340,11 @@ const al = {
             ] })
           ] })
         ] }),
-        n && /* @__PURE__ */ a.jsx("div", { className: H.overlay })
+        n && /* @__PURE__ */ a.jsx("div", { className: D.overlay })
       ]
     }
   ) : null
-), H = {
+), D = {
   wrapper: "flex items-center justify-center w-[371px] h-max px-[30px] py-3 relative border border-dark-30/[.15]  border-[1.5px]  hover:border-primary-20/[.30] focus:border-primary-10 transition-colors duration-200",
   wrapperContainer: "flex items-center flex-col w-80 h-[60px]",
   titleContainer: "flex justify-between w-full",
@@ -6406,7 +6417,7 @@ const al = {
     ),
     /* @__PURE__ */ a.jsxs("div", { className: ne.buttonContainer.button, children: [
       /* @__PURE__ */ a.jsx(
-        T,
+        F,
         {
           "data-testid": "download-button",
           classNames: {
@@ -6420,7 +6431,7 @@ const al = {
         }
       ),
       /* @__PURE__ */ a.jsx(
-        T,
+        F,
         {
           "data-testid": "show-button",
           classNames: {
@@ -6434,7 +6445,7 @@ const al = {
         }
       ),
       /* @__PURE__ */ a.jsx(
-        T,
+        F,
         {
           "data-testid": "delete-button",
           classNames: {
@@ -6476,7 +6487,7 @@ const al = {
   classNames: o
 }) => /* @__PURE__ */ a.jsxs("div", { className: f(ge.container, o == null ? void 0 : o.root), children: [
   /* @__PURE__ */ a.jsx("div", { className: ge.header, children: /* @__PURE__ */ a.jsx(
-    T,
+    F,
     {
       icon: t,
       variant: "text",
@@ -6598,7 +6609,7 @@ const al = {
   value: "text-sm text-dark-30 font-semibold"
 }, ll = ve(
   ({ classNames: e, disabled: r, onChange: t, placeholder: n = "Choose", value: o, label: i }, l) => {
-    const [d, u] = N(!1), [s, c] = N([]), [p, h] = N(""), [g, v] = N(""), [q, m] = N(null), E = $t(s)(o), x = We.base, C = We.options, I = We.disabled.trigger, j = We.disabled.triggerText, P = ({
+    const [d, u] = k(!1), [s, c] = k([]), [p, h] = k(""), [g, v] = k(""), [q, m] = k(null), E = $t(s)(o), x = We.base, C = We.options, I = We.disabled.trigger, j = We.disabled.triggerText, P = ({
       className: b,
       text: R = ""
     }) => /* @__PURE__ */ a.jsx(
@@ -6630,12 +6641,12 @@ const al = {
       }
     }, z = (b) => {
       c((R) => R.filter((Q) => Q.value !== b)), g === b && (v(""), t(""));
-    }, F = (b) => {
+    }, S = (b) => {
       const R = s.find((Q) => Q.value === b);
       R && (h(R.label), m(b));
     }, B = () => {
       h(""), m(null);
-    }, M = () => {
+    }, T = () => {
       g && (u(!1), t(g));
     };
     return /* @__PURE__ */ a.jsxs("div", { className: We.container, children: [
@@ -6724,7 +6735,7 @@ const al = {
                     ),
                     /* @__PURE__ */ a.jsxs("div", { className: "flex gap-2", children: [
                       /* @__PURE__ */ a.jsx(
-                        T,
+                        F,
                         {
                           variant: "text",
                           icon: _n,
@@ -6733,7 +6744,7 @@ const al = {
                             icon: "fill-dark-50/[0.5] text-dark-50/[0.5]"
                           },
                           onClick: (R) => {
-                            R.stopPropagation(), F(b.value);
+                            R.stopPropagation(), S(b.value);
                           },
                           iconDimensions: {
                             height: 20,
@@ -6744,7 +6755,7 @@ const al = {
                         }
                       ),
                       /* @__PURE__ */ a.jsx(
-                        T,
+                        F,
                         {
                           variant: "text",
                           icon: $e,
@@ -6770,7 +6781,7 @@ const al = {
               ))) }),
               /* @__PURE__ */ a.jsxs("div", { className: f(C.primaryActionsWrapper), children: [
                 /* @__PURE__ */ a.jsx(
-                  T,
+                  F,
                   {
                     type: "button",
                     variant: "secondary",
@@ -6783,14 +6794,14 @@ const al = {
                   }
                 ),
                 /* @__PURE__ */ a.jsx(
-                  T,
+                  F,
                   {
                     type: "button",
                     variant: "primary",
                     className: f(C.primaryActionApply),
                     "aria-label": "Применить выбранные пункты",
                     isShadow: !0,
-                    onClick: M,
+                    onClick: T,
                     children: "Сохранить"
                   }
                 )
@@ -6908,7 +6919,7 @@ const We = {
       children: [
         /* @__PURE__ */ a.jsxs(be, { open: u, onOpenChange: s, children: [
           /* @__PURE__ */ a.jsx(Ee, { asChild: !0, children: /* @__PURE__ */ a.jsx(
-            T,
+            F,
             {
               variant: "text",
               type: "button",
@@ -7011,7 +7022,7 @@ const We = {
   onSelectChat: r,
   classNames: t
 }) => {
-  const [n, o] = N(null), [i, l] = N(""), d = (u) => {
+  const [n, o] = k(null), [i, l] = k(""), d = (u) => {
     o(u), r == null || r(u);
   };
   return /* @__PURE__ */ a.jsxs("div", { className: f(Sn.wrapper, t == null ? void 0 : t.wrapper), children: [
@@ -7159,7 +7170,7 @@ const We = {
           " сообщения"
         ] }),
         /* @__PURE__ */ a.jsx(
-          T,
+          F,
           {
             variant: "text",
             icon: $e,
@@ -7248,7 +7259,7 @@ const We = {
     text: "Удалить"
   }
 ], _l = ({ trigger: e, onClick: r }) => {
-  const [t, n] = N(!1), o = (c) => {
+  const [t, n] = k(!1), o = (c) => {
     c.preventDefault(), n(!0);
   }, i = (c) => {
     r(c), n(!1);
@@ -7270,7 +7281,7 @@ const We = {
         side: "top",
         className: St.wrapper,
         children: ul.map(({ id: c, icon: p, iconSizes: h, isDanger: g, text: v }) => /* @__PURE__ */ a.jsx(
-          T,
+          F,
           {
             "data-testid": "action",
             variant: "text",
@@ -7327,7 +7338,7 @@ export {
   Il as F,
   In as G,
   Pl as H,
-  S as I,
+  H as I,
   Ql as J,
   Ue as K,
   Xl as L,
@@ -7378,7 +7389,7 @@ export {
   il as ai,
   al as aj,
   Wl as ak,
-  H as al,
+  D as al,
   Nl as am,
   ne as an,
   kl as ao,
@@ -7398,13 +7409,13 @@ export {
   jr as d,
   it as e,
   Rl as f,
-  G as g,
+  W as g,
   X as h,
   Pa as i,
   Cn as j,
   Z as k,
   wl as l,
-  W as m,
+  N as m,
   Bt as n,
   Qa as o,
   ca as p,

package/lib/src/molecules/UploadInput/UploadInput.d.ts

@@ -4,8 +4,8 @@ export declare const UploadInput: React.ForwardRefExoticComponent<Omit<Omit<Toog
     disabled?: boolean;
     label: string;
     placeholder?: string;
-    files: File[] | null;
-    onChange: (files: File[] | null) => void;
+    files: File | File[] | null;
+    onChange: (files: File | File[] | null) => void;
     multiple?: boolean;
     message?: string;
     status?: "danger";

package/lib/src/molecules/UploadInput/UploadInput.types.d.ts

@@ -12,8 +12,8 @@ export type UploadInputProps = Omit<React.ComponentPropsWithoutRef<typeof Toogle
     disabled?: boolean;
     label: string;
     placeholder?: string;
-    files: File[] | null;
-    onChange: (files: File[] | null) => void;
+    files: File | File[] | null;
+    onChange: (files: File | File[] | null) => void;
     multiple?: boolean;
     message?: string;
     status?: 'danger';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@namuna-nur/ui-kit",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "UI Kit for Namuna NUR",
   "type": "module",
   "main": "lib/index.js",