@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/header/lang-dropdown/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 a}from"../../typography/index.js";const i=o.div.withConfig({displayName:"styled__HeaderLangDropdownStyled",componentId:"sc-14pvyd4-0"})([""]),s=o(t).attrs({size:18}).withConfig({displayName:"styled__HeaderLangDropdownTogglerIcon",componentId:"sc-14pvyd4-1"})(["pointer-events:none;"]),p=o(a).withConfig({displayName:"styled__HeaderLangDropdownTogglerText",componentId:"sc-14pvyd4-2"})(["text-transform:uppercase;font-size:16px;font-weight:700;line-height:22px;pointer-events:none;"]),d=o(n).attrs({size:16}).withConfig({displayName:"styled__HeaderLangDropdownTogglerArrow",componentId:"sc-14pvyd4-3"})(["pointer-events:none;transition:transform 0.2s ease-in-out;"]),l=o.button.withConfig({displayName:"styled__HeaderLangDropdownToggler",componentId:"sc-14pvyd4-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),p,(({theme:o})=>o.colors.accent.primary),d,(({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 a}from"../../typography/index.js";const i=o.div.withConfig({displayName:"styled__HeaderLangDropdownStyled",componentId:"sc-14pvyd4-0"})([""]),s=o(t).attrs({size:18}).withConfig({displayName:"styled__HeaderLangDropdownTogglerIcon",componentId:"sc-14pvyd4-1"})(["pointer-events:none;"]),p=o(a).withConfig({displayName:"styled__HeaderLangDropdownTogglerText",componentId:"sc-14pvyd4-2"})(["text-transform:uppercase;font-size:16px;font-weight:700;line-height:22px;pointer-events:none;"]),d=o(n).attrs({size:16}).withConfig({displayName:"styled__HeaderLangDropdownTogglerArrow",componentId:"sc-14pvyd4-3"})(["pointer-events:none;transition:transform 0.2s ease-in-out;"]),l=o.button.withConfig({displayName:"styled__HeaderLangDropdownToggler",componentId:"sc-14pvyd4-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,p,({theme:o})=>o.colors.accent.primary,d,({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
       > ${d} > path {
         stroke: ${({theme:o})=>o.colors.accent.primary};
       }
-    `)),c=o(r.div).withConfig({displayName:"styled__HeaderLangDropdownContent",componentId:"sc-14pvyd4-5"})([""," position:absolute;transform-origin:top center;"],(({$open:o})=>o?"display: flex;":"display: none;")),m=o.ul.withConfig({displayName:"styled__HeaderLangDropdownList",componentId:"sc-14pvyd4-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 HeaderLangDropdownContent,m as HeaderLangDropdownList,i as HeaderLangDropdownStyled,l as HeaderLangDropdownToggler,d as HeaderLangDropdownTogglerArrow,s as HeaderLangDropdownTogglerIcon,p as HeaderLangDropdownTogglerText};
+    `),c=o(r.div).withConfig({displayName:"styled__HeaderLangDropdownContent",componentId:"sc-14pvyd4-5"})([""," position:absolute;transform-origin:top center;"],({$open:o})=>o?"display: flex;":"display: none;"),m=o.ul.withConfig({displayName:"styled__HeaderLangDropdownList",componentId:"sc-14pvyd4-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 HeaderLangDropdownContent,m as HeaderLangDropdownList,i as HeaderLangDropdownStyled,l as HeaderLangDropdownToggler,d as HeaderLangDropdownTogglerArrow,s as HeaderLangDropdownTogglerIcon,p as HeaderLangDropdownTogglerText};

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

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useEffect as r}from"react";import{useTransition as n}from"@react-spring/web";import{HeaderMenuOpenGlobalStyle as o,HeaderMenuStyled as i,HeaderMenuContent as s}from"./styled.js";import{useHeader as a}from"../context.js";import{HeaderMenuProvider as m}from"./context.js";export{HeaderMenuContext,useHeaderMenu}from"./context.js";import"./toggle-button/icon/styled.js";import"./toggle-button/styled.js";const p=({isPreset:p,children:c})=>{const{variant:l,isMenuOpen:d}=a();r((()=>{d&&window.scrollTo({top:0})}),[d]);const f="undefined"!=typeof window?window:{innerHeight:1920},u=n(d,{from:{opacity:0,transform:`translateY(${-f.innerHeight}px)`},enter:{opacity:1,transform:"translateY(0px)"},leave:{opacity:0,transform:`translateY(${-f.innerHeight}px)`},config:{duration:150}});return t(m,{isInMenu:!0,children:[d&&e(o,{}),u(((t,r)=>r&&e(i,{children:e(s,{$isPreset:p,$variant:l,style:t,children:c})})))]})};export{p as HeaderMenu,m as HeaderMenuProvider};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useEffect as r}from"react";import{useTransition as n}from"@react-spring/web";import{HeaderMenuOpenGlobalStyle as o,HeaderMenuStyled as i,HeaderMenuContent as s}from"./styled.js";import{useHeader as a}from"../context.js";import{HeaderMenuProvider as m}from"./context.js";export{HeaderMenuContext,useHeaderMenu}from"./context.js";import"./toggle-button/icon/styled.js";import"./toggle-button/styled.js";const p=({isPreset:p,children:c})=>{const{variant:l,isMenuOpen:d}=a();r(()=>{d&&window.scrollTo({top:0})},[d]);const f="undefined"!=typeof window?window:{innerHeight:1920},u=n(d,{from:{opacity:0,transform:`translateY(${-f.innerHeight}px)`},enter:{opacity:1,transform:"translateY(0px)"},leave:{opacity:0,transform:`translateY(${-f.innerHeight}px)`},config:{duration:150}});return t(m,{isInMenu:!0,children:[d&&e(o,{}),u((t,r)=>r&&e(i,{children:e(s,{$isPreset:p,$variant:l,style:t,children:c})}))]})};export{p as HeaderMenu,m as HeaderMenuProvider};

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

@@ -4,7 +4,7 @@ export interface HeaderMenuStyledProps {
     $isPreset?: boolean;
 }
 export declare const HeaderMenuStyled: 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;
@@ -53,6 +53,10 @@ export declare const HeaderMenuStyled: 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;
@@ -262,6 +266,8 @@ export declare const HeaderMenuStyled: 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;
@@ -270,14 +276,39 @@ export declare const HeaderMenuStyled: 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;
+    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 HeaderMenuContent: 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;
@@ -1125,31 +1156,13 @@ export declare const HeaderMenuContent: import("styled-components").IStyledCompo
         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;
@@ -1161,6 +1174,7 @@ export declare const HeaderMenuContent: import("styled-components").IStyledCompo
     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;
@@ -1169,6 +1183,10 @@ export declare const HeaderMenuContent: 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;
@@ -1226,6 +1244,7 @@ export declare const HeaderMenuContent: import("styled-components").IStyledCompo
     "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;
@@ -1377,6 +1396,8 @@ export declare const HeaderMenuContent: 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;
@@ -1385,9 +1406,16 @@ export declare const HeaderMenuContent: 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;
-    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;

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

@@ -1,4 +1,4 @@
-import{styled as e,css as t,createGlobalStyle as a}from"styled-components";import{animated as i}from"@react-spring/web";import{adaptive as h}from"../../../adaptive/index.js";const o=e.div.withConfig({displayName:"styled__HeaderMenuStyled",componentId:"sc-1k8b9s7-0"})(["position:relative;"]),d=e(i.div).withConfig({displayName:"styled__HeaderMenuContent",componentId:"sc-1k8b9s7-1"})(["background:",";overflow:auto;position:absolute;top:0px;left:0px;right:0px;z-index:",";",""],(({theme:e})=>e.colors.base.black),(({theme:e})=>e.zIndex.headerMenu),(({theme:e,$variant:a,$isPreset:i})=>{switch(a){case"main":return h({variant:a,desktop:t`
+import{styled as e,css as t,createGlobalStyle as a}from"styled-components";import{animated as i}from"@react-spring/web";import{adaptive as h}from"../../../adaptive/index.js";const o=e.div.withConfig({displayName:"styled__HeaderMenuStyled",componentId:"sc-1k8b9s7-0"})(["position:relative;"]),d=e(i.div).withConfig({displayName:"styled__HeaderMenuContent",componentId:"sc-1k8b9s7-1"})(["background:",";overflow:auto;position:absolute;top:0px;left:0px;right:0px;z-index:",";",""],({theme:e})=>e.colors.base.black,({theme:e})=>e.zIndex.headerMenu,({theme:e,$variant:a,$isPreset:i})=>{switch(a){case"main":return h({variant:a,desktop:t`
             display: none;
             height: calc(100vh - ${e.header.height});
           `,tablet:t`
@@ -26,7 +26,7 @@ import{styled as e,css as t,createGlobalStyle as a}from"styled-components";impor
                   ${i?parseInt(e.dashboard.header.mobile.height)-80:e.dashboard.header.mobile.height}
               );
             `})}
-        `}})),n=a`
+        `}}),n=a`
   body {
     overflow: hidden;
     max-height: 100vh;

package/dist/components/header/menu/toggle-button/icon/index.js

@@ -1 +1 @@
-import{jsxs as r,jsx as o}from"react/jsx-runtime";import t from"react";import{useHeader as e}from"../../../context.js";import{StyledBurgerIcon as m,StyledLine as i}from"./styled.js";const n=t.memo((({isOpen:t})=>{const{isMenuOpen:n}=e();return r(m,{$isOpen:void 0!==t?t:n,children:[o(i,{}),o(i,{}),o(i,{})]})}));export{n as HeaderMenuToggleIcon};
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import t from"react";import{useHeader as e}from"../../../context.js";import{StyledBurgerIcon as m,StyledLine as i}from"./styled.js";const n=t.memo(({isOpen:t})=>{const{isMenuOpen:n}=e();return r(m,{$isOpen:void 0!==t?t:n,children:[o(i,{}),o(i,{}),o(i,{})]})});export{n as HeaderMenuToggleIcon};

package/dist/components/header/menu/toggle-button/icon/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const StyledLine: 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 StyledLine: import("styled-components").IStyledComponent<"w
     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 StyledLine: import("styled-components").IStyledComponent<"w
     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,8 +271,16 @@ export declare const StyledLine: import("styled-components").IStyledComponent<"w
     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 StyledBurgerIcon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isOpen: boolean;

package/dist/components/header/menu/toggle-button/icon/styled.js

@@ -1 +1 @@
-import{styled as t}from"styled-components";const e=t.div.withConfig({displayName:"styled__StyledLine",componentId:"sc-m6qasn-0"})(["width:100%;height:2px;border-radius:2px;background-color:",";position:absolute;left:0;transition:transform 0.15s ease,opacity 0.075s ease;"],(({theme:t})=>t.bright?"dark"===t.mode?t.colors.base.black:t.colors.base.white:"dark"===t.mode?t.colors.base.white:t.colors.base.black)),o=t.div.withConfig({displayName:"styled__StyledBurgerIcon",componentId:"sc-m6qasn-1"})(["width:18px;height:18px;position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:center;& > ",":nth-child(1){transform:",";}& > ",":nth-child(2){opacity:",";}& > ",":nth-child(3){transform:",";}"],e,(({$isOpen:t})=>t?"translateY(0) rotate(45deg)":"translateY(-4px) rotate(0)"),e,(({$isOpen:t})=>t?"0":"1"),e,(({$isOpen:t})=>t?"translateY(0) rotate(-45deg)":"translateY(4px) rotate(0)"));export{o as StyledBurgerIcon,e as StyledLine};
+import{styled as t}from"styled-components";const e=t.div.withConfig({displayName:"styled__StyledLine",componentId:"sc-m6qasn-0"})(["width:100%;height:2px;border-radius:2px;background-color:",";position:absolute;left:0;transition:transform 0.15s ease,opacity 0.075s ease;"],({theme:t})=>t.bright?"dark"===t.mode?t.colors.base.black:t.colors.base.white:"dark"===t.mode?t.colors.base.white:t.colors.base.black),o=t.div.withConfig({displayName:"styled__StyledBurgerIcon",componentId:"sc-m6qasn-1"})(["width:18px;height:18px;position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:center;& > ",":nth-child(1){transform:",";}& > ",":nth-child(2){opacity:",";}& > ",":nth-child(3){transform:",";}"],e,({$isOpen:t})=>t?"translateY(0) rotate(45deg)":"translateY(-4px) rotate(0)",e,({$isOpen:t})=>t?"0":"1",e,({$isOpen:t})=>t?"translateY(0) rotate(-45deg)":"translateY(4px) rotate(0)");export{o as StyledBurgerIcon,e as StyledLine};

package/dist/components/header/menu/toggle-button/index.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useCallback as n}from"react";import{HeaderMenuToggleIcon as t}from"./icon/index.js";import{HeaderMenuToggleButtonStyled as r}from"./styled.js";import{useHeader as o}from"../../context.js";const i=({isOpen:i,onTabletOpen:s})=>{const{variant:m,isMenuOpen:p,setIsMenuOpen:a}=o(),c=n((()=>{s?s():a(!p)}),[p,s]);return e(r,{$variant:m,"aria-label":"Menu Toggle Button",onClick:c,children:e(t,{isOpen:i})})};export{i as HeaderMenuToggleButton};
+import{jsx as e}from"react/jsx-runtime";import{useCallback as n}from"react";import{HeaderMenuToggleIcon as t}from"./icon/index.js";import{HeaderMenuToggleButtonStyled as r}from"./styled.js";import{useHeader as o}from"../../context.js";const i=({isOpen:i,onTabletOpen:s})=>{const{variant:m,isMenuOpen:p,setIsMenuOpen:a}=o(),c=n(()=>{s?s():a(!p)},[p,s]);return e(r,{$variant:m,"aria-label":"Menu Toggle Button",onClick:c,children:e(t,{isOpen:i})})};export{i as HeaderMenuToggleButton};

package/dist/components/header/menu/toggle-button/styled.d.ts

@@ -2,7 +2,7 @@ import { HeaderVariant } from '../../types';
 export interface HeaderMenuToggleButtonStyledProps {
     $variant: HeaderVariant;
 }
-export declare const HeaderMenuToggleButtonStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & {
+export declare const HeaderMenuToggleButtonStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & {
     disabled?: boolean;
     fullWidth?: boolean;
     variant?: import("../../../button").ButtonVariant;
@@ -19,6 +19,4 @@ export declare const HeaderMenuToggleButtonStyled: import("styled-components").I
     color?: string;
     disableHoverColor?: boolean;
     children?: React.ReactNode;
-} & import("react").RefAttributes<HTMLButtonElement | null>, "ref"> & {
-    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;
-}, HeaderMenuToggleButtonStyledProps>>;
+} & import("react").RefAttributes<HTMLButtonElement | null>, HeaderMenuToggleButtonStyledProps>>;

package/dist/components/header/menu/toggle-button/styled.js

@@ -1,3 +1,3 @@
-import{styled as t,css as o}from"styled-components";import{Button as e}from"../../../button/index.js";import{adaptive as n}from"../../../../adaptive/index.js";const d=t(e).withConfig({displayName:"styled__HeaderMenuToggleButtonStyled",componentId:"sc-e0xcqy-0"})(["padding:10px;",""],n((({$variant:t})=>({variant:t,desktop:o`
+import{styled as t,css as o}from"styled-components";import{Button as e}from"../../../button/index.js";import{adaptive as n}from"../../../../adaptive/index.js";const d=t(e).withConfig({displayName:"styled__HeaderMenuToggleButtonStyled",componentId:"sc-e0xcqy-0"})(["padding:10px;",""],n(({$variant:t})=>({variant:t,desktop:o`
       display: none;
-    `}))));export{d as HeaderMenuToggleButtonStyled};
+    `})));export{d as HeaderMenuToggleButtonStyled};

package/dist/components/header/menu-nav/index.js

@@ -1 +1 @@
-import{jsxs as i,jsx as n}from"react/jsx-runtime";import{useState as o,useRef as s,useCallback as e}from"react";import{useSpring as t}from"@react-spring/web";import{HeaderMenuNavStyled as r,HeaderMenuNavList as d,HeaderMenuNavItem as c,HeaderMenuNavLabel as p,HeaderMenuNavContentMobile as m,HeaderMenuNavContent as x,HeaderMenuNavContentChildList as l,HeaderMenuNavLink as j,HeaderMenuNavMainLinkContainer as a,HeaderMenuNavTextLink as u,HeaderMenuNavItemBgIcon as h,HeaderMenuNavItemArrowIcon as g,HeaderMenuNavTextDescription as b,HeaderMenuNavContentList as f,HeaderMenuNavMainLink as v,HeaderMenuNavArrowIcon as y}from"./styled.js";import"tslib";import{IconProvider as w}from"../../icon/context.js";import"../../icon/styled.js";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{Divider as k}from"../../divider/index.js";import{ArrowDownIcon as C}from"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../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";export{config}from"./config.js";const M=({items:l,isDesktop:j})=>{const[a,u]=o(null),[h,g]=o(null),b=s(null),f=s(null),[v,y]=t((()=>({from:{opacity:0,transform:"translateX(-50px)"}}))),w=e((i=>{y.start({from:{opacity:0,transform:"left"===i?"translateX(-50px)":"translateX(50px)"},to:{opacity:1,transform:"translateX(0%)"}})}),[y]),k=e((()=>{b.current&&(clearTimeout(b.current),b.current=null),f.current&&(clearTimeout(f.current),f.current=null)}),[]),M=e((()=>{k(),b.current=setTimeout((()=>{u(null),g(null)}),300)}),[k]),U=e((i=>{k(),f.current=setTimeout((()=>{const n=l.findIndex((i=>i.id===(null==a?void 0:a.id))),o=l.findIndex((n=>n.id===i));-1!==o&&n!==o&&(w(-1!==n&&o<n?"right":"left"),u(l[o]),l[o].children&&l[o].children.length>0?g(l[o].children[0]):g(null))}),50)}),[a,w,k]),$=e((i=>{k(),g(i)}),[k]),q=e((()=>{k()}),[k]);return i(r,{onMouseLeave:M,children:[n(d,{children:null==l?void 0:l.map((o=>i(c,{onMouseEnter:()=>U(o.id),children:[i(p,{variant:j?"body-m-semibold":"body-l-semibold",onClick:i=>{i.preventDefault(),i.stopPropagation(),j||o.id!==(null==a?void 0:a.id)?U(o.id):M()},children:[o.label,!j&&o.children&&o.children.length>0&&n(C,{})]}),!j&&o.id===(null==a?void 0:a.id)&&i(m,{onPointerUp:q,children:[n(z,{parent:a,child:h,handleMouseEnterChild:$,springsChildContent:v}),n(P,{springsChildContent:v,child:h,parent:a,handleMouseEnterContent:q}),n(E,{parent:a,child:h,handleMouseEnterContent:q})]},o.id)]},o.id)))}),j&&i(x,{$open:null!==a,onPointerUp:q,onMouseEnter:q,children:[n(z,{parent:a,child:h,handleMouseEnterChild:$,springsChildContent:v}),n(P,{springsChildContent:v,child:h,parent:a,handleMouseEnterContent:q}),n(E,{parent:a,child:h,handleMouseEnterContent:q})]})]})},E=({parent:i,child:o,handleMouseEnterContent:s})=>null!==i&&null!==o&&("link"===(null==o?void 0:o.type)||"button"===(null==o?void 0:o.type))&&(null==o?void 0:o.children)&&n(l,{onPointerUp:s,onMouseEnter:s,children:o.children}),P=({parent:o,child:s,handleMouseEnterContent:e,springsChildContent:t})=>{var r;return null!==o&&null!==s&&"collapse"===(null==s?void 0:s.type)&&(null===(r=null==s?void 0:s.children)||void 0===r?void 0:r.length)&&n(l,{$columns:null==s?void 0:s.columns,style:t,onPointerUp:e,onMouseEnter:e,children:s.children.map(((o,t)=>{switch(o.type){case"link":return i(j,{$height:s.height,href:o.href,onMouseEnter:e,onPointerUp:e,children:[i(a,{children:[n(w,{size:18,children:o.icon}),n(u,{children:o.label}),n(h,{children:n(g,{})})]}),o.description&&n(b,{children:o.description})]},o.id);case"button":return i(j,{as:"button",$height:s.height,onClick:o.onClick,onMouseEnter:e,onPointerUp:e,children:[i(a,{children:[n(w,{size:18,children:o.icon}),n(u,{children:o.label}),n(h,{children:n(g,{})})]}),o.description&&n(u,{children:o.description})]},o.id);case"divider":return n(k,{},`child-divider-${t}`);default:return null}}))})},z=({parent:o,child:s,handleMouseEnterChild:e,springsChildContent:t})=>{var r;return(null===(r=null==o?void 0:o.children)||void 0===r?void 0:r.length)&&n(f,{style:t,children:o.children.map((o=>"divider"===o.type?n(k,{},`divider-${Math.random()}`):n(v,Object.assign({$active:"divider"!==(null==s?void 0:s.type)&&(null==s?void 0:s.id)===o.id,onMouseEnter:()=>e(o),onPointerUp:()=>e(o)},"button"===o.type&&{onClick:o.onClick},"link"===o.type&&{href:o.href},{children:i(a,{children:[n(w,{size:18,children:o.icon}),n(u,{children:o.label}),"collapse"===o.type&&n(y,{}),["link","button"].includes(o.type)&&n(g,{})]})}),o.id)))})};export{M as HeaderMenuNav};
+import{jsxs as i,jsx as n}from"react/jsx-runtime";import{useState as o,useRef as s,useCallback as e}from"react";import{useSpring as t}from"@react-spring/web";import{HeaderMenuNavStyled as r,HeaderMenuNavList as d,HeaderMenuNavItem as c,HeaderMenuNavLabel as p,HeaderMenuNavContentMobile as m,HeaderMenuNavContent as x,HeaderMenuNavContentChildList as l,HeaderMenuNavLink as j,HeaderMenuNavMainLinkContainer as a,HeaderMenuNavTextLink as u,HeaderMenuNavItemBgIcon as h,HeaderMenuNavItemArrowIcon as g,HeaderMenuNavTextDescription as b,HeaderMenuNavContentList as f,HeaderMenuNavMainLink as v,HeaderMenuNavArrowIcon as y}from"./styled.js";import"tslib";import{IconProvider as w}from"../../icon/context.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"../../../theme/index.js";import"../../tooltip/context.js";import{Divider as k}from"../../divider/index.js";import{ArrowDownIcon as C}from"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../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";export{config}from"./config.js";const M=({items:l,isDesktop:j})=>{const[a,u]=o(null),[h,g]=o(null),b=s(null),f=s(null),[v,y]=t(()=>({from:{opacity:0,transform:"translateX(-50px)"}})),w=e(i=>{y.start({from:{opacity:0,transform:"left"===i?"translateX(-50px)":"translateX(50px)"},to:{opacity:1,transform:"translateX(0%)"}})},[y]),k=e(()=>{b.current&&(clearTimeout(b.current),b.current=null),f.current&&(clearTimeout(f.current),f.current=null)},[]),M=e(()=>{k(),b.current=setTimeout(()=>{u(null),g(null)},300)},[k]),U=e(i=>{k(),f.current=setTimeout(()=>{const n=l.findIndex(i=>i.id===(null==a?void 0:a.id)),o=l.findIndex(n=>n.id===i);-1!==o&&n!==o&&(w(-1!==n&&o<n?"right":"left"),u(l[o]),l[o].children&&l[o].children.length>0?g(l[o].children[0]):g(null))},50)},[a,w,k]),$=e(i=>{k(),g(i)},[k]),q=e(()=>{k()},[k]);return i(r,{onMouseLeave:M,children:[n(d,{children:null==l?void 0:l.map(o=>i(c,{onMouseEnter:()=>U(o.id),children:[i(p,{variant:j?"body-m-semibold":"body-l-semibold",onClick:i=>{i.preventDefault(),i.stopPropagation(),j||o.id!==(null==a?void 0:a.id)?U(o.id):M()},"data-test":o.label,children:[o.label,!j&&o.children&&o.children.length>0&&n(C,{})]}),!j&&o.id===(null==a?void 0:a.id)&&i(m,{onPointerUp:q,children:[n(z,{parent:a,child:h,handleMouseEnterChild:$,springsChildContent:v}),n(P,{springsChildContent:v,child:h,parent:a,handleMouseEnterContent:q}),n(E,{parent:a,child:h,handleMouseEnterContent:q})]},o.id)]},o.id))}),j&&i(x,{$open:null!==a,onPointerUp:q,onMouseEnter:q,children:[n(z,{parent:a,child:h,handleMouseEnterChild:$,springsChildContent:v}),n(P,{springsChildContent:v,child:h,parent:a,handleMouseEnterContent:q}),n(E,{parent:a,child:h,handleMouseEnterContent:q})]})]})},E=({parent:i,child:o,handleMouseEnterContent:s})=>null!==i&&null!==o&&("link"===(null==o?void 0:o.type)||"button"===(null==o?void 0:o.type))&&(null==o?void 0:o.children)&&n(l,{onPointerUp:s,onMouseEnter:s,children:o.children}),P=({parent:o,child:s,handleMouseEnterContent:e,springsChildContent:t})=>{var r;return null!==o&&null!==s&&"collapse"===(null==s?void 0:s.type)&&(null===(r=null==s?void 0:s.children)||void 0===r?void 0:r.length)&&n(l,{$columns:null==s?void 0:s.columns,style:t,onPointerUp:e,onMouseEnter:e,children:s.children.map((o,t)=>{switch(o.type){case"link":return i(j,{$height:s.height,href:o.href,onMouseEnter:e,onPointerUp:e,"data-test":o.label,children:[i(a,{children:[n(w,{size:18,children:o.icon}),n(u,{children:o.label}),n(h,{children:n(g,{})})]}),o.description&&n(b,{children:o.description})]},o.id);case"button":return i(j,{as:"button",$height:s.height,onClick:o.onClick,onMouseEnter:e,onPointerUp:e,"data-test":o.label,children:[i(a,{children:[n(w,{size:18,children:o.icon}),n(u,{children:o.label}),n(h,{children:n(g,{})})]}),o.description&&n(u,{children:o.description})]},o.id);case"divider":return n(k,{},`child-divider-${t}`);default:return null}})})},z=({parent:o,child:s,handleMouseEnterChild:e,springsChildContent:t})=>{var r;return(null===(r=null==o?void 0:o.children)||void 0===r?void 0:r.length)&&n(f,{style:t,children:o.children.map(o=>"divider"===o.type?n(k,{},`divider-${Math.random()}`):n(v,Object.assign({$active:"divider"!==(null==s?void 0:s.type)&&(null==s?void 0:s.id)===o.id,onMouseEnter:()=>e(o),onPointerUp:()=>e(o)},"button"===o.type&&{onClick:o.onClick},"link"===o.type&&{href:o.href},{"data-test":o.label,children:i(a,{children:[n(w,{size:18,children:o.icon}),n(u,{children:o.label}),"collapse"===o.type&&n(y,{}),["link","button"].includes(o.type)&&n(g,{})]})}),o.id))})};export{M as HeaderMenuNav};