@bothub-chat/ui 2.57.1-develop-8da3792f-a74c-4232-9d38-ca27dc6afede → 2.57.1-fix-ceo-725ba23a-a0d6-4208-966e-f78a5249dfc0

package/dist/components/message/video/index.js

@@ -1 +1 @@
-import{jsxs as i,jsx as o}from"react/jsx-runtime";import{useRef as n,useState as s,useCallback as e,useEffect as r}from"react";import{MessageVideoContainer as t,MessageVideoStyled as c,MessageSourceStyled as d,MessageVideoControls as p,MessageVideoTimeLine as m,MessageVideoControlsButtons as x,MessageVideoControlsButton as j,MessageVideoTimeText as a,MessageVideoDownload as l}from"./styled.js";import{MaxWindowIcon as u}from"../../../icons/max-window/index.js";import{MinWindowIcon as g}from"../../../icons/min-window/index.js";import{PauseButtonIcon as b}from"../../../icons/pause-button/index.js";import{PlayButtonIcon as h}from"../../../icons/play-button/index.js";import{MessageVideoVolume as f}from"./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"tslib";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{DownloadImgIcon as w}from"../../../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/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/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"../../../icons/folder/index.js";import{getVideoMimeType as k}from"../../../utils/getVideoMimeType.js";const v=i=>{const o=Math.floor(i/60),n=Math.floor(i%60);return`${o.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}`},y=({src:y,downloadVideo:z})=>{const C=n(null),[M,S]=s(!1),[q,T]=s("00:00"),[$,F]=s("00:00"),[E,L]=s(0),[V,D]=s(!1),[U,B]=s(!1),H=n(null),R=V?28:24,X=k(y),_=e(()=>{C.current&&(C.current.play(),S(!0))},[]),A=e(()=>{C.current&&(C.current.pause(),S(!1))},[]),G=e(i=>{const{currentTime:o,duration:n}=i.currentTarget,s=v(o);T(s);L(o/n*100)},[]),I=e(i=>{const{duration:o}=i.currentTarget,n=v(o);F(n)},[]),J=e(i=>{if(i.preventDefault(),!C.current)return;const{clientX:o}=i,{width:n,left:s}=i.currentTarget.getBoundingClientRect(),e=(o-s)/n*100;L(e),C.current.currentTime=e/100*C.current.duration},[]),K=e(()=>{B(!0)},[]),N=e(i=>{U&&J(i)},[U]),O=e(()=>{B(!1)},[]),P=e(()=>{H.current&&(V?document.exitFullscreen():H.current.requestFullscreen(),D(!V))},[V]),Q=e(i=>{if(C.current){const o=Math.floor(i)/100;C.current.volume=o}},[]);return r(()=>{const i=()=>{D(null!==document.fullscreenElement)};return window.addEventListener("fullscreenchange",i),()=>{window.removeEventListener("fullscreenchange",i)}},[M]),i(t,{ref:H,onMouseLeave:O,onMouseMove:N,onMouseUp:O,children:[o(c,{ref:C,onClick:M?A:_,onLoadedData:I,onTimeUpdate:G,onEnded:A,$isFullScreen:V,children:o(d,{src:y,type:X})}),i(p,{$isFullScreen:V,$isVisible:!M,children:[o(m,{onClick:J,onMouseDown:K,$progress:E}),i(x,{$isFullScreen:V,children:[o(j,M?{onClick:A,children:o(b,{size:R})}:{onClick:_,children:o(h,{size:R})}),o(f,{iconSize:R,handleChangeVolume:Q}),i(a,{children:[q," / ",$]}),z&&o(l,{iconFill:"#fff",disableHoverColor:!0,iconSize:R,onClick:z,children:o(w,{})}),o(j,{onClick:P,children:V?o(g,{fill:"#fff",size:R}):o(u,{stroke:"#fff",size:R})})]})]})]})};export{y as MessageVideo};
+import{jsxs as i,jsx as o}from"react/jsx-runtime";import{useRef as n,useState as s,useCallback as e,useEffect as r}from"react";import{MessageVideoContainer as t,MessageVideoStyled as c,MessageSourceStyled as d,MessageVideoControls as m,MessageVideoTimeLine as p,MessageVideoControlsButtons as x,MessageVideoControlsButton as j,MessageVideoTimeText as a,MessageVideoDownload as l}from"./styled.js";import{MaxWindowIcon as u}from"../../../icons/max-window/index.js";import{MinWindowIcon as g}from"../../../icons/min-window/index.js";import{PauseButtonIcon as b}from"../../../icons/pause-button/index.js";import{PlayButtonIcon as h}from"../../../icons/play-button/index.js";import{MessageVideoVolume as f}from"./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"tslib";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{DownloadImgIcon as w}from"../../../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/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/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"../../../icons/history/index.js";import"../../../icons/money-plus/index.js";import"../../../icons/money-stack/index.js";import"../../../icons/sort-numeric-bottom/index.js";import"../../../icons/sort-numeric-top/index.js";import"../../../icons/bulb/index.js";import"../../../icons/prompt-queue/index.js";import"../../../icons/image/index.js";import"../../../icons/text/index.js";import"../../../icons/code/index.js";import"../../../icons/blue-grok/index.js";import"../../../icons/double-image/index.js";import{getVideoMimeType as k}from"../../../utils/getVideoMimeType.js";const y=i=>{const o=Math.floor(i/60),n=Math.floor(i%60);return`${o.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}`},v=({src:v,downloadVideo:z})=>{const C=n(null),[M,S]=s(!1),[q,T]=s("00:00"),[$,F]=s("00:00"),[E,L]=s(0),[V,D]=s(!1),[U,B]=s(!1),H=n(null),R=V?28:24,X=k(v),_=e(()=>{C.current&&(C.current.play(),S(!0))},[]),A=e(()=>{C.current&&(C.current.pause(),S(!1))},[]),G=e(i=>{const{currentTime:o,duration:n}=i.currentTarget,s=y(o);T(s);L(o/n*100)},[]),I=e(i=>{const{duration:o}=i.currentTarget,n=y(o);F(n)},[]),J=e(i=>{if(i.preventDefault(),!C.current)return;const{clientX:o}=i,{width:n,left:s}=i.currentTarget.getBoundingClientRect(),e=(o-s)/n*100;L(e),C.current.currentTime=e/100*C.current.duration},[]),K=e(()=>{B(!0)},[]),N=e(i=>{U&&J(i)},[U]),O=e(()=>{B(!1)},[]),P=e(()=>{H.current&&(V?document.exitFullscreen():H.current.requestFullscreen(),D(!V))},[V]),Q=e(i=>{if(C.current){const o=Math.floor(i)/100;C.current.volume=o}},[]);return r(()=>{const i=()=>{D(null!==document.fullscreenElement)};return window.addEventListener("fullscreenchange",i),()=>{window.removeEventListener("fullscreenchange",i)}},[M]),i(t,{ref:H,onMouseLeave:O,onMouseMove:N,onMouseUp:O,children:[o(c,{ref:C,onClick:M?A:_,onLoadedData:I,onTimeUpdate:G,onEnded:A,$isFullScreen:V,children:o(d,{src:v,type:X})}),i(m,{$isFullScreen:V,$isVisible:!M,children:[o(p,{onClick:J,onMouseDown:K,$progress:E}),i(x,{$isFullScreen:V,children:[o(j,M?{onClick:A,children:o(b,{size:R})}:{onClick:_,children:o(h,{size:R})}),o(f,{iconSize:R,handleChangeVolume:Q}),i(a,{children:[q," / ",$]}),z&&o(l,{iconFill:"#fff",disableHoverColor:!0,iconSize:R,onClick:z,children:o(w,{})}),o(j,{onClick:P,children:V?o(g,{fill:"#fff",size:R}):o(u,{stroke:"#fff",size:R})})]})]})]})};export{v as MessageVideo};

