@bothub-chat/ui 2.49.1-feat-finam-b4dd5675-a6e7-4127-98ed-af372cb25d2d → 2.50.0-develop-9a7c70c3-5df1-4f98-be4d-30f99dbf86be

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/README.md +23 -23
  2. package/dist/components/input-message/index.js +1 -1
  3. package/dist/components/input-message/styled.js +6 -6
  4. package/dist/components/message/index.js +1 -1
  5. package/dist/components/scrollable-tabs/styled.js +2 -1
  6. package/dist/components/select-field/select-modal/option/list/styled.js +1 -1
  7. package/dist/components/sidebar/index.d.ts +0 -1
  8. package/dist/components/sidebar/index.js +1 -1
  9. package/dist/components/sidebar/styled.d.ts +0 -1
  10. package/dist/components/sidebar/styled.js +9 -9
  11. package/dist/icons/send/index.js +1 -1
  12. package/dist/theme/themes.js +1 -1
  13. package/dist/theme/types.d.ts +0 -1
  14. package/package.json +1 -1
package/README.md CHANGED
@@ -1,24 +1,24 @@
1
- <p align="center">
2
- <img src="https://bothub.chat/icon-144x144.png" />
3
- </p>
4
- <h1 align="center">Bothub Chat</h1>
5
- <p align="center">UI Components from Bothub.</p>
6
- <p align="center">
7
- <a href="https://bothub-docs.vercel.app/">Documentation</a>
8
- </p>
9
-
10
- <h2>Installing</h2>
11
- <p>Preliminary requirements:</p>
12
- <ul>
13
- <li><a href="https://nodejs.org/">Node.js</a> >= <code>18.12.1</code></li>
14
- <li><a href="https://www.npmjs.com/">npm</a> >= <code>9.1.2</code></li>
15
- <li><a href="https://yarnpkg.com/">yarn</a> >= <code>1.22.19</code></li>
16
- </ul>
17
- <p>Installing peer dependencies:</p>
18
- <pre>yarn add framer-motion@10.16.3 react@18.2.0 react-dom@18.2.0 styled-components@6.0.7 react-helmet@6.1.0 normalize.css@8.0.1 react-slider@2.0.6 react-markdown@8.0.5 highlight.js@11.9.0 react-highlight@0.15.0</pre>
19
- <p>Installing package:</p>
20
- <pre>yarn add @bothub-chat/ui</pre>
21
-
22
-
23
- <h2>License</h2>
1
+ <p align="center">
2
+ <img src="https://bothub.chat/icon-144x144.png" />
3
+ </p>
4
+ <h1 align="center">Bothub Chat</h1>
5
+ <p align="center">UI Components from Bothub.</p>
6
+ <p align="center">
7
+ <a href="https://bothub-docs.vercel.app/">Documentation</a>
8
+ </p>
9
+
10
+ <h2>Installing</h2>
11
+ <p>Preliminary requirements:</p>
12
+ <ul>
13
+ <li><a href="https://nodejs.org/">Node.js</a> >= <code>18.12.1</code></li>
14
+ <li><a href="https://www.npmjs.com/">npm</a> >= <code>9.1.2</code></li>
15
+ <li><a href="https://yarnpkg.com/">yarn</a> >= <code>1.22.19</code></li>
16
+ </ul>
17
+ <p>Installing peer dependencies:</p>
18
+ <pre>yarn add framer-motion@10.16.3 react@18.2.0 react-dom@18.2.0 styled-components@6.0.7 react-helmet@6.1.0 normalize.css@8.0.1 react-slider@2.0.6 react-markdown@8.0.5 highlight.js@11.9.0 react-highlight@0.15.0</pre>
19
+ <p>Installing package:</p>
20
+ <pre>yarn add @bothub-chat/ui</pre>
21
+
22
+
23
+ <h2>License</h2>
24
24
  <p><a href="https://github.com/matbea-dev/bothub/blob/main/LICENSE">MIT</a></p>
