@yakavkaz/uikit 0.0.2 → 0.0.4

package/dist/index.js

@@ -1,19 +1,19 @@
-import { jsx as e, jsxs as i, Fragment as Q } from "react/jsx-runtime";
+import { jsx as e, jsxs as i, Fragment as u } from "react/jsx-runtime";
 import * as J from "@radix-ui/react-select";
-import { forwardRef as M, memo as p, useId as d, useMemo as N, useState as P } from "react";
-import x, { clsx as b } from "clsx";
-import { Slot as z } from "@radix-ui/react-slot";
-import * as Z from "@radix-ui/react-checkbox";
+import { forwardRef as M, memo as p, useId as W, useMemo as N, useState as P } from "react";
+import m, { clsx as b } from "clsx";
+import { Slot as f } from "@radix-ui/react-slot";
+import * as L from "@radix-ui/react-checkbox";
 import * as q from "@radix-ui/react-label";
-import * as C from "@radix-ui/react-dropdown-menu";
-const V = (g, A) => /* @__PURE__ */ e(
+import * as G from "@radix-ui/react-dropdown-menu";
+const V = (A, g) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: /* @__PURE__ */ e(
       "path",
       {
@@ -22,14 +22,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       }
     )
   }
-), _ = M(V), $ = (g, A) => /* @__PURE__ */ e(
+), _ = M(V), $ = (A, g) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 380 100",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: /* @__PURE__ */ e(
       "path",
       {
@@ -38,14 +38,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       }
     )
   }
-), F = M($), ee = (g, A) => /* @__PURE__ */ i(
+), H = M($), ee = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ e("g", { clipPath: "url(#checkmark-outline_svg__a)", children: /* @__PURE__ */ e(
         "path",
@@ -57,14 +57,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "checkmark-outline_svg__a", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
     ]
   }
-), ge = M(ee), Ae = (g, A) => /* @__PURE__ */ i(
+), ge = M(ee), Ae = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ e("g", { clipPath: "url(#close_svg__a)", children: /* @__PURE__ */ e(
         "path",
@@ -76,14 +76,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "close_svg__a", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
     ]
   }
-), ce = M(Ae), ie = (g, A) => /* @__PURE__ */ i(
+), ce = M(Ae), ie = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ i("g", { fill: "currentColor", clipPath: "url(#eye-off-outline_svg__a)", children: [
         /* @__PURE__ */ e("path", { d: "M4.71 3.29a1.004 1.004 0 1 0-1.42 1.42l5.63 5.63a3.5 3.5 0 0 0 4.74 4.74l5.63 5.63a1.002 1.002 0 0 0 1.639-.325 1 1 0 0 0-.219-1.095zM12 13.5a1.5 1.5 0 0 1-1.5-1.5v-.07l1.56 1.56z" }),
@@ -92,14 +92,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "eye-off-outline_svg__a", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
     ]
   }
-), Be = M(ie), ne = (g, A) => /* @__PURE__ */ i(
+), Be = M(ie), ne = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ i("g", { fill: "currentColor", clipPath: "url(#eye-off_svg__a)", children: [
         /* @__PURE__ */ e("path", { d: "M12 13.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M15.29 18.12 14 16.78l-.07-.07-1.27-1.27A3.5 3.5 0 0 1 8.5 12a4 4 0 0 1 .06-.61l-2-2L5 7.87a15.9 15.9 0 0 0-2.87 3.63 1 1 0 0 0 0 1c.63 1.09 4 6.5 9.89 6.5h.25a9.5 9.5 0 0 0 3.23-.67zM8.59 5.76l2.8 2.8A4 4 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5 4 4 0 0 1-.06.61l2.68 2.68.84.84a15.9 15.9 0 0 0 2.91-3.63 1 1 0 0 0 0-1c-.64-1.11-4.16-6.68-10.14-6.5a9.5 9.5 0 0 0-3.23.67z" }),
@@ -108,14 +108,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "eye-off_svg__a", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
     ]
   }
-), Me = M(ne), Ye = (g, A) => /* @__PURE__ */ i(
+), Me = M(ne), Ye = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ i("g", { fill: "currentColor", clipPath: "url(#eye-outline_svg__a)", children: [
         /* @__PURE__ */ e("path", { d: "M21.87 11.5c-.64-1.11-4.16-6.68-10.14-6.5-5.53.14-8.73 5-9.6 6.5a1 1 0 0 0 0 1c.63 1.09 4 6.5 9.89 6.5h.25c5.53-.14 8.74-5 9.6-6.5a1 1 0 0 0 0-1M12.22 17c-4.31.1-7.12-3.59-8-5 1-1.61 3.61-4.9 7.61-5 4.29-.11 7.11 3.59 8 5-1.03 1.61-3.61 4.9-7.61 5" }),
@@ -124,14 +124,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "eye-outline_svg__a", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
     ]
   }
-), xe = M(Ye), me = (g, A) => /* @__PURE__ */ i(
+), me = M(Ye), xe = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ i("g", { fill: "currentColor", clipPath: "url(#eye_svg__a)", children: [
         /* @__PURE__ */ e("path", { d: "M12 13.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3" }),
@@ -140,14 +140,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "eye_svg__a", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
     ]
   }
-), le = M(me), Ee = (g, A) => /* @__PURE__ */ e(
+), le = M(xe), Ee = (A, g) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: /* @__PURE__ */ e(
       "path",
       {
@@ -156,14 +156,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       }
     )
   }
-), we = M(Ee), he = (g, A) => /* @__PURE__ */ i(
+), we = M(Ee), he = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 60 60",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ e("path", { fill: "currentColor", d: "M.5.5h59v59H.5z" }),
       /* @__PURE__ */ e("path", { stroke: "#D9D9D9", d: "M.5.5h59v59H.5z" }),
@@ -207,14 +207,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       ) })
     ]
   }
-), Ie = M(he), ae = (g, A) => /* @__PURE__ */ e(
+), ae = M(he), Ie = (A, g) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: /* @__PURE__ */ e(
       "path",
       {
@@ -223,24 +223,24 @@ const V = (g, A) => /* @__PURE__ */ e(
       }
     )
   }
-), oe = M(ae), se = (g, A) => /* @__PURE__ */ e(
+), oe = M(Ie), se = (A, g) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "m12 15.4-6-6L7.4 8l4.6 4.6L16.6 8 18 9.4z" })
   }
