UNPKG

@bothub-chat/ui

Version:

Bothub UI Components

bothub.chat

bothubchat/bothub

15 lines (14 loc) • 20.7 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import{styled as i,css as o}from"styled-components";import{Typography as n}from"../../typography/index.js";import{Badge as s}from"../../badge/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as e}from"../../../utils/colors/colorToRgba.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import"tslib";import{Button as r}from"../../button/index.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import{ArrowNarrowRightIcon as t}from"../../../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"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{StarUnfilledIcon as d}from"../../../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"../../../icons/folder/index.js";import"../../../icons/history/index.js";import"../../../icons/money-plus/index.js";import"../../../icons/money-stack/index.js";import"../../../icons/sort-numeric-bottom/index.js";import"../../../icons/sort-numeric-top/index.js";import"../../../icons/bulb/index.js";import"../../../icons/prompt-queue/index.js";import"../../../icons/image/index.js";import"../../../icons/text/index.js";import"../../../icons/code/index.js";import"../../../icons/blue-grok/index.js";import"../../../icons/double-image/index.js";import"../../../icons/pdf-black/index.js";import"../../../icons/csv/index.js";import"../../../icons/xls-black/index.js";import"../../../icons/word-black/index.js";import"../../../icons/brain-black/index.js";import"../../../icons/txt-black/index.js";import"../../../icons/workspace/index.js";import"../../../icons/chat-doc/index.js";import"../../../icons/money-spend/index.js";import"../../../icons/money-minus/index.js";import"../../../icons/max-logo-gradient/index.js";import"../../../icons/empty-word/index.js";import"../../../icons/music-file/index.js";import"../../../icons/sad-file/index.js";import"../../../icons/happy-file/index.js";import"../../../icons/volume-off/index.js";import"../../../icons/github/index.js";import"../../../icons/erase/index.js";import"../../../icons/arrow-narrow-stars-right/index.js";import"../../../icons/literature-list/index.js";import"../../../icons/bell-dot/index.js";import"../../../icons/bell/index.js";import"../../../icons/kwaivgi/index.js";import"../../../icons/dollar/index.js";const c=i.div.withConfig({displayName:"styled__TariffCardIsPopular",componentId:"sc-1arr04b-0"})(["display:flex;flex-direction:column;grid-area:",";height:100%;",""],({$variant:i})=>i,({$active:i})=>i&&o` background: ${({theme:i})=>i.colors.gradient.premium}; padding: 2px 3px; border-radius: 21px; @media (max-width: ${({theme:i})=>i.tablet.maxWidth}) { border-radius: 19px; } @media (max-width: ${({theme:i})=>i.mobile.maxWidth}) { border-radius: 15px; } `),p=i.div.withConfig({displayName:"styled__TariffCardIsPopularContainer",componentId:"sc-1arr04b-1"})(["display:flex;align-items:center;justify-content:center;margin-top:4px;padding-bottom:6px;gap:8px;"]),a=i(d).withConfig({displayName:"styled__TariffCardStarUnfilledIcon",componentId:"sc-1arr04b-2"})(["path{fill:#fff;}"]),m=i(n).attrs({variant:"body-s-medium",component:"p"}).withConfig({displayName:"styled__TariffCardIsPopularText",componentId:"sc-1arr04b-3"})(["color:",";text-align:center;"],({theme:i})=>i.default.colors.base.white),x=i.div.withConfig({displayName:"styled__TariffCardBackground",componentId:"sc-1arr04b-4"})(["width:100%;height:100%;background-color:",";border-radius:20px;@media (max-width:","){border-radius:18px;}@media (max-width:","){border-radius:14px;}"],({theme:i})=>i.colors.grayScale.gray4,({theme:i})=>i.tablet.maxWidth,({theme:i})=>i.mobile.maxWidth),j=i.div.withConfig({displayName:"styled__TariffCardStyled",componentId:"sc-1arr04b-5"})(["position:relative;z-index:2;border-radius:20px;background-color:",";display:flex;flex-direction:column;height:100%;cursor:",";padding:20px 34px;transition:background 0.3s ease;@media (max-width:","){padding:20px;border-radius:18px;}@media (max-width:","){padding:20px 14px;border-radius:14px;}&:hover{",";}",""],({theme:i})=>i.colors.grayScale.gray7,({$clickable:i})=>i?"pointer":"default",({theme:i})=>i.tablet.maxWidth,({theme:i})=>i.mobile.maxWidth,({theme:i,$variant:o,$active:n})=>"ENTERPRISE"!==o&&!n&&`background: ${e(i.colors.accent.primary,.2)}`,({theme:i,$active:n})=>n&&o` background: ${i.colors.gradient.elite20}; pointer-events: none; `),l=i.div.withConfig({displayName:"styled__TariffCardStyledContent",componentId:"sc-1arr04b-6"})(["display:grid;grid-template-columns:",";align-items:center;gap:14px;@media (max-width:","){gap:10px;}"],({$variant:i,$control:o})=>"ENTERPRISE"===i||"button"===o?"1fr auto":"auto 1fr auto",({theme:i})=>i.mobile.maxWidth),g=i.div.withConfig({displayName:"styled__TariffCardContainer",componentId:"sc-1arr04b-7"})([""]),u=i.div.withConfig({displayName:"styled__TariffCardContainerPrice",componentId:"sc-1arr04b-8"})(["white-space:nowrap;"]),b=i(n).attrs({variant:"body-xxl-semibold",component:"span"}).withConfig({displayName:"styled__TariffCardPrice",componentId:"sc-1arr04b-9"})([""]),f=i(n).attrs({variant:"body-l-semibold",component:"span"}).withConfig({displayName:"styled__TariffCardCurrency",componentId:"sc-1arr04b-10"})([""]),h=i(n).attrs({variant:"body-xl-semibold",component:"h3"}).withConfig({displayName:"styled__TariffCardLabel",componentId:"sc-1arr04b-11"})(["background-clip:text;-webkit-background-clip:text;width:fit-content;-webkit-text-fill-color:transparent;background-image:",";background-color:",";"],({theme:i,$color:o})=>{switch(o){case"BASIC":return i.colors.accent.primary;case"PREMIUM":return i.colors.gradient.premium;case"DELUXE":return i.colors.gradient.deluxe;case"ELITE":return i.colors.gradient.elite;case"ENTERPRISE":return i.colors.gradient.enterprise;default:return i.colors.base.white}},({theme:i,$color:o})=>{switch(o){case"BASIC":return i.colors.accent.primary;case"PREMIUM":return i.colors.gradient.premium;case"DELUXE":return i.colors.gradient.deluxe;case"ELITE":return i.colors.gradient.elite;case"ENTERPRISE":return i.colors.gradient.enterprise;default:return i.colors.base.white}}),y=i(n).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__TariffCardCapsText",componentId:"sc-1arr04b-12"})([""]),w=i.div.withConfig({displayName:"styled__TariffCardCapsContainer",componentId:"sc-1arr04b-13"})(["display:flex;align-items:center;gap:8px;height:26px;"]),C=i(s).withConfig({displayName:"styled__TariffCardCapsBadge",componentId:"sc-1arr04b-14"})([""]),v=i(n).attrs({variant:"body-m-medium",component:"p"}).withConfig({displayName:"styled__TariffCardDescription",componentId:"sc-1arr04b-15"})(["margin-top:16px;"]),k=i.div.withConfig({displayName:"styled__TariffCardButtonContainer",componentId:"sc-1arr04b-16"})(["margin-top:auto;padding-top:20px;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity 0.2s ease,transform 0.2s ease;",":hover &,",":focus-within &{opacity:1;pointer-events:auto;transform:translateY(0);}@media (hover:none){display:none;}"],j,j),_=i.div.withConfig({displayName:"styled__TariffCardEnterpriseButtonContainer",componentId:"sc-1arr04b-17"})(["height:100%;"]),I=i(r).attrs({component:"a",variant:"primary-transparent"}).withConfig({displayName:"styled__TariffCardEnterpriseButton",componentId:"sc-1arr04b-18"})(["opacity:1;pointer-events:all;background:",";margin-left:auto;"],({theme:i})=>i.colors.gradient.enterprise),T=i(t).withConfig({displayName:"styled__TariffCardArrow",componentId:"sc-1arr04b-19"})(["rotate:-45deg;"]),N=i(n).attrs({variant:"body-s-medium",component:"p"}).withConfig({displayName:"styled__TariffCardDiscount",componentId:"sc-1arr04b-20"})(["position:absolute;right:0px;top:0px;padding:2px 16px;color:",";border-radius:0px 14px 0px 14px;background:",";"],({theme:i})=>i.default.colors.base.white,({theme:i})=>i.colors.gradient.elite);export{T as TariffCardArrow,x as TariffCardBackground,k as TariffCardButtonContainer,C as TariffCardCapsBadge,w as TariffCardCapsContainer,y as TariffCardCapsText,g as TariffCardContainer,u as TariffCardContainerPrice,f as TariffCardCurrency,v as TariffCardDescription,N as TariffCardDiscount,I as TariffCardEnterpriseButton,_ as TariffCardEnterpriseButtonContainer,c as TariffCardIsPopular,p as TariffCardIsPopularContainer,m as TariffCardIsPopularText,h as TariffCardLabel,b as TariffCardPrice,a as TariffCardStarUnfilledIcon,j as TariffCardStyled,l as TariffCardStyledContent};