@bothub-chat/ui 2.32.5 → 2.32.6-develop-2cf34a35-49e9-4ff4-a58c-61e7d5c4cafe

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=({children:p,isPreset: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:c,$variant:l,style:t,children:p})})))]})};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.js

@@ -1,30 +1,35 @@
-import{styled as e,css as a,createGlobalStyle as t}from"styled-components";import{animated as i}from"@react-spring/web";import{adaptive as h}from"../../../adaptive/index.js";const d=e.div.withConfig({displayName:"styled__HeaderMenuStyled",componentId:"sc-1k8b9s7-0"})(["position:relative;"]),o=e(i.div).withConfig({displayName:"styled__HeaderMenuContent",componentId:"sc-1k8b9s7-1"})(["display:flex;flex-direction:column;align-items:flex-start;position:fixed;background:",";gap:40px;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:t,$isPreset:i})=>{switch(t){case"main":return h({variant:t,desktop:a`
+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:a`
-            padding: 42px 40px;
+          `,tablet:t`
             height: calc(100vh - ${e.header.height});
-          `,mobile:a`
-            padding: 32px 30px;
+          `,mobile:t`
             height: calc(100vh - ${e.header.mobile.height});
-          `});case"dashboard":return h({variant:t,desktop:a`
-            display: none;
-            height: calc(100vh - ${e.dashboard.header.height});
-          `,tablet:a`
-            ${i?"":"display: none;"}
-            padding: 42px 18px;
-            height: calc(100vh - ${e.dashboard.header.tablet.height});
-          `,mobile:a`
-            ${i?"":"display: none;"}
-            padding: 32px 16px;
-            height: calc(
-              100vh -
-                ${i?parseInt(e.dashboard.header.mobile.height)-80:e.dashboard.header.mobile.height}
-            );
-          `})}})),n=t`
+          `});case"dashboard":return t`
+          display: flex;
+          flex-direction: column;
+          align-items: flex-start;
+          position: fixed;
+          gap: 40px;
+          ${h({variant:a,desktop:t`
+              display: none;
+              height: calc(100vh - ${e.dashboard.header.height});
+            `,tablet:t`
+              ${i?"":"display: none;"}
+              padding: 42px 18px;
+              height: calc(100vh - ${e.dashboard.header.tablet.height});
+            `,mobile:t`
+              ${i?"":"display: none;"}
+              padding: 32px 16px;
+              height: calc(
+                100vh -
+                  ${i?parseInt(e.dashboard.header.mobile.height)-80:e.dashboard.header.mobile.height}
+              );
+            `})}
+        `}})),n=a`
   body {
     overflow: hidden;
     max-height: 100vh;
     max-height: 100lvh;
   }
-`;export{o as HeaderMenuContent,n as HeaderMenuOpenGlobalStyle,d as HeaderMenuStyled};
+`;export{d as HeaderMenuContent,n as HeaderMenuOpenGlobalStyle,o as HeaderMenuStyled};