@namuna-nur/ui-kit 1.10.6 → 1.10.7

package/lib/atoms/index.js

@@ -1,33 +1,18 @@
-import * as m from "react";
-import { forwardRef as F, useState as Fe, useRef as ne } from "react";
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import "@radix-ui/react-accordion";
-import "@radix-ui/react-popover";
-import * as Y from "@radix-ui/react-tabs";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-icons";
-import "@radix-ui/react-toast";
-import "class-variance-authority";
-import "@radix-ui/react-progress";
-import "@radix-ui/react-dropdown-menu";
-import { cn as c } from "../utils/index.js";
-import { S as he, a as de, b as Se } from "../shared/assets-icons-4.js";
-import { S as le, a as ze, b as Ce, c as Be, d as Te } from "../shared/assets-icons-0.js";
-import { T as Ee, a as je, P as Ae, b as We, c as Re } from "../shared/shared.js";
-import * as X from "@radix-ui/react-switch";
-import { S as Le, a as De } from "../shared/assets-icons-3.js";
-import * as He from "@radix-ui/react-tooltip";
-import { S as Me, a as Oe } from "../shared/assets-icons-2.js";
-import { useOption as qe } from "../hooks/index.js";
-import { Avatar as ge, AvatarImage as fe, AvatarFallback as me } from "@radix-ui/react-avatar";
-import { format as Ie } from "date-fns";
-import { clsx as Pe } from "clsx";
-import { extendTailwindMerge as _e } from "tailwind-merge";
-import { PieChart as Ve, LineChart as Ge } from "echarts/charts";
-import { GridComponent as Ne, TitleComponent as Ue, TooltipComponent as Je, LegendComponent as Ke } from "echarts/components";
-import * as Qe from "echarts/core";
-import { CanvasRenderer as Xe } from "echarts/renderers";
-const P = {
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import * as W from "react";
+import { forwardRef as F, useState as te, useRef as G } from "react";
+import { cn as n } from "../utils/index.js";
+import { S as X, a as H, b as oe } from "../shared/assets-icons-4.js";
+import { S as U, a as ie, b as ae, c as ne, d as de } from "../shared/assets-icons-0.js";
+import { T as le, a as se, P as be, b as ce, c as ue } from "../shared/shared.js";
+import * as Y from "@radix-ui/react-switch";
+import { S as pe, a as fe } from "../shared/assets-icons-3.js";
+import * as ge from "@radix-ui/react-tooltip";
+import { S as he, a as xe } from "../shared/assets-icons-2.js";
+import { useOption as ve } from "../hooks/index.js";
+import { Avatar as ye, AvatarImage as me, AvatarFallback as ke } from "@radix-ui/react-avatar";
+import * as V from "@radix-ui/react-tabs";
+const L = {
   base: "group inline-flex items-center justify-center transition-colors rounded-[10px] border outline-none",
   icon: {
     disabled: {
@@ -78,135 +63,135 @@ const P = {
       hover: "hover:bg-transparent hover:text-primary-20 hover:border-transparent"
     }
   }
-}, $r = F(
+}, Xe = F(
   ({
     children: e,
     classNames: r,
-    disabled: i = !1,
-    icon: t,
-    iconDimensions: n = { height: 15, width: 15 },
-    iconPosition: l = "right",
-    size: d = "medium",
-    variant: a = "primary",
-    isShadow: s = !1,
+    disabled: a = !1,
+    icon: o,
+    iconDimensions: d = { height: 15, width: 15 },
+    iconPosition: s = "right",
+    size: l = "medium",
+    variant: t = "primary",
+    isShadow: b = !1,
     ...u
-  }, f) => {
-    const g = P.icon, h = P.sizes[d], v = P.variants[a] || P.variants.primary, x = g.variants[a], y = g.disabled[a];
-    return /* @__PURE__ */ p(
+  }, p) => {
+    const f = L.icon, g = L.sizes[l], h = L.variants[t] || L.variants.primary, y = f.variants[t], x = f.disabled[t];
+    return /* @__PURE__ */ c(
       "button",
       {
         role: "button",
         ...u,
         type: u.type || "button",
-        ref: f,
-        disabled: i,
-        className: c(
-          P.base,
-          h.padding,
-          h.fontSize,
-          v.base,
-          v.focus,
-          !i && v.hover,
-          !i && v.active,
-          i && v.disabled,
-          !!t && g.parent,
-          !!t && !e && "min-w-0",
-          a === "primary" && s && "shadow-3xl",
+        ref: p,
+        disabled: a,
+        className: n(
+          L.base,
+          g.padding,
+          g.fontSize,
+          h.base,
+          h.focus,
+          !a && h.hover,
+          !a && h.active,
+          a && h.disabled,
+          !!o && f.parent,
+          !!o && !e && "min-w-0",
+          t === "primary" && b && "shadow-3xl",
           r == null ? void 0 : r.base
         ),
         children: [
-          !!t && l === "left" && /* @__PURE__ */ o(
-            t,
+          !!o && s === "left" && /* @__PURE__ */ i(
+            o,
             {
               "aria-label": "icon",
               "aria-hidden": !0,
-              className: c(
-                !i && x,
-                i && y,
+              className: n(
+                !a && y,
+                a && x,
                 r == null ? void 0 : r.icon
               ),
-              height: n.height,
-              width: n.width,
-              viewBox: n.viewBox
+              height: d.height,
+              width: d.width,
+              viewBox: d.viewBox
             }
           ),
           e,
-          !!t && l === "right" && /* @__PURE__ */ o(
-            t,
+          !!o && s === "right" && /* @__PURE__ */ i(
+            o,
             {
               "aria-label": "icon",
               "aria-hidden": !0,
-              className: c(
-                !i && x,
-                i && y,
+              className: n(
+                !a && y,
+                a && x,
                 r == null ? void 0 : r.icon
               ),
-              height: n.height,
-              width: n.width,
-              viewBox: n.viewBox
+              height: d.height,
+              width: d.width,
+              viewBox: d.viewBox
             }
           )
         ]
       }
     );
   }
-), et = F(
+), we = F(
   ({
     classNames: e,
     disabled: r = !1,
-    icon: i,
-    variant: t = "default",
-    shape: n,
-    badge: l,
-    iconSizes: d,
-    text: a,
-    ...s
+    icon: a,
+    variant: o = "default",
+    shape: d,
+    badge: s,
+    iconSizes: l,
+    text: t,
+    ...b
   }, u) => {
-    var y;
-    const f = L.icon, g = L.variants[t], h = f.variants[t], v = (y = L.shape) == null ? void 0 : y[n], x = f.disabled[t];
-    return /* @__PURE__ */ p(
+    var x;
+    const p = R.icon, f = R.variants[o], g = p.variants[o], h = (x = R.shape) == null ? void 0 : x[d], y = p.disabled[o];
+    return /* @__PURE__ */ c(
       "button",
       {
-        ...s,
+        ...b,
         role: "button",
-        type: s.type || "button",
+        type: b.type || "button",
         ref: u,
         disabled: r,
-        className: c(
-          L.base,
-          g.base,
-          g.focus,
-          v,
-          l && L.badgeStyles.base,
-          !r && g.hover,
-          !r && g.active,
-          r && g.disabled,
+        className: n(
+          R.base,
+          f.base,
+          f.focus,
+          h,
+          s && R.badgeStyles.base,
+          !r && f.hover,
+          !r && f.active,
+          r && f.disabled,
           e == null ? void 0 : e.button
         ),
         children: [
-          l && /* @__PURE__ */ o("span", { className: L.badgeStyles.badgeStyles, children: l }),
-          !!i && /* @__PURE__ */ o(
-            i,
+          s && /* @__PURE__ */ i("span", { className: R.badgeStyles.badgeStyles, children: s }),
+          !!a && /* @__PURE__ */ i(
+            a,
             {
               "aria-label": "icon",
               "aria-hidden": !0,
-              className: c(
-                f.base,
-                !r && h,
-                r && x,
+              className: n(
+                p.base,
+                !r && g,
+                r && y,
                 e == null ? void 0 : e.icon
               ),
-              height: d == null ? void 0 : d.height,
-              width: d == null ? void 0 : d.width,
-              viewBox: d == null ? void 0 : d.viewBox
+              height: l == null ? void 0 : l.height,
+              width: l == null ? void 0 : l.width,
+              viewBox: l == null ? void 0 : l.viewBox
             }
           ),
-          !!a && /* @__PURE__ */ o(R, { className: e == null ? void 0 : e.text, children: a })
+          !!t && /* @__PURE__ */ i(w, { className: e == null ? void 0 : e.text, children: t })
         ]
       }
     );
   }
-), L = {
+), R = {
   base: "group inline-flex items-center justify-center rounded-[10px] outline-none border",
   icon: {
     base: "text-inherit",
@@ -252,7 +237,7 @@ const P = {
       disabled: "disabled:border-transparent disabled:cursor-default"
     }
   }
-}, D = {
+}, B = {
   active: "active:bg-tertiary-10 active:border-tertiary-10 outline-none",
   base: "border border-secondary-10/[.25] hover:border-primary-10 flex items-center justify-center rounded-[6px] cursor-pointer",
   checked: "bg-primary-10 border-primary-10",
@@ -269,134 +254,134 @@ const P = {
       label: "size-2.5"
     }
   }
-}, rt = F(
+}, Ye = F(
   ({
     checked: e = !1,
     className: r = "",
-    disabled: i,
-    id: t,
-    onChange: n,
-    size: l = "large",
-    ...d
-  }, a) => {
-    const s = D.base, u = D.sizes[l];
-    return /* @__PURE__ */ p(
+    disabled: a,
+    id: o,
+    onChange: d,
+    size: s = "large",
+    ...l
+  }, t) => {
+    const b = B.base, u = B.sizes[s];
+    return /* @__PURE__ */ c(
       "label",
       {
         "aria-label": "checkbox-label",
-        htmlFor: t,
+        htmlFor: o,
         tabIndex: 0,
-        className: c(
+        className: n(
           u.label,
-          s,
-          e && D.checked,
-          !i && D.active,
-          !i && e && D.hover,
-          i && D.disabled,
+          b,
+          e && B.checked,
+          !a && B.active,
+          !a && e && B.hover,
+          a && B.disabled,
           r
         ),
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ i(
             "input",
             {
-              ...d,
+              ...l,
               role: "checkbox",
-              id: t,
-              disabled: i,
+              id: o,
+              disabled: a,
               checked: !!e,
-              onChange: n,
-              ref: a,
+              onChange: d,
+              ref: t,
               type: "checkbox",
               className: "hidden peer"
             }
           ),
-          /* @__PURE__ */ o(
-            he,
+          /* @__PURE__ */ i(
+            X,
             {
               width: 20,
               height: 18,
               viewBox: "0 0 20 20",
-              className: c("opacity-0 fill-sidebar-10", e && "!opacity-100")
+              className: n("opacity-0 fill-sidebar-10", e && "!opacity-100")
             }
           )
         ]
       }
     );
   }
-), Ye = {
+), Se = {
   h1: "text-h1",
   h2: "text-h2",
   h3: "text-h3",
   h4: "text-h4",
   h5: "text-h5",
   h6: "text-h6"
-}, tt = ({
+}, Ze = ({
   children: e,
   className: r = "",
-  variant: i = "h1",
-  weight: t = "font-regular",
-  ...n
-}) => /* @__PURE__ */ o(
-  i,
+  variant: a = "h1",
+  weight: o = "font-regular",
+  ...d
+}) => /* @__PURE__ */ i(
+  a,
   {
-    ...n,
-    className: c(Ye[i], t, r),
+    ...d,
+    className: n(Se[a], o, r),
     children: e
   }
-), at = F(
+), Ne = F(
   ({
     disabled: e,
     onChange: r,
-    placeholder: i,
-    autoFocus: t = !1,
-    status: n,
-    maxLength: l,
-    id: d,
-    classNames: a,
-    ...s
+    placeholder: a,
+    autoFocus: o = !1,
+    status: d,
+    maxLength: s,
+    id: l,
+    classNames: t,
+    ...b
   }, u) => {
-    const f = H.parent, g = H.base, h = H.state, v = H.disabled, x = H.styles, y = H.maxLength;
-    return /* @__PURE__ */ p("div", { className: c(f, a == null ? void 0 : a.parent), children: [
-      /* @__PURE__ */ o(
+    const p = z.parent, f = z.base, g = z.state, h = z.disabled, y = z.styles, x = z.maxLength;
+    return /* @__PURE__ */ c("div", { className: n(p, t == null ? void 0 : t.parent), children: [
+      /* @__PURE__ */ i(
         "input",
         {
-          ...s,
+          ...b,
           role: "textbox",
           ref: u,
-          id: d,
+          id: l,
           disabled: e,
-          autoFocus: t,
+          autoFocus: o,
           onChange: r,
-          maxLength: l,
-          className: c(
-            g,
-            h.focus,
-            !e && h.hover,
-            n && (x == null ? void 0 : x[n]),
-            e && v,
-            a == null ? void 0 : a.target
+          maxLength: s,
+          className: n(
+            f,
+            g.focus,
+            !e && g.hover,
+            d && (y == null ? void 0 : y[d]),
+            e && h,
+            t == null ? void 0 : t.target
           ),
-          placeholder: i
+          placeholder: a
         }
       ),
-      l && /* @__PURE__ */ p(
-        R,
+      s && /* @__PURE__ */ c(
+        w,
         {
           variant: "span",
-          className: c(
-            y,
-            String(s.value).length === l ? "bg-danger-10" : "bg-success-10"
+          className: n(
+            x,
+            String(b.value).length === s ? "bg-danger-10" : "bg-success-10"
           ),
           children: [
-            (s.value || "").toString().length,
+            (b.value || "").toString().length,
             "/",
-            l
+            s
           ]
         }
       )
     ] });
   }
-), H = {
+), z = {
   parent: "relative flex flex-col items-start w-full",
   base: "text-dark-10 text-sm leading-none w-full rounded-[10px] bg-gray-50 border border-gray-50 p-[12.5px] placeholder:text-dark-10/[.40]",
   disabled: "bg-secondary-10/[.08] text-gray-30 cursor-not-allowed",
@@ -411,91 +396,91 @@ const P = {
     success: "bg-white border-success-10 ring-2 ring-success-10/[.20] hover:border-success-10"
   },
   maxLength: "ml-auto px-1 mt-1 text-body-10 text-white rounded"
-}, it = m.forwardRef(
-  ({ htmlFor: e, className: r, children: i, disabled: t, ...n }, l) => {
-    const d = se.base, a = se.disabled;
-    return /* @__PURE__ */ o(
+}, er = W.forwardRef(
+  ({ htmlFor: e, className: r, children: a, disabled: o, ...d }, s) => {
+    const l = J.base, t = J.disabled;
+    return /* @__PURE__ */ i(
       "label",
       {
-        ...n,
+        ...d,
         role: "presentation",
         "aria-label": "input-label",
-        ref: l,
+        ref: s,
         htmlFor: e,
-        className: c(d, t && a, r),
-        children: i
+        className: n(l, o && t, r),
+        children: a
       }
     );
   }
-), se = {
+), J = {
   base: "text-secondary-10 text-sm font-sans font-semibold leading-none",
   disabled: "text-dark-30/25 cursor-not-allowed"
-}, Ze = {
-  success: /* @__PURE__ */ o(le, { className: "text-sidebar-10 fill-sidebar-10" }),
-  danger: /* @__PURE__ */ o(Be, { className: "text-sidebar-10 fill-sidebar-10" }),
-  info: /* @__PURE__ */ o(Ce, { className: "text-sidebar-10 fill-sidebar-10" }),
-  warning: /* @__PURE__ */ o(ze, { className: "text-sidebar-10 fill-sidebar-10" }),
-  default: /* @__PURE__ */ o(le, { className: "text-sidebar-10 fill-sidebar-10" })
-}, ot = ({
+}, Te = {
+  success: /* @__PURE__ */ i(U, { className: "text-sidebar-10 fill-sidebar-10" }),
+  danger: /* @__PURE__ */ i(ne, { className: "text-sidebar-10 fill-sidebar-10" }),
+  info: /* @__PURE__ */ i(ae, { className: "text-sidebar-10 fill-sidebar-10" }),
+  warning: /* @__PURE__ */ i(ie, { className: "text-sidebar-10 fill-sidebar-10" }),
+  default: /* @__PURE__ */ i(U, { className: "text-sidebar-10 fill-sidebar-10" })
+}, rr = ({
   type: e = "info",
   title: r,
-  description: i,
-  withIcon: t = !0
-}) => /* @__PURE__ */ p(
+  description: a,
+  withIcon: o = !0
+}) => /* @__PURE__ */ c(
   "div",
   {
-    className: c(
-      t ? "items-start" : "justify-center",
+    className: n(
+      o ? "items-start" : "justify-center",
       "flex items-center gap-1.5"
     ),
     children: [
-      t && /* @__PURE__ */ o("div", { "data-testid": "notification-icon", children: e && Ze[e] }),
-      /* @__PURE__ */ p("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ o(Ee, { className: t ? "text-left" : "text-center", children: r }),
-        /* @__PURE__ */ o(je, { className: t ? "text-left" : "text-center", children: i })
+      o && /* @__PURE__ */ i("div", { "data-testid": "notification-icon", children: e && Te[e] }),
+      /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ i(le, { className: o ? "text-left" : "text-center", children: r }),
+        /* @__PURE__ */ i(se, { className: o ? "text-left" : "text-center", children: a })
       ] })
     ]
   }
-), $e = F(
-  ({ checked: e, disabled: r, id: i, onChange: t, size: n = "large", className: l, ...d }, a) => {
-    const s = z.sizes[n];
-    return /* @__PURE__ */ p(
+), je = F(
+  ({ checked: e, disabled: r, id: a, onChange: o, size: d = "large", className: s, ...l }, t) => {
+    const b = S.sizes[d];
+    return /* @__PURE__ */ c(
       "label",
       {
-        htmlFor: i,
+        htmlFor: a,
         "aria-label": "radio-label",
-        className: c(
-          z.base,
-          s.label,
-          r && z.disabled,
-          !r && z.active,
-          !e && !r && z.hover,
-          !r && e && z.checked,
-          l
+        className: n(
+          S.base,
+          b.label,
+          r && S.disabled,
+          !r && S.active,
+          !e && !r && S.hover,
+          !r && e && S.checked,
+          s
         ),
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ i(
             "input",
             {
-              ...d,
-              id: i,
-              ref: a,
+              ...l,
+              id: a,
+              ref: t,
               type: "radio",
               role: "radio",
               checked: e,
               disabled: r,
-              onChange: t,
+              onChange: o,
               className: "hidden peer",
               "aria-checked": e,
-              readOnly: !t
+              readOnly: !o
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ i(
             "span",
             {
               "aria-hidden": "true",
-              className: c(
-                e ? [z.radio.base, z.radio[n]] : "opacity-0",
+              className: n(
+                e ? [S.radio.base, S.radio[d]] : "opacity-0",
                 r && "bg-primary-30"
               )
             }
@@ -505,8 +490,8 @@ const P = {
     );
   }
 );
-$e.displayName = "Radio";
-const z = {
+je.displayName = "Radio";
+const S = {
   base: "border-2 border-dark-30/[.15] flex items-center justify-center rounded-full cursor-pointer outline-none bg-sidebar-10/[.08]",
   active: "active:border-primary-10",
   hover: "hover:border-primary-20/[.30]",
@@ -525,18 +510,18 @@ const z = {
       label: "size-5 min-w-5"
     }
   }
-}, nt = ({
+}, tr = ({
   text: e,
   variant: r = "default",
-  className: i
-}) => /* @__PURE__ */ o(
-  R,
+  className: a
+}) => /* @__PURE__ */ i(
+  w,
   {
-    className: c(ce.base, ce.status[r], i),
+    className: n(K.base, K.status[r], a),
     "data-testid": "status",
     children: e
   }
-), ce = {
+), K = {
   base: "inline-flex rounded-[50px] cursor-pointer px-2.5 py-1.5 text-dark-40/[.80] text-xs font-medium leading-none",
   status: {
     success: "bg-success-30",
@@ -545,47 +530,47 @@ const z = {
     warning: "bg-status-30",
     default: "bg-dark-30/[.15]"
   }
-}, { Root: er, Thumb: rr } = X, dt = m.forwardRef(({ classNames: e, ...r }, i) => {
-  const t = r.checked ?? !1;
-  return /* @__PURE__ */ p(er, { ref: i, className: c(E.base, e == null ? void 0 : e.root), ...r, children: [
-    /* @__PURE__ */ o(
+}, { Root: Ce, Thumb: Ae } = Y, or = W.forwardRef(({ classNames: e, ...r }, a) => {
+  const o = r.checked ?? !1;
+  return /* @__PURE__ */ c(Ce, { ref: a, className: n(C.base, e == null ? void 0 : e.root), ...r, children: [
+    /* @__PURE__ */ i(
       "div",
       {
-        className: c(
-          E.iconWrapper.base,
+        className: n(
+          C.iconWrapper.base,
           "left-0",
-          !t && E.iconWrapper.checked
+          !o && C.iconWrapper.checked
         ),
-        children: /* @__PURE__ */ o(
-          Le,
+        children: /* @__PURE__ */ i(
+          pe,
           {
             "data-testid": "list-icon",
-            className: c(t ? "fill-dark-30/25" : "fill-dark-30/[.80]")
+            className: n(o ? "fill-dark-30/25" : "fill-dark-30/[.80]")
           }
         )
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ i(
       "div",
       {
-        className: c(
-          E.iconWrapper.base,
+        className: n(
+          C.iconWrapper.base,
           "right-0",
-          t && E.iconWrapper.checked
+          o && C.iconWrapper.checked
         ),
-        children: /* @__PURE__ */ o(
-          De,
+        children: /* @__PURE__ */ i(
+          fe,
           {
             "data-testid": "grid-icon",
-            className: c(t ? "fill-dark-30/[.80]" : "fill-dark-30/25")
+            className: n(o ? "fill-dark-30/[.80]" : "fill-dark-30/25")
           }
         )
       }
     ),
-    /* @__PURE__ */ o("div", { className: c(E.borderLine) }),
-    /* @__PURE__ */ o(rr, { tabIndex: 1, className: c(E.thumb, e == null ? void 0 : e.thumb) })
+    /* @__PURE__ */ i("div", { className: n(C.borderLine) }),
+    /* @__PURE__ */ i(Ae, { tabIndex: 1, className: n(C.thumb, e == null ? void 0 : e.thumb) })
   ] });
-}), E = {
+}), C = {
   base: "group relative inline-flex w-20 h-[38px] shrink-0 cursor-pointer items-center bg-gray-50 rounded-[10px] transition-colors duration-200 transition-colors",
   thumb: "pointer-events-none block z-50 size-10 bg-transparent border border-secondary-10/[.15] transition-transform rounded-[10px] ring-0 data-[state=checked]:translate-x-full data-[state=unchecked]:translate-x-0",
   iconWrapper: {
@@ -593,7 +578,7 @@ const z = {
     checked: "bg-sidebar-10 rounded-[10px] overflow-hidden"
   },
   borderLine: "pointer-events-none absolute z-0 left-0 top-0 w-full h-full group-hover:border group-hover:border-primary-20/[.30] rounded-[10px] transition-colors duration-200"
-}, _ = {
+}, O = {
   sizes: {
     small: {
       base: "flex items-center justify-center min-w-32 bg-sidebar-10 text-xs font-medium leading-none border-[1px] rounded-md py-[7px] px-5",
@@ -623,111 +608,111 @@ const z = {
     active: "fill-white",
     disabled: "fill-dark-30/25"
   }
-}, lt = F(
+}, ir = F(
   ({
     variant: e = "small",
     active: r,
-    icon: i,
-    disabled: t,
-    children: n,
-    className: l,
-    iconDimensions: d,
-    ...a
-  }, s) => {
-    const u = _.sizes[e];
-    return /* @__PURE__ */ p(
+    icon: a,
+    disabled: o,
+    children: d,
+    className: s,
+    iconDimensions: l,
+    ...t
+  }, b) => {
+    const u = O.sizes[e];
+    return /* @__PURE__ */ c(
       "button",
       {
         role: "tab",
         "aria-selected": r,
-        ref: s,
-        className: c(
+        ref: b,
+        className: n(
           u.base,
           u.default,
-          !t && !r && u.hover,
-          r && !t && u.active,
-          r && !t && _.focus,
-          t && u.disabled,
-          l
+          !o && !r && u.hover,
+          r && !o && u.active,
+          r && !o && O.focus,
+          o && u.disabled,
+          s
         ),
-        ...a,
+        ...t,
         children: [
-          !!i && /* @__PURE__ */ o(
-            i,
+          !!a && /* @__PURE__ */ i(
+            a,
             {
               "aria-label": "icon",
               "aria-hidden": !0,
-              className: c(
-                _.icon.default,
-                r && _.icon.active,
-                t && _.icon.disabled
+              className: n(
+                O.icon.default,
+                r && O.icon.active,
+                o && O.icon.disabled
               ),
-              ...d
+              ...l
             }
           ),
-          n
+          d
         ]
       }
     );
   }
-), R = ({
+), w = ({
   children: e,
   className: r = "",
-  variant: i = "p",
-  ...t
-}) => /* @__PURE__ */ o(i, { ...t, className: c(r), children: e }), st = m.forwardRef(
+  variant: a = "p",
+  ...o
+}) => /* @__PURE__ */ i(a, { ...o, className: n(r), children: e }), ar = W.forwardRef(
   ({
     className: e = "",
     disabled: r,
-    onChange: i,
-    placeholder: t = "Введите текст",
-    autoFocus: n = !1,
-    status: l,
-    maxLength: d,
-    ...a
-  }, s) => {
-    var y, w;
-    const u = j.base, f = j.state, g = j.disabled, h = j.styles, v = j.maxLength;
-    return /* @__PURE__ */ p("div", { className: j.root, children: [
-      /* @__PURE__ */ o(
+    onChange: a,
+    placeholder: o = "Введите текст",
+    autoFocus: d = !1,
+    status: s,
+    maxLength: l,
+    ...t
+  }, b) => {
+    var x, v;
+    const u = A.base, p = A.state, f = A.disabled, g = A.styles, h = A.maxLength;
+    return /* @__PURE__ */ c("div", { className: A.root, children: [
+      /* @__PURE__ */ i(
         "textarea",
         {
-          ...a,
+          ...t,
           role: "textbox",
-          ref: s,
-          maxLength: d,
+          ref: b,
+          maxLength: l,
           disabled: r,
-          autoFocus: n,
-          placeholder: t,
-          onChange: i,
-          className: c(
+          autoFocus: d,
+          placeholder: o,
+          onChange: a,
+          className: n(
             u,
-            f.focus,
-            !r && f.hover,
-            l && (h == null ? void 0 : h[l]),
-            r && g,
+            p.focus,
+            !r && p.hover,
+            s && (g == null ? void 0 : g[s]),
+            r && f,
             e
           )
         }
       ),
-      /* @__PURE__ */ o("div", { className: j.messageContainer, children: d && /* @__PURE__ */ p(
-        R,
+      /* @__PURE__ */ i("div", { className: A.messageContainer, children: l && /* @__PURE__ */ c(
+        w,
         {
           variant: "span",
-          className: c(
-            v,
-            String(a.value).length === d ? "bg-danger-10 text-sidebar-10" : "bg-transparent"
+          className: n(
+            h,
+            String(t.value).length === l ? "bg-danger-10 text-sidebar-10" : "bg-transparent"
           ),
           children: [
-            (w = (y = a.value || "") == null ? void 0 : y.toString()) == null ? void 0 : w.length,
+            (v = (x = t.value || "") == null ? void 0 : x.toString()) == null ? void 0 : v.length,
             "/",
-            d
+            l
           ]
         }
       ) })
     ] });
   }
-), j = {
+), A = {
   root: "flex flex-col gap-1 w-full",
   base: "w-full min-h-[60px] bg-gray-50 text-sm text-dark-10 font-sans font-medium leading-none px-3.5 py-3 border border-gray-50 rounded-[10px] placeholder:text-sm placeholder:text-dark-40/50 transition-colors duration-200",
   disabled: "text-dark-40/25 bg-dark-30/[.08] cursor-not-allowed",
@@ -747,39 +732,39 @@ const z = {
   },
   messageContainer: "flex items-center leading-none",
   maxLength: "ml-auto p-1 text-dark-40/50 text-sm font-regular leading-none rounded"
-}, { Root: tr, Thumb: ar } = X, ct = m.forwardRef(
-  ({ label: e = "", labelPosition: r = "right", disabled: i, classNames: t, ...n }, l) => /* @__PURE__ */ p(
+}, { Root: Re, Thumb: Be } = Y, nr = W.forwardRef(
+  ({ label: e = "", labelPosition: r = "right", disabled: a, classNames: o, ...d }, s) => /* @__PURE__ */ c(
     "div",
     {
-      className: c(
+      className: n(
         "flex items-center w-fit",
         r === "right" && "flex-row-reverse"
       ),
       children: [
-        !!e && /* @__PURE__ */ o(
+        !!e && /* @__PURE__ */ i(
           "span",
           {
-            className: c(
-              Z.label,
+            className: n(
+              _.label,
               r === "right" && "ml-2",
-              i && "cursor-not-allowed text-dark-30/[.20]",
-              t == null ? void 0 : t.label
+              a && "cursor-not-allowed text-dark-30/[.20]",
+              o == null ? void 0 : o.label
             ),
             children: e
           }
         ),
-        /* @__PURE__ */ o(
-          tr,
+        /* @__PURE__ */ i(
+          Re,
           {
-            ref: l,
-            disabled: i,
-            className: c(Z.base, t == null ? void 0 : t.base),
-            ...n,
-            children: /* @__PURE__ */ o(
-              ar,
+            ref: s,
+            disabled: a,
+            className: n(_.base, o == null ? void 0 : o.base),
+            ...d,
+            children: /* @__PURE__ */ i(
+              Be,
               {
                 tabIndex: 1,
-                className: c(Z.thumb, t == null ? void 0 : t.thumb)
+                className: n(_.thumb, o == null ? void 0 : o.thumb)
               }
             )
           }
@@ -787,34 +772,34 @@ const z = {
       ]
     }
   )
-), Z = {
+), _ = {
   base: "inline-flex h-8 w-[52px] shrink-0 p-1 cursor-pointer items-center rounded-full border border-success-20 transition-colors focus:outline-none  disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-success-20 data-[state=unchecked]:bg-secondary-10/[.08] data-[state=unchecked]:border-secondary-10/[.30] disabled:data-[state=unchecked]:bg-secondary-10/[.15] disabled:data-[state=unchecked]:border-transparent",
   label: "mr-2 text-dark-30 text-sm",
   thumb: "pointer-events-none block size-6 transition-transform rounded-full ring-0 data-[state=checked]:translate-x-3/4 data-[state=unchecked]:translate-x-0 data-[state=checked]:bg-white data-[state=unchecked]:bg-secondary-10/[.30]"
-}, { Provider: ir, Root: or, Trigger: nr, Portal: dr, Content: lr, Arrow: sr } = He, bt = ({
+}, { Provider: ze, Root: De, Trigger: Fe, Portal: Le, Content: Oe, Arrow: We } = ge, dr = ({
   children: e,
   className: r,
-  defaultOpen: i,
-  side: t,
-  content: n,
-  delayDuration: l = 0,
-  isDisabled: d = !1
-}) => /* @__PURE__ */ o(ir, { children: /* @__PURE__ */ p(or, { defaultOpen: i, delayDuration: l, children: [
-  /* @__PURE__ */ o(nr, { asChild: !0, children: /* @__PURE__ */ o("div", { children: e }) }),
-  !d && /* @__PURE__ */ o(dr, { children: /* @__PURE__ */ p(
-    lr,
+  defaultOpen: a,
+  side: o,
+  content: d,
+  delayDuration: s = 0,
+  isDisabled: l = !1
+}) => /* @__PURE__ */ i(ze, { children: /* @__PURE__ */ c(De, { defaultOpen: a, delayDuration: s, children: [
+  /* @__PURE__ */ i(Fe, { asChild: !0, children: /* @__PURE__ */ i("div", { children: e }) }),
+  !l && /* @__PURE__ */ i(Le, { children: /* @__PURE__ */ c(
+    Oe,
     {
-      side: t,
+      side: o,
       sideOffset: 5,
-      className: c(be.content, r),
+      className: n(Q.content, r),
       children: [
-        n,
-        /* @__PURE__ */ o(sr, { className: be.arrow })
+        d,
+        /* @__PURE__ */ i(We, { className: Q.arrow })
       ]
     }
   ) })
-] }) }), be = {
-  content: c(
+] }) }), Q = {
+  content: n(
     "font-mono select-none w-auto h-auto max-size-32 rounded-[5px] bg-dark-30 px-4 py-2 text-[10px] text-start leading-none text-sidebar-10 z-50",
     "animate-tooltipFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade",
     "data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade",
@@ -822,88 +807,88 @@ const z = {
     "data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade"
   ),
   arrow: "fill-dark-30"
-}, ut = ({
+}, lr = ({
   classNames: e,
   disabled: r,
-  status: i,
-  onChange: t,
-  options: n,
-  placeholder: l = "Choose",
-  value: d,
-  isDotable: a,
-  isLoading: s,
+  status: a,
+  onChange: o,
+  options: d,
+  placeholder: s = "Choose",
+  value: l,
+  isDotable: t,
+  isLoading: b,
   autoFocusValue: u
 }) => {
-  const [f, g] = Fe(!1), v = qe(n)(d), x = ne(null), y = ne(null), w = M.base, B = M.options, xe = M.status.styles, ye = M.disabled.trigger, we = M.disabled.triggerText, ie = ({
-    className: S,
-    text: T = ""
-  }) => /* @__PURE__ */ o(
-    R,
+  const [p, f] = te(!1), h = ve(d)(l), y = G(null), x = G(null), v = D.base, T = D.options, Z = D.status.styles, N = D.disabled.trigger, ee = D.disabled.triggerText, M = ({
+    className: m,
+    text: j = ""
+  }) => /* @__PURE__ */ i(
+    w,
     {
-      className: c(
-        w.placeholder,
-        r && we,
+      className: n(
+        v.placeholder,
+        r && ee,
         "truncate min-w-0 flex-1",
-        S
+        m
       ),
-      children: T
+      children: j
     }
-  ), ke = (S) => {
-    if (S.preventDefault(), y.current) {
-      const T = d || u;
-      if (T) {
-        const oe = y.current.querySelector(
-          `[data-value="${T}"]`
+  ), re = (m) => {
+    if (m.preventDefault(), x.current) {
+      const j = l || u;
+      if (j) {
+        const q = x.current.querySelector(
+          `[data-value="${j}"]`
         );
-        oe && oe.scrollIntoView({
+        q && q.scrollIntoView({
           block: "center",
           behavior: "auto"
         });
       }
     }
   };
-  return /* @__PURE__ */ o("div", { className: c("w-full", e == null ? void 0 : e.parent), children: /* @__PURE__ */ p(Ae, { open: f, onOpenChange: g, children: [
-    /* @__PURE__ */ p(
-      We,
+  return /* @__PURE__ */ i("div", { className: n("w-full", e == null ? void 0 : e.parent), children: /* @__PURE__ */ c(be, { open: p, onOpenChange: f, children: [
+    /* @__PURE__ */ c(
+      ce,
       {
         role: "listbox",
         disabled: r,
-        className: c(
-          w.trigger,
-          r && ye,
-          f && w.focus,
-          !f && !r && w.hover,
-          !f && i && xe[i],
+        className: n(
+          v.trigger,
+          r && N,
+          p && v.focus,
+          !p && !r && v.hover,
+          !p && a && Z[a],
           e == null ? void 0 : e.trigger
         ),
         children: [
-          /* @__PURE__ */ o("div", { className: w == null ? void 0 : w.textWrapper, children: d ? /* @__PURE__ */ o(
-            ie,
+          /* @__PURE__ */ i("div", { className: v == null ? void 0 : v.textWrapper, children: l ? /* @__PURE__ */ i(
+            M,
             {
-              text: v == null ? void 0 : v.label,
-              className: c(
-                w.selected,
-                r && M.disabled.selectedDisabled,
+              text: h == null ? void 0 : h.label,
+              className: n(
+                v.selected,
+                r && D.disabled.selectedDisabled,
                 e == null ? void 0 : e.selected
               )
             }
-          ) : /* @__PURE__ */ o(
-            ie,
+          ) : /* @__PURE__ */ i(
+            M,
             {
-              text: l,
+              text: s,
               className: e == null ? void 0 : e.placeholder
             }
           ) }),
-          /* @__PURE__ */ o(
-            Me,
+          /* @__PURE__ */ i(
+            he,
             {
               width: 20,
               height: 20,
               viewBox: "0 0 20 20",
-              className: c(
-                w.icon,
-                r && w.iconDisabled,
-                f && "-rotate-180",
+              className: n(
+                v.icon,
+                r && v.iconDisabled,
+                p && "-rotate-180",
                 "flex-shrink-0"
               )
             }
@@ -911,44 +896,44 @@ const z = {
         ]
       }
     ),
-    /* @__PURE__ */ o("div", { ref: x, children: /* @__PURE__ */ p(
-      Re,
+    /* @__PURE__ */ i("div", { ref: y, children: /* @__PURE__ */ c(
+      ue,
       {
-        container: x.current,
-        className: c(B.content, e == null ? void 0 : e.content),
+        container: y.current,
+        className: n(T.content, e == null ? void 0 : e.content),
         style: { minWidth: "var(--radix-popper-anchor-width)" },
-        onOpenAutoFocus: ke,
-        ref: y,
+        onOpenAutoFocus: re,
+        ref: x,
         children: [
-          s && /* @__PURE__ */ o(ur, { width: 30, height: 30 }),
-          !s && (n != null && n.length) ? n.map((S) => /* @__PURE__ */ o(
+          b && /* @__PURE__ */ i(Ve, { width: 30, height: 30 }),
+          !b && (d != null && d.length) ? d.map((m) => /* @__PURE__ */ i(
             "div",
             {
-              "data-value": S.value,
-              className: B.items,
-              onClick: (T) => {
-                T.preventDefault(), T.stopPropagation(), t(S.value), g(!1);
+              "data-value": m.value,
+              className: T.items,
+              onClick: (j) => {
+                j.preventDefault(), j.stopPropagation(), o(m.value), f(!1);
               },
-              children: /* @__PURE__ */ o(
-                R,
+              children: /* @__PURE__ */ i(
+                w,
                 {
-                  className: c(
-                    B.itemsText,
-                    !a && d === S.value && B.active,
-                    a && B.dot,
-                    a && d === S.value && "before:bg-dark-10 !font-bold"
+                  className: n(
+                    T.itemsText,
+                    !t && l === m.value && T.active,
+                    t && T.dot,
+                    t && l === m.value && "before:bg-dark-10 !font-bold"
                   ),
-                  children: S.label
+                  children: m.label
                 }
               )
             },
-            S.value
-          )) : !s && /* @__PURE__ */ o("div", { className: c(B.items, "cursor-default"), children: /* @__PURE__ */ o(R, { className: c(B.itemsText), children: "Нет данных" }) })
+            m.value
+          )) : !b && /* @__PURE__ */ i("div", { className: n(T.items, "cursor-default"), children: /* @__PURE__ */ i(w, { className: n(T.itemsText), children: "Нет данных" }) })
         ]
       }
     ) })
   ] }) });
-}, M = {
+}, D = {
   container: "w-full flex items-start flex-col gap-1.5",
   base: {
     icon: "ml-auto fill-sidebar-30/[.70] rounded hover:cursor-pointer transition-transform durantion-300",
@@ -981,95 +966,95 @@ const z = {
       success: "border-success-20 ring-2 ring-success-10/[.20] hover:border-success-20"
     }
   }
-}, cr = m.forwardRef(
+}, Ie = W.forwardRef(
   ({
     imageSrc: e,
     alt: r,
-    hasBadge: i = !1,
-    iconSize: t,
-    isActive: n,
-    isHasCamera: l = !1,
-    onAvatarChange: d,
-    classNames: a
-  }, s) => {
-    const u = J.root, f = J.image, g = J.badge;
-    return /* @__PURE__ */ p(
-      ge,
+    hasBadge: a = !1,
+    iconSize: o,
+    isActive: d,
+    isHasCamera: s = !1,
+    onAvatarChange: l,
+    classNames: t
+  }, b) => {
+    const u = I.root, p = I.image, f = I.badge;
+    return /* @__PURE__ */ c(
+      ye,
       {
         role: "group",
         "data-testid": "avatar-root",
         onClick: () => {
-          var h;
-          return (h = s == null ? void 0 : s.current) == null ? void 0 : h.click();
+          var g;
+          return (g = b == null ? void 0 : b.current) == null ? void 0 : g.click();
         },
-        className: c(
+        className: n(
           u,
-          i && "bg-dark-30/[.10]",
-          n && J.active,
-          a == null ? void 0 : a.wrapper
+          a && "bg-dark-30/[.10]",
+          d && I.active,
+          t == null ? void 0 : t.wrapper
         ),
         children: [
-          !!s && /* @__PURE__ */ o(
+          !!b && /* @__PURE__ */ i(
             "input",
             {
-              ref: s,
+              ref: b,
               type: "file",
               accept: ".png,.jpg,.jpeg,image/png,image/jpeg",
               className: "hidden",
-              onChange: d
+              onChange: l
             }
           ),
-          e ? /* @__PURE__ */ o(
-            fe,
+          e ? /* @__PURE__ */ i(
+            me,
             {
               role: "img",
               "data-testid": "avatar-img",
               src: e,
               alt: r ?? "empty-avatar",
-              className: c(f, a == null ? void 0 : a.img)
+              className: n(p, t == null ? void 0 : t.img)
             }
-          ) : /* @__PURE__ */ o(me, { children: l ? /* @__PURE__ */ o(
-            de,
+          ) : /* @__PURE__ */ i(ke, { children: s ? /* @__PURE__ */ i(
+            H,
             {
               width: 38,
               height: 30,
-              className: c("fill-dark-30/[.20]", a == null ? void 0 : a.badgeIcon),
+              className: n("fill-dark-30/[.20]", t == null ? void 0 : t.badgeIcon),
               viewBox: "0 0 38 30"
             }
-          ) : /* @__PURE__ */ o(
-            Oe,
+          ) : /* @__PURE__ */ i(
+            xe,
             {
               "data-testid": "icon-avatar",
               "aria-label": "icon-avatar",
-              height: (t == null ? void 0 : t.height) ?? 17,
-              width: (t == null ? void 0 : t.width) ?? 17,
-              className: c(
+              height: (o == null ? void 0 : o.height) ?? 17,
+              width: (o == null ? void 0 : o.width) ?? 17,
+              className: n(
                 "fill-sidebar-10",
-                i && "fill-dark-30/[.15]",
-                a == null ? void 0 : a.fallbackIcon
+                a && "fill-dark-30/[.15]",
+                t == null ? void 0 : t.fallbackIcon
               )
             }
           ) }),
-          i && /* @__PURE__ */ o(
+          a && /* @__PURE__ */ i(
             "div",
             {
               "data-testid": "avatar-badge",
-              className: c(g.wrapper, a == null ? void 0 : a.badge),
-              children: n ? /* @__PURE__ */ o(
-                he,
+              className: n(f.wrapper, t == null ? void 0 : t.badge),
+              children: d ? /* @__PURE__ */ i(
+                X,
                 {
                   width: 14,
                   height: 14,
                   viewBox: "0 0 20 20",
                   className: "fill-sidebar-10"
                 }
-              ) : /* @__PURE__ */ o(
-                de,
+              ) : /* @__PURE__ */ i(
+                H,
                 {
                   width: 16,
                   height: 13,
                   viewBox: "0 0 38 30",
-                  className: c("fill-sidebar-10", a == null ? void 0 : a.badgeIcon)
+                  className: n("fill-sidebar-10", t == null ? void 0 : t.badgeIcon)
                 }
               )
             }
@@ -1079,1316 +1064,146 @@ const z = {
     );
   }
 );
-cr.displayName = "Avatar";
-const J = {
+Ie.displayName = "Avatar";
+const I = {
   root: "size-9 relative flex items-center justify-center bg-dark-30/[.10] rounded-full",
   image: "size-full object-center object-cover rounded-full",
   badge: {
     wrapper: "absolute bottom-2 right-2 transform translate-x-1/4 translate-y-1/4 flex items-center justify-center bg-primary-10 px-2.5 py-3 border-2 border-sidebar-10 rounded-full"
   },
   active: "ring ring-2 ring-offset-1 ring-primary-10"
-}, pt = ({
+}, sr = ({
   value: e,
   onValueChange: r,
-  classNames: i = {},
-  count: t = 3,
-  ...n
-}) => /* @__PURE__ */ o(Y.Root, { value: e, onValueChange: r, children: /* @__PURE__ */ o(
-  Y.List,
+  classNames: a = {},
+  count: o = 3,
+  ...d
+}) => /* @__PURE__ */ i(V.Root, { value: e, onValueChange: r, children: /* @__PURE__ */ i(
+  V.List,
   {
-    className: c($.container, i.container),
-    ...n,
-    children: Array.from({ length: t }).map((l, d) => /* @__PURE__ */ o(
-      Y.Trigger,
+    className: n($.container, a.container),
+    ...d,
+    children: Array.from({ length: o }).map((s, l) => /* @__PURE__ */ i(
+      V.Trigger,
       {
-        value: String(d),
-        className: c(
+        value: String(l),
+        className: n(
           $.dot,
-          d <= Number(e) && $.dotActive,
-          i.trigger
+          l <= Number(e) && $.dotActive,
+          a.trigger
         )
       },
-      d
+      l
     ))
   }
 ) }), $ = {
   container: "flex items-center gap-1",
   dot: "size-2 rounded-full bg-dark-30/[.20] transition-colors focus:outline-none focus:ring-offset-0 focus:ring-primary-10",
   dotActive: "bg-primary-10"
-}, ht = ({ className: e, children: r, ...i }) => /* @__PURE__ */ o("div", { ...i, "data-slot": "skeleton", className: c(br.base, e), children: r }), br = {
+}, br = ({ className: e, children: r, ...a }) => /* @__PURE__ */ i("div", { ...a, "data-slot": "skeleton", className: n(Pe.base, e), children: r }), Pe = {
   base: "bg-gray-200 animate-pulse rounded-md"
-}, ur = ({
+}, Ve = ({
   classNames: e,
   width: r = 73,
-  height: i = 73,
-  isBlur: t = !1
-}) => /* @__PURE__ */ o(
+  height: a = 73,
+  isBlur: o = !1
+}) => /* @__PURE__ */ i(
   "div",
   {
     "data-testid": "spinner",
-    className: c(t ? ee.blur : ee.wrapper, e == null ? void 0 : e.wrapper),
-    children: /* @__PURE__ */ o(
-      Te,
+    className: n(o ? E.blur : E.wrapper, e == null ? void 0 : e.wrapper),
+    children: /* @__PURE__ */ i(
+      de,
       {
         "data-testid": "spinner-icon",
-        height: i,
+        height: a,
         width: r,
-        className: c(ee.icon, e == null ? void 0 : e.icon)
+        className: n(E.icon, e == null ? void 0 : e.icon)
       }
     )
   }
-), ee = {
+), E = {
   wrapper: "flex flex-col gap-1 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 items-center justify-center",
   blur: "absolute inset-0 z-51 flex items-center justify-center bg-background/60 backdrop-blur-sm rounded-[20px]",
   icon: "fill-primary-10"
-}, pr = {
-  dark: {
-    10: "#242424",
-    // Заполненный текст полей
-    20: "#323234",
-    // Заголовки модулей
-    30: "#424242",
-    // Основной текст
-    40: "#4A4A4A",
-    // Заголовки форм
-    50: "#747474"
-    // Заголовки колонок в таблице
-  },
-  gray: {
-    10: "#B6B7BA",
-    // Текст внутри полей
-    20: "#B5B5B5",
-    // Чекбокс stroke
-    30: "#D1D1D1",
-    // Неактивный текст
-    40: "#F2F2F2",
-    // Цвет полей
-    50: "#F3F6F8"
-    // Цвет заполнения
-  },
-  primary: {
-    10: "#F9B800",
-    // Основной / Акцент
-    20: "#FF9900",
-    // Hover
-    30: "#FB7100",
-    // Pressed
-    40: "#FEEAB3",
-    // Stroke
-    50: "#FFF8E6"
-    // Выделение
-  },
-  secondary: {
-    10: "#606061",
-    // default text
-    20: "#D9D9DF",
-    // disabled bg
-    30: "#FEEAB3",
-    // focus stroke
-    40: "#FFDFB0",
-    // hover stroke
-    50: "#FED3B0"
-    // pressed stroke
-  },
-  success: {
-    10: "#2EBF42",
-    // Успешно
-    20: "#76BF97",
-    // bg success
-    30: "#CCFBE0",
-    // Active status
-    40: "#16A52A",
-    // Hover
-    50: "#F0F9E3"
-    // Pressed bg
-  },
-  danger: {
-    10: "#F42929",
-    // Ошибка
-    20: "#EB2428",
-    // bg ошибка
-    30: "#D61B1E",
-    // hover
-    40: "#E69494",
-    // pressed
-    50: "#FFCCCE"
-    // Status
-  },
-  info: {
-    10: "#1B9BE4",
-    // Инфо
-    20: "#DFF8FF",
-    // bg info
-    30: "#D9EDFF",
-    // Категории
-    40: "#B8DBF6",
-    // hover
-    50: "#99C5EC"
-    // pressed
-  },
-  status: {
-    10: "#CCF8E0",
-    // success
-    20: "#E8EAEE",
-    // inactive
-    30: "#FFF2CE",
-    // process
-    40: "#FFDDCC",
-    // pending
-    50: "#FFC2C2",
-    // blocked
-    default: "#EFE5FF"
-    // done
-  },
-  sidebar: {
-    10: "#FFFFFF",
-    // default text
-    20: "#F9B800",
-    // active text
-    30: "#585858",
-    // disabled text
-    40: "#434343",
-    // hover bg
-    50: "#323234"
-    // bg
-  },
-  tertiary: {
-    10: "#B6B7BA",
-    // statusCategory.main
-    20: "#242424",
-    // hover
-    30: "#95C5EC",
-    // pressed
-    40: "#E8F4FF",
-    50: "#F6FAFF"
-  }
-}, re = {
-  textStyles: {
-    body: {
-      "body-8": {
-        fontSize: "8px",
-        fontWeight: 500,
-        lineHeight: "1"
-      },
-      "body-10": {
-        fontSize: "10px",
-        fontWeight: 500,
-        lineHeight: "1.5"
-      },
-      "body-12": {
-        fontSize: "12px",
-        fontWeight: 500,
-        lineHeight: "1.5"
-      },
-      "body-14": {
-        fontSize: "14px",
-        fontWeight: 500,
-        lineHeight: "2"
-      },
-      "body-16": {
-        fontSize: "16px",
-        fontWeight: 500,
-        lineHeight: "2"
-      },
-      "body-18": {
-        fontSize: "18px",
-        fontWeight: 500,
-        lineHeight: "2"
-      }
-    },
-    headings: {
-      h1: {
-        fontSize: "40px",
-        fontWeight: 500,
-        lineHeight: "normal"
-      },
-      h2: {
-        fontSize: "32px",
-        fontWeight: 500,
-        lineHeight: "normal"
-      },
-      h3: {
-        fontSize: "28px",
-        fontWeight: 500,
-        lineHeight: "normal"
-      },
-      h4: {
-        fontSize: "24px",
-        fontWeight: 500,
-        lineHeight: "normal"
-      },
-      h5: {
-        fontSize: "20px",
-        fontWeight: 500,
-        lineHeight: "normal"
-      },
-      h6: {
-        fontSize: "16px",
-        fontWeight: 500,
-        lineHeight: "normal"
-      }
-    },
-    link: {
-      8: {
-        fontSize: "8px",
-        fontWeight: 500,
-        lineHeight: "1"
-      },
-      10: {
-        fontSize: "10px",
-        fontWeight: 500,
-        lineHeight: "1.5"
-      },
-      12: {
-        fontSize: "12px",
-        fontWeight: 500,
-        lineHeight: "1.5"
-      },
-      14: {
-        fontSize: "14px",
-        fontWeight: 500,
-        lineHeight: "2"
-      },
-      16: {
-        fontSize: "16px",
-        fontWeight: 500,
-        lineHeight: "2"
-      },
-      18: {
-        fontSize: "18px",
-        fontWeight: 500,
-        lineHeight: "2"
-      }
-    }
-  }
-}, te = (e, { splitClassName: r } = { splitClassName: !0 }) => {
-  const i = {};
-  return Object.keys(e).forEach((t) => {
-    const [n, l] = r ? t.split("-") : ["", t], d = `text-${r ? n : t}`;
-    i[d] || (i[d] = []), i[d].push(l);
-  }), i;
-}, hr = (e) => {
-  const r = {};
-  return Object.entries(e).forEach(([i, t]) => {
-    const n = `text-${i}`;
-    r[n] = Object.keys(t).filter(
-      (l) => !isNaN(Number(l))
-    );
-  }), r;
-}, gr = _e({
-  extend: {
-    classGroups: {
-      "font-size": [
-        te(re.textStyles.body),
-        te(re.textStyles.headings, {
-          splitClassName: !1
-        }),
-        te(re.textStyles.link, {
-          splitClassName: !1
-        })
-      ],
-      "text-color": [hr(pr)]
-    }
-  }
-}), b = (...e) => gr(Pe(e));
-Qe.use([
-  Xe,
-  Ve,
-  Ge,
-  Ne,
-  Ue,
-  Je,
-  Ke
-]);
-const ue = (e) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 38, height: 30, fill: "none", ...e }, /* @__PURE__ */ m.createElement("path", { fill: "currentFill", d: "M32.3 3.75h-3.01l-1.9-1.87A7.2 7.2 0 0 0 22.8 0h-7.6c-1.56 0-3.49.79-4.59 1.88l-1.9 1.87H5.7A5.67 5.67 0 0 0 0 9.38v15C0 27.48 2.56 30 5.7 30h26.6c3.14 0 5.7-2.52 5.7-5.62v-15c0-3.1-2.56-5.63-5.7-5.63M19 22.5a6.7 6.7 0 0 1-4.7-1.92 6.5 6.5 0 0 1 0-9.29 6.7 6.7 0 0 1 9.4 0 6.5 6.5 0 0 1 0 9.29A6.7 6.7 0 0 1 19 22.5m11.4-8.81a2.5 2.5 0 0 1-2.28-1.5 2.4 2.4 0 0 1 1.33-3.2 2.5 2.5 0 0 1 2.7.53 2.4 2.4 0 0 1 0 3.45c-.47.46-1.1.72-1.75.72" })), fr = (e) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentFill", ...e }, /* @__PURE__ */ m.createElement("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m5.67 7.5 3.1 3.5L15 4M2 7.5 5.11 11m6.22-7L8.97 6.69" })), mr = (e) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ...e }, /* @__PURE__ */ m.createElement("path", { fill: "currentFill", d: "m9.55 15.15 8.48-8.48a.96.96 0 0 1 1.4 0q.3.3.3.72 0 .4-.3.71l-9.18 9.2a.96.96 0 0 1-1.4 0L4.55 13a1 1 0 0 1-.29-.71q.01-.41.32-.71.3-.3.7-.3.42 0 .72.3z" })), ve = (e) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", ...e }, /* @__PURE__ */ m.createElement("g", { mask: "url(#mask0_770_8096)" }, /* @__PURE__ */ m.createElement("path", { fill: "currentFill", d: "m7.96 12.63 7.06-7.07a.8.8 0 0 1 1.17 0q.24.25.25.6 0 .34-.25.59l-7.65 7.67a.8.8 0 0 1-1.16 0l-3.59-3.59a.8.8 0 0 1-.24-.59q.01-.34.26-.6a.8.8 0 0 1 .6-.24q.34 0 .59.25z" }))), vr = (e) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentFill", viewBox: "0 0 19 19", ...e }, /* @__PURE__ */ m.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ m.createElement("path", { d: "M4.95 5.54a4.55 4.55 0 1 1 9.1 0 4.55 4.55 0 0 1-9.1 0m4.39 5.75h.32l5.77 1.02h.03c1.07.25 2.21.92 2.43 2.24v.02l.1.7c.2 1.58-1.05 2.74-2.54 2.74H3.55c-1.49 0-2.75-1.16-2.54-2.76l.1-.68v-.03c.22-1.29 1.37-2 2.43-2.23h.02z" })), /* @__PURE__ */ m.createElement("defs", null, /* @__PURE__ */ m.createElement("clipPath", { id: "a" }, /* @__PURE__ */ m.createElement("path", { d: "M0 0h19v19H0z" })))), xr = (e) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 19, height: 19, fill: "currentFill", ...e }, /* @__PURE__ */ m.createElement("path", { fillOpacity: 0.8, d: "M1.6 8a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 1.6.5h6a.75.75 0 0 1 .75.75v6A.75.75 0 0 1 7.6 8zm10.5 0a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 12.1.5h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75zM1.6 18.5a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 1.6 11h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75zm10.5 0a.75.75 0 0 1-.75-.75v-6a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75z" })), yr = (e) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 19, height: 13, fill: "currentFill", ...e }, /* @__PURE__ */ m.createElement("path", { fillOpacity: 0.8, d: "M1.45 12.45a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.43.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.27.3.7a1 1 0 0 1-1 1zm0-5a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.42.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.27.3.7a1 1 0 0 1-1 1zm0-5a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.43.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.28.3.7a1 1 0 0 1-1 1z" })), V = {
-  base: "group inline-flex items-center justify-center transition-colors rounded-[10px] border outline-none",
-  icon: {
-    disabled: {
-      primary: "fill-white",
-      secondary: "fill-secondary-10/[.50]",
-      text: "fill-secondary-10/[.60]"
-    },
-    parent: "justify-between gap-[9px] w-auto",
-    variants: {
-      primary: "fill-white",
-      secondary: "fill-dark-30 group-hover:fill-primary-20 group-focus-visible:fill-sidebar-20 group-active:fill-primary-30",
-      text: "fill-primary-10 group-hover:fill-primary-20 group-active:fill-primary-30"
-    }
-  },
-  sizes: {
-    medium: {
-      fontSize: "text-sm font-medium font-mono",
-      padding: "px-[20px] py-[9px]"
-    }
-  },
-  variants: {
-    primary: {
-      active: "active:bg-primary-30",
-      base: "bg-primary-10 text-white",
-      disabled: "disabled:bg-secondary-10/[.25] disabled:border-gray-30 disabled:shadow-none",
-      focus: "focus-visible:bg-primary-10 focus-visible:outline-[4px] focus-visible:outline-primary-10/[.20] focus-visible:outline-offset-0",
-      hover: "hover:bg-primary-20 hover:border-primary-2 hover:shadow-[0px_5px_10.6px_0px_#F9B8004D]"
-    },
-    secondary: {
-      active: "active:bg-transparent active:text-primary-30 active:border active:border-secondary-50",
-      base: "bg-transparent text-dark-30 font-semibold outline-none border-dark-30/[.20]",
-      disabled: "disabled:bg-secondary-10/[.08] disabled:text-dark-30/[.25] disabled:border-secondary-10/[.25]",
-      focus: "focus-visible:text-sidebar-20 focus-visible:bg-transparent focus-visible:outline-[4px] focus-visible:outline-primary-10/[.20] focus-visible:border-primary-10 focus-visible:outline-offset-0",
-      hover: "hover:bg-transparent hover:text-primary-20 hover:border-secondary-40"
-    },
-    text: {
-      active: "active:bg-transparent active:text-primary-30 active:border-transparent",
-      base: "group bg-transparent text-primary-10 outline-none border-transparent",
-      disabled: "disabled:bg-transparent disabled:border-transparent disabled:text-dark-30/[.30]",
-      focus: "focus-visible:transparent focus-visible:outline-[2px] focus-visible:outline-primary-10/[.20] focus-visible:outline-offset-0",
-      hover: "hover:bg-transparent hover:text-primary-20 hover:border-transparent"
-    }
-  }
-};
-F(
-  ({
-    children: e,
-    classNames: r,
-    disabled: i = !1,
-    icon: t,
-    iconDimensions: n = { height: 15, width: 15 },
-    iconPosition: l = "right",
-    size: d = "medium",
-    variant: a = "primary",
-    isShadow: s = !1,
-    ...u
-  }, f) => {
-    const g = V.icon, h = V.sizes[d], v = V.variants[a] || V.variants.primary, x = g.variants[a], y = g.disabled[a];
-    return /* @__PURE__ */ p(
-      "button",
-      {
-        role: "button",
-        ...u,
-        type: u.type || "button",
-        ref: f,
-        disabled: i,
-        className: b(
-          V.base,
-          h.padding,
-          h.fontSize,
-          v.base,
-          v.focus,
-          !i && v.hover,
-          !i && v.active,
-          i && v.disabled,
-          !!t && g.parent,
-          !!t && !e && "min-w-0",
-          a === "primary" && s && "shadow-3xl",
-          r == null ? void 0 : r.base
-        ),
-        children: [
-          !!t && l === "left" && /* @__PURE__ */ o(
-            t,
-            {
-              "aria-label": "icon",
-              "aria-hidden": !0,
-              className: b(
-                !i && x,
-                i && y,
-                r == null ? void 0 : r.icon
-              ),
-              height: n.height,
-              width: n.width,
-              viewBox: n.viewBox
-            }
-          ),
-          e,
-          !!t && l === "right" && /* @__PURE__ */ o(
-            t,
-            {
-              "aria-label": "icon",
-              "aria-hidden": !0,
-              className: b(
-                !i && x,
-                i && y,
-                r == null ? void 0 : r.icon
-              ),
-              height: n.height,
-              width: n.width,
-              viewBox: n.viewBox
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-const wr = F(
-  ({
-    classNames: e,
-    disabled: r = !1,
-    icon: i,
-    variant: t = "default",
-    shape: n,
-    badge: l,
-    iconSizes: d,
-    text: a,
-    ...s
-  }, u) => {
-    var f;
-    const g = O.icon, h = O.variants[t], v = g.variants[t], x = (f = O.shape) == null ? void 0 : f[n], y = g.disabled[t];
-    return /* @__PURE__ */ p(
-      "button",
-      {
-        ...s,
-        role: "button",
-        type: s.type || "button",
-        ref: u,
-        disabled: r,
-        className: b(
-          O.base,
-          h.base,
-          h.focus,
-          x,
-          l && O.badgeStyles.base,
-          !r && h.hover,
-          !r && h.active,
-          r && h.disabled,
-          e == null ? void 0 : e.button
-        ),
-        children: [
-          l && /* @__PURE__ */ o("span", { className: O.badgeStyles.badgeStyles, children: l }),
-          !!i && /* @__PURE__ */ o(
-            i,
-            {
-              "aria-label": "icon",
-              "aria-hidden": !0,
-              className: b(
-                g.base,
-                !r && v,
-                r && y,
-                e == null ? void 0 : e.icon
-              ),
-              height: d == null ? void 0 : d.height,
-              width: d == null ? void 0 : d.width,
-              viewBox: d == null ? void 0 : d.viewBox
-            }
-          ),
-          !!a && /* @__PURE__ */ o(U, { className: e == null ? void 0 : e.text, children: a })
-        ]
-      }
-    );
-  }
-), O = {
-  base: "group inline-flex items-center justify-center rounded-[10px] outline-none border",
-  icon: {
-    base: "text-inherit",
-    disabled: {
-      default: "fill-secondary-10/50",
-      primary: "fill-secondary-10/50",
-      text: "text-dark-30/50"
-    },
-    variants: {
-      default: "fill-sidebar-30 group-hover:fill-primary-20 group-active:fill-primary-30 group-focus-visible:fill-primary-10",
-      primary: "fill-sidebar-30 group-hover:fill-primary-20 group-focus-visible:fill-primary-10 group-active:fill-primary-30",
-      text: "text-sidebar-30 group-hover:text-primary-20 group-focus-visible:text-sidebar-20 group-active:text-primary-30"
-    }
-  },
-  badgeStyles: {
-    base: "relative overflow-visible",
-    badgeStyles: "absolute text-[10px] font-normal top-[-5px] right-[-6px] z-10 bg-primary-10 text-primary-10 text-white w-5 h-4 rounded-full flex items-center justify-center"
-  },
-  shape: {
-    circle: "rounded-full px-1.5 py-1.5",
-    square: "px-1.5 py-1.5"
-  },
-  variants: {
-    default: {
-      active: "active:border-[1.5px] active:bg-transparent active:border-primary-30 active:shadow-primary-40",
-      base: "px-1.5 py-1.5 bg-transparent border-gray-30 shadow",
-      disabled: "disabled:bg-gray-40 disabled:border-secondary-10/[.25] shadow-none",
-      focus: "focus:border-[1.5px] focus-visible:bg-transparent focus-visible:outline-[4px] focus-visible:outline-primary-10/[.20] focus-visible:outline-offset-0 focus-visible:border-primary-10",
-      hover: "hover:bg-transparent hover:border-primary-20 hover:shadow-primary-40"
-    },
-    primary: {
-      active: "active:bg-gray-40 active:border-transparent",
-      base: "px-1.5 py-1.5 bg-gray-40 outline-none rounded-full border-transparent",
-      disabled: "disabled:bg-gray-40",
-      focus: "focus:border-transparent focus-visible:bg-gray-40 focus-visible:outline-[4px] focus-visible:outline-primary-10/[.20] focus-visible:outline-offset-0",
-      hover: "hover:bg-gray-40 hover:border-transparent"
-    },
-    text: {
-      base: "border-none hover:border-none hover:bg-transparent bg-transparent",
-      hover: "",
-      focus: "",
-      active: "",
-      disabled: "disabled:border-transparent disabled:cursor-default"
-    }
-  }
-}, q = {
-  active: "active:bg-tertiary-10 active:border-tertiary-10 outline-none",
-  base: "border border-secondary-10/[.25] hover:border-primary-10 flex items-center justify-center rounded-[6px] cursor-pointer",
-  checked: "bg-primary-10 border-primary-10",
-  disabled: "cursor-not-allowed bg-secondary-10/[.08] border border--secondary-10/[.25] hover:border--secondary-10/[.25]",
-  hover: "hover:ring-2 hover:ring-primary-20/[.20] hover:ring-offset-0",
-  sizes: {
-    large: {
-      label: "size-5"
-    },
-    medium: {
-      label: "size-4"
-    },
-    small: {
-      label: "size-2.5"
-    }
-  }
-};
-F(
-  ({
-    checked: e = !1,
-    className: r = "",
-    disabled: i,
-    id: t,
-    onChange: n,
-    size: l = "large",
-    ...d
-  }, a) => {
-    const s = q.base, u = q.sizes[l];
-    return /* @__PURE__ */ p(
-      "label",
-      {
-        "aria-label": "checkbox-label",
-        htmlFor: t,
-        tabIndex: 0,
-        className: b(
-          u.label,
-          s,
-          e && q.checked,
-          !i && q.active,
-          !i && e && q.hover,
-          i && q.disabled,
-          r
-        ),
-        children: [
-          /* @__PURE__ */ o(
-            "input",
-            {
-              ...d,
-              role: "checkbox",
-              id: t,
-              disabled: i,
-              checked: !!e,
-              onChange: n,
-              ref: a,
-              type: "checkbox",
-              className: "hidden peer"
-            }
-          ),
-          /* @__PURE__ */ o(
-            ve,
-            {
-              width: 20,
-              height: 18,
-              viewBox: "0 0 20 20",
-              className: b("opacity-0 fill-sidebar-10", e && "!opacity-100")
-            }
-          )
-        ]
-      }
-    );
+}, P = {
+  image: "Photo",
+  video: "Video",
+  audio: "Voice message",
+  file: "Файл"
+}, _e = (e, r, a) => {
+  switch (e) {
+    case "image":
+      return P.image;
+    case "video":
+      return P.video;
+    case "audio":
+      return P.audio;
+    case "file":
+      return r || P.file;
+    default:
+      return a || null;
   }
-);
-F(
-  ({
-    disabled: e,
-    onChange: r,
-    placeholder: i,
-    autoFocus: t = !1,
-    status: n,
-    maxLength: l,
-    id: d,
-    classNames: a,
-    ...s
-  }, u) => {
-    const f = I.parent, g = I.base, h = I.state, v = I.disabled, x = I.styles, y = I.maxLength;
-    return /* @__PURE__ */ p("div", { className: b(f, a == null ? void 0 : a.parent), children: [
-      /* @__PURE__ */ o(
-        "input",
-        {
-          ...s,
-          role: "textbox",
-          ref: u,
-          id: d,
-          disabled: e,
-          autoFocus: t,
-          onChange: r,
-          maxLength: l,
-          className: b(
-            g,
-            h.focus,
-            !e && h.hover,
-            n && (x == null ? void 0 : x[n]),
-            e && v,
-            a == null ? void 0 : a.target
-          ),
-          placeholder: i
-        }
-      ),
-      l && /* @__PURE__ */ p(
-        U,
-        {
-          variant: "span",
-          className: b(
-            y,
-            String(s.value).length === l ? "bg-danger-10" : "bg-success-10"
-          ),
-          children: [
-            (s.value || "").toString().length,
-            "/",
-            l
-          ]
-        }
-      )
-    ] });
-  }
-);
-const I = {
-  parent: "relative flex flex-col items-start w-full",
-  base: "text-dark-10 text-sm leading-none w-full rounded-[10px] bg-gray-50 border border-gray-50 p-[12.5px] placeholder:text-dark-10/[.40]",
-  disabled: "bg-secondary-10/[.08] text-gray-30 cursor-not-allowed",
-  state: {
-    focus: "focus:outline-none focus:bg-white focus:border focus:border-primary-10 focus:ring-2 focus:ring-primary-10/[.20]",
-    hover: "hover:bg-white hover:border-primary-10/[.31] hover:cursor-pointer transition-colors duration-200"
-  },
-  styles: {
-    danger: "bg-white border-danger-10 ring-2 ring-danger-10/[.20] hover:border-danger-10",
-    info: "bg-white border-info-10 ring ring-info-10/[.20] hover:border-info-10",
-    success: "bg-white border-success-10 ring-2 ring-success-10/[.20] hover:border-success-10"
-  },
-  maxLength: "ml-auto px-1 mt-1 text-body-10 text-white rounded"
-};
-m.forwardRef(
-  ({ htmlFor: e, className: r, children: i, disabled: t, ...n }, l) => {
-    const d = pe.base, a = pe.disabled;
-    return /* @__PURE__ */ o(
-      "label",
-      {
-        ...n,
-        role: "presentation",
-        "aria-label": "input-label",
-        ref: l,
-        htmlFor: e,
-        className: b(d, t && a, r),
-        children: i
-      }
-    );
-  }
-);
-const pe = {
-  base: "text-secondary-10 text-sm font-sans font-semibold leading-none",
-  disabled: "text-dark-30/25 cursor-not-allowed"
-}, kr = m.forwardRef(
-  ({
-    id: e,
-    text: r,
-    timestamp: i,
-    senderName: t,
-    status: n,
-    isMine: l = !1,
-    selected: d = !1,
-    firstMessage: a = !1,
-    classNames: s,
-    ...u
-  }, f) => {
-    const g = G.base, h = G.wrapper, v = G.sender, x = G.message, y = G.timestamp;
-    return /* @__PURE__ */ p(
-      "div",
-      {
-        ref: f,
-        id: e,
-        "data-testid": "message",
-        className: b(
-          g,
-          l && "bg-primary-10/[.15] border-dark-40/[.25]",
-          d && !l && "bg-dark-40/[.25]",
-          d && l && "bg-primary-10/[.55]",
-          s == null ? void 0 : s.base
-        ),
-        ...u,
-        children: [
-          /* @__PURE__ */ p("div", { className: b(h.above), children: [
-            !l && a && !!t && /* @__PURE__ */ o(
-              "span",
-              {
-                "data-testid": "sender-name",
-                className: b(v, s == null ? void 0 : s.sender),
-                children: t
-              }
-            ),
-            !!r && /* @__PURE__ */ o(
-              "span",
-              {
-                "data-testid": "message-text",
-                className: b(x, s == null ? void 0 : s.message),
-                children: r
-              }
-            )
-          ] }),
-          /* @__PURE__ */ p("div", { className: h.below, children: [
-            !!i && /* @__PURE__ */ o(
-              "span",
-              {
-                "data-testid": "message-timestamp",
-                className: b(
-                  y,
-                  s == null ? void 0 : s.timestamp,
-                  l ? "text-primary-10" : "text-dark-40/50",
-                  d && "text-dark-30"
-                ),
-                children: Ie(i, "HH:mm")
-              }
-            ),
-            l && !!n && /* @__PURE__ */ p("div", { "data-testid": "message-status", className: "translate-y-0.5", children: [
-              n === "delivered" && /* @__PURE__ */ o(
-                mr,
-                {
-                  className: "fill-primary-10",
-                  width: 16,
-                  height: 16,
-                  viewBox: "0 0 24 24"
-                }
-              ),
-              n === "read" && /* @__PURE__ */ o(
-                fr,
-                {
-                  className: "fill-transparent text-primary-10",
-                  width: 16,
-                  height: 16,
-                  viewBox: "0 0 16 16"
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    );
-  }
-);
-kr.displayName = "Message";
-const G = {
-  base: "relative flex gap-3 bg-sidebar-10 border border-dark-40/[.25] rounded-[10px] px-2.5 py-2 min-h-10 w-max",
-  wrapper: {
-    above: "flex flex-col justify-center gap-0.5",
-    below: "flex items-end justify-end gap-px"
-  },
-  sender: "text-primary-10 text-sm font-sans font-medium",
-  message: "text-dark-30 text-sm font-sans font-medium",
-  timestamp: "text-xs leading-none"
-}, Fr = F(
-  ({ checked: e, disabled: r, id: i, onChange: t, size: n = "large", className: l, ...d }, a) => {
-    const s = C.sizes[n];
-    return /* @__PURE__ */ p(
-      "label",
-      {
-        htmlFor: i,
-        "aria-label": "radio-label",
-        className: b(
-          C.base,
-          s.label,
-          r && C.disabled,
-          !r && C.active,
-          !e && !r && C.hover,
-          !r && e && C.checked,
-          l
-        ),
-        children: [
-          /* @__PURE__ */ o(
-            "input",
-            {
-              ...d,
-              id: i,
-              ref: a,
-              type: "radio",
-              role: "radio",
-              checked: e,
-              disabled: r,
-              onChange: t,
-              className: "hidden peer",
-              "aria-checked": e,
-              readOnly: !t
-            }
-          ),
-          /* @__PURE__ */ o(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: b(
-                e ? [C.radio.base, C.radio[n]] : "opacity-0",
-                r && "bg-primary-30"
-              )
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Fr.displayName = "Radio";
-const C = {
-  base: "border-2 border-dark-30/[.15] flex items-center justify-center rounded-full cursor-pointer outline-none bg-sidebar-10/[.08]",
-  active: "active:border-primary-10",
-  hover: "hover:border-primary-20/[.30]",
-  checked: "border-dark-30/[.15]",
-  disabled: "cursor-not-allowed bg-dark-30/[.08] border-2 border-dark-30/[.15] outline-none",
-  radio: {
-    base: "bg-primary-10 rounded-full opacity-100 peer-active:bg-primary-10 peer-hover:bg-primary-20 peer-disabled:border-sidebar-10/[.08] peer-disabled:bg-sidebar-10/[.08]",
-    large: "size-3.5",
-    medium: "size-2.5"
-  },
-  sizes: {
-    large: {
-      label: "size-6 min-w-6"
-    },
-    medium: {
-      label: "size-5 min-w-5"
-    }
-  }
-}, { Root: Sr, Thumb: zr } = X;
-m.forwardRef(({ classNames: e, ...r }, i) => {
-  const t = r.checked ?? !1;
-  return /* @__PURE__ */ p(Sr, { ref: i, className: b(A.base, e == null ? void 0 : e.root), ...r, children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        className: b(
-          A.iconWrapper.base,
-          "left-0",
-          !t && A.iconWrapper.checked
-        ),
-        children: /* @__PURE__ */ o(
-          yr,
-          {
-            "data-testid": "list-icon",
-            className: b(t ? "fill-dark-30/25" : "fill-dark-30/[.80]")
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ o(
-      "div",
-      {
-        className: b(
-          A.iconWrapper.base,
-          "right-0",
-          t && A.iconWrapper.checked
-        ),
-        children: /* @__PURE__ */ o(
-          xr,
-          {
-            "data-testid": "grid-icon",
-            className: b(t ? "fill-dark-30/[.80]" : "fill-dark-30/25")
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ o("div", { className: b(A.borderLine) }),
-    /* @__PURE__ */ o(zr, { tabIndex: 1, className: b(A.thumb, e == null ? void 0 : e.thumb) })
-  ] });
-});
-const A = {
-  base: "group relative inline-flex w-20 h-[38px] shrink-0 cursor-pointer items-center bg-gray-50 rounded-[10px] transition-colors duration-200 transition-colors",
-  thumb: "pointer-events-none block z-50 size-10 bg-transparent border border-secondary-10/[.15] transition-transform rounded-[10px] ring-0 data-[state=checked]:translate-x-full data-[state=unchecked]:translate-x-0",
-  iconWrapper: {
-    base: "absolute z-20 w-1/2 h-full flex items-center justify-center",
-    checked: "bg-sidebar-10 rounded-[10px] overflow-hidden"
-  },
-  borderLine: "pointer-events-none absolute z-0 left-0 top-0 w-full h-full group-hover:border group-hover:border-primary-20/[.30] rounded-[10px] transition-colors duration-200"
-}, N = {
-  sizes: {
-    small: {
-      base: "flex items-center justify-center min-w-32 bg-sidebar-10 text-xs font-medium leading-none border-[1px] rounded-md py-[7px] px-5",
-      default: "text-dark-30/25 border-dark-30/25",
-      active: "bg-gray-50 text-dark-30 border-dark-30/[.40]",
-      hover: "hover:text-dark-30/[.40] hover:border-dark-30/[.40]",
-      disabled: "bg-dark-30/[.08] text-dark-30/25 border-dark-30/25 cursor-not-allowed"
-    },
-    medium: {
-      base: "flex items-center gap-1 pl-4 pr-5 py-2.5 bg-gray-50 text-sm font-semibold leading-none rounded-[10px] border",
-      default: "border-gray-50 text-dark-30",
-      active: "bg-primary-10 border-primary-10 text-white",
-      hover: "hover:border-primary-10/[.30]",
-      disabled: "bg-dark-30/[.08] text-dark-30/25 cursor-not-allowed"
-    },
-    large: {
-      base: "flex items-center bg-gray-50 px-8 py-3.5 text-sm font-regular leading-none border rounded-[10px] focus:outline-none focus:ring focus:ring-transparent",
-      default: "text-dark-40/50 border-dark-30/[.15]",
-      active: "bg-primary-10/[.10] text-dark-30 font-semibold border border-primary-10/[.20]",
-      hover: "hover:border-primary-20/[.20]",
-      disabled: "bg-dark-30/[.08] text-dark-30/25 border-dark-30/25 cursor-not-allowed"
-    }
-  },
-  focus: "focus:outline-none focus:ring focus:ring-primary-10/[.20]",
-  icon: {
-    default: "fill-dark-30",
-    active: "fill-white",
-    disabled: "fill-dark-30/25"
-  }
-};
-F(
-  ({
-    variant: e = "small",
-    active: r,
-    icon: i,
-    disabled: t,
-    children: n,
-    className: l,
-    iconDimensions: d,
-    ...a
-  }, s) => {
-    const u = N.sizes[e];
-    return /* @__PURE__ */ p(
-      "button",
-      {
-        role: "tab",
-        "aria-selected": r,
-        ref: s,
-        className: b(
-          u.base,
-          u.default,
-          !t && !r && u.hover,
-          r && !t && u.active,
-          r && !t && N.focus,
-          t && u.disabled,
-          l
-        ),
-        ...a,
-        children: [
-          !!i && /* @__PURE__ */ o(
-            i,
-            {
-              "aria-label": "icon",
-              "aria-hidden": !0,
-              className: b(
-                N.icon.default,
-                r && N.icon.active,
-                t && N.icon.disabled
-              ),
-              ...d
-            }
-          ),
-          n
-        ]
-      }
-    );
-  }
-);
-const U = ({
-  children: e,
-  className: r = "",
-  variant: i = "p",
-  ...t
-}) => /* @__PURE__ */ o(i, { ...t, className: b(r), children: e });
-m.forwardRef(
-  ({
-    className: e = "",
-    disabled: r,
-    onChange: i,
-    placeholder: t = "Введите текст",
-    autoFocus: n = !1,
-    status: l,
-    maxLength: d,
-    ...a
-  }, s) => {
-    var u, f;
-    const g = W.base, h = W.state, v = W.disabled, x = W.styles, y = W.maxLength;
-    return /* @__PURE__ */ p("div", { className: W.root, children: [
-      /* @__PURE__ */ o(
-        "textarea",
-        {
-          ...a,
-          role: "textbox",
-          ref: s,
-          maxLength: d,
-          disabled: r,
-          autoFocus: n,
-          placeholder: t,
-          onChange: i,
-          className: b(
-            g,
-            h.focus,
-            !r && h.hover,
-            l && (x == null ? void 0 : x[l]),
-            r && v,
-            e
-          )
-        }
-      ),
-      /* @__PURE__ */ o("div", { className: W.messageContainer, children: d && /* @__PURE__ */ p(
-        U,
-        {
-          variant: "span",
-          className: b(
-            y,
-            String(a.value).length === d ? "bg-danger-10 text-sidebar-10" : "bg-transparent"
-          ),
-          children: [
-            (f = (u = a.value || "") == null ? void 0 : u.toString()) == null ? void 0 : f.length,
-            "/",
-            d
-          ]
-        }
-      ) })
-    ] });
-  }
-);
-const W = {
-  root: "flex flex-col gap-1 w-full",
-  base: "w-full min-h-[60px] bg-gray-50 text-sm text-dark-10 font-sans font-medium leading-none px-3.5 py-3 border border-gray-50 rounded-[10px] placeholder:text-sm placeholder:text-dark-40/50 transition-colors duration-200",
-  disabled: "text-dark-40/25 bg-dark-30/[.08] cursor-not-allowed",
-  state: {
-    focus: "focus:outline-none focus:bg-white focus:border focus:border-primary-10 focus:ring-2 focus:ring-primary-10/[.20]",
-    hover: "hover:border-primary-10/[.31]"
-  },
-  styles: {
-    danger: "bg-white border-danger-10 ring-2 ring-danger-10/[.20] hover:border-danger-10",
-    info: "bg-white border-info-10 ring ring-info-10/[.20] hover:border-info-10",
-    success: "bg-white border-success-10 ring-2 ring-success-10/[.20] hover:border-success-10"
-  },
-  messageContainer: "flex items-center leading-none",
-  maxLength: "ml-auto p-1 text-dark-40/50 text-sm font-regular leading-none rounded"
-}, { Root: Cr, Thumb: Br } = X;
-m.forwardRef(
-  ({ label: e = "", labelPosition: r = "right", disabled: i, classNames: t, ...n }, l) => /* @__PURE__ */ p(
-    "div",
-    {
-      className: b(
-        "flex items-center w-fit",
-        r === "right" && "flex-row-reverse"
-      ),
-      children: [
-        !!e && /* @__PURE__ */ o(
-          "span",
-          {
-            className: b(
-              ae.label,
-              r === "right" && "ml-2",
-              i && "cursor-not-allowed text-dark-30/[.20]",
-              t == null ? void 0 : t.label
-            ),
-            children: e
-          }
-        ),
-        /* @__PURE__ */ o(
-          Cr,
-          {
-            ref: l,
-            disabled: i,
-            className: b(ae.base, t == null ? void 0 : t.base),
-            ...n,
-            children: /* @__PURE__ */ o(
-              Br,
-              {
-                tabIndex: 1,
-                className: b(ae.thumb, t == null ? void 0 : t.thumb)
-              }
-            )
-          }
-        )
-      ]
-    }
-  )
-);
-const ae = {
-  base: "inline-flex h-8 w-[52px] shrink-0 p-1 cursor-pointer items-center rounded-full border border-success-20 transition-colors focus:outline-none  disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-success-20 data-[state=unchecked]:bg-secondary-10/[.08] data-[state=unchecked]:border-secondary-10/[.30] disabled:data-[state=unchecked]:bg-secondary-10/[.15] disabled:data-[state=unchecked]:border-transparent",
-  label: "mr-2 text-dark-30 text-sm",
-  thumb: "pointer-events-none block size-6 transition-transform rounded-full ring-0 data-[state=checked]:translate-x-3/4 data-[state=unchecked]:translate-x-0 data-[state=checked]:bg-white data-[state=unchecked]:bg-secondary-10/[.30]"
-};
-b(
-  "font-mono select-none w-auto h-auto max-size-32 rounded-[5px] bg-dark-30 px-4 py-2 text-[10px] text-start leading-none text-sidebar-10 z-50",
-  "animate-tooltipFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade",
-  "data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade",
-  "data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade",
-  "data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade"
-);
-const Tr = m.forwardRef(
-  ({
-    imageSrc: e,
-    alt: r,
-    hasBadge: i = !1,
-    iconSize: t,
-    isActive: n,
-    isHasCamera: l = !1,
-    onAvatarChange: d,
-    classNames: a
-  }, s) => {
-    const u = K.root, f = K.image, g = K.badge;
-    return /* @__PURE__ */ p(
-      ge,
-      {
-        role: "group",
-        "data-testid": "avatar-root",
-        onClick: () => {
-          var h;
-          return (h = s == null ? void 0 : s.current) == null ? void 0 : h.click();
-        },
-        className: b(
-          u,
-          i && "bg-dark-30/[.10]",
-          n && K.active,
-          a == null ? void 0 : a.wrapper
-        ),
-        children: [
-          !!s && /* @__PURE__ */ o(
-            "input",
-            {
-              ref: s,
-              type: "file",
-              accept: ".png,.jpg,.jpeg,image/png,image/jpeg",
-              className: "hidden",
-              onChange: d
-            }
-          ),
-          e ? /* @__PURE__ */ o(
-            fe,
-            {
-              role: "img",
-              "data-testid": "avatar-img",
-              src: e,
-              alt: r ?? "empty-avatar",
-              className: b(f, a == null ? void 0 : a.img)
-            }
-          ) : /* @__PURE__ */ o(me, { children: l ? /* @__PURE__ */ o(
-            ue,
-            {
-              width: 38,
-              height: 30,
-              className: b("fill-dark-30/[.20]", a == null ? void 0 : a.badgeIcon),
-              viewBox: "0 0 38 30"
-            }
-          ) : /* @__PURE__ */ o(
-            vr,
-            {
-              "data-testid": "icon-avatar",
-              "aria-label": "icon-avatar",
-              height: (t == null ? void 0 : t.height) ?? 17,
-              width: (t == null ? void 0 : t.width) ?? 17,
-              className: b(
-                "fill-sidebar-10",
-                i && "fill-dark-30/[.15]",
-                a == null ? void 0 : a.fallbackIcon
-              )
-            }
-          ) }),
-          i && /* @__PURE__ */ o(
-            "div",
-            {
-              "data-testid": "avatar-badge",
-              className: b(g.wrapper, a == null ? void 0 : a.badge),
-              children: n ? /* @__PURE__ */ o(
-                ve,
-                {
-                  width: 14,
-                  height: 14,
-                  viewBox: "0 0 20 20",
-                  className: "fill-sidebar-10"
-                }
-              ) : /* @__PURE__ */ o(
-                ue,
-                {
-                  width: 16,
-                  height: 13,
-                  viewBox: "0 0 38 30",
-                  className: b("fill-sidebar-10", a == null ? void 0 : a.badgeIcon)
-                }
-              )
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Tr.displayName = "Avatar";
-const K = {
-  root: "size-9 relative flex items-center justify-center bg-dark-30/[.10] rounded-full",
-  image: "size-full object-center object-cover rounded-full",
-  badge: {
-    wrapper: "absolute bottom-2 right-2 transform translate-x-1/4 translate-y-1/4 flex items-center justify-center bg-primary-10 px-2.5 py-3 border-2 border-sidebar-10 rounded-full"
-  },
-  active: "ring ring-2 ring-offset-1 ring-primary-10"
-}, Q = {
-  image: "Photo",
-  video: "Video",
-  audio: "Voice message",
-  file: "Файл"
-}, gt = ({
+}, cr = ({
   senderName: e,
   messageText: r,
-  contentType: i = "text",
-  fileUrl: t,
-  fileName: n,
-  onClose: l,
-  showCloseButton: d = !0,
-  classNames: a
+  contentType: a = "text",
+  fileUrl: o,
+  fileName: d,
+  onClose: s,
+  showCloseButton: l = !0,
+  classNames: t
 }) => {
-  const s = () => {
-    switch (i) {
-      case "image":
-        return /* @__PURE__ */ o("span", { className: k.mediaLabel, children: Q.image });
-      case "video":
-        return /* @__PURE__ */ o("span", { className: k.mediaLabel, children: Q.video });
-      case "audio":
-        return /* @__PURE__ */ o("span", { className: k.mediaLabel, children: Q.audio });
-      case "file":
-        return /* @__PURE__ */ o("span", { className: k.mediaLabel, children: n || Q.file });
-      default:
-        return r || null;
-    }
-  };
-  return /* @__PURE__ */ p(
+  const b = _e(a, d, r);
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: b(k.wrapper, a == null ? void 0 : a.wrapper),
+      className: n(k.wrapper, t == null ? void 0 : t.wrapper),
       "data-testid": "chat-edit-row",
       children: [
-        /* @__PURE__ */ p("div", { className: b(k.message, a == null ? void 0 : a.message), children: [
-          (i === "image" || i === "video") && t && /* @__PURE__ */ o(
+        /* @__PURE__ */ c("div", { className: n(k.message, t == null ? void 0 : t.message), children: [
+          (a === "image" || a === "video") && o && /* @__PURE__ */ i(
             "img",
             {
-              src: t,
-              alt: n || "thumbnail",
+              src: o,
+              alt: d || "thumbnail",
               "data-testid": "reply-thumbnail",
-              className: b(k.thumbnail, a == null ? void 0 : a.thumbnail)
+              className: n(k.thumbnail, t == null ? void 0 : t.thumbnail)
             }
           ),
-          /* @__PURE__ */ p("div", { className: b(k.content, a == null ? void 0 : a.content), children: [
-            /* @__PURE__ */ o(
-              U,
+          /* @__PURE__ */ c("div", { className: n(k.content, t == null ? void 0 : t.content), children: [
+            /* @__PURE__ */ i(
+              w,
               {
                 variant: "span",
-                className: b(k.title, a == null ? void 0 : a.title),
+                className: n(k.title, t == null ? void 0 : t.title),
                 "data-testid": "chat-edit-title",
                 children: e
               }
             ),
-            /* @__PURE__ */ o(
-              U,
+            /* @__PURE__ */ i(
+              w,
               {
                 variant: "span",
-                className: b(k.subtitle, a == null ? void 0 : a.subtitle),
+                className: n(k.subtitle, t == null ? void 0 : t.subtitle),
                 "data-testid": "chat-edit-subtitle",
-                children: s()
+                children: a !== "text" ? /* @__PURE__ */ i("span", { className: k.mediaLabel, children: b }) : b
               }
             )
           ] })
         ] }),
-        d && /* @__PURE__ */ o(
-          wr,
+        l && /* @__PURE__ */ i(
+          we,
           {
             "data-testid": "chat-close-edit",
             shape: "circle",
             classNames: {
-              button: b(k.closeButton, a == null ? void 0 : a.closeButton),
-              icon: b(k.closeIcon, a == null ? void 0 : a.closeIcon)
+              button: n(k.closeButton, t == null ? void 0 : t.closeButton),
+              icon: n(k.closeIcon, t == null ? void 0 : t.closeIcon)
             },
-            icon: Se,
+            icon: oe,
             iconSizes: { width: 24, height: 24, viewBox: "0 0 20 20" },
-            onClick: l
+            onClick: s
           }
         )
       ]
@@ -2406,43 +1221,43 @@ const K = {
   mediaLabel: "inline-flex items-center gap-1 text-sm text-dark-40 font-medium"
 };
 export {
-  cr as Avatar,
-  $r as Button,
-  rt as Checkbox,
-  tt as Headline,
-  et as IconButton,
-  at as Input,
-  it as Label,
-  ot as Notification,
-  $e as Radio,
-  gt as ReplyMessage,
-  ut as Select,
-  ht as Skeleton,
-  ur as Spinner,
-  nt as Status,
-  dt as Switch,
-  lt as Tab,
-  pt as TabDots,
-  R as Text,
-  st as Textarea,
-  ct as Toggle,
-  bt as Tooltip,
-  J as avatarIconTokens,
-  P as buttonTokens,
-  D as checkboxTokens,
-  L as iconButtonTokens,
-  H as inputTokens,
-  se as labelTokens,
-  z as radioTokens,
+  Ie as Avatar,
+  Xe as Button,
+  Ye as Checkbox,
+  Ze as Headline,
+  we as IconButton,
+  Ne as Input,
+  er as Label,
+  rr as Notification,
+  je as Radio,
+  cr as ReplyMessage,
+  lr as Select,
+  br as Skeleton,
+  Ve as Spinner,
+  tr as Status,
+  or as Switch,
+  ir as Tab,
+  sr as TabDots,
+  w as Text,
+  ar as Textarea,
+  nr as Toggle,
+  dr as Tooltip,
+  I as avatarIconTokens,
+  L as buttonTokens,
+  B as checkboxTokens,
+  R as iconButtonTokens,
+  z as inputTokens,
+  J as labelTokens,
+  S as radioTokens,
   k as replyMessageTokens,
-  M as selectTokens,
-  br as skeletonTokens,
-  ee as spinnerTokens,
-  ce as statusTokens,
-  E as switchTokens,
+  D as selectTokens,
+  Pe as skeletonTokens,
+  E as spinnerTokens,
+  K as statusTokens,
+  C as switchTokens,
   $ as tabDotsTokens,
-  _ as tabTokens,
-  j as textareaTokens,
-  Z as toggleTokens,
-  be as tooltipTokens
+  O as tabTokens,
+  A as textareaTokens,
+  _ as toggleTokens,
+  Q as tooltipTokens
 };