package/dist/components/message/video/styled.d.ts

@@ -1469,7 +1469,6 @@ export declare const MessageVideoDownload: import("styled-components").IStyledCo
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
-    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;

package/dist/components/message/voice/index.js

@@ -1 +1 @@
-import{__rest as r}from"tslib";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useId as o,useRef as i,useState as l,useCallback as n}from"react";import{MessageVoiceStyled as c,MessageVoiceAudio as s,MessageVoiceMain as a,MessageVoiceToggleButton as m,MessageVoicePauseIcon as d,MessageVoicePlayIcon as p,MessageVoiceWaves as h,StyledRect as u,MessageVoiceDurationText as f,MessageVoiceToggleTextButton as g,MessageVoiceHideTextIcon as b,MessageVoiceShowTextIcon as w,MessageVoiceText as y}from"./styled.js";import{formatSeconds as j}from"./utils/index.js";import{useMessage as k}from"../context.js";import"../../../theme/index.js";import{IconProvider as x}from"../../icon/context.js";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"../../tooltip/context.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as C}from"../../../utils/colors/isBright.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import{useTheme as P}from"../../../theme/hook.js";const v=v=>{var{height:T=36,src:$,waveData:L,duration:A,tabIndex:B=0,disableTranscription:D,variant:I="message",children:O}=v,_=r(v,["height","src","waveData","duration","tabIndex","disableTranscription","variant","children"]);const z=P(),E=o(),{color:F}=k(),G=i(null),M=i(null),[R,S]=l(!0),[U,X]=l(!1),[q,H]=l(!1),[J,K]=l(null),N=n(()=>{const r=G.current;r&&(U?r.pause():r.play())},[U,G.current]),Q=n(()=>{const r=G.current;r&&K(r.currentTime)},[G.current]),V=n(r=>{r.stopPropagation();const t=G.current,e=M.current;if(!t||!e)return;const o=e.getBoundingClientRect(),{width:i}=o,l=(r.clientX-o.left)/i*A;t.play(),t.currentTime=l},[G.current,A]),W=n(()=>{K(null)},[]),Y=n(r=>{r.stopPropagation(),H(!q)},[q]);return t(c,Object.assign({},_,{children:[e(s,{ref:G,src:$,onPlay:X.bind(null,!0),onPause:X.bind(null,!1),onCanPlayThrough:S.bind(null,!1),onTimeUpdate:Q,onEnded:W}),t(a,{$loading:R,tabIndex:B,children:[e(m,{onClick:N,children:t(x,Object.assign({},"default"===F?"dark"===z.mode?{fill:z.default.colors.base.white,stroke:z.colors.accent.primary}:{fill:z.colors.accent.primaryLight,stroke:z.default.colors.base.white}:"green"===F?{fill:z.colors.gpt3}:"purple"===F?{fill:z.colors.gpt4}:{fill:F},"input"===I&&{size:22},{children:[U&&e(d,{}),!U&&e(p,{})]}))}),t(h,{ref:M,width:"145",height:T,viewBox:`0 0 145 ${T}`,fill:"none",onClick:V,children:[t("g",{clipPath:`url(#${E}_clip)`,children:[e("rect",{width:"145",height:T,fill:"default"===F?"standard"===z.scheme?"#A4C1FA":z.bright||"custom"===z.scheme&&C(z.colors.custom.message.user.background)?z.colors.accent.strongDown:z.colors.accent.primaryLight:z.default.colors.base.white}),null!==J&&e(u,{height:T,fill:"dark"===z.mode?z.default.colors.base.white:z.colors.accent.primaryLight,style:{width:J/A*145}})]}),e("defs",{children:e("clipPath",{id:`${E}_clip`,children:L.map((r,t)=>{const o=Math.max(r/100*36,2);return e("rect",{x:5*t,y:(T-o)/2,width:"3",height:o,rx:"1.5"},t)})})})]}),t(f,{children:[null!==J&&j(J),null===J&&j(A)]}),!D&&e(g,{onClick:Y,children:t(x,{fill:"light"===z.mode?z.colors.accent.primaryLight:z.colors.accent.primary,stroke:z.default.colors.base.white,children:[q&&e(b,{}),!q&&e(w,{})]})})]}),!D&&q&&O&&e(y,{$messageColor:F,children:O})]}))};export{v as MessageVoice};
+import{__rest as t}from"tslib";import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useId as o,useRef as i,useState as n,useEffect as c,useCallback as a}from"react";import{MessageVoiceStyled as l,MessageVoiceAudio as s,MessageVoiceMain as d,MessageVoiceToggleButton as m,MessageVoicePauseIcon as u,MessageVoicePlayIcon as p,MessageVoiceWaves as h,StyledRect as g,MessageVoiceDurationText as f,MessageVoiceToggleTextButton as w,MessageVoiceHideTextIcon as y,MessageVoiceShowTextIcon as b,MessageVoiceText as j}from"./styled.js";import{IconProvider as k}from"../../icon/context.js";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";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as x}from"../../../utils/colors/isBright.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import{formatSeconds as v}from"../../../utils/formatSeconds.js";import{useMessage as C}from"../context.js";import{useTheme as P}from"../../../theme/hook.js";const L="messageVoicePlay",T=T=>{var{height:$=36,src:A,waveData:D,duration:E,tabIndex:S=0,disableTranscription:B,variant:I="message",children:F}=T,O=t(T,["height","src","waveData","duration","tabIndex","disableTranscription","variant","children"]);const _=P(),z=o(),{color:G}=C(),M=i(null),R=i(null),[U,V]=n(!0),[X,q]=n(!1),[H,J]=n(!1),[K,N]=n(null);c(()=>{const t=t=>{const r=M.current,e=t.detail.audio;r&&e!==r&&!r.paused&&r.pause()};return window.addEventListener(L,t),()=>{window.removeEventListener(L,t)}},[]);const Q=a(()=>{const t=new CustomEvent(L,{detail:{audio:M.current}});window.dispatchEvent(t),q(!0)},[]),W=a(()=>{const t=M.current;t&&(X?t.pause():t.play())},[X,M.current]),Y=a(()=>{const t=M.current;t&&N(t.currentTime)},[M.current]),Z=a(t=>{t.stopPropagation();const r=M.current,e=R.current;if(!r||!e)return;const o=e.getBoundingClientRect(),{width:i}=o,n=(t.clientX-o.left)/i*E;r.play(),r.currentTime=n},[M.current,E]),tt=a(()=>{N(null)},[]),rt=a(t=>{t.stopPropagation(),J(!H)},[H]);return r(l,Object.assign({},O,{children:[e(s,{ref:M,src:A,onPlay:Q,onPause:q.bind(null,!1),onCanPlayThrough:V.bind(null,!1),onTimeUpdate:Y,onEnded:tt}),r(d,{$loading:U,tabIndex:S,children:[e(m,{onClick:W,children:e(k,Object.assign({},"message"===I&&("standard"!==_.scheme?{fill:_.colors.grayScale.gray4}:{fill:"dark"===_.mode?_.default.colors.base.white:_.default.colors.accent.primary}),"input"===I&&"default"===G&&{fill:"standard"===_.scheme?"#A4C1FA":x(_.colors.grayScale.gray4)?_.colors.accent.strongDown:_.colors.accent.primary},"input"===I&&{size:22},{children:e(X?u:p,{})}))}),r(h,{ref:R,width:"145",height:$,viewBox:`0 0 145 ${$}`,fill:"none",onClick:Z,children:[r("g",{clipPath:`url(#${z}_clip)`,children:[e("rect",{width:"145",height:$,fill:"default"===G?"standard"===_.scheme?"#A4C1FA":_.bright||"custom"===_.scheme&&x(_.colors.custom.message.user.background)?_.colors.accent.strongDown:_.colors.accent.primaryLight:_.default.colors.base.white}),null!==K&&e(g,{height:$,fill:"dark"===_.mode?_.default.colors.base.white:_.colors.accent.primaryLight,style:{width:K/E*145}})]}),e("defs",{children:e("clipPath",{id:`${z}_clip`,children:D.map((t,r)=>{const o=Math.max(t/100*36,2);return e("rect",{x:5*r,y:($-o)/2,width:"3",height:o,rx:"1.5"},r)})})})]}),r(f,{$variant:I,children:[null!==K&&v(K),null===K&&v(E)]}),!B&&e(w,{onClick:rt,children:e(k,{fill:"standard"===_.scheme?"dark"===_.mode?_.colors.accent.primary:_.colors.accent.primaryLight:_.bright?_.colors.accent.strongDown:_.colors.accent.primaryLight,stroke:"standard"===_.scheme?_.default.colors.base.white:_.default.colors.base.black,children:e(H?y:b,{})})})]}),!B&&H&&F&&e(j,{$messageColor:G,children:F})]}))};export{T as MessageVoice};

