@bothub-chat/ui/dist/components/header/menu/index.js

Bothub UI Components

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