@bothub-chat/ui 2.58.0 → 2.59.1-fix-sidebar-1cc842a9-9907-4daf-929e-cc1dfea349b5

package/dist/components/sidebar/styled.js

@@ -1,225 +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"../../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"./context.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{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`
-      @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;
-          }
-          ${k} {
-            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%;
-              ${S} {
-                display: none;
-              }
-              ${v} {
-                display: none;
-              }
-            `:e`
-              display: none;
-            `,mobile:e`
-        min-width: none;
-        max-width: none;
-        display: flex;
-        ${S} {
-          display: none;
-        }
-        ${v} {
-          display: none;
-        }
-        min-width: none;
-        max-width: none;
-        display: flex;
-        ${S} {
-          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};
+import{jsx as e}from"react/jsx-runtime";import{styled as i}from"styled-components";import{Scrollbar as t}from"../scrollbar/index.js";import{Divider as o}from"../divider/index.js";import{ScrollbarShadow as d}from"../scrollbar/shadow/index.js";const a=i.div.withConfig({displayName:"styled__SidebarStyled",componentId:"sc-3xc6b3-0"})(["display:flex;max-height:100vh;flex-direction:column;height:100%;width:",";"," padding:20px 0;background:",";border-radius:18px;transition:all 0.3s ease-in-out;overflow:hidden;@media (max-width:","){width:424px;transform:translateX( "," );transition:all 0.3s ease-in-out;}@media (max-width:","){width:100%;border-radius:0;}"],({$isOpen:e,$isHide:i})=>i?"0px":e?"324px":"74px",({$isOpen:e})=>!e&&"justify-content: flex-start;",({theme:e})=>e.colors.grayScale.gray4,({theme:e})=>e.dashboard.tablet.maxWidth,({$isOpenOnTablet:e})=>e?"0":"calc(-100% - 16px)",({theme:e})=>e.dashboard.mobile.maxWidth),n=i.div.withConfig({displayName:"styled__SidebarTop",componentId:"sc-3xc6b3-1"})([""," height:fit-content;padding-bottom:16px;"],({$isOpen:e})=>e&&"margin: 0 16px;"),s=i.div.withConfig({displayName:"styled__SidebarContent",componentId:"sc-3xc6b3-2"})(["display:flex;flex-direction:column;overflow:hidden;width:100%;height:100%;padding-bottom:20px;"]),p=i.div.withConfig({displayName:"styled__SidebarBottom",componentId:"sc-3xc6b3-3"})(["display:flex;padding:0 16px;height:fit-content;&:empty{display:none;}"]),r=i.div.withConfig({displayName:"styled__SidebarWrapper",componentId:"sc-3xc6b3-4"})(["display:flex;width:100%;height:100%;overflow:hidden;margin:0 16px;padding-right:","px;"],({$isScrollable:e,$isOpen:i})=>e&&i?20:26),l=i(t).attrs(({theme:i})=>({variant:"secondary",size:6,scrollShadows:{size:90,color:i.colors.grayScale.gray4,top:e(d,{side:"top"}),bottom:e(d,{side:"bottom"})}})).withConfig({displayName:"styled__SidebarBodyScrollbarWrapper",componentId:"sc-3xc6b3-5"})(["position:relative;height:100%;overflow-y:auto;overflow-x:hidden;",""],({$isOpen:e})=>!e&&"\n    scrollbar-width: none;\n    padding-right: 6px;\n  "),m=i.div.withConfig({displayName:"styled__SidebarToolbar",componentId:"sc-3xc6b3-6"})(["display:flex;height:fit-content;"," flex-direction:",";gap:20px;justify-content:space-between;align-items:center;"],({$isOpen:e})=>!e&&"margin-top: 20px;",({$isOpen:e})=>e?"row":"column-reverse"),c=i.div.withConfig({displayName:"styled__SidebarButtons",componentId:"sc-3xc6b3-7"})(["display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10px;"]),x=i.div.withConfig({displayName:"styled__SidebarHead",componentId:"sc-3xc6b3-8"})(["position:relative;display:grid;"," justify-content:center;align-items:center;gap:14px;margin-bottom:20px;@media (max-width:","){display:none;}"],({$isOpen:e})=>e&&"grid-template-columns: 1fr auto auto;",({theme:e})=>e.dashboard.tablet.maxWidth),h=i(o).withConfig({displayName:"styled__SidebarDivider",componentId:"sc-3xc6b3-9"})(["margin:0 auto;margin-top:16px;width:",";background:",";"],({$isOpen:e})=>e?"width: 100%":"calc(100% - 32px)",({theme:e})=>e.colors.grayScale.gray2),y=i.div.withConfig({displayName:"styled__SidebarBoxContainer",componentId:"sc-3xc6b3-10"})(["display:flex;flex-direction:column;gap:16px;padding:0 16px;margin-bottom:16px;&:empty{display:none;}"]),g=i.div.withConfig({displayName:"styled__SidebarSearchBox",componentId:"sc-3xc6b3-11"})(["display:flex;margin-top:16px;&:empty{display:none;}"]),b=i.div.withConfig({displayName:"styled__SidebarToggleBox",componentId:"sc-3xc6b3-12"})(["@media (max-width:","){display:none;}"],({theme:e})=>e.dashboard.tablet.maxWidth);export{l as SidebarBodyScrollbarWrapper,p as SidebarBottom,y as SidebarBoxContainer,c as SidebarButtons,s as SidebarContent,h as SidebarDivider,x as SidebarHead,g as SidebarSearchBox,a as SidebarStyled,b as SidebarToggleBox,m as SidebarToolbar,n as SidebarTop,r as SidebarWrapper};

package/dist/components/sidebar/toggle-button/index.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useEffect as o}from"react";import{SidebarToggleButtonStyled as r}from"./styled.js";import{SidebarToggleLeft as i}from"../../../icons/sidebar-toggle-left/index.js";import{SidebarToggleRight as e}from"../../../icons/sidebar-toggle-right/index.js";import"tslib";import{IconProvider as s}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{useSidebar as m}from"../context.js";import{useTheme as p}from"../../../theme/hook.js";const n=n=>{const c=p(),{isOpen:l,setIsOpen:a,setSearch:d,setEdit:j}=m();return o(()=>{d(!1),j(!1)},[l]),t(r,Object.assign({},n,{$isOpen:l,onClick:()=>a(!l),children:t(s,{fill:c.colors.grayScale.gray1,size:24,children:t(l?i:e,{})})}))};export{n as SidebarToggleButton};
+import{jsx as i}from"react/jsx-runtime";import{SidebarToggleButtonStyled as o}from"./styled.js";import{useSidebar as s}from"../context.js";import"tslib";import{IconProvider as n}from"../../icon/context.js";import"../../icon/styled.js";import"react";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"../../../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/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{SidebarToggleLeft as e}from"../../../icons/sidebar-toggle-left/index.js";import{SidebarToggleRight as t}from"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import"../../../icons/folder/index.js";import"../../../icons/history/index.js";import"../../../icons/money-plus/index.js";import"../../../icons/money-stack/index.js";import"../../../icons/sort-numeric-bottom/index.js";import"../../../icons/sort-numeric-top/index.js";import"../../../icons/bulb/index.js";import"../../../icons/prompt-queue/index.js";import"../../../icons/image/index.js";import"../../../icons/text/index.js";import"../../../icons/code/index.js";import"../../../icons/blue-grok/index.js";import"../../../icons/double-image/index.js";import{useTheme as r}from"../../../theme/hook.js";const c=c=>{const d=r(),{isOpen:p,setIsOpen:m}=s(),x=p?e:t;return i(o,Object.assign({},c,{$isOpen:p,onClick:()=>{m(!p)},children:i(n,{fill:d.colors.grayScale.gray1,size:24,children:i(x,{})})}))};export{c as SidebarToggleButton};