@yakavkaz/uikit 0.0.5 → 0.0.6

package/dist/index.js

@@ -1,12 +1,12 @@
-import { jsx as A, jsxs as B, Fragment as O } from "react/jsx-runtime";
+import { jsx as A, jsxs as B, Fragment as k } from "react/jsx-runtime";
 import * as l from "@radix-ui/react-select";
-import { forwardRef as i, memo as N, useId as t, useMemo as P, useState as p } from "react";
-import I, { clsx as b } from "clsx";
-import { Slot as s } from "@radix-ui/react-slot";
-import * as H from "@radix-ui/react-checkbox";
-import * as q from "@radix-ui/react-label";
-import * as R from "@radix-ui/react-dropdown-menu";
-const V = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "M16.175 13H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8-1.425-1.4z" }) }), _ = i(V), $ = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 380 100", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "M237.5 166.759V214h-95v-47.241zM47.5 34.483c0 26.09 21.266 47.241 47.5 47.241v47.242c-52.467 0-95-42.302-95-94.483zM95 34.483c52.467 0 95 42.301 95 94.483h-47.5c0-26.091-21.266-47.242-47.5-47.242zM285 81.724c-26.234 0-47.5 21.151-47.5 47.242H190c0-52.182 42.533-94.483 95-94.483zM380 34.483c0 52.181-42.533 94.483-95 94.483V81.724c26.234 0 47.5-21.15 47.5-47.241zM142.5-12.759c-26.234 0-47.5 21.151-47.5 47.242H47.5C47.5-17.7 90.033-60 142.5-60zM237.5-60c52.467 0 95 42.301 95 94.483H285c0-26.09-21.266-47.242-47.5-47.242z" }) }), S = i($), AA = (e, g) => /* @__PURE__ */ B(
+import { forwardRef as i, memo as b, useId as r, useMemo as q, useState as V } from "react";
+import x, { clsx as _ } from "clsx";
+import { Slot as o } from "@radix-ui/react-slot";
+import * as S from "@radix-ui/react-checkbox";
+import * as $ from "@radix-ui/react-label";
+import * as Z from "@radix-ui/react-dropdown-menu";
+const AA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "M16.175 13H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8-1.425-1.4z" }) }), gA = i(AA), eA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 380 100", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "M237.5 166.759V214h-95v-47.241zM47.5 34.483c0 26.09 21.266 47.241 47.5 47.241v47.242c-52.467 0-95-42.302-95-94.483zM95 34.483c52.467 0 95 42.301 95 94.483h-47.5c0-26.091-21.266-47.242-47.5-47.242zM285 81.724c-26.234 0-47.5 21.151-47.5 47.242H190c0-52.182 42.533-94.483 95-94.483zM380 34.483c0 52.181-42.533 94.483-95 94.483V81.724c26.234 0 47.5-21.15 47.5-47.241zM142.5-12.759c-26.234 0-47.5 21.151-47.5 47.242H47.5C47.5-17.7 90.033-60 142.5-60zM237.5-60c52.467 0 95 42.301 95 94.483H285c0-26.09-21.266-47.242-47.5-47.242z" }) }), U = i(eA), BA = (e, g) => /* @__PURE__ */ B(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -228,37 +228,37 @@ const V = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/sv
       ] })
     ]
   }
-), gA = i(AA), eA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
+), cA = i(BA), MA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
   /* @__PURE__ */ A("g", { clipPath: "url(#checkmark-outline_svg__a)", children: /* @__PURE__ */ A("path", { fill: "#000", d: "M9.86 18a1 1 0 0 1-.73-.32l-4.86-5.17a1.001 1.001 0 0 1 1.46-1.37l4.12 4.39 8.41-9.2a1 1 0 1 1 1.48 1.34l-9.14 10a1 1 0 0 1-.73.33z" }) }),
   /* @__PURE__ */ A("defs", { children: /* @__PURE__ */ A("clipPath", { id: "checkmark-outline_svg__a", children: /* @__PURE__ */ A("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] }), BA = i(eA), cA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
+] }), YA = i(MA), iA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
   /* @__PURE__ */ A("g", { clipPath: "url(#close_svg__a)", children: /* @__PURE__ */ A("path", { fill: "#000", d: "m13.41 12 4.3-4.29a1.004 1.004 0 1 0-1.42-1.42L12 10.59l-4.29-4.3a1.004 1.004 0 0 0-1.42 1.42l4.3 4.29-4.3 4.29a1 1 0 0 0 .325 1.639 1 1 0 0 0 1.095-.219l4.29-4.3 4.29 4.3a1.002 1.002 0 0 0 1.639-.325 1 1 0 0 0-.219-1.095z" }) }),
   /* @__PURE__ */ A("defs", { children: /* @__PURE__ */ A("clipPath", { id: "close_svg__a", children: /* @__PURE__ */ A("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] }), MA = i(cA), YA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
+] }), EA = i(iA), IA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
   /* @__PURE__ */ B("g", { fill: "#000", clipPath: "url(#eye-off-outline_svg__a)", children: [
     /* @__PURE__ */ A("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" }),
     /* @__PURE__ */ A("path", { d: "M12.22 17c-4.3.1-7.12-3.59-8-5 .626-1 1.38-1.914 2.24-2.72L5 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-.67l-1.58-1.58a7.7 7.7 0 0 1-1.7.25M21.87 11.5c-.64-1.11-4.17-6.68-10.14-6.5a9.5 9.5 0 0 0-3.23.67l1.58 1.58a7.7 7.7 0 0 1 1.7-.25c4.29-.11 7.11 3.59 8 5a13.7 13.7 0 0 1-2.29 2.72L19 16.13a15.9 15.9 0 0 0 2.91-3.63 1 1 0 0 0-.04-1" })
   ] }),
   /* @__PURE__ */ A("defs", { children: /* @__PURE__ */ A("clipPath", { id: "eye-off-outline_svg__a", children: /* @__PURE__ */ A("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] }), iA = i(YA), EA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
+] }), xA = i(IA), mA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
   /* @__PURE__ */ B("g", { fill: "#000", clipPath: "url(#eye-off_svg__a)", children: [
     /* @__PURE__ */ A("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" }),
     /* @__PURE__ */ A("path", { d: "M20.71 19.29 19.41 18l-2-2-9.52-9.53L6.42 5 4.71 3.29a1.004 1.004 0 1 0-1.42 1.42L5.53 7l1.75 1.7 7.31 7.3.07.07L16 17.41l.59.59 2.7 2.71a1.002 1.002 0 0 0 1.639-.325 1 1 0 0 0-.219-1.095" })
   ] }),
   /* @__PURE__ */ A("defs", { children: /* @__PURE__ */ A("clipPath", { id: "eye-off_svg__a", children: /* @__PURE__ */ A("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] }), IA = i(EA), xA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
+] }), wA = i(mA), nA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
   /* @__PURE__ */ B("g", { fill: "#000", clipPath: "url(#eye-outline_svg__a)", children: [
     /* @__PURE__ */ A("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" }),
     /* @__PURE__ */ A("path", { d: "M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7m0 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" })
   ] }),
   /* @__PURE__ */ A("defs", { children: /* @__PURE__ */ A("clipPath", { id: "eye-outline_svg__a", children: /* @__PURE__ */ A("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] }), mA = i(xA), wA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
+] }), JA = i(nA), hA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
   /* @__PURE__ */ B("g", { fill: "#000", clipPath: "url(#eye_svg__a)", children: [
     /* @__PURE__ */ A("path", { d: "M12 13.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3" }),
     /* @__PURE__ */ A("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-1m-9.87 4a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7" })
   ] }),
   /* @__PURE__ */ A("defs", { children: /* @__PURE__ */ A("clipPath", { id: "eye_svg__a", children: /* @__PURE__ */ A("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] }), nA = i(wA), JA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "M13 9V7h3V3h2v4h3v2zm3 12V11h2v10zM6 21v-4H3v-2h8v2H8v4zm0-8V3h2v10z" }) }), hA = i(JA), zA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 60 60", ref: g, ...e, children: [
+] }), zA = i(hA), CA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "M13 9V7h3V3h2v4h3v2zm3 12V11h2v10zM6 21v-4H3v-2h8v2H8v4zm0-8V3h2v10z" }) }), GA = i(CA), lA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 60 60", ref: g, ...e, children: [
   /* @__PURE__ */ A("path", { fill: "#fff", d: "M.5.5h59v59H.5z" }),
   /* @__PURE__ */ A("path", { stroke: "#D9D9D9", d: "M.5.5h59v59H.5z" }),
   /* @__PURE__ */ A("path", { fill: "url(#gos_svg__a)", d: "M44.392 24.615c-.126-1.65-1.385-3.763-2.643-4.778a48 48 0 0 0-4.406-2.876 49 49 0 0 0-4.657-2.452A6.8 6.8 0 0 0 30 14a6.6 6.6 0 0 0-2.685.508 49 49 0 0 0-4.658 2.452 85 85 0 0 0-4.405 2.876 7.8 7.8 0 0 0-2.24 3.13c-.122.311.119.633.453.633h1.664c.372 0 .707-.21.91-.52a6.4 6.4 0 0 1 1.254-1.414s1.628-1.144 3.637-2.358a41 41 0 0 1 3.846-2.01 5.5 5.5 0 0 1 2.217-.417 5.6 5.6 0 0 1 2.217.416q1.976.903 3.846 2.011a40 40 0 0 1 3.637 2.358c1.04.832 2.079 2.566 2.183 3.918 0 0 .242 2.011.277 4.393a41 41 0 0 1-.242 4.404 6.42 6.42 0 0 1-2.218 3.918s-1.628 1.179-3.637 2.393a41 41 0 0 1-3.846 2.01 5.5 5.5 0 0 1-2.217.417 5.6 5.6 0 0 1-2.217-.406 41 41 0 0 1-3.846-2.011 45 45 0 0 1-3.637-2.392c-.43-.344-.858-.841-1.224-1.402a1.08 1.08 0 0 0-.897-.508h-1.695c-.338 0-.578.33-.445.64.513 1.212 1.366 2.406 2.22 3.094 0 0 1.972 1.48 4.406 2.917a49 49 0 0 0 4.657 2.453 6.8 6.8 0 0 0 2.685.495c.92.019 1.835-.154 2.686-.508a49 49 0 0 0 4.657-2.453c2.433-1.48 4.406-2.917 4.406-2.917a7.84 7.84 0 0 0 2.685-4.778 51 51 0 0 0 .294-5.37 58 58 0 0 0-.336-5.358" }),
@@ -270,150 +270,147 @@ const V = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/sv
     /* @__PURE__ */ A("stop", { offset: 0.688, stopColor: "#EE2F53" }),
     /* @__PURE__ */ A("stop", { offset: 1, stopColor: "#EE2F53" })
   ] }) })
