@yakavkaz/uikit 0.0.28 → 0.0.31

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsxs as B, jsx as A, Fragment as Z } from "react/jsx-runtime";
-import * as a from "@radix-ui/react-select";
+import * as G from "@radix-ui/react-select";
 import { forwardRef as c, memo as _, useId as H, useMemo as $, useState as AA } from "react";
 import I, { clsx as gA } from "clsx";
 import { Slot as R } from "@radix-ui/react-slot";
@@ -1391,8 +1391,8 @@ const BA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/s
   Yak: xe,
   Yandex: we
 }, Symbol.toStringTag, { value: "Module" })), he = ({ iconId: e, ...g }, i) => {
-  const M = ne[e];
-  return M ? /* @__PURE__ */ A(M, { ...g, ref: i }) : null;
+  const Y = ne[e];
+  return Y ? /* @__PURE__ */ A(Y, { ...g, ref: i }) : null;
 }, Je = c(he), C = _(Je), E = {
   // Display 48
   display_48_regular: "display_48_regular",
@@ -1508,19 +1508,19 @@ const BA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/s
   [E.text_30_semibold]: "text-30 font-semibold",
   [E.text_30_bold]: "text-30 font-bold"
 }, l = c(
-  ({ asChild: e, variant: g = E.text_16_regular, className: i, ...M }, Y) => {
+  ({ asChild: e, variant: g = E.text_16_regular, className: i, ...Y }, M) => {
     const x = e ? R : "span", m = ze[g];
     return /* @__PURE__ */ A(
       x,
       {
-        ref: Y,
+        ref: M,
         className: I(
           "font-primary",
           // Базовый шрифт
           m,
           i
         ),
-        ...M
+        ...Y
       }
     );
   }
@@ -1530,83 +1530,92 @@ const y = c(
   ({
     children: e,
     className: g,
-    defaultValue: i,
+    triggerClassName: i,
+    valueClassName: Y,
     triggerIcon: M,
-    style: Y,
-    placeholder: x,
-    label: m,
-    labelColor: n,
-    ...h
-  }, w) => {
-    const J = h.value !== void 0 ? h : { ...h, defaultValue: i };
-    return /* @__PURE__ */ B("div", { className: I("bg-light-100 flex flex-col gap-1", g), children: [
-      m && /* @__PURE__ */ A(l, { style: { color: n }, variant: "text_16_regular", children: m[0]?.toUpperCase() + m.slice(1) }),
-      /* @__PURE__ */ B(a.Root, { ...J, children: [
-        /* @__PURE__ */ B(
-          a.Trigger,
-          {
-            ref: w,
-            style: Y,
-            "aria-label": m,
-            className: I(
-              "inline-flex items-center justify-between gap-2",
-              "text-black",
-              "transition-colors",
-              "hover:text-light-900",
-              "data-[disabled]:text-light-700",
-              "data-[placeholder]:text-light-900",
-              "data-[state=open]:text-light-900 outline-none"
-            ),
-            children: [
-              /* @__PURE__ */ A("div", { className: "flex items-center gap-2", children: M && /* @__PURE__ */ A(a.Icon, { className: "h-6 w-6", children: M }) }),
-              /* @__PURE__ */ A(a.Value, { placeholder: x }),
-              /* @__PURE__ */ A(a.Icon, { className: "text-black transition-transform duration-300 data-[state=open]:rotate-180", children: /* @__PURE__ */ A(C, { iconId: "KeyboardArrowDown", className: "h-6 w-6" }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ A(a.Portal, { children: /* @__PURE__ */ A(
-          a.Content,
-          {
-            className: "z-50 w-[var(--radix-select-trigger-width)] overflow-hidden bg-white shadow-lg",
-            position: "popper",
-            sideOffset: 4,
-            collisionPadding: 10,
-            children: /* @__PURE__ */ A(a.Viewport, { className: "max-h-[200px] overflow-y-auto p-1", children: e })
-          }
-        ) })
-      ] })
-    ] });
-  }
+    style: x,
+    placeholder: m,
+    label: n,
+    labelColor: h,
+    ...w
+  }, J) => /* @__PURE__ */ B("div", { className: I("flex flex-col gap-1", g), children: [
+    n && /* @__PURE__ */ A(
+      l,
+      {
+        style: { color: h },
+        variant: "text_16_regular",
+        className: "capitalize",
+        children: n
+      }
+    ),
+    /* @__PURE__ */ B(G.Root, { ...w, children: [
+      /* @__PURE__ */ B(
+        G.Trigger,
+        {
+          ref: J,
+          style: x,
+          "aria-label": n,
+          className: I(
+            "inline-flex items-center justify-between",
+            "border border-gray-200 bg-white px-3 py-2",
+            "text-black transition-colors",
+            "hover:border-gray-300",
+            "focus:ring-2 focus:ring-blue-500 focus:outline-none",
+            "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+            "data-[placeholder]:text-gray-500",
+            i
+          ),
+          children: [
+            /* @__PURE__ */ B("div", { className: I("flex items-center", M && "gap-2"), children: [
+              M && /* @__PURE__ */ A("span", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center", children: M }),
+              /* @__PURE__ */ A(G.Value, { placeholder: m, className: Y })
+            ] }),
+            /* @__PURE__ */ A(G.Icon, { className: "text-gray-600 transition-transform duration-200 data-[state=open]:rotate-180", children: /* @__PURE__ */ A(C, { iconId: "KeyboardArrowDown", className: "h-4 w-4" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ A(G.Portal, { children: /* @__PURE__ */ A(
+        G.Content,
+        {
+          className: "z-50 min-w-[var(--radix-select-trigger-width)] overflow-hidden border border-gray-200 bg-white shadow-lg",
+          position: "popper",
+          sideOffset: 4,
+          collisionPadding: 10,
+          children: /* @__PURE__ */ A(G.Viewport, { className: "max-h-60 overflow-y-auto p-1", children: e })
+        }
+      ) })
+    ] })
+  ] })
 );
 y.displayName = "Selector";
 const K = c(
-  ({ children: e, className: g = "", value: i, disabled: M }, Y) => /* @__PURE__ */ A(
-    a.Item,
+  ({ children: e, className: g, ...i }, Y) => /* @__PURE__ */ A(
+    G.Item,
     {
       ref: Y,
-      value: i,
-      disabled: M,
+      ...i,
       className: I(
-        "relative flex cursor-pointer items-center px-3 py-1.5 text-sm select-none",
-        "data-[highlighted]:text-success-300",
-        "data-[disabled]:text-primary-900 data-[disabled]:pointer-events-none",
+        "relative flex cursor-pointer items-center rounded px-3 py-2 text-sm select-none",
+        "hover:bg-gray-100 focus:bg-gray-100",
+        "data-[highlighted]:bg-blue-50 data-[highlighted]:text-blue-900",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         "outline-none",
         g
       ),
-      children: /* @__PURE__ */ A(a.ItemText, { children: e })
+      children: /* @__PURE__ */ A(G.ItemText, { children: e })
     }
   )
 );
 K.displayName = "SelectItem";
-const Ce = c(function({ asChild: g = !1, children: i, className: M, ...Y }, x) {
+const Ce = c(function({ asChild: g = !1, children: i, className: Y, ...M }, x) {
   const m = g ? R : "div";
-  return i ? /* @__PURE__ */ A(m, { ref: x, className: I("w-full", M), ...Y, children: i }) : /* @__PURE__ */ A("div", { ref: x, className: I("bg-light-100 w-full", M), ...Y, children: "Пустая карточка" });
+  return i ? /* @__PURE__ */ A(m, { ref: x, className: I("w-full", Y), ...M, children: i }) : /* @__PURE__ */ A("div", { ref: x, className: I("bg-light-100 w-full", Y), ...M, children: "Пустая карточка" });
 }), le = (e) => {
   const g = H();
   return e || g;
 }, Ge = c(
-  ({ checked: e, className: g, disabled: i = !1, id: M, children: Y, onValueChange: x, ...m }, n) => {
-    const h = le(M);
+  ({ checked: e, className: g, disabled: i = !1, id: Y, children: M, onValueChange: x, ...m }, n) => {
+    const h = le(Y);
     return /* @__PURE__ */ B("div", { className: "flex items-start gap-2 leading-tight", children: [
       /* @__PURE__ */ A(
         W.Root,
@@ -1649,61 +1658,44 @@ const Ce = c(function({ asChild: g = !1, children: i, className: M, ...Y }, x) {
             i && "cursor-default text-gray-300"
           ),
           htmlFor: h,
-          children: Y
+          children: M
         }
       ) })
     ] });
   }
 );
 Ge.displayName = "Checkbox";
-const D = c(
-  ({ asChild: e, onClick: g, variant: i = "primary", size: M = "md", className: Y, disabled: x, ...m }, n) => {
-    const h = e ? R : "button", w = (G) => {
-      x && G.preventDefault();
-    }, J = I(
-      "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": i === "outline",
-        "text-dark-900 hover:text-dark-800 active:text-dark-900 focus:text-dark-900 disabled:text-gray-400": i === "outlineBlackText"
-      }
-    );
-    return /* @__PURE__ */ A(
-      h,
-      {
-        disabled: x,
-        onClick: e && x ? w : g,
-        ref: n,
-        ...m,
-        className: I(
-          // Base style
-          "box-border inline-flex items-center justify-center gap-2.5 text-center text-xs leading-6 font-semibold whitespace-nowrap",
-          "cursor-pointer outline-none",
-          {
-            // Primary
-            "hover:bg-success-600 active:bg-success-800 focus:ring-success-800 bg-success-700 text-light-100 focus:bg-success-700 disabled:bg-success-300 font-semibold focus:ring-2 disabled:text-gray-300": i === "primary",
-            //Outline or outlineBlackText
-            [J]: i === "outline" || i === "outlineBlackText"
-          },
-          {
-            "px-4 py-2": M === "sm",
-            "px-6 py-3": M === "md",
-            "px-8 py-4": M === "lg"
-          },
-          Y,
-          e && x && "pointer-events-none cursor-not-allowed"
-        )
-      }
-    );
-  }
+const ae = "inline-flex items-center justify-center gap-2.5 text-xs font-semibold whitespace-nowrap cursor-pointer outline-none px-6 py-4", se = {
+  primary: "bg-success-700 text-light-100 hover:bg-success-600 active:bg-success-800 focus:ring-2 focus:ring-success-800 disabled:bg-success-300 disabled:text-gray-300",
+  outline: "border border-success-700 text-success-700 hover:border-success-600 hover:text-success-600 active:border-success-800 focus:ring-2 focus:ring-success-800 disabled:border-success-300 disabled:text-success-300",
+  outlineBlackText: "border border-success-700 text-dark-900 hover:border-success-600 hover:text-dark-800 active:border-success-800 focus:ring-2 focus:ring-success-800 disabled:border-success-300 disabled:text-gray-400"
+}, D = c(
+  ({ asChild: e, onClick: g, variant: i = "primary", className: Y, disabled: M, ...x }, m) => /* @__PURE__ */ A(
+    e ? R : "button",
+    {
+      disabled: M,
+      onClick: e && M ? (w) => {
+        M && w.preventDefault();
+      } : g,
+      ref: m,
+      ...x,
+      className: I(
+        ae,
+        se[i],
+        Y,
+        e && M && "pointer-events-none cursor-not-allowed"
+      )
+    }
+  )
 );
 D.displayName = "Button";
-const ae = c(
+const oe = c(
   ({
     asChild: e,
     className: g,
     children: i,
-    color: M = "success",
-    typographyVariant: Y = "text_14_semibold",
+    color: Y = "success",
+    typographyVariant: M = "text_14_semibold",
     iconId: x,
     ...m
   }, n) => /* @__PURE__ */ A(e ? R : "span", { ref: n, className: I("flex items-center gap-2", g), ...m, children: /* @__PURE__ */ B(Z, { children: [
@@ -1711,26 +1703,26 @@ const ae = c(
     /* @__PURE__ */ A(
       l,
       {
-        variant: Y,
+        variant: M,
         asChild: e,
         className: I({
-          "text-dark-900": M === "dark",
-          "text-success-700": M === "success",
-          "text-warning-300": M === "warning"
+          "text-dark-900": Y === "dark",
+          "text-success-700": Y === "success",
+          "text-warning-300": Y === "warning"
         }),
         children: i
       }
     )
   ] }) })
 );
-ae.displayName = "Tag";
-function se(e, g = "short") {
+oe.displayName = "Tag";
+function Qe(e, g = "short") {
   const i = typeof e == "string" ? new Date(e) : e;
   if (isNaN(i.getTime()))
     return "Неверная дата";
-  const M = /* @__PURE__ */ new Date("2025-08-05T15:18:00+02:00"), Y = /* @__PURE__ */ new Date("2025-08-12T23:59:59+02:00");
+  const Y = /* @__PURE__ */ new Date("2025-08-05T15:18:00+02:00"), M = /* @__PURE__ */ new Date("2025-08-12T23:59:59+02:00");
   if (g === "relative")
-    return i <= Y && i >= M ? `до ${new Intl.DateTimeFormat("ru-RU", {
+    return i <= M && i >= Y ? `до ${new Intl.DateTimeFormat("ru-RU", {
       day: "numeric",
       month: "long"
     }).format(i).replace(/\./g, "")}` : "Дата вне диапазона";
@@ -1763,30 +1755,30 @@ function se(e, g = "short") {
   ).join(" ").replace(/\./g, ""), h = m.filter((w) => ["hour", "minute"].includes(w.type)).map((w) => w.value).join(":");
   return `${n} в ${h}`;
 }
-const oe = c(
-  ({ className: e, date: g, variant: i = "short", ...M }) => {
-    const Y = se(g, i);
+const Re = c(
+  ({ className: e, date: g, variant: i = "short", ...Y }) => {
+    const M = Qe(g, i);
     return /* @__PURE__ */ A(
       l,
       {
         variant: "text_14_medium",
         className: I("text-light-900", e, {
-          "text-red-600": Y === "Неверная дата" || Y === "Дата вне диапазона"
+          "text-red-600": M === "Неверная дата" || M === "Дата вне диапазона"
         }),
-        ...M,
-        children: Y
+        ...Y,
+        children: M
       }
     );
   }
 );
-oe.displayName = "FormattedDate";
-const Qe = c(
+Re.displayName = "FormattedDate";
+const fe = c(
   ({
     asChild: e,
     className: g,
     iconId: i = "Arrow",
-    typographyVariant: M = "heading_3_bold",
-    children: Y,
+    typographyVariant: Y = "heading_3_bold",
+    children: M,
     ...x
   }, m) => /* @__PURE__ */ A(
     e ? R : "div",
@@ -1799,26 +1791,26 @@ const Qe = c(
       ),
       ...x,
       children: /* @__PURE__ */ B("div", { className: "flex w-full items-center justify-between", children: [
-        Y && /* @__PURE__ */ A(l, { variant: M, children: Y }),
+        M && /* @__PURE__ */ A(l, { variant: Y, children: M }),
         /* @__PURE__ */ A(C, { iconId: i, width: 24, height: 24, className: "text-light-700" })
       ] })
     }
   )
 );
-Qe.displayName = "PreviewTitle";
+fe.displayName = "PreviewTitle";
 const d = c(
   ({
     asChild: e,
     className: g,
     sectionName: i = "",
-    iconId: M = "Yak",
-    variant: Y = "large",
+    iconId: Y = "Yak",
+    variant: M = "large",
     withTM: x = !1,
     iconColor: m = "text-success-700",
     ...n
   }, h) => {
     const w = e ? R : "div", J = () => {
-      switch (Y) {
+      switch (M) {
         case "large":
           return { width: 61, height: 44 };
         case "medium":
@@ -1827,8 +1819,8 @@ const d = c(
         default:
           return { width: 33, height: 24 };
       }
-    }, G = () => {
-      switch (Y) {
+    }, a = () => {
+      switch (M) {
         case "large":
           return "heading_1_semibold";
         case "medium":
@@ -1842,7 +1834,7 @@ const d = c(
       /* @__PURE__ */ A(
         C,
         {
-          iconId: M,
+          iconId: Y,
           width: J().width,
           height: J().height,
           className: I("fill-current", m),
@@ -1851,7 +1843,7 @@ const d = c(
           }
         }
       ),
-      /* @__PURE__ */ B(l, { variant: G(), children: [
+      /* @__PURE__ */ B(l, { variant: a(), children: [
         "Якавказ",
         x && /* @__PURE__ */ A("sup", { className: "align-super text-[9px] tracking-tight", children: "™" })
       ] }),
@@ -1860,12 +1852,12 @@ const d = c(
   }
 );
 d.displayName = "Logo";
-const Re = ({
+const ke = ({
   children: e,
   className: g,
   label: i,
-  required: M,
-  labelColor: Y = "primary",
+  required: Y,
+  labelColor: M = "primary",
   ...x
 }) => {
   const m = $(
@@ -1873,45 +1865,45 @@ const Re = ({
       label: gA(
         "inline-block mb-1 text-sm leading-6",
         g,
-        Y === "primary" && "text-light-900",
-        Y === "disabled" && "text-dark-100"
+        M === "primary" && "text-light-900",
+        M === "disabled" && "text-dark-100"
       ),
       required: "ml-0.5 text-danger-300"
     }),
-    [g, Y]
+    [g, M]
   );
   return /* @__PURE__ */ B(eA.Root, { ...x, children: [
     i && /* @__PURE__ */ B("div", { className: m.label, children: [
       i,
-      M && /* @__PURE__ */ A("span", { className: m.required, children: "*" })
+      Y && /* @__PURE__ */ A("span", { className: m.required, children: "*" })
     ] }),
     e
   ] });
-}, fe = c(function({
+}, Oe = c(function({
   className: g,
   onClearClick: i,
-  errorMessage: M,
-  iconEnd: Y,
+  errorMessage: Y,
+  iconEnd: M,
   iconStart: x,
   label: m,
   onEnter: n,
   onKeyDown: h,
   required: w,
   search: J,
-  type: G,
+  type: a,
   labelColor: v,
   id: z,
   inputColor: f,
   ...o
 }, k) {
-  const L = !!M && M.length > 0, [F, N] = AA(!1), P = H(), t = z ?? P, O = J ? /* @__PURE__ */ A(
+  const L = !!Y && Y.length > 0, [F, N] = AA(!1), P = H(), t = z ?? P, O = J ? /* @__PURE__ */ A(
     C,
     {
       iconId: "Search",
       width: 20,
       className: "text-success-700 focus-within:text-light-100"
     }
-  ) : x, Q = G === "password" ? /* @__PURE__ */ A(
+  ) : x, Q = a === "password" ? /* @__PURE__ */ A(
     C,
     {
       iconId: F ? "EyeOutline" : "EyeOffOutline",
@@ -1920,11 +1912,11 @@ const Re = ({
       width: 24,
       height: 24
     }
-  ) : Y, b = G === "password" ? F ? "text" : "password" : J ? "search" : G, q = (j) => {
+  ) : M, b = a === "password" ? F ? "text" : "password" : J ? "search" : a, q = (j) => {
     n && j.key === "Enter" && n(j), h?.(j);
   }, u = !!i && !!o.value && String(o.value).length > 0, V = (O ? "start" : "") + (Q ? "end" : "");
   return /* @__PURE__ */ B("div", { className: I("flex w-full flex-col", g), children: [
-    m && /* @__PURE__ */ A(Re, { htmlFor: t, label: m, required: w, labelColor: v }),
+    m && /* @__PURE__ */ A(ke, { htmlFor: t, label: m, required: w, labelColor: v }),
     /* @__PURE__ */ B("div", { className: "relative flex items-center", children: [
       !!O && /* @__PURE__ */ A("span", { className: "absolute top-1/2 left-5 grid h-6 w-6 -translate-y-1/2 place-items-center", children: O }),
       /* @__PURE__ */ A(
@@ -1964,21 +1956,21 @@ const Re = ({
           ),
           onClick: i,
           type: "button",
-          children: G !== "password" && /* @__PURE__ */ A(C, { iconId: "Close", width: 24, height: 24 })
+          children: a !== "password" && /* @__PURE__ */ A(C, { iconId: "Close", width: 24, height: 24 })
         }
       ),
       !!Q && /* @__PURE__ */ A("span", { className: "absolute top-1/2 right-5 grid h-6 w-6 -translate-y-1/2 place-items-center", children: Q })
     ] }),
-    L && /* @__PURE__ */ A("span", { className: "text-danger-300 text-xs font-normal", children: M })
+    L && /* @__PURE__ */ A("span", { className: "text-danger-300 text-xs font-normal", children: Y })
   ] });
 });
-fe.displayName = "TextField";
-const ke = c(
-  function({ className: g, children: i, ...M }, Y) {
-    return /* @__PURE__ */ A("div", { ref: Y, className: I("flex items-center gap-3", g), ...M, children: i });
+Oe.displayName = "TextField";
+const Ze = c(
+  function({ className: g, children: i, ...Y }, M) {
+    return /* @__PURE__ */ A("div", { ref: M, className: I("flex items-center gap-3", g), ...Y, children: i });
   }
 );
-function pe({ onClick: e, className: g }) {
+function Pe({ onClick: e, className: g }) {
   return /* @__PURE__ */ A(
     "button",
     {
@@ -1991,7 +1983,7 @@ function pe({ onClick: e, className: g }) {
     }
   );
 }
-function Ne({ onClick: e, className: g }) {
+function be({ onClick: e, className: g }) {
   return /* @__PURE__ */ A(
     "button",
     {
@@ -2003,29 +1995,29 @@ function Ne({ onClick: e, className: g }) {
     }
   );
 }
-function Oe({
+function ve({
   href: e = "#",
   sectionName: g = "",
   iconColor: i,
-  LinkComponent: M,
-  className: Y
+  LinkComponent: Y,
+  className: M
 }) {
-  return /* @__PURE__ */ A(M ?? "a", { href: e, "aria-label": "На главную", className: Y ?? "inline-flex", children: /* @__PURE__ */ A(d, { variant: "small", sectionName: g, iconColor: i }) });
+  return /* @__PURE__ */ A(Y ?? "a", { href: e, "aria-label": "На главную", className: M ?? "inline-flex", children: /* @__PURE__ */ A(d, { variant: "small", sectionName: g, iconColor: i }) });
 }
-function Ze({
+function Fe({
   locations: e,
   defaultLocation: g,
   value: i,
-  onValueChange: M,
-  className: Y
+  onValueChange: Y,
+  className: M
 }) {
   return Array.isArray(e) && e.length > 0 ? /* @__PURE__ */ A(
     y,
     {
       defaultValue: i ? void 0 : g,
       value: i,
-      onValueChange: M,
-      className: Y ?? "w-[140px] sm:w-[150px]",
+      onValueChange: Y,
+      className: M ?? "w-[140px] sm:w-[150px]",
       labelColor: "black",
       triggerIcon: /* @__PURE__ */ A(S, { className: "h-6 w-6" }),
       "aria-label": "Выбор региона",
@@ -2033,25 +2025,24 @@ function Ze({
     }
   ) : null;
 }
-const ve = c(function({ className: g, children: i, ...M }, Y) {
-  return /* @__PURE__ */ A("div", { ref: Y, className: I("flex items-center", g), ...M, children: i });
+const ue = c(function({ className: g, children: i, ...Y }, M) {
+  return /* @__PURE__ */ A("div", { ref: M, className: I("flex items-center", g), ...Y, children: i });
 });
-function Pe({
+function qe({
   onClick: e,
   label: g = "Войти",
   variant: i = "outlineBlackText",
-  className: M,
-  size: Y = "lg"
+  className: Y
 }) {
-  return /* @__PURE__ */ A(D, { type: "button", size: Y, onClick: e, variant: i, className: M, children: g });
+  return /* @__PURE__ */ A(D, { type: "button", onClick: e, variant: i, className: Y, children: g });
 }
-function be({
+function Ve({
   userName: e,
   userAvatarUrl: g,
   userMenuItems: i,
-  LinkComponent: M
+  LinkComponent: Y
 }) {
-  const Y = M ?? "a";
+  const M = Y ?? "a";
   return /* @__PURE__ */ B("details", { className: "group relative", children: [
     /* @__PURE__ */ B(
       "summary",
@@ -2091,14 +2082,14 @@ function be({
               ]
             }
           );
-          return /* @__PURE__ */ A("li", { className: "m-0", children: x.href ? /* @__PURE__ */ A(Y, { href: x.href, className: "text-inherit no-underline", children: n }) : n }, `${x.label}-${m}`);
+          return /* @__PURE__ */ A("li", { className: "m-0", children: x.href ? /* @__PURE__ */ A(M, { href: x.href, className: "text-inherit no-underline", children: n }) : n }, `${x.label}-${m}`);
         })
       }
     )
   ] });
 }
-const Fe = "z-50 min-w-[200px] overflow-hidden rounded-lg border border-light-700/20 bg-white p-0 shadow-lg", ue = "flex select-none items-center gap-2 px-3 py-2 outline-none cursor-pointer data-[highlighted]:bg-light-100 data-[disabled]:opacity-50 data-[disabled]:pointer-events-none";
-function je(e) {
+const je = "z-50 min-w-[200px] overflow-hidden rounded-lg border border-light-700/20 bg-white p-0 shadow-lg", De = "flex select-none items-center gap-2 px-3 py-2 outline-none cursor-pointer data-[highlighted]:bg-light-100 data-[disabled]:opacity-50 data-[disabled]:pointer-events-none";
+function de(e) {
   return e.map((g) => {
     if ("type" in g || "onSelect" in g || "iconLeft" in g || "destructive" in g)
       return g;
@@ -2111,22 +2102,22 @@ const X = c(
     items: e,
     trigger: g = "label",
     triggerLabel: i = "Ещё",
-    triggerIcon: M = "KeyboardArrowDown",
-    triggerAriaLabel: Y = "Открыть меню",
+    triggerIcon: Y = "KeyboardArrowDown",
+    triggerAriaLabel: M = "Открыть меню",
     labelTypography: x = "text_14_medium",
     align: m = "end",
     sideOffset: n = 6,
     className: h,
     style: w,
     children: J
-  }, G) => {
-    const v = je(e);
-    return /* @__PURE__ */ B("div", { ref: G, className: I("inline-flex items-center", h), style: w, children: [
+  }, a) => {
+    const v = de(e);
+    return /* @__PURE__ */ B("div", { ref: a, className: I("inline-flex items-center", h), style: w, children: [
       /* @__PURE__ */ B(s.Root, { children: [
         /* @__PURE__ */ A(s.Trigger, { asChild: !0, children: g === "icon" ? /* @__PURE__ */ A(
           "button",
           {
-            "aria-label": Y,
+            "aria-label": M,
             className: I(
               "inline-flex h-8 w-8 items-center justify-center rounded-md",
               "hover:bg-light-100 focus-visible:ring-primary-300 focus-visible:ring-2 focus-visible:outline-none"
@@ -2141,13 +2132,13 @@ const X = c(
               "hover:bg-light-100 transition-colors",
               "outline-none"
             ),
-            "aria-label": Y,
+            "aria-label": M,
             children: [
               /* @__PURE__ */ A(l, { variant: x, children: i }),
               /* @__PURE__ */ A(
                 C,
                 {
-                  iconId: M,
+                  iconId: Y,
                   className: "h-5 w-5 transition-transform duration-300 data-[state=open]:rotate-180"
                 }
               )
@@ -2157,7 +2148,7 @@ const X = c(
         /* @__PURE__ */ A(s.Portal, { children: /* @__PURE__ */ A(
           s.Content,
           {
-            className: Fe,
+            className: je,
             sideOffset: n,
             align: m,
             children: v.map((z, f) => {
@@ -2170,7 +2161,7 @@ const X = c(
                   `sep-${f}`
                 );
               const o = I(
-                ue,
+                De,
                 z.destructive ? "text-danger-500" : "text-dark-400"
               ), k = /* @__PURE__ */ B(Z, { children: [
                 z.iconLeft && /* @__PURE__ */ A(C, { iconId: z.iconLeft, className: "h-4 w-4" }),
@@ -2205,8 +2196,8 @@ const X = c(
 );
 X.displayName = "DropdownMenu";
 const p = c(
-  ({ items: e, className: g, style: i, children: M, lengthItem: Y = 5 }, x) => {
-    const m = e.slice(0, Y), n = e.slice(Y);
+  ({ items: e, className: g, style: i, children: Y, lengthItem: M = 5 }, x) => {
+    const m = e.slice(0, M), n = e.slice(M);
     return /* @__PURE__ */ B(
       "ul",
       {
@@ -2216,60 +2207,60 @@ const p = c(
         children: [
           m.map((h) => /* @__PURE__ */ A("li", { children: /* @__PURE__ */ A("a", { href: h.href, children: /* @__PURE__ */ A(l, { variant: "text_15_semibold", children: h.label }) }) }, h.label)),
           n.length > 0 && /* @__PURE__ */ A("li", { children: /* @__PURE__ */ A(X, { items: n }) }),
-          M
+          Y
         ]
       }
     );
   }
 );
 p.displayName = "Navigation";
-function De({ items: e, lengthItem: g = 5, hiddenOnMobile: i, className: M }) {
+function Le({ items: e, lengthItem: g = 5, hiddenOnMobile: i, className: Y }) {
   return Array.isArray(e) && e.length > 0 ? /* @__PURE__ */ A(
     "nav",
     {
       className: I(
         "ml-4 sm:ml-6",
         i && "hidden md:block",
-        M
+        Y
       ),
       "aria-label": "Основная навигация",
       children: /* @__PURE__ */ A(p, { items: e, lengthItem: g })
     }
   ) : null;
 }
-const de = c(function({ className: g, children: i, ...M }, Y) {
+const te = c(function({ className: g, children: i, ...Y }, M) {
   return /* @__PURE__ */ A(
     "header",
     {
-      ref: Y,
+      ref: M,
       role: "banner",
       className: I("flex items-center justify-between bg-white py-3", g),
-      ...M,
+      ...Y,
       children: i
     }
   );
-}), Le = c(
-  function({ className: g, children: i, ...M }, Y) {
-    return /* @__PURE__ */ A("div", { ref: Y, className: I("flex min-w-0 items-center", g), ...M, children: i });
+}), We = c(
+  function({ className: g, children: i, ...Y }, M) {
+    return /* @__PURE__ */ A("div", { ref: M, className: I("flex min-w-0 items-center", g), ...Y, children: i });
   }
-), te = c(
-  function({ className: g, children: i, ...M }, Y) {
-    return /* @__PURE__ */ A("div", { ref: Y, className: I("flex items-center gap-3 sm:gap-6", g), ...M, children: i });
+), He = c(
+  function({ className: g, children: i, ...Y }, M) {
+    return /* @__PURE__ */ A("div", { ref: M, className: I("flex items-center gap-3 sm:gap-6", g), ...Y, children: i });
   }
-), We = c(
-  function({ className: g, children: i, ...M }, Y) {
-    return /* @__PURE__ */ A("div", { ref: Y, className: I("flex items-center gap-3 sm:gap-4", g), ...M, children: i });
+), re = c(
+  function({ className: g, children: i, ...Y }, M) {
+    return /* @__PURE__ */ A("div", { ref: M, className: I("flex items-center gap-3 sm:gap-4", g), ...Y, children: i });
   }
-), qe = Object.assign(de, {
-  Left: Le,
-  Right: te,
-  Group: We,
-  Actions: ke,
-  Logo: Oe,
-  Nav: De,
-  Locations: Ze,
-  Profile: ve
-}), He = (e, g) => /* @__PURE__ */ B(
+), _e = Object.assign(te, {
+  Left: We,
+  Right: He,
+  Group: re,
+  Actions: Ze,
+  Logo: ve,
+  Nav: Le,
+  Locations: Fe,
+  Profile: ue
+}), Se = (e, g) => /* @__PURE__ */ B(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2491,12 +2482,12 @@ const de = c(function({ className: g, children: i, ...M }, Y) {
       ] })
     ]
   }
-), re = c(He), Ve = ({
+), Ue = c(Se), $e = ({
   children: e,
   onClick: g,
   variantColor: i = "success",
-  variantView: M = "secondary",
-  href: Y = "#",
+  variantView: Y = "secondary",
+  href: M = "#",
   className: x
 }) => {
   const m = {
@@ -2510,7 +2501,7 @@ const de = c(function({ className: g, children: i, ...M }, Y) {
       bgButton: "!bg-purple-800",
       bgCard: "bg-purple-100"
     }
-  }, { text: n, bgButton: h, bgCard: w } = m[i], J = M === "primary";
+  }, { text: n, bgButton: h, bgCard: w } = m[i], J = Y === "primary";
   return /* @__PURE__ */ B(
     Ce,
     {
@@ -2527,17 +2518,17 @@ const de = c(function({ className: g, children: i, ...M }, Y) {
         ] }),
         J ? /* @__PURE__ */ B(Z, { children: [
           /* @__PURE__ */ A(r, { className: I("fill-current", n), width: "380px" }),
-          /* @__PURE__ */ A(D, { variant: "primary", className: I(h), onClick: g, children: /* @__PURE__ */ A("a", { href: Y, children: "Подробнее" }) })
+          /* @__PURE__ */ A(D, { variant: "primary", className: I(h), onClick: g, children: /* @__PURE__ */ A("a", { href: M, children: "Подробнее" }) })
         ] }) : /* @__PURE__ */ B(Z, { children: [
           /* @__PURE__ */ A(
-            re,
+            Ue,
             {
               width: 380,
               height: 380,
               className: "absolute right-[-60px] bottom-0"
             }
           ),
-          /* @__PURE__ */ A(l, { variant: "text_26_medium", className: I(n), onClick: g, children: /* @__PURE__ */ A("a", { href: Y, children: "yakavkaz.ru" }) })
+          /* @__PURE__ */ A(l, { variant: "text_26_medium", className: I(n), onClick: g, children: /* @__PURE__ */ A("a", { href: M, children: "yakavkaz.ru" }) })
         ] })
       ]
     }
@@ -2549,7 +2540,7 @@ export {
   EA as AirportShuttle,
   xA as Arrow,
   wA as ArrowBackIosNew,
-  Ve as Banner,
+  $e as Banner,
   r as BannerBgYak,
   JA as BannerBgYakHalfNews,
   CA as Bed,
@@ -2577,54 +2568,54 @@ export {
   VA as Favorite,
   $A as Filter,
   gg as Flight,
-  oe as FormattedDate,
+  Re as FormattedDate,
   Bg as Gos,
   ig as Graph6,
   Yg as GridView,
   mg as GroupAdd,
-  qe as Header,
-  ke as HeaderActions,
-  Ze as HeaderLocations,
-  Oe as HeaderLogo,
-  De as HeaderNav,
-  ve as HeaderProfile,
+  _e as Header,
+  Ze as HeaderActions,
+  Fe as HeaderLocations,
+  ve as HeaderLogo,
+  Le as HeaderNav,
+  ue as HeaderProfile,
   Ig as HealthMetrics,
   ng as HomeAppLogo,
   Jg as Info,
   Cg as Journalist,
   Gg as KeyboardArrowDown,
-  Re as Label,
+  ke as Label,
   sg as LocalTaxi,
   S as LocationOn,
-  Pe as LoginButton,
+  qe as LoginButton,
   d as Logo,
   Rg as MailAuth,
   U as Menu,
-  pe as MenuButton,
+  Pe as MenuButton,
   Og as MoreVert,
   vg as MovieSpeaker,
   p as Navigation,
-  Qe as PreviewTitle,
+  fe as PreviewTitle,
   ug as Restaurant,
   Dg as RssFeed,
   T as Search,
-  Ne as SearchButton,
+  be as SearchButton,
   K as SelectItem,
   y as Selector,
   tg as SignOut,
   Hg as Signpost,
   Sg as Sliders,
   Tg as StarFilled,
-  ae as Tag,
+  oe as Tag,
   Kg as Telegram,
-  fe as TextField,
+  Oe as TextField,
   pg as Tourismhero,
   Pg as Traffic,
   qg as Translate,
   _g as Travel,
   l as Typography,
   E as TypographyVariant,
-  be as UserDropdown,
+  Ve as UserDropdown,
   Ae as Vk,
   ee as VkAuth,
   ce as Whatsaap,
@@ -2632,7 +2623,7 @@ export {
   Ee as X,
   xe as Yak,
   we as Yandex,
-  se as formatDate,
+  Qe as formatDate,
   ze as variantToClasses
 };
 //# sourceMappingURL=index.js.map