@namuna-nur/ui-kit 1.10.5 → 1.10.6

package/lib/atoms/index.js

@@ -1,19 +1,33 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import * as F from "react";
-import { forwardRef as z, useState as re, useRef as U } from "react";
-import { cn as n } from "../utils/index.js";
-import { S as X, a as te, b as oe, c as E } from "../shared/assets-icons-4.js";
-import { S as G, a as ae, b as ne, c as ie, d as de } from "../shared/assets-icons-0.js";
-import { T as le, a as se, P as be, b as ce, c as pe } from "../shared/shared.js";
-import { format as ue } from "date-fns";
-import * as Y from "@radix-ui/react-switch";
-import { S as fe, a as ge } from "../shared/assets-icons-3.js";
-import * as he from "@radix-ui/react-tooltip";
-import { S as xe, a as ve } from "../shared/assets-icons-2.js";
-import { useOption as ye } from "../hooks/index.js";
-import { Avatar as me, AvatarImage as ke, AvatarFallback as we } from "@radix-ui/react-avatar";
-import * as _ from "@radix-ui/react-tabs";
-const O = {
+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 = {
   base: "group inline-flex items-center justify-center transition-colors rounded-[10px] border outline-none",
   icon: {
     disabled: {
@@ -64,135 +78,135 @@ const O = {
       hover: "hover:bg-transparent hover:text-primary-20 hover:border-transparent"
     }
   }
-}, Ze = z(
+}, $r = F(
   ({
     children: e,
     classNames: r,
-    disabled: a = !1,
+    disabled: i = !1,
     icon: t,
-    iconDimensions: d = { height: 15, width: 15 },
-    iconPosition: s = "right",
-    size: l = "medium",
-    variant: i = "primary",
-    isShadow: b = !1,
-    ...p
-  }, u) => {
-    const f = O.icon, g = O.sizes[l], h = O.variants[i] || O.variants.primary, v = f.variants[i], x = f.disabled[i];
-    return /* @__PURE__ */ c(
+    iconDimensions: n = { height: 15, width: 15 },
+    iconPosition: l = "right",
+    size: d = "medium",
+    variant: a = "primary",
+    isShadow: s = !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(
       "button",
       {
         role: "button",
-        ...p,
-        type: p.type || "button",
-        ref: u,
-        disabled: a,
-        className: n(
-          O.base,
-          g.padding,
-          g.fontSize,
-          h.base,
-          h.focus,
-          !a && h.hover,
-          !a && h.active,
-          a && h.disabled,
-          !!t && f.parent,
+        ...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",
-          i === "primary" && b && "shadow-3xl",
+          a === "primary" && s && "shadow-3xl",
           r == null ? void 0 : r.base
         ),
         children: [
-          !!t && s === "left" && /* @__PURE__ */ o(
+          !!t && l === "left" && /* @__PURE__ */ o(
             t,
             {
               "aria-label": "icon",
               "aria-hidden": !0,
-              className: n(
-                !a && v,
-                a && x,
+              className: c(
+                !i && x,
+                i && y,
                 r == null ? void 0 : r.icon
               ),
-              height: d.height,
-              width: d.width,
-              viewBox: d.viewBox
+              height: n.height,
+              width: n.width,
+              viewBox: n.viewBox
             }
           ),
           e,
-          !!t && s === "right" && /* @__PURE__ */ o(
+          !!t && l === "right" && /* @__PURE__ */ o(
             t,
             {
               "aria-label": "icon",
               "aria-hidden": !0,
-              className: n(
-                !a && v,
-                a && x,
+              className: c(
+                !i && x,
+                i && y,
                 r == null ? void 0 : r.icon
               ),
-              height: d.height,
-              width: d.width,
-              viewBox: d.viewBox
+              height: n.height,
+              width: n.width,
+              viewBox: n.viewBox
             }
           )
         ]
       }
     );
   }
-), Me = z(
+), et = F(
   ({
     classNames: e,
     disabled: r = !1,
-    icon: a,
+    icon: i,
     variant: t = "default",
-    shape: d,
-    badge: s,
-    iconSizes: l,
-    text: i,
-    ...b
-  }, p) => {
-    var x;
-    const u = R.icon, f = R.variants[t], g = u.variants[t], h = (x = R.shape) == null ? void 0 : x[d], v = u.disabled[t];
-    return /* @__PURE__ */ c(
+    shape: n,
+    badge: l,
+    iconSizes: d,
+    text: a,
+    ...s
+  }, 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(
       "button",
       {
-        ...b,
+        ...s,
         role: "button",
-        type: b.type || "button",
-        ref: p,
+        type: s.type || "button",
+        ref: u,
         disabled: r,
-        className: n(
-          R.base,
-          f.base,
-          f.focus,
-          h,
-          s && R.badgeStyles.base,
-          !r && f.hover,
-          !r && f.active,
-          r && f.disabled,
+        className: c(
+          L.base,
+          g.base,
+          g.focus,
+          v,
+          l && L.badgeStyles.base,
+          !r && g.hover,
+          !r && g.active,
+          r && g.disabled,
           e == null ? void 0 : e.button
         ),
         children: [
-          s && /* @__PURE__ */ o("span", { className: R.badgeStyles.badgeStyles, children: s }),
-          !!a && /* @__PURE__ */ o(
-            a,
+          l && /* @__PURE__ */ o("span", { className: L.badgeStyles.badgeStyles, children: l }),
+          !!i && /* @__PURE__ */ o(
+            i,
             {
               "aria-label": "icon",
               "aria-hidden": !0,
-              className: n(
-                u.base,
-                !r && g,
-                r && v,
+              className: c(
+                f.base,
+                !r && h,
+                r && x,
                 e == null ? void 0 : e.icon
               ),
-              height: l == null ? void 0 : l.height,
-              width: l == null ? void 0 : l.width,
-              viewBox: l == null ? void 0 : l.viewBox
+              height: d == null ? void 0 : d.height,
+              width: d == null ? void 0 : d.width,
+              viewBox: d == null ? void 0 : d.viewBox
             }
           ),
-          !!i && /* @__PURE__ */ o(C, { className: e == null ? void 0 : e.text, children: i })
+          !!a && /* @__PURE__ */ o(R, { className: e == null ? void 0 : e.text, children: a })
         ]
       }
     );
   }
-), R = {
+), L = {
   base: "group inline-flex items-center justify-center rounded-[10px] outline-none border",
   icon: {
     base: "text-inherit",
@@ -238,7 +252,7 @@ const O = {
       disabled: "disabled:border-transparent disabled:cursor-default"
     }
   }
-}, A = {
+}, D = {
   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",
@@ -255,134 +269,134 @@ const O = {
       label: "size-2.5"
     }
   }
-}, Ne = z(
+}, rt = F(
   ({
     checked: e = !1,
     className: r = "",
-    disabled: a,
+    disabled: i,
     id: t,
-    onChange: d,
-    size: s = "large",
-    ...l
-  }, i) => {
-    const b = A.base, p = A.sizes[s];
-    return /* @__PURE__ */ c(
+    onChange: n,
+    size: l = "large",
+    ...d
+  }, a) => {
+    const s = D.base, u = D.sizes[l];
+    return /* @__PURE__ */ p(
       "label",
       {
         "aria-label": "checkbox-label",
         htmlFor: t,
         tabIndex: 0,
-        className: n(
-          p.label,
-          b,
-          e && A.checked,
-          !a && A.active,
-          !a && e && A.hover,
-          a && A.disabled,
+        className: c(
+          u.label,
+          s,
+          e && D.checked,
+          !i && D.active,
+          !i && e && D.hover,
+          i && D.disabled,
           r
         ),
         children: [
           /* @__PURE__ */ o(
             "input",
             {
-              ...l,
+              ...d,
               role: "checkbox",
               id: t,
-              disabled: a,
+              disabled: i,
               checked: !!e,
-              onChange: d,
-              ref: i,
+              onChange: n,
+              ref: a,
               type: "checkbox",
               className: "hidden peer"
             }
           ),
           /* @__PURE__ */ o(
-            X,
+            he,
             {
               width: 20,
               height: 18,
               viewBox: "0 0 20 20",
-              className: n("opacity-0 fill-sidebar-10", e && "!opacity-100")
+              className: c("opacity-0 fill-sidebar-10", e && "!opacity-100")
             }
           )
         ]
       }
     );
   }
-), Se = {
+), Ye = {
   h1: "text-h1",
   h2: "text-h2",
   h3: "text-h3",
   h4: "text-h4",
   h5: "text-h5",
   h6: "text-h6"
-}, er = ({
+}, tt = ({
   children: e,
   className: r = "",
-  variant: a = "h1",
+  variant: i = "h1",
   weight: t = "font-regular",
-  ...d
+  ...n
 }) => /* @__PURE__ */ o(
-  a,
+  i,
   {
-    ...d,
-    className: n(Se[a], t, r),
+    ...n,
+    className: c(Ye[i], t, r),
     children: e
   }
-), rr = z(
+), at = F(
   ({
     disabled: e,
     onChange: r,
-    placeholder: a,
+    placeholder: i,
     autoFocus: t = !1,
-    status: d,
-    maxLength: s,
-    id: l,
-    classNames: i,
-    ...b
-  }, p) => {
-    const u = B.parent, f = B.base, g = B.state, h = B.disabled, v = B.styles, x = B.maxLength;
-    return /* @__PURE__ */ c("div", { className: n(u, i == null ? void 0 : i.parent), children: [
+    status: n,
+    maxLength: l,
+    id: d,
+    classNames: a,
+    ...s
+  }, 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(
         "input",
         {
-          ...b,
+          ...s,
           role: "textbox",
-          ref: p,
-          id: l,
+          ref: u,
+          id: d,
           disabled: e,
           autoFocus: t,
           onChange: r,
-          maxLength: s,
-          className: n(
-            f,
-            g.focus,
-            !e && g.hover,
-            d && (v == null ? void 0 : v[d]),
-            e && h,
-            i == null ? void 0 : i.target
+          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
           ),
-          placeholder: a
+          placeholder: i
         }
       ),
-      s && /* @__PURE__ */ c(
-        C,
+      l && /* @__PURE__ */ p(
+        R,
         {
           variant: "span",
-          className: n(
-            x,
-            String(b.value).length === s ? "bg-danger-10" : "bg-success-10"
+          className: c(
+            y,
+            String(s.value).length === l ? "bg-danger-10" : "bg-success-10"
           ),
           children: [
-            (b.value || "").toString().length,
+            (s.value || "").toString().length,
             "/",
-            s
+            l
           ]
         }
       )
     ] });
   }
-), B = {
+), H = {
   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",
@@ -397,172 +411,75 @@ const O = {
     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"
-}, tr = F.forwardRef(
-  ({ htmlFor: e, className: r, children: a, disabled: t, ...d }, s) => {
-    const l = J.base, i = J.disabled;
+}, it = m.forwardRef(
+  ({ htmlFor: e, className: r, children: i, disabled: t, ...n }, l) => {
+    const d = se.base, a = se.disabled;
     return /* @__PURE__ */ o(
       "label",
       {
-        ...d,
+        ...n,
         role: "presentation",
         "aria-label": "input-label",
-        ref: s,
+        ref: l,
         htmlFor: e,
-        className: n(l, t && i, r),
-        children: a
+        className: c(d, t && a, r),
+        children: i
       }
     );
   }
-), J = {
+), se = {
   base: "text-secondary-10 text-sm font-sans font-semibold leading-none",
   disabled: "text-dark-30/25 cursor-not-allowed"
-}, Te = {
-  success: /* @__PURE__ */ o(G, { className: "text-sidebar-10 fill-sidebar-10" }),
-  danger: /* @__PURE__ */ o(ie, { className: "text-sidebar-10 fill-sidebar-10" }),
-  info: /* @__PURE__ */ o(ne, { className: "text-sidebar-10 fill-sidebar-10" }),
-  warning: /* @__PURE__ */ o(ae, { className: "text-sidebar-10 fill-sidebar-10" }),
-  default: /* @__PURE__ */ o(G, { className: "text-sidebar-10 fill-sidebar-10" })
-}, or = ({
+}, 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 = ({
   type: e = "info",
   title: r,
-  description: a,
+  description: i,
   withIcon: t = !0
-}) => /* @__PURE__ */ c(
+}) => /* @__PURE__ */ p(
   "div",
   {
-    className: n(
+    className: c(
       t ? "items-start" : "justify-center",
       "flex items-center gap-1.5"
     ),
     children: [
-      t && /* @__PURE__ */ o("div", { "data-testid": "notification-icon", children: e && Te[e] }),
-      /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ o(le, { className: t ? "text-left" : "text-center", children: r }),
-        /* @__PURE__ */ o(se, { className: t ? "text-left" : "text-center", children: a })
+      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 })
       ] })
     ]
   }
-), je = F.forwardRef(
-  ({
-    id: e,
-    text: r,
-    timestamp: a,
-    senderName: t,
-    status: d,
-    isMine: s = !1,
-    selected: l = !1,
-    firstMessage: i = !1,
-    classNames: b,
-    ...p
-  }, u) => {
-    const f = W.base, g = W.wrapper, h = W.sender, v = W.message, x = W.timestamp;
-    return /* @__PURE__ */ c(
-      "div",
-      {
-        ref: u,
-        id: e,
-        "data-testid": "message",
-        className: n(
-          f,
-          s && "bg-primary-10/[.15] border-dark-40/[.25]",
-          l && !s && "bg-dark-40/[.25]",
-          l && s && "bg-primary-10/[.55]",
-          b == null ? void 0 : b.base
-        ),
-        ...p,
-        children: [
-          /* @__PURE__ */ c("div", { className: n(g.above), children: [
-            !s && i && !!t && /* @__PURE__ */ o(
-              "span",
-              {
-                "data-testid": "sender-name",
-                className: n(h, b == null ? void 0 : b.sender),
-                children: t
-              }
-            ),
-            !!r && /* @__PURE__ */ o(
-              "span",
-              {
-                "data-testid": "message-text",
-                className: n(v, b == null ? void 0 : b.message),
-                children: r
-              }
-            )
-          ] }),
-          /* @__PURE__ */ c("div", { className: g.below, children: [
-            !!a && /* @__PURE__ */ o(
-              "span",
-              {
-                "data-testid": "message-timestamp",
-                className: n(
-                  x,
-                  b == null ? void 0 : b.timestamp,
-                  s ? "text-primary-10" : "text-dark-40/50",
-                  l && "text-dark-30"
-                ),
-                children: ue(a, "HH:mm")
-              }
-            ),
-            s && !!d && /* @__PURE__ */ c("div", { "data-testid": "message-status", className: "translate-y-0.5", children: [
-              d === "delivered" && /* @__PURE__ */ o(
-                te,
-                {
-                  className: "fill-primary-10",
-                  width: 16,
-                  height: 16,
-                  viewBox: "0 0 24 24"
-                }
-              ),
-              d === "read" && /* @__PURE__ */ o(
-                oe,
-                {
-                  className: "fill-transparent text-primary-10",
-                  width: 16,
-                  height: 16,
-                  viewBox: "0 0 16 16"
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    );
-  }
-);
-je.displayName = "Message";
-const W = {
-  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"
-}, Ce = z(
-  ({ checked: e, disabled: r, id: a, onChange: t, size: d = "large", className: s, ...l }, i) => {
-    const b = k.sizes[d];
-    return /* @__PURE__ */ c(
+), $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(
       "label",
       {
-        htmlFor: a,
+        htmlFor: i,
         "aria-label": "radio-label",
-        className: n(
-          k.base,
-          b.label,
-          r && k.disabled,
-          !r && k.active,
-          !e && !r && k.hover,
-          !r && e && k.checked,
-          s
+        className: c(
+          z.base,
+          s.label,
+          r && z.disabled,
+          !r && z.active,
+          !e && !r && z.hover,
+          !r && e && z.checked,
+          l
         ),
         children: [
           /* @__PURE__ */ o(
             "input",
             {
-              ...l,
-              id: a,
-              ref: i,
+              ...d,
+              id: i,
+              ref: a,
               type: "radio",
               role: "radio",
               checked: e,
@@ -577,8 +494,8 @@ const W = {
             "span",
             {
               "aria-hidden": "true",
-              className: n(
-                e ? [k.radio.base, k.radio[d]] : "opacity-0",
+              className: c(
+                e ? [z.radio.base, z.radio[n]] : "opacity-0",
                 r && "bg-primary-30"
               )
             }
@@ -588,8 +505,8 @@ const W = {
     );
   }
 );
-Ce.displayName = "Radio";
-const k = {
+$e.displayName = "Radio";
+const z = {
   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]",
@@ -608,18 +525,18 @@ const k = {
       label: "size-5 min-w-5"
     }
   }
-}, ar = ({
+}, nt = ({
   text: e,
   variant: r = "default",
-  className: a
+  className: i
 }) => /* @__PURE__ */ o(
-  C,
+  R,
   {
-    className: n(K.base, K.status[r], a),
+    className: c(ce.base, ce.status[r], i),
     "data-testid": "status",
     children: e
   }
-), K = {
+), ce = {
   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",
@@ -628,22 +545,22 @@ const k = {
     warning: "bg-status-30",
     default: "bg-dark-30/[.15]"
   }
-}, { Root: Re, Thumb: Ae } = Y, nr = F.forwardRef(({ classNames: e, ...r }, a) => {
+}, { Root: er, Thumb: rr } = X, dt = m.forwardRef(({ classNames: e, ...r }, i) => {
   const t = r.checked ?? !1;
-  return /* @__PURE__ */ c(Re, { ref: a, className: n(T.base, e == null ? void 0 : e.root), ...r, children: [
+  return /* @__PURE__ */ p(er, { ref: i, className: c(E.base, e == null ? void 0 : e.root), ...r, children: [
     /* @__PURE__ */ o(
       "div",
       {
-        className: n(
-          T.iconWrapper.base,
+        className: c(
+          E.iconWrapper.base,
           "left-0",
-          !t && T.iconWrapper.checked
+          !t && E.iconWrapper.checked
         ),
         children: /* @__PURE__ */ o(
-          fe,
+          Le,
           {
             "data-testid": "list-icon",
-            className: n(t ? "fill-dark-30/25" : "fill-dark-30/[.80]")
+            className: c(t ? "fill-dark-30/25" : "fill-dark-30/[.80]")
           }
         )
       }
@@ -651,24 +568,24 @@ const k = {
     /* @__PURE__ */ o(
       "div",
       {
-        className: n(
-          T.iconWrapper.base,
+        className: c(
+          E.iconWrapper.base,
           "right-0",
-          t && T.iconWrapper.checked
+          t && E.iconWrapper.checked
         ),
         children: /* @__PURE__ */ o(
-          ge,
+          De,
           {
             "data-testid": "grid-icon",
-            className: n(t ? "fill-dark-30/[.80]" : "fill-dark-30/25")
+            className: c(t ? "fill-dark-30/[.80]" : "fill-dark-30/25")
           }
         )
       }
     ),
-    /* @__PURE__ */ o("div", { className: n(T.borderLine) }),
-    /* @__PURE__ */ o(Ae, { tabIndex: 1, className: n(T.thumb, e == null ? void 0 : e.thumb) })
+    /* @__PURE__ */ o("div", { className: c(E.borderLine) }),
+    /* @__PURE__ */ o(rr, { tabIndex: 1, className: c(E.thumb, e == null ? void 0 : e.thumb) })
   ] });
-}), T = {
+}), E = {
   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: {
@@ -676,7 +593,7 @@ const k = {
     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"
-}, P = {
+}, _ = {
   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",
@@ -706,105 +623,105 @@ const k = {
     active: "fill-white",
     disabled: "fill-dark-30/25"
   }
-}, ir = z(
+}, lt = F(
   ({
     variant: e = "small",
     active: r,
-    icon: a,
+    icon: i,
     disabled: t,
-    children: d,
-    className: s,
-    iconDimensions: l,
-    ...i
-  }, b) => {
-    const p = P.sizes[e];
-    return /* @__PURE__ */ c(
+    children: n,
+    className: l,
+    iconDimensions: d,
+    ...a
+  }, s) => {
+    const u = _.sizes[e];
+    return /* @__PURE__ */ p(
       "button",
       {
         role: "tab",
         "aria-selected": r,
-        ref: b,
-        className: n(
-          p.base,
-          p.default,
-          !t && !r && p.hover,
-          r && !t && p.active,
-          r && !t && P.focus,
-          t && p.disabled,
-          s
+        ref: s,
+        className: c(
+          u.base,
+          u.default,
+          !t && !r && u.hover,
+          r && !t && u.active,
+          r && !t && _.focus,
+          t && u.disabled,
+          l
         ),
-        ...i,
+        ...a,
         children: [
-          !!a && /* @__PURE__ */ o(
-            a,
+          !!i && /* @__PURE__ */ o(
+            i,
             {
               "aria-label": "icon",
               "aria-hidden": !0,
-              className: n(
-                P.icon.default,
-                r && P.icon.active,
-                t && P.icon.disabled
+              className: c(
+                _.icon.default,
+                r && _.icon.active,
+                t && _.icon.disabled
               ),
-              ...l
+              ...d
             }
           ),
-          d
+          n
         ]
       }
     );
   }
-), C = ({
+), R = ({
   children: e,
   className: r = "",
-  variant: a = "p",
+  variant: i = "p",
   ...t
-}) => /* @__PURE__ */ o(a, { ...t, className: n(r), children: e }), dr = F.forwardRef(
+}) => /* @__PURE__ */ o(i, { ...t, className: c(r), children: e }), st = m.forwardRef(
   ({
     className: e = "",
     disabled: r,
-    onChange: a,
+    onChange: i,
     placeholder: t = "Введите текст",
-    autoFocus: d = !1,
-    status: s,
-    maxLength: l,
-    ...i
-  }, b) => {
-    var x, y;
-    const p = j.base, u = j.state, f = j.disabled, g = j.styles, h = j.maxLength;
-    return /* @__PURE__ */ c("div", { className: j.root, children: [
+    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(
         "textarea",
         {
-          ...i,
+          ...a,
           role: "textbox",
-          ref: b,
-          maxLength: l,
+          ref: s,
+          maxLength: d,
           disabled: r,
-          autoFocus: d,
+          autoFocus: n,
           placeholder: t,
-          onChange: a,
-          className: n(
-            p,
-            u.focus,
-            !r && u.hover,
-            s && (g == null ? void 0 : g[s]),
-            r && f,
+          onChange: i,
+          className: c(
+            u,
+            f.focus,
+            !r && f.hover,
+            l && (h == null ? void 0 : h[l]),
+            r && g,
             e
           )
         }
       ),
-      /* @__PURE__ */ o("div", { className: j.messageContainer, children: l && /* @__PURE__ */ c(
-        C,
+      /* @__PURE__ */ o("div", { className: j.messageContainer, children: d && /* @__PURE__ */ p(
+        R,
         {
           variant: "span",
-          className: n(
-            h,
-            String(i.value).length === l ? "bg-danger-10 text-sidebar-10" : "bg-transparent"
+          className: c(
+            v,
+            String(a.value).length === d ? "bg-danger-10 text-sidebar-10" : "bg-transparent"
           ),
           children: [
-            (y = (x = i.value || "") == null ? void 0 : x.toString()) == null ? void 0 : y.length,
+            (w = (y = a.value || "") == null ? void 0 : y.toString()) == null ? void 0 : w.length,
             "/",
-            l
+            d
           ]
         }
       ) })
@@ -830,11 +747,11 @@ const k = {
   },
   messageContainer: "flex items-center leading-none",
   maxLength: "ml-auto p-1 text-dark-40/50 text-sm font-regular leading-none rounded"
-}, { Root: Be, Thumb: De } = Y, lr = F.forwardRef(
-  ({ label: e = "", labelPosition: r = "right", disabled: a, classNames: t, ...d }, s) => /* @__PURE__ */ c(
+}, { Root: tr, Thumb: ar } = X, ct = m.forwardRef(
+  ({ label: e = "", labelPosition: r = "right", disabled: i, classNames: t, ...n }, l) => /* @__PURE__ */ p(
     "div",
     {
-      className: n(
+      className: c(
         "flex items-center w-fit",
         r === "right" && "flex-row-reverse"
       ),
@@ -842,27 +759,27 @@ const k = {
         !!e && /* @__PURE__ */ o(
           "span",
           {
-            className: n(
-              $.label,
+            className: c(
+              Z.label,
               r === "right" && "ml-2",
-              a && "cursor-not-allowed text-dark-30/[.20]",
+              i && "cursor-not-allowed text-dark-30/[.20]",
               t == null ? void 0 : t.label
             ),
             children: e
           }
         ),
         /* @__PURE__ */ o(
-          Be,
+          tr,
           {
-            ref: s,
-            disabled: a,
-            className: n($.base, t == null ? void 0 : t.base),
-            ...d,
+            ref: l,
+            disabled: i,
+            className: c(Z.base, t == null ? void 0 : t.base),
+            ...n,
             children: /* @__PURE__ */ o(
-              De,
+              ar,
               {
                 tabIndex: 1,
-                className: n($.thumb, t == null ? void 0 : t.thumb)
+                className: c(Z.thumb, t == null ? void 0 : t.thumb)
               }
             )
           }
@@ -870,34 +787,34 @@ const k = {
       ]
     }
   )
-), $ = {
+), 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: Fe, Root: ze, Trigger: Oe, Portal: We, Content: Pe, Arrow: Le } = he, sr = ({
+}, { Provider: ir, Root: or, Trigger: nr, Portal: dr, Content: lr, Arrow: sr } = He, bt = ({
   children: e,
   className: r,
-  defaultOpen: a,
+  defaultOpen: i,
   side: t,
-  content: d,
-  delayDuration: s = 0,
-  isDisabled: l = !1
-}) => /* @__PURE__ */ o(Fe, { children: /* @__PURE__ */ c(ze, { defaultOpen: a, delayDuration: s, children: [
-  /* @__PURE__ */ o(Oe, { asChild: !0, children: /* @__PURE__ */ o("div", { children: e }) }),
-  !l && /* @__PURE__ */ o(We, { children: /* @__PURE__ */ c(
-    Pe,
+  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,
     {
       side: t,
       sideOffset: 5,
-      className: n(Q.content, r),
+      className: c(be.content, r),
       children: [
-        d,
-        /* @__PURE__ */ o(Le, { className: Q.arrow })
+        n,
+        /* @__PURE__ */ o(sr, { className: be.arrow })
       ]
     }
   ) })
-] }) }), Q = {
-  content: n(
+] }) }), be = {
+  content: c(
     "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",
@@ -905,88 +822,88 @@ const k = {
     "data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade"
   ),
   arrow: "fill-dark-30"
-}, br = ({
+}, ut = ({
   classNames: e,
   disabled: r,
-  status: a,
+  status: i,
   onChange: t,
-  options: d,
-  placeholder: s = "Choose",
-  value: l,
-  isDotable: i,
-  isLoading: b,
-  autoFocusValue: p
+  options: n,
+  placeholder: l = "Choose",
+  value: d,
+  isDotable: a,
+  isLoading: s,
+  autoFocusValue: u
 }) => {
-  const [u, f] = re(!1), h = ye(d)(l), v = U(null), x = U(null), y = D.base, w = D.options, Z = D.status.styles, M = D.disabled.trigger, N = D.disabled.triggerText, H = ({
-    className: m,
-    text: S = ""
+  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(
-    C,
+    R,
     {
-      className: n(
-        y.placeholder,
-        r && N,
+      className: c(
+        w.placeholder,
+        r && we,
         "truncate min-w-0 flex-1",
-        m
+        S
       ),
-      children: S
+      children: T
     }
-  ), ee = (m) => {
-    if (m.preventDefault(), x.current) {
-      const S = l || p;
-      if (S) {
-        const q = x.current.querySelector(
-          `[data-value="${S}"]`
+  ), ke = (S) => {
+    if (S.preventDefault(), y.current) {
+      const T = d || u;
+      if (T) {
+        const oe = y.current.querySelector(
+          `[data-value="${T}"]`
         );
-        q && q.scrollIntoView({
+        oe && oe.scrollIntoView({
           block: "center",
           behavior: "auto"
         });
       }
     }
   };
-  return /* @__PURE__ */ o("div", { className: n("w-full", e == null ? void 0 : e.parent), children: /* @__PURE__ */ c(be, { open: u, onOpenChange: f, children: [
-    /* @__PURE__ */ c(
-      ce,
+  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,
       {
         role: "listbox",
         disabled: r,
-        className: n(
-          y.trigger,
-          r && M,
-          u && y.focus,
-          !u && !r && y.hover,
-          !u && a && Z[a],
+        className: c(
+          w.trigger,
+          r && ye,
+          f && w.focus,
+          !f && !r && w.hover,
+          !f && i && xe[i],
           e == null ? void 0 : e.trigger
         ),
         children: [
-          /* @__PURE__ */ o("div", { className: y == null ? void 0 : y.textWrapper, children: l ? /* @__PURE__ */ o(
-            H,
+          /* @__PURE__ */ o("div", { className: w == null ? void 0 : w.textWrapper, children: d ? /* @__PURE__ */ o(
+            ie,
             {
-              text: h == null ? void 0 : h.label,
-              className: n(
-                y.selected,
-                r && D.disabled.selectedDisabled,
+              text: v == null ? void 0 : v.label,
+              className: c(
+                w.selected,
+                r && M.disabled.selectedDisabled,
                 e == null ? void 0 : e.selected
               )
             }
           ) : /* @__PURE__ */ o(
-            H,
+            ie,
             {
-              text: s,
+              text: l,
               className: e == null ? void 0 : e.placeholder
             }
           ) }),
           /* @__PURE__ */ o(
-            xe,
+            Me,
             {
               width: 20,
               height: 20,
               viewBox: "0 0 20 20",
-              className: n(
-                y.icon,
-                r && y.iconDisabled,
-                u && "-rotate-180",
+              className: c(
+                w.icon,
+                r && w.iconDisabled,
+                f && "-rotate-180",
                 "flex-shrink-0"
               )
             }
@@ -994,44 +911,44 @@ const k = {
         ]
       }
     ),
-    /* @__PURE__ */ o("div", { ref: v, children: /* @__PURE__ */ c(
-      pe,
+    /* @__PURE__ */ o("div", { ref: x, children: /* @__PURE__ */ p(
+      Re,
       {
-        container: v.current,
-        className: n(w.content, e == null ? void 0 : e.content),
+        container: x.current,
+        className: c(B.content, e == null ? void 0 : e.content),
         style: { minWidth: "var(--radix-popper-anchor-width)" },
-        onOpenAutoFocus: ee,
-        ref: x,
+        onOpenAutoFocus: ke,
+        ref: y,
         children: [
-          b && /* @__PURE__ */ o(Ie, { width: 30, height: 30 }),
-          !b && (d != null && d.length) ? d.map((m) => /* @__PURE__ */ o(
+          s && /* @__PURE__ */ o(ur, { width: 30, height: 30 }),
+          !s && (n != null && n.length) ? n.map((S) => /* @__PURE__ */ o(
             "div",
             {
-              "data-value": m.value,
-              className: w.items,
-              onClick: (S) => {
-                S.preventDefault(), S.stopPropagation(), t(m.value), f(!1);
+              "data-value": S.value,
+              className: B.items,
+              onClick: (T) => {
+                T.preventDefault(), T.stopPropagation(), t(S.value), g(!1);
               },
               children: /* @__PURE__ */ o(
-                C,
+                R,
                 {
-                  className: n(
-                    w.itemsText,
-                    !i && l === m.value && w.active,
-                    i && w.dot,
-                    i && l === m.value && "before:bg-dark-10 !font-bold"
+                  className: c(
+                    B.itemsText,
+                    !a && d === S.value && B.active,
+                    a && B.dot,
+                    a && d === S.value && "before:bg-dark-10 !font-bold"
                   ),
-                  children: m.label
+                  children: S.label
                 }
               )
             },
-            m.value
-          )) : !b && /* @__PURE__ */ o("div", { className: n(w.items, "cursor-default"), children: /* @__PURE__ */ o(C, { className: n(w.itemsText), children: "Нет данных" }) })
+            S.value
+          )) : !s && /* @__PURE__ */ o("div", { className: c(B.items, "cursor-default"), children: /* @__PURE__ */ o(R, { className: c(B.itemsText), children: "Нет данных" }) })
         ]
       }
     ) })
   ] }) });
-}, D = {
+}, M = {
   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",
@@ -1064,82 +981,82 @@ const k = {
       success: "border-success-20 ring-2 ring-success-10/[.20] hover:border-success-20"
     }
   }
-}, _e = F.forwardRef(
+}, cr = m.forwardRef(
   ({
     imageSrc: e,
     alt: r,
-    hasBadge: a = !1,
+    hasBadge: i = !1,
     iconSize: t,
-    isActive: d,
-    isHasCamera: s = !1,
-    onAvatarChange: l,
-    classNames: i
-  }, b) => {
-    const p = L.root, u = L.image, f = L.badge;
-    return /* @__PURE__ */ c(
-      me,
+    isActive: n,
+    isHasCamera: l = !1,
+    onAvatarChange: d,
+    classNames: a
+  }, s) => {
+    const u = J.root, f = J.image, g = J.badge;
+    return /* @__PURE__ */ p(
+      ge,
       {
         role: "group",
         "data-testid": "avatar-root",
         onClick: () => {
-          var g;
-          return (g = b == null ? void 0 : b.current) == null ? void 0 : g.click();
+          var h;
+          return (h = s == null ? void 0 : s.current) == null ? void 0 : h.click();
         },
-        className: n(
-          p,
-          a && "bg-dark-30/[.10]",
-          d && L.active,
-          i == null ? void 0 : i.wrapper
+        className: c(
+          u,
+          i && "bg-dark-30/[.10]",
+          n && J.active,
+          a == null ? void 0 : a.wrapper
         ),
         children: [
-          !!b && /* @__PURE__ */ o(
+          !!s && /* @__PURE__ */ o(
             "input",
             {
-              ref: b,
+              ref: s,
               type: "file",
               accept: ".png,.jpg,.jpeg,image/png,image/jpeg",
               className: "hidden",
-              onChange: l
+              onChange: d
             }
           ),
           e ? /* @__PURE__ */ o(
-            ke,
+            fe,
             {
               role: "img",
               "data-testid": "avatar-img",
               src: e,
               alt: r ?? "empty-avatar",
-              className: n(u, i == null ? void 0 : i.img)
+              className: c(f, a == null ? void 0 : a.img)
             }
-          ) : /* @__PURE__ */ o(we, { children: s ? /* @__PURE__ */ o(
-            E,
+          ) : /* @__PURE__ */ o(me, { children: l ? /* @__PURE__ */ o(
+            de,
             {
               width: 38,
               height: 30,
-              className: n("fill-dark-30/[.20]", i == null ? void 0 : i.badgeIcon),
+              className: c("fill-dark-30/[.20]", a == null ? void 0 : a.badgeIcon),
               viewBox: "0 0 38 30"
             }
           ) : /* @__PURE__ */ o(
-            ve,
+            Oe,
             {
               "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: n(
+              className: c(
                 "fill-sidebar-10",
-                a && "fill-dark-30/[.15]",
-                i == null ? void 0 : i.fallbackIcon
+                i && "fill-dark-30/[.15]",
+                a == null ? void 0 : a.fallbackIcon
               )
             }
           ) }),
-          a && /* @__PURE__ */ o(
+          i && /* @__PURE__ */ o(
             "div",
             {
               "data-testid": "avatar-badge",
-              className: n(f.wrapper, i == null ? void 0 : i.badge),
-              children: d ? /* @__PURE__ */ o(
-                X,
+              className: c(g.wrapper, a == null ? void 0 : a.badge),
+              children: n ? /* @__PURE__ */ o(
+                he,
                 {
                   width: 14,
                   height: 14,
@@ -1147,12 +1064,12 @@ const k = {
                   className: "fill-sidebar-10"
                 }
               ) : /* @__PURE__ */ o(
-                E,
+                de,
                 {
                   width: 16,
                   height: 13,
                   viewBox: "0 0 38 30",
-                  className: n("fill-sidebar-10", i == null ? void 0 : i.badgeIcon)
+                  className: c("fill-sidebar-10", a == null ? void 0 : a.badgeIcon)
                 }
               )
             }
@@ -1162,107 +1079,1370 @@ const k = {
     );
   }
 );
-_e.displayName = "Avatar";
-const L = {
+cr.displayName = "Avatar";
+const J = {
   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"
-}, cr = ({
+}, pt = ({
   value: e,
   onValueChange: r,
-  classNames: a = {},
+  classNames: i = {},
   count: t = 3,
-  ...d
-}) => /* @__PURE__ */ o(_.Root, { value: e, onValueChange: r, children: /* @__PURE__ */ o(
-  _.List,
+  ...n
+}) => /* @__PURE__ */ o(Y.Root, { value: e, onValueChange: r, children: /* @__PURE__ */ o(
+  Y.List,
   {
-    className: n(I.container, a.container),
-    ...d,
-    children: Array.from({ length: t }).map((s, l) => /* @__PURE__ */ o(
-      _.Trigger,
+    className: c($.container, i.container),
+    ...n,
+    children: Array.from({ length: t }).map((l, d) => /* @__PURE__ */ o(
+      Y.Trigger,
       {
-        value: String(l),
-        className: n(
-          I.dot,
-          l <= Number(e) && I.dotActive,
-          a.trigger
+        value: String(d),
+        className: c(
+          $.dot,
+          d <= Number(e) && $.dotActive,
+          i.trigger
         )
       },
-      l
+      d
     ))
   }
-) }), I = {
+) }), $ = {
   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"
-}, pr = ({ className: e, children: r, ...a }) => /* @__PURE__ */ o("div", { ...a, "data-slot": "skeleton", className: n($e.base, e), children: r }), $e = {
+}, ht = ({ className: e, children: r, ...i }) => /* @__PURE__ */ o("div", { ...i, "data-slot": "skeleton", className: c(br.base, e), children: r }), br = {
   base: "bg-gray-200 animate-pulse rounded-md"
-}, Ie = ({
+}, ur = ({
   classNames: e,
   width: r = 73,
-  height: a = 73,
+  height: i = 73,
   isBlur: t = !1
 }) => /* @__PURE__ */ o(
   "div",
   {
     "data-testid": "spinner",
-    className: n(t ? V.blur : V.wrapper, e == null ? void 0 : e.wrapper),
+    className: c(t ? ee.blur : ee.wrapper, e == null ? void 0 : e.wrapper),
     children: /* @__PURE__ */ o(
-      de,
+      Te,
       {
         "data-testid": "spinner-icon",
-        height: a,
+        height: i,
         width: r,
-        className: n(V.icon, e == null ? void 0 : e.icon)
+        className: c(ee.icon, e == null ? void 0 : e.icon)
       }
     )
   }
-), V = {
+), ee = {
   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")
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+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 = ({
+  senderName: e,
+  messageText: r,
+  contentType: i = "text",
+  fileUrl: t,
+  fileName: n,
+  onClose: l,
+  showCloseButton: d = !0,
+  classNames: a
+}) => {
+  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(
+    "div",
+    {
+      className: b(k.wrapper, a == null ? void 0 : a.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(
+            "img",
+            {
+              src: t,
+              alt: n || "thumbnail",
+              "data-testid": "reply-thumbnail",
+              className: b(k.thumbnail, a == null ? void 0 : a.thumbnail)
+            }
+          ),
+          /* @__PURE__ */ p("div", { className: b(k.content, a == null ? void 0 : a.content), children: [
+            /* @__PURE__ */ o(
+              U,
+              {
+                variant: "span",
+                className: b(k.title, a == null ? void 0 : a.title),
+                "data-testid": "chat-edit-title",
+                children: e
+              }
+            ),
+            /* @__PURE__ */ o(
+              U,
+              {
+                variant: "span",
+                className: b(k.subtitle, a == null ? void 0 : a.subtitle),
+                "data-testid": "chat-edit-subtitle",
+                children: s()
+              }
+            )
+          ] })
+        ] }),
+        d && /* @__PURE__ */ o(
+          wr,
+          {
+            "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)
+            },
+            icon: Se,
+            iconSizes: { width: 24, height: 24, viewBox: "0 0 20 20" },
+            onClick: l
+          }
+        )
+      ]
+    }
+  );
+}, k = {
+  wrapper: "w-full h-14 flex flex-row justify-between items-center",
+  message: "flex border-s-[3px] border-s-primary-10 w-full pr-2 py-1.5 bg-primary-10/[.10] rounded-[5px]",
+  title: "text-sm text-primary-10 font-medium truncate w-full",
+  content: "flex flex-col items-start gap-1 ml-2 text-sm text-dark-40",
+  subtitle: "text-sm text-dark-30 font-medium",
+  closeButton: "border-0 p-3 shadow-none focus:border-0 active:border-0",
+  closeIcon: "text-primary-10 fill-primary-10",
+  thumbnail: "size-[46px] ml-2 rounded object-cover flex-shrink-0",
+  mediaLabel: "inline-flex items-center gap-1 text-sm text-dark-40 font-medium"
 };
 export {
-  _e as Avatar,
-  Ze as Button,
-  Ne as Checkbox,
-  er as Headline,
-  Me as IconButton,
-  rr as Input,
-  tr as Label,
-  je as Message,
-  or as Notification,
-  Ce as Radio,
-  br as Select,
-  pr as Skeleton,
-  Ie as Spinner,
-  ar as Status,
-  nr as Switch,
-  ir as Tab,
-  cr as TabDots,
-  C as Text,
-  dr as Textarea,
-  lr as Toggle,
-  sr as Tooltip,
-  L as avatarIconTokens,
-  O as buttonTokens,
-  A as checkboxTokens,
-  R as iconButtonTokens,
-  B as inputTokens,
-  J as labelTokens,
-  W as messageTokens,
-  k as radioTokens,
-  D as selectTokens,
-  $e as skeletonTokens,
-  V as spinnerTokens,
-  K as statusTokens,
-  T as switchTokens,
-  I as tabDotsTokens,
-  P as tabTokens,
+  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,
+  k as replyMessageTokens,
+  M as selectTokens,
+  br as skeletonTokens,
+  ee as spinnerTokens,
+  ce as statusTokens,
+  E as switchTokens,
+  $ as tabDotsTokens,
+  _ as tabTokens,
   j as textareaTokens,
-  $ as toggleTokens,
-  Q as tooltipTokens
+  Z as toggleTokens,
+  be as tooltipTokens
 };