-] }), CA = i(zA), GA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "M5 19V5v4.475V9zm2-6h5.525q.05-.55.25-1.05t.5-.95H7zm0 4h3.925q.425-.5.975-.812t1.15-.513a2 2 0 0 1-.175-.325 3 3 0 0 1-.125-.35H7zm-4 4V3h18v8.45a4.9 4.9 0 0 0-.85-1.15A4.4 4.4 0 0 0 19 9.475V5H5v14h5.05a3.7 3.7 0 0 0-.05.6V21zm14-5q-1.05 0-1.775-.725T14.5 13.5t.725-1.775T17 11t1.775.725.725 1.775-.725 1.775T17 16m-5 5v-1.4q0-.6.313-1.113a1.76 1.76 0 0 1 .887-.737q.9-.375 1.863-.562a10.1 10.1 0 0 1 3.874 0 9.6 9.6 0 0 1 1.863.562q.575.225.887.738Q22 19 22 19.6V21zM7 9h10V7H7z" }) }), lA = i(GA), aA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "m12 15.4-6-6L7.4 8l4.6 4.6L16.6 8 18 9.4z" }) }), QA = i(aA), oA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "M12 22a.93.93 0 0 1-.6-.2 1.2 1.2 0 0 1-.375-.525 14 14 0 0 0-1.2-2.625q-.7-1.225-1.975-2.875t-2.075-3.15Q5 11.125 5 9q0-2.925 2.025-4.95Q9.075 2 12 2t4.95 2.05Q19 6.075 19 9q0 2.275-.875 3.8-.85 1.5-1.975 2.975-1.35 1.8-2.05 3a14 14 0 0 0-1.125 2.5 1.13 1.13 0 0 1-.4.55A.98.98 0 0 1 12 22m0-3.575q.425-.85.95-1.675.55-.825 1.6-2.2 1.075-1.4 1.75-2.575.7-1.2.7-2.975 0-2.075-1.475-3.525Q14.075 4 12 4T8.45 5.475Q7 6.925 7 9q0 1.775.675 2.975A27 27 0 0 0 9.45 14.55q1.05 1.375 1.575 2.2.55.825.975 1.675m0-6.925q1.05 0 1.775-.725T14.5 9t-.725-1.775T12 6.5t-1.775.725T9.5 9t.725 1.775T12 11.5" }) }), RA = i(oA), sA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 62 62", ref: g, ...e, children: [
+] }), aA = i(lA), oA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "M5 19V5v4.475V9zm2-6h5.525q.05-.55.25-1.05t.5-.95H7zm0 4h3.925q.425-.5.975-.812t1.15-.513a2 2 0 0 1-.175-.325 3 3 0 0 1-.125-.35H7zm-4 4V3h18v8.45a4.9 4.9 0 0 0-.85-1.15A4.4 4.4 0 0 0 19 9.475V5H5v14h5.05a3.7 3.7 0 0 0-.05.6V21zm14-5q-1.05 0-1.775-.725T14.5 13.5t.725-1.775T17 11t1.775.725.725 1.775-.725 1.775T17 16m-5 5v-1.4q0-.6.313-1.113a1.76 1.76 0 0 1 .887-.737q.9-.375 1.863-.562a10.1 10.1 0 0 1 3.874 0 9.6 9.6 0 0 1 1.863.562q.575.225.887.738Q22 19 22 19.6V21zM7 9h10V7H7z" }) }), QA = i(oA), RA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "m12 15.4-6-6L7.4 8l4.6 4.6L16.6 8 18 9.4z" }) }), sA = i(RA), ZA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "M12 22a.93.93 0 0 1-.6-.2 1.2 1.2 0 0 1-.375-.525 14 14 0 0 0-1.2-2.625q-.7-1.225-1.975-2.875t-2.075-3.15Q5 11.125 5 9q0-2.925 2.025-4.95Q9.075 2 12 2t4.95 2.05Q19 6.075 19 9q0 2.275-.875 3.8-.85 1.5-1.975 2.975-1.35 1.8-2.05 3a14 14 0 0 0-1.125 2.5 1.13 1.13 0 0 1-.4.55A.98.98 0 0 1 12 22m0-3.575q.425-.85.95-1.675.55-.825 1.6-2.2 1.075-1.4 1.75-2.575.7-1.2.7-2.975 0-2.075-1.475-3.525Q14.075 4 12 4T8.45 5.475Q7 6.925 7 9q0 1.775.675 2.975A27 27 0 0 0 9.45 14.55q1.05 1.375 1.575 2.2.55.825.975 1.675m0-6.925q1.05 0 1.775-.725T14.5 9t-.725-1.775T12 6.5t-1.775.725T9.5 9t.725 1.775T12 11.5" }) }), OA = i(ZA), fA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 62 62", ref: g, ...e, children: [
   /* @__PURE__ */ A("path", { stroke: "#D9D9D9", d: "M1 1h60v60H1z" }),
   /* @__PURE__ */ A("path", { fill: "#07F", d: "M35.813 31A4.82 4.82 0 0 1 31 35.813 4.82 4.82 0 0 1 26.187 31 4.82 4.82 0 0 1 31 26.187 4.82 4.82 0 0 1 35.813 31M31 15c-8.822 0-16 7.178-16 16s7.178 16 16 16c3.232 0 6.349-.962 9.013-2.783l.046-.032-2.156-2.506-.036.024A12.67 12.67 0 0 1 31 43.72c-7.014 0-12.72-5.706-12.72-12.72S23.986 18.28 31 18.28 43.72 23.986 43.72 31c0 .909-.101 1.829-.3 2.734-.402 1.651-1.558 2.157-2.426 2.09-.873-.071-1.894-.693-1.901-2.215V31c0-4.463-3.63-8.093-8.093-8.093s-8.093 3.63-8.093 8.093 3.63 8.093 8.093 8.093a8.03 8.03 0 0 0 5.734-2.389 5.2 5.2 0 0 0 3.997 2.389q.214.018.431.018a5.4 5.4 0 0 0 3.247-1.096c.959-.728 1.675-1.781 2.071-3.046.063-.204.179-.672.18-.675l.003-.017C46.896 33.262 47 32.25 47 31c0-8.822-7.178-16-16-16" })