package/dist/components/input-message/index.js CHANGED
@@ -1 +1 @@
1
- import{__rest as i,__awaiter as e}from"tslib";import{jsx as o,jsxs as s,Fragment as n}from"react/jsx-runtime";import{useRef as t,useState as r,useCallback as c,useEffect as d}from"react";import{useTransition as m}from"@react-spring/web";import{useOnClickOutside as a}from"../../utils/useOnClickOutside.js";import{InputMessageStyled as p,InputMessageContent as l,InputMessageMain as j,InputMessageVoiceRecord as x,InputMessageVoiceRecordDot as u,InputMessageVoiceRecordTimeText as g,InputMessageFiles as h,InputMessageFile as b,InputMessageConcatenateWarning as y,InputMessageVoiceFiles as f,InputMessageVoiceTrack as v,InputMessageVoiceFileDelete as w,InputMessageTextArea as k,InputMessageBottom as D,InputMessageBottomGroup as C,InputMessageUploadFile as F,InputMessageUploadFileInput as $,InputMessageUploadFileButton as A,InputMessageToggleSendStyled as E,InputMessageToggleSendButton as T,InputMessageToggleSendModalStyled as S,InputMessageToggleSendModalOption as L,InputMessageVoicePlayButton as K,InputMessageVoicePauseButton as O,InputMessageVoiceButton as P,InputMessageSendButton as U,InputMessageSendIcon as q}from"./styled.js";import{ChipImage as z}from"../chip/styled.js";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";import{PdfIcon as I}from"../../icons/pdf/index.js";import{TxtIcon as R}from"../../icons/txt/index.js";import{WordIcon as V}from"../../icons/word/index.js";import{XlsIcon as B}from"../../icons/xls/index.js";import{IconProvider as N}from"../icon/context.js";import"../icon/styled.js";import{getPreviewUrlForFile as M,isFileTypeAccepted as G,formatUploadFiles as H,formatSeconds as W,isMobileDevice as _}from"./utils.js";import{AttachFileIcon as J}from"../../icons/attach-file/index.js";import{getSupportedAudioMimeType as Q}from"../../utils/getSupportedAudioMimeType.js";import"../message/styled.js";import"../skeleton/index.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import"../message/context.js";import"styled-components";import"../message/components/code/inline/styled.js";import"../message/components/code/multiline/styled.js";import"../message/components/code/multiline/copy/styled.js";import"../../icons/check-small/index.js";import"../../icons/copy/index.js";import"../message/components/code/multiline/content/styled.js";import"../message/components/paragraph/styled.js";import"../message/components/bold/styled.js";import"../message/components/italic/styled.js";import"../message/components/pre/styled.js";import"../message/components/table/styled.js";import"../message/components/table/cell/styled.js";import"../message/components/list/styled.js";import"../message/components/list/context.js";import"../message/components/list/item/styled.js";import"../message/components/title/styled.js";import"../message/components/link/styled.js";import"../message/components/image/styled.js";import"../message/components/image/context.js";import"../message/components/image/grid/styled.js";import"../message/components/image/button/styled.js";import"../message/components/image/button/list/styled.js";import"../message/markdown/styled.js";import"../scrollbar/styled.js";import"../scrollbar/shadow/styled.js";import"../scrollbar/style/styled.js";import"../message/timestamp/styled.js";import"../../icons/menu-dot/index.js";import"../../icons/update/index.js";import"../../icons/resend/index.js";import"../../icons/edit/index.js";import"../../icons/trash/index.js";import"../../icons/thumb-down/index.js";import"../../icons/close/index.js";import"../../icons/download-img/index.js";import"../message/actions/styled.js";import"../message/actions/copy-button/styled.js";import"../message/list/styled.js";import"../message/scroll-button/styled.js";import"../../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/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"../../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/presets-big/index.js";import"../../icons/referal/index.js";import"../../icons/restore/index.js";import"../../icons/tariff/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/stop/index.js";import"../../icons/thumb-up/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/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/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-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{EnterIcon as X}from"../../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/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"../message/versions/styled.js";import"../message/copy/styled.js";import"../message/badge-progress/styled.js";import"../message/button/styled.js";import"../message/button/list/styled.js";import"../message/file/styled.js";import{MessageVoice as Y}from"../message/voice/index.js";import"../message/reasoning-block/styled.js";import"../typography/styled.js";import"../message/search-results/styled.js";import"../message/video/styled.js";import{getWaveData as Z}from"../../utils/audio/getWaveData.js";import{useTheme as ii}from"../../theme/hook.js";const ei=ei=>{var{className:oi,placeholder:si,message:ni,files:ti,disabled:ri=!1,sendDisabled:ci=!1,textAreaDisabled:di=!1,useAlternativeKeyDefaultValue:mi=!1,defaultKeySendText:ai,alternativeKeySendText:pi,concatenateText:li,uploadFileLimit:ji=5,hideUploadFile:xi=!1,uploadFileDisabled:ui=!1,uploadFileAccept:gi,autoFocus:hi=!0,voice:bi=!1,onSetAlternativeKeyValue:yi,onChange:fi,onFilesChange:vi,onVoiceFilesChange:wi,onTextAreaChange:ki,onSend:Di,onFocus:Ci,onBlur:Fi,emitError:$i,rightActions:Ai}=ei,Ei=i(ei,["className","placeholder","message","files","disabled","sendDisabled","textAreaDisabled","useAlternativeKeyDefaultValue","defaultKeySendText","alternativeKeySendText","concatenateText","uploadFileLimit","hideUploadFile","uploadFileDisabled","uploadFileAccept","autoFocus","voice","onSetAlternativeKeyValue","onChange","onFilesChange","onVoiceFilesChange","onTextAreaChange","onSend","onFocus","onBlur","emitError","rightActions"]);const Ti=ii(),Si=t(null),[Li,Ki]=r("calc(var(--bothub-scale, 1) * 22px)"),[Oi,Pi]="string"==typeof ni?[ni,fi]:r(""),[Ui,qi]=Array.isArray(ti)?[ti,vi]:r([]),[zi,Ii]=r([]),[Ri,Vi]=r(!1),[Bi,Ni]=r(!ri&&hi),[Mi,Gi]=r(!1),[Hi,Wi]=r(!1),[_i,Ji]=r(null),Qi=t(null),Xi=t(null),Yi=t([]),Zi=t(null),ie=t(!1),ee=t(null),[oe,se]=r(mi),[ne,te]=r(!1),re=c(()=>{se(!1),null==yi||yi(!1),te(!1)},[]),ce=c(()=>{se(!0),null==yi||yi(!0),te(!1)},[]),de=c(i=>{Ni(!0),null==Ci||Ci(i)},[Ci]),me=c(i=>{Ni(!1),null==Fi||Fi(i)},[Fi]),ae=c(i=>{null==Pi||Pi(i.target.value),null==ki||ki(i)},[Pi,ki]),pe=c(i=>e(void 0,void 0,void 0,function*(){if(!i.length)return;const e=[],o=[],s=yield Promise.all(null==i?void 0:i.map(M));for(const[n,t]of i.entries()){G(t.type,gi)?e.push({previewUrl:s[n],name:t.name,native:t}):o.push(t)}o.length>0&&(null==$i||$i({name:"WRONG_FILES",payload:o})),(null==e?void 0:e.length)>0&&(null==qi||qi([...Ui,...e].slice(0,ji)))}),[gi,$i,ji,Ui]),le=c(i=>e(void 0,void 0,void 0,function*(){!ui&&i.clipboardData.files.length>0&&(i.preventDefault(),yield pe([...i.clipboardData.files]))}),[pe,ui]),je=c(i=>e(void 0,void 0,void 0,function*(){if(!qi||!i.target.files)return;const e=yield H([...Ui.map(({native:i})=>i),...i.target.files]);qi(e.slice(0,ji))}),[Ui,qi,ji]),xe=c(i=>{null==qi||qi(Ui.filter(({name:e})=>e!==i.name))},[qi,Ui]),ue=c(i=>{i.stopPropagation(),null==Di||Di(Oi,Ui),null==Pi||Pi(""),null==qi||qi([]),null==Ii||Ii([]),Ki("calc(var(--bothub-scale, 1) * 22px)")},[Oi,Ui,Di,Pi,qi,Ii]),ge=c(i=>{i.stopPropagation();if(_()&&"Enter"===i.key)return;const e=oe?"enter":"ctrl/shift+enter";let o="";if("Enter"===i.key&&(i.shiftKey||i.ctrlKey))o="ctrl/shift+enter";else{if("Enter"!==i.key)return;o="enter"}if(Bi&&"Enter"===i.key){if(o===e&&i.ctrlKey){i.preventDefault();const e=Si.current;if(!e)return;const o=e.value,t=e.selectionStart,r=o.slice(0,t),c=o.slice(t);null==Pi||Pi(`${r}\n${c}`),s=e,n=t+1,setTimeout(()=>{s.selectionStart=n,s.selectionEnd=n},1)}e!==o&&""!==o&&(i.preventDefault(),null==Di||Di(Oi,Ui),Ki("calc(var(--bothub-scale, 1) * 22px)"))}var s,n},[Bi,Oi,Ui,Di,Pi,qi]),he=c(()=>{var i;ri||null===(i=Si.current)||void 0===i||i.focus()},[ri,hi]),be=c(i=>{i.stopPropagation()},[]),ye=c(i=>e(void 0,void 0,void 0,function*(){if(Hi)return;ie.current=!0,i.stopPropagation();const e=yield navigator.mediaDevices.getUserMedia({audio:!0}),o=new MediaRecorder(e,{mimeType:Q()});ie.current&&(o.start(1e3),Qi.current=o,Xi.current=e,Zi.current=window.setInterval(()=>{Ji(i=>(null!=i?i:0)+.1)},100),Wi(!0),Ji(0),Vi(!1))}),[ie.current,Yi.current,Hi]),fe=c(()=>{const i=Qi.current,e=Xi.current,o=Zi.current;if(Hi&&i&&e&&o){i.stop();for(const i of e.getTracks())i.stop();window.clearInterval(o)}},[Hi,Qi.current,Xi.current,Zi.current]),ve=c(()=>e(void 0,void 0,void 0,function*(){ie.current=!1,Hi&&fe()}),[Hi,fe]),we=c(()=>{const i=Qi.current,e=Zi.current;Hi&&i&&e&&(i.pause(),window.clearInterval(e),Vi(!0))},[Hi]),ke=c(()=>{const i=Qi.current;Hi&&i&&(i.resume(),Zi.current=window.setInterval(()=>{Ji(i=>(null!=i?i:0)+.1)},100),Vi(!1))},[Hi,Ji]),De=c(i=>{Ii(zi.filter(e=>e.src!==i.src))},[zi,Ii]),Ce=c(()=>{const i=Si.current;null!==i&&(i.style.height="calc(var(--bothub-scale, 1) * 22px)",i.style.height=`${i.scrollHeight}px`,Ki(`${i.scrollHeight}px`))},[Oi,hi]);d(()=>{Ce()},[Ce]),d(()=>{const i=Si.current;if(!i||ri)return;const e=!ri&&hi;Ni(e),e?i.focus():document.activeElement===i&&i.blur()},[ri,hi]),d(()=>{const i=Si.current;if(null!==i)return i.addEventListener("keydown",ge),()=>{i.removeEventListener("keydown",ge)}},[ge]),d(()=>{qi&&ti&&qi(ti)},[ti]),d(()=>{null==wi||wi(zi)},[zi]),d(()=>{const i=Qi.current,o=i=>{i.data.size>0&&Yi.current.push(i.data)},s=()=>e(void 0,void 0,void 0,function*(){const i=new Blob(Yi.current,{type:Q()}),{waveData:e,duration:o}=yield Z(i),s={src:URL.createObjectURL(i),duration:o,blob:i,waveData:e};Ii([...zi,s]),Qi.current=null,Xi.current=null,Yi.current=[],Zi.current=null,Wi(!1),Ji(null)});return i&&(i.addEventListener("dataavailable",o),i.addEventListener("stop",s)),()=>{i&&(i.removeEventListener("dataavailable",o),i.removeEventListener("stop",s)),fe()}},[Qi.current]),a(ee,()=>{te(!1)});const Fe=m(ne,{from:{opacity:0,y:10},enter:{opacity:1,y:0},leave:{opacity:0,y:10},config:{duration:150,ease:"easeOut"}});return o(p,{$active:Bi,$dragActive:Mi,$disabled:ri,$textAreaDisabled:di,$voiceRecording:Hi,className:oi,onClick:he,onDragEnter:()=>Gi(!0),onDragLeave:()=>Gi(!1),onDragOver:i=>(i.stopPropagation(),i.preventDefault(),!1),onDrop:i=>e(void 0,void 0,void 0,function*(){if(i.dataTransfer.files.length>0)return i.stopPropagation(),i.preventDefault(),yield pe([...i.dataTransfer.files]),Gi(!1),!1}),children:s(l,{children:[s(j,{children:[Hi&&null!==_i&&s(x,{children:[o(u,{}),o(g,{children:W(_i)})]}),Ui.length>0&&o(h,{children:Ui.map(i=>{let e;return e=i.previewUrl&&(i.name.match(/.png$/i)||i.name.match(/.jpg$/i)||i.name.match(/.jpeg$/i))?o(z,{src:i.previewUrl}):i.name.match(/.txt$/i)?o(R,{}):i.name.match(/.docx$/i)?o(V,{}):i.name.match(/.xlsx$/i)?o(B,{}):i.name.match(/.pdf$/i)?o(I,{}):o(J,{}),e=o(N,{size:18,children:e}),o(b,{start:e,onDelete:xe.bind(null,i),children:i.name.length>20?`...${i.name.slice(-20)}`:i.name},i.name)})}),zi.length>1&&o(y,{children:li}),zi.length>0&&o(f,{children:zi.map(i=>s(v,{children:[o(Y,{variant:"input",height:24,src:i.src,duration:i.duration,waveData:i.waveData,disableTranscription:!0}),o(w,{onClick:De.bind(null,i)})]},i.src))}),(!di||di&&si&&Ui.length!==ji||di&&Oi)&&o(k,Object.assign({$disabled:ri},Ei,{ref:Si,value:Oi,placeholder:si,disabled:ri||di,style:Object.assign(Object.assign({},Ei.style),{height:Li}),onFocus:de,onBlur:me,onChange:ae,onPaste:le}))]}),s(D,{children:[s(C,{children:[!xi&&!Hi&&s(F,{onClick:be,children:[o($,{type:"file",accept:gi,multiple:!0,disabled:Ui.length>=ji||ri||ui,onChange:je},Ui.length),o(A,{disabled:Ui.length>=ji||ri||ui})]}),Ai]}),s(C,{children:[!!ai&&!!pi&&s(E,{ref:ee,children:[o(T,{startIcon:o(X,{fill:Ti.bright?Ti.colors.custom.icon:Ti.colors.grayScale.gray3}),onClick:i=>{i.stopPropagation(),te(!ne)},disabled:ri}),Fe((i,e)=>e&&s(S,{style:i,children:[o(L,{active:!oe,onClick:re,children:ai}),o(L,{active:oe,onClick:ce,children:pi})]},"alternative-key-modal"))]}),Hi&&o(n,{children:Ri?o(K,{onClick:ke}):o(O,{onClick:we})}),bi&&o(P,{$isRecording:Hi,disabled:ri||ci,onClick:Hi?ve:ye,"data-test":"submit-message"}),o(U,Object.assign({disabled:ri||ci||Hi,onClick:ue,"data-test":"submit-message"},Ti.bright&&{iconFill:"custom"===Ti.scheme?Ti.colors.base.black:Ti.default.colors.base.black},{children:o(q,{})}))]})]})]})})};export{ei as InputMessage};
1
+ import{__rest as i,__awaiter as e}from"tslib";import{jsx as o,jsxs as s,Fragment as n}from"react/jsx-runtime";import{useRef as t,useState as r,useCallback as c,useEffect as d}from"react";import{useTransition as m}from"@react-spring/web";import{useOnClickOutside as a}from"../../utils/useOnClickOutside.js";import{InputMessageStyled as p,InputMessageContent as l,InputMessageMain as j,InputMessageVoiceRecord as x,InputMessageVoiceRecordDot as u,InputMessageVoiceRecordTimeText as g,InputMessageFiles as h,InputMessageFile as b,InputMessageConcatenateWarning as y,InputMessageVoiceFiles as f,InputMessageVoiceTrack as v,InputMessageVoiceFileDelete as w,InputMessageTextArea as k,InputMessageBottom as D,InputMessageBottomGroup as C,InputMessageUploadFile as F,InputMessageUploadFileInput as $,InputMessageUploadFileButton as A,InputMessageToggleSendStyled as E,InputMessageToggleSendButton as T,InputMessageToggleSendModalStyled as S,InputMessageToggleSendModalOption as L,InputMessageVoicePlayButton as K,InputMessageVoicePauseButton as O,InputMessageVoiceButton as P,InputMessageSendButton as U,InputMessageSendIcon as q}from"./styled.js";import{ChipImage as z}from"../chip/styled.js";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";import{PdfIcon as R}from"../../icons/pdf/index.js";import{TxtIcon as V}from"../../icons/txt/index.js";import{WordIcon as I}from"../../icons/word/index.js";import{XlsIcon as B}from"../../icons/xls/index.js";import{IconProvider as N}from"../icon/context.js";import"../icon/styled.js";import{getPreviewUrlForFile as M,isFileTypeAccepted as G,formatUploadFiles as H,formatSeconds as W,isMobileDevice as _}from"./utils.js";import{AttachFileIcon as J}from"../../icons/attach-file/index.js";import{getSupportedAudioMimeType as Q}from"../../utils/getSupportedAudioMimeType.js";import"../message/styled.js";import"../skeleton/index.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import"../message/context.js";import"styled-components";import"../message/components/code/inline/styled.js";import"../message/components/code/multiline/styled.js";import"../message/components/code/multiline/copy/styled.js";import"../../icons/check-small/index.js";import"../../icons/copy/index.js";import"../message/components/code/multiline/content/styled.js";import"../message/components/paragraph/styled.js";import"../message/components/bold/styled.js";import"../message/components/italic/styled.js";import"../message/components/pre/styled.js";import"../message/components/table/styled.js";import"../message/components/table/cell/styled.js";import"../message/components/list/styled.js";import"../message/components/list/context.js";import"../message/components/list/item/styled.js";import"../message/components/title/styled.js";import"../message/components/link/styled.js";import"../message/components/image/styled.js";import"../message/components/image/context.js";import"../message/components/image/grid/styled.js";import"../message/components/image/button/styled.js";import"../message/components/image/button/list/styled.js";import"../message/markdown/styled.js";import"../scrollbar/styled.js";import"../scrollbar/shadow/styled.js";import"../scrollbar/style/styled.js";import"../message/timestamp/styled.js";import"../../icons/menu-dot/index.js";import"../../icons/update/index.js";import"../../icons/resend/index.js";import"../../icons/edit/index.js";import"../../icons/trash/index.js";import"../../icons/thumb-down/index.js";import"../../icons/close/index.js";import"../../icons/download-img/index.js";import"../message/actions/styled.js";import"../message/actions/copy-button/styled.js";import"../message/list/styled.js";import"../message/scroll-button/styled.js";import"../../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/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"../../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/presets-big/index.js";import"../../icons/referal/index.js";import"../../icons/restore/index.js";import"../../icons/tariff/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/stop/index.js";import"../../icons/thumb-up/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/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/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-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/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"../message/versions/styled.js";import"../message/copy/styled.js";import"../message/badge-progress/styled.js";import"../message/button/styled.js";import"../message/button/list/styled.js";import"../message/file/styled.js";import{MessageVoice as X}from"../message/voice/index.js";import"../message/reasoning-block/styled.js";import"../typography/styled.js";import"../message/search-results/styled.js";import"../message/video/styled.js";import{getWaveData as Y}from"../../utils/audio/getWaveData.js";import{useTheme as Z}from"../../theme/hook.js";const ii=ii=>{var{className:ei,placeholder:oi,message:si,files:ni,disabled:ti=!1,sendDisabled:ri=!1,textAreaDisabled:ci=!1,useAlternativeKeyDefaultValue:di=!1,defaultKeySendText:mi,alternativeKeySendText:ai,concatenateText:pi,uploadFileLimit:li=5,hideUploadFile:ji=!1,uploadFileDisabled:xi=!1,uploadFileAccept:ui,autoFocus:gi=!0,voice:hi=!1,onSetAlternativeKeyValue:bi,onChange:yi,onFilesChange:fi,onVoiceFilesChange:vi,onTextAreaChange:wi,onSend:ki,onFocus:Di,onBlur:Ci,emitError:Fi,rightActions:$i}=ii,Ai=i(ii,["className","placeholder","message","files","disabled","sendDisabled","textAreaDisabled","useAlternativeKeyDefaultValue","defaultKeySendText","alternativeKeySendText","concatenateText","uploadFileLimit","hideUploadFile","uploadFileDisabled","uploadFileAccept","autoFocus","voice","onSetAlternativeKeyValue","onChange","onFilesChange","onVoiceFilesChange","onTextAreaChange","onSend","onFocus","onBlur","emitError","rightActions"]);const Ei=Z(),Ti=t(null),[Si,Li]=r("calc(var(--bothub-scale, 1) * 22px)"),[Ki,Oi]="string"==typeof si?[si,yi]:r(""),[Pi,Ui]=Array.isArray(ni)?[ni,fi]:r([]),[qi,zi]=r([]),[Ri,Vi]=r(!1),[Ii,Bi]=r(!ti&&gi),[Ni,Mi]=r(!1),[Gi,Hi]=r(!1),[Wi,_i]=r(null),Ji=t(null),Qi=t(null),Xi=t([]),Yi=t(null),Zi=t(!1),ie=t(null),[ee,oe]=r(di),[se,ne]=r(!1),te=c(()=>{oe(!1),null==bi||bi(!1),ne(!1)},[]),re=c(()=>{oe(!0),null==bi||bi(!0),ne(!1)},[]),ce=c(i=>{Bi(!0),null==Di||Di(i)},[Di]),de=c(i=>{Bi(!1),null==Ci||Ci(i)},[Ci]),me=c(i=>{null==Oi||Oi(i.target.value),null==wi||wi(i)},[Oi,wi]),ae=c(i=>e(void 0,void 0,void 0,function*(){if(!i.length)return;const e=[],o=[],s=yield Promise.all(null==i?void 0:i.map(M));for(const[n,t]of i.entries()){G(t.type,ui)?e.push({previewUrl:s[n],name:t.name,native:t}):o.push(t)}o.length>0&&(null==Fi||Fi({name:"WRONG_FILES",payload:o})),(null==e?void 0:e.length)>0&&(null==Ui||Ui([...Pi,...e].slice(0,li)))}),[ui,Fi,li,Pi]),pe=c(i=>e(void 0,void 0,void 0,function*(){!xi&&i.clipboardData.files.length>0&&(i.preventDefault(),yield ae([...i.clipboardData.files]))}),[ae,xi]),le=c(i=>e(void 0,void 0,void 0,function*(){if(!Ui||!i.target.files)return;const e=yield H([...Pi.map(({native:i})=>i),...i.target.files]);Ui(e.slice(0,li))}),[Pi,Ui,li]),je=c(i=>{null==Ui||Ui(Pi.filter(({name:e})=>e!==i.name))},[Ui,Pi]),xe=c(i=>{i.stopPropagation(),null==ki||ki(Ki,Pi),null==Oi||Oi(""),null==Ui||Ui([]),null==zi||zi([]),Li("calc(var(--bothub-scale, 1) * 22px)")},[Ki,Pi,ki,Oi,Ui,zi]),ue=c(i=>{i.stopPropagation();if(_()&&"Enter"===i.key)return;const e=ee?"enter":"ctrl/shift+enter";let o="";if("Enter"===i.key&&(i.shiftKey||i.ctrlKey))o="ctrl/shift+enter";else{if("Enter"!==i.key)return;o="enter"}if(Ii&&"Enter"===i.key){if(o===e&&i.ctrlKey){i.preventDefault();const e=Ti.current;if(!e)return;const o=e.value,t=e.selectionStart,r=o.slice(0,t),c=o.slice(t);null==Oi||Oi(`${r}\n${c}`),s=e,n=t+1,setTimeout(()=>{s.selectionStart=n,s.selectionEnd=n},1)}e!==o&&""!==o&&(i.preventDefault(),null==ki||ki(Ki,Pi),Li("calc(var(--bothub-scale, 1) * 22px)"))}var s,n},[Ii,Ki,Pi,ki,Oi,Ui]),ge=c(()=>{var i;ti||null===(i=Ti.current)||void 0===i||i.focus()},[ti,gi]),he=c(i=>{i.stopPropagation()},[]),be=c(i=>e(void 0,void 0,void 0,function*(){if(Gi)return;Zi.current=!0,i.stopPropagation();const e=yield navigator.mediaDevices.getUserMedia({audio:!0}),o=new MediaRecorder(e,{mimeType:Q()});Zi.current&&(o.start(1e3),Ji.current=o,Qi.current=e,Yi.current=window.setInterval(()=>{_i(i=>(null!=i?i:0)+.1)},100),Hi(!0),_i(0),Vi(!1))}),[Zi.current,Xi.current,Gi]),ye=c(()=>{const i=Ji.current,e=Qi.current,o=Yi.current;if(Gi&&i&&e&&o){i.stop();for(const i of e.getTracks())i.stop();window.clearInterval(o)}},[Gi,Ji.current,Qi.current,Yi.current]),fe=c(()=>e(void 0,void 0,void 0,function*(){Zi.current=!1,Gi&&ye()}),[Gi,ye]),ve=c(()=>{const i=Ji.current,e=Yi.current;Gi&&i&&e&&(i.pause(),window.clearInterval(e),Vi(!0))},[Gi]),we=c(()=>{const i=Ji.current;Gi&&i&&(i.resume(),Yi.current=window.setInterval(()=>{_i(i=>(null!=i?i:0)+.1)},100),Vi(!1))},[Gi,_i]),ke=c(i=>{zi(qi.filter(e=>e.src!==i.src))},[qi,zi]),De=c(()=>{const i=Ti.current;null!==i&&(i.style.height="calc(var(--bothub-scale, 1) * 22px)",i.style.height=`${i.scrollHeight}px`,Li(`${i.scrollHeight}px`))},[Ki,gi]);d(()=>{De()},[De]),d(()=>{const i=Ti.current;if(!i||ti)return;const e=!ti&&gi;Bi(e),e?i.focus():document.activeElement===i&&i.blur()},[ti,gi]),d(()=>{const i=Ti.current;if(null!==i)return i.addEventListener("keydown",ue),()=>{i.removeEventListener("keydown",ue)}},[ue]),d(()=>{Ui&&ni&&Ui(ni)},[ni]),d(()=>{null==vi||vi(qi)},[qi]),d(()=>{const i=Ji.current,o=i=>{i.data.size>0&&Xi.current.push(i.data)},s=()=>e(void 0,void 0,void 0,function*(){const i=new Blob(Xi.current,{type:Q()}),{waveData:e,duration:o}=yield Y(i),s={src:URL.createObjectURL(i),duration:o,blob:i,waveData:e};zi([...qi,s]),Ji.current=null,Qi.current=null,Xi.current=[],Yi.current=null,Hi(!1),_i(null)});return i&&(i.addEventListener("dataavailable",o),i.addEventListener("stop",s)),()=>{i&&(i.removeEventListener("dataavailable",o),i.removeEventListener("stop",s)),ye()}},[Ji.current]),a(ie,()=>{ne(!1)});const Ce=m(se,{from:{opacity:0,y:10},enter:{opacity:1,y:0},leave:{opacity:0,y:10},config:{duration:150,ease:"easeOut"}});return o(p,{$active:Ii,$dragActive:Ni,$disabled:ti,$textAreaDisabled:ci,$voiceRecording:Gi,className:ei,onClick:ge,onDragEnter:()=>Mi(!0),onDragLeave:()=>Mi(!1),onDragOver:i=>(i.stopPropagation(),i.preventDefault(),!1),onDrop:i=>e(void 0,void 0,void 0,function*(){if(i.dataTransfer.files.length>0)return i.stopPropagation(),i.preventDefault(),yield ae([...i.dataTransfer.files]),Mi(!1),!1}),children:s(l,{children:[s(j,{children:[Gi&&null!==Wi&&s(x,{children:[o(u,{}),o(g,{children:W(Wi)})]}),Pi.length>0&&o(h,{children:Pi.map(i=>{let e;return e=i.previewUrl&&(i.name.match(/.png$/i)||i.name.match(/.jpg$/i)||i.name.match(/.jpeg$/i))?o(z,{src:i.previewUrl}):i.name.match(/.txt$/i)?o(V,{}):i.name.match(/.docx$/i)?o(I,{}):i.name.match(/.xlsx$/i)?o(B,{}):i.name.match(/.pdf$/i)?o(R,{}):o(J,{}),e=o(N,{size:18,children:e}),o(b,{start:e,onDelete:je.bind(null,i),children:i.name.length>20?`...${i.name.slice(-20)}`:i.name},i.name)})}),qi.length>1&&o(y,{children:pi}),qi.length>0&&o(f,{children:qi.map(i=>s(v,{children:[o(X,{variant:"input",height:24,src:i.src,duration:i.duration,waveData:i.waveData,disableTranscription:!0}),o(w,{onClick:ke.bind(null,i)})]},i.src))}),(!ci||ci&&oi&&Pi.length!==li||ci&&Ki)&&o(k,Object.assign({$disabled:ti},Ai,{ref:Ti,value:Ki,placeholder:oi,disabled:ti||ci,style:Object.assign(Object.assign({},Ai.style),{height:Si}),onFocus:ce,onBlur:de,onChange:me,onPaste:pe}))]}),s(D,{children:[s(C,{children:[!ji&&!Gi&&s(F,{onClick:he,children:[o($,{type:"file",accept:ui,multiple:!0,disabled:Pi.length>=li||ti||xi,onChange:le},Pi.length),o(A,{disabled:Pi.length>=li||ti||xi})]}),$i]}),s(C,{children:[!!mi&&!!ai&&s(E,{ref:ie,children:[o(T,{onClick:i=>{i.stopPropagation(),ne(!se)},disabled:ti}),Ce((i,e)=>e&&s(S,{style:i,children:[o(L,{active:!ee,onClick:te,children:mi}),o(L,{active:ee,onClick:re,children:ai})]},"alternative-key-modal"))]}),Gi&&o(n,{children:Ri?o(K,{onClick:we}):o(O,{onClick:ve})}),hi&&o(P,{$isRecording:Gi,disabled:ti||ri,onClick:Gi?fe:be,"data-test":"submit-message"}),o(U,Object.assign({disabled:ti||ri||Gi,onClick:xe},Ei.bright&&{iconFill:Ei.default.colors.base.black},{"data-test":"submit-message",children:o(q,{})}))]})]})]})})};export{ii as InputMessage};
package/dist/components/input-message/styled.js CHANGED
@@ -1,14 +1,14 @@
1
- import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{styled as i,css as a,keyframes as n}from"styled-components";import{animated as s}from"@react-spring/web";import{Button as r}from"../button/index.js";import{AttachIcon as l}from"../../icons/attach/index.js";import{SendIcon as d}from"../../icons/send/index.js";import{CloseIcon as c}from"../../icons/close/index.js";import{Chip as p}from"../chip/index.js";import{VoiceIcon as m}from"../../icons/voice/index.js";import{PauseIcon as g}from"../../icons/pause/index.js";import{PlayIcon as u}from"../../icons/play/index.js";import{ExclamationIcon as y}from"../../icons/exclamation/index.js";import{Typography as h}from"../typography/index.js";import{adaptive as f}from"../../adaptive/index.js";const x=i.div.withConfig({displayName:"styled__InputMessageStyled",componentId:"sc-4jukeb-0"})(["display:flex;position:relative;border-radius:10px;border:1px solid ",";background:",";width:100%;padding:14px 20px;max-width:",";box-sizing:border-box;overflow:visible;cursor:",";outline:none;"," ",""],({theme:e,$active:t,$disabled:o})=>o?e.colors.grayScale.gray2:t?e.colors.accent.primary:e.colors.grayScale.gray2,({theme:e,$disabled:t})=>t?e.colors.grayScale.gray3:"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4,({theme:e})=>e.dashboard.chat.containerWidth,({$disabled:e,$textAreaDisabled:t,$voiceRecording:o})=>e?"not-allowed":t||o?"default":"text",({$disabled:e})=>!e&&a`
1
+ import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{styled as i,css as a,keyframes as n}from"styled-components";import{animated as s}from"@react-spring/web";import{Button as r}from"../button/index.js";import{EnterIcon as l}from"../../icons/enter/index.js";import{AttachIcon as d}from"../../icons/attach/index.js";import{SendIcon as c}from"../../icons/send/index.js";import{CloseIcon as p}from"../../icons/close/index.js";import{Chip as m}from"../chip/index.js";import{VoiceIcon as g}from"../../icons/voice/index.js";import{PauseIcon as y}from"../../icons/pause/index.js";import{PlayIcon as u}from"../../icons/play/index.js";import{ExclamationIcon as h}from"../../icons/exclamation/index.js";import{Typography as f}from"../typography/index.js";import{adaptive as x}from"../../adaptive/index.js";const b=i.div.withConfig({displayName:"styled__InputMessageStyled",componentId:"sc-4jukeb-0"})(["display:flex;position:relative;border-radius:10px;border:1px solid ",";background:",";width:100%;padding:14px 20px;max-width:",";box-sizing:border-box;overflow:visible;cursor:",";outline:none;"," ",""],({theme:e,$active:t,$disabled:o})=>o?e.colors.grayScale.gray2:t?e.colors.accent.primary:e.colors.grayScale.gray2,({theme:e,$disabled:t})=>t?e.colors.grayScale.gray3:"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4,({theme:e})=>e.dashboard.chat.containerWidth,({$disabled:e,$textAreaDisabled:t,$voiceRecording:o})=>e?"not-allowed":t||o?"default":"text",({$disabled:e})=>!e&&a`
2
2
  &:hover {
3
3
  border-color: ${({theme:e})=>e.colors.accent.primary};
4
4
  }
5
- `,({$dragActive:e})=>e&&"\n opacity: 0.85;\n "),b=i.div.withConfig({displayName:"styled__InputMessageContent",componentId:"sc-4jukeb-1"})(["display:flex;flex-direction:column;justify-content:center;gap:14px;width:100%;"]),w=i.div.withConfig({displayName:"styled__InputMessageBottomGroup",componentId:"sc-4jukeb-2"})(["display:flex;gap:10px;align-items:center;"]),I=i(w).withConfig({displayName:"styled__InputMessageBottom",componentId:"sc-4jukeb-3"})(["justify-content:space-between;"]),_=i.div.withConfig({displayName:"styled__InputMessageUploadFile",componentId:"sc-4jukeb-4"})(["display:inline-flex;"]),k=i.input.attrs({id:"inputMessageUploadFileInput"}).withConfig({displayName:"styled__InputMessageUploadFileInput",componentId:"sc-4jukeb-5"})(["display:none;"]),j=i(r).attrs({variant:"secondary",component:"label",htmlFor:"inputMessageUploadFileInput",children:e(l,{})}).withConfig({displayName:"styled__InputMessageUploadFileButton",componentId:"sc-4jukeb-6"})(["flex-shrink:0;user-select:none;"]),v=i.div.withConfig({displayName:"styled__InputMessageMain",componentId:"sc-4jukeb-7"})(["display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:14px;width:100%;"]),M=i.div.withConfig({displayName:"styled__InputMessageFiles",componentId:"sc-4jukeb-8"})(["display:flex;flex-wrap:wrap;gap:10px 14px;cursor:default;max-height:200px;overflow-y:auto;"]),C=i(p).attrs({variant:"input"}).withConfig({displayName:"styled__InputMessageFile",componentId:"sc-4jukeb-9"})([""]),N=i(M).withConfig({displayName:"styled__InputMessageVoiceFiles",componentId:"sc-4jukeb-10"})(["width:100%;"]),S=i.div.withConfig({displayName:"styled__InputMessageVoiceTrack",componentId:"sc-4jukeb-11"})(["display:flex;gap:14px;align-items:center;"]),$=i(h).attrs(({theme:i,children:a})=>({variant:"body-m-regular",children:t(o,{children:[e(y,{fill:i.colors.accent.primaryLight}),a]})})).withConfig({displayName:"styled__InputMessageConcatenateWarning",componentId:"sc-4jukeb-12"})(["display:flex;align-items:center;gap:8px;color:",";"],({theme:e})=>e.colors.accent.primaryLight),F=i(r).attrs({variant:"text",children:e(c,{})}).withConfig({displayName:"styled__InputMessageVoiceFileDelete",componentId:"sc-4jukeb-13"})([""]),z=i.textarea.withConfig({displayName:"styled__InputMessageTextArea",componentId:"sc-4jukeb-14"})(["display:flex;height:auto;width:100%;min-height:22px;max-height:270px;background:none;outline:none;resize:none;border:none;color:",";flex-shrink:0;overflow:auto;scrollbar-width:none;padding:0px;&::placeholder{color:",";}&::-webkit-scrollbar{display:none;}"," font-weight:400;font-size:18px;line-height:23.4px;@media (max-width:","){font-size:16px;line-height:22px;}"],({theme:e,$disabled:t})=>t?e.colors.grayScale.gray1:e.colors.base.white,({theme:e})=>e.colors.grayScale.gray1,({$disabled:e})=>e&&a`
5
+ `,({$dragActive:e})=>e&&"\n opacity: 0.85;\n "),w=i.div.withConfig({displayName:"styled__InputMessageContent",componentId:"sc-4jukeb-1"})(["display:flex;flex-direction:column;justify-content:center;gap:14px;width:100%;"]),I=i.div.withConfig({displayName:"styled__InputMessageBottomGroup",componentId:"sc-4jukeb-2"})(["display:flex;gap:10px;align-items:center;"]),_=i(I).withConfig({displayName:"styled__InputMessageBottom",componentId:"sc-4jukeb-3"})(["justify-content:space-between;"]),k=i.div.withConfig({displayName:"styled__InputMessageUploadFile",componentId:"sc-4jukeb-4"})(["display:inline-flex;"]),j=i.input.attrs({id:"inputMessageUploadFileInput"}).withConfig({displayName:"styled__InputMessageUploadFileInput",componentId:"sc-4jukeb-5"})(["display:none;"]),v=i(r).attrs({variant:"secondary",component:"label",htmlFor:"inputMessageUploadFileInput",children:e(d,{})}).withConfig({displayName:"styled__InputMessageUploadFileButton",componentId:"sc-4jukeb-6"})(["flex-shrink:0;user-select:none;"]),M=i.div.withConfig({displayName:"styled__InputMessageMain",componentId:"sc-4jukeb-7"})(["display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:14px;width:100%;"]),C=i.div.withConfig({displayName:"styled__InputMessageFiles",componentId:"sc-4jukeb-8"})(["display:flex;flex-wrap:wrap;gap:10px 14px;cursor:default;max-height:200px;overflow-y:auto;"]),N=i(m).attrs({variant:"input"}).withConfig({displayName:"styled__InputMessageFile",componentId:"sc-4jukeb-9"})([""]),S=i(C).withConfig({displayName:"styled__InputMessageVoiceFiles",componentId:"sc-4jukeb-10"})(["width:100%;"]),$=i.div.withConfig({displayName:"styled__InputMessageVoiceTrack",componentId:"sc-4jukeb-11"})(["display:flex;gap:14px;align-items:center;"]),F=i(f).attrs(({theme:i,children:a})=>({variant:"body-m-regular",children:t(o,{children:[e(h,{fill:i.colors.accent.primaryLight}),a]})})).withConfig({displayName:"styled__InputMessageConcatenateWarning",componentId:"sc-4jukeb-12"})(["display:flex;align-items:center;gap:8px;color:",";"],({theme:e})=>e.colors.accent.primaryLight),z=i(r).attrs({variant:"text",children:e(p,{})}).withConfig({displayName:"styled__InputMessageVoiceFileDelete",componentId:"sc-4jukeb-13"})([""]),V=i.textarea.withConfig({displayName:"styled__InputMessageTextArea",componentId:"sc-4jukeb-14"})(["display:flex;height:auto;width:100%;min-height:22px;max-height:270px;background:none;outline:none;resize:none;border:none;color:",";flex-shrink:0;overflow:auto;scrollbar-width:none;padding:0px;&::placeholder{color:",";}&::-webkit-scrollbar{display:none;}"," font-weight:400;font-size:18px;line-height:23.4px;@media (max-width:","){font-size:16px;line-height:22px;}"],({theme:e,$disabled:t})=>t?e.colors.grayScale.gray1:e.colors.base.white,({theme:e})=>e.colors.grayScale.gray1,({$disabled:e})=>e&&a`
6
6
  cursor: not-allowed;
7
- `,({theme:e})=>e.mobile.maxWidth),V=i(r).withConfig({displayName:"styled__InputMessageSendButton",componentId:"sc-4jukeb-15"})(["flex-shrink:0;svg{pointer-events:none;}"]),B=i(r).attrs({variant:"text",children:e(g,{})}).withConfig({displayName:"styled__InputMessageVoicePauseButton",componentId:"sc-4jukeb-16"})(["padding:10px;margin-left:10px;"]),T=i(B).attrs({children:e(u,{})}).withConfig({displayName:"styled__InputMessageVoicePlayButton",componentId:"sc-4jukeb-17"})([""]),R=i(V).attrs(({theme:t,disabled:o})=>({variant:"text",startIcon:e(m,{}),iconFill:o?t.colors.grayScale.gray1:t.bright?t.default.colors.base.black:t.default.colors.base.white,disableHoverColor:!0})).withConfig({displayName:"styled__InputMessageVoiceButton",componentId:"sc-4jukeb-18"})(["margin-inline:10px;padding:10px;border-radius:8px;background-color:",";position:relative;z-index:0;"," &:before{content:'';height:140%;width:140%;position:absolute;top:-20%;left:-20%;background-color:",";opacity:",";filter:blur(18px);z-index:-1;transition:opacity 300ms ease-out;}"],({theme:e,$isRecording:t})=>t?e.colors.critic:"transparent",({theme:e,$isRecording:t})=>t&&a`
7
+ `,({theme:e})=>e.mobile.maxWidth),B=i(r).withConfig({displayName:"styled__InputMessageSendButton",componentId:"sc-4jukeb-15"})(["flex-shrink:0;svg{pointer-events:none;}"]),T=i(r).attrs({variant:"text",children:e(y,{})}).withConfig({displayName:"styled__InputMessageVoicePauseButton",componentId:"sc-4jukeb-16"})(["padding:10px;margin-left:10px;"]),R=i(T).attrs({children:e(u,{})}).withConfig({displayName:"styled__InputMessageVoicePlayButton",componentId:"sc-4jukeb-17"})([""]),U=i(B).attrs(({theme:t,disabled:o})=>({variant:"text",startIcon:e(g,{}),iconFill:o?t.colors.grayScale.gray1:t.bright?t.default.colors.base.black:t.colors.base.white,disableHoverColor:!0})).withConfig({displayName:"styled__InputMessageVoiceButton",componentId:"sc-4jukeb-18"})(["margin-inline:10px;padding:10px;border-radius:8px;background-color:",";position:relative;z-index:0;"," &:before{content:'';height:140%;width:140%;position:absolute;top:-20%;left:-20%;background-color:",";opacity:",";filter:blur(18px);z-index:-1;transition:opacity 300ms ease-out;}"],({theme:e,$isRecording:t})=>t?e.colors.critic:"transparent",({theme:e,$isRecording:t})=>t&&a`
8
8
  svg path {
9
9
  fill: ${e.default.colors.base.white} !important;
10
10
  }
11
- `,({theme:e})=>e.colors.critic,({$isRecording:e})=>e?1:0),U=d,A=i.div.withConfig({displayName:"styled__InputMessageVoiceRecord",componentId:"sc-4jukeb-19"})(["display:flex;align-items:center;gap:8px;"]),D=i.span.withConfig({displayName:"styled__InputMessageVoiceRecordDot",componentId:"sc-4jukeb-20"})(["display:inline-flex;width:8px;height:8px;background:",";border-radius:50%;animation:"," 1s ease-in-out infinite;"],({theme:e})=>e.colors.critic,()=>n`
11
+ `,({theme:e})=>e.colors.critic,({$isRecording:e})=>e?1:0),A=c,D=i.div.withConfig({displayName:"styled__InputMessageVoiceRecord",componentId:"sc-4jukeb-19"})(["display:flex;align-items:center;gap:8px;"]),W=i.span.withConfig({displayName:"styled__InputMessageVoiceRecordDot",componentId:"sc-4jukeb-20"})(["display:inline-flex;width:8px;height:8px;background:",";border-radius:50%;animation:"," 1s ease-in-out infinite;"],({theme:e})=>e.colors.critic,()=>n`
12
12
  from {
13
13
  opacity: 1;
14
14
  }
@@ -18,8 +18,8 @@ import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{styled as
18
18
  to {
19
19
  opacity: 1;
20
20
  }
21
- `),W=i(h).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__InputMessageVoiceRecordTimeText",componentId:"sc-4jukeb-21"})(["cursor:default;"]),L=i.div.withConfig({displayName:"styled__InputMessageToggleSendStyled",componentId:"sc-4jukeb-22"})(["position:relative;width:fit-content;height:fit-content;",""],f({tablet:a`
21
+ `),L=i(f).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__InputMessageVoiceRecordTimeText",componentId:"sc-4jukeb-21"})(["cursor:default;"]),P=i.div.withConfig({displayName:"styled__InputMessageToggleSendStyled",componentId:"sc-4jukeb-22"})(["position:relative;width:fit-content;height:fit-content;",""],x({tablet:a`
22
22
  display: none;
23
23
  `,mobile:a`
24
24
  display: none;
25
- `})),P=i(r).attrs({variant:"text",iconSize:24}).withConfig({displayName:"styled__InputMessageToggleSendButton",componentId:"sc-4jukeb-23"})(["display:flex;&:hover{svg{path{fill:"," !important;}}}"],({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray2:e.colors.grayScale.gray1),G=i(s.div).withConfig({displayName:"styled__InputMessageToggleSendModalStyled",componentId:"sc-4jukeb-24"})(["display:flex;flex-direction:column;gap:6px;max-height:fit-content;width:max-content;max-width:60vw;padding:6px;position:absolute;bottom:calc(100% + 10px);right:0;border-radius:10px;border:1px "," solid;background-color:",";z-index:50;user-select:none;-moz-user-select:none;-webkit-user-select:none;"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray4:e.default.colors.base.white),H=i.button.withConfig({displayName:"styled__InputMessageToggleSendModalOption",componentId:"sc-4jukeb-25"})(["all:unset;margin:0;padding:12px;border-radius:8px;background-color:",";cursor:pointer;transition:opacity 0.1s ease-in-out,transform 0.1s ease-in-out,filter 0.1s ease-in-out;&:hover{filter:",";transition:filter 100ms ease-in-out;}&:active{transform:translateY(1px);}"],({theme:e,active:t})=>"dark"===e.mode?t?e.colors.grayScale.gray3:e.colors.grayScale.gray4:t?e.colors.grayScale.gray3:e.default.colors.base.white,({theme:e})=>"dark"===e.mode?"brightness(120%)":"brightness(80%)");export{I as InputMessageBottom,w as InputMessageBottomGroup,$ as InputMessageConcatenateWarning,b as InputMessageContent,C as InputMessageFile,M as InputMessageFiles,v as InputMessageMain,V as InputMessageSendButton,U as InputMessageSendIcon,x as InputMessageStyled,z as InputMessageTextArea,P as InputMessageToggleSendButton,H as InputMessageToggleSendModalOption,G as InputMessageToggleSendModalStyled,L as InputMessageToggleSendStyled,_ as InputMessageUploadFile,j as InputMessageUploadFileButton,k as InputMessageUploadFileInput,R as InputMessageVoiceButton,F as InputMessageVoiceFileDelete,N as InputMessageVoiceFiles,B as InputMessageVoicePauseButton,T as InputMessageVoicePlayButton,A as InputMessageVoiceRecord,D as InputMessageVoiceRecordDot,W as InputMessageVoiceRecordTimeText,S as InputMessageVoiceTrack};
25
+ `})),G=i(r).attrs({variant:"text",startIcon:e(l,{}),iconSize:24}).withConfig({displayName:"styled__InputMessageToggleSendButton",componentId:"sc-4jukeb-23"})(["svg{g path{fill:"," !important;}}display:flex;&:hover{svg{path{fill:"," !important;}}}"],({theme:e})=>e.colors.grayScale.gray3,({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray2:e.colors.grayScale.gray1),H=i(s.div).withConfig({displayName:"styled__InputMessageToggleSendModalStyled",componentId:"sc-4jukeb-24"})(["display:flex;flex-direction:column;gap:6px;max-height:fit-content;width:max-content;max-width:60vw;padding:6px;position:absolute;bottom:calc(100% + 10px);right:0;border-radius:10px;border:1px "," solid;background-color:",";z-index:50;user-select:none;-moz-user-select:none;-webkit-user-select:none;"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray4:e.default.colors.base.white),O=i.button.withConfig({displayName:"styled__InputMessageToggleSendModalOption",componentId:"sc-4jukeb-25"})(["all:unset;margin:0;padding:12px;border-radius:8px;background-color:",";cursor:pointer;transition:opacity 0.1s ease-in-out,transform 0.1s ease-in-out,filter 0.1s ease-in-out;&:hover{filter:",";transition:filter 100ms ease-in-out;}&:active{transform:translateY(1px);}"],({theme:e,active:t})=>"dark"===e.mode?t?e.colors.grayScale.gray3:e.colors.grayScale.gray4:t?e.colors.grayScale.gray3:e.default.colors.base.white,({theme:e})=>"dark"===e.mode?"brightness(120%)":"brightness(80%)");export{_ as InputMessageBottom,I as InputMessageBottomGroup,F as InputMessageConcatenateWarning,w as InputMessageContent,N as InputMessageFile,C as InputMessageFiles,M as InputMessageMain,B as InputMessageSendButton,A as InputMessageSendIcon,b as InputMessageStyled,V as InputMessageTextArea,G as InputMessageToggleSendButton,O as InputMessageToggleSendModalOption,H as InputMessageToggleSendModalStyled,P as InputMessageToggleSendStyled,k as InputMessageUploadFile,v as InputMessageUploadFileButton,j as InputMessageUploadFileInput,U as InputMessageVoiceButton,z as InputMessageVoiceFileDelete,S as InputMessageVoiceFiles,T as InputMessageVoicePauseButton,R as InputMessageVoicePlayButton,D as InputMessageVoiceRecord,W as InputMessageVoiceRecordDot,L as InputMessageVoiceRecordTimeText,$ as InputMessageVoiceTrack};
package/dist/components/message/index.js CHANGED
@@ -1 +1 @@
1
- import{jsx as i,jsxs as o,Fragment as e}from"react/jsx-runtime";import{useRef as s,useState as n,useCallback as t,useEffect as r}from"react";import{MessageStyledWrapper as d,MessageStyledWithBottomPanel as c,MessageStyled as p,MessageContent as m,MessageTop as a,MessageSender as l,MessageName as x,MessageAvatarWrapper as j,MessageAvatar as g,MessageBlockWrapper as u,MessageBlock as b,MessageBlockScrollbarWrapper as y,MessageBlockContent as h,MessageBlockTextArea as f,MessageBlockBottomPanel as w,MessageBlockTransaction as M,MessageButtonsStyled as T}from"./styled.js";export{MessageAction,MessageEditAction,MessageImageBottomArrowButton,MessageImageLeftArrowButton,MessageImageRightArrowButton,MessageImageTopArrowButton,MessageTag,MessageTags,MessageTransaction}from"./styled.js";import{Skeleton as k}from"../skeleton/index.js";import"../../theme/index.js";import{getTgMarkdown as v}from"../../utils/getTgMarkdown.js";import{colorToRgba as C}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import{MessageProvider as S}from"./context.js";export{MessageConsumer,MessageContext,useMessage}from"./context.js";import"tslib";import"styled-components";export{MessageInlineCodeStyled}from"./components/code/inline/styled.js";export{MessageMultilineCodeBody,MessageMultilineCodeHead,MessageMultilineCodeLanguage,MessageMultilineCodeStyled}from"./components/code/multiline/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../tooltip/context.js";import"./components/code/multiline/copy/styled.js";import"../../icons/check-small/index.js";import"../../icons/copy/index.js";import"./components/code/multiline/content/styled.js";import{MessageParagraph as I}from"./components/paragraph/index.js";export{MessageBoldStyled}from"./components/bold/styled.js";export{MessageItalicStyled}from"./components/italic/styled.js";export{MessagePre}from"./components/pre/styled.js";export{MessageTableBody,MessageTableContent,MessageTableHead,MessageTableRow,MessageTableStyled}from"./components/table/styled.js";export{MessageTableCellStyled,MessageTableCellText,MessageTableHeadCell}from"./components/table/cell/styled.js";export{MessageListStyled}from"./components/list/styled.js";import"./components/list/context.js";export{MessageListItemStyled}from"./components/list/item/styled.js";export{MessageTitleStyled}from"./components/title/styled.js";export{MessageLinkStyled}from"./components/link/styled.js";export{MessageImageNative,MessageImageSkeleton,MessageImageStyled}from"./components/image/styled.js";export{MessageImageConsumer,MessageImageContext,MessageImageProvider,useMessageImage}from"./components/image/context.js";export{MessageImageGrid}from"./components/image/grid/styled.js";export{MessageImageButtonContent,MessageImageButtonStyled,MessageImageButtonZoneWrapper}from"./components/image/button/styled.js";export{MessageImageButtonsContent,MessageImageButtonsStyled}from"./components/image/button/list/styled.js";import{MessageMarkdown as L}from"./markdown/index.js";import"../scrollbar/styled.js";import{ScrollbarShadow as B}from"../scrollbar/shadow/index.js";import"../scrollbar/style/styled.js";import{MessageTimestamp as E}from"./timestamp/index.js";import{MessageActions as R}from"./actions/index.js";import{MessageVersions as $}from"./versions/index.js";import"./list/styled.js";import"./scroll-button/styled.js";import"./copy/styled.js";import"./badge-progress/styled.js";export{MessageButton}from"./button/styled.js";import"./button/list/styled.js";export{MessageFileInfo,MessageFileName,MessageFileSize,MessageFileStyled,MessageFiles}from"./file/styled.js";import"../icon/styled.js";import"../../icons/pdf-big/index.js";import"../../icons/txt-big/index.js";import"../../icons/word-big/index.js";import"../../icons/xls-big/index.js";import"../../icons/attach-file-big/index.js";import"./voice/styled.js";import"../../icons/loader-circular-gradient-2/index.js";import"./reasoning-block/styled.js";import"../../icons/analyze-urls/index.js";import"../typography/styled.js";import"./search-results/styled.js";import"./video/styled.js";import"../../icons/max-window/index.js";import"../../icons/min-window/index.js";import"../../icons/pause-button/index.js";import"../../icons/play-button/index.js";import"../../icons/volume/index.js";import"../../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"../../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/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/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/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/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/voice/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/manage-chat/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/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{useTheme as P}from"../../theme/hook.js";const A=({id:A,content:D,className:N,variant:H="user",color:q="default",name:z,tags:F,avatar:V,transaction:O,disableModal:U=!1,disableResend:G=!1,disableEdit:W=!1,disableDelete:Z=!1,disableUpdate:_=!1,disableCopy:J=!1,disableDownload:K=!0,disableEncryption:Q=!0,editOutOfMenu:X=!1,copyPlainText:Y,copyTgText:ii,editText:oi,resendText:ei,deleteText:si,onReportText:ni,downloadTooltipLabel:ti,submitEditTooltipLabel:ri,discardEditTooltipLabel:di,updateTooltipLabel:ci,copyTooltipLabel:pi,encryptionTooltipLabel:mi,typing:ai=!1,timestamp:li,timestampPosition:xi="right",skeleton:ji=!1,buttons:gi,after:ui,components:bi,children:yi,version:hi,totalVersions:fi,hideActions:wi,onCopy:Mi,onCodeCopy:Ti,onEdit:ki,onResend:vi,onDelete:Ci,onUpdate:Si,onReport:Ii,onNextVersion:Li,onPrevVersion:Bi,onDownload:Ei})=>{const Ri=P(),$i=s(null),Pi=s(null),Ai=s(null),Di=s(null),[Ni,Hi]=n(!1),[qi,zi]=n(null!=D?D:""),Fi=t(i=>{var o;zi(null!==(o=i.target.textContent)&&void 0!==o?o:"")},[]),Vi=t(i=>{const o=(new DOMParser).parseFromString(i.innerHTML,"text/html"),e=o.getElementsByTagName("code");for(const i of e){const e=o.createElement("span");e.innerText=i.innerText,i.replaceWith(e)}const s=o.createElement("div");s.style.whiteSpace="pre-wrap",s.innerHTML=o.body.innerHTML;return[new ClipboardItem({"text/plain":new Blob([D],{type:"text/plain"}),"text/html":new Blob([s.outerHTML],{type:"text/html"})})]},[D]),Oi=t(i=>[new ClipboardItem({"text/plain":new Blob([i.innerText],{type:"text/plain"})})],[]),Ui=t(i=>{const o=v(i);return[new ClipboardItem({"text/plain":new Blob([o],{type:"text/plain"})})]},[]),Gi=t(()=>{if(Pi.current)return null==Mi?void 0:Mi(Oi(Pi.current))},[Pi.current,D]),Wi=t(()=>{if(Ai.current)return null==Mi?void 0:Mi(Ui(Ai.current))},[Ai.current]),Zi=t(()=>{if(Pi.current&&D)return null==Mi?void 0:Mi(Vi(Pi.current))},[Pi.current,D]);let _i;switch(q&&"object"==typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("background",null!=q?q:"#000")||(q="default"),H){case"user":switch(q){case"default":if("custom"===Ri.scheme){_i=Ri.colors.custom.message.user.background;break}if("standard"===Ri.scheme){_i="dark"===Ri.mode?C(Ri.colors.accent.primaryLight,.5):C(Ri.colors.accent.primaryLight,.2);break}_i=Ri.colors.accent.primary;break;case"green":_i=Ri.colors.gpt3;break;case"purple":_i=Ri.colors.gpt4;break;default:_i=q}break;case"assistant":switch(q){case"default":_i="dark"===Ri.mode?Ri.colors.grayScale.gray2:Ri.colors.grayScale.gray3;break;case"green":_i=Ri.colors.gpt3;break;case"purple":_i=Ri.colors.gpt4;break;default:_i=q}}return r(()=>{if(Di.current){Di.current.focus();const i=document.createRange(),o=window.getSelection();i.selectNodeContents(Di.current),i.collapse(!1),null==o||o.removeAllRanges(),null==o||o.addRange(i)}},[Di,Ni]),r(()=>{D&&(Ai.current=D)},[D]),i(S,{variant:H,color:q,typing:ai,onCopy:Gi,onCodeCopy:Ti,children:i(d,{$variant:H,ref:$i,children:o(c,{children:[i(p,{$variant:H,className:N,"data-date":li,children:o(m,{$variant:H,children:[z&&o(a,{children:["string"==typeof z&&o(l,{children:[i(x,{$color:q,children:z}),F]}),"string"!=typeof z&&i("div",{})]}),"string"!=typeof z&&z,i(j,{$variant:H,children:i(g,{children:V})}),i(u,{children:i(b,{$variant:H,$hexColor:_i,$skeleton:ji,$hasTimestamp:!!li,$timestampPosition:xi,children:o(y,{scrollShadows:{color:_i,size:60,left:i(B,{side:"left"}),right:i(B,{side:"right"})},children:[i(h,{ref:Pi,$variant:H,children:Ni?i(I,{disableMargin:!0,children:i(f,{onInput:Fi,ref:Di,children:D})}):o(e,{children:[!ji&&o(e,{children:["string"==typeof yi&&i(L,{components:bi,children:yi}),"string"!=typeof yi&&yi]}),ji&&i(I,{disableMargin:!0,children:i(k,{width:260,opacity:["light"===Ri.mode?.1:.15,"light"===Ri.mode?.225:.45],colors:["user"===H?Ri.colors.base.white:"light"===Ri.mode?Ri.default.colors.base.black:Ri.colors.grayScale.gray6]})}),ui]})}),li&&"user"===H&&i(E,{time:li,position:xi,color:_i})]})})}),li&&"assistant"===H&&i(E,{time:li,position:xi,color:_i}),o(w,{$variant:H,children:[O&&i(M,{children:O}),!ji&&!wi&&i(R,{id:A,onDownload:Ei,disableDownload:K,message:D,variant:H,skeleton:ji,disableModal:U,disableResend:G,disableEdit:W,disableDelete:Z,disableUpdate:_,disableCopy:J,disableEncryption:Q,editOutOfMenu:X,copyPlainText:Y,copyTgText:ii,editText:oi,resendText:ei,deleteText:si,onReportText:ni,downloadTooltipLabel:ti,submitEditTooltipLabel:ri,discardEditTooltipLabel:di,updateTooltipLabel:ci,copyTooltipLabel:pi,encryptionTooltipLabel:mi,editing:Ni,editedText:qi,onEditing:Hi,onEditedText:zi,onEdit:ki,onResend:vi,onDelete:Ci,onUpdate:Si,onReport:Ii,onPlainTextCopy:Gi,onTgCopy:Wi,onCopy:Zi}),i($,{id:A,version:hi,totalVersions:fi,onNextVersion:Li,onPrevVersion:Bi,editing:Ni,variant:H})]})]})}),i(T,{children:gi})]})})})};export{A as Message,g as MessageAvatar,j as MessageAvatarWrapper,b as MessageBlock,w as MessageBlockBottomPanel,h as MessageBlockContent,y as MessageBlockScrollbarWrapper,f as MessageBlockTextArea,M as MessageBlockTransaction,u as MessageBlockWrapper,T as MessageButtonsStyled,m as MessageContent,L as MessageMarkdown,x as MessageName,I as MessageParagraph,S as MessageProvider,l as MessageSender,p as MessageStyled,c as MessageStyledWithBottomPanel,d as MessageStyledWrapper,a as MessageTop};
1
+ import{jsx as i,jsxs as o,Fragment as e}from"react/jsx-runtime";import{useRef as s,useState as n,useCallback as t,useEffect as r}from"react";import{MessageStyledWrapper as d,MessageStyledWithBottomPanel as c,MessageStyled as p,MessageContent as a,MessageTop as m,MessageSender as l,MessageName as x,MessageAvatarWrapper as j,MessageAvatar as g,MessageBlockWrapper as u,MessageBlock as b,MessageBlockScrollbarWrapper as y,MessageBlockContent as h,MessageBlockTextArea as f,MessageBlockBottomPanel as w,MessageBlockTransaction as M,MessageButtonsStyled as T}from"./styled.js";export{MessageAction,MessageEditAction,MessageImageBottomArrowButton,MessageImageLeftArrowButton,MessageImageRightArrowButton,MessageImageTopArrowButton,MessageTag,MessageTags,MessageTransaction}from"./styled.js";import{Skeleton as v}from"../skeleton/index.js";import"../../theme/index.js";import{getTgMarkdown as k}from"../../utils/getTgMarkdown.js";import{colorToRgba as C}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import{MessageProvider as S}from"./context.js";export{MessageConsumer,MessageContext,useMessage}from"./context.js";import"tslib";import"styled-components";export{MessageInlineCodeStyled}from"./components/code/inline/styled.js";export{MessageMultilineCodeBody,MessageMultilineCodeHead,MessageMultilineCodeLanguage,MessageMultilineCodeStyled}from"./components/code/multiline/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../tooltip/context.js";import"./components/code/multiline/copy/styled.js";import"../../icons/check-small/index.js";import"../../icons/copy/index.js";import"./components/code/multiline/content/styled.js";import{MessageParagraph as I}from"./components/paragraph/index.js";export{MessageBoldStyled}from"./components/bold/styled.js";export{MessageItalicStyled}from"./components/italic/styled.js";export{MessagePre}from"./components/pre/styled.js";export{MessageTableBody,MessageTableContent,MessageTableHead,MessageTableRow,MessageTableStyled}from"./components/table/styled.js";export{MessageTableCellStyled,MessageTableCellText,MessageTableHeadCell}from"./components/table/cell/styled.js";export{MessageListStyled}from"./components/list/styled.js";import"./components/list/context.js";export{MessageListItemStyled}from"./components/list/item/styled.js";export{MessageTitleStyled}from"./components/title/styled.js";export{MessageLinkStyled}from"./components/link/styled.js";export{MessageImageNative,MessageImageSkeleton,MessageImageStyled}from"./components/image/styled.js";export{MessageImageConsumer,MessageImageContext,MessageImageProvider,useMessageImage}from"./components/image/context.js";export{MessageImageGrid}from"./components/image/grid/styled.js";export{MessageImageButtonContent,MessageImageButtonStyled,MessageImageButtonZoneWrapper}from"./components/image/button/styled.js";export{MessageImageButtonsContent,MessageImageButtonsStyled}from"./components/image/button/list/styled.js";import{MessageMarkdown as L}from"./markdown/index.js";import"../scrollbar/styled.js";import{ScrollbarShadow as B}from"../scrollbar/shadow/index.js";import"../scrollbar/style/styled.js";import{MessageTimestamp as E}from"./timestamp/index.js";import{MessageActions as R}from"./actions/index.js";import{MessageVersions as $}from"./versions/index.js";import"./list/styled.js";import"./scroll-button/styled.js";import"./copy/styled.js";import"./badge-progress/styled.js";export{MessageButton}from"./button/styled.js";import"./button/list/styled.js";export{MessageFileInfo,MessageFileName,MessageFileSize,MessageFileStyled,MessageFiles}from"./file/styled.js";import"../icon/styled.js";import"../../icons/pdf-big/index.js";import"../../icons/txt-big/index.js";import"../../icons/word-big/index.js";import"../../icons/xls-big/index.js";import"../../icons/attach-file-big/index.js";import"./voice/styled.js";import"../../icons/loader-circular-gradient-2/index.js";import"./reasoning-block/styled.js";import"../../icons/analyze-urls/index.js";import"../typography/styled.js";import"./search-results/styled.js";import"./video/styled.js";import"../../icons/max-window/index.js";import"../../icons/min-window/index.js";import"../../icons/pause-button/index.js";import"../../icons/play-button/index.js";import"../../icons/volume/index.js";import"../../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"../../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/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/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/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/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/voice/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/manage-chat/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/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{useTheme as P}from"../../theme/hook.js";const A=({id:A,content:D,className:N,variant:H="user",color:q="default",name:z,tags:F,avatar:V,transaction:O,disableModal:U=!1,disableResend:G=!1,disableEdit:W=!1,disableDelete:Z=!1,disableUpdate:_=!1,disableCopy:J=!1,disableDownload:K=!0,disableEncryption:Q=!0,editOutOfMenu:X=!1,copyPlainText:Y,copyTgText:ii,editText:oi,resendText:ei,deleteText:si,onReportText:ni,downloadTooltipLabel:ti,submitEditTooltipLabel:ri,discardEditTooltipLabel:di,updateTooltipLabel:ci,copyTooltipLabel:pi,encryptionTooltipLabel:ai,typing:mi=!1,timestamp:li,timestampPosition:xi="right",skeleton:ji=!1,buttons:gi,after:ui,components:bi,children:yi,version:hi,totalVersions:fi,hideActions:wi,onCopy:Mi,onCodeCopy:Ti,onEdit:vi,onResend:ki,onDelete:Ci,onUpdate:Si,onReport:Ii,onNextVersion:Li,onPrevVersion:Bi,onDownload:Ei})=>{const Ri=P(),$i=s(null),Pi=s(null),Ai=s(null),Di=s(null),[Ni,Hi]=n(!1),[qi,zi]=n(null!=D?D:""),Fi=t(i=>{var o;zi(null!==(o=i.target.textContent)&&void 0!==o?o:"")},[]),Vi=t(i=>{var o;const e=(new DOMParser).parseFromString(i.innerHTML,"text/html"),s=e.getElementsByTagName("code");for(const i of s){const o=e.createElement("span");o.innerText=i.innerText,i.replaceWith(o)}const n=e.createElement("div");n.style.whiteSpace="pre-wrap",n.innerHTML=e.body.innerHTML;const t=/\n{2,}/g,r=null!==(o=null==D?void 0:D.replace(t,"\n"))&&void 0!==o?o:"",d=n.outerHTML.replace(/<br ?\/?>/g,"").replace(/ ?class=".*"(?=>)/g,"").replace(/<\/?ul ?\/?>/g,"").replace(/<li ?>(.*)<\/li>/g," - $1").replace(t,"\n");return[new ClipboardItem({"text/plain":new Blob([r],{type:"text/plain"}),"text/html":new Blob([d],{type:"text/html"})})]},[D]),Oi=t(i=>[new ClipboardItem({"text/plain":new Blob([i.innerText],{type:"text/plain"})})],[]),Ui=t(i=>{const o=k(i);return[new ClipboardItem({"text/plain":new Blob([o],{type:"text/plain"})})]},[]),Gi=t(()=>{if(Pi.current)return null==Mi?void 0:Mi(Oi(Pi.current))},[Pi.current,D]),Wi=t(()=>{if(Ai.current)return null==Mi?void 0:Mi(Ui(Ai.current))},[Ai.current]),Zi=t(()=>{if(Pi.current&&D)return null==Mi?void 0:Mi(Vi(Pi.current))},[Pi.current,D]);let _i;switch(q&&"object"==typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("background",null!=q?q:"#000")||(q="default"),H){case"user":switch(q){case"default":if("custom"===Ri.scheme){_i=Ri.colors.custom.message.user.background;break}if("standard"===Ri.scheme){_i="dark"===Ri.mode?C(Ri.colors.accent.primaryLight,.5):C(Ri.colors.accent.primaryLight,.2);break}_i=Ri.colors.accent.primary;break;case"green":_i=Ri.colors.gpt3;break;case"purple":_i=Ri.colors.gpt4;break;default:_i=q}break;case"assistant":switch(q){case"default":_i="dark"===Ri.mode?Ri.colors.grayScale.gray2:Ri.colors.grayScale.gray3;break;case"green":_i=Ri.colors.gpt3;break;case"purple":_i=Ri.colors.gpt4;break;default:_i=q}}return r(()=>{if(Di.current){Di.current.focus();const i=document.createRange(),o=window.getSelection();i.selectNodeContents(Di.current),i.collapse(!1),null==o||o.removeAllRanges(),null==o||o.addRange(i)}},[Di,Ni]),r(()=>{D&&(Ai.current=D)},[D]),i(S,{variant:H,color:q,typing:mi,onCopy:Gi,onCodeCopy:Ti,children:i(d,{$variant:H,ref:$i,children:o(c,{children:[i(p,{$variant:H,className:N,"data-date":li,children:o(a,{$variant:H,children:[z&&o(m,{children:["string"==typeof z&&o(l,{children:[i(x,{$color:q,children:z}),F]}),"string"!=typeof z&&i("div",{})]}),"string"!=typeof z&&z,i(j,{$variant:H,children:i(g,{children:V})}),i(u,{children:i(b,{$variant:H,$hexColor:_i,$skeleton:ji,$hasTimestamp:!!li,$timestampPosition:xi,children:o(y,{scrollShadows:{color:_i,size:60,left:i(B,{side:"left"}),right:i(B,{side:"right"})},children:[i(h,{ref:Pi,$variant:H,children:Ni?i(I,{disableMargin:!0,children:i(f,{onInput:Fi,ref:Di,children:D})}):o(e,{children:[!ji&&o(e,{children:["string"==typeof yi&&i(L,{components:bi,children:yi}),"string"!=typeof yi&&yi]}),ji&&i(I,{disableMargin:!0,children:i(v,{width:260,opacity:["light"===Ri.mode?.1:.15,"light"===Ri.mode?.225:.45],colors:["user"===H?Ri.colors.base.white:"light"===Ri.mode?Ri.default.colors.base.black:Ri.colors.grayScale.gray6]})}),ui]})}),li&&"user"===H&&i(E,{time:li,position:xi,color:_i})]})})}),li&&"assistant"===H&&i(E,{time:li,position:xi,color:_i}),o(w,{$variant:H,children:[O&&i(M,{children:O}),!ji&&!wi&&i(R,{id:A,onDownload:Ei,disableDownload:K,message:D,variant:H,skeleton:ji,disableModal:U,disableResend:G,disableEdit:W,disableDelete:Z,disableUpdate:_,disableCopy:J,disableEncryption:Q,editOutOfMenu:X,copyPlainText:Y,copyTgText:ii,editText:oi,resendText:ei,deleteText:si,onReportText:ni,downloadTooltipLabel:ti,submitEditTooltipLabel:ri,discardEditTooltipLabel:di,updateTooltipLabel:ci,copyTooltipLabel:pi,encryptionTooltipLabel:ai,editing:Ni,editedText:qi,onEditing:Hi,onEditedText:zi,onEdit:vi,onResend:ki,onDelete:Ci,onUpdate:Si,onReport:Ii,onPlainTextCopy:Gi,onTgCopy:Wi,onCopy:Zi}),i($,{id:A,version:hi,totalVersions:fi,onNextVersion:Li,onPrevVersion:Bi,editing:Ni,variant:H})]})]})}),i(T,{children:gi})]})})})};export{A as Message,g as MessageAvatar,j as MessageAvatarWrapper,b as MessageBlock,w as MessageBlockBottomPanel,h as MessageBlockContent,y as MessageBlockScrollbarWrapper,f as MessageBlockTextArea,M as MessageBlockTransaction,u as MessageBlockWrapper,T as MessageButtonsStyled,a as MessageContent,L as MessageMarkdown,x as MessageName,I as MessageParagraph,S as MessageProvider,l as MessageSender,p as MessageStyled,c as MessageStyledWithBottomPanel,d as MessageStyledWrapper,m as MessageTop};
package/dist/components/scrollable-tabs/styled.js CHANGED
@@ -19,7 +19,8 @@ import{styled as e,css as o}from"styled-components";import{Typography as r}from"
19
19
  }
20
20
  `,({$variant:e,$selected:r})=>r?o`
21
21
  border-radius: ${()=>"primary"===e?16:8}px;
22
- background: ${({theme:e})=>e.colors.gradient.elite20};
22
+ background: linear-gradient(90deg, #1c64f2 0%, #d41cf2 100%);
23
+ opacity: 0.2;
23
24
  `:"primary"===e?o`
24
25
  border-radius: 16px;
25
26
  border: 1px solid ${({theme:e})=>e.colors.grayScale.gray3};
package/dist/components/select-field/select-modal/option/list/styled.js CHANGED
@@ -1 +1 @@
1
- import{styled as e,css as i}from"styled-components";import{Typography as t}from"../../../../typography/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as o}from"../../../../../utils/colors/colorToRgba.js";import"../../../../../utils/colors/calculateGrayScale.js";import"../../../../../utils/colors/calculateAccentColors.js";const a=e.div.withConfig({displayName:"styled__SelectFieldOptionsStyled",componentId:"sc-ugyiao-0"})(["display:flex;width:100%;flex-direction:column;gap:","px;"],({$size:e})=>{switch(e){case"small":return 4;case"md":return 6;case"large":return 8}}),l=e.div.withConfig({displayName:"styled__SelectFieldDivider",componentId:"sc-ugyiao-1"})(["display:flex;flex-shrink:0;width:100%;height:1px;background:",";"],({theme:e})=>e.colors.grayScale.gray3),d=e.div.withConfig({displayName:"styled__SelectFieldEmpty",componentId:"sc-ugyiao-2"})(["display:flex;flex-direction:column;align-items:center;width:100%;gap:8px;padding:","px;"],({$size:e})=>{switch(e){case"small":return 8;case"md":case"large":return 12}}),s=e.div.withConfig({displayName:"styled__SelectFieldRadio",componentId:"sc-ugyiao-3"})(["display:flex;flex-direction:column;gap:10px;padding:10px;cursor:pointer;position:relative;& > *{position:relative;z-index:1;}&:before{content:'';display:block;position:absolute;border-radius:8px;inset:0;transition:background 0.2s;",";}&:hover::before{background-color:",";}",""],({$selected:e,theme:t})=>e&&i(["background:",";"],o(t.colors.gradient.elite20,.2)),({theme:e})=>o(e.colors.accent.primary20),({$disabled:e})=>e&&i(["cursor:not-allowed;& > * > ","{opacity:0.5;}"],r)),n=e.label.withConfig({displayName:"styled__SelectFieldRadioTitleAndRadio",componentId:"sc-ugyiao-4"})(["display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:inherit;"]),r=e(t).attrs(e=>({variant:"large"===e.$size?"body-m-semibold":"input-sm"})).withConfig({displayName:"styled__SelectFieldRadioLabel",componentId:"sc-ugyiao-5"})([""]),c=e.div.withConfig({displayName:"styled__SelectFieldRadioLabelWrapper",componentId:"sc-ugyiao-6"})(["display:flex;width:100%;align-items:start;gap:5px;"]),p=e(t).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__SelectFieldRadioDescription",componentId:"sc-ugyiao-7"})([""]),m=e(t).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldEmptyText",componentId:"sc-ugyiao-8"})(["text-align:center;color:",";"],({theme:e})=>e.colors.grayScale.gray1),y=e.div.withConfig({displayName:"styled__SelectFieldOptionSide",componentId:"sc-ugyiao-9"})(["display:flex;align-items:center;gap:8px;"]),g=e(t).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SelectFieldOptionLabel",componentId:"sc-ugyiao-10"})(["padding-right:8px;"]),u=e.div.withConfig({displayName:"styled__SelectFieldCheckBox",componentId:"sc-ugyiao-11"})(["position:relative;display:flex;flex-direction:column;gap:8px;padding:8px;cursor:pointer;&:before{content:'';display:block;position:absolute;border-radius:8px;inset:0;opacity:0.2;transition:background 0.2s;}&:hover:before{background-color:",";}"],({theme:e})=>e.colors.accent.primary),f=e.div.withConfig({displayName:"styled__SelectFieldCheckBoxLeftSide",componentId:"sc-ugyiao-12"})(["display:flex;align-items:center;gap:8px;"]),h=e.div.withConfig({displayName:"styled__SelectFieldCheckBoxWrapper",componentId:"sc-ugyiao-13"})(["display:flex;align-items:center;justify-content:space-between;"]),x=e(t).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__SelectFieldCheckBoxName",componentId:"sc-ugyiao-14"})(["max-width:200px;overflow:hidden;text-overflow:ellipsis;"]),_=e(t).attrs({variant:"body-s-regular"}).withConfig({displayName:"styled__SelectFieldCheckBoxMail",componentId:"sc-ugyiao-15"})(["color:",";"],({theme:e})=>e.colors.grayScale.gray6);export{u as SelectFieldCheckBox,f as SelectFieldCheckBoxLeftSide,_ as SelectFieldCheckBoxMail,x as SelectFieldCheckBoxName,h as SelectFieldCheckBoxWrapper,l as SelectFieldDivider,d as SelectFieldEmpty,m as SelectFieldEmptyText,g as SelectFieldOptionLabel,y as SelectFieldOptionSide,a as SelectFieldOptionsStyled,s as SelectFieldRadio,p as SelectFieldRadioDescription,r as SelectFieldRadioLabel,c as SelectFieldRadioLabelWrapper,n as SelectFieldRadioTitleAndRadio};
1
+ import{styled as e,css as i}from"styled-components";import{Typography as t}from"../../../../typography/index.js";const o=e.div.withConfig({displayName:"styled__SelectFieldOptionsStyled",componentId:"sc-ugyiao-0"})(["display:flex;width:100%;flex-direction:column;gap:","px;"],({$size:e})=>{switch(e){case"small":return 4;case"md":return 6;case"large":return 8}}),a=e.div.withConfig({displayName:"styled__SelectFieldDivider",componentId:"sc-ugyiao-1"})(["display:flex;flex-shrink:0;width:100%;height:1px;background:",";"],({theme:e})=>e.colors.grayScale.gray3),l=e.div.withConfig({displayName:"styled__SelectFieldEmpty",componentId:"sc-ugyiao-2"})(["display:flex;flex-direction:column;align-items:center;width:100%;gap:8px;padding:","px;"],({$size:e})=>{switch(e){case"small":return 8;case"md":case"large":return 12}}),d=e.div.withConfig({displayName:"styled__SelectFieldRadio",componentId:"sc-ugyiao-3"})(["display:flex;flex-direction:column;gap:10px;padding:10px;cursor:pointer;position:relative;& > *{position:relative;z-index:1;}&:before{content:'';display:block;position:absolute;border-radius:8px;inset:0;opacity:0.2;transition:background 0.2s;",";}&:hover::before{background-color:",";}",""],({$selected:e})=>e&&i(["background:linear-gradient( 90deg,rgba(28,100,242,1) 0%,rgba(212,28,242,1) 100% );"]),({theme:e})=>e.colors.accent.primary,({$disabled:e})=>e&&i(["cursor:not-allowed;& > * > ","{opacity:0.5;}"],s)),n=e.label.withConfig({displayName:"styled__SelectFieldRadioTitleAndRadio",componentId:"sc-ugyiao-4"})(["display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:inherit;"]),s=e(t).attrs(e=>({variant:"large"===e.$size?"body-m-semibold":"input-sm"})).withConfig({displayName:"styled__SelectFieldRadioLabel",componentId:"sc-ugyiao-5"})([""]),c=e.div.withConfig({displayName:"styled__SelectFieldRadioLabelWrapper",componentId:"sc-ugyiao-6"})(["display:flex;width:100%;align-items:start;gap:5px;"]),r=e(t).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__SelectFieldRadioDescription",componentId:"sc-ugyiao-7"})([""]),p=e(t).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldEmptyText",componentId:"sc-ugyiao-8"})(["text-align:center;color:",";"],({theme:e})=>e.colors.grayScale.gray1),y=e.div.withConfig({displayName:"styled__SelectFieldOptionSide",componentId:"sc-ugyiao-9"})(["display:flex;align-items:center;gap:8px;"]),g=e(t).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SelectFieldOptionLabel",componentId:"sc-ugyiao-10"})(["padding-right:8px;"]),m=e.div.withConfig({displayName:"styled__SelectFieldCheckBox",componentId:"sc-ugyiao-11"})(["position:relative;display:flex;flex-direction:column;gap:8px;padding:8px;cursor:pointer;&:before{content:'';display:block;position:absolute;border-radius:8px;inset:0;opacity:0.2;transition:background 0.2s;}&:hover:before{background-color:",";}"],({theme:e})=>e.colors.accent.primary),u=e.div.withConfig({displayName:"styled__SelectFieldCheckBoxLeftSide",componentId:"sc-ugyiao-12"})(["display:flex;align-items:center;gap:8px;"]),x=e.div.withConfig({displayName:"styled__SelectFieldCheckBoxWrapper",componentId:"sc-ugyiao-13"})(["display:flex;align-items:center;justify-content:space-between;"]),f=e(t).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__SelectFieldCheckBoxName",componentId:"sc-ugyiao-14"})(["max-width:200px;overflow:hidden;text-overflow:ellipsis;"]),h=e(t).attrs({variant:"body-s-regular"}).withConfig({displayName:"styled__SelectFieldCheckBoxMail",componentId:"sc-ugyiao-15"})(["color:",";"],({theme:e})=>e.colors.grayScale.gray6);export{m as SelectFieldCheckBox,u as SelectFieldCheckBoxLeftSide,h as SelectFieldCheckBoxMail,f as SelectFieldCheckBoxName,x as SelectFieldCheckBoxWrapper,a as SelectFieldDivider,l as SelectFieldEmpty,p as SelectFieldEmptyText,g as SelectFieldOptionLabel,y as SelectFieldOptionSide,o as SelectFieldOptionsStyled,d as SelectFieldRadio,r as SelectFieldRadioDescription,s as SelectFieldRadioLabel,c as SelectFieldRadioLabelWrapper,n as SelectFieldRadioTitleAndRadio};
package/dist/components/sidebar/index.d.ts CHANGED
@@ -22,7 +22,6 @@ export interface SidebarProps extends React.PropsWithChildren {
22
22
  style?: StyleHTMLAttributes<HTMLElement>;
23
23
  onOpen?: SidebarOpenEventHandler;
24
24
  banner?: React.ReactNode;
25
- disableMenu?: boolean;
26
25
  }
