@namuna-nur/ui-kit 1.10.1 → 1.10.4

package/lib/atoms/index.js

@@ -1,6 +1,6 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import * as z from "react";
-import { forwardRef as O, useState as re, useRef as U } from "react";
+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";
@@ -13,7 +13,7 @@ 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 W = {
+const O = {
   base: "group inline-flex items-center justify-center transition-colors rounded-[10px] border outline-none",
   icon: {
     disabled: {
@@ -64,20 +64,20 @@ const W = {
       hover: "hover:bg-transparent hover:text-primary-20 hover:border-transparent"
     }
   }
-}, Ze = O(
+}, Ze = z(
   ({
     children: e,
     classNames: r,
     disabled: a = !1,
-    icon: o,
+    icon: t,
     iconDimensions: d = { height: 15, width: 15 },
-    iconPosition: b = "right",
+    iconPosition: s = "right",
     size: l = "medium",
     variant: i = "primary",
-    isShadow: s = !1,
+    isShadow: b = !1,
     ...p
   }, u) => {
-    const f = W.icon, h = W.sizes[l], g = W.variants[i] || W.variants.primary, y = f.variants[i], x = f.disabled[i];
+    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(
       "button",
       {
@@ -87,27 +87,27 @@ const W = {
         ref: u,
         disabled: a,
         className: n(
-          W.base,
-          h.padding,
-          h.fontSize,
-          g.base,
-          g.focus,
-          !a && g.hover,
-          !a && g.active,
-          a && g.disabled,
-          !!o && f.parent,
-          !!o && !e && "min-w-0",
-          i === "primary" && s && "shadow-3xl",
+          O.base,
+          g.padding,
+          g.fontSize,
+          h.base,
+          h.focus,
+          !a && h.hover,
+          !a && h.active,
+          a && h.disabled,
+          !!t && f.parent,
+          !!t && !e && "min-w-0",
+          i === "primary" && b && "shadow-3xl",
           r == null ? void 0 : r.base
         ),
         children: [
-          !!o && b === "left" && /* @__PURE__ */ t(
-            o,
+          !!t && s === "left" && /* @__PURE__ */ o(
+            t,
             {
               "aria-label": "icon",
               "aria-hidden": !0,
               className: n(
-                !a && y,
+                !a && v,
                 a && x,
                 r == null ? void 0 : r.icon
               ),
@@ -117,13 +117,13 @@ const W = {
             }
           ),
           e,
-          !!o && b === "right" && /* @__PURE__ */ t(
-            o,
+          !!t && s === "right" && /* @__PURE__ */ o(
+            t,
             {
               "aria-label": "icon",
               "aria-hidden": !0,
               className: n(
-                !a && y,
+                !a && v,
                 a && x,
                 r == null ? void 0 : r.icon
               ),
@@ -136,50 +136,50 @@ const W = {
       }
     );
   }
-), Me = O(
+), Me = z(
   ({
     classNames: e,
     disabled: r = !1,
     icon: a,
-    variant: o = "default",
+    variant: t = "default",
     shape: d,
-    badge: b,
+    badge: s,
     iconSizes: l,
     text: i,
-    ...s
+    ...b
   }, p) => {
     var x;
-    const u = R.icon, f = R.variants[o], h = u.variants[o], g = (x = R.shape) == null ? void 0 : x[d], y = u.disabled[o];
+    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(
       "button",
       {
-        ...s,
+        ...b,
         role: "button",
-        type: s.type || "button",
+        type: b.type || "button",
         ref: p,
         disabled: r,
         className: n(
           R.base,
           f.base,
           f.focus,
-          g,
-          b && R.badgeStyles.base,
+          h,
+          s && R.badgeStyles.base,
           !r && f.hover,
           !r && f.active,
           r && f.disabled,
           e == null ? void 0 : e.button
         ),
         children: [
-          b && /* @__PURE__ */ t("span", { className: R.badgeStyles.badgeStyles, children: b }),
-          !!a && /* @__PURE__ */ t(
+          s && /* @__PURE__ */ o("span", { className: R.badgeStyles.badgeStyles, children: s }),
+          !!a && /* @__PURE__ */ o(
             a,
             {
               "aria-label": "icon",
               "aria-hidden": !0,
               className: n(
                 u.base,
-                !r && h,
-                r && y,
+                !r && g,
+                r && v,
                 e == null ? void 0 : e.icon
               ),
               height: l == null ? void 0 : l.height,
@@ -187,7 +187,7 @@ const W = {
               viewBox: l == null ? void 0 : l.viewBox
             }
           ),
-          !!i && /* @__PURE__ */ t(C, { className: e == null ? void 0 : e.text, children: i })
+          !!i && /* @__PURE__ */ o(C, { className: e == null ? void 0 : e.text, children: i })
         ]
       }
     );
@@ -255,26 +255,26 @@ const W = {
       label: "size-2.5"
     }
   }
-}, Ne = O(
+}, Ne = z(
   ({
     checked: e = !1,
     className: r = "",
     disabled: a,
-    id: o,
+    id: t,
     onChange: d,
-    size: b = "large",
+    size: s = "large",
     ...l
   }, i) => {
-    const s = A.base, p = A.sizes[b];
+    const b = A.base, p = A.sizes[s];
     return /* @__PURE__ */ c(
       "label",
       {
         "aria-label": "checkbox-label",
-        htmlFor: o,
+        htmlFor: t,
         tabIndex: 0,
         className: n(
           p.label,
-          s,
+          b,
           e && A.checked,
           !a && A.active,
           !a && e && A.hover,
@@ -282,12 +282,12 @@ const W = {
           r
         ),
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ o(
             "input",
             {
               ...l,
               role: "checkbox",
-              id: o,
+              id: t,
               disabled: a,
               checked: !!e,
               onChange: d,
@@ -296,7 +296,7 @@ const W = {
               className: "hidden peer"
             }
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ o(
             X,
             {
               width: 20,
@@ -320,63 +320,63 @@ const W = {
   children: e,
   className: r = "",
   variant: a = "h1",
-  weight: o = "font-regular",
+  weight: t = "font-regular",
   ...d
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ o(
   a,
   {
     ...d,
-    className: n(Se[a], o, r),
+    className: n(Se[a], t, r),
     children: e
   }
-), rr = O(
+), rr = z(
   ({
     disabled: e,
     onChange: r,
     placeholder: a,
-    autoFocus: o = !1,
+    autoFocus: t = !1,
     status: d,
-    maxLength: b,
+    maxLength: s,
     id: l,
     classNames: i,
-    ...s
+    ...b
   }, p) => {
-    const u = B.parent, f = B.base, h = B.state, g = B.disabled, y = B.styles, x = B.maxLength;
+    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: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ o(
         "input",
         {
-          ...s,
+          ...b,
           role: "textbox",
           ref: p,
           id: l,
           disabled: e,
-          autoFocus: o,
+          autoFocus: t,
           onChange: r,
-          maxLength: b,
+          maxLength: s,
           className: n(
             f,
-            h.focus,
-            !e && h.hover,
-            d && (y == null ? void 0 : y[d]),
-            e && g,
+            g.focus,
+            !e && g.hover,
+            d && (v == null ? void 0 : v[d]),
+            e && h,
             i == null ? void 0 : i.target
           ),
           placeholder: a
         }
       ),
-      b && /* @__PURE__ */ c(
+      s && /* @__PURE__ */ c(
         C,
         {
           variant: "span",
           className: n(
             x,
-            String(s.value).length === b ? "bg-danger-10" : "bg-success-10"
+            String(b.value).length === s ? "bg-danger-10" : "bg-success-10"
           ),
           children: [
-            (s.value || "").toString().length,
+            (b.value || "").toString().length,
             "/",
-            b
+            s
           ]
         }
       )
@@ -397,18 +397,18 @@ const W = {
     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 = z.forwardRef(
-  ({ htmlFor: e, className: r, children: a, disabled: o, ...d }, b) => {
+}, tr = F.forwardRef(
+  ({ htmlFor: e, className: r, children: a, disabled: t, ...d }, s) => {
     const l = J.base, i = J.disabled;
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ o(
       "label",
       {
         ...d,
         role: "presentation",
         "aria-label": "input-label",
-        ref: b,
+        ref: s,
         htmlFor: e,
-        className: n(l, o && i, r),
+        className: n(l, t && i, r),
         children: a
       }
     );
@@ -417,45 +417,45 @@ const W = {
   base: "text-secondary-10 text-sm font-sans font-semibold leading-none",
   disabled: "text-dark-30/25 cursor-not-allowed"
 }, Te = {
-  success: /* @__PURE__ */ t(G, { className: "text-sidebar-10 fill-sidebar-10" }),
-  danger: /* @__PURE__ */ t(ie, { className: "text-sidebar-10 fill-sidebar-10" }),
-  info: /* @__PURE__ */ t(ne, { className: "text-sidebar-10 fill-sidebar-10" }),
-  warning: /* @__PURE__ */ t(ae, { className: "text-sidebar-10 fill-sidebar-10" }),
-  default: /* @__PURE__ */ t(G, { className: "text-sidebar-10 fill-sidebar-10" })
+  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 = ({
   type: e = "info",
   title: r,
   description: a,
-  withIcon: o = !0
+  withIcon: t = !0
 }) => /* @__PURE__ */ c(
   "div",
   {
     className: n(
-      o ? "items-start" : "justify-center",
+      t ? "items-start" : "justify-center",
       "flex items-center gap-1.5"
     ),
     children: [
-      o && /* @__PURE__ */ t("div", { "data-testid": "notification-icon", children: e && Te[e] }),
+      t && /* @__PURE__ */ o("div", { "data-testid": "notification-icon", children: e && Te[e] }),
       /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ t(le, { className: o ? "text-left" : "text-center", children: r }),
-        /* @__PURE__ */ t(se, { className: o ? "text-left" : "text-center", children: a })
+        /* @__PURE__ */ o(le, { className: t ? "text-left" : "text-center", children: r }),
+        /* @__PURE__ */ o(se, { className: t ? "text-left" : "text-center", children: a })
       ] })
     ]
   }
-), je = z.forwardRef(
+), je = F.forwardRef(
   ({
     id: e,
     text: r,
     timestamp: a,
-    senderName: o,
+    senderName: t,
     status: d,
-    isMine: b = !1,
-    firstMessage: l = !1,
-    lastMessage: i = !1,
-    classNames: s,
+    isMine: s = !1,
+    selected: l = !1,
+    firstMessage: i = !1,
+    classNames: b,
     ...p
   }, u) => {
-    const f = D.base, h = D.bubbleTail, g = D.wrapper, y = D.sender, x = D.message, v = D.timestamp;
+    const f = W.base, g = W.wrapper, h = W.sender, v = W.message, x = W.timestamp;
     return /* @__PURE__ */ c(
       "div",
       {
@@ -464,90 +464,84 @@ const W = {
         "data-testid": "message",
         className: n(
           f,
-          b && "bg-info-20 border-info-20",
-          s == null ? void 0 : s.base
+          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: [
-            !b && l && !!o && /* @__PURE__ */ t(
+            !s && i && !!t && /* @__PURE__ */ o(
               "span",
               {
                 "data-testid": "sender-name",
-                className: n(y, s == null ? void 0 : s.sender),
-                children: o
+                className: n(h, b == null ? void 0 : b.sender),
+                children: t
               }
             ),
-            !!r && /* @__PURE__ */ t(
+            !!r && /* @__PURE__ */ o(
               "span",
               {
                 "data-testid": "message-text",
-                className: n(x, s == null ? void 0 : s.message),
+                className: n(v, b == null ? void 0 : b.message),
                 children: r
               }
             )
           ] }),
           /* @__PURE__ */ c("div", { className: g.below, children: [
-            !!a && /* @__PURE__ */ t(
+            !!a && /* @__PURE__ */ o(
               "span",
               {
                 "data-testid": "message-timestamp",
-                className: n(v, s == null ? void 0 : s.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")
               }
             ),
-            b && !!d && /* @__PURE__ */ c("div", { "data-testid": "message-status", className: "translate-y-0.5", children: [
-              d === "delivered" && /* @__PURE__ */ t(
+            s && !!d && /* @__PURE__ */ c("div", { "data-testid": "message-status", className: "translate-y-0.5", children: [
+              d === "delivered" && /* @__PURE__ */ o(
                 te,
                 {
-                  className: "fill-dark-40/50",
+                  className: "fill-primary-10",
                   width: 16,
                   height: 16,
                   viewBox: "0 0 24 24"
                 }
               ),
-              d === "read" && /* @__PURE__ */ t(
+              d === "read" && /* @__PURE__ */ o(
                 oe,
                 {
-                  className: "fill-transparent text-dark-40/50",
+                  className: "fill-transparent text-primary-10",
                   width: 16,
                   height: 16,
                   viewBox: "0 0 16 16"
                 }
               )
             ] })
-          ] }),
-          i && /* @__PURE__ */ t(
-            "span",
-            {
-              "data-testid": "bubble-tail",
-              className: n(
-                h,
-                !b && "-left-3",
-                b && "-right-3 bg-info-20",
-                s == null ? void 0 : s.bubbleTail
-              )
-            }
-          )
+          ] })
         ]
       }
     );
   }
 );
 je.displayName = "Message";
-const D = {
-  base: "relative flex gap-3 bg-gray-40 border border-gray-40 rounded-[10px] px-2.5 py-2 min-h-10 w-max",
-  bubbleTail: "absolute inline-block w-[34px] h-[17px] bg-gray-40 triangle-up bottom-[-1px]",
+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-xs font-sans font-medium",
-  timestamp: "text-xs text-dark-40/50 leading-none"
-}, Ce = O(
-  ({ checked: e, disabled: r, id: a, onChange: o, size: d = "large", className: b, ...l }, i) => {
-    const s = k.sizes[d];
+  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(
       "label",
       {
@@ -555,15 +549,15 @@ const D = {
         "aria-label": "radio-label",
         className: n(
           k.base,
-          s.label,
+          b.label,
           r && k.disabled,
           !r && k.active,
           !e && !r && k.hover,
           !r && e && k.checked,
-          b
+          s
         ),
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ o(
             "input",
             {
               ...l,
@@ -573,13 +567,13 @@ const D = {
               role: "radio",
               checked: e,
               disabled: r,
-              onChange: o,
+              onChange: t,
               className: "hidden peer",
               "aria-checked": e,
-              readOnly: !o
+              readOnly: !t
             }
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ o(
             "span",
             {
               "aria-hidden": "true",
@@ -618,7 +612,7 @@ const k = {
   text: e,
   variant: r = "default",
   className: a
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ o(
   C,
   {
     className: n(K.base, K.status[r], a),
@@ -634,45 +628,45 @@ const k = {
     warning: "bg-status-30",
     default: "bg-dark-30/[.15]"
   }
-}, { Root: Re, Thumb: Ae } = Y, nr = z.forwardRef(({ classNames: e, ...r }, a) => {
-  const o = r.checked ?? !1;
+}, { Root: Re, Thumb: Ae } = Y, nr = F.forwardRef(({ classNames: e, ...r }, a) => {
+  const t = r.checked ?? !1;
   return /* @__PURE__ */ c(Re, { ref: a, className: n(T.base, e == null ? void 0 : e.root), ...r, children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ o(
       "div",
       {
         className: n(
           T.iconWrapper.base,
           "left-0",
-          !o && T.iconWrapper.checked
+          !t && T.iconWrapper.checked
         ),
-        children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ o(
           fe,
           {
             "data-testid": "list-icon",
-            className: n(o ? "fill-dark-30/25" : "fill-dark-30/[.80]")
+            className: n(t ? "fill-dark-30/25" : "fill-dark-30/[.80]")
           }
         )
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ o(
       "div",
       {
         className: n(
           T.iconWrapper.base,
           "right-0",
-          o && T.iconWrapper.checked
+          t && T.iconWrapper.checked
         ),
-        children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ o(
           ge,
           {
             "data-testid": "grid-icon",
-            className: n(o ? "fill-dark-30/[.80]" : "fill-dark-30/25")
+            className: n(t ? "fill-dark-30/[.80]" : "fill-dark-30/25")
           }
         )
       }
     ),
-    /* @__PURE__ */ t("div", { className: n(T.borderLine) }),
-    /* @__PURE__ */ t(Ae, { tabIndex: 1, className: n(T.thumb, e == null ? void 0 : e.thumb) })
+    /* @__PURE__ */ o("div", { className: n(T.borderLine) }),
+    /* @__PURE__ */ o(Ae, { tabIndex: 1, className: n(T.thumb, e == null ? void 0 : e.thumb) })
   ] });
 }), T = {
   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",
@@ -712,36 +706,36 @@ const k = {
     active: "fill-white",
     disabled: "fill-dark-30/25"
   }
-}, ir = O(
+}, ir = z(
   ({
     variant: e = "small",
     active: r,
     icon: a,
-    disabled: o,
+    disabled: t,
     children: d,
-    className: b,
+    className: s,
     iconDimensions: l,
     ...i
-  }, s) => {
+  }, b) => {
     const p = P.sizes[e];
     return /* @__PURE__ */ c(
       "button",
       {
         role: "tab",
         "aria-selected": r,
-        ref: s,
+        ref: b,
         className: n(
           p.base,
           p.default,
-          !o && !r && p.hover,
-          r && !o && p.active,
-          r && !o && P.focus,
-          o && p.disabled,
-          b
+          !t && !r && p.hover,
+          r && !t && p.active,
+          r && !t && P.focus,
+          t && p.disabled,
+          s
         ),
         ...i,
         children: [
-          !!a && /* @__PURE__ */ t(
+          !!a && /* @__PURE__ */ o(
             a,
             {
               "aria-label": "icon",
@@ -749,7 +743,7 @@ const k = {
               className: n(
                 P.icon.default,
                 r && P.icon.active,
-                o && P.icon.disabled
+                t && P.icon.disabled
               ),
               ...l
             }
@@ -763,52 +757,52 @@ const k = {
   children: e,
   className: r = "",
   variant: a = "p",
-  ...o
-}) => /* @__PURE__ */ t(a, { ...o, className: n(r), children: e }), dr = z.forwardRef(
+  ...t
+}) => /* @__PURE__ */ o(a, { ...t, className: n(r), children: e }), dr = F.forwardRef(
   ({
     className: e = "",
     disabled: r,
     onChange: a,
-    placeholder: o = "Введите текст",
+    placeholder: t = "Введите текст",
     autoFocus: d = !1,
-    status: b,
+    status: s,
     maxLength: l,
     ...i
-  }, s) => {
-    var x, v;
-    const p = j.base, u = j.state, f = j.disabled, h = j.styles, g = j.maxLength;
+  }, 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: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ o(
         "textarea",
         {
           ...i,
           role: "textbox",
-          ref: s,
+          ref: b,
           maxLength: l,
           disabled: r,
           autoFocus: d,
-          placeholder: o,
+          placeholder: t,
           onChange: a,
           className: n(
             p,
             u.focus,
             !r && u.hover,
-            b && (h == null ? void 0 : h[b]),
+            s && (g == null ? void 0 : g[s]),
             r && f,
             e
           )
         }
       ),
-      /* @__PURE__ */ t("div", { className: j.messageContainer, children: l && /* @__PURE__ */ c(
+      /* @__PURE__ */ o("div", { className: j.messageContainer, children: l && /* @__PURE__ */ c(
         C,
         {
           variant: "span",
           className: n(
-            g,
+            h,
             String(i.value).length === l ? "bg-danger-10 text-sidebar-10" : "bg-transparent"
           ),
           children: [
-            (v = (x = i.value || "") == null ? void 0 : x.toString()) == null ? void 0 : v.length,
+            (y = (x = i.value || "") == null ? void 0 : x.toString()) == null ? void 0 : y.length,
             "/",
             l
           ]
@@ -836,8 +830,8 @@ 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 = z.forwardRef(
-  ({ label: e = "", labelPosition: r = "right", disabled: a, classNames: o, ...d }, b) => /* @__PURE__ */ c(
+}, { Root: Be, Thumb: De } = Y, lr = F.forwardRef(
+  ({ label: e = "", labelPosition: r = "right", disabled: a, classNames: t, ...d }, s) => /* @__PURE__ */ c(
     "div",
     {
       className: n(
@@ -845,30 +839,30 @@ const k = {
         r === "right" && "flex-row-reverse"
       ),
       children: [
-        !!e && /* @__PURE__ */ t(
+        !!e && /* @__PURE__ */ o(
           "span",
           {
             className: n(
               $.label,
               r === "right" && "ml-2",
               a && "cursor-not-allowed text-dark-30/[.20]",
-              o == null ? void 0 : o.label
+              t == null ? void 0 : t.label
             ),
             children: e
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ o(
           Be,
           {
-            ref: b,
+            ref: s,
             disabled: a,
-            className: n($.base, o == null ? void 0 : o.base),
+            className: n($.base, t == null ? void 0 : t.base),
             ...d,
-            children: /* @__PURE__ */ t(
+            children: /* @__PURE__ */ o(
               De,
               {
                 tabIndex: 1,
-                className: n($.thumb, o == null ? void 0 : o.thumb)
+                className: n($.thumb, t == null ? void 0 : t.thumb)
               }
             )
           }
@@ -884,21 +878,21 @@ const k = {
   children: e,
   className: r,
   defaultOpen: a,
-  side: o,
+  side: t,
   content: d,
-  delayDuration: b = 0,
+  delayDuration: s = 0,
   isDisabled: l = !1
-}) => /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ c(ze, { defaultOpen: a, delayDuration: b, children: [
-  /* @__PURE__ */ t(Oe, { asChild: !0, children: /* @__PURE__ */ t("div", { children: e }) }),
-  !l && /* @__PURE__ */ t(We, { children: /* @__PURE__ */ c(
+}) => /* @__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,
     {
-      side: o,
+      side: t,
       sideOffset: 5,
       className: n(Q.content, r),
       children: [
         d,
-        /* @__PURE__ */ t(Le, { className: Q.arrow })
+        /* @__PURE__ */ o(Le, { className: Q.arrow })
       ]
     }
   ) })
@@ -915,22 +909,22 @@ const k = {
   classNames: e,
   disabled: r,
   status: a,
-  onChange: o,
+  onChange: t,
   options: d,
-  placeholder: b = "Choose",
+  placeholder: s = "Choose",
   value: l,
   isDotable: i,
-  isLoading: s,
+  isLoading: b,
   autoFocusValue: p
 }) => {
-  const [u, f] = re(!1), g = ye(d)(l), y = U(null), x = U(null), v = F.base, w = F.options, Z = F.status.styles, M = F.disabled.trigger, N = F.disabled.triggerText, H = ({
+  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 = ""
-  }) => /* @__PURE__ */ t(
+  }) => /* @__PURE__ */ o(
     C,
     {
       className: n(
-        v.placeholder,
+        y.placeholder,
         r && N,
         "truncate min-w-0 flex-1",
         m
@@ -951,47 +945,47 @@ const k = {
       }
     }
   };
-  return /* @__PURE__ */ t("div", { className: n("w-full", e == null ? void 0 : e.parent), children: /* @__PURE__ */ c(be, { open: u, onOpenChange: f, children: [
+  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,
       {
         role: "listbox",
         disabled: r,
         className: n(
-          v.trigger,
+          y.trigger,
           r && M,
-          u && v.focus,
-          !u && !r && v.hover,
+          u && y.focus,
+          !u && !r && y.hover,
           !u && a && Z[a],
           e == null ? void 0 : e.trigger
         ),
         children: [
-          /* @__PURE__ */ t("div", { className: v == null ? void 0 : v.textWrapper, children: l ? /* @__PURE__ */ t(
+          /* @__PURE__ */ o("div", { className: y == null ? void 0 : y.textWrapper, children: l ? /* @__PURE__ */ o(
             H,
             {
-              text: g == null ? void 0 : g.label,
+              text: h == null ? void 0 : h.label,
               className: n(
-                v.selected,
-                r && F.disabled.selectedDisabled,
+                y.selected,
+                r && D.disabled.selectedDisabled,
                 e == null ? void 0 : e.selected
               )
             }
-          ) : /* @__PURE__ */ t(
+          ) : /* @__PURE__ */ o(
             H,
             {
-              text: b,
+              text: s,
               className: e == null ? void 0 : e.placeholder
             }
           ) }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ o(
             xe,
             {
               width: 20,
               height: 20,
               viewBox: "0 0 20 20",
               className: n(
-                v.icon,
-                r && v.iconDisabled,
+                y.icon,
+                r && y.iconDisabled,
                 u && "-rotate-180",
                 "flex-shrink-0"
               )
@@ -1000,25 +994,25 @@ const k = {
         ]
       }
     ),
-    /* @__PURE__ */ t("div", { ref: y, children: /* @__PURE__ */ c(
+    /* @__PURE__ */ o("div", { ref: v, children: /* @__PURE__ */ c(
       pe,
       {
-        container: y.current,
+        container: v.current,
         className: n(w.content, e == null ? void 0 : e.content),
         style: { minWidth: "var(--radix-popper-anchor-width)" },
         onOpenAutoFocus: ee,
         ref: x,
         children: [
-          s && /* @__PURE__ */ t(Ie, { width: 30, height: 30 }),
-          !s && (d != null && d.length) ? d.map((m) => /* @__PURE__ */ t(
+          b && /* @__PURE__ */ o(Ie, { width: 30, height: 30 }),
+          !b && (d != null && d.length) ? d.map((m) => /* @__PURE__ */ o(
             "div",
             {
               "data-value": m.value,
               className: w.items,
               onClick: (S) => {
-                S.preventDefault(), S.stopPropagation(), o(m.value), f(!1);
+                S.preventDefault(), S.stopPropagation(), t(m.value), f(!1);
               },
-              children: /* @__PURE__ */ t(
+              children: /* @__PURE__ */ o(
                 C,
                 {
                   className: n(
@@ -1032,12 +1026,12 @@ const k = {
               )
             },
             m.value
-          )) : !s && /* @__PURE__ */ t("div", { className: n(w.items, "cursor-default"), children: /* @__PURE__ */ t(C, { className: n(w.itemsText), children: "Нет данных" }) })
+          )) : !b && /* @__PURE__ */ o("div", { className: n(w.items, "cursor-default"), children: /* @__PURE__ */ o(C, { className: n(w.itemsText), children: "Нет данных" }) })
         ]
       }
     ) })
   ] }) });
-}, F = {
+}, 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",
@@ -1070,17 +1064,17 @@ const k = {
       success: "border-success-20 ring-2 ring-success-10/[.20] hover:border-success-20"
     }
   }
-}, _e = z.forwardRef(
+}, _e = F.forwardRef(
   ({
     imageSrc: e,
     alt: r,
     hasBadge: a = !1,
-    iconSize: o,
+    iconSize: t,
     isActive: d,
-    isHasCamera: b = !1,
+    isHasCamera: s = !1,
     onAvatarChange: l,
     classNames: i
-  }, s) => {
+  }, b) => {
     const p = L.root, u = L.image, f = L.badge;
     return /* @__PURE__ */ c(
       me,
@@ -1088,8 +1082,8 @@ const k = {
         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: n(
           p,
@@ -1098,17 +1092,17 @@ const k = {
           i == null ? void 0 : i.wrapper
         ),
         children: [
-          !!s && /* @__PURE__ */ t(
+          !!b && /* @__PURE__ */ o(
             "input",
             {
-              ref: s,
+              ref: b,
               type: "file",
               accept: ".png,.jpg,.jpeg,image/png,image/jpeg",
               className: "hidden",
               onChange: l
             }
           ),
-          e ? /* @__PURE__ */ t(
+          e ? /* @__PURE__ */ o(
             ke,
             {
               role: "img",
@@ -1117,7 +1111,7 @@ const k = {
               alt: r ?? "empty-avatar",
               className: n(u, i == null ? void 0 : i.img)
             }
-          ) : /* @__PURE__ */ t(we, { children: b ? /* @__PURE__ */ t(
+          ) : /* @__PURE__ */ o(we, { children: s ? /* @__PURE__ */ o(
             E,
             {
               width: 38,
@@ -1125,13 +1119,13 @@ const k = {
               className: n("fill-dark-30/[.20]", i == null ? void 0 : i.badgeIcon),
               viewBox: "0 0 38 30"
             }
-          ) : /* @__PURE__ */ t(
+          ) : /* @__PURE__ */ o(
             ve,
             {
               "data-testid": "icon-avatar",
               "aria-label": "icon-avatar",
-              height: (o == null ? void 0 : o.height) ?? 17,
-              width: (o == null ? void 0 : o.width) ?? 17,
+              height: (t == null ? void 0 : t.height) ?? 17,
+              width: (t == null ? void 0 : t.width) ?? 17,
               className: n(
                 "fill-sidebar-10",
                 a && "fill-dark-30/[.15]",
@@ -1139,12 +1133,12 @@ const k = {
               )
             }
           ) }),
-          a && /* @__PURE__ */ t(
+          a && /* @__PURE__ */ o(
             "div",
             {
               "data-testid": "avatar-badge",
               className: n(f.wrapper, i == null ? void 0 : i.badge),
-              children: d ? /* @__PURE__ */ t(
+              children: d ? /* @__PURE__ */ o(
                 X,
                 {
                   width: 14,
@@ -1152,7 +1146,7 @@ const k = {
                   viewBox: "0 0 20 20",
                   className: "fill-sidebar-10"
                 }
-              ) : /* @__PURE__ */ t(
+              ) : /* @__PURE__ */ o(
                 E,
                 {
                   width: 16,
@@ -1180,14 +1174,14 @@ const L = {
   value: e,
   onValueChange: r,
   classNames: a = {},
-  count: o = 3,
+  count: t = 3,
   ...d
-}) => /* @__PURE__ */ t(_.Root, { value: e, onValueChange: r, children: /* @__PURE__ */ t(
+}) => /* @__PURE__ */ o(_.Root, { value: e, onValueChange: r, children: /* @__PURE__ */ o(
   _.List,
   {
     className: n(I.container, a.container),
     ...d,
-    children: Array.from({ length: o }).map((b, l) => /* @__PURE__ */ t(
+    children: Array.from({ length: t }).map((s, l) => /* @__PURE__ */ o(
       _.Trigger,
       {
         value: String(l),
@@ -1204,19 +1198,19 @@ const 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"
-}, pr = ({ className: e, children: r, ...a }) => /* @__PURE__ */ t("div", { ...a, "data-slot": "skeleton", className: n($e.base, e), children: r }), $e = {
+}, pr = ({ className: e, children: r, ...a }) => /* @__PURE__ */ o("div", { ...a, "data-slot": "skeleton", className: n($e.base, e), children: r }), $e = {
   base: "bg-gray-200 animate-pulse rounded-md"
 }, Ie = ({
   classNames: e,
   width: r = 73,
   height: a = 73,
-  isBlur: o = !1
-}) => /* @__PURE__ */ t(
+  isBlur: t = !1
+}) => /* @__PURE__ */ o(
   "div",
   {
     "data-testid": "spinner",
-    className: n(o ? V.blur : V.wrapper, e == null ? void 0 : e.wrapper),
-    children: /* @__PURE__ */ t(
+    className: n(t ? V.blur : V.wrapper, e == null ? void 0 : e.wrapper),
+    children: /* @__PURE__ */ o(
       de,
       {
         "data-testid": "spinner-icon",
@@ -1254,14 +1248,14 @@ export {
   lr as Toggle,
   sr as Tooltip,
   L as avatarIconTokens,
-  W as buttonTokens,
+  O as buttonTokens,
   A as checkboxTokens,
   R as iconButtonTokens,
   B as inputTokens,
   J as labelTokens,
-  D as messageTokens,
+  W as messageTokens,
   k as radioTokens,
-  F as selectTokens,
+  D as selectTokens,
   $e as skeletonTokens,
   V as spinnerTokens,
   K as statusTokens,