-] }), ZA = i(sA), OA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "M3 18v-2h18v2zm0-5v-2h18v2zm0-5V6h18v2z" }) }), fA = i(OA), kA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "m19.6 21-6.3-6.3q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.887T3 9.5t1.888-4.612T9.5 3t4.613 1.888T16 9.5a6.1 6.1 0 0 1-1.3 3.8l6.3 6.3zM9.5 14q1.875 0 3.188-1.312Q14 11.375 14 9.5t-1.312-3.187T9.5 5 6.313 6.313 5 9.5t1.313 3.188T9.5 14" }) }), FA = i(kA), uA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
+] }), kA = i(fA), FA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "M3 18v-2h18v2zm0-5v-2h18v2zm0-5V6h18v2z" }) }), uA = i(FA), jA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", d: "m19.6 21-6.3-6.3q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.887T3 9.5t1.888-4.612T9.5 3t4.613 1.888T16 9.5a6.1 6.1 0 0 1-1.3 3.8l6.3 6.3zM9.5 14q1.875 0 3.188-1.312Q14 11.375 14 9.5t-1.312-3.187T9.5 5 6.313 6.313 5 9.5t1.313 3.188T9.5 14" }) }), vA = i(jA), DA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
   /* @__PURE__ */ A("g", { clipPath: "url(#telegram_svg__a)", children: /* @__PURE__ */ A("path", { fill: "#005341", d: "m9.417 15.181-.397 5.584c.568 0 .814-.244 1.11-.537l2.662-2.545 5.518 4.041c1.012.564 1.725.267 1.998-.931L23.93 3.821l.001-.001c.321-1.496-.54-2.081-1.527-1.714l-21.29 8.151c-1.453.564-1.43 1.374-.247 1.741l5.443 1.693L18.953 5.78c.595-.394 1.136-.176.691.218z" }) }),
   /* @__PURE__ */ A("defs", { children: /* @__PURE__ */ A("clipPath", { id: "telegram_svg__a", children: /* @__PURE__ */ A("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] }), jA = i(uA), vA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
+] }), LA = i(DA), dA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
   /* @__PURE__ */ A("g", { clipPath: "url(#vk_svg__a)", children: /* @__PURE__ */ A("path", { fill: "#005341", d: "M22.316 1.684C20.632 0 17.92 0 12.5 0h-1C6.079 0 3.368 0 1.684 1.684S0 6.08 0 11.5v1c0 5.421 0 8.132 1.684 9.816S6.08 24 11.5 24h1c5.421 0 8.132 0 9.816-1.684S24 17.92 24 12.5v-1c0-5.421 0-8.132-1.684-9.816M19.503 17h-1.75c-.668 0-.863-.532-2.05-1.719-1.039-1.001-1.483-1.13-1.743-1.13-.353 0-.458.099-.458.6v1.569c0 .43-.138.68-1.25.68-1.855 0-3.893-1.126-5.339-3.202-2.17-3.04-2.763-5.34-2.763-5.803 0-.26.1-.495.6-.495H6.5c.448 0 .616.196.784.68.856 2.493 2.3 4.673 2.893 4.673.222 0 .324-.103.324-.668V9.608c-.065-1.186-.695-1.284-.695-1.706 0-.195.167-.402.445-.402h2.75c.372 0 .5.198.5.643v3.467c0 .37.162.5.273.5.223 0 .409-.13.816-.537 1.261-1.41 2.151-3.578 2.151-3.578.112-.26.317-.495.762-.495h1.75c.53 0 .641.272.53.643-.223 1.02-2.355 4.023-2.355 4.023-.186.297-.26.445 0 .779.185.26.797.779 1.205 1.26.752.847 1.318 1.56 1.476 2.052.145.493-.106.743-.606.743" }) }),
   /* @__PURE__ */ A("defs", { children: /* @__PURE__ */ A("clipPath", { id: "vk_svg__a", children: /* @__PURE__ */ A("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] }), DA = i(vA), LA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 62 62", ref: g, ...e, children: [
+] }), WA = i(dA), HA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 62 62", ref: g, ...e, children: [
   /* @__PURE__ */ A("path", { stroke: "#D9D9D9", d: "M1 1h60v60H1z" }),
   /* @__PURE__ */ A("path", { fill: "#07F", d: "M15 30.36c0-7.24 0-10.861 2.25-13.11C19.498 15 23.12 15 30.36 15h1.28c7.24 0 10.861 0 13.11 2.25C47 19.498 47 23.12 47 30.36v1.28c0 7.24 0 10.861-2.25 13.11C42.502 47 38.88 47 31.64 47h-1.28c-7.24 0-10.861 0-13.11-2.25C15 42.502 15 38.88 15 31.64z" }),
   /* @__PURE__ */ A("path", { fill: "#fff", d: "M32.027 38.053c-7.294 0-11.454-5-11.627-13.32h3.653c.12 6.107 2.814 8.694 4.947 9.227v-9.227h3.44V30c2.107-.227 4.32-2.627 5.067-5.267h3.44c-.574 3.254-2.974 5.654-4.68 6.64 1.706.8 4.44 2.894 5.48 6.68H37.96c-.813-2.533-2.84-4.493-5.52-4.76v4.76z" })
-] }), WA = i(LA), dA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.15 3.27A11.08 11.08 0 0 0 11.264 0C5.118 0 .116 5.001.114 11.149c0 1.965.512 3.883 1.488 5.574L.021 22.5l5.91-1.55a11.14 11.14 0 0 0 5.328 1.357h.005c6.144 0 11.147-5.002 11.149-11.15A11.08 11.08 0 0 0 19.15 3.27m-7.886 17.154h-.004a9.26 9.26 0 0 1-4.717-1.292l-.338-.201-3.508.92.937-3.42-.22-.35a9.24 9.24 0 0 1-1.418-4.932c.002-5.11 4.16-9.266 9.271-9.266 2.475 0 4.802.966 6.552 2.718a9.21 9.21 0 0 1 2.711 6.556c-.002 5.11-4.159 9.267-9.266 9.267m5.083-6.94c-.279-.14-1.649-.814-1.904-.907s-.441-.14-.627.14c-.186.278-.72.906-.882 1.092s-.325.209-.603.07c-.28-.14-1.177-.434-2.24-1.383-.829-.74-1.388-1.651-1.55-1.93-.163-.28-.002-.416.122-.569.301-.374.603-.767.696-.953s.046-.348-.023-.488c-.07-.14-.627-1.51-.86-2.068-.225-.543-.455-.47-.626-.479A11 11 0 0 0 7.316 6c-.186 0-.487.07-.743.35-.255.278-.975.952-.975 2.323 0 1.372.998 2.696 1.138 2.882s1.964 3 4.759 4.207c.664.287 1.183.458 1.588.587.667.212 1.274.182 1.755.11.535-.08 1.648-.674 1.88-1.325s.232-1.208.162-1.324-.255-.186-.533-.326", clipRule: "evenodd" }) }), HA = i(dA), tA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ref: g, ...e, children: [
+] }), tA = i(HA), SA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: /* @__PURE__ */ A("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.15 3.27A11.08 11.08 0 0 0 11.264 0C5.118 0 .116 5.001.114 11.149c0 1.965.512 3.883 1.488 5.574L.021 22.5l5.91-1.55a11.14 11.14 0 0 0 5.328 1.357h.005c6.144 0 11.147-5.002 11.149-11.15A11.08 11.08 0 0 0 19.15 3.27m-7.886 17.154h-.004a9.26 9.26 0 0 1-4.717-1.292l-.338-.201-3.508.92.937-3.42-.22-.35a9.24 9.24 0 0 1-1.418-4.932c.002-5.11 4.16-9.266 9.271-9.266 2.475 0 4.802.966 6.552 2.718a9.21 9.21 0 0 1 2.711 6.556c-.002 5.11-4.159 9.267-9.266 9.267m5.083-6.94c-.279-.14-1.649-.814-1.904-.907s-.441-.14-.627.14c-.186.278-.72.906-.882 1.092s-.325.209-.603.07c-.28-.14-1.177-.434-2.24-1.383-.829-.74-1.388-1.651-1.55-1.93-.163-.28-.002-.416.122-.569.301-.374.603-.767.696-.953s.046-.348-.023-.488c-.07-.14-.627-1.51-.86-2.068-.225-.543-.455-.47-.626-.479A11 11 0 0 0 7.316 6c-.186 0-.487.07-.743.35-.255.278-.975.952-.975 2.323 0 1.372.998 2.696 1.138 2.882s1.964 3 4.759 4.207c.664.287 1.183.458 1.588.587.667.212 1.274.182 1.755.11.535-.08 1.648-.674 1.88-1.325s.232-1.208.162-1.324-.255-.186-.533-.326", clipRule: "evenodd" }) }), rA = i(SA), UA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ref: g, ...e, children: [
   /* @__PURE__ */ A("g", { clipPath: "url(#x_svg__a)", children: /* @__PURE__ */ A("path", { fill: "#005341", d: "M11.862 8.469 19.147 0h-1.726l-6.326 7.353L6.042 0H.215l7.64 11.12L.215 20h1.726l6.68-7.765L13.958 20h5.828zm-2.365 2.748-.774-1.107-6.16-8.81h2.652l4.971 7.11.774 1.107 6.462 9.242H14.77z" }) }),
   /* @__PURE__ */ A("defs", { children: /* @__PURE__ */ A("clipPath", { id: "x_svg__a", children: /* @__PURE__ */ A("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
-] }), SA = i(tA), rA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 34 24", ref: g, ...e, children: [
+] }), TA = i(UA), KA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 34 24", ref: g, ...e, children: [
   /* @__PURE__ */ A("path", { fill: "currentColor", d: "M20.796 19.862V24h-8.319v-4.138zM4.16 8.276c0 2.285 1.861 4.138 4.158 4.138v4.138C3.724 16.552 0 12.847 0 8.276zM8.318 8.276c4.594 0 8.318 3.705 8.318 8.276h-4.159c0-2.286-1.862-4.138-4.159-4.138zM24.955 12.414c-2.297 0-4.16 1.852-4.16 4.138h-4.159c0-4.57 3.724-8.276 8.319-8.276z" }),
   /* @__PURE__ */ A("path", { fill: "currentColor", d: "M33.273 8.276c0 4.57-3.724 8.276-8.319 8.276v-4.138c2.297 0 4.16-1.853 4.16-4.138zM12.477 4.138c-2.297 0-4.159 1.853-4.159 4.138H4.16C4.16 3.706 7.883 0 12.477 0zM20.796 0c4.594 0 8.318 3.705 8.318 8.276h-4.16c0-2.285-1.861-4.138-4.158-4.138z" })
-] }), UA = i(rA), TA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 62 62", ref: g, ...e, children: [
+] }), yA = i(KA), XA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 62 62", ref: g, ...e, children: [
   /* @__PURE__ */ A("path", { stroke: "#D9D9D9", d: "M1 1h60v60H1z" }),
   /* @__PURE__ */ A("path", { fill: "#FC3F1D", d: "M36.098 19.328h-2.502c-4.589 0-6.999 2.302-6.999 5.71 0 3.867 1.668 5.663 5.098 7.965l2.827 1.888L26.365 47h-6.071l7.323-10.82c-4.218-2.993-6.582-5.894-6.582-10.82 0-6.17 4.31-10.36 12.514-10.36h8.157v32h-5.608z" })
