@bothub-chat/ui 2.58.0 → 2.59.0

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

@@ -1 +1 @@
-import{styled as e}from"styled-components";import{animated as o}from"@react-spring/web";import{ArrowDownIcon as n}from"../../../icons/arrow-down/index.js";import{MenuDotIcon as t}from"../../../icons/menu-dot/index.js";import{Typography as i}from"../../typography/index.js";const r=e.div.withConfig({displayName:"styled__SidebarDropdownStyled",componentId:"sc-1efm7nw-0"})(["width:24px;margin-left:16px;position:relative;"]),a=e(t).attrs({size:16}).withConfig({displayName:"styled__SidebarDropdownTogglerIcon",componentId:"sc-1efm7nw-1"})(["pointer-events:none;"]),d=e(i).withConfig({displayName:"styled__SidebarDropdownTogglerText",componentId:"sc-1efm7nw-2"})(["text-transform:uppercase;font-size:16px;font-weight:700;line-height:22px;pointer-events:none;"]),s=e(n).attrs({size:16}).withConfig({displayName:"styled__SidebarDropdownTogglerArrow",componentId:"sc-1efm7nw-3"})(["pointer-events:none;"]),l=e.button.withConfig({displayName:"styled__SidebarDropdownToggler",componentId:"sc-1efm7nw-4"})(["display:flex;background:none;border:none;transform:rotate(90deg);outline:none;align-items:center;cursor:pointer;gap:6px;padding:0;&:hover{"," circle{fill:",";transition:fill 200ms ease-in-out;}}&:active{"," circle{fill:",";transition:fill 50ms ease-in-out;}}"],a,({theme:e})=>e.colors.grayScale.gray6,a,({theme:e})=>e.colors.grayScale.gray1),p=e(o.div).withConfig({displayName:"styled__SidebarDropdownContent",componentId:"sc-1efm7nw-5"})(["display:flex;position:fixed;transform-origin:top right;border-radius:8px;overflow:hidden;border:1px solid ",";background:",";opacity:0.8;padding:0;transform:translate3d(0,0,0);backdrop-filter:blur(2px);z-index:",";@media (max-width:","){transform:translate3d(-100%,0,0);}"],({theme:e})=>"light"===e.mode?e.colors.grayScale.gray3:e.colors.grayScale.gray2,({theme:e})=>"light"===e.mode?"rgba(255, 255, 255, 0.65)":"rgba(18, 24, 37, 0.75)",({theme:e})=>e.zIndex.menu+1,({theme:e})=>e.tablet.maxWidth),m=e.ul.withConfig({displayName:"styled__SidebarDropdownList",componentId:"sc-1efm7nw-6"})(["display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:hidden;list-style:none;margin:0;opacity:0.8;padding:8px;box-sizing:border-box;"]);export{p as SidebarDropdownContent,m as SidebarDropdownList,r as SidebarDropdownStyled,l as SidebarDropdownToggler,s as SidebarDropdownTogglerArrow,a as SidebarDropdownTogglerIcon,d as SidebarDropdownTogglerText};
+import{styled as o}from"styled-components";import{animated as e}from"@react-spring/web";import{MenuDotIcon as t}from"../../../icons/menu-dot/index.js";import{Typography as r}from"../../typography/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as i}from"../../../utils/colors/colorToRgba.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import"tslib";const n=o.div.withConfig({displayName:"styled__SidebarDropdownStyled",componentId:"sc-1efm7nw-0"})(["display:flex;position:relative;"]),d=o(t).attrs({size:18}).withConfig({displayName:"styled__SidebarDropdownTogglerIcon",componentId:"sc-1efm7nw-1"})(["rotate:90deg;"]);o(r).withConfig({displayName:"styled__SidebarDropdownTogglerText",componentId:"sc-1efm7nw-2"})([""]);const a=o.button.withConfig({displayName:"styled__SidebarDropdownToggler",componentId:"sc-1efm7nw-3"})(["background:none;padding:0;margin:0;display:flex;outline:none;border:none;cursor:pointer;align-items:center;"]),p=o(e.div).withConfig({displayName:"styled__SidebarDropdownContent",componentId:"sc-1efm7nw-4"})(["position:fixed;transform-origin:top right;width:fit-content;margin-top:16px;transform:translateX(-100%);top:16px;right:-2px;background:",";border:1px solid ",";border-radius:8px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:8px;z-index:3;&::before{content:'';position:absolute;border-radius:8px;z-index:0;width:100%;height:100%;top:0px;right:0px;}"],({theme:o})=>i(o.colors.grayScale.gray4,.75),({theme:o})=>o.colors.grayScale.gray2),s=o.div.withConfig({displayName:"styled__SidebarDropdownList",componentId:"sc-1efm7nw-5"})(["min-width:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:hidden;"]),l=o.button.withConfig({displayName:"styled__SidebarDropdownItemStyled",componentId:"sc-1efm7nw-6"})(["display:flex;align-items:center;width:100%;z-index:2;gap:10px;padding:10px;background:none;margin:0;outline:none;border:none;cursor:pointer;border-radius:8px;&:hover{background:",";}"],({theme:o})=>o.colors.grayScale.gray3),m=o(r).attrs({variant:"body-m-regular",component:"span"}).withConfig({displayName:"styled__SidebarDropdownItemText",componentId:"sc-1efm7nw-7"})([""]);export{p as SidebarDropdownContent,l as SidebarDropdownItemStyled,m as SidebarDropdownItemText,s as SidebarDropdownList,n as SidebarDropdownStyled,a as SidebarDropdownToggler,d as SidebarDropdownTogglerIcon};

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

@@ -1,27 +1,20 @@
-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?: () => void;
+    onHandleOpen?: React.Dispatch<React.SetStateAction<boolean>>;
 }
 export interface SidebarGroupSkeletonProps {
     skeleton: true;
     open?: boolean;
-    color?: string;
-    isDefault?: boolean;
-    onHandleOpen?: () => void;
+    onHandleOpen?: React.Dispatch<React.SetStateAction<boolean>>;
 }
 export type SidebarGroupProps = (SidebarGroupDefaultProps | SidebarGroupSkeletonProps) & React.PropsWithChildren;
 export declare const SidebarGroup: React.FC<SidebarGroupProps>;
-export declare const SidebarGroups: React.FC<{
-    children: React.ReactNode;
-}>;
-export * from './styled';
+export { SidebarGroupsList } from './styled';

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

@@ -1 +1 @@
-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};
+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};

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

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const SidebarGroupSkeleton: React.FC<PropsWithChildren>;

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

@@ -0,0 +1 @@
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{SidebarGroupStyled as i,SidebarGroupButton as n,SidebarGroupIconSkeleton as t,SidebarGroupSkeletonContainer as c,SidebarGroupSkeletonStyled as o,SidebarGroupList as d}from"./styled.js";import{useSidebar as s}from"../context.js";const l=({children:l})=>{const{isOpen:m}=s();return m?e(i,{children:[e(c,{children:[r(t,{}),r(o,{})]}),!!l&&r(d,{$isSidebarOpen:m,children:l})]}):r(i,{children:r(n,{children:r(t,{})})})};export{l as SidebarGroupSkeleton};