package/dist/components/message/voice/styled.d.ts

@@ -880,7 +880,6 @@ export declare const MessageVoiceToggleButton: import("styled-components").IStyl
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
-    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;
@@ -2634,6 +2633,7 @@ export declare const MessageVoiceDurationText: import("styled-components").IStyl
     onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     ref?: import("react").Ref<HTMLSpanElement> | undefined;
+    $variant: "input" | "message";
 }>;
 export declare const MessageVoiceToggleTextButton: import("styled-components").IStyledComponent<"web", {
     children?: import("react").ReactNode;
@@ -2935,7 +2935,6 @@ export declare const MessageVoiceToggleTextButton: import("styled-components").I
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
-    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;

package/dist/components/message/voice/styled.js

@@ -1,4 +1,4 @@
-import{styled as e,css as o}from"styled-components";import{PlayButtonIcon as t}from"../../../icons/play-button/index.js";import{PauseButtonIcon as i}from"../../../icons/pause-button/index.js";import{Button as s}from"../../button/index.js";import{Typography as a}from"../../typography/index.js";import{TextReadIcon as r}from"../../../icons/text-read/index.js";import{TextHideIcon as c}from"../../../icons/text-hide/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as n}from"../../../utils/colors/isBright.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";const l=e.div.withConfig({displayName:"styled__MessageVoiceStyled",componentId:"sc-1i3e7my-0"})(["display:inline-flex;border-radius:10px 10px 0px 0px;padding:1px 0px;width:min-content;flex-direction:column;align-items:flex-start;gap:10px;"]),d=e.audio.withConfig({displayName:"styled__MessageVoiceAudio",componentId:"sc-1i3e7my-1"})(["display:none;"]),m=e.div.withConfig({displayName:"styled__MessageVoiceMain",componentId:"sc-1i3e7my-2"})(["display:flex;align-items:center;gap:10px;width:100%;cursor:",";"],({$loading:e})=>e?"progress":"pointer"),p=e(s).attrs({variant:"text",iconSize:36,disableHoverColor:!0}).withConfig({displayName:"styled__MessageVoiceToggleButton",componentId:"sc-1i3e7my-3"})(["cursor:inherit;"]),g=e(t).withConfig({displayName:"styled__MessageVoicePlayIcon",componentId:"sc-1i3e7my-4"})([""]),y=e(i).withConfig({displayName:"styled__MessageVoicePauseIcon",componentId:"sc-1i3e7my-5"})([""]),h=e.svg.withConfig({displayName:"styled__MessageVoiceWaves",componentId:"sc-1i3e7my-6"})(["display:flex;flex-shrink:0;width:145px;height:36px;"]),u=e(a).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__MessageVoiceDurationText",componentId:"sc-1i3e7my-7"})(["color:",";user-select:none;"],({theme:e})=>e.bright||"custom"===e.scheme&&n(e.colors.custom.message.user.background)?"dark"===e.mode?e.colors.base.black:e.default.colors.base.black:e.colors.base.white),f=e(s).attrs({variant:"text",iconSize:30,disableHoverColor:!0}).withConfig({displayName:"styled__MessageVoiceToggleTextButton",componentId:"sc-1i3e7my-8"})([""]),x=e(r).withConfig({displayName:"styled__MessageVoiceShowTextIcon",componentId:"sc-1i3e7my-9"})([""]),w=e(c).withConfig({displayName:"styled__MessageVoiceHideTextIcon",componentId:"sc-1i3e7my-10"})([""]),_=e(a).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageVoiceText",componentId:"sc-1i3e7my-11"})(["width:100%;color:",";&::selection{","}"],({theme:e})=>e.colors.base.white,({$messageColor:e})=>{switch(e){case"default":return o`
+import{styled as e,css as o}from"styled-components";import{PlayButtonIcon as t}from"../../../icons/play-button/index.js";import{PauseButtonIcon as i}from"../../../icons/pause-button/index.js";import{Button as s}from"../../button/index.js";import{Typography as a}from"../../typography/index.js";import{TextReadIcon as r}from"../../../icons/text-read/index.js";import{TextHideIcon as c}from"../../../icons/text-hide/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as l}from"../../../utils/colors/isBright.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import"tslib";const n=e.div.withConfig({displayName:"styled__MessageVoiceStyled",componentId:"sc-1i3e7my-0"})(["display:inline-flex;border-radius:10px 10px 0px 0px;padding:1px 0px;width:min-content;flex-direction:column;align-items:flex-start;gap:10px;"]),d=e.audio.withConfig({displayName:"styled__MessageVoiceAudio",componentId:"sc-1i3e7my-1"})(["display:none;"]),m=e.div.withConfig({displayName:"styled__MessageVoiceMain",componentId:"sc-1i3e7my-2"})(["display:flex;align-items:center;gap:10px;width:100%;cursor:",";"],({$loading:e})=>e?"progress":"pointer"),p=e(s).attrs({variant:"text",iconSize:36,disableHoverColor:!0}).withConfig({displayName:"styled__MessageVoiceToggleButton",componentId:"sc-1i3e7my-3"})(["cursor:inherit;"]),g=e(t).withConfig({displayName:"styled__MessageVoicePlayIcon",componentId:"sc-1i3e7my-4"})([""]),y=e(i).withConfig({displayName:"styled__MessageVoicePauseIcon",componentId:"sc-1i3e7my-5"})([""]),h=e.svg.withConfig({displayName:"styled__MessageVoiceWaves",componentId:"sc-1i3e7my-6"})(["display:flex;flex-shrink:0;width:145px;height:36px;"]),u=e(a).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__MessageVoiceDurationText",componentId:"sc-1i3e7my-7"})(["color:",";user-select:none;"],({theme:e,$variant:o})=>"input"===o?"standard"===e.scheme?"#A4C1FA":e.colors.accent.primary:"standard"===e.scheme?"dark"===e.mode?e.default.colors.base.white:e.default.colors.base.black:e.bright||"custom"===e.scheme&&l(e.colors.custom.message.user.background)?e.default.colors.base.black:e.default.colors.base.white),f=e(s).attrs({variant:"text",iconSize:30,disableHoverColor:!0}).withConfig({displayName:"styled__MessageVoiceToggleTextButton",componentId:"sc-1i3e7my-8"})([""]),x=e(r).withConfig({displayName:"styled__MessageVoiceShowTextIcon",componentId:"sc-1i3e7my-9"})([""]),b=e(c).withConfig({displayName:"styled__MessageVoiceHideTextIcon",componentId:"sc-1i3e7my-10"})([""]),w=e(a).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageVoiceText",componentId:"sc-1i3e7my-11"})(["width:100%;color:",";&::selection{","}"],({theme:e})=>e.bright||"standard"===e.scheme&&"light"===e.mode?e.default.colors.base.black:e.default.colors.base.white,({$messageColor:e})=>{switch(e){case"default":return o`
             background: ${({theme:e})=>"light"===e.mode?e.default.colors.accent.primary:e.colors.base.white};
             color: ${({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.accent.primary};
           `;case"green":return o`
@@ -10,4 +10,4 @@ import{styled as e,css as o}from"styled-components";import{PlayButtonIcon as t}f
           `;default:return o`
             background: ${({theme:e})=>e.default.colors.base.white};
             color: ${e};
-          `}}),b=e.rect.withConfig({displayName:"styled__StyledRect",componentId:"sc-1i3e7my-12"})(["transition:width 0.25s ease-out;"]);export{d as MessageVoiceAudio,u as MessageVoiceDurationText,w as MessageVoiceHideTextIcon,m as MessageVoiceMain,y as MessageVoicePauseIcon,g as MessageVoicePlayIcon,x as MessageVoiceShowTextIcon,l as MessageVoiceStyled,_ as MessageVoiceText,p as MessageVoiceToggleButton,f as MessageVoiceToggleTextButton,h as MessageVoiceWaves,b as StyledRect};
+          `}}),_=e.rect.withConfig({displayName:"styled__StyledRect",componentId:"sc-1i3e7my-12"})(["transition:width 0.25s ease-out;"]);export{d as MessageVoiceAudio,u as MessageVoiceDurationText,b as MessageVoiceHideTextIcon,m as MessageVoiceMain,y as MessageVoicePauseIcon,g as MessageVoicePlayIcon,x as MessageVoiceShowTextIcon,n as MessageVoiceStyled,w as MessageVoiceText,p as MessageVoiceToggleButton,f as MessageVoiceToggleTextButton,h as MessageVoiceWaves,_ as StyledRect};

