@bothub-chat/ui/dist/components/header/menu-nav/styled.js

Bothub UI Components

import{styled as i,css as o}from"styled-components";import{animated as n}from"@react-spring/web";import{Typography as e}from"../../typography/index.js";import{ArrowDownIcon as s}from"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"tslib";import"react/jsx-runtime";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import{ArrowNarrowDownIcon as t}from"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as r}from"../../../utils/colors/colorToRgba.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";const d=i.div.withConfig({displayName:"styled__HeaderMenuNavStyled",componentId:"sc-70z353-0"})(["padding-left:20px;border-left:1px solid ",";height:34px;display:flex;align-items:center;width:100%;@media (max-width:","){position:relative;z-index:10;padding:30px 40px;height:auto;}"],(({theme:i})=>i.colors.grayScale.gray3),(({theme:i})=>i.tablet.maxWidth)),c=i.ul.withConfig({displayName:"styled__HeaderMenuNavList",componentId:"sc-70z353-1"})(["display:flex;list-style:none;padding:0;margin:0;width:100%;gap:20px;@media (max-width:","){flex-direction:column;gap:30px;}@media (max-width:","){gap:24px;}"],(({theme:i})=>i.tablet.maxWidth),(({theme:i})=>i.mobile.maxWidth)),p=i.li.withConfig({displayName:"styled__HeaderMenuNavItem",componentId:"sc-70z353-2"})(["cursor:pointer;@media (max-width:","){width:100%;display:flex;flex-direction:column;}"],(({theme:i})=>i.mobile.maxWidth)),m=i(e).attrs((({variant:i="body-m-semibold"})=>({variant:i}))).withConfig({displayName:"styled__HeaderMenuNavLabel",componentId:"sc-70z353-3"})(["@media (max-width:","){display:flex;width:100%;justify-content:space-between;align-items:center;}"],(({theme:i})=>i.tablet.maxWidth)),a=i.div.withConfig({displayName:"styled__HeaderMenuNavContent",componentId:"sc-70z353-4"})(["display:",";background:",";border:1px solid ",";border-radius:17px;position:absolute;top:84px;gap:12px;left:0px;padding:16px;width:fit-content;overflow:hidden;"],(({$open:i})=>i?"flex":"none"),(({theme:i})=>i.colors.base.black),(({theme:i})=>i.colors.grayScale.gray2)),x=i(n.div).withConfig({displayName:"styled__HeaderMenuNavContentList",componentId:"sc-70z353-5"})(["display:flex;flex-direction:column;gap:8px;"]),j=i.div.withConfig({displayName:"styled__HeaderMenuNavContentMobile",componentId:"sc-70z353-6"})(["margin-top:14px;display:flex;gap:14px;@media (max-width:","){flex-direction:column;}"],(({theme:i})=>i.mobile.maxWidth)),l=i(n.div).withConfig({displayName:"styled__HeaderMenuNavContentChildList",componentId:"sc-70z353-7"})(["display:grid;grid-template-columns:",";flex-direction:column;row-gap:8px;column-gap:16px;width:100%;"],(({$columns:i=1})=>`repeat(${i}, max-content)`)),g=i(t).attrs({fill:"#fff",size:18}).withConfig({displayName:"styled__HeaderMenuNavItemArrowIcon",componentId:"sc-70z353-8"})(["rotate:-135deg;@media (max-width:","){display:none;}"],(({theme:i})=>i.mobile.maxWidth)),h=i.div.withConfig({displayName:"styled__HeaderMenuNavItemBgIcon",componentId:"sc-70z353-9"})(["width:30px;height:30px;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;"]),u=i.a.withConfig({displayName:"styled__HeaderMenuNavMainLink",componentId:"sc-70z353-10"})(["padding:12px 14px;display:flex;min-width:","px;align-items:center;height:fit-content;flex-direction:column;gap:10px;border-radius:10px;cursor:pointer;white-space:nowrap;transition:background 0.2s ease-in-out;"," @media (max-width:","){width:100%;}@media (max-width:","){background:inherit;outline:none;padding:12px 0;}"],(({$minWidth:i})=>null!=i?i:250),(({$active:i,theme:o})=>i&&`\n    outline: 1px solid ${o.colors.grayScale.gray3};\n    background: ${o.colors.gradient.elite20};\n  `),(({theme:i})=>i.tablet.maxWidth),(({theme:i})=>i.mobile.maxWidth)),b=i.a.withConfig({displayName:"styled__HeaderMenuNavLink",componentId:"sc-70z353-11"})(["padding:12px 14px;display:flex;height:",";min-width:406px;width:100%;align-items:center;flex-direction:column;gap:10px;border-radius:10px;cursor:pointer;white-space:nowrap;background:transparent;outline:none;border:none;transition:background 0.2s ease-in-out;"," @media (max-width:","){min-width:unset;padding-right:0;}"],(({$height:i})=>"fit"===i?"auto":"fit-content"),(({theme:i})=>o`
    &:hover {
      outline: 1px solid ${i.colors.grayScale.gray3};
      background: ${r(i.colors.accent.primary,.2)};
      ${`& ${h} {\n          background: ${i.colors.accent.primary};\n        }`}
    }
  `),(({theme:i})=>i.tablet.maxWidth)),w=i.div.withConfig({displayName:"styled__HeaderMenuNavMainLinkContainer",componentId:"sc-70z353-12"})(["display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;"]),f=i(e).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__HeaderMenuNavTextLink",componentId:"sc-70z353-13"})(["width:100%;white-space:wrap;"]),y=i(e).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__HeaderMenuNavTextDescription",componentId:"sc-70z353-14"})(["width:100%;white-space:wrap;max-width:406px;"]),v=i(s).withConfig({displayName:"styled__HeaderMenuNavArrowIcon",componentId:"sc-70z353-15"})(["rotate:-90deg;"]);export{v as HeaderMenuNavArrowIcon,a as HeaderMenuNavContent,l as HeaderMenuNavContentChildList,x as HeaderMenuNavContentList,j as HeaderMenuNavContentMobile,p as HeaderMenuNavItem,g as HeaderMenuNavItemArrowIcon,h as HeaderMenuNavItemBgIcon,m as HeaderMenuNavLabel,b as HeaderMenuNavLink,c as HeaderMenuNavList,u as HeaderMenuNavMainLink,w as HeaderMenuNavMainLinkContainer,d as HeaderMenuNavStyled,y as HeaderMenuNavTextDescription,f as HeaderMenuNavTextLink};