27
26
  export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<ScrollbarRef>>;
28
27
  export * from './styled';
package/dist/components/sidebar/index.js CHANGED
@@ -1 +1 @@
1
- import{jsxs as i,jsx as o}from"react/jsx-runtime";import{forwardRef as e,useCallback as n,useState as s}from"react";import{SidebarStyled as r,SidebarContent as t,SidebarHeader as d,SidebarToolbar as c,SidebarToggle as p,SidebarSearchContainer as m,SidebarDivider as a,SidebarBody as x,SidebarArrowUpButton as j,SidebarWrapper as l,SidebarBodyScrollbarWrapper as b,SidebarBodyContent as g,SidebarArrowDownButton as u,SidebarDeleteButtonContainer as h,SidebarBanner as S,SidebarBottom as f,SidebarContentNav as y,SidebarContentNavContainer as w,SidebarTabletThemeSwitcher as C,SidebarContentNavMenuWrapper as k,SidebarContentNavMenuScrollbarWrapper as I,SidebarGlobalStyle as v}from"./styled.js";export{SidebarHead,SidebarHeaderMain,SidebarHeaderRight,SidebarLogo,SidebarLogoLink,SidebarTextField,SidebarTop}from"./styled.js";import{SidebarProvider as T}from"./context.js";export{SidebarConsumer,SidebarContext,useSidebar}from"./context.js";import{SidebarMenu as U}from"./menu/index.js";import"./toggle-button/styled.js";import"../../icons/sidebar-toggle-left/index.js";import"../../icons/sidebar-toggle-right/index.js";import"tslib";import"../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";export{SidebarAddGroupButton,SidebarButtonsStyled,SidebarDeleteButton,SidebarEditButton,SidebarSearchButton,SidebarSortButton}from"./buttons/styled.js";import"../../icons/add-chat/index.js";import"../button/styled.js";import"../skeleton/index.js";import"../../icons/info/index.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";export{SidebarUserInfoBottom,SidebarUserInfoCaps,SidebarUserInfoContent,SidebarUserInfoLeft,SidebarUserInfoLogoutButton,SidebarUserInfoLogoutButtonContainer,SidebarUserInfoMain,SidebarUserInfoName,SidebarUserInfoStyled,SidebarUserInfoTariff,SidebarUserInfoTariffContainer,SidebarUserInfoText,SidebarUserInfoUpdateTariffBadge,SidebarUserInfoUpdateTariffBadgeText,SidebarUserInfoUpdateTariffButton,SidebarUserInfoUpdateTariffButtonText,SidebarUserInfoUpdateTariffContainer}from"./user-info/styled.js";export{SidebarUserInfoConsumer,SidebarUserInfoContext,SidebarUserInfoProvider,useSidebarUserInfo}from"./user-info/context.js";import"./user-info/avatar/styled.js";import"./user-info/skeleton/styled.js";import"@dnd-kit/core";export{SidebarChatActions,SidebarChatCaps,SidebarChatCheckbox,SidebarChatClosed,SidebarChatContent,SidebarChatDeleteAction,SidebarChatDragHandle,SidebarChatEditAction,SidebarChatIconContainer,SidebarChatIconStyled,SidebarChatLeft,SidebarChatName,SidebarChatNameBox,SidebarChatNameSkeleton,SidebarChatNameTooltip,SidebarChatProgress,SidebarChatProgressIcon,SidebarChatProgressValue,SidebarChatRight,SidebarChatStyled,SidebarChatTooltip,SidebarChatWithBackgroundStyled,SidebarChatWithOutlineStyled}from"./chat/styled.js";import"../typography/styled.js";import"../../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"../../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/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-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/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";export{SidebarChatList,SidebarGroupArrowDown,SidebarGroupCheckbox,SidebarGroupDragFolder,SidebarGroupDragHandle,SidebarGroupIconContainer,SidebarGroupName,SidebarGroupNameBox,SidebarGroupNameWithBg,SidebarGroupNameWithOutline,SidebarGroupSkeleton,SidebarGroupSkeletonIcon,SidebarGroupStyled,SidebarGroupTooltip,SidebarGroupsStyled}from"./group/styled.js";import"./empty/styled.js";export{SidebarDropdownContent,SidebarDropdownList,SidebarDropdownStyled,SidebarDropdownToggler,SidebarDropdownTogglerArrow,SidebarDropdownTogglerIcon,SidebarDropdownTogglerText}from"./dropdown/styled.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import"./dropdown/item/styled.js";export{SidebarEmptyGroupIcon,SidebarEmptyGroupStyled,SidebarEmptyGroupText}from"./group-empty/styled.js";export{SidebarLangDropdownContent,SidebarLangDropdownList,SidebarLangDropdownStyled,SidebarLangDropdownToggler,SidebarLangDropdownTogglerArrow,SidebarLangDropdownTogglerIcon,SidebarLangDropdownTogglerText}from"./lang/styled.js";import"./lang/item/styled.js";const D=e(({open:e,section:D,defaultOpen:B=!0,className:G,id:L,user:$,logo:N,menu:A,buttons:H,buttonsModal:q,toggle:O,deleteButton:z,search:E,lang:M,themeSwitcher:P,isHide:W=!1,children:F,style:R,banner:V,onOpen:_,disableMenu:J=!1},K)=>{const Q=e,X=n(i=>{"boolean"==typeof i&&(null==_||_(i))},[_]),[Y,Z]="boolean"==typeof Q?[Q,X]:s(B),[ii,oi]=s(!1),ei=n(i=>{Z(i),"boolean"==typeof i&&!Q&&_&&_(i)},[Z,Q,_]),ni=n(({isBottom:i})=>{oi(i)},[oi]),si=n(()=>{var i;K&&"function"!=typeof K&&(null===(i=K.current)||void 0===i?void 0:i.element)&&K.current.element.scrollTo({top:0,behavior:"smooth"})},[K]),ri=n(()=>{var i;K&&"function"!=typeof K&&(null===(i=K.current)||void 0===i?void 0:i.element)&&K.current.element.scrollTo({top:K.current.element.scrollHeight,behavior:"smooth"})},[K]);return i(T,{isOpen:Y,setIsOpen:ei,children:[i(r,{id:L,className:G,$isHide:W,$open:Y,style:R,children:[i(t,{$open:Y,$section:D,children:[i(d,{$disableMenu:J,$open:Y,children:[N,M,!J&&o(U,{children:A})]}),i(c,{$open:Y,children:[H,q,!J&&!Y&&o(U,{children:A}),o(p,{"data-test":"sidebar-toggle",children:O})]}),o(m,{children:E}),o(a,{}),i(x,{children:[!Y&&o(j,{$hidden:ii&&!Y,onClick:si}),o(l,{children:o(b,{ref:K,size:Y?6:0,onScroll:ni,children:o(g,{children:F})})}),!Y&&o(u,{$hidden:!ii,onClick:ri})]}),o(h,{children:z}),V&&o(S,{$open:Y,children:V}),o(f,{children:$})]}),i(y,{$open:Y,$section:D,children:[i(w,{children:[o(C,{children:P}),o(k,{children:o(I,{children:A})})]}),$]})]}),o(v,{$open:Y})]})});export{D as Sidebar,u as SidebarArrowDownButton,j as SidebarArrowUpButton,S as SidebarBanner,x as SidebarBody,g as SidebarBodyContent,b as SidebarBodyScrollbarWrapper,f as SidebarBottom,t as SidebarContent,y as SidebarContentNav,w as SidebarContentNavContainer,I as SidebarContentNavMenuScrollbarWrapper,k as SidebarContentNavMenuWrapper,h as SidebarDeleteButtonContainer,a as SidebarDivider,v as SidebarGlobalStyle,d as SidebarHeader,U as SidebarMenu,T as SidebarProvider,m as SidebarSearchContainer,r as SidebarStyled,C as SidebarTabletThemeSwitcher,p as SidebarToggle,c as SidebarToolbar,l as SidebarWrapper};
1
+ import{jsxs as i,jsx as o}from"react/jsx-runtime";import{forwardRef as e,useCallback as n,useState as s}from"react";import{SidebarStyled as r,SidebarContent as t,SidebarHeader as d,SidebarToolbar as c,SidebarToggle as p,SidebarSearchContainer as m,SidebarDivider as a,SidebarBody as x,SidebarArrowUpButton as j,SidebarWrapper as l,SidebarBodyScrollbarWrapper as b,SidebarBodyContent as g,SidebarArrowDownButton as u,SidebarDeleteButtonContainer as h,SidebarBanner as S,SidebarBottom as f,SidebarContentNav as y,SidebarContentNavContainer as w,SidebarTabletThemeSwitcher as C,SidebarContentNavMenuWrapper as k,SidebarContentNavMenuScrollbarWrapper as I,SidebarGlobalStyle as v}from"./styled.js";export{SidebarHead,SidebarHeaderMain,SidebarHeaderRight,SidebarLogo,SidebarLogoLink,SidebarTextField,SidebarTop}from"./styled.js";import{SidebarProvider as T}from"./context.js";export{SidebarConsumer,SidebarContext,useSidebar}from"./context.js";import{SidebarMenu as U}from"./menu/index.js";import"./toggle-button/styled.js";import"../../icons/sidebar-toggle-left/index.js";import"../../icons/sidebar-toggle-right/index.js";import"tslib";import"../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";export{SidebarAddGroupButton,SidebarButtonsStyled,SidebarDeleteButton,SidebarEditButton,SidebarSearchButton,SidebarSortButton}from"./buttons/styled.js";import"../../icons/add-chat/index.js";import"../button/styled.js";import"../skeleton/index.js";import"../../icons/info/index.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";export{SidebarUserInfoBottom,SidebarUserInfoCaps,SidebarUserInfoContent,SidebarUserInfoLeft,SidebarUserInfoLogoutButton,SidebarUserInfoLogoutButtonContainer,SidebarUserInfoMain,SidebarUserInfoName,SidebarUserInfoStyled,SidebarUserInfoTariff,SidebarUserInfoTariffContainer,SidebarUserInfoText,SidebarUserInfoUpdateTariffBadge,SidebarUserInfoUpdateTariffBadgeText,SidebarUserInfoUpdateTariffButton,SidebarUserInfoUpdateTariffButtonText,SidebarUserInfoUpdateTariffContainer}from"./user-info/styled.js";export{SidebarUserInfoConsumer,SidebarUserInfoContext,SidebarUserInfoProvider,useSidebarUserInfo}from"./user-info/context.js";import"./user-info/avatar/styled.js";import"./user-info/skeleton/styled.js";import"@dnd-kit/core";export{SidebarChatActions,SidebarChatCaps,SidebarChatCheckbox,SidebarChatClosed,SidebarChatContent,SidebarChatDeleteAction,SidebarChatDragHandle,SidebarChatEditAction,SidebarChatIconContainer,SidebarChatIconStyled,SidebarChatLeft,SidebarChatName,SidebarChatNameBox,SidebarChatNameSkeleton,SidebarChatNameTooltip,SidebarChatProgress,SidebarChatProgressIcon,SidebarChatProgressValue,SidebarChatRight,SidebarChatStyled,SidebarChatTooltip,SidebarChatWithBackgroundStyled,SidebarChatWithOutlineStyled}from"./chat/styled.js";import"../typography/styled.js";import"../../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"../../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/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-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/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";export{SidebarChatList,SidebarGroupArrowDown,SidebarGroupCheckbox,SidebarGroupDragFolder,SidebarGroupDragHandle,SidebarGroupIconContainer,SidebarGroupName,SidebarGroupNameBox,SidebarGroupNameWithBg,SidebarGroupNameWithOutline,SidebarGroupSkeleton,SidebarGroupSkeletonIcon,SidebarGroupStyled,SidebarGroupTooltip,SidebarGroupsStyled}from"./group/styled.js";import"./empty/styled.js";export{SidebarDropdownContent,SidebarDropdownList,SidebarDropdownStyled,SidebarDropdownToggler,SidebarDropdownTogglerArrow,SidebarDropdownTogglerIcon,SidebarDropdownTogglerText}from"./dropdown/styled.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import"./dropdown/item/styled.js";export{SidebarEmptyGroupIcon,SidebarEmptyGroupStyled,SidebarEmptyGroupText}from"./group-empty/styled.js";export{SidebarLangDropdownContent,SidebarLangDropdownList,SidebarLangDropdownStyled,SidebarLangDropdownToggler,SidebarLangDropdownTogglerArrow,SidebarLangDropdownTogglerIcon,SidebarLangDropdownTogglerText}from"./lang/styled.js";import"./lang/item/styled.js";const D=e(({open:e,section:D,defaultOpen:B=!0,className:G,id:L,user:$,logo:N,menu:A,buttons:H,buttonsModal:q,toggle:O,deleteButton:z,search:E,lang:P,themeSwitcher:W,isHide:M=!1,children:F,style:R,banner:V,onOpen:_},J)=>{const K=e,Q=n(i=>{"boolean"==typeof i&&(null==_||_(i))},[_]),[X,Y]="boolean"==typeof K?[K,Q]:s(B),[Z,ii]=s(!1),oi=n(i=>{Y(i),"boolean"==typeof i&&!K&&_&&_(i)},[Y,K,_]),ei=n(({isBottom:i})=>{ii(i)},[ii]),ni=n(()=>{var i;J&&"function"!=typeof J&&(null===(i=J.current)||void 0===i?void 0:i.element)&&J.current.element.scrollTo({top:0,behavior:"smooth"})},[J]),si=n(()=>{var i;J&&"function"!=typeof J&&(null===(i=J.current)||void 0===i?void 0:i.element)&&J.current.element.scrollTo({top:J.current.element.scrollHeight,behavior:"smooth"})},[J]);return i(T,{isOpen:X,setIsOpen:oi,children:[i(r,{id:L,className:G,$isHide:M,$open:X,style:R,children:[i(t,{$open:X,$section:D,children:[i(d,{$open:X,children:[N,P,o(U,{children:A})]}),i(c,{$open:X,children:[H,q,!X&&o(U,{children:A}),o(p,{"data-test":"sidebar-toggle",children:O})]}),o(m,{children:E}),o(a,{}),i(x,{children:[!X&&o(j,{$hidden:Z&&!X,onClick:ni}),o(l,{children:o(b,{ref:J,size:X?6:0,onScroll:ei,children:o(g,{children:F})})}),!X&&o(u,{$hidden:!Z,onClick:si})]}),o(h,{children:z}),V&&o(S,{$open:X,children:V}),o(f,{children:$})]}),i(y,{$open:X,$section:D,children:[i(w,{children:[o(C,{children:W}),o(k,{children:o(I,{children:A})})]}),$]})]}),o(v,{$open:X})]})});export{D as Sidebar,u as SidebarArrowDownButton,j as SidebarArrowUpButton,S as SidebarBanner,x as SidebarBody,g as SidebarBodyContent,b as SidebarBodyScrollbarWrapper,f as SidebarBottom,t as SidebarContent,y as SidebarContentNav,w as SidebarContentNavContainer,I as SidebarContentNavMenuScrollbarWrapper,k as SidebarContentNavMenuWrapper,h as SidebarDeleteButtonContainer,a as SidebarDivider,v as SidebarGlobalStyle,d as SidebarHeader,U as SidebarMenu,T as SidebarProvider,m as SidebarSearchContainer,r as SidebarStyled,C as SidebarTabletThemeSwitcher,p as SidebarToggle,c as SidebarToolbar,l as SidebarWrapper};
package/dist/components/sidebar/styled.d.ts CHANGED
@@ -2330,7 +2330,6 @@ export declare const SidebarTabletThemeSwitcher: import("styled-components").ISt
2330
2330
  export declare const SidebarHead: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SidebarHeadProps>>;
