@bothub-chat/ui 2.57.5-fix-refactor-merge-223a35a1-e647-449e-bf33-e3bd41cb1430 → 2.58.0-feat-documentizer-5e4ecd87-5bbd-4695-b276-a0a05d1fabbf

package/dist/components/sidebar/empty/styled.js

@@ -0,0 +1,3 @@
+import{styled as t,css as e}from"styled-components";import{Typography as o}from"../../typography/index.js";import{ChatIcon as n}from"../../../icons/chat/index.js";const i=t.div.withConfig({displayName:"styled__SidebarEmptyStyled",componentId:"sc-1nhnq3s-0"})(["display:flex;align-items:center;width:100%;gap:8px;"]),s=t(n).attrs({size:16}).withConfig({displayName:"styled__SidebarEmptyIcon",componentId:"sc-1nhnq3s-1"})([""]),a=t(o).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SidebarEmptyText",componentId:"sc-1nhnq3s-2"})(["color:",";cursor:default;",""],({theme:t})=>t.colors.grayScale.gray1,({$open:t})=>!t&&e`
+      display: none;
+    `);export{s as SidebarEmptyIcon,i as SidebarEmptyStyled,a as SidebarEmptyText};

package/dist/components/sidebar/group/index.d.ts

@@ -1,20 +1,27 @@
+import React from 'react';
 export interface SidebarGroupDefaultProps {
     name: string;
     skeleton?: false;
-    loading?: boolean;
-    color?: string;
     id: string;
     actions?: React.ReactNode;
     checkbox?: React.ReactNode;
+    over?: boolean;
     open?: boolean;
+    color?: string;
+    isDefault?: boolean;
     active?: boolean;
-    onHandleOpen?: React.Dispatch<React.SetStateAction<boolean>>;
+    onHandleOpen?: () => void;
 }
 export interface SidebarGroupSkeletonProps {
     skeleton: true;
     open?: boolean;
-    onHandleOpen?: React.Dispatch<React.SetStateAction<boolean>>;
+    color?: string;
+    isDefault?: boolean;
+    onHandleOpen?: () => void;
 }
 export type SidebarGroupProps = (SidebarGroupDefaultProps | SidebarGroupSkeletonProps) & React.PropsWithChildren;
 export declare const SidebarGroup: React.FC<SidebarGroupProps>;
-export { SidebarGroupsList } from './styled';
+export declare const SidebarGroups: React.FC<{
+    children: React.ReactNode;
+}>;
+export * from './styled';

package/dist/components/sidebar/group/index.js

@@ -1 +1 @@
-import{__rest as i}from"tslib";import{jsx as o,jsxs as n}from"react/jsx-runtime";import{useState as s,useRef as e,useCallback as r,useEffect as t}from"react";import{useTransition as c}from"@react-spring/web";import{useDroppable as d}from"@dnd-kit/core";import{SidebarGroupStyled as p,SidebarGroupButton as m,SidebarGroupList as x,SidebarGroupBox as j,SidebarGroupName as a,SidebarArrowDownIcon as l}from"./styled.js";export{SidebarGroupsList}from"./styled.js";import{useSidebar as g}from"../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{LoaderCircularGradientIcon as u}from"../../../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{FolderIcon as b}from"../../../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{SidebarGroupSkeleton as h}from"./skeleton.js";import{Tooltip as f}from"../../tooltip/index.js";import{TooltipConsumer as w}from"../../tooltip/context.js";const y=y=>{var{children:k}=y,v=i(y,["children"]);const[O,z]="boolean"==typeof v.open?[v.open,v.onHandleOpen]:s(!1),{isOpen:q,isEdit:M,setIsOpen:E}=g(),[L,T]=s(!1),W=e(null),{setNodeRef:$,isOver:P}=d({id:v.skeleton?"skeleton":v.id,data:{accepts:["chat"],type:"group"}}),C=c(O,{from:{opacity:0,scale:.8},enter:{opacity:1,scale:1},leave:{opacity:0,scale:.8},config:{duration:100}}),R=r(i=>{i.preventDefault(),i.stopPropagation(),O||q?null==z||z(!O):(null==z||z(!0),E(!0))},[O]);return t(()=>{const i=new ResizeObserver(()=>{W.current&&W.current.scrollWidth>W.current.clientWidth?T(!0):T(!1)});return W.current&&W.current.scrollWidth>W.current.clientWidth&&i.observe(W.current),()=>{W.current&&i.unobserve(W.current)}},[]),v.skeleton?o(h,{children:k}):n(p,q?{id:v.id,ref:$,$isOver:P,children:[n(j,{$active:v.active,onClick:R,children:[v.loading?o(u,{size:18}):o(b,Object.assign({size:18},v.color&&{fill:v.color})),o(f,{label:v.name,placement:"top",align:"center",disabled:!L,children:o(w,{children:({handleTooltipMouseEnter:i,handleTooltipMouseLeave:n})=>o(a,{onPointerEnter:i,onPointerLeave:n,ref:W,children:v.name})})}),o(l,{$isOpen:O}),!M&&v.actions,M&&v.checkbox]}),C((i,n)=>n&&o(x,{style:i,children:k}))]}:{children:[o(f,{label:v.name,placement:"center-right",align:"center",children:o(w,{children:({handleTooltipMouseEnter:i,handleTooltipMouseLeave:n})=>o(m,{onMouseEnter:i,onMouseLeave:n,onClick:R,children:o(b,{size:18})})})}),C((i,n)=>n&&o(x,{$isSidebarOpen:q,style:i,children:k}))]})};export{y as SidebarGroup};
+import{__rest as e}from"tslib";import{jsxs as o,jsx as n,Fragment as t}from"react/jsx-runtime";import{useState as l,useRef as r,useCallback as i,useEffect as s}from"react";import{useDroppable as d}from"@dnd-kit/core";import{SidebarGroupStyled as c,SidebarGroupNameWithOutline as a,SidebarGroupNameWithBg as p,SidebarGroupName as h,SidebarGroupDragHandle as m,SidebarGroupTooltip as k,SidebarGroupDragFolder as f,SidebarGroupSkeletonIcon as u,SidebarGroupNameBox as v,SidebarGroupArrowDown as b,SidebarGroupSkeleton as x,SidebarChatList as M,SidebarGroupsStyled as $}from"./styled.js";export{SidebarGroupCheckbox,SidebarGroupIconContainer}from"./styled.js";import{Tooltip as j}from"../../tooltip/index.js";import{useSidebar as g}from"../context.js";import{TooltipConsumer as E}from"../../tooltip/context.js";const L=$=>{var{children:L}=$,T=e($,["children"]);const[C,y]=void 0!==T.open?[T.open,T.onHandleOpen]:l(!1),{setNodeRef:D}=d({id:T.skeleton?"draggable-skeleton":T.id}),{isOpen:G,isEdit:O}=g(),S=r(null),W=i(()=>{null==y||y(!C)},[C,y]),[w,H]=l(!0);s(()=>{if(S.current){const{scrollWidth:e,offsetWidth:o}=S.current;H(e<=o)}},[!T.skeleton&&T.name]);const I=!T.skeleton&&O&&T.over;return o(c,{$over:I,ref:!T.skeleton&&O?D:void 0,children:[!T.isDefault&&n(a,{$active:!T.skeleton&&T.active,$open:C,children:n(p,{children:o(h,{$open:C,$skeleton:!!T.skeleton,$edit:!T.skeleton&&O,onClick:T.skeleton?void 0:W,children:[!T.skeleton&&O&&n(m,{}),!T.skeleton&&n(t,{children:n(k,{label:T.name,placement:"center-right",placementX:15,disabled:T.name.length<=0||G,children:n(E,{children:({handleTooltipMouseEnter:e,handleTooltipMouseLeave:o})=>n(f,{onMouseEnter:e,onMouseLeave:o,fill:T.color})})})}),T.skeleton&&n(u,{width:24,height:24}),!T.skeleton&&n(j,{label:T.name,placement:"top-left",disabled:w,children:n(E,{children:({handleTooltipMouseEnter:e,handleTooltipMouseLeave:o})=>n(v,{ref:S,onMouseEnter:e,onMouseLeave:o,children:T.name})})}),!T.skeleton&&n(b,{}),!T.skeleton&&O&&T.checkbox,!T.skeleton&&!O&&T.actions,T.skeleton&&n(x,{})]})})}),n(M,{$open:T.isDefault||C,children:L})]})},T=({children:e})=>n($,{children:e});export{M as SidebarChatList,L as SidebarGroup,b as SidebarGroupArrowDown,f as SidebarGroupDragFolder,m as SidebarGroupDragHandle,h as SidebarGroupName,v as SidebarGroupNameBox,p as SidebarGroupNameWithBg,a as SidebarGroupNameWithOutline,x as SidebarGroupSkeleton,u as SidebarGroupSkeletonIcon,c as SidebarGroupStyled,k as SidebarGroupTooltip,T as SidebarGroups,$ as SidebarGroupsStyled};