https://joring.ai/assets/Navigation-DYWTZAzR.js

1import{$ as e,Ga as t,Gn as n,Jn as r,Kn as i,Ma as a,ja as o,qn as s,ro as c}from"./src-DKV4qz0e.js";import{t as l}from"./download-BNfz3lJ-.js";import{t as u}from"./useBrowserDetection-B30fgKjq.js";import{Ho as d,Lo as f,Pa as p,Po as m,St as h,ao as g,wo as _,yo as v}from"./index-B9L-afxX.js";import{t as y}from"./Image-TUISmR3j.js";var b=v(`menu`,[[`path`,{d:`M4 5h16`,key:`1tepv9`}],[`path`,{d:`M4 12h16`,key:`1lakjw`}],[`path`,{d:`M4 19h16`,key:`1djgab`}]]),x=d(f(),1),S=m(),C=`group inline-flex h-10 w-max items-center justify-center rounded-md px-4 py-2 text-body font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50`,w=`flex items-center justify-between px-3 py-3 text-body font-medium text-foreground hover:bg-accent rounded-md`;function T(){let[d,f]=(0,x.useState)(!1),[m,v]=(0,x.useState)(!1),{config:T,isSupported:E}=u(),{isAuthenticated:D}=p(),{activeTeam:O}=h();(0,x.useEffect)(()=>{let e=()=>{v(window.scrollY>16)};return e(),window.addEventListener(`scroll`,e,{passive:!0}),()=>{window.removeEventListener(`scroll`,e)}},[]);let k=E?T.buttonLabel:`Add the Joring Extension`;return(0,S.jsx)(`div`,{className:`fixed inset-x-0 top-4 z-50 px-4 md:px-6 pointer-events-none`,children:(0,S.jsxs)(`nav`,{"aria-label":`Primary`,className:`pointer-events-auto mx-auto rounded-lg border ring-1 transition-all duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none ${m||d?`max-w-[860px] border-border bg-glass shadow-lift ring-border backdrop-blur-glass`:`max-w-6xl border-transparent bg-transparent shadow-none ring-transparent`}`,children:[(0,S.jsxs)(`div`,{className:`flex items-center justify-between pr-2 transition-all duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none sm:pr-3 ${m&&!d?`h-12 pl-4`:`h-header pl-5`}`,children:[(0,S.jsxs)(`div`,{className:`flex items-center gap-6`,children:[(0,S.jsxs)(_,{to:`/`,className:`flex items-center gap-2`,children:[(0,S.jsx)(y,{src:`/joring-logo.svg`,alt:`joring Logo`,width:32,height:32,className:`invert dark:invert-0`}),(0,S.jsx)(`span`,{className:`font-display text-section font-label leading-none`,children:`joring`})]}),(0,S.jsx)(n,{className:`hidden md:flex`,children:(0,S.jsxs)(r,{children:[(0,S.jsx)(i,{children:(0,S.jsx)(s,{asChild:!0,className:C,children:(0,S.jsx)(_,{to:`/learn/`,children:`Trails`})})}),(0,S.jsx)(i,{children:(0,S.jsx)(s,{asChild:!0,className:C,children:(0,S.jsx)(_,{to:`/pricing/`,children:`Pricing`})})}),(0,S.jsx)(i,{children:(0,S.jsx)(s,{asChild:!0,className:C,children:(0,S.jsx)(_,{to:`/research/`,children:`Research`})})}),(0,S.jsx)(i,{children:(0,S.jsx)(s,{asChild:!0,className:C,children:(0,S.jsx)(_,{to:`/resources/`,children:`Resources`})})}),(0,S.jsx)(i,{children:(0,S.jsx)(s,{asChild:!0,className:C,children:(0,S.jsx)(_,{to:`/about/`,children:`About`})})})]})})]}),(0,S.jsxs)(`div`,{className:`hidden md:flex md:items-center gap-3`,children:[(0,S.jsx)(e,{}),E&&T.storeUrl&&(0,S.jsx)(t,{variant:`outline`,size:`sm`,asChild:!0,children:(0,S.jsxs)(`a`,{href:T.storeUrl,target:`_blank`,rel:`noopener noreferrer`,onClick:()=>{g(`click_install_extension`,{location:`nav`,browser:T.buttonLabel})},children:[(0,S.jsx)(l,{className:`mr-2 h-4 w-4`}),k]})}),(0,S.jsx)(t,{size:`sm`,asChild:!0,children:D?O?(0,S.jsx)(_,{to:`/teams/$teamId/`,params:{teamId:O.id},onClick:()=>{g(`click_open_app`,{location:`nav`})},children:`Open Joring`}):(0,S.jsx)(_,{to:`/teams/`,onClick:()=>{g(`click_open_app`,{location:`nav`})},children:`Open Joring`}):(0,S.jsx)(_,{to:`/sign-in/`,onClick:()=>{g(`click_sign_in`,{location:`nav`})},children:`Sign In`})})]}),(0,S.jsxs)(`div`,{className:`flex items-center gap-2 md:hidden`,children:[(0,S.jsx)(e,{}),(0,S.jsx)(t,{size:`sm`,asChild:!0,children:D?O?(0,S.jsx)(_,{to:`/teams/$teamId/`,params:{teamId:O.id},onClick:()=>{g(`click_open_app`,{location:`nav_mobile_pill`})},children:`Open`}):(0,S.jsx)(_,{to:`/teams/`,onClick:()=>{g(`click_open_app`,{location:`nav_mobile_pill`})},children:`Open`}):(0,S.jsx)(_,{to:`/sign-in/`,onClick:()=>{g(`click_sign_in`,{location:`nav_mobile_pill`})},children:`Sign In`})}),(0,S.jsxs)(t,{variant:`ghost`,size:`icon`,"aria-expanded":d,"aria-controls":`mobile-nav-panel`,onClick:()=>{f(e=>!e)},children:[d?(0,S.jsx)(c,{className:`h-6 w-6`}):(0,S.jsx)(b,{className:`h-6 w-6`}),(0,S.jsx)(`span`,{className:`sr-only`,children:d?`Close menu`:`Open menu`})]})]})]}),(0,S.jsx)(a,{initial:!1,children:d&&(0,S.jsx)(o.div,{id:`mobile-nav-panel`,initial:{height:0,opacity:0}

1,animate:{height:`auto`,opacity:1},exit:{height:0,opacity:0},transition:{duration:.22,ease:[.16,1,.3,1]},className:`md:hidden overflow-hidden`,children:(0,S.jsxs)(`div`,{className:`flex flex-col px-2 pb-3 pt-1 divide-y divide-border/40 border-t border-border/40`,children:[(0,S.jsx)(_,{to:`/learn/`,onClick:()=>{f(!1)},className:w,children:`Trails`}),(0,S.jsx)(_,{to:`/pricing/`,onClick:()=>{f(!1)},className:w,children:`Pricing`}),(0,S.jsx)(_,{to:`/research/`,onClick:()=>{f(!1)},className:w,children:`Research`}),(0,S.jsx)(_,{to:`/resources/`,onClick:()=>{f(!1)},className:w,children:`Resources`}),(0,S.jsx)(_,{to:`/about/`,onClick:()=>{f(!1)},className:w,children:`About`}),E&&T.storeUrl&&(0,S.jsxs)(`a`,{href:T.storeUrl,target:`_blank`,rel:`noopener noreferrer`,onClick:()=>{g(`click_install_extension`,{location:`nav_mobile`,browser:T.buttonLabel}),f(!1)},className:w,children:[(0,S.jsx)(l,{className:`mr-2 h-4 w-4`}),k]})]})},`mobile-nav-panel`)})]})})}export{T as t};