package/dist/components/notification/styled.d.ts

@@ -3078,7 +3078,6 @@ export declare const NotificationCloseButton: import("styled-components").IStyle
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
-    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;

package/dist/components/pagination/paginator.d.ts

@@ -1,2 +1,2 @@
 import { PaginatorProps } from './types';
-export declare const Paginator: ({ current, onChange, lastPage }: PaginatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Paginator: ({ current, onChange, lastPage, arrowStyles, }: PaginatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/pagination/paginator.js

@@ -1 +1 @@
-import{jsxs as e,jsx as l}from"react/jsx-runtime";import{Container as i,ControlButton as n,ArrowIcon as r,PaginatorItem as a,ArrowNextIcon as t}from"./styled.js";import{usePaginatorPages as o,emptySpace as d}from"./utils.js";const u=({current:u,onChange:c,lastPage:s})=>{const m=o(null!=u?u:1,s),v=e=>{c(e)};return e(i,{children:[l(n,{$disabled:1===s,onClick:()=>{c(!u||u<=1?s:u-1)},children:l(r,{})}),m.map(e=>l(a,{$active:e.value===u,$disabled:e.value===d||e.value===u,onClick:"number"==typeof e.value?v.bind(null,e.value):()=>{},children:e.value},e.id)),l(n,{$disabled:1===s,onClick:()=>{c(!u||u>=s?1:u+1)},children:l(t,{})})]})};export{u as Paginator};
+import{jsxs as e,jsx as l}from"react/jsx-runtime";import{Container as r,ControlButton as a,ArrowCaretIcon as t,ArrowIcon as i,PaginatorItem as n,ArrowCaretNextIcon as o,ArrowNextIcon as c}from"./styled.js";import{usePaginatorPages as d,emptySpace as u}from"./utils.js";const s=({current:s,onChange:m,lastPage:v,arrowStyles:p="default"})=>{const b=d(null!=s?s:1,v),f=e=>{m(e)};return e(r,{children:[l(a,{$disabled:1===v,onClick:()=>{m(!s||s<=1?v:s-1)},children:l("caret"===p?t:i,{})}),b.map(e=>l(n,{$active:e.value===s,$disabled:e.value===u||e.value===s,onClick:"number"==typeof e.value?f.bind(null,e.value):()=>{},children:e.value},e.id)),l(a,{$disabled:1===v,onClick:()=>{m(!s||s>=v?1:s+1)},children:l("caret"===p?o:c,{})})]})};export{s as Paginator};