@bothub-chat/ui 2.48.1-fix-message-dbd14831-26d9-4d49-85b2-65f0e64cfad3 → 2.48.2-develop-30a324f3-49c5-45da-a58f-44a7a3afc6f4

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

@@ -1,4 +1,4 @@
-import{styled as o,css as e}from"styled-components";import{animated as r}from"@react-spring/web";import{ArrowDownIcon as n}from"../../../icons/arrow-down/index.js";import{LanguageIcon as t}from"../../../icons/language/index.js";import{Typography as i}from"../../typography/index.js";const a=o.div.withConfig({displayName:"styled__SidebarLangDropdownStyled",componentId:"sc-1dyzj05-0"})(["z-index:",";"],(({theme:o})=>o.zIndex.header+1)),s=o(t).attrs({size:18}).withConfig({displayName:"styled__SidebarLangDropdownTogglerIcon",componentId:"sc-1dyzj05-1"})(["pointer-events:none;"]),d=o(i).withConfig({displayName:"styled__SidebarLangDropdownTogglerText",componentId:"sc-1dyzj05-2"})(["text-transform:uppercase;font-size:16px;font-weight:700;line-height:22px;pointer-events:none;color:",";"],(({theme:o})=>o.colors.base.white)),p=o(n).attrs({size:16}).withConfig({displayName:"styled__SidebarLangDropdownTogglerArrow",componentId:"sc-1dyzj05-3"})(["pointer-events:none;transition:transform 0.2s ease-in-out;"]),l=o.button.withConfig({displayName:"styled__SidebarLangDropdownToggler",componentId:"sc-1dyzj05-4"})(["display:flex;background:none;border:none;outline:none;align-items:center;cursor:pointer;gap:6px;transform-origin:top center;transition:opacity 0.15s ease-out,transform 0.15s ease-out;&:hover{> "," > path{fill:",";}> ","{color:",";}> "," > path{stroke:",";}}",""],s,(({theme:o})=>o.colors.accent.primary),d,(({theme:o})=>o.colors.accent.primary),p,(({theme:o})=>o.colors.accent.primary),(({$open:o})=>o&&e`
+import{styled as o,css as e}from"styled-components";import{animated as r}from"@react-spring/web";import{ArrowDownIcon as n}from"../../../icons/arrow-down/index.js";import{LanguageIcon as t}from"../../../icons/language/index.js";import{Typography as i}from"../../typography/index.js";const a=o.div.withConfig({displayName:"styled__SidebarLangDropdownStyled",componentId:"sc-1dyzj05-0"})(["z-index:",";"],({theme:o})=>o.zIndex.header+1),s=o(t).attrs({size:18}).withConfig({displayName:"styled__SidebarLangDropdownTogglerIcon",componentId:"sc-1dyzj05-1"})(["pointer-events:none;"]),d=o(i).withConfig({displayName:"styled__SidebarLangDropdownTogglerText",componentId:"sc-1dyzj05-2"})(["text-transform:uppercase;font-size:16px;font-weight:700;line-height:22px;pointer-events:none;color:",";"],({theme:o})=>o.colors.base.white),p=o(n).attrs({size:16}).withConfig({displayName:"styled__SidebarLangDropdownTogglerArrow",componentId:"sc-1dyzj05-3"})(["pointer-events:none;transition:transform 0.2s ease-in-out;"]),l=o.button.withConfig({displayName:"styled__SidebarLangDropdownToggler",componentId:"sc-1dyzj05-4"})(["display:flex;background:none;border:none;outline:none;align-items:center;cursor:pointer;gap:6px;transform-origin:top center;transition:opacity 0.15s ease-out,transform 0.15s ease-out;&:hover{> "," > path{fill:",";}> ","{color:",";}> "," > path{stroke:",";}}",""],s,({theme:o})=>o.colors.accent.primary,d,({theme:o})=>o.colors.accent.primary,p,({theme:o})=>o.colors.accent.primary,({$open:o})=>o&&e`
       > ${s} > path {
         fill: ${({theme:o})=>o.colors.accent.primary};
       }
@@ -8,4 +8,4 @@ import{styled as o,css as e}from"styled-components";import{animated as r}from"@r
       > ${p} > path {
         stroke: ${({theme:o})=>o.colors.accent.primary};
       }
-    `)),c=o(r.div).withConfig({displayName:"styled__SidebarLangDropdownContent",componentId:"sc-1dyzj05-5"})(["display:flex;position:absolute;transform-origin:top center;"]),m=o.ul.withConfig({displayName:"styled__SidebarLangDropdownList",componentId:"sc-1dyzj05-6"})(["display:flex;flex-direction:column;border:1px solid ",";border-radius:8px;overflow:hidden;list-style:none;background:",";width:80px;padding:10px 16px;box-sizing:border-box;margin-block-start:16px;"],(({theme:o})=>"light"===o.mode?o.colors.grayScale.gray3:o.colors.grayScale.gray2),(({theme:o})=>"light"===o.mode?o.colors.grayScale.gray4:o.colors.grayScale.gray3));export{c as SidebarLangDropdownContent,m as SidebarLangDropdownList,a as SidebarLangDropdownStyled,l as SidebarLangDropdownToggler,p as SidebarLangDropdownTogglerArrow,s as SidebarLangDropdownTogglerIcon,d as SidebarLangDropdownTogglerText};
+    `),c=o(r.div).withConfig({displayName:"styled__SidebarLangDropdownContent",componentId:"sc-1dyzj05-5"})(["display:flex;position:absolute;transform-origin:top center;"]),m=o.ul.withConfig({displayName:"styled__SidebarLangDropdownList",componentId:"sc-1dyzj05-6"})(["display:flex;flex-direction:column;border:1px solid ",";border-radius:8px;overflow:hidden;list-style:none;background:",";width:80px;padding:10px 16px;box-sizing:border-box;margin-block-start:16px;"],({theme:o})=>"light"===o.mode?o.colors.grayScale.gray3:o.colors.grayScale.gray2,({theme:o})=>"light"===o.mode?o.colors.grayScale.gray4:o.colors.grayScale.gray3);export{c as SidebarLangDropdownContent,m as SidebarLangDropdownList,a as SidebarLangDropdownStyled,l as SidebarLangDropdownToggler,p as SidebarLangDropdownTogglerArrow,s as SidebarLangDropdownTogglerIcon,d as SidebarLangDropdownTogglerText};

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

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useRef as r,useState as i,useCallback as s,useEffect as n}from"react";import{useTransition as c}from"@react-spring/web";import{SidebarMenuStyled as l,SidebarMenuToggleButton as m,SidebarMenuBlock as d,SidebarMenuBlockScrollbarWrapper as a,SidebarMenuBlockContent as p}from"./styled.js";export{SidebarMenuNav}from"./styled.js";import{CloseIcon as u}from"../../../icons/close/index.js";import{MenuIcon as f}from"../../../icons/menu/index.js";import{SidebarMenuProvider as b}from"./context.js";export{SidebarMenuConsumer,SidebarMenuContext,useSidebarMenu}from"./context.js";import{useSidebar as j}from"../context.js";import"../../../theme/index.js";import"./nav/link/styled.js";import"../../icon/styled.js";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../tooltip/context.js";import{useTheme as h}from"../../../theme/hook.js";const x=x=>{var{children:y,disabled:g=!1}=x,v=e(x,["children","disabled"]);const k=h(),O=r(null),[M,S]=i(!1),{isOpen:w}=j(),C=s((()=>{S(!M)}),[M]);n((()=>{const e=e=>{const t=O.current;null!==t&&(t.contains(e.target)||S(!1))};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[]);const E=c(M,{from:{opacity:0,scale:.85},enter:{opacity:1,scale:1},leave:{opacity:0,scale:.85},config:{duration:150}});return t(b,{isOpen:M,setIsOpen:S,children:o(l,Object.assign({},v,{ref:O,children:[t(m,{disabled:g,onClick:C,"data-test":"sidebar-toggle-button",children:t(M?u:f,{fill:k.bright?k.default.colors.base.black:k.default.colors.base.white})}),E(((e,o)=>o&&t(d,{style:e,$sidebarOpen:w,children:t(a,{children:t(p,{children:y})})})))]}))})};export{x as SidebarMenu,d as SidebarMenuBlock,p as SidebarMenuBlockContent,a as SidebarMenuBlockScrollbarWrapper,b as SidebarMenuProvider,l as SidebarMenuStyled,m as SidebarMenuToggleButton};
+import{__rest as e}from"tslib";import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useRef as r,useState as i,useCallback as n,useEffect as s}from"react";import{useTransition as c}from"@react-spring/web";import{SidebarMenuStyled as l,SidebarMenuToggleButton as m,SidebarMenuBlock as d,SidebarMenuBlockScrollbarWrapper as a,SidebarMenuBlockContent as p}from"./styled.js";export{SidebarMenuNav}from"./styled.js";import{CloseIcon as u}from"../../../icons/close/index.js";import{MenuIcon as f}from"../../../icons/menu/index.js";import{SidebarMenuProvider as b}from"./context.js";export{SidebarMenuConsumer,SidebarMenuContext,useSidebarMenu}from"./context.js";import{useSidebar as j}from"../context.js";import"../../../theme/index.js";import"./nav/link/styled.js";import"../../icon/styled.js";import"react-markdown";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../tooltip/context.js";import{useTheme as h}from"../../../theme/hook.js";const x=x=>{var{children:y,disabled:g=!1}=x,k=e(x,["children","disabled"]);const v=h(),O=r(null),[w,M]=i(!1),{isOpen:S}=j(),C=n(()=>{M(!w)},[w]);s(()=>{const e=e=>{const t=O.current;null!==t&&(t.contains(e.target)||M(!1))};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}},[]);const E=c(w,{from:{opacity:0,scale:.85},enter:{opacity:1,scale:1},leave:{opacity:0,scale:.85},config:{duration:150}});return t(b,{isOpen:w,setIsOpen:M,children:o(l,Object.assign({},k,{ref:O,children:[t(m,{disabled:g,onClick:C,"data-test":"sidebar-toggle-button",children:t(w?u:f,{fill:v.bright?v.default.colors.base.black:v.default.colors.base.white})}),E((e,o)=>o&&t(d,{style:e,$sidebarOpen:S,children:t(a,{children:t(p,{children:y})})}))]}))})};export{x as SidebarMenu,d as SidebarMenuBlock,p as SidebarMenuBlockContent,a as SidebarMenuBlockScrollbarWrapper,b as SidebarMenuProvider,l as SidebarMenuStyled,m as SidebarMenuToggleButton};