-), Je = M(se), Ce = (g, A) => /* @__PURE__ */ e(
+), Je = M(se), Ce = (A, g) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: /* @__PURE__ */ e(
       "path",
       {
@@ -249,14 +249,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       }
     )
   }
-), ze = M(Ce), te = (g, A) => /* @__PURE__ */ i(
+), ze = M(Ce), te = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 62 62",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ e("path", { stroke: "#D9D9D9", d: "M1 1h60v60H1z" }),
       /* @__PURE__ */ e(
@@ -268,24 +268,24 @@ const V = (g, A) => /* @__PURE__ */ e(
       )
     ]
   }
-), Ge = M(te), fe = (g, A) => /* @__PURE__ */ e(
+), Ge = M(te), fe = (A, g) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M3 18v-2h18v2zm0-5v-2h18v2zm0-5V6h18v2z" })
   }
-), re = M(fe), ue = (g, A) => /* @__PURE__ */ e(
+), re = M(fe), ue = (A, g) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: /* @__PURE__ */ e(
       "path",
       {
@@ -294,14 +294,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       }
     )
   }
-), Qe = M(ue), Re = (g, A) => /* @__PURE__ */ i(
+), Qe = M(ue), Re = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ e("g", { clipPath: "url(#telegram_svg__a)", children: /* @__PURE__ */ e(
         "path",
@@ -313,14 +313,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "telegram_svg__a", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
     ]
   }
-), ke = M(Re), Oe = (g, A) => /* @__PURE__ */ i(
+), ke = M(Re), ve = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ e("g", { clipPath: "url(#vk_svg__a)", children: /* @__PURE__ */ e(
         "path",
@@ -332,14 +332,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "vk_svg__a", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
     ]
   }
-), ve = M(Oe), Ze = (g, A) => /* @__PURE__ */ i(
+), Oe = M(ve), Ze = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 62 62",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ e("path", { stroke: "#D9D9D9", d: "M1 1h60v60H1z" }),
       /* @__PURE__ */ e(
@@ -358,14 +358,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       )
     ]
   }
-), de = M(Ze), Fe = (g, A) => /* @__PURE__ */ e(
+), de = M(Ze), Fe = (A, g) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: /* @__PURE__ */ e(
       "path",
       {
@@ -376,14 +376,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       }
     )
   }
-), je = M(Fe), De = (g, A) => /* @__PURE__ */ i(
+), je = M(Fe), De = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ e("g", { clipPath: "url(#x_svg__a)", children: /* @__PURE__ */ e(
         "path",
@@ -395,14 +395,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "x_svg__a", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M0 0h20v20H0z" }) }) })
     ]
   }
-), Le = M(De), We = (g, A) => /* @__PURE__ */ i(
+), Le = M(De), We = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 34 24",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ e(
         "path",
@@ -420,14 +420,14 @@ const V = (g, A) => /* @__PURE__ */ e(
       )
     ]
   }
