@bothub-chat/ui/dist/components/header/multi-level-menu/multi-level-menu-accordion/ui/styled.js

Bothub UI Components

import{styled as i}from"styled-components";import{animated as o}from"@react-spring/web";import{Typography as n}from"../../../../typography/index.js";import{ArrowDownIcon as e}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"../../../../../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 s}from"../../../../../utils/colors/colorToRgba.js";import"../../../../../utils/colors/calculateGrayScale.js";import"../../../../../utils/colors/calculateAccentColors.js";import{MultiLevelMenuSecondLevelArrowRight45 as t}from"../../styled.js";const r=i(o.div).withConfig({displayName:"styled__MultiLevelMenuFirstLevelWrapper",componentId:"sc-xr4hkn-0"})(["display:flex;user-select:none;@media (min-width:","){position:absolute;top:77px;left:0;border-radius:17px;padding:16px;max-width:1169px;width:1169px;background-color:",";border:1px solid;border-color:",";}"],(({theme:i})=>i.tablet.maxWidth),(({theme:i})=>i.colors.base.black),(({theme:i})=>i.colors.grayScale.gray2)),d=i.ul.withConfig({displayName:"styled__MultiLevelMenuFirstLevelUl",componentId:"sc-xr4hkn-1"})(["margin:0;padding:0;display:flex;flex-direction:column;row-gap:8px;"]),c=i.button.withConfig({displayName:"styled__MultiLevelMenuHeader",componentId:"sc-xr4hkn-2"})(["width:100%;padding:0;background:transparent;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;@media (max-width:","){margin-bottom:",";}@media (max-width:","){margin-bottom:",";}"],(({theme:i})=>i.tablet.maxWidth),(({$active:i})=>i&&"14px"),(({theme:i})=>i.mobile.maxWidth),(({$active:i})=>i&&"10px")),p=i.li.withConfig({displayName:"styled__MultiLevelMenuLi",componentId:"sc-xr4hkn-3"})(["list-style:none;"]),m=i(n).attrs({variant:"body-l-semibold"}).withConfig({displayName:"styled__MultiLevelMenuTitle",componentId:"sc-xr4hkn-4"})(["transition:color 0.2s ease-in-out;@media (min-width:","){color:",";}"],(({theme:i})=>i.tablet.maxWidth),(({theme:i,$open:o})=>o?i.colors.accent.primaryLight:i.colors.base.white)),a=i(e).withConfig({displayName:"styled__MultiLevelMenuArrowDownIcon",componentId:"sc-xr4hkn-5"})(["transition:transform 0.2s ease-in-out;transform:",";display:none;@media (max-width:","){display:inline-flex;}"],(({$open:i})=>i&&"rotate(180deg)"),(({theme:i})=>i.tablet.maxWidth)),x=i.div.withConfig({displayName:"styled__MultiLevelMenuSecondLevelHeader",componentId:"sc-xr4hkn-6"})(["display:flex;flex-direction:column;cursor:pointer;padding-right:6px;padding-top:10px;padding-bottom:10px;padding-left:10px;"]),l=i.div.withConfig({displayName:"styled__MultiLevelMenuSecondLevelHeaderWrapper",componentId:"sc-xr4hkn-7"})(["display:flex;align-items:center;justify-content:space-between;"]),j=i.div.withConfig({displayName:"styled__MultiLevelMenuSecondLevelLiHover",componentId:"sc-xr4hkn-8"})(["border-radius:10px;height:100%;transition:background 0.2s ease-in-out;"]),g=i.li.withConfig({displayName:"styled__MultiLevelMenuSecondLevelLi",componentId:"sc-xr4hkn-9"})(["position:relative;list-style:none;padding-top:8px;padding-bottom:8px;border-bottom:1px solid;border-color:",";&:last-child{border-bottom:none;}"," &:hover{","{background:",";}","{background:",";}}"],(({theme:i})=>i.colors.grayScale.gray2),(({$even:i,theme:o,$nthChildCount:n})=>i?`\n      @media (min-width: ${o.tablet.maxWidth}) {\n        &:nth-last-child(-n + ${n}) {\n          border-bottom: none;\n        }\n      }\n    `:"\n      &:last-child {\n        border-bottom: none;\n      }\n    "),j,(({theme:i})=>s(i.colors.accent.primary,.2)),t,(({theme:i})=>i.colors.accent.primary)),u=i.a.withConfig({displayName:"styled__MultiLevelMenuSecondLevelCardLink",componentId:"sc-xr4hkn-10"})(["z-index:1;position:absolute;cursor:pointer;top:0;right:0;left:0;bottom:0;"]),h=i.div.withConfig({displayName:"styled__MultiLevelMenuSecondLevelHeaderContent",componentId:"sc-xr4hkn-11"})(["display:flex;column-gap:10px;align-items:center;"]),b=i(n).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MultiLevelMenuSecondLevelDescription",componentId:"sc-xr4hkn-12"})(["display:block;margin-top:8px;"]),y=i(o.div).withConfig({displayName:"styled__MultiLevelMenuSecondLevelWrapper",componentId:"sc-xr4hkn-13"})(["user-select:none;padding-left:18px;flex-grow:1;"]),f=i.div.withConfig({displayName:"styled__MultiLevelMenuSecondLevelContentWrapper",componentId:"sc-xr4hkn-14"})(["display:grid;grid-template-columns:",";column-gap:16px;height:auto;@media (max-width:","){display:flex;flex-direction:column;}"],(({$columnsCount:i})=>`repeat(${i}, 1fr)`),(({theme:i})=>i.tablet.maxWidth)),w=i(n).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MultiLevelMenuSecondLevelTitle",componentId:"sc-xr4hkn-15"})([""]),v=i(w).withConfig({displayName:"styled__MultiLevelMenuSecondLevelSubTitle",componentId:"sc-xr4hkn-16"})(["color:",";"],(({theme:i})=>i.colors.grayScale.gray6));export{a as MultiLevelMenuArrowDownIcon,d as MultiLevelMenuFirstLevelUl,r as MultiLevelMenuFirstLevelWrapper,c as MultiLevelMenuHeader,p as MultiLevelMenuLi,u as MultiLevelMenuSecondLevelCardLink,f as MultiLevelMenuSecondLevelContentWrapper,b as MultiLevelMenuSecondLevelDescription,x as MultiLevelMenuSecondLevelHeader,h as MultiLevelMenuSecondLevelHeaderContent,l as MultiLevelMenuSecondLevelHeaderWrapper,g as MultiLevelMenuSecondLevelLi,j as MultiLevelMenuSecondLevelLiHover,v as MultiLevelMenuSecondLevelSubTitle,w as MultiLevelMenuSecondLevelTitle,y as MultiLevelMenuSecondLevelWrapper,m as MultiLevelMenuTitle};