-] }), KA = i(TA), yA = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+] }), NA = i(XA), PA = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Arrow: _,
-  BannerBgYak: S,
-  BannerBgYakHalfNews: gA,
-  CheckmarkOutline: BA,
-  Close: MA,
-  Eye: nA,
-  EyeOff: IA,
-  EyeOffOutline: iA,
-  EyeOutline: mA,
-  Filter: hA,
-  Gos: CA,
-  Journalist: lA,
-  KeyboardArrowDown: QA,
-  LocationOn: RA,
-  MailAuth: ZA,
-  Menu: fA,
-  Search: FA,
-  Telegram: jA,
-  Vk: DA,
-  VkAuth: WA,
-  Whatsaap: HA,
-  X: SA,
-  Yak: UA,
-  Yandex: KA
-}, Symbol.toStringTag, { value: "Module" })), XA = ({ iconId: e, ...g }, M) => {
-  const Y = yA[e];
-  return Y ? /* @__PURE__ */ A(Y, { ...g, ref: M }) : null;
-}, NA = i(XA), z = N(NA), J = {
-  large: "large",
+  Arrow: gA,
+  BannerBgYak: U,
+  BannerBgYakHalfNews: cA,
+  CheckmarkOutline: YA,
+  Close: EA,
+  Eye: zA,
+  EyeOff: wA,
+  EyeOffOutline: xA,
+  EyeOutline: JA,
+  Filter: GA,
+  Gos: aA,
+  Journalist: QA,
+  KeyboardArrowDown: sA,
+  LocationOn: OA,
+  MailAuth: kA,
+  Menu: uA,
+  Search: vA,
+  Telegram: LA,
+  Vk: WA,
+  VkAuth: tA,
+  Whatsaap: rA,
+  X: TA,
+  Yak: yA,
+  Yandex: NA
+}, Symbol.toStringTag, { value: "Module" })), pA = ({ iconId: e, ...g }, c) => {
+  const Y = PA[e];
+  return Y ? /* @__PURE__ */ A(Y, { ...g, ref: c }) : null;
+}, bA = i(pA), z = b(bA), J = {
+  // Заголовки
+  display_48_semibold: "display_48_semibold",
+  // 48px semibold (бывш. large)
+  heading_1_bold: "heading_1_bold",
+  // 44px bold       (бывш. h1)
+  heading_1_semibold: "heading_1_semibold",
+  // 44px semibold   (бывш. h1_semibold)
+  heading_2_bold: "heading_2_bold",
+  // 24px bold       (бывш. h2)
+  heading_2_semibold: "heading_2_semibold",
+  // 24px semibold   (бывш. h2_semibold)
+  heading_2_regular: "heading_2_regular",
+  // 24px regular    (бывш. h2_normal)
+  heading_3_bold: "heading_3_bold",
+  // 18px bold       (бывш. h3)
+  // Текстовые размеры
+  text_30_semibold: "text_30_semibold",
+  // 30px semibold   (бывш. semibold_text_30)
+  text_26_medium: "text_26_medium",
+  // 26px medium     (бывш. medium_26)
+  text_16_regular: "text_16_regular",
+  // 16px regular    (бывш. regular_text_16)
+  text_16_semibold: "text_16_semibold",
+  // 16px semibold   (бывш. semibold_text_16)
+  text_16_bold: "text_16_bold",
+  // 16px bold       (бывш. bold_text_16)
+  text_14_regular: "text_14_regular",
+  // 14px regular    (бывш. regular_text_14)
+  text_14_medium: "text_14_medium",
+  // 14px medium     (бывш. medium_text_14)
+  text_14_semibold: "text_14_semibold",
+  // 14px semibold   (бывш. semibold_small_text)
+  text_14_bold: "text_14_bold",
+  // 14px bold       (бывш. bold_text_14)
+  // Ссылки
+  link_16_regular: "link_16_regular",
+  // 16px regular    (бывш. regular_link)
+  link_14_regular: "link_14_regular"
+  // 14px regular    (бывш. small_link)
+}, qA = {
+  // Заголовки
+  [J.display_48_semibold]: "text-xl font-semibold",
   // 48px
-  h1: "h1",
+  [J.heading_1_bold]: "text-l font-bold",
   // 44px
-  h1_semibold: "h1_semibold",
+  [J.heading_1_semibold]: "text-l font-semibold",
   // 44px
-  semibold_text_30: "semibold_text_30",
-  medium_26: "medium_26",
-  // 26px
-  h2: "h2",
+  [J.heading_2_bold]: "text-m font-bold",
   // 24px
-  h2_semibold: "h2_semibold",
+  [J.heading_2_semibold]: "text-m font-semibold",
   // 24px
-  h2_normal: "h2_normal",
+  [J.heading_2_regular]: "text-m font-regular",
   // 24px
-  h3: "h3",
+  [J.heading_3_bold]: "text-s font-bold",
   // 18px
-  regular_text_16: "regular_text_16",
+  // Текст
+  [J.text_30_semibold]: "text-[30px] font-semibold",
+  [J.text_26_medium]: "text-[26px] font-medium",
+  [J.text_16_regular]: "text-xs font-regular",
   // 16px
-  bold_text_16: "bold_text_16",
+  [J.text_16_semibold]: "text-xs font-semibold",
   // 16px
-  semibold_text_16: "semibold_text_16",
+  [J.text_16_bold]: "text-xs font-bold",
   // 16px
-  regular_text_14: "regular_text_14",
+  [J.text_14_regular]: "text-xxs font-regular",
   // 14px
-  medium_text_14: "medium_text_14",
+  [J.text_14_medium]: "text-xxs font-medium",
   // 14px
-  bold_text_14: "bold_text_14",
+  [J.text_14_semibold]: "text-xxs font-semibold",
   // 14px
-  small_text: "small_text",
-  // 14px (smallest in your config)
-  semibold_small_text: "semibold_small_text",
+  [J.text_14_bold]: "text-xxs font-bold",
   // 14px
-  smaller_text: "smaller_text",
-  // 14px (same as small_text)
-  regular_link: "regular_link",
+  // Ссылки
+  [J.link_16_regular]: "text-xs font-regular text-primary-500 underline cursor-pointer",
   // 16px
-  small_link: "small_link"
-  // 14px
-}, PA = {
-  [J.large]: "text-xl font-semibold",
-  // 48px
-  [J.h1]: "text-l font-bold",
-  // 44px
-  [J.h1_semibold]: "text-l font-semibold",
-  // 44px
-  [J.semibold_text_30]: "text-[30px] font-semibold",
-  // 44px
-  [J.medium_26]: "text-[26px] font-medium",
-  // 26px
-  [J.h2]: "text-m font-bold",
-  // 24px
-  [J.h2_semibold]: "text-m font-semibold",
-  // 24px
-  [J.h2_normal]: "text-m font-normal",
-  // 24px
-  [J.h3]: "text-s font-bold",
-  // 18px
-  [J.regular_text_16]: "text-xs font-regular",
-  // 16px
-  [J.bold_text_16]: "text-xs font-bold",
-  // 16px
-  [J.semibold_text_16]: "text-xs font-semibold",
-  // 16px
-  [J.regular_text_14]: "text-xxs font-regular",
-  // 14px
-  [J.medium_text_14]: "text-xxs font-medium",
-  // 14px
-  [J.bold_text_14]: "text-xxs font-bold",
-  // 14px
-  [J.small_text]: "text-xxs font-regular",
-  // 14px
-  [J.semibold_small_text]: "text-xxs font-semibold",
-  // 14px
-  [J.smaller_text]: "text-xxs font-mediums",
-  // 14px
-  [J.regular_link]: "text-xs font-regular text-primary-500 underline cursor-pointer",
-  // 16px
-  [J.small_link]: "text-xxs font-regular text-primary-500 underline cursor-pointer"
+  [J.link_14_regular]: "text-xxs font-regular text-primary-500 underline cursor-pointer"
   // 14px
 }, C = i(
-  ({ asChild: e, variant: g = J.regular_text_16, className: M, ...Y }, c) => {
-    const x = e ? s : "span", E = PA[g];
+  ({ asChild: e, variant: g = J.text_16_regular, className: c, ...Y }, M) => {
+    const I = e ? o : "span", E = qA[g];
     return /* @__PURE__ */ A(
-      x,
+      I,
       {
-        ref: c,
-        className: I(
+        ref: M,
+        className: x(
           "font-primary",
           // Базовый шрифт
           E,
-          M
+          c
         ),
         ...Y
       }
@@ -421,44 +418,37 @@ const V = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/sv
   }
 );
 C.displayName = "Typography";
-const r = i(
+const T = i(
   ({
     children: e,
     className: g,
-    defaultValue: M = "10",
+    defaultValue: c = "10",
     triggerIcon: Y,
-    style: c,
-    placeholder: x,
+    style: M,
+    placeholder: I,
     label: E,
     labelColor: n,
     ...w
-  }, m) => /* @__PURE__ */ B("div", { className: I("flex flex-col gap-1", g), children: [
-    E && /* @__PURE__ */ A(
-      C,
-      {
-        style: { color: n },
-        variant: J.regular_text_14,
-        children: E[0]?.toUpperCase() + E.slice(1)
-      }
-    ),
-    /* @__PURE__ */ B(l.Root, { defaultValue: M, ...w, children: [
+  }, m) => /* @__PURE__ */ B("div", { className: x("flex flex-col gap-1", g), children: [
+    E && /* @__PURE__ */ A(C, { style: { color: n }, variant: "text_16_regular", children: E[0]?.toUpperCase() + E.slice(1) }),
+    /* @__PURE__ */ B(l.Root, { defaultValue: c, ...w, children: [
       /* @__PURE__ */ B(
         l.Trigger,
         {
           ref: m,
-          style: c,
-          className: I(
+          style: M,
+          className: x(
             "inline-flex items-center justify-between gap-2",
             "px-3 py-1.5 text-black",
             "transition-colors",
-            "hover:text-light-900 ",
+            "hover:text-light-900",
             "formattedDate-[disabled]:text-primary-100",
             "formattedDate-[placeholder]:text-primary-100",
             "formattedDate-[state=open]:text-light-900 outline-none"
           ),
           children: [
             /* @__PURE__ */ A("div", { className: "flex items-center gap-2", children: Y && /* @__PURE__ */ A(l.Icon, { className: "h-6 w-6", children: Y }) }),
-            /* @__PURE__ */ A(l.Value, { placeholder: x }),
+            /* @__PURE__ */ A(l.Value, { placeholder: I }),
             /* @__PURE__ */ A(l.Icon, { className: "text-black", children: /* @__PURE__ */ A(
               z,
               {
@@ -472,25 +462,25 @@ const r = i(
       /* @__PURE__ */ A(l.Portal, { children: /* @__PURE__ */ A(
         l.Content,
         {
-          className: "z-50 bg-white w-[--radix-select-trigger-width] overflow-hidden shadow-lg",
+          className: "z-50 w-[--radix-select-trigger-width] overflow-hidden bg-white shadow-lg",
           position: "popper",
           sideOffset: 4,
-          children: /* @__PURE__ */ A(l.Viewport, { className: "p-1 max-h-[200px]", children: e })
+          children: /* @__PURE__ */ A(l.Viewport, { className: "max-h-[200px] p-1", children: e })
         }
       ) })
     ] })
   ] })
 );
-r.displayName = "Selector";
-const U = i(
-  ({ children: e, className: g = "", value: M, disabled: Y }, c) => /* @__PURE__ */ A(
+T.displayName = "Selector";
+const K = i(
+  ({ children: e, className: g = "", value: c, disabled: Y }, M) => /* @__PURE__ */ A(
     l.Item,
     {
-      ref: c,
-      value: M,
+      ref: M,
+      value: c,
       disabled: Y,
-      className: I(
-        "relative flex cursor-pointer select-none items-center px-3 py-1.5 text-sm",
+      className: x(
+        "text-sm relative flex cursor-pointer select-none items-center px-3 py-1.5",
         "formattedDate-[highlighted]:text-success-300",
         "formattedDate-[disabled]:pointer-events-none formattedDate-[disabled]:text-primary-900",
         "outline-none",
@@ -500,39 +490,42 @@ const U = i(
     }
   )
 );
-U.displayName = "SelectItem";
-const pA = ({ children: e, className: g }) => e ? /* @__PURE__ */ A("div", { className: I("w-full", g), children: e }) : /* @__PURE__ */ A("div", { className: I("w-full", g), children: "Пустая карточка" }), bA = (e) => {
-  const g = t();
+K.displayName = "SelectItem";
+const VA = i(function({ asChild: g = !1, children: c, className: Y, ...M }, I) {
+  const E = g ? o : "div";
+  return c ? /* @__PURE__ */ A(E, { ref: I, className: x("w-full", Y), ...M, children: c }) : /* @__PURE__ */ A("div", { ref: I, className: x("w-full bg-light-100", Y), ...M, children: "Пустая карточка" });
+}), _A = (e) => {
+  const g = r();
   return e || g;
-}, qA = i(
-  ({ checked: e, className: g, disabled: M = !1, id: Y, label: c, onValueChange: x, ...E }, n) => {
-    const w = bA(Y);
+}, $A = i(
+  ({ checked: e, className: g, disabled: c = !1, id: Y, children: M, onValueChange: I, ...E }, n) => {
+    const w = _A(Y);
     return /* @__PURE__ */ B("div", { className: "flex items-center", children: [
       /* @__PURE__ */ A(
-        H.Root,
+        S.Root,
         {
           checked: e,
-          className: I(
-            "relative cursor-pointer flex items-center justify-center w-[18px] h-[18px] border-2 border-dark-900 rounded-sm",
+          className: x(
+            "relative flex h-[18px] w-[18px] cursor-pointer items-center justify-center rounded-sm border-2 border-dark-900",
             "formattedDate-[state=checked]:bg-white formattedDate-[state=checked]:border-dark-900",
             "formattedDate-[disabled]:cursor-default",
             "formattedDate-[disabled]:formattedDate-[state=checked]:bg-gray-700 formattedDate-[disabled]:formattedDate-[state=checked]:border-gray-700",
             "formattedDate-[disabled]:formattedDate-[state=unchecked]:bg-inherit formattedDate-[disabled]:formattedDate-[state=unchecked]:border-gray-300",
-            'before:content-[""] before:absolute before:-z-10 before:w-9 before:h-9 before:rounded-full',
+            'before:absolute before:-z-10 before:h-9 before:w-9 before:rounded-full before:content-[""]',
             "focus:before:bg-gray-100",
             "hover:before:bg-gray-100",
             "active:before:bg-gray-100",
             g
           ),
           id: w,
-          disabled: M,
-          onCheckedChange: x,
+          disabled: c,
+          onCheckedChange: I,
           ...E,
           ref: n,
           children: /* @__PURE__ */ A(
-            H.Indicator,
+            S.Indicator,
             {
-              className: I(
+              className: x(
                 "flex items-center justify-center text-gray-900",
                 "formattedDate-[disabled]:text-gray-400"
               ),
@@ -541,103 +534,95 @@ const pA = ({ children: e, className: g }) => e ? /* @__PURE__ */ A("div", { cla
           )
         }
       ),
-      /* @__PURE__ */ A(C, { asChild: !0, variant: J.regular_text_14, children: /* @__PURE__ */ A(
+      /* @__PURE__ */ A(C, { asChild: !0, variant: "text_14_regular", children: /* @__PURE__ */ A(
         "label",
         {
-          className: I(
+          className: x(
             "cursor-pointer select-none pl-2.5 text-dark-900",
-            M && "cursor-default text-gray-300"
+            c && "cursor-default text-gray-300"
           ),
           htmlFor: w,
-          children: c
+          children: M
         }
       ) })
     ] });
   }
 );
-qA.displayName = "Checkbox";
-const L = i(
-  ({ asChild: e, onClick: g, variant: M = "primary", fullWidth: Y, className: c, disabled: x, ...E }, n) => {
-    const w = e ? s : "button", m = (G) => {
-      x && G.preventDefault();
-    }, h = I(
+$A.displayName = "Checkbox";
+const W = i(
+  ({ asChild: e, onClick: g, variant: c = "primary", fullWidth: Y, className: M, disabled: I, ...E }, n) => {
+    const w = e ? o : "button", m = (G) => {
+      I && G.preventDefault();
+    }, h = x(
       "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": M === "outline",
-        "text-dark-900 hover:text-dark-800 active:text-dark-900 focus:text-dark-900 disabled:text-gray-400": M === "outlineBlackText"
+        "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"
       }
     );
     return /* @__PURE__ */ A(
       w,
       {
-        disabled: x,
-        onClick: e && x ? m : g,
+        disabled: I,
+        onClick: e && I ? m : g,
         ref: n,
         ...E,
-        className: I(
+        className: x(
           // 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",
+          "leading-6 box-border inline-flex items-center justify-center gap-2.5 whitespace-nowrap text-center text-xs font-semibold",
+          "cursor-pointer px-4 py-3 outline-none",
           {
             // 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": M === "primary",
+            "hover:bg-success-600 active:bg-success-800 focus:ring-success-800 bg-success-700 font-semibold text-light-100 focus:bg-success-700 focus:ring-2 disabled:bg-success-300 disabled:text-gray-300": c === "primary",
             //Outline or outlineBlackText
-            [h]: M === "outline" || M === "outlineBlackText"
+            [h]: c === "outline" || c === "outlineBlackText"
           },
           Y && "w-full text-center",
-          c,
-          e && x && "cursor-not-allowed pointer-events-none"
+          M,
+          e && I && "pointer-events-none cursor-not-allowed"
         )
       }
     );
   }
 );
-L.displayName = "Button";
-const VA = i(
+W.displayName = "Button";
+const Ag = i(
   ({
     asChild: e,
     className: g,
-    children: M,
+    children: c,
     color: Y = "success",
-    typographyVariant: c = "semibold_small_text",
-    iconId: x,
+    typographyVariant: M = "text_14_semibold",
+    iconId: I,
     ...E
-  }, n) => /* @__PURE__ */ A(
-    e ? s : "span",
-    {
-      ref: n,
-      className: I("flex items-center gap-2", g),
-      ...E,
-      children: /* @__PURE__ */ B(O, { children: [
-        x && /* @__PURE__ */ A(z, { iconId: x, width: 24, height: 24 }),
-        /* @__PURE__ */ A(
-          C,
-          {
-            variant: c,
-            asChild: e,
-            className: I({
-              "text-dark-900": Y === "dark",
-              "text-success-700": Y === "success",
-              "text-warning-300": Y === "warning"
-            }),
-            children: M
-          }
-        )
-      ] })
-    }
-  )
+  }, n) => /* @__PURE__ */ A(e ? o : "span", { ref: n, className: x("flex items-center gap-2", g), ...E, children: /* @__PURE__ */ B(k, { children: [
+    I && /* @__PURE__ */ A(z, { iconId: I, width: 24, height: 24 }),
+    /* @__PURE__ */ A(
+      C,
+      {
+        variant: M,
+        asChild: e,
+        className: x({
+          "text-dark-900": Y === "dark",
+          "text-success-700": Y === "success",
+          "text-warning-300": Y === "warning"
+        }),
+        children: c
+      }
+    )
+  ] }) })
 );
-VA.displayName = "Tag";
-function _A(e, g = "short") {
-  const M = typeof e == "string" ? new Date(e) : e;
-  if (isNaN(M.getTime()))
+Ag.displayName = "Tag";
+function gg(e, g = "short") {
+  const c = typeof e == "string" ? new Date(e) : e;
+  if (isNaN(c.getTime()))
     return "Неверная дата";
-  const Y = /* @__PURE__ */ new Date("2025-08-05T15:18:00+02:00"), c = /* @__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 M <= c && M >= Y ? `до ${new Intl.DateTimeFormat("ru-RU", {
+    return c <= M && c >= Y ? `до ${new Intl.DateTimeFormat("ru-RU", {
       day: "numeric",
       month: "long"
-    }).format(M).replace(/\./g, "")}` : "Дата вне диапазона";
+    }).format(c).replace(/\./g, "")}` : "Дата вне диапазона";
   const E = new Intl.DateTimeFormat("ru-RU", {
     timeZone: "Europe/Paris",
     // CEST
@@ -657,73 +642,68 @@ function _A(e, g = "short") {
       hour12: !1
       // 24-часовой формат
     }
-  }).formatToParts(M);
+  }).formatToParts(c);
   if (g === "short")
     return E.filter((m) => ["weekday", "day", "month", "year"].includes(m.type)).map((m) => m.type === "weekday" ? m.value.charAt(0).toUpperCase() + m.value.slice(1) : m.value).join(" ").replace(/\./g, "");
   const n = E.filter((m) => ["weekday", "day", "month", "year"].includes(m.type)).map((m) => m.type === "weekday" ? m.value.charAt(0).toUpperCase() + m.value.slice(1) : m.value).join(" ").replace(/\./g, ""), w = E.filter((m) => ["hour", "minute"].includes(m.type)).map((m) => m.value).join(":");
   return `${n} в ${w}`;
 }
-const $A = i(
-  ({
-    className: e,
-    date: g,
-    variant: M = "short",
-    ...Y
-  }) => {
-    const c = _A(g, M);
+const eg = i(
+  ({ className: e, date: g, variant: c = "short", ...Y }) => {
+    const M = gg(g, c);
     return /* @__PURE__ */ A(
       C,
       {
-        variant: "small_text",
-        className: I("text-light-900", e, {
-          "text-red-600": c === "Неверная дата" || c === "Дата вне диапазона"
+        variant: "text_14_medium",
+        className: x("text-light-900", e, {
+          "text-red-600": M === "Неверная дата" || M === "Дата вне диапазона"
         }),
         ...Y,
-        children: c
+        children: M
       }
     );
   }
 );
-$A.displayName = "FormattedDate";
-const Ag = i(
+eg.displayName = "FormattedDate";
+const Bg = i(
   ({
     asChild: e,
     className: g,
-    iconId: M = "Arrow",
-    typographyVariant: Y = "h3",
-    children: c,
-    ...x
+    iconId: c = "Arrow",
+    typographyVariant: Y = "heading_3_bold",
+    children: M,
+    ...I
   }, E) => /* @__PURE__ */ A(
-    e ? s : "div",
+    e ? o : "div",
     {
       ref: E,
-      className: I(
-        "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",
+      className: x(
+        "relative flex w-full max-w-[500px] items-center justify-between",
+        "pl-6 before:absolute before:left-0 before:top-1/2 before:h-6 before:w-3 before:-translate-y-1/2 before:bg-success-700 before:content-['']",
         g
       ),
-      ...x,
-      children: /* @__PURE__ */ B("div", { className: "flex items-center justify-between w-full", children: [
-        c && /* @__PURE__ */ A(C, { variant: Y, children: c }),
-        /* @__PURE__ */ A(z, { iconId: M, width: 24, height: 24 })
+      ...I,
+      children: /* @__PURE__ */ B("div", { className: "flex w-full items-center justify-between", children: [
+        M && /* @__PURE__ */ A(C, { variant: Y, children: M }),
+        /* @__PURE__ */ A(z, { iconId: c, width: 24, height: 24 })
       ] })
     }
   )
 );
-Ag.displayName = "PreviewTitle";
-const W = i(
+Bg.displayName = "PreviewTitle";
+const H = i(
   ({
     asChild: e,
     className: g,
-    sectionName: M = "",
+    sectionName: c = "",
     iconId: Y = "Yak",
-    variant: c = "small",
-    withTM: x = !1,
+    variant: M = "small",
+    withTM: I = !1,
     iconColor: E = "text-success-700",
     ...n
   }, w) => {
-    const m = e ? s : "div", h = () => {
-      switch (c) {
+    const m = e ? o : "div", h = () => {
+      switch (M) {
         case "large":
           return { width: 61, height: 44 };
         case "medium":
@@ -733,281 +713,266 @@ const W = i(
           return { width: 33, height: 24 };
       }
     }, G = () => {
-      switch (c) {
+      switch (M) {
         case "large":
-          return "h1_semibold";
+          return "heading_1_semibold";
         case "medium":
-          return "semibold_text_30";
+          return "text_30_semibold";
         case "small":
         default:
-          return "h2_semibold";
+          return "heading_2_semibold";
       }
     };
-    return /* @__PURE__ */ A(
-      m,
-      {
-        ref: w,
-        className: I("inline-flex items-center gap-1", g),
-        ...n,
-        children: /* @__PURE__ */ B("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ A(
-            z,
-            {
-              iconId: Y,
-              width: h().width,
-              height: h().height,
-              className: I("fill-current", E),
-              style: { color: E !== "currentColor" && !E.startsWith("text-") ? E : void 0 }
-            }
-          ),
-          /* @__PURE__ */ B(C, { variant: G(), children: [
-            "Якавказ",
-            x && /* @__PURE__ */ A("sup", { className: "text-[9px] align-super tracking-tight", children: "™" })
-          ] }),
-          /* @__PURE__ */ A(C, { variant: "h2_normal", children: M })
-        ] })
-      }
-    );
+    return /* @__PURE__ */ A(m, { ref: w, className: x("inline-flex items-center gap-1", g), ...n, children: /* @__PURE__ */ B("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ A(
+        z,
+        {
+          iconId: Y,
+          width: h().width,
+          height: h().height,
+          className: x("fill-current", E),
+          style: {
+            color: E !== "currentColor" && !E.startsWith("text-") ? E : void 0
+          }
+        }
+      ),
+      /* @__PURE__ */ B(C, { variant: G(), children: [
+        "Якавказ",
+        I && /* @__PURE__ */ A("sup", { className: "align-super text-[9px] tracking-tight", children: "™" })
+      ] }),
+      /* @__PURE__ */ A(C, { variant: "heading_2_regular", children: c })
+    ] }) });
   }
 );
-W.displayName = "Logo";
-const gg = ({ children: e, className: g, label: M, required: Y, labelColor: c = "primary", ...x }) => {
-  const E = P(
+H.displayName = "Logo";
+const cg = ({ children: e, className: g, label: c, required: Y, labelColor: M = "primary", ...I }) => {
+  const E = q(
     () => ({
-      label: b(
+      label: _(
         "inline-block mb-1 text-sm leading-6",
         g,
-        c === "primary" && "text-light-900",
-        c === "disabled" && "text-dark-100"
+        M === "primary" && "text-light-900",
+        M === "disabled" && "text-dark-100"
       ),
       required: "ml-0.5 text-danger-300"
     }),
-    [g, c]
+    [g, M]
   );
-  return /* @__PURE__ */ B(q.Root, { ...x, children: [
-    M && /* @__PURE__ */ B("div", { className: E.label, children: [
-      M,
+  return /* @__PURE__ */ B($.Root, { ...I, children: [
+    c && /* @__PURE__ */ B("div", { className: E.label, children: [
+      c,
       Y && /* @__PURE__ */ A("span", { className: E.required, children: "*" })
     ] }),
     e
   ] });
-}, eg = i(
-  ({
-    className: e,
-    onClearClick: g,
-    errorMessage: M,
-    iconEnd: Y,
-    iconStart: c,
-    label: x,
-    onEnter: E,
-    onKeyDown: n,
-    required: w,
-    search: m,
-    password: h,
-    type: G,
-    labelColor: f,
-    id: k,
-    inputColor: F,
-    ...a
-  }, u) => {
-    const Z = !!M && M.length > 0, [Q, j] = p(!1), o = t(), d = k ?? o;
-    m && (c = /* @__PURE__ */ A(z, { iconId: "Search", width: 20, className: "text-success-700 focus-within:text-light-100" }), G = "search"), h && (Y = /* @__PURE__ */ A(
-      z,
-      {
-        iconId: Q ? "EyeOutline" : "EyeOffOutline",
-        onClick: () => j(!Q),
-        className: "cursor-pointer",
-        width: 24,
-        height: 24
-      }
-    ), G = Q ? "text" : "password");
-    const y = (D) => {
-      E && D.key === "Enter" && E(D), n?.(D);
-    }, v = g && a.value && a.value.length > 0, X = (c ? "start" : "") + (Y ? "end" : "");
-    return /* @__PURE__ */ B("div", { className: I("flex flex-col w-full", e), children: [
-      x && /* @__PURE__ */ A(gg, { htmlFor: d, label: x, required: w, labelColor: f }),
-      /* @__PURE__ */ B("div", { className: "relative flex items-center", children: [
-        !!c && /* @__PURE__ */ A("span", { className: "absolute top-1/2 left-5 -translate-y-1/2 grid place-items-center w-6 h-6", children: c }),
-        /* @__PURE__ */ A(
-          "input",
-          {
-            className: I(
-              "box-border w-full h-[52px] px-4 font-normal text-xs text-dark-900 bg-transparent border border-light-700 outline-none",
-              Z && "border-danger-300",
-              c && "pl-12",
-              Y && v || Y || v ? "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: F,
-              ...G === "search" && { "::-webkit-search-cancel-button": { display: "none" } },
-              transition: "all 5000s ease-in-out 0s"
-            },
-            "data-icon": X,
-            id: d,
-            name: "text",
-            onKeyDown: y,
-            ref: u,
-            required: w,
-            type: G,
-            ...a
-          }
-        ),
-        v && /* @__PURE__ */ A(
-          "button",
-          {
-            className: I(
-              "absolute top-1/2 -translate-y-1/2 cursor-pointer bg-transparent border-none w-6 h-6 text-dark-900",
-              Y ? "right-12" : "right-5"
-            ),
-            onClick: g,
-            type: "button",
-            children: !h && /* @__PURE__ */ A(z, { iconId: "Close", width: 24, height: 24 })
-          }
-        ),
-        !!Y && /* @__PURE__ */ A("span", { className: "absolute top-1/2 right-5 -translate-y-1/2 grid place-items-center w-6 h-6", children: Y })
-      ] }),
-      Z && /* @__PURE__ */ A("span", { className: "text-xs font-normal text-danger-300", children: M })
-    ] });
-  }
-);
-eg.displayName = "TextField";
-const T = i(
+}, Mg = i(function({
+  className: g,
+  onClearClick: c,
+  errorMessage: Y,
+  iconEnd: M,
+  iconStart: I,
+  label: E,
+  onEnter: n,
+  onKeyDown: w,
+  required: m,
+  search: h,
+  type: G,
+  labelColor: F,
+  id: u,
+  inputColor: j,
+  ...Q
+}, v) {
+  const O = !!Y && Y.length > 0, [R, D] = V(!1), s = r(), t = u ?? s, f = h ? /* @__PURE__ */ A(
+    z,
+    {
+      iconId: "Search",
+      width: 20,
+      className: "text-success-700 focus-within:text-light-100"
+    }
+  ) : I, a = G === "password" ? /* @__PURE__ */ A(
+    z,
+    {
+      iconId: R ? "EyeOutline" : "EyeOffOutline",
+      onClick: () => D(!R),
+      className: "cursor-pointer",
+      width: 24,
+      height: 24
+    }
+  ) : M, N = G === "password" ? R ? "text" : "password" : h ? "search" : G, P = (d) => {
+    n && d.key === "Enter" && n(d), w?.(d);
+  }, L = !!c && !!Q.value && String(Q.value).length > 0, p = (f ? "start" : "") + (a ? "end" : "");
+  return /* @__PURE__ */ B("div", { className: x("flex w-full flex-col", g), children: [
+    E && /* @__PURE__ */ A(cg, { htmlFor: t, label: E, required: m, labelColor: F }),
+    /* @__PURE__ */ B("div", { className: "relative flex items-center", children: [
+      !!f && /* @__PURE__ */ A("span", { className: "absolute left-5 top-1/2 grid h-6 w-6 -translate-y-1/2 place-items-center", children: f }),
+      /* @__PURE__ */ A(
+        "input",
+        {
+          className: x(
+            "font-normal box-border h-[52px] w-full border border-light-700 bg-transparent px-4 text-xs text-dark-900 outline-none",
+            O && "border-danger-300",
+            f && "pl-12",
+            a && L || a || L ? "pr-12" : "",
+            "placeholder:text-dark-200",
+            "disabled:cursor-not-allowed disabled:text-dark-100",
+            "focus:border-light-700 focus:text-dark-900",
+            "hover:not(:disabled):cursor-text hover:not(:disabled):border-light-700"
+          ),
+          style: {
+            backgroundColor: j,
+            // keep existing transition hack
+            transition: "all 5000s ease-in-out 0s"
+          },
+          "data-icon": p,
+          id: t,
+          name: "text",
+          onKeyDown: P,
+          ref: v,
+          required: m,
+          type: N,
+          ...Q
+        }
+      ),
+      L && /* @__PURE__ */ A(
+        "button",
+        {
+          className: x(
+            "absolute top-1/2 h-6 w-6 -translate-y-1/2 cursor-pointer border-none bg-transparent text-dark-900",
+            a ? "right-12" : "right-5"
+          ),
+          onClick: c,
+          type: "button",
+          children: G !== "password" && /* @__PURE__ */ A(z, { iconId: "Close", width: 24, height: 24 })
+        }
+      ),
+      !!a && /* @__PURE__ */ A("span", { className: "absolute right-5 top-1/2 grid h-6 w-6 -translate-y-1/2 place-items-center", children: a })
+    ] }),
+    O && /* @__PURE__ */ A("span", { className: "font-normal text-xs text-danger-300", children: Y })
+  ] });
+});
+Mg.displayName = "TextField";
+const y = i(
   ({
     items: e,
     triggerLabel: g = "Ещё",
-    triggerIcon: M = "KeyboardArrowDown",
-    labelTypography: Y = "semibold_text_16",
-    className: c,
-    style: x,
+    triggerIcon: c = "KeyboardArrowDown",
+    labelTypography: Y = "text_16_semibold",
+    className: M,
+    style: I,
     children: E
-  }, n) => /* @__PURE__ */ B(
-    "div",
-    {
-      ref: n,
-      className: I("inline-flex items-center", c),
-      style: x,
-      children: [
-        /* @__PURE__ */ B(R.Root, { children: [
-          /* @__PURE__ */ A(R.Trigger, { asChild: !0, children: /* @__PURE__ */ B(
-            "button",
+  }, n) => /* @__PURE__ */ B("div", { ref: n, className: x("inline-flex items-center", M), style: I, children: [
+    /* @__PURE__ */ B(Z.Root, { children: [
+      /* @__PURE__ */ A(Z.Trigger, { asChild: !0, children: /* @__PURE__ */ B(
+        "button",
+        {
+          className: x(
+            "flex items-center gap-2 px-3 py-1.5 text-black",
+            "transition-colors hover:text-light-900",
+            "outline-none"
+          ),
+          "aria-label": g,
+          children: [
+            /* @__PURE__ */ A(C, { variant: Y, children: g }),
+            /* @__PURE__ */ A(
+              z,
+              {
+                iconId: c,
+                className: "h-6 w-6 transition-transform duration-300 data-[state=open]:rotate-180"
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ A(Z.Portal, { children: /* @__PURE__ */ A(
+        Z.Content,
+        {
+          className: x(
+            "z-50 min-w-[150px] rounded-md bg-white p-1 shadow-lg",
+            "max-h-[200px] overflow-auto"
+          ),
+          sideOffset: 4,
+          align: "end",
+          children: e.map((w) => /* @__PURE__ */ A(
+            Z.Item,
             {
-              className: I(
-                "flex items-center gap-2 px-3 py-1.5 text-black",
-                "hover:text-light-900 transition-colors",
+              asChild: !0,
+              disabled: w.disabled,
+              className: x(
+                "flex cursor-pointer items-center px-3 py-1.5 text-sm",
+                "hover:bg-light-100 hover:text-success-300",
+                "data-[disabled]:pointer-events-none data-[disabled]:text-primary-900",
                 "outline-none"
               ),
-              "aria-label": g,
-              children: [
-                /* @__PURE__ */ A(C, { variant: Y, children: g }),
-                /* @__PURE__ */ A(
-                  z,
-                  {
-                    iconId: M,
-                    className: "h-6 w-6 transition-transform duration-300 data-[state=open]:rotate-180"
-                  }
-                )
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ A(R.Portal, { children: /* @__PURE__ */ A(
-            R.Content,
-            {
-              className: I(
-                "z-50 min-w-[150px] bg-white shadow-lg rounded-md p-1",
-                "max-h-[200px] overflow-auto"
-              ),
-              sideOffset: 4,
-              align: "end",
-              children: e.map((w) => /* @__PURE__ */ A(
-                R.Item,
-                {
-                  asChild: !0,
-                  disabled: w.disabled,
-                  className: I(
-                    "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__ */ A("a", { href: w.href, children: /* @__PURE__ */ A(C, { variant: Y, children: w.label }) })
-                },
-                w.label
-              ))
-            }
-          ) })
-        ] }),
-        E
-      ]
-    }
-  )
+              children: /* @__PURE__ */ A("a", { href: w.href, children: /* @__PURE__ */ A(C, { variant: Y, children: w.label }) })
+            },
+            w.label
+          ))
+        }
+      ) })
+    ] }),
+    E
+  ] })
 );
-T.displayName = "DropdownMenu";
-const K = i(
-  ({ items: e, className: g, style: M, children: Y, lengthItem: c = 5 }, x) => {
-    const E = e.slice(0, c), n = e.slice(c);
+y.displayName = "DropdownMenu";
+const X = i(
+  ({ items: e, className: g, style: c, children: Y, lengthItem: M = 5 }, I) => {
+    const E = e.slice(0, M), n = e.slice(M);
     return /* @__PURE__ */ B(
       "ul",
       {
-        ref: x,
-        className: I(
-          "flex gap-6 justify-center items-center max-w-[630px] mx-auto",
-          g
-        ),
-        style: M,
+        ref: I,
+        className: x("mx-auto flex max-w-[630px] items-center justify-center gap-6", g),
+        style: c,
         children: [
-          E.map((w) => /* @__PURE__ */ A("li", { children: /* @__PURE__ */ A("a", { href: w.href, children: /* @__PURE__ */ A(C, { variant: J.semibold_text_16, children: w.label }) }) }, w.label)),
-          n.length > 0 && /* @__PURE__ */ A("li", { children: /* @__PURE__ */ A(T, { items: n }) }),
+          E.map((w) => /* @__PURE__ */ A("li", { children: /* @__PURE__ */ A("a", { href: w.href, children: /* @__PURE__ */ A(C, { variant: "text_16_semibold", children: w.label }) }) }, w.label)),
+          n.length > 0 && /* @__PURE__ */ A("li", { children: /* @__PURE__ */ A(y, { items: n }) }),
           Y
         ]
       }
     );
   }
 );
-K.displayName = "Navigation";
-const Bg = [
+X.displayName = "Navigation";
+const Yg = [
   { label: "Туризм", href: "/tourism" },
   { label: "Транспорт", href: "/transport" },
   { label: "Госуслуги", href: "/services" },
   { label: "Здоровье", href: "/health" },
   { label: "Образование", href: "/education" }
-], cg = ["Ингушетия", "Чечня", "Дагестан"], ng = i(function({
+], ig = ["Ингушетия", "Чечня", "Дагестан"], zg = i(function({
   navigation: g,
-  navItems: M = Bg,
+  navItems: c = Yg,
   lengthItem: Y = 5,
-  locations: c = cg,
-  defaultLocation: x = c[0],
+  locations: M = ig,
+  defaultLocation: I = M[0],
   locationValue: E,
   onLocationChange: n,
   withSearchAndMenu: w = !1,
   onLoginClick: m,
   onMenuClick: h,
   onSearchClick: G,
-  className: f,
-  sectionName: k = "",
-  logoHref: F = "#",
-  style: a,
-  LinkComponent: u
+  className: F,
+  sectionName: u = "",
+  logoHref: j = "#",
+  style: Q,
+  LinkComponent: v
   // например, прокинуть из next: Link
-}, Z) {
-  const Q = Array.isArray(c) && c.length > 0, j = u ?? "a";
+}, O) {
+  const R = Array.isArray(M) && M.length > 0, D = v ?? "a";
   return /* @__PURE__ */ B(
     "header",
     {
-      ref: Z,
+      ref: O,
       role: "banner",
-      className: I(
-        "flex items-center justify-between bg-white shadow-md px-3 py-3 sm:px-4",
-        f
+      className: x(
+        "flex items-center justify-between bg-white px-3 py-3 shadow-md sm:px-4",
+        F
       ),
-      style: a,
+      style: Q,
       children: [
-        /* @__PURE__ */ B("div", { className: "flex items-center min-w-0", children: [
+        /* @__PURE__ */ B("div", { className: "flex min-w-0 items-center", children: [
           /* @__PURE__ */ B("div", { className: "flex items-center gap-3 sm:gap-4", children: [
-            w && /* @__PURE__ */ B(O, { children: [
+            w && /* @__PURE__ */ B(k, { children: [
               /* @__PURE__ */ A(
                 "button",
                 {
@@ -1015,52 +980,42 @@ const Bg = [
                   onClick: h,
                   "aria-label": "Открыть меню",
                   "aria-haspopup": "menu",
-                  className: "p-1",
-                  children: /* @__PURE__ */ A(z, { iconId: "Menu", className: "h-6 w-6 text-black" })
+                  children: /* @__PURE__ */ A(z, { iconId: "Menu", className: "h-6 w-6 cursor-pointer text-black" })
                 }
               ),
-              /* @__PURE__ */ A(
-                "button",
-                {
-                  type: "button",
-                  onClick: G,
-                  "aria-label": "Поиск",
-                  className: "p-1",
-                  children: /* @__PURE__ */ A(z, { iconId: "Search", className: "h-6 w-6 text-black" })
-                }
-              )
+              /* @__PURE__ */ A("button", { type: "button", onClick: G, "aria-label": "Поиск", children: /* @__PURE__ */ A(z, { iconId: "Search", className: "h-6 w-6 cursor-pointer text-black" }) })
             ] }),
-            /* @__PURE__ */ A(j, { href: F, "aria-label": "На главную", className: "inline-flex", children: /* @__PURE__ */ A(W, { variant: "small", sectionName: k }) })
+            /* @__PURE__ */ A(D, { href: j, "aria-label": "На главную", className: "inline-flex", children: /* @__PURE__ */ A(H, { variant: "small", sectionName: u }) })
           ] }),
           /* @__PURE__ */ A(
             "nav",
             {
-              className: I("ml-4 sm:ml-6", w && "hidden md:block"),
+              className: x("ml-4 sm:ml-6", w && "hidden md:block"),
               "aria-label": "Основная навигация",
-              children: g ?? /* @__PURE__ */ A(K, { items: M, lengthItem: Y })
+              children: g ?? /* @__PURE__ */ A(X, { items: c, lengthItem: Y })
             }
           )
         ] }),
         /* @__PURE__ */ B("div", { className: "flex items-center gap-3 sm:gap-6", children: [
-          Q && /* @__PURE__ */ A(
-            r,
+          R && /* @__PURE__ */ A(
+            T,
             {
-              defaultValue: E ? void 0 : x,
+              defaultValue: E ? void 0 : I,
               value: E,
               onValueChange: n,
               className: "w-[140px] sm:w-[150px]",
               labelColor: "black",
-              triggerIcon: /* @__PURE__ */ A(z, { iconId: "LocationOn", className: "w-6 h-6" }),
+              triggerIcon: /* @__PURE__ */ A(z, { iconId: "LocationOn", className: "h-6 w-6" }),
               "aria-label": "Выбор региона",
-              children: c.map((o) => /* @__PURE__ */ A(U, { value: o, children: o }, o))
+              children: M.map((s) => /* @__PURE__ */ A(K, { value: s, children: s }, s))
             }
           ),
-          /* @__PURE__ */ A(L, { type: "button", onClick: m, variant: "outlineBlackText", children: "Войти" })
+          /* @__PURE__ */ A(W, { type: "button", onClick: m, variant: "outlineBlackText", children: "Войти" })
         ] })
       ]
     }
   );
-}), Mg = (e, g) => /* @__PURE__ */ B(
+}), Eg = (e, g) => /* @__PURE__ */ B(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1288,13 +1243,13 @@ const Bg = [
       ] })
     ]
   }
-), Yg = i(Mg), Jg = ({
+), Ig = i(Eg), Cg = ({
   children: e,
   onClick: g,
-  variantColor: M = "success",
+  variantColor: c = "success",
   variantView: Y = "secondary",
-  href: c = "#",
-  className: x
+  href: M = "#",
+  className: I
 }) => {
   const E = {
     success: {
@@ -1307,83 +1262,83 @@ const Bg = [
       bgButton: "!bg-purple-800",
       bgCard: "bg-purple-100"
     }
-  }, { text: n, bgButton: w, bgCard: m } = E[M], h = Y === "primary";
+  }, { text: n, bgButton: w, bgCard: m } = E[c], h = Y === "primary";
   return /* @__PURE__ */ B(
-    pA,
+    VA,
     {
-      className: I(
-        "w-full flex overflow-hidden",
-        h ? "items-center justify-between px-7 max-h-[100px] overflow-hidden" : "max-w-[416px] flex-col justify-between relative min-h-[602px] p-7",
+      className: x(
+        "flex w-full overflow-hidden",
+        h ? "max-h-[100px] items-center justify-between overflow-hidden px-7" : "relative min-h-[602px] max-w-[416px] flex-col justify-between p-7",
         m,
-        x
+        I
       ),
       children: [
-        /* @__PURE__ */ B("div", { className: I(h ? "flex items-center" : "flex flex-col gap-10"), children: [
-          /* @__PURE__ */ A(W, { iconColor: n, variant: "medium", withTM: !0 }),
-          /* @__PURE__ */ A("div", { className: I("ml-10", h ? "max-w-[340px] text-xs" : "max-w-[200px]"), children: e })
+        /* @__PURE__ */ B("div", { className: x(h ? "flex items-center" : "flex flex-col gap-10"), children: [
+          /* @__PURE__ */ A(H, { iconColor: n, variant: "medium", withTM: !0 }),
+          /* @__PURE__ */ A("div", { className: x("ml-10", h ? "max-w-[340px] text-xs" : "max-w-[200px]"), children: e })
         ] }),
-        h ? /* @__PURE__ */ B(O, { children: [
-          /* @__PURE__ */ A(S, { className: I("fill-current", n), width: "380px" }),
-          /* @__PURE__ */ A(L, { variant: "primary", className: I(w), onClick: g, children: /* @__PURE__ */ A("a", { href: c, children: "Подробнее" }) })
-        ] }) : /* @__PURE__ */ B(O, { children: [
+        h ? /* @__PURE__ */ B(k, { children: [
+          /* @__PURE__ */ A(U, { className: x("fill-current", n), width: "380px" }),
+          /* @__PURE__ */ A(W, { variant: "primary", className: x(w), onClick: g, children: /* @__PURE__ */ A("a", { href: M, children: "Подробнее" }) })
+        ] }) : /* @__PURE__ */ B(k, { children: [
           /* @__PURE__ */ A(
-            Yg,
+            Ig,
             {
               width: 380,
               height: 380,
               className: "absolute bottom-0 right-[-60px]"
             }
           ),
-          /* @__PURE__ */ A(C, { variant: "medium_26", className: I(n), onClick: g, children: /* @__PURE__ */ A("a", { href: c, children: "yakavkaz.ru" }) })
+          /* @__PURE__ */ A(C, { variant: "text_26_medium", className: x(n), onClick: g, children: /* @__PURE__ */ A("a", { href: M, children: "yakavkaz.ru" }) })
         ] })
       ]
     }
   );
 };
 export {
-  _ as Arrow,
-  Jg as Banner,
-  S as BannerBgYak,
-  gA as BannerBgYakHalfNews,
-  L as Button,
-  pA as Card,
-  qA as Checkbox,
-  BA as CheckmarkOutline,
-  MA as Close,
-  T as DropdownMenu,
+  gA as Arrow,
+  Cg as Banner,
+  U as BannerBgYak,
+  cA as BannerBgYakHalfNews,
+  W as Button,
+  VA as Card,
+  $A as Checkbox,
+  YA as CheckmarkOutline,
+  EA as Close,
+  y as DropdownMenu,
   z as DynamicIcon,
-  nA as Eye,
-  IA as EyeOff,
-  iA as EyeOffOutline,
-  mA as EyeOutline,
-  hA as Filter,
-  $A as FormattedDate,
-  CA as Gos,
-  ng as Header,
-  lA as Journalist,
-  QA as KeyboardArrowDown,
-  gg as Label,
-  RA as LocationOn,
-  W as Logo,
-  ZA as MailAuth,
-  fA as Menu,
-  K as Navigation,
-  Ag as PreviewTitle,
-  FA as Search,
-  U as SelectItem,
-  r as Selector,
-  VA as Tag,
-  jA as Telegram,
-  eg as TextField,
+  zA as Eye,
+  wA as EyeOff,
+  xA as EyeOffOutline,
+  JA as EyeOutline,
+  GA as Filter,
+  eg as FormattedDate,
+  aA as Gos,
+  zg as Header,
+  QA as Journalist,
+  sA as KeyboardArrowDown,
+  cg as Label,
+  OA as LocationOn,
+  H as Logo,
+  kA as MailAuth,
+  uA as Menu,
+  X as Navigation,
+  Bg as PreviewTitle,
+  vA as Search,
+  K as SelectItem,
+  T as Selector,
+  Ag as Tag,
+  LA as Telegram,
+  Mg as TextField,
   C as Typography,
   J as TypographyVariant,
-  DA as Vk,
-  WA as VkAuth,
-  HA as Whatsaap,
-  SA as X,
-  UA as Yak,
-  KA as Yandex,
-  _A as formatDate,
-  PA as variantToClasses
+  WA as Vk,
+  tA as VkAuth,
+  rA as Whatsaap,
+  TA as X,
+  yA as Yak,
+  NA as Yandex,
+  gg as formatDate,
+  qA as variantToClasses
 };
 //# sourceMappingURL=index.js.map