package/dist/components/sidebar/menu/nav/link/index.js

@@ -1 +1 @@
-import{__rest as o}from"tslib";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useCallback as i}from"react";import{SidebarMenuNavLinkStyled as e,SidebarMenuNavIcon as c,SidebarMenuNavLinkText as s}from"./styled.js";import{IconProvider as l}from"../../../../icon/context.js";import"../../../../icon/styled.js";import"@react-spring/web";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{useSidebarMenu as m}from"../../context.js";import{useSidebar as n}from"../../../context.js";import{useTheme as a}from"../../../../../theme/hook.js";const p=p=>{var{as:d,to:j,icon:y,active:f=!1,children:h}=p,v=o(p,["as","to","icon","active","children"]);const{setIsOpen:x}=m(),{isOpen:g}=n(),k=a(),b=i((o=>{var t;x(!1),null===(t=v.onClick)||void 0===t||t.call(v,o)}),[v.onClick]);return t(e,Object.assign({$active:f},v,{as:d,to:j,onClick:b,children:[r(c,{$active:f,children:r(l,{size:18,fill:f?k.colors.accent.primary:k.colors.grayScale.gray1,stroke:f?k.colors.accent.primary:k.colors.grayScale.gray1,children:y})}),r(s,{$open:g,children:h})]}))};export{p as SidebarMenuNavLink};
+import{__rest as o}from"tslib";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useCallback as i}from"react";import{SidebarMenuNavLinkStyled as e,SidebarMenuNavIcon as c,SidebarMenuNavLinkText as s}from"./styled.js";import{IconProvider as m}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{useSidebarMenu as l}from"../../context.js";import{useSidebar as n}from"../../../context.js";import{useTheme as a}from"../../../../../theme/hook.js";const p=p=>{var{as:d,to:j,icon:y,active:f=!1,children:h}=p,v=o(p,["as","to","icon","active","children"]);const{setIsOpen:x}=l(),{isOpen:g}=n(),k=a(),b=i(o=>{var t;x(!1),null===(t=v.onClick)||void 0===t||t.call(v,o)},[v.onClick]);return t(e,Object.assign({$active:f},v,{as:d,to:j,onClick:b,children:[r(c,{$active:f,children:r(m,{size:18,fill:f?k.colors.accent.primary:k.colors.grayScale.gray1,stroke:f?k.colors.accent.primary:k.colors.grayScale.gray1,children:y})}),r(s,{$open:g,children:h})]}))};export{p as SidebarMenuNavLink};

