UNPKG

@bothub-chat/ui

Version:

Bothub UI Components

bothub.chat

bothubchat/bothub

226 lines (225 loc) • 26.6 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
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-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 S}from"./menu/styled.js";import"./menu/context.js";import"./menu/nav/link/styled.js";import"../icon/styled.js";import{SidebarUserInfoStyled as k}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` @media (min-width: ${({theme:i})=>i.dashboard.tablet.maxWidth}) { ${$} { margin-top: 10px; border-radius: 8px; width: 38px; aspect-ratio: 1; display: flex; border: 1px solid ${({theme:i})=>i.colors.grayScale.gray3}; span { display: none; } } ${h} { gap: 10px; ${b} { ${y} { padding: 9px; width: fit-content; border: 1px solid ${({theme:i})=>i.colors.grayScale.gray3}; border-radius: 8px; & > * { display: none; } ${f} { display: inline-flex; margin: 0; } ${w} { display: inline-flex; margin: 0; width: 18px; height: 18px; } } ${u} { gap: 10px; ${p} { width: fit-content; border: 1px solid ${({theme:i})=>i.colors.grayScale.gray3}; border-radius: 8px; &:first-child { margin-top: 20px; } &:last-child { margin-bottom: 10px; } ${a} { & > * { display: block; } } } } } } } `)),z=n(s.aside).withConfig({displayName:"styled__SidebarStyled",componentId:"sc-3xc6b3-0"})(["display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;width:100%;border-radius:20px;position:relative;height:100%;background:",";overflow:hidden;box-sizing:border-box;transition:all 0.3s;padding:20px;padding-right:0px;"," @media (min-width:","){","}@media (max-width:","){padding:18px;padding-right:0px;gap:14px;display:flex;flex-direction:row;width:100%;min-width:100%;}max-height:100vh;"," ",""],(({theme:i})=>i.colors.grayScale.gray4),(({$open:i})=>i&&e` min-width: 342px; max-width: 342px; `),(({theme:i})=>i.dashboard.tablet.maxWidth),(({$open:i,theme:o})=>!i&&e` min-width: 80px; max-width: 80px; ${v} { display: flex; align-items: center; justify-content: center; flex-direction: column; border-bottom: 1px solid ${o.colors.grayScale.gray3}; padding: 20px 0px; border-radius: 0px; width: 100%; margin-bottom: 10px; ${_} { gap: 10px; background: none; } ${S} { padding-right: 0px; } } ${p} { margin-left: 2px; } ${c} { padding: 5px 5px 5px 4px; > * { display: none; } ${m} { display: flex; > * { display: none; } } ${x}, ${l} { display: inline-flex; width: 26px; height: 26px; justify-content: center; align-items: center; margin: 0; } } `),(({theme:i})=>i.dashboard.tablet.maxWidth),(({$isHide:i})=>!i&&r({variant:"dashboard",tablet:e` border-radius: 18px; `,mobile:e` border-radius: 0; `})),(({$isHide:i})=>i&&e` max-width: 0px; min-width: 0px; padding: 0px; `)),B=n(C).withConfig({displayName:"styled__SidebarTextField",componentId:"sc-3xc6b3-1"})(["margin-top:20px;"]),W=n.div.withConfig({displayName:"styled__SidebarContent",componentId:"sc-3xc6b3-2"})(["display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;height:100%;overflow:hidden;transition:max-width 0.3s;"," ",""],(({$section:i})=>r({variant:"dashboard",tablet:"chats"===i?e` min-width: 342px; max-width: none; width: 100%; ${k} { display: none; } ${v} { display: none; } `:e` display: none; `,mobile:e` min-width: none; max-width: none; display: flex; ${k} { display: none; } ${v} { display: none; } min-width: none; max-width: none; display: flex; ${k} { display: none; } ${v} { display: none; } `})),(({$open:i})=>!i&&r({variant:"dashboard",mobile:e` opacity: 0; visibility: hidden; `}))),q=n.div.withConfig({displayName:"styled__SidebarContentNav",componentId:"sc-3xc6b3-3"})(["display:flex;flex-direction:column;height:100%;overflow:hidden;transition:max-width 0.3s;justify-content:space-between;width:100%;position:relative;border-radius:20px;background:",";padding:16px;",""],(({theme:i})=>i.colors.grayScale.gray7),(({$open:i,$section:o})=>r(i?{variant:"dashboard",merge:!0,desktop:e` display: none; `,tablet:"nav"===o?e` max-width: none; display: flex; width: 40vw; height: 100%; background: ${({theme:i})=>i.colors.grayScale.gray7}; padding: 16px; border-radius: 20px; gap: 16px; flex-direction: column; margin-right: 16px; `:e` display: none; `,mobile:e` display: none; `}:{variant:"dashboard",merge:!0,desktop:e` display: none; `,tablet:"nav"===o?e` max-width: none; display: flex; width: 40vw; height: 100%; background: ${({theme:i})=>i.colors.grayScale.gray7}; padding: 16px; border-radius: 20px; flex-direction: column; margin-right: 16px; `:e` display: none; `,mobile:e` display: flex; position: absolute; width: calc(100% - 36px); height: calc(100% - 36px); margin: 0 auto; `}))),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` display: flex; justify-content: space-between; align-items: center; width: 100%; `})),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` flex-direction: row-reverse; justify-content: ${i?"space-between":"center"}; `})))),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` flex-direction: row; `}),(({$open:i})=>!i&&r({variant:"dashboard",merge:!0,desktop:e` flex-direction: column-reverse; `}))),G=n.div.withConfig({displayName:"styled__SidebarToggle",componentId:"sc-3xc6b3-11"})(["display:flex;",""],r({variant:"dashboard",merge:!0,tablet:e` display: none; `})),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` width: auto; display: none; `})),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` display: none; `,mobile:e` display: none; `})),X=n.div.withConfig({displayName:"styled__SidebarBanner",componentId:"sc-3xc6b3-21"})(["display:",";width:100%;margin-top:14px;padding-right:20px;@media (max-width:","){display:block;}"],(({$open:i})=>i?"block":"none"),(({theme:i})=>i.tablet.maxWidth)),Y=n.div.withConfig({displayName:"styled__SidebarBody",componentId:"sc-3xc6b3-22"})(["display:flex;flex-direction:column;position:relative;width:100%;height:100%;overflow:hidden;right:0px;padding-right:14px;",""],r({variant:"dashboard",desktop:e` margin: 18px 0px; `,tablet:e` margin: 14px 0px; `,mobile:e` margin: 14px 0px; `})),Z=n(t).attrs((({theme:o})=>({variant:"secondary",scrollShadows:{size:90,color:o.colors.grayScale.gray4,top:i(N,{side:"top"}),bottom:i(N,{side:"bottom"})}}))).withConfig({displayName:"styled__SidebarBodyScrollbarWrapper",componentId:"sc-3xc6b3-23"})(["position:relative;height:100%;overflow-y:auto;overflow-x:hidden;"]),ii=n(g).withConfig({displayName:"styled__SidebarArrowUpButton",componentId:"sc-3xc6b3-24"})(["position:sticky;margin-bottom:10px;top:0px;z-index:10;width:38px;height:38px;padding:10px;border-radius:8px;display:inline-flex;background-color:",";border:1px solid ",";cursor:pointer;&:hover{transition:background 0.2s;background-color:",";}& path{stroke:",";}"," ",""],(({theme:i})=>i.colors.grayScale.gray4),(({theme:i})=>i.colors.grayScale.gray3),(({theme:i})=>i.colors.grayScale.gray7),(({theme:i})=>i.colors.base.white),(({$hidden:i})=>i&&e` display: none; `),r({variant:"dashboard",merge:!0,tablet:e` display: none; `,mobile:e` display: none; `})),oi=n(j).withConfig({displayName:"styled__SidebarArrowDownButton",componentId:"sc-3xc6b3-25"})(["position:sticky;margin-top:10px;bottom:0px;opacity:1;width:38px;height:38px;padding:10px;cursor:pointer;border-radius:8px;display:inline-flex;background-color:",";border:1px solid ",";"," ",""],(({theme:i})=>i.colors.grayScale.gray4),(({theme:i})=>i.colors.grayScale.gray3),(({$hidden:i})=>i&&e` display: none; `),r({variant:"dashboard",merge:!0,tablet:e` display: none; `,mobile:e` display: none; `})),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` display: none; `})),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};