-), He = M(We), Se = (g, A) => /* @__PURE__ */ i(
+), He = M(We), Se = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 62 62",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ e("path", { stroke: "#D9D9D9", d: "M1 1h60v60H1z" }),
       /* @__PURE__ */ e(
@@ -442,15 +442,15 @@ const V = (g, A) => /* @__PURE__ */ e(
 ), Ue = M(Se), ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Arrow: _,
-  BannerBgYak: F,
+  BannerBgYak: H,
   CheckmarkOutline: ge,
   Close: ce,
   Eye: le,
   EyeOff: Me,
   EyeOffOutline: Be,
-  EyeOutline: xe,
+  EyeOutline: me,
   Filter: we,
-  Gos: Ie,
+  Gos: ae,
   Journalist: oe,
   KeyboardArrowDown: Je,
   LocationOn: ze,
@@ -458,16 +458,16 @@ const V = (g, A) => /* @__PURE__ */ e(
   Menu: re,
   Search: Qe,
   Telegram: ke,
-  Vk: ve,
+  Vk: Oe,
   VkAuth: de,
   Whatsaap: je,
   X: Le,
   Yak: He,
   Yandex: Ue
-}, Symbol.toStringTag, { value: "Module" })), Te = ({ iconId: g, ...A }, c) => {
-  const B = ye[g];
-  return B ? /* @__PURE__ */ e(B, { ...A, ref: c }) : null;
-}, Ke = M(Te), o = p(Ke), h = {
+}, Symbol.toStringTag, { value: "Module" })), Te = ({ iconId: A, ...g }, B) => {
+  const n = ye[A];
+  return n ? /* @__PURE__ */ e(n, { ...g, ref: B }) : null;
+}, Ke = M(Te), I = p(Ke), h = {
   large: "large",
   // 48px
   h1: "h1",
@@ -548,52 +548,52 @@ const V = (g, A) => /* @__PURE__ */ e(
   // 16px
   [h.small_link]: "text-xxs font-regular text-primary-500 underline cursor-pointer"
   // 14px
-}, s = M(
-  ({ asChild: g, variant: A = h.regular_text_16, className: c, ...B }, n) => {
-    const m = g ? z : "span", Y = Xe[A];
+}, o = M(
+  ({ asChild: A, variant: g = h.regular_text_16, className: B, ...n }, c) => {
+    const x = A ? f : "span", Y = Xe[g];
     return /* @__PURE__ */ e(
-      m,
+      x,
       {
-        ref: n,
-        className: x(
+        ref: c,
+        className: m(
           "font-primary",
           // Базовый шрифт
           Y,
-          c
+          B
         ),
-        ...B
+        ...n
       }
     );
   }
 );
-s.displayName = "Typography";
-const j = M(
+o.displayName = "Typography";
+const S = M(
   ({
-    children: g,
-    className: A,
-    defaultValue: c = "10",
-    triggerIcon: B,
-    style: n,
-    placeholder: m,
+    children: A,
+    className: g,
+    defaultValue: B = "10",
+    triggerIcon: n,
+    style: c,
+    placeholder: x,
     label: Y,
     labelColor: w,
     ...E
-  }, l) => /* @__PURE__ */ i("div", { className: x("flex flex-col gap-1", A), children: [
+  }, l) => /* @__PURE__ */ i("div", { className: m("flex flex-col gap-1", g), children: [
     Y && /* @__PURE__ */ e(
-      s,
+      o,
       {
         style: { color: w },
         variant: h.regular_text_14,
         children: Y[0]?.toUpperCase() + Y.slice(1)
       }
     ),
-    /* @__PURE__ */ i(J.Root, { defaultValue: c, ...E, children: [
+    /* @__PURE__ */ i(J.Root, { defaultValue: B, ...E, children: [
       /* @__PURE__ */ i(
         J.Trigger,
         {
           ref: l,
-          style: n,
-          className: x(
+          style: c,
+          className: m(
             "inline-flex items-center justify-between gap-2",
             "px-3 py-1.5 text-black",
             "transition-colors",
@@ -603,10 +603,10 @@ const j = M(
             "formattedDate-[state=open]:text-light-900 outline-none"
           ),
           children: [
-            /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: B && /* @__PURE__ */ e(J.Icon, { className: "h-6 w-6", children: B }) }),
-            /* @__PURE__ */ e(J.Value, { placeholder: m }),
+            /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: n && /* @__PURE__ */ e(J.Icon, { className: "h-6 w-6", children: n }) }),
+            /* @__PURE__ */ e(J.Value, { placeholder: x }),
             /* @__PURE__ */ e(J.Icon, { className: "text-black", children: /* @__PURE__ */ e(
-              o,
+              I,
               {
                 iconId: "KeyboardArrowDown",
                 className: "h-6 w-6 transition-transform duration-300 data-[state=open]:rotate-180"
@@ -621,44 +621,44 @@ const j = M(
           className: "z-50 bg-white w-[--radix-select-trigger-width] overflow-hidden shadow-lg",
           position: "popper",
           sideOffset: 4,
-          children: /* @__PURE__ */ e(J.Viewport, { className: "p-1 max-h-[200px]", children: g })
+          children: /* @__PURE__ */ e(J.Viewport, { className: "p-1 max-h-[200px]", children: A })
         }
       ) })
     ] })
   ] })
 );
-j.displayName = "Selector";
-const D = M(
-  ({ children: g, className: A = "", value: c, disabled: B }, n) => /* @__PURE__ */ e(
+S.displayName = "Selector";
+const U = M(
+  ({ children: A, className: g = "", value: B, disabled: n }, c) => /* @__PURE__ */ e(
     J.Item,
     {
-      ref: n,
-      value: c,
-      disabled: B,
-      className: x(
+      ref: c,
+      value: B,
+      disabled: n,
+      className: m(
         "relative flex cursor-pointer select-none items-center px-3 py-1.5 text-sm",
         "formattedDate-[highlighted]:text-success-300",
         "formattedDate-[disabled]:pointer-events-none formattedDate-[disabled]:text-primary-900",
         "outline-none",
-        A
+        g
       ),
-      children: /* @__PURE__ */ e(J.ItemText, { children: g })
+      children: /* @__PURE__ */ e(J.ItemText, { children: A })
     }
   )
 );
-D.displayName = "SelectItem";
-const pe = ({ children: g, className: A }) => g ? /* @__PURE__ */ e("div", { className: x("w-full", A), children: g }) : /* @__PURE__ */ e("div", { className: x("w-full", A), children: "Пустая карточка" }), Ne = (g) => {
-  const A = d();
-  return g || A;
+U.displayName = "SelectItem";
+const pe = ({ children: A, className: g }) => A ? /* @__PURE__ */ e("div", { className: m("w-full", g), children: A }) : /* @__PURE__ */ e("div", { className: m("w-full", g), children: "Пустая карточка" }), Ne = (A) => {
+  const g = W();
+  return A || g;
 }, Pe = M(
-  ({ checked: g, className: A, disabled: c = !1, id: B, label: n, onValueChange: m, ...Y }, w) => {
-    const E = Ne(B);
+  ({ checked: A, className: g, disabled: B = !1, id: n, label: c, onValueChange: x, ...Y }, w) => {
+    const E = Ne(n);
     return /* @__PURE__ */ i("div", { className: "flex items-center", children: [
       /* @__PURE__ */ e(
-        Z.Root,
+        L.Root,
         {
-          checked: g,
-          className: x(
+          checked: A,
+          className: m(
             "relative cursor-pointer flex items-center justify-center w-[18px] h-[18px] border-2 border-dark-900 rounded-sm",
             "formattedDate-[state=checked]:bg-white formattedDate-[state=checked]:border-dark-900",
             "formattedDate-[disabled]:cursor-default",
@@ -668,105 +668,105 @@ const pe = ({ children: g, className: A }) => g ? /* @__PURE__ */ e("div", { cla
             "focus:before:bg-gray-100",
             "hover:before:bg-gray-100",
             "active:before:bg-gray-100",
-            A
+            g
           ),
           id: E,
-          disabled: c,
-          onCheckedChange: m,
+          disabled: B,
+          onCheckedChange: x,
           ...Y,
           ref: w,
           children: /* @__PURE__ */ e(
-            Z.Indicator,
+            L.Indicator,
             {
-              className: x(
+              className: m(
                 "flex items-center justify-center text-gray-900",
                 "formattedDate-[disabled]:text-gray-400"
               ),
-              children: /* @__PURE__ */ e(o, { iconId: "CheckmarkOutline", width: 18 })
+              children: /* @__PURE__ */ e(I, { iconId: "CheckmarkOutline", width: 18 })
             }
           )
         }
       ),
-      /* @__PURE__ */ e(s, { asChild: !0, variant: h.regular_text_14, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(o, { asChild: !0, variant: h.regular_text_14, children: /* @__PURE__ */ e(
         "label",
         {
-          className: x(
+          className: m(
             "cursor-pointer select-none pl-2.5 text-dark-900",
-            c && "cursor-default text-gray-300"
+            B && "cursor-default text-gray-300"
           ),
           htmlFor: E,
-          children: n
+          children: c
         }
       ) })
     ] });
   }
 );
 Pe.displayName = "Checkbox";
-const R = M(
-  ({ asChild: g, onClick: A, variant: c = "primary", fullWidth: B, className: n, disabled: m, ...Y }, w) => {
-    const E = g ? z : "button", l = (a) => {
-      m && a.preventDefault();
-    }, I = x(
+const F = M(
+  ({ asChild: A, onClick: g, variant: B = "primary", fullWidth: n, className: c, disabled: x, ...Y }, w) => {
+    const E = A ? f : "button", l = (s) => {
+      x && s.preventDefault();
+    }, a = m(
       "border border-success-700 font-medium hover:border-success-600 active:border-success-800 focus:ring-2 focus:ring-success-800 disabled:border-success-300 disabled:cursor-not-allowed disabled:pointer-events-none",
       {
-        "text-success-700 hover:text-success-600 active:text-green-700 focus:text-success-800 disabled:text-success-300": c === "outline",
-        "text-dark-900 hover:text-dark-800 active:text-dark-900 focus:text-dark-900 disabled:text-gray-400": c === "outlineBlackText"
+        "text-success-700 hover:text-success-600 active:text-green-700 focus:text-success-800 disabled:text-success-300": B === "outline",
+        "text-dark-900 hover:text-dark-800 active:text-dark-900 focus:text-dark-900 disabled:text-gray-400": B === "outlineBlackText"
       }
     );
     return /* @__PURE__ */ e(
       E,
       {
-        disabled: m,
-        onClick: g && m ? l : A,
+        disabled: x,
+        onClick: A && x ? l : g,
         ref: w,
         ...Y,
-        className: x(
+        className: m(
           // Base style
           "inline-flex items-center justify-center gap-2.5 box-border text-xs font-semibold leading-6 text-center whitespace-nowrap rounded-sm",
           "cursor-pointer outline-none px-4 py-3",
           {
             // Primary
-            "bg-success-700 text-light-100 font-semibold hover:bg-success-600 active:bg-success-800 focus:ring-2 focus:ring-success-800 focus:bg-success-700 disabled:bg-success-300 disabled:text-gray-300": c === "primary",
+            "bg-success-700 text-light-100 font-semibold hover:bg-success-600 active:bg-success-800 focus:ring-2 focus:ring-success-800 focus:bg-success-700 disabled:bg-success-300 disabled:text-gray-300": B === "primary",
             //Outline or outlineBlackText
-            [I]: c === "outline" || c === "outlineBlackText"
+            [a]: B === "outline" || B === "outlineBlackText"
           },
-          B && "w-full text-center",
-          n,
-          g && m && "cursor-not-allowed pointer-events-none"
+          n && "w-full text-center",
+          c,
+          A && x && "cursor-not-allowed pointer-events-none"
         )
       }
     );
   }
 );
-R.displayName = "Button";
+F.displayName = "Button";
 const be = M(
   ({
-    asChild: g,
-    className: A,
-    children: c,
-    color: B = "success",
-    typographyVariant: n = "semibold_small_text",
-    iconId: m,
+    asChild: A,
+    className: g,
+    children: B,
+    color: n = "success",
+    typographyVariant: c = "semibold_small_text",
+    iconId: x,
     ...Y
   }, w) => /* @__PURE__ */ e(
-    g ? z : "span",
+    A ? f : "span",
     {
       ref: w,
-      className: x("flex items-center gap-2", A),
+      className: m("flex items-center gap-2", g),
       ...Y,
-      children: /* @__PURE__ */ i(Q, { children: [
-        m && /* @__PURE__ */ e(o, { iconId: m, width: 24, height: 24 }),
+      children: /* @__PURE__ */ i(u, { children: [
+        x && /* @__PURE__ */ e(I, { iconId: x, width: 24, height: 24 }),
         /* @__PURE__ */ e(
-          s,
+          o,
           {
-            variant: n,
-            asChild: g,
-            className: x({
-              "text-dark-900": B === "dark",
-              "text-success-700": B === "success",
-              "text-warning-300": B === "warning"
+            variant: c,
+            asChild: A,
+            className: m({
+              "text-dark-900": n === "dark",
+              "text-success-700": n === "success",
+              "text-warning-300": n === "warning"
             }),
-            children: c
+            children: B
           }
         )
       ] })
@@ -774,16 +774,16 @@ const be = M(
   )
 );
 be.displayName = "Tag";
-function qe(g, A = "short") {
-  const c = typeof g == "string" ? new Date(g) : g;
-  if (isNaN(c.getTime()))
+function qe(A, g = "short") {
+  const B = typeof A == "string" ? new Date(A) : A;
+  if (isNaN(B.getTime()))
     return "Неверная дата";
-  const B = /* @__PURE__ */ new Date("2025-08-05T15:18:00+02:00"), n = /* @__PURE__ */ new Date("2025-08-12T23:59:59+02:00");
-  if (A === "relative")
-    return c <= n && c >= B ? `до ${new Intl.DateTimeFormat("ru-RU", {
+  const n = /* @__PURE__ */ new Date("2025-08-05T15:18:00+02:00"), c = /* @__PURE__ */ new Date("2025-08-12T23:59:59+02:00");
+  if (g === "relative")
+    return B <= c && B >= n ? `до ${new Intl.DateTimeFormat("ru-RU", {
       day: "numeric",
       month: "long"
-    }).format(c).replace(/\./g, "")}` : "Дата вне диапазона";
+    }).format(B).replace(/\./g, "")}` : "Дата вне диапазона";
   const Y = new Intl.DateTimeFormat("ru-RU", {
     timeZone: "Europe/Paris",
     // CEST
@@ -795,7 +795,7 @@ function qe(g, A = "short") {
     // окт
     year: "numeric",
     // 2025
-    ...A === "full" && {
+    ...g === "full" && {
       hour: "2-digit",
       // 21
       minute: "2-digit",
@@ -803,29 +803,29 @@ function qe(g, A = "short") {
       hour12: !1
       // 24-часовой формат
     }
-  }).formatToParts(c);
-  if (A === "short")
+  }).formatToParts(B);
+  if (g === "short")
     return Y.filter((l) => ["weekday", "day", "month", "year"].includes(l.type)).map((l) => l.type === "weekday" ? l.value.charAt(0).toUpperCase() + l.value.slice(1) : l.value).join(" ").replace(/\./g, "");
   const w = Y.filter((l) => ["weekday", "day", "month", "year"].includes(l.type)).map((l) => l.type === "weekday" ? l.value.charAt(0).toUpperCase() + l.value.slice(1) : l.value).join(" ").replace(/\./g, ""), E = Y.filter((l) => ["hour", "minute"].includes(l.type)).map((l) => l.value).join(":");
   return `${w} в ${E}`;
 }
 const Ve = M(
   ({
-    className: g,
-    date: A,
-    variant: c = "short",
-    ...B
+    className: A,
+    date: g,
+    variant: B = "short",
+    ...n
   }) => {
-    const n = qe(A, c);
+    const c = qe(g, B);
     return /* @__PURE__ */ e(
-      s,
+      o,
       {
         variant: "small_text",
-        className: x("text-light-900", g, {
-          "text-red-600": n === "Неверная дата" || n === "Дата вне диапазона"
+        className: m("text-light-900", A, {
+          "text-red-600": c === "Неверная дата" || c === "Дата вне диапазона"
         }),
-        ...B,
-        children: n
+        ...n,
+        children: c
       }
     );
   }
@@ -833,44 +833,43 @@ const Ve = M(
 Ve.displayName = "FormattedDate";
 const _e = M(
   ({
-    asChild: g,
-    className: A,
-    iconId: c = "Arrow",
-    typographyVariant: B = "h3",
-    children: n,
-    ...m
+    asChild: A,
+    className: g,
+    iconId: B = "Arrow",
+    typographyVariant: n = "h3",
+    children: c,
+    ...x
   }, Y) => /* @__PURE__ */ e(
-    g ? z : "div",
+    A ? f : "div",
     {
       ref: Y,
-      className: x(
+      className: m(
         "w-full max-w-[500px] relative flex items-center justify-between",
         "before:content-[''] before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:w-3 before:h-6 before:bg-success-700 pl-6",
-        A
+        g
       ),
-      ...m,
+      ...x,
       children: /* @__PURE__ */ i("div", { className: "flex items-center justify-between w-full", children: [
-        n && /* @__PURE__ */ e(s, { variant: B, children: n }),
-        /* @__PURE__ */ e(o, { iconId: c, width: 24, height: 24 })
+        c && /* @__PURE__ */ e(o, { variant: n, children: c }),
+        /* @__PURE__ */ e(I, { iconId: B, width: 24, height: 24 })
       ] })
     }
   )
 );
 _e.displayName = "PreviewTitle";
-const k = M(
+const j = M(
   ({
-    asChild: g,
-    className: A,
-    sectionName: c = "",
-    iconId: B = "Yak",
-    variant: n = "small",
-    withTM: m = !1,
+    asChild: A,
+    className: g,
+    sectionName: B = "",
+    iconId: n = "Yak",
+    variant: c = "small",
+    withTM: x = !1,
     iconColor: Y = "text-success-700",
-    children: w,
-    ...E
-  }, l) => {
-    const I = g ? z : "div", a = () => {
-      switch (n) {
+    ...w
+  }, E) => {
+    const l = A ? f : "div", a = () => {
+      switch (c) {
         case "large":
           return { width: 61, height: 44 };
         case "medium":
@@ -879,8 +878,8 @@ const k = M(
         default:
           return { width: 33, height: 24 };
       }
-    }, t = () => {
-      switch (n) {
+    }, s = () => {
+      switch (c) {
         case "large":
           return "h1_semibold";
         case "medium":
@@ -891,196 +890,196 @@ const k = M(
       }
     };
     return /* @__PURE__ */ e(
-      I,
+      l,
       {
-        ref: l,
-        className: x("inline-flex items-center gap-1", A),
-        ...E,
+        ref: E,
+        className: m("inline-flex items-center gap-1", g),
+        ...w,
         children: /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ e(
-            o,
+            I,
             {
-              iconId: B,
+              iconId: n,
               width: a().width,
               height: a().height,
-              className: x("fill-current", Y),
+              className: m("fill-current", Y),
               style: { color: Y !== "currentColor" && !Y.startsWith("text-") ? Y : void 0 }
             }
           ),
-          /* @__PURE__ */ i(s, { variant: t(), children: [
-            w || "Якавказ",
-            m && /* @__PURE__ */ e("sup", { className: "text-[9px] align-super tracking-tight", children: "™" })
+          /* @__PURE__ */ i(o, { variant: s(), children: [
+            "Якавказ",
+            x && /* @__PURE__ */ e("sup", { className: "text-[9px] align-super tracking-tight", children: "™" })
           ] }),
-          /* @__PURE__ */ e(s, { variant: "h2_normal", children: c })
+          /* @__PURE__ */ e(o, { variant: "h2_normal", children: B })
         ] })
       }
     );
   }
 );
-k.displayName = "Logo";
-const $e = ({ children: g, className: A, label: c, required: B, labelColor: n = "primary", ...m }) => {
+j.displayName = "Logo";
+const $e = ({ children: A, className: g, label: B, required: n, labelColor: c = "primary", ...x }) => {
   const Y = N(
     () => ({
       label: b(
         "inline-block mb-1 text-sm leading-6",
-        A,
-        n === "primary" && "text-light-900",
-        n === "disabled" && "text-dark-100"
+        g,
+        c === "primary" && "text-light-900",
+        c === "disabled" && "text-dark-100"
       ),
       required: "ml-0.5 text-danger-300"
     }),
-    [A, n]
+    [g, c]
   );
-  return /* @__PURE__ */ i(q.Root, { ...m, children: [
-    c && /* @__PURE__ */ i("div", { className: Y.label, children: [
-      c,
-      B && /* @__PURE__ */ e("span", { className: Y.required, children: "*" })
+  return /* @__PURE__ */ i(q.Root, { ...x, children: [
+    B && /* @__PURE__ */ i("div", { className: Y.label, children: [
+      B,
+      n && /* @__PURE__ */ e("span", { className: Y.required, children: "*" })
     ] }),
-    g
+    A
   ] });
 }, eg = M(
   ({
-    className: g,
-    onClearClick: A,
-    errorMessage: c,
-    iconEnd: B,
-    iconStart: n,
-    label: m,
+    className: A,
+    onClearClick: g,
+    errorMessage: B,
+    iconEnd: n,
+    iconStart: c,
+    label: x,
     onEnter: Y,
     onKeyDown: w,
     required: E,
     search: l,
-    password: I,
-    type: a,
-    labelColor: t,
-    id: H,
-    inputColor: S,
-    ...G
-  }, U) => {
-    const O = !!c && c.length > 0, [f, y] = P(!1), T = d(), v = H ?? T;
-    l && (n = /* @__PURE__ */ e(o, { iconId: "Search", width: 20, className: "text-success-700 focus-within:text-light-100" }), a = "search"), I && (B = /* @__PURE__ */ e(
-      o,
+    password: a,
+    type: s,
+    labelColor: Q,
+    id: R,
+    inputColor: k,
+    ...C
+  }, v) => {
+    const r = !!B && B.length > 0, [z, O] = P(!1), t = W(), D = R ?? t;
+    l && (c = /* @__PURE__ */ e(I, { iconId: "Search", width: 20, className: "text-success-700 focus-within:text-light-100" }), s = "search"), a && (n = /* @__PURE__ */ e(
+      I,
       {
-        iconId: f ? "EyeOutline" : "EyeOffOutline",
-        onClick: () => y(!f),
+        iconId: z ? "EyeOutline" : "EyeOffOutline",
+        onClick: () => O(!z),
         className: "cursor-pointer",
         width: 24,
         height: 24
       }
-    ), a = f ? "text" : "password");
-    const K = (u) => {
-      Y && u.key === "Enter" && Y(u), w?.(u);
-    }, r = A && G.value && G.value.length > 0, X = (n ? "start" : "") + (B ? "end" : "");
-    return /* @__PURE__ */ i("div", { className: x("flex flex-col w-full", g), children: [
-      m && /* @__PURE__ */ e($e, { htmlFor: v, label: m, required: E, labelColor: t }),
+    ), s = z ? "text" : "password");
+    const K = (d) => {
+      Y && d.key === "Enter" && Y(d), w?.(d);
+    }, Z = g && C.value && C.value.length > 0, X = (c ? "start" : "") + (n ? "end" : "");
+    return /* @__PURE__ */ i("div", { className: m("flex flex-col w-full", A), children: [
+      x && /* @__PURE__ */ e($e, { htmlFor: D, label: x, required: E, labelColor: Q }),
       /* @__PURE__ */ i("div", { className: "relative flex items-center", children: [
-        !!n && /* @__PURE__ */ e("span", { className: "absolute top-1/2 left-5 -translate-y-1/2 grid place-items-center w-6 h-6", children: n }),
+        !!c && /* @__PURE__ */ e("span", { className: "absolute top-1/2 left-5 -translate-y-1/2 grid place-items-center w-6 h-6", children: c }),
         /* @__PURE__ */ e(
           "input",
           {
-            className: x(
+            className: m(
               "box-border w-full h-[52px] px-4 font-normal text-xs text-dark-900 bg-transparent border border-light-700 outline-none",
-              O && "border-danger-300",
-              n && "pl-12",
-              B && r || B || r ? "pr-12" : "",
+              r && "border-danger-300",
+              c && "pl-12",
+              n && Z || n || Z ? "pr-12" : "",
               "placeholder:text-dark-200",
               "disabled:text-dark-100 disabled:cursor-not-allowed",
               "focus:text-dark-900 focus:border-light-700",
               "hover:not(:disabled):cursor-text hover:not(:disabled):border-light-700"
             ),
             style: {
-              backgroundColor: S,
-              ...a === "search" && { "::-webkit-search-cancel-button": { display: "none" } },
+              backgroundColor: k,
+              ...s === "search" && { "::-webkit-search-cancel-button": { display: "none" } },
               transition: "all 5000s ease-in-out 0s"
             },
             "data-icon": X,
-            id: v,
+            id: D,
             name: "text",
             onKeyDown: K,
-            ref: U,
+            ref: v,
             required: E,
-            type: a,
-            ...G
+            type: s,
+            ...C
           }
         ),
-        r && /* @__PURE__ */ e(
+        Z && /* @__PURE__ */ e(
           "button",
           {
-            className: x(
+            className: m(
               "absolute top-1/2 -translate-y-1/2 cursor-pointer bg-transparent border-none w-6 h-6 text-dark-900",
-              B ? "right-12" : "right-5"
+              n ? "right-12" : "right-5"
             ),
-            onClick: A,
+            onClick: g,
             type: "button",
-            children: !I && /* @__PURE__ */ e(o, { iconId: "Close", width: 24, height: 24 })
+            children: !a && /* @__PURE__ */ e(I, { iconId: "Close", width: 24, height: 24 })
           }
         ),
-        !!B && /* @__PURE__ */ e("span", { className: "absolute top-1/2 right-5 -translate-y-1/2 grid place-items-center w-6 h-6", children: B })
+        !!n && /* @__PURE__ */ e("span", { className: "absolute top-1/2 right-5 -translate-y-1/2 grid place-items-center w-6 h-6", children: n })
       ] }),
-      O && /* @__PURE__ */ e("span", { className: "text-xs font-normal text-danger-300", children: c })
+      r && /* @__PURE__ */ e("span", { className: "text-xs font-normal text-danger-300", children: B })
     ] });
   }
 );
 eg.displayName = "TextField";
-const L = M(
+const y = M(
   ({
-    items: g,
-    triggerLabel: A = "Ещё",
-    triggerIcon: c = "KeyboardArrowDown",
-    labelTypography: B = "semibold_text_16",
-    className: n,
-    style: m,
+    items: A,
+    triggerLabel: g = "Ещё",
+    triggerIcon: B = "KeyboardArrowDown",
+    labelTypography: n = "semibold_text_16",
+    className: c,
+    style: x,
     children: Y
   }, w) => /* @__PURE__ */ i(
     "div",
     {
       ref: w,
-      className: x("inline-flex items-center", n),
-      style: m,
+      className: m("inline-flex items-center", c),
+      style: x,
       children: [
-        /* @__PURE__ */ i(C.Root, { children: [
-          /* @__PURE__ */ e(C.Trigger, { asChild: !0, children: /* @__PURE__ */ i(
+        /* @__PURE__ */ i(G.Root, { children: [
+          /* @__PURE__ */ e(G.Trigger, { asChild: !0, children: /* @__PURE__ */ i(
             "button",
             {
-              className: x(
+              className: m(
                 "flex items-center gap-2 px-3 py-1.5 text-black",
                 "hover:text-light-900 transition-colors",
                 "outline-none"
               ),
-              "aria-label": A,
+              "aria-label": g,
               children: [
-                /* @__PURE__ */ e(s, { variant: B, children: A }),
+                /* @__PURE__ */ e(o, { variant: n, children: g }),
                 /* @__PURE__ */ e(
-                  o,
+                  I,
                   {
-                    iconId: c,
+                    iconId: B,
                     className: "h-6 w-6 transition-transform duration-300 data-[state=open]:rotate-180"
                   }
                 )
               ]
             }
           ) }),
-          /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(
-            C.Content,
+          /* @__PURE__ */ e(G.Portal, { children: /* @__PURE__ */ e(
+            G.Content,
             {
-              className: x(
+              className: m(
                 "z-50 min-w-[150px] bg-white shadow-lg rounded-md p-1",
                 "max-h-[200px] overflow-auto"
               ),
               sideOffset: 4,
               align: "end",
-              children: g.map((E) => /* @__PURE__ */ e(
-                C.Item,
+              children: A.map((E) => /* @__PURE__ */ e(
+                G.Item,
                 {
                   asChild: !0,
                   disabled: E.disabled,
-                  className: x(
+                  className: m(
                     "flex items-center px-3 py-1.5 text-sm cursor-pointer",
                     "hover:bg-light-100 hover:text-success-300",
                     "data-[disabled]:pointer-events-none data-[disabled]:text-primary-900",
                     "outline-none"
                   ),
-                  children: /* @__PURE__ */ e("a", { href: E.href, children: /* @__PURE__ */ e(s, { variant: B, children: E.label }) })
+                  children: /* @__PURE__ */ e("a", { href: E.href, children: /* @__PURE__ */ e(o, { variant: n, children: E.label }) })
                 },
                 E.label
               ))
@@ -1092,92 +1091,130 @@ const L = M(
     }
   )
 );
-L.displayName = "DropdownMenu";
-const W = M(
-  ({ items: g, className: A, style: c, children: B, lengthItem: n = 5 }, m) => {
-    const Y = g.slice(0, n), w = g.slice(n);
+y.displayName = "DropdownMenu";
+const T = M(
+  ({ items: A, className: g, style: B, children: n, lengthItem: c = 5 }, x) => {
+    const Y = A.slice(0, c), w = A.slice(c);
     return /* @__PURE__ */ i(
       "ul",
       {
-        ref: m,
-        className: x(
+        ref: x,
+        className: m(
           "flex gap-6 justify-center items-center max-w-[630px] mx-auto",
-          A
+          g
         ),
-        style: c,
+        style: B,
         children: [
-          Y.map((E) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: E.href, children: /* @__PURE__ */ e(s, { variant: h.semibold_text_16, children: E.label }) }) }, E.label)),
-          w.length > 0 && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(L, { items: w }) }),
-          B
+          Y.map((E) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: E.href, children: /* @__PURE__ */ e(o, { variant: h.semibold_text_16, children: E.label }) }) }, E.label)),
+          w.length > 0 && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(y, { items: w }) }),
+          n
         ]
       }
     );
   }
 );
-W.displayName = "Navigation";
-const gg = M(
-  ({
-    navigation: g,
-    navItems: A = [
-      { label: "Туризм", href: "/tourism" },
-      { label: "Транспорт", href: "/transport" },
-      { label: "Госуслуги", href: "/services" },
-      { label: "Здоровье", href: "/health" },
-      { label: "Образование", href: "/education" }
-    ],
-    lengthItem: c = 5,
-    locations: B = ["Ингушетия", "Чечня", "Дагестан"],
-    defaultLocation: n = "Ингушетия",
-    onLoginClick: m,
-    onMenuClick: Y,
-    onSearchClick: w,
-    className: E,
-    style: l
-  }, I) => /* @__PURE__ */ i(
+T.displayName = "Navigation";
+const gg = [
+  { label: "Туризм", href: "/tourism" },
+  { label: "Транспорт", href: "/transport" },
+  { label: "Госуслуги", href: "/services" },
+  { label: "Здоровье", href: "/health" },
+  { label: "Образование", href: "/education" }
+], Ag = ["Ингушетия", "Чечня", "Дагестан"], lg = M(function({
+  navigation: g,
+  navItems: B = gg,
+  lengthItem: n = 5,
+  locations: c = Ag,
+  defaultLocation: x = c[0],
+  locationValue: Y,
+  onLocationChange: w,
+  withSearchAndMenu: E = !1,
+  onLoginClick: l,
+  onMenuClick: a,
+  onSearchClick: s,
+  className: Q,
+  sectionName: R = "",
+  logoHref: k = "#",
+  style: C,
+  LinkComponent: v
+  // например, прокинуть из next: Link
+}, r) {
+  const z = Array.isArray(c) && c.length > 0, O = v ?? "a";
+  return /* @__PURE__ */ i(
     "header",
     {
-      ref: I,
-      className: x(
-        "flex items-center justify-between px-4 py-3 bg-white shadow-md",
-        E
+      ref: r,
+      role: "banner",
+      className: m(
+        "flex items-center justify-between bg-white shadow-md px-3 py-3 sm:px-4",
+        Q
       ),
-      style: l,
+      style: C,
       children: [
-        /* @__PURE__ */ i("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ i("div", { className: "flex items-center gap-4", children: [
-            /* @__PURE__ */ e("button", { onClick: Y, "aria-label": "Open menu", children: /* @__PURE__ */ e(o, { iconId: "Menu", className: "h-6 w-6 text-black" }) }),
-            /* @__PURE__ */ e("button", { onClick: w, "aria-label": "Search", children: /* @__PURE__ */ e(o, { iconId: "Search", className: "h-6 w-6 text-black" }) }),
-            /* @__PURE__ */ e(k, { variant: "small", sectionName: "Туризм" })
+        /* @__PURE__ */ i("div", { className: "flex items-center min-w-0", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-3 sm:gap-4", children: [
+            E && /* @__PURE__ */ i(u, { children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: a,
+                  "aria-label": "Открыть меню",
+                  "aria-haspopup": "menu",
+                  className: "p-1",
+                  children: /* @__PURE__ */ e(I, { iconId: "Menu", className: "h-6 w-6 text-black" })
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: s,
+                  "aria-label": "Поиск",
+                  className: "p-1",
+                  children: /* @__PURE__ */ e(I, { iconId: "Search", className: "h-6 w-6 text-black" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e(O, { href: k, "aria-label": "На главную", className: "inline-flex", children: /* @__PURE__ */ e(j, { variant: "small", sectionName: R }) })
           ] }),
-          /* @__PURE__ */ e("nav", { className: "ml-10", children: g || /* @__PURE__ */ e(W, { items: A, lengthItem: c }) })
-        ] }),
-        /* @__PURE__ */ i("div", { className: "flex items-center gap-6", children: [
           /* @__PURE__ */ e(
-            j,
+            "nav",
             {
-              defaultValue: n,
-              className: "w-[150px]",
+              className: m("ml-4 sm:ml-6", E && "hidden md:block"),
+              "aria-label": "Основная навигация",
+              children: g ?? /* @__PURE__ */ e(T, { items: B, lengthItem: n })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-3 sm:gap-6", children: [
+          z && /* @__PURE__ */ e(
+            S,
+            {
+              defaultValue: Y ? void 0 : x,
+              value: Y,
+              onValueChange: w,
+              className: "w-[140px] sm:w-[150px]",
               labelColor: "black",
-              triggerIcon: /* @__PURE__ */ e(o, { iconId: "LocationOn", className: "w-6 h-6" }),
-              children: B.map((a) => /* @__PURE__ */ e(D, { value: a, children: a }, a))
+              triggerIcon: /* @__PURE__ */ e(I, { iconId: "LocationOn", className: "w-6 h-6" }),
+              "aria-label": "Выбор региона",
+              children: c.map((t) => /* @__PURE__ */ e(U, { value: t, children: t }, t))
             }
           ),
-          /* @__PURE__ */ e(R, { onClick: m, variant: "outline", children: "Войти" })
+          /* @__PURE__ */ e(F, { type: "button", onClick: l, variant: "outlineBlackText", children: "Войти" })
         ] })
       ]
     }
-  )
-);
-gg.displayName = "Header";
-const Ag = (g, A) => /* @__PURE__ */ i(
+  );
+}), cg = (A, g) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
     fill: "none",
     viewBox: "0 0 274 395",
-    ref: A,
-    ...g,
+    ref: g,
+    ...A,
     children: [
       /* @__PURE__ */ e("path", { fill: "#00AA85", d: "M342.5 326.897V395h-137v-68.103z" }),
       /* @__PURE__ */ e(
@@ -1397,13 +1434,13 @@ const Ag = (g, A) => /* @__PURE__ */ i(
       ] })
     ]
   }
-), cg = M(Ag), mg = ({
-  children: g,
-  onClick: A,
-  variantColor: c = "success",
-  variantView: B = "secondary",
-  href: n = "#",
-  className: m
+), ig = M(cg), Eg = ({
+  children: A,
+  onClick: g,
+  variantColor: B = "success",
+  variantView: n = "secondary",
+  href: c = "#",
+  className: x
 }) => {
   const Y = {
     success: {
@@ -1416,34 +1453,34 @@ const Ag = (g, A) => /* @__PURE__ */ i(
       bgButton: "!bg-purple-800",
       bgCard: "bg-purple-100"
     }
-  }, { text: w, bgButton: E, bgCard: l } = Y[c], I = B === "primary";
+  }, { text: w, bgButton: E, bgCard: l } = Y[B], a = n === "primary";
   return /* @__PURE__ */ i(
     pe,
     {
-      className: x(
+      className: m(
         "w-full flex overflow-hidden",
-        I ? "items-center justify-between px-7 max-h-[100px] overflow-hidden" : "max-w-[416px] flex-col justify-between relative min-h-[602px] p-7",
+        a ? "items-center justify-between px-7 max-h-[100px] overflow-hidden" : "max-w-[416px] flex-col justify-between relative min-h-[602px] p-7",
         l,
-        m
+        x
       ),
       children: [
-        /* @__PURE__ */ i("div", { className: x(I ? "flex items-center" : "flex flex-col gap-10"), children: [
-          /* @__PURE__ */ e(k, { iconColor: w, variant: "medium", withTM: !0 }),
-          /* @__PURE__ */ e("div", { className: x("ml-10", I ? "max-w-[340px] text-xs" : "max-w-[200px]"), children: g })
+        /* @__PURE__ */ i("div", { className: m(a ? "flex items-center" : "flex flex-col gap-10"), children: [
+          /* @__PURE__ */ e(j, { iconColor: w, variant: "medium", withTM: !0 }),
+          /* @__PURE__ */ e("div", { className: m("ml-10", a ? "max-w-[340px] text-xs" : "max-w-[200px]"), children: A })
         ] }),
-        I ? /* @__PURE__ */ i(Q, { children: [
-          /* @__PURE__ */ e(F, { className: x("fill-current", w), width: "380px" }),
-          /* @__PURE__ */ e(R, { variant: "primary", className: x(E), onClick: A, children: /* @__PURE__ */ e("a", { href: n, children: "Подробнее" }) })
-        ] }) : /* @__PURE__ */ i(Q, { children: [
+        a ? /* @__PURE__ */ i(u, { children: [
+          /* @__PURE__ */ e(H, { className: m("fill-current", w), width: "380px" }),
+          /* @__PURE__ */ e(F, { variant: "primary", className: m(E), onClick: g, children: /* @__PURE__ */ e("a", { href: c, children: "Подробнее" }) })
+        ] }) : /* @__PURE__ */ i(u, { children: [
           /* @__PURE__ */ e(
-            cg,
+            ig,
             {
               width: 380,
               height: 380,
               className: "absolute bottom-0 right-[-60px]"
             }
           ),
-          /* @__PURE__ */ e(s, { variant: "medium_26", className: x(w), onClick: A, children: /* @__PURE__ */ e("a", { href: n, children: "yakavkaz.ru" }) })
+          /* @__PURE__ */ e(o, { variant: "medium_26", className: m(w), onClick: g, children: /* @__PURE__ */ e("a", { href: c, children: "yakavkaz.ru" }) })
         ] })
       ]
     }
@@ -1451,41 +1488,41 @@ const Ag = (g, A) => /* @__PURE__ */ i(
 };
 export {
   _ as Arrow,
-  mg as Banner,
-  F as BannerBgYak,
-  R as Button,
+  Eg as Banner,
+  H as BannerBgYak,
+  F as Button,
   pe as Card,
   Pe as Checkbox,
   ge as CheckmarkOutline,
   ce as Close,
-  L as DropdownMenu,
-  o as DynamicIcon,
+  y as DropdownMenu,
+  I as DynamicIcon,
   le as Eye,
   Me as EyeOff,
   Be as EyeOffOutline,
-  xe as EyeOutline,
+  me as EyeOutline,
   we as Filter,
   Ve as FormattedDate,
-  Ie as Gos,
-  gg as Header,
+  ae as Gos,
+  lg as Header,
   oe as Journalist,
   Je as KeyboardArrowDown,
   $e as Label,
   ze as LocationOn,
-  k as Logo,
+  j as Logo,
   Ge as MailAuth,
   re as Menu,
-  W as Navigation,
+  T as Navigation,
   _e as PreviewTitle,
   Qe as Search,
-  D as SelectItem,
-  j as Selector,
+  U as SelectItem,
+  S as Selector,
   be as Tag,
   ke as Telegram,
   eg as TextField,
-  s as Typography,
+  o as Typography,
   h as TypographyVariant,
-  ve as Vk,
+  Oe as Vk,
   de as VkAuth,
   je as Whatsaap,
   Le as X,