@bothub-chat/ui/dist/components/sidebar/styled.js

Bothub UI Components

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};