2331
2331
  export interface SidebarHeaderProps {
2332
2332
  $open: boolean;
2333
- $disableMenu?: boolean;
2334
2333
  }
2335
2334
  export interface SidebarHeaderMainProps {
2336
2335
  $open: boolean;
package/dist/components/sidebar/styled.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as i}from"react/jsx-runtime";import{createGlobalStyle as o,css as e,styled as n}from"styled-components";import{animated as s}from"@react-spring/web";import{Scrollbar as t}from"../scrollbar/index.js";import{adaptive as r}from"../../adaptive/index.js";import{Logo as d}from"../logo/index.js";import"tslib";import"react";import"@dnd-kit/core";import{SidebarChatWithOutlineStyled as a,SidebarChatTooltip as p,SidebarChatStyled as c,SidebarChatContent as m,SidebarChatIconContainer as x,SidebarChatProgressValue as l}from"./chat/styled.js";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";import"../typography/styled.js";import{ArrowDownIcon as j}from"../../icons/arrow-down/index.js";import"../../icons/arrow-narrow-left/index.js";import"../../icons/arrow-narrow-right/index.js";import{ArrowUpIcon as g}from"../../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"../../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{SidebarGroupsStyled as h,SidebarGroupStyled as b,SidebarGroupName as y,SidebarGroupDragFolder as f,SidebarGroupSkeletonIcon as w,SidebarChatList as u}from"./group/styled.js";import"./context.js";import{SidebarMenuStyled as v,SidebarMenuNav as _,SidebarMenuBlockScrollbarWrapper as k}from"./menu/styled.js";import"./menu/context.js";import"./menu/nav/link/styled.js";import"../icon/styled.js";import{SidebarUserInfoStyled as S}from"./user-info/styled.js";import"./user-info/context.js";import"./user-info/avatar/styled.js";import"../skeleton/index.js";import"./user-info/skeleton/styled.js";import"../button/styled.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import{SidebarEmptyGroupStyled as $}from"./group-empty/styled.js";import{TextField as C}from"../text-field/index.js";import{ScrollbarShadow as N}from"../scrollbar/shadow/index.js";const I=o(["",""],({$open:i})=>!i&&e`
1
+ import{jsx as i}from"react/jsx-runtime";import{createGlobalStyle as o,css as e,styled as n}from"styled-components";import{animated as s}from"@react-spring/web";import{Scrollbar as t}from"../scrollbar/index.js";import{adaptive as r}from"../../adaptive/index.js";import{Logo as d}from"../logo/index.js";import"tslib";import"react";import"@dnd-kit/core";import{SidebarChatWithOutlineStyled as p,SidebarChatTooltip as a,SidebarChatStyled as c,SidebarChatContent as m,SidebarChatIconContainer as x,SidebarChatProgressValue as l}from"./chat/styled.js";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";import"../typography/styled.js";import{ArrowDownIcon as j}from"../../icons/arrow-down/index.js";import"../../icons/arrow-narrow-left/index.js";import"../../icons/arrow-narrow-right/index.js";import{ArrowUpIcon as g}from"../../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"../../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{SidebarGroupsStyled as h,SidebarGroupStyled as b,SidebarGroupName as y,SidebarGroupDragFolder as f,SidebarGroupSkeletonIcon as w,SidebarChatList as u}from"./group/styled.js";import"./context.js";import{SidebarMenuStyled as v,SidebarMenuNav as _,SidebarMenuBlockScrollbarWrapper as k}from"./menu/styled.js";import"./menu/context.js";import"./menu/nav/link/styled.js";import"../icon/styled.js";import{SidebarUserInfoStyled as S}from"./user-info/styled.js";import"./user-info/context.js";import"./user-info/avatar/styled.js";import"../skeleton/index.js";import"./user-info/skeleton/styled.js";import"../button/styled.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import{SidebarEmptyGroupStyled as $}from"./group-empty/styled.js";import{TextField as C}from"../text-field/index.js";import{ScrollbarShadow as N}from"../scrollbar/shadow/index.js";const I=o(["",""],({$open:i})=>!i&&e`
2
2
  @media (min-width: ${({theme:i})=>i.dashboard.tablet.maxWidth}) {
3
3
  ${$} {
4
4
  margin-top: 10px;
@@ -35,7 +35,7 @@ import{jsx as i}from"react/jsx-runtime";import{createGlobalStyle as o,css as e,s
35
35
  }
36
36
  ${u} {
37
37
  gap: 10px;
38
- ${a} {
38
+ ${p} {
39
39
  width: fit-content;
40
40
  border: 1px solid ${({theme:i})=>i.colors.grayScale.gray3};
41
41
  border-radius: 8px;
@@ -45,7 +45,7 @@ import{jsx as i}from"react/jsx-runtime";import{createGlobalStyle as o,css as e,s
45
45
  &:last-child {
46
46
  margin-bottom: 10px;
47
47
  }
48
- ${p} {
48
+ ${a} {
49
49
  & > * {
50
50
  display: block;
51
51
  }
@@ -79,7 +79,7 @@ import{jsx as i}from"react/jsx-runtime";import{createGlobalStyle as o,css as e,s
79
79
  padding-right: 0px;
80
80
  }
81
81
  }
82
- ${a} {
82
+ ${p} {
83
83
  margin-left: 2px;
84
84
  }
85
85
  ${c} {
@@ -181,21 +181,21 @@ import{jsx as i}from"react/jsx-runtime";import{createGlobalStyle as o,css as e,s
181
181
  width: calc(100% - 36px);
182
182
  height: calc(100% - 36px);
183
183
  margin: 0 auto;
184
- `})),H=n.div.withConfig({displayName:"styled__SidebarContentNavMenuWrapper",componentId:"sc-3xc6b3-4"})(["display:flex;width:100%;overflow:hidden;margin-top:16px;height:calc(100% - 30px);"]),T=n(t).attrs({variant:"secondary",scrollShadows:{top:i(N,{side:"top"}),bottom:i(N,{side:"bottom"})}}).withConfig({displayName:"styled__SidebarContentNavMenuScrollbarWrapper",componentId:"sc-3xc6b3-5"})(["position:relative;height:100%;overflow-y:auto;overflow-x:hidden;"]),M=n.div.withConfig({displayName:"styled__SidebarContentNavContainer",componentId:"sc-3xc6b3-6"})(["max-height:calc(100% - 100px);"]),A=n.div.withConfig({displayName:"styled__SidebarTabletThemeSwitcher",componentId:"sc-3xc6b3-7"})(["display:none;",""],r({variant:"dashboard",merge:!0,tablet:e`
184
+ `})),H=n.div.withConfig({displayName:"styled__SidebarContentNavMenuWrapper",componentId:"sc-3xc6b3-4"})(["display:flex;width:100%;overflow:hidden;margin-top:16px;height:calc(100% - 30px);"]),T=n(t).attrs({variant:"secondary",scrollShadows:{top:i(N,{side:"top"}),bottom:i(N,{side:"bottom"})}}).withConfig({displayName:"styled__SidebarContentNavMenuScrollbarWrapper",componentId:"sc-3xc6b3-5"})(["position:relative;height:100%;overflow-y:auto;overflow-x:hidden;"]),A=n.div.withConfig({displayName:"styled__SidebarContentNavContainer",componentId:"sc-3xc6b3-6"})(["max-height:calc(100% - 100px);"]),D=n.div.withConfig({displayName:"styled__SidebarTabletThemeSwitcher",componentId:"sc-3xc6b3-7"})(["display:none;",""],r({variant:"dashboard",merge:!0,tablet:e`
185
185
  display: flex;
186
186
  justify-content: space-between;
187
187
  align-items: center;
188
188
  width: 100%;
189
- `})),D=n.div.withConfig({displayName:"styled__SidebarHead",componentId:"sc-3xc6b3-8"})(["display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%;flex-shrink:0;position:relative;",""],r(({$open:i})=>({variant:"dashboard",merge:!0,tablet:e`
189
+ `})),L=n.div.withConfig({displayName:"styled__SidebarHead",componentId:"sc-3xc6b3-8"})(["display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%;flex-shrink:0;position:relative;",""],r(({$open:i})=>({variant:"dashboard",merge:!0,tablet:e`
190
190
  flex-direction: row-reverse;
191
191
  justify-content: ${i?"space-between":"center"};
192
- `}))),L=n.div.withConfig({displayName:"styled__SidebarHeaderMain",componentId:"sc-3xc6b3-9"})(["display:",";justify-content:space-between;width:100%;align-items:center;"],({$open:i})=>i?"flex":"none"),F=n.div.withConfig({displayName:"styled__SidebarToolbar",componentId:"sc-3xc6b3-10"})(["display:flex;width:inherit;padding-right:20px;gap:10px;align-items:center;justify-content:space-between;position:relative;& > *{width:fit-content;}"," ",""],r({variant:"dashboard",merge:!0,tablet:e`
192
+ `}))),M=n.div.withConfig({displayName:"styled__SidebarHeaderMain",componentId:"sc-3xc6b3-9"})(["display:",";justify-content:space-between;width:100%;align-items:center;"],({$open:i})=>i?"flex":"none"),F=n.div.withConfig({displayName:"styled__SidebarToolbar",componentId:"sc-3xc6b3-10"})(["display:flex;width:inherit;padding-right:20px;gap:10px;align-items:center;justify-content:space-between;position:relative;& > *{width:fit-content;}"," ",""],r({variant:"dashboard",merge:!0,tablet:e`
193
193
  flex-direction: row;
194
194
  `}),({$open:i})=>!i&&r({variant:"dashboard",merge:!0,desktop:e`
195
195
  flex-direction: column-reverse;
196
196
  `})),G=n.div.withConfig({displayName:"styled__SidebarToggle",componentId:"sc-3xc6b3-11"})(["display:flex;",""],r({variant:"dashboard",merge:!0,tablet:e`
197
197
  display: none;
198
- `})),R=n.div.withConfig({displayName:"styled__SidebarSearchContainer",componentId:"sc-3xc6b3-12"})(["width:100%;padding-right:20px;"]),U=n.div.withConfig({displayName:"styled__SidebarDeleteButtonContainer",componentId:"sc-3xc6b3-13"})(["width:100%;padding-right:20px;"]),E=n.div.withConfig({displayName:"styled__SidebarDivider",componentId:"sc-3xc6b3-14"})(["height:1px;width:calc(100% - 20px);background-color:",";margin-top:14px;"],({theme:i})=>i.colors.grayScale.gray3),J=n.div.withConfig({displayName:"styled__SidebarWrapper",componentId:"sc-3xc6b3-15"})(["display:flex;width:100%;overflow:hidden;"]),K=n(d).attrs({size:39}).withConfig({displayName:"styled__SidebarLogo",componentId:"sc-3xc6b3-16"})([""]),O=n.a.withConfig({displayName:"styled__SidebarLogoLink",componentId:"sc-3xc6b3-17"})(["display:inline-flex;transition:0.35s opacity;&:hover{opacity:0.7;}"]),P=n.div.withConfig({displayName:"styled__SidebarHeader",componentId:"sc-3xc6b3-18"})(["display:",";grid-template-columns:",";align-items:center;position:relative;padding-right:20px;width:100%;gap:20px;margin-bottom:20px;justify-content:space-between;",""],({$open:i})=>i?"grid":"none",({$disableMenu:i})=>i?"1fr auto":"1fr auto auto",r({variant:"dashboard",merge:!0,tablet:e`
198
+ `})),R=n.div.withConfig({displayName:"styled__SidebarSearchContainer",componentId:"sc-3xc6b3-12"})(["width:100%;padding-right:20px;"]),U=n.div.withConfig({displayName:"styled__SidebarDeleteButtonContainer",componentId:"sc-3xc6b3-13"})(["width:100%;padding-right:20px;"]),E=n.div.withConfig({displayName:"styled__SidebarDivider",componentId:"sc-3xc6b3-14"})(["height:1px;width:calc(100% - 20px);background-color:",";margin-top:14px;"],({theme:i})=>i.colors.grayScale.gray3),J=n.div.withConfig({displayName:"styled__SidebarWrapper",componentId:"sc-3xc6b3-15"})(["display:flex;width:100%;overflow:hidden;"]),K=n(d).attrs({size:39}).withConfig({displayName:"styled__SidebarLogo",componentId:"sc-3xc6b3-16"})([""]),O=n.a.withConfig({displayName:"styled__SidebarLogoLink",componentId:"sc-3xc6b3-17"})(["display:inline-flex;transition:0.35s opacity;&:hover{opacity:0.7;}"]),P=n.div.withConfig({displayName:"styled__SidebarHeader",componentId:"sc-3xc6b3-18"})(["display:",";grid-template-columns:1fr auto auto;align-items:center;position:relative;padding-right:20px;width:100%;gap:20px;margin-bottom:20px;justify-content:space-between;",""],({$open:i})=>i?"grid":"none",r({variant:"dashboard",merge:!0,tablet:e`
199
199
  width: auto;
200
200
  display: none;
201
201
  `})),Q=n.div.withConfig({displayName:"styled__SidebarTop",componentId:"sc-3xc6b3-19"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;flex-grow:1;overflow:hidden;"]),V=n.div.withConfig({displayName:"styled__SidebarBottom",componentId:"sc-3xc6b3-20"})(["display:flex;flex-direction:column;gap:14px;width:100%;margin-top:14px;padding-right:20px;",""],r({variant:"dashboard",tablet:e`
@@ -222,4 +222,4 @@ import{jsx as i}from"react/jsx-runtime";import{createGlobalStyle as o,css as e,s
222
222
  display: none;
223
223
  `})),ei=n.div.withConfig({displayName:"styled__SidebarHeaderRight",componentId:"sc-3xc6b3-26"})(["display:flex;align-items:center;gap:20px;&:last-child{","}"],r({variant:"dashboard",tablet:e`
224
224
  display: none;
225
- `})),ni=n.div.withConfig({displayName:"styled__SidebarBodyContent",componentId:"sc-3xc6b3-27"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;"]);export{oi as SidebarArrowDownButton,ii as SidebarArrowUpButton,X as SidebarBanner,Y as SidebarBody,ni as SidebarBodyContent,Z as SidebarBodyScrollbarWrapper,V as SidebarBottom,W as SidebarContent,q as SidebarContentNav,M as SidebarContentNavContainer,T as SidebarContentNavMenuScrollbarWrapper,H as SidebarContentNavMenuWrapper,U as SidebarDeleteButtonContainer,E as SidebarDivider,I as SidebarGlobalStyle,D as SidebarHead,P as SidebarHeader,L as SidebarHeaderMain,ei as SidebarHeaderRight,K as SidebarLogo,O as SidebarLogoLink,R as SidebarSearchContainer,z as SidebarStyled,A as SidebarTabletThemeSwitcher,B as SidebarTextField,G as SidebarToggle,F as SidebarToolbar,Q as SidebarTop,J as SidebarWrapper};
225
+ `})),ni=n.div.withConfig({displayName:"styled__SidebarBodyContent",componentId:"sc-3xc6b3-27"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;"]);export{oi as SidebarArrowDownButton,ii as SidebarArrowUpButton,X as SidebarBanner,Y as SidebarBody,ni as SidebarBodyContent,Z as SidebarBodyScrollbarWrapper,V as SidebarBottom,W as SidebarContent,q as SidebarContentNav,A as SidebarContentNavContainer,T as SidebarContentNavMenuScrollbarWrapper,H as SidebarContentNavMenuWrapper,U as SidebarDeleteButtonContainer,E as SidebarDivider,I as SidebarGlobalStyle,L as SidebarHead,P as SidebarHeader,M as SidebarHeaderMain,ei as SidebarHeaderRight,K as SidebarLogo,O as SidebarLogoLink,R as SidebarSearchContainer,z as SidebarStyled,D as SidebarTabletThemeSwitcher,B as SidebarTextField,G as SidebarToggle,F as SidebarToolbar,Q as SidebarTop,J as SidebarWrapper};
package/dist/icons/send/index.js CHANGED
@@ -1 +1 @@
1
- import{__rest as i}from"tslib";import{jsx as n,jsxs as o,Fragment as r}from"react/jsx-runtime";import{Icon as t}from"../../components/icon/index.js";import{icon as e}from"../../components/icon/component.js";import{IconConsumer as l}from"../../components/icon/context.js";const c=e(e=>{var c=i(e,[]);return n(t,Object.assign({size:18,viewBox:"0 0 18 19",fill:"none"},c,{children:n(l,{children:({fill:i="#fff"}={fill:"#fff"})=>o(r,{children:[n("g",{clipPath:"url(#clip0_338_11089)",children:n("path",{d:"M16.9161 3.6004C17.3086 2.65022 16.2564 1.72946 15.1705 2.07375L1.8994 6.27362C0.80991 6.6187 0.678153 7.91954 1.68041 8.42762L5.91663 10.5737L9.69942 7.26355C9.87079 7.11871 10.1003 7.03857 10.3386 7.04038C10.5768 7.04219 10.8047 7.12582 10.9732 7.27324C11.1417 7.42066 11.2372 7.62009 11.2393 7.82857C11.2414 8.03705 11.1498 8.2379 10.9843 8.38787L7.20149 11.698L9.65489 15.4049C10.2346 16.2819 11.7212 16.1658 12.1156 15.2133L16.9161 3.6004Z",fill:i})}),n("defs",{children:n("clipPath",{id:"clip0_338_11089",children:n("rect",{width:"18",height:"18",fill:i,transform:"translate(0 0.5)"})})})]})})}))});export{c as SendIcon};
1
+ import{__rest as i}from"tslib";import{jsx as t,jsxs as e,Fragment as n}from"react/jsx-runtime";import{Icon as o}from"../../components/icon/index.js";import{icon as r}from"../../components/icon/component.js";import{IconConsumer as l}from"../../components/icon/context.js";const c=r(r=>{var c=i(r,[]);return t(o,Object.assign({size:18,viewBox:"0 0 18 19",fill:"none"},c,{children:t(l,{children:({fill:i="white"}={fill:"white"})=>e(n,{children:[t("g",{clipPath:"url(#clip0_338_11089)",children:t("path",{d:"M16.9161 3.6004C17.3086 2.65022 16.2564 1.72946 15.1705 2.07375L1.8994 6.27362C0.80991 6.6187 0.678153 7.91954 1.68041 8.42762L5.91663 10.5737L9.69942 7.26355C9.87079 7.11871 10.1003 7.03857 10.3386 7.04038C10.5768 7.04219 10.8047 7.12582 10.9732 7.27324C11.1417 7.42066 11.2372 7.62009 11.2393 7.82857C11.2414 8.03705 11.1498 8.2379 10.9843 8.38787L7.20149 11.698L9.65489 15.4049C10.2346 16.2819 11.7212 16.1658 12.1156 15.2133L16.9161 3.6004Z",fill:i})}),t("defs",{children:t("clipPath",{id:"clip0_338_11089",children:t("rect",{width:"18",height:"18",fill:"white",transform:"translate(0 0.5)"})})})]})})}))});export{c as SendIcon};
package/dist/theme/themes.js CHANGED
@@ -1 +1 @@
1
- const a={mode:"dark",scheme:"standard",bright:!1,colors:{base:{black:"#0E0C15",white:"#FFFFFF"},accent:{primary:"#1C64F2",primary20:"#1C64F2",primaryLight:"#4785ff",strong:"#0A4FD1",strongDown:"#073EAF"},grayScale:{gray1:"#616D8D",gray2:"#313E62",gray3:"#222B44",gray4:"#121825",gray5:"#374151",gray6:"#9CA3AF",gray7:"#171E2F"},premiumGradient:"linear-gradient(90deg, #1C64F2 -0.39%, #D41CF2 99.61%)",gradient:{basic:"linear-gradient(90deg, #00247D 0%, #1C64F2 100%)",light:"linear-gradient(90deg, #073DC3 0%, #4785FF 100%)",premium:"linear-gradient(90deg, #4785FF 0%, #7740F2 100%)",deluxe:"linear-gradient(90deg, #5728FF 0%, #A750FF 100%)",enterprise:"linear-gradient(90deg, #6E1AFF -0.39%, #D967FF 99.61%)",enterprise20:"linear-gradient(90deg, rgba(110, 26, 255, 0.2) -0.39%, rgba(217, 103, 255, 0.2) 99.61%)",elite:"linear-gradient(90deg, #1C64F2 0%, #D41CF2 100%)",elite20:"linear-gradient(90deg, rgba(28,100,242,0.2) 0%, rgba(212,28,242,0.2) 100%)"},critic:"#FE4242",orange:"#F29C1C",purple:"#941CF2",aqua:"#1CB2F2",green:"#1ABB34",gpt3:"#28A08C",gpt4:"#735FFA",custom:{background:"#0E0C15",message:{user:{background:"#1C64F2",text:"#FFFFFF"},assistant:{text:"#FFFFFF"}},icon:"#313E62",interface:{text:"#FFFFFF"}}},tablet:{maxWidth:"1060px"},mobile:{maxWidth:"550px",minWidth:"400px"},zIndex:{scrollbarShadow:2,headerMenu:3,header:4,backdrop:5,menu:6,modal:7,select:8,notifications:9,tooltip:10},header:{height:"89px",mobile:{height:"70px"}},dashboard:{header:{height:"82px",tablet:{height:"76px"},mobile:{height:"70px"}},chat:{containerWidth:"1260px"},tablet:{maxWidth:"1060px"},miniTablet:{maxWidth:"900px"},mobile:{maxWidth:"600px",minWidth:"400px"}}},r=Object.assign(Object.assign({},a),{mode:"dark",default:a}),s=Object.assign(Object.assign({},a),{mode:"light",default:a,colors:Object.assign(Object.assign({},a.colors),{base:{black:"#FFFFFF",white:"#0E0C15"},accent:{primary:"#1C64F2",primary20:"#1C64F2",primaryLight:"#4785FF",strong:"#0A4FD1",strongDown:"#073EAF"},grayScale:{gray1:"#ADB8C0",gray2:"#CDD5DA",gray3:"#DBE0E4",gray4:"#F5F6F7",gray5:"#ADB5BD",gray6:"#DDE8F3",gray7:"#E6E9EC"},custom:{background:"#FFFFFF",message:{user:{background:"#1C64F2",text:"#FFFFFF"},assistant:{text:"#0E0C15"}},icon:"#CDD5DA",interface:{text:"#0E0C15"}}})}),g={standard:{dark:r,light:s},strawberry:{dark:Object.assign(Object.assign({},r),{scheme:"strawberry",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{black:"#30191E",white:"#FFFFFF"},accent:{primary:"#FFB1C0",primary20:"#FFB1C0",primaryLight:"#FFB1C0",strong:"#D88A99",strongDown:"#C07483"},grayScale:{gray1:"#9F6D78",gray2:"#9F6D78",gray3:"#6E474F",gray4:"#4F3439",gray5:"#7D5058",gray6:"#BF8E99",gray7:"#3A2428"}})}),light:Object.assign(Object.assign({},s),{scheme:"strawberry",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#924759",primary20:"#924759",primaryLight:"#F3D2D7",strong:"#7A3A4A",strongDown:"#672F3D"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#F3D2D7"})})})},rose:{dark:Object.assign(Object.assign({},r),{scheme:"rose",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#281C1F"},accent:{primary:"#DDBFC3",primary20:"#DDBFC3",primaryLight:"#DDBFC3",strong:"#BEA0A4",strongDown:"#A68A8E"},grayScale:{gray1:"#AF969C",gray2:"#AF969C",gray3:"#5E4D50",gray4:"#46383A",gray5:"#8C777B",gray6:"#C9B5BA",gray7:"#352A2D"}})}),light:Object.assign(Object.assign({},s),{scheme:"rose",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#70585C",primary20:"#70585C",primaryLight:"#E5D0D3",strong:"#5D494D",strongDown:"#4E3D40"}})})},orange:{dark:Object.assign(Object.assign({},r),{scheme:"orange",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#362112"},accent:{primary:"#FFB787",primary20:"#FFB787",primaryLight:"#FFB787",strong:"#D99A71",strongDown:"#BD855F"},grayScale:{gray1:"#A7784D",gray2:"#A7784D",gray3:"#724E35",gray4:"#4F3625",gray5:"#85603E",gray6:"#C29A73",gray7:"#2A1A10"}})}),light:Object.assign(Object.assign({},s),{scheme:"orange",bright:!0,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#E9A97E",primary20:"#E9A97E",primaryLight:"#F6DAC8",strong:"#C58D68",strongDown:"#A67858"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#F6DAC8"})})})},milktea:{dark:Object.assign(Object.assign({},r),{scheme:"milktea",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#281D16"},accent:{primary:"#DEC1B1",primary20:"#DEC1B1",primaryLight:"#DEC1B1",strong:"#BEA395",strongDown:"#A68D80"},grayScale:{gray1:"#AE9D8D",gray2:"#AE9D8D",gray3:"#5F4E44",gray4:"#463931",gray5:"#8B7E72",gray6:"#C9B9AA",gray7:"#211713"}})}),light:Object.assign(Object.assign({},s),{scheme:"milktea",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#7A5641",primary20:"#7A5641",primaryLight:"#E7D7CE",strong:"#654737",strongDown:"#553C2F"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#E7D7CE"})})})},banana:{dark:Object.assign(Object.assign({},r),{scheme:"banana",bright:!0,colors:Object.assign(Object.assign({},s.colors),{base:{white:"#FFFFFF",black:"#251F07"},accent:{primary:"#DEC663",primary20:"#DEC663",primaryLight:"#DEC663",strong:"#BDA752",strongDown:"#A39147"},grayScale:{gray1:"#9F8C58",gray2:"#9F8C58",gray3:"#5D5123",gray4:"#423B20",gray5:"#7F7047",gray6:"#BAA876",gray7:"#1D1905"}})}),light:Object.assign(Object.assign({},s),{scheme:"banana",bright:!0,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#F3D25B",primary20:"#F3D25B",primaryLight:"#F2EBD7",strong:"#D0B34B",strongDown:"#B39A41"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#F2EBD7"})})})},apple:{dark:Object.assign(Object.assign({},r),{scheme:"apple",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#1A2517"},accent:{primary:"#9BD888",primary20:"#9BD888",primaryLight:"#9BD888",strong:"#83B971",strongDown:"#719F61"},grayScale:{gray1:"#7CA87E",gray2:"#7CA87E",gray3:"#405B39",gray4:"#33402F",gray5:"#638664",gray6:"#9BC49D",gray7:"#141E11"}})}),light:Object.assign(Object.assign({},s),{scheme:"apple",bright:!0,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#89CE73",primary20:"#89CE73",primaryLight:"#D7E8CD",strong:"#73AF60",strongDown:"#629551"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#D7E8CD"})})})},swamp:{dark:Object.assign(Object.assign({},r),{scheme:"swamp",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#1B211A"},accent:{primary:"#BECAB8",primary20:"#BECAB8",primaryLight:"#BECAB8",strong:"#A0AB9B",strongDown:"#8A9485"},grayScale:{gray1:"#8EA28F",gray2:"#8EA28F",gray3:"#4B5747",gray4:"#373D35",gray5:"#717E72",gray6:"#ADBDAE",gray7:"#151A14"}})}),light:Object.assign(Object.assign({},s),{scheme:"swamp",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#566253",primary20:"#566253",primaryLight:"#DEE5D8",strong:"#475244",strongDown:"#3B4539"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#DEE5D8"})})})},aquamarine:{dark:Object.assign(Object.assign({},r),{scheme:"aquamarine",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#0D2220"},accent:{primary:"#69DBCD",primary20:"#69DBCD",primaryLight:"#69DBCD",strong:"#57BAAD",strongDown:"#4A9F94"},grayScale:{gray1:"#4F8E8E",gray2:"#4F8E8E",gray3:"#285A53",gray4:"#153531",gray5:"#3F7171",gray6:"#76ACAC",gray7:"#091A19"}})}),light:Object.assign(Object.assign({},s),{scheme:"aquamarine",bright:!0,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#66CABC",primary20:"#66CABC",primaryLight:"#DDECE9",strong:"#54A99D",strongDown:"#489085"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#DDECE9"})})})},mountain:{dark:Object.assign(Object.assign({},r),{scheme:"mountain",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#1E2729"},accent:{primary:"#BCD0D3",primary20:"#BCD0D3",primaryLight:"#BCD0D3",strong:"#9FB1B4",strongDown:"#88999B"},grayScale:{gray1:"#84A1A8",gray2:"#84A1A8",gray3:"#4D595C",gray4:"#343D3F",gray5:"#697F85",gray6:"#A1BDC3",gray7:"#181F21"}})}),light:Object.assign(Object.assign({},s),{scheme:"mountain",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#276470",primary20:"#276470",primaryLight:"#DDE8EA",strong:"#20535D",strongDown:"#1B454E"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#DDE8EA"})})})},lake:{dark:Object.assign(Object.assign({},r),{scheme:"lake",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#1D2636"},accent:{primary:"#AAC7FF",primary20:"#AAC7FF",primaryLight:"#AAC7FF",strong:"#8FA8D9",strongDown:"#7B91BA"},grayScale:{gray1:"#7B8BB8",gray2:"#7B8BB8",gray3:"#475772",gray4:"#333C4D",gray5:"#626F93",gray6:"#96A7D1",gray7:"#161E2B"}})}),light:Object.assign(Object.assign({},s),{scheme:"lake",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#3A5E98",primary20:"#3A5E98",primaryLight:"#D6E0F2",strong:"#304E80",strongDown:"#29426D"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#D6E0F2"})})})},iris:{dark:Object.assign(Object.assign({},r),{scheme:"iris",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#231C2F"},accent:{primary:"#D4BBFF",primary20:"#D4BBFF",primaryLight:"#D4BBFF",strong:"#B49FD9",strongDown:"#9A88BA"},grayScale:{gray1:"#896FB4",gray2:"#896FB4",gray3:"#4C415E",gray4:"#3F384C",gray5:"#6D5990",gray6:"#A389CF",gray7:"#1A1524"}})}),light:Object.assign(Object.assign({},s),{scheme:"iris",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#6A5294",primary20:"#6A5294",primaryLight:"#EADEF7",strong:"#58447C",strongDown:"#4A3A69"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#EADEF7"})})})},peony:{dark:Object.assign(Object.assign({},r),{scheme:"peony",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#2B1A28"},accent:{primary:"#F6B0EA",primary20:"#F6B0EA",primaryLight:"#F6B0EA",strong:"#D295C8",strongDown:"#B57FAC"},grayScale:{gray1:"#BF6FB7",gray2:"#BF6FB7",gray3:"#684762",gray4:"#493545",gray5:"#985992",gray6:"#D489CD",gray7:"#21141F"}})}),light:Object.assign(Object.assign({},s),{scheme:"peony",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#834A7D",primary20:"#834A7D",primaryLight:"#F7DAEF",strong:"#6D3D69",strongDown:"#5C3358"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#F7DAEF"})})})}};export{g as THEMES,a as defaultTheme,r as standardDark,s as standardLight};
1
+ const a={mode:"dark",scheme:"standard",bright:!1,colors:{base:{black:"#0E0C15",white:"#FFFFFF"},accent:{primary:"#1C64F2",primaryLight:"#4785ff",strong:"#0A4FD1",strongDown:"#073EAF"},grayScale:{gray1:"#616D8D",gray2:"#313E62",gray3:"#222B44",gray4:"#121825",gray5:"#374151",gray6:"#9CA3AF",gray7:"#171E2F"},premiumGradient:"linear-gradient(90deg, #1C64F2 -0.39%, #D41CF2 99.61%)",gradient:{basic:"linear-gradient(90deg, #00247D 0%, #1C64F2 100%)",light:"linear-gradient(90deg, #073DC3 0%, #4785FF 100%)",premium:"linear-gradient(90deg, #4785FF 0%, #7740F2 100%)",deluxe:"linear-gradient(90deg, #5728FF 0%, #A750FF 100%)",enterprise:"linear-gradient(90deg, #6E1AFF -0.39%, #D967FF 99.61%)",enterprise20:"linear-gradient(90deg, rgba(110, 26, 255, 0.2) -0.39%, rgba(217, 103, 255, 0.2) 99.61%)",elite:"linear-gradient(90deg, #1C64F2 0%, #D41CF2 100%)",elite20:"linear-gradient(90deg, rgba(28,100,242,0.2) 0%, rgba(212,28,242,0.2) 100%)"},critic:"#FE4242",orange:"#F29C1C",purple:"#941CF2",aqua:"#1CB2F2",green:"#1ABB34",gpt3:"#28A08C",gpt4:"#735FFA",custom:{background:"#0E0C15",message:{user:{background:"#1C64F2",text:"#FFFFFF"},assistant:{text:"#FFFFFF"}},icon:"#313E62",interface:{text:"#FFFFFF"}}},tablet:{maxWidth:"1060px"},mobile:{maxWidth:"550px",minWidth:"400px"},zIndex:{scrollbarShadow:2,headerMenu:3,header:4,backdrop:5,menu:6,modal:7,select:8,notifications:9,tooltip:10},header:{height:"89px",mobile:{height:"70px"}},dashboard:{header:{height:"82px",tablet:{height:"76px"},mobile:{height:"70px"}},chat:{containerWidth:"1260px"},tablet:{maxWidth:"1060px"},miniTablet:{maxWidth:"900px"},mobile:{maxWidth:"600px",minWidth:"400px"}}},r=Object.assign(Object.assign({},a),{mode:"dark",default:a}),s=Object.assign(Object.assign({},a),{mode:"light",default:a,colors:Object.assign(Object.assign({},a.colors),{base:{black:"#FFFFFF",white:"#0E0C15"},accent:{primary:"#1C64F2",primaryLight:"#4785FF",strong:"#0A4FD1",strongDown:"#073EAF"},grayScale:{gray1:"#ADB8C0",gray2:"#CDD5DA",gray3:"#DBE0E4",gray4:"#F5F6F7",gray5:"#ADB5BD",gray6:"#DDE8F3",gray7:"#E6E9EC"},custom:{background:"#FFFFFF",message:{user:{background:"#1C64F2",text:"#FFFFFF"},assistant:{text:"#0E0C15"}},icon:"#CDD5DA",interface:{text:"#0E0C15"}}})}),g={standard:{dark:r,light:s},strawberry:{dark:Object.assign(Object.assign({},r),{scheme:"strawberry",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{black:"#30191E",white:"#FFFFFF"},accent:{primary:"#FFB1C0",primaryLight:"#FFB1C0",strong:"#D88A99",strongDown:"#C07483"},grayScale:{gray1:"#9F6D78",gray2:"#9F6D78",gray3:"#6E474F",gray4:"#4F3439",gray5:"#7D5058",gray6:"#BF8E99",gray7:"#3A2428"}})}),light:Object.assign(Object.assign({},s),{scheme:"strawberry",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#924759",primaryLight:"#F3D2D7",strong:"#7A3A4A",strongDown:"#672F3D"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#F3D2D7"})})})},rose:{dark:Object.assign(Object.assign({},r),{scheme:"rose",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#281C1F"},accent:{primary:"#DDBFC3",primaryLight:"#DDBFC3",strong:"#BEA0A4",strongDown:"#A68A8E"},grayScale:{gray1:"#AF969C",gray2:"#AF969C",gray3:"#5E4D50",gray4:"#46383A",gray5:"#8C777B",gray6:"#C9B5BA",gray7:"#352A2D"}})}),light:Object.assign(Object.assign({},s),{scheme:"rose",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#70585C",primaryLight:"#E5D0D3",strong:"#5D494D",strongDown:"#4E3D40"}})})},orange:{dark:Object.assign(Object.assign({},r),{scheme:"orange",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#362112"},accent:{primary:"#FFB787",primaryLight:"#FFB787",strong:"#D99A71",strongDown:"#BD855F"},grayScale:{gray1:"#A7784D",gray2:"#A7784D",gray3:"#724E35",gray4:"#4F3625",gray5:"#85603E",gray6:"#C29A73",gray7:"#2A1A10"}})}),light:Object.assign(Object.assign({},s),{scheme:"orange",bright:!0,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#E9A97E",primaryLight:"#F6DAC8",strong:"#C58D68",strongDown:"#A67858"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#F6DAC8"})})})},milktea:{dark:Object.assign(Object.assign({},r),{scheme:"milktea",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#281D16"},accent:{primary:"#DEC1B1",primaryLight:"#DEC1B1",strong:"#BEA395",strongDown:"#A68D80"},grayScale:{gray1:"#AE9D8D",gray2:"#AE9D8D",gray3:"#5F4E44",gray4:"#463931",gray5:"#8B7E72",gray6:"#C9B9AA",gray7:"#211713"}})}),light:Object.assign(Object.assign({},s),{scheme:"milktea",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#7A5641",primaryLight:"#E7D7CE",strong:"#654737",strongDown:"#553C2F"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#E7D7CE"})})})},banana:{dark:Object.assign(Object.assign({},r),{scheme:"banana",bright:!0,colors:Object.assign(Object.assign({},s.colors),{base:{white:"#FFFFFF",black:"#251F07"},accent:{primary:"#DEC663",primaryLight:"#DEC663",strong:"#BDA752",strongDown:"#A39147"},grayScale:{gray1:"#9F8C58",gray2:"#9F8C58",gray3:"#5D5123",gray4:"#423B20",gray5:"#7F7047",gray6:"#BAA876",gray7:"#1D1905"}})}),light:Object.assign(Object.assign({},s),{scheme:"banana",bright:!0,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#F3D25B",primaryLight:"#F2EBD7",strong:"#D0B34B",strongDown:"#B39A41"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#F2EBD7"})})})},apple:{dark:Object.assign(Object.assign({},r),{scheme:"apple",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#1A2517"},accent:{primary:"#9BD888",primaryLight:"#9BD888",strong:"#83B971",strongDown:"#719F61"},grayScale:{gray1:"#7CA87E",gray2:"#7CA87E",gray3:"#405B39",gray4:"#33402F",gray5:"#638664",gray6:"#9BC49D",gray7:"#141E11"}})}),light:Object.assign(Object.assign({},s),{scheme:"apple",bright:!0,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#89CE73",primaryLight:"#D7E8CD",strong:"#73AF60",strongDown:"#629551"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#D7E8CD"})})})},swamp:{dark:Object.assign(Object.assign({},r),{scheme:"swamp",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#1B211A"},accent:{primary:"#BECAB8",primaryLight:"#BECAB8",strong:"#A0AB9B",strongDown:"#8A9485"},grayScale:{gray1:"#8EA28F",gray2:"#8EA28F",gray3:"#4B5747",gray4:"#373D35",gray5:"#717E72",gray6:"#ADBDAE",gray7:"#151A14"}})}),light:Object.assign(Object.assign({},s),{scheme:"swamp",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#566253",primaryLight:"#DEE5D8",strong:"#475244",strongDown:"#3B4539"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#DEE5D8"})})})},aquamarine:{dark:Object.assign(Object.assign({},r),{scheme:"aquamarine",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#0D2220"},accent:{primary:"#69DBCD",primaryLight:"#69DBCD",strong:"#57BAAD",strongDown:"#4A9F94"},grayScale:{gray1:"#4F8E8E",gray2:"#4F8E8E",gray3:"#285A53",gray4:"#153531",gray5:"#3F7171",gray6:"#76ACAC",gray7:"#091A19"}})}),light:Object.assign(Object.assign({},s),{scheme:"aquamarine",bright:!0,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#66CABC",primaryLight:"#DDECE9",strong:"#54A99D",strongDown:"#489085"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#DDECE9"})})})},mountain:{dark:Object.assign(Object.assign({},r),{scheme:"mountain",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#1E2729"},accent:{primary:"#BCD0D3",primaryLight:"#BCD0D3",strong:"#9FB1B4",strongDown:"#88999B"},grayScale:{gray1:"#84A1A8",gray2:"#84A1A8",gray3:"#4D595C",gray4:"#343D3F",gray5:"#697F85",gray6:"#A1BDC3",gray7:"#181F21"}})}),light:Object.assign(Object.assign({},s),{scheme:"mountain",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#276470",primaryLight:"#DDE8EA",strong:"#20535D",strongDown:"#1B454E"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#DDE8EA"})})})},lake:{dark:Object.assign(Object.assign({},r),{scheme:"lake",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#1D2636"},accent:{primary:"#AAC7FF",primaryLight:"#AAC7FF",strong:"#8FA8D9",strongDown:"#7B91BA"},grayScale:{gray1:"#7B8BB8",gray2:"#7B8BB8",gray3:"#475772",gray4:"#333C4D",gray5:"#626F93",gray6:"#96A7D1",gray7:"#161E2B"}})}),light:Object.assign(Object.assign({},s),{scheme:"lake",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#3A5E98",primaryLight:"#D6E0F2",strong:"#304E80",strongDown:"#29426D"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#D6E0F2"})})})},iris:{dark:Object.assign(Object.assign({},r),{scheme:"iris",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#231C2F"},accent:{primary:"#D4BBFF",primaryLight:"#D4BBFF",strong:"#B49FD9",strongDown:"#9A88BA"},grayScale:{gray1:"#896FB4",gray2:"#896FB4",gray3:"#4C415E",gray4:"#3F384C",gray5:"#6D5990",gray6:"#A389CF",gray7:"#1A1524"}})}),light:Object.assign(Object.assign({},s),{scheme:"iris",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#6A5294",primaryLight:"#EADEF7",strong:"#58447C",strongDown:"#4A3A69"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#EADEF7"})})})},peony:{dark:Object.assign(Object.assign({},r),{scheme:"peony",bright:!0,colors:Object.assign(Object.assign({},r.colors),{base:{white:"#FFFFFF",black:"#2B1A28"},accent:{primary:"#F6B0EA",primaryLight:"#F6B0EA",strong:"#D295C8",strongDown:"#B57FAC"},grayScale:{gray1:"#BF6FB7",gray2:"#BF6FB7",gray3:"#684762",gray4:"#493545",gray5:"#985992",gray6:"#D489CD",gray7:"#21141F"}})}),light:Object.assign(Object.assign({},s),{scheme:"peony",bright:!1,colors:Object.assign(Object.assign({},s.colors),{accent:{primary:"#834A7D",primaryLight:"#F7DAEF",strong:"#6D3D69",strongDown:"#5C3358"},grayScale:Object.assign(Object.assign({},s.colors.grayScale),{gray3:"#F7DAEF"})})})}};export{g as THEMES,a as defaultTheme,r as standardDark,s as standardLight};
package/dist/theme/types.d.ts CHANGED
@@ -35,7 +35,6 @@ export interface ThemeBaseColors {
35
35
  export interface ThemeAccentColors {
36
36
  primary: string;
37
37
  primaryLight: string;
38
- primary20: string;
39
38
  strong: string;
40
39
  strongDown: string;
41
40
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bothub-chat/ui",
3
- "version": "2.49.1-feat-finam-b4dd5675-a6e7-4127-98ed-af372cb25d2d",
3
+ "version": "2.50.0-develop-9a7c70c3-5df1-4f98-be4d-30f99dbf86be",
4
4
  "description": "Bothub UI Components",
5
5
  "keywords": [
6
6
  "bot",