package/dist/components/sidebar/menu/nav/link/styled.d.ts

@@ -2,8 +2,13 @@ export interface SidebarMenuNavLinkStyledProps {
     $active: boolean;
 }
 export declare const SidebarMenuNavLinkText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
-    children?: import("react").ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -52,6 +57,10 @@ export declare const SidebarMenuNavLinkText: import("styled-components").IStyled
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -260,6 +269,8 @@ export declare const SidebarMenuNavLinkText: import("styled-components").IStyled
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -268,14 +279,17 @@ export declare const SidebarMenuNavLinkText: import("styled-components").IStyled
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
 }, {
     $open?: boolean;
 }>>;

package/dist/components/sidebar/menu/nav/link/styled.js

@@ -1,4 +1,4 @@
-import{styled as e,css as a}from"styled-components";import{Typography as r}from"../../../../typography/index.js";import{adaptive as t}from"../../../../../adaptive/index.js";const o=e(r).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SidebarMenuNavLinkText",componentId:"sc-1jjso69-0"})(["",""],(({$open:e,theme:r})=>t(e?{variant:"dashboard",desktop:a`
+import{styled as e,css as a}from"styled-components";import{Typography as r}from"../../../../typography/index.js";import{adaptive as t}from"../../../../../adaptive/index.js";const o=e(r).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SidebarMenuNavLinkText",componentId:"sc-1jjso69-0"})(["",""],({$open:e,theme:r})=>t(e?{variant:"dashboard",desktop:a`
             display: flex;
           `,tablet:a`
             display: none;
@@ -29,11 +29,11 @@ import{styled as e,css as a}from"styled-components";import{Typography as r}from"
             display: flex;
           `,mobile:a`
             display: flex;
-          `}))),i=e.a.withConfig({displayName:"styled__SidebarMenuNavLinkStyled",componentId:"sc-1jjso69-1"})(["display:inline-flex;align-items:center;gap:10px;cursor:pointer;opacity:0.75;",""],(({$active:e})=>!e&&a`
+          `})),i=e.a.withConfig({displayName:"styled__SidebarMenuNavLinkStyled",componentId:"sc-1jjso69-1"})(["display:inline-flex;align-items:center;gap:10px;cursor:pointer;opacity:0.75;",""],({$active:e})=>!e&&a`
       transition: 0.25s opacity;
       &:hover {
         opacity: 1;
       }
-    `)),n=e.div.withConfig({displayName:"styled__SidebarMenuNavIcon",componentId:"sc-1jjso69-2"})(["display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:8px;"," &:hover ~ ","{left:100px;background:",";&:after{border-color:transparent "," transparent transparent;}}border:1px solid ",";"],(({$active:e})=>e&&a`
+    `),n=e.div.withConfig({displayName:"styled__SidebarMenuNavIcon",componentId:"sc-1jjso69-2"})(["display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:8px;"," &:hover ~ ","{left:100px;background:",";&:after{border-color:transparent "," transparent transparent;}}border:1px solid ",";"],({$active:e})=>e&&a`
       background: ${({theme:e})=>e.colors.grayScale.gray3};
-    `),o,(({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray1:"rgba(159, 189, 251, 1);"),(({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray1:"rgba(159, 189, 251, 1)"),(({theme:e})=>e.colors.grayScale.gray2));export{n as SidebarMenuNavIcon,i as SidebarMenuNavLinkStyled,o as SidebarMenuNavLinkText};
+    `,o,({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray1:"rgba(159, 189, 251, 1);",({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray1:"rgba(159, 189, 251, 1)",({theme:e})=>e.colors.grayScale.gray2);export{n as SidebarMenuNavIcon,i as SidebarMenuNavLinkStyled,o as SidebarMenuNavLinkText};

package/dist/components/sidebar/menu/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const SidebarMenuStyled: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -48,6 +48,10 @@ export declare const SidebarMenuStyled: import("styled-components").IStyledCompo
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -257,6 +261,8 @@ export declare const SidebarMenuStyled: import("styled-components").IStyledCompo
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -265,17 +271,23 @@ export declare const SidebarMenuStyled: import("styled-components").IStyledCompo
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const SidebarMenuToggleButton: import("styled-components").IStyledComponent<"web", {
-    value?: string | number | readonly string[] | undefined;
     children?: import("react").ReactNode;
-    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    value?: string | number | readonly string[] | undefined;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
-    size?: import("@/ui/components/button").ButtonSize | undefined;
     style?: import("react").CSSProperties | undefined;
     disabled?: boolean | undefined | undefined;
     key?: import("react").Key | null | undefined;
@@ -322,6 +334,10 @@ export declare const SidebarMenuToggleButton: import("styled-components").IStyle
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -527,6 +543,8 @@ export declare const SidebarMenuToggleButton: import("styled-components").IStyle
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -534,34 +552,61 @@ export declare const SidebarMenuToggleButton: import("styled-components").IStyle
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     form?: string | undefined | undefined;
-    name?: string | undefined | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
-    href?: string | undefined;
-    formAction?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
-    htmlFor?: string | undefined;
-    component?: import("@/ui/components/button").ButtonComponent | undefined;
+    name?: string | undefined | undefined;
     fullWidth?: boolean | undefined;
-    skeleton?: boolean | undefined;
+    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    component?: import("@/ui/components/button").ButtonComponent | undefined;
+    size?: import("@/ui/components/button").ButtonSize | undefined;
     corner?: import("@/ui/components/button").ButtonCorner | undefined;
     startIcon?: import("react").ReactNode;
     endIcon?: import("react").ReactNode;
     iconSize?: number | undefined;
     iconFill?: string | undefined;
+    skeleton?: boolean | undefined;
+    htmlFor?: string | undefined;
+    href?: string | undefined;
     disableHoverColor?: boolean | undefined;
-    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement | null> | null | undefined;
+    ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;
 export declare const SidebarMenuBlock: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@react-spring/web").AnimatedProps<{
-    children?: import("react").ReactNode;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    className?: string | undefined | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
-    color?: string | undefined | undefined;
-    content?: string | undefined | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
     style?: {
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
@@ -1409,31 +1454,13 @@ export declare const SidebarMenuBlock: import("styled-components").IStyledCompon
         matrix?: readonly [number, number, number, number, number, number] | undefined;
         matrix3d?: readonly [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number] | undefined;
     } | undefined;
-    key?: import("react").Key | null | undefined;
-    defaultChecked?: boolean | undefined | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined | undefined;
-    suppressHydrationWarning?: boolean | undefined | undefined;
-    accessKey?: string | undefined | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-    autoFocus?: boolean | undefined | undefined;
-    className?: string | undefined | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    id?: string | undefined | undefined;
-    lang?: string | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    slot?: string | undefined | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined | undefined;
     title?: string | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     radioGroup?: string | undefined | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
@@ -1445,6 +1472,7 @@ export declare const SidebarMenuBlock: import("styled-components").IStyledCompon
     vocab?: string | undefined | undefined;
     autoCorrect?: string | undefined | undefined;
     autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
     itemProp?: string | undefined | undefined;
     itemScope?: boolean | undefined | undefined;
     itemType?: string | undefined | undefined;
@@ -1453,6 +1481,10 @@ export declare const SidebarMenuBlock: import("styled-components").IStyledCompon
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1510,6 +1542,7 @@ export declare const SidebarMenuBlock: import("styled-components").IStyledCompon
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
+    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -1661,6 +1694,8 @@ export declare const SidebarMenuBlock: import("styled-components").IStyledCompon
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1669,9 +1704,16 @@ export declare const SidebarMenuBlock: import("styled-components").IStyledCompon
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }> & {
     scrollTop?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
     scrollLeft?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
@@ -1680,25 +1722,25 @@ export declare const SidebarMenuBlock: import("styled-components").IStyledCompon
     $sidebarOpen?: boolean;
 }>>;
 export declare const SidebarMenuBlockScrollbarWrapper: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
+    className?: string | undefined;
+    scrollbarClassName?: string | undefined;
     variant?: import("@/ui/components/scrollbar").ScrollbarVariant | undefined;
     size?: number | undefined;
-    disabled?: boolean | undefined;
-    key?: import("react").Key | null | undefined;
-    className?: string | undefined;
-    onScroll?: import("@/ui/components/scrollbar").ScrollbarScrollEventHandler | undefined;
     scrollShadows?: import("@/ui/components/scrollbar").ScrollbarShadowsProps | undefined;
-    overflow?: import("@/ui/components/scrollbar").ScrollbarOverflow | undefined;
-    scrollbarClassName?: string | undefined;
     scrollLocked?: import("@/ui/components/scrollbar").SetScrollOptions | undefined;
+    overflow?: import("@/ui/components/scrollbar").ScrollbarOverflow | undefined;
+    disabled?: boolean | undefined;
     disableShadows?: boolean | undefined;
     withStickyBottom?: boolean | undefined;
     defaultStickyBottom?: boolean | undefined;
     isHorizontalScrollbar?: boolean | undefined;
-    ref?: ((instance: import("@/ui/components/scrollbar").ScrollbarRef | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("@/ui/components/scrollbar").ScrollbarRef> | null | undefined;
+    onScroll?: import("@/ui/components/scrollbar").ScrollbarScrollEventHandler | undefined;
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<import("@/ui/components/scrollbar").ScrollbarRef> | undefined;
+    key?: import("react").Key | null | undefined;
 }>;
 export declare const SidebarMenuBlockContent: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1747,6 +1789,10 @@ export declare const SidebarMenuBlockContent: import("styled-components").IStyle
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1956,6 +2002,8 @@ export declare const SidebarMenuBlockContent: import("styled-components").IStyle
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1964,11 +2012,19 @@ export declare const SidebarMenuBlockContent: import("styled-components").IStyle
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const SidebarMenuNav: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLElement> | undefined;
+    ref?: import("react").Ref<HTMLElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -2017,6 +2073,10 @@ export declare const SidebarMenuNav: import("styled-components").IStyledComponen
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -2226,6 +2286,8 @@ export declare const SidebarMenuNav: import("styled-components").IStyledComponen
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLElement> | undefined;
@@ -2234,6 +2296,14 @@ export declare const SidebarMenuNav: import("styled-components").IStyledComponen
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
 }>;

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

@@ -2,7 +2,7 @@ import{styled as e,css as t}from"styled-components";import{animated as i}from"@r
       display: none;
     `,mobile:t`
       display: none;
-    `})),s=e(o).withConfig({displayName:"styled__SidebarMenuToggleButton",componentId:"sc-cdtc80-1"})(["svg{pointer-events:none;}"]),p=e(i.div).withConfig({displayName:"styled__SidebarMenuBlock",componentId:"sc-cdtc80-2"})(["display:flex;position:absolute;z-index:",";top:58px;right:20px;width:calc(100% - 20px);background:",";border:1px solid ",";border-radius:8px;padding:16px;transform-origin:top center;",""],(({theme:e})=>e.zIndex.menu),(({theme:e})=>e.colors.grayScale.gray7),(({theme:e})=>e.colors.grayScale.gray3),(({$sidebarOpen:e})=>!e&&a({variant:"dashboard",desktop:t`
+    `})),s=e(o).withConfig({displayName:"styled__SidebarMenuToggleButton",componentId:"sc-cdtc80-1"})(["svg{pointer-events:none;}"]),p=e(i.div).withConfig({displayName:"styled__SidebarMenuBlock",componentId:"sc-cdtc80-2"})(["display:flex;position:absolute;z-index:",";top:58px;right:20px;width:calc(100% - 20px);background:",";border:1px solid ",";border-radius:8px;padding:16px;transform-origin:top center;",""],({theme:e})=>e.zIndex.menu,({theme:e})=>e.colors.grayScale.gray7,({theme:e})=>e.colors.grayScale.gray3,({$sidebarOpen:e})=>!e&&a({variant:"dashboard",desktop:t`
         right: 0;
         top: 0;
         width: 100%;
@@ -29,8 +29,8 @@ import{styled as e,css as t}from"styled-components";import{animated as i}from"@r
         }
       `,tablet:t`
         display: none;
-      `}))),l=e(n).attrs({variant:"secondary"}).withConfig({displayName:"styled__SidebarMenuBlockScrollbarWrapper",componentId:"sc-cdtc80-3"})(["width:100%;height:100%;",""],a({variant:"dashboard",merge:!0,tablet:t`
+      `})),l=e(n).attrs({variant:"secondary"}).withConfig({displayName:"styled__SidebarMenuBlockScrollbarWrapper",componentId:"sc-cdtc80-3"})(["width:100%;height:100%;",""],a({variant:"dashboard",merge:!0,tablet:t`
       padding-right: 0px;
-    `})),c=e.div.withConfig({displayName:"styled__SidebarMenuBlockContent",componentId:"sc-cdtc80-4"})([""]),m=e.nav.withConfig({displayName:"styled__SidebarMenuNav",componentId:"sc-cdtc80-5"})(["display:flex;flex-direction:column;gap:20px;background:",";",""],(({theme:e})=>e.colors.grayScale.gray7),a({variant:"dashboard",merge:!0,tablet:t`
+    `})),c=e.div.withConfig({displayName:"styled__SidebarMenuBlockContent",componentId:"sc-cdtc80-4"})([""]),m=e.nav.withConfig({displayName:"styled__SidebarMenuNav",componentId:"sc-cdtc80-5"})(["display:flex;flex-direction:column;gap:20px;background:",";",""],({theme:e})=>e.colors.grayScale.gray7,a({variant:"dashboard",merge:!0,tablet:t`
       gap: 10px;
     `}));export{p as SidebarMenuBlock,c as SidebarMenuBlockContent,l as SidebarMenuBlockScrollbarWrapper,m as SidebarMenuNav,d as SidebarMenuStyled,s as SidebarMenuToggleButton};