import{d as u,z as p,A as f,c as m,o as t,f as y,g,a as s,q as b,u as h,n as w,b as e,x as v,F as i,r,t as l,y as k,T as _}from"./index-IQ_epUwE.js";const N={class:"grid grid-cols-1 lg:grid-cols-2 gap-8 max-h-[80vh] overflow-y-auto"},B={class:"space-y-4"},T={class:"space-y-3"},V={class:"text-white font-inter text-lg"},j={class:"flex gap-2"},z={class:"space-y-4"},C={class:"space-y-3"},I={class:"text-white font-inter text-lg"},K={class:"flex gap-2"},P=u({__name:"KeybindOverlay",props:{zIndex:{default:50}},setup(S){const c={navigation:[{action:"Navigate Left",keys:["←"]},{action:"Navigate Right",keys:["→"]},{action:"Navigate Up",keys:["↑"]},{action:"Navigate Down",keys:["↓"]},{action:"Select",keys:["Enter"]},{action:"Back",keys:["Backspace"]},{action:"Show Keybinds",keys:["?"]}],transport:[{action:"Play/Pause",keys:["Spacebar"]},{action:"Previous Track",keys:["<",","]},{action:"Next Track",keys:[">","."]},{action:"Volume Down",keys:["-","_"]},{action:"Volume Up",keys:["=","+"]},{action:"Mute/Unmute",keys:["M"]}]},d=p(f,{});return(x,a)=>(t(),m(_,{to:"body"},[y(k,{"enter-active-class":"transition-transform duration-200 ease-out","enter-from-class":"scale-90","enter-to-class":"scale-100","leave-active-class":"transition-transform duration-100 ease-in","leave-from-class":"scale-100","leave-to-class":"scale-90"},{default:g(()=>[h(d).showKeybinds?(t(),s("div",{key:0,class:"fixed inset-0 flex items-center justify-center",style:w({zIndex:x.zIndex})},[e("div",{class:"relative p-8 rounded-3xl border border-white/30 shadow-2xl bg-black/75 backdrop-blur-sm max-w-4xl w-full mx-4",onClick:a[0]||(a[0]=v(()=>{},["stop"]))},[a[3]||(a[3]=e("div",{class:"text-center mb-8"},[e("h2",{class:"text-5xl font-grifo-l text-white mb-2"},"Key Bindings"),e("p",{class:"text-lg text-white/70 font-inter flex items-center justify-center gap-2"},[e("span",null,"Press"),e("kbd",{class:"px-3 py-1 text-sm font-mono bg-white/20 border border-white/30 rounded-md text-white"},"?"),e("span",null,"again to close")])],-1)),e("div",N,[e("div",B,[a[1]||(a[1]=e("h3",{class:"text-2xl font-grifo-l text-white mb-4 text-center"},"Navigation",-1)),e("div",T,[(t(!0),s(i,null,r(c.navigation,o=>(t(),s("div",{key:o.action,class:"flex items-center justify-between p-3 rounded-xl bg-white/10 border border-white/20"},[e("span",V,l(o.action),1),e("div",j,[(t(!0),s(i,null,r(o.keys,n=>(t(),s("kbd",{key:n,class:"px-3 py-1 text-sm font-mono bg-white/20 border border-white/30 rounded-md text-white"},l(n),1))),128))])]))),128))])]),e("div",z,[a[2]||(a[2]=e("h3",{class:"text-2xl font-grifo-l text-white mb-4 text-center"},"Media Controls",-1)),e("div",C,[(t(!0),s(i,null,r(c.transport,o=>(t(),s("div",{key:o.action,class:"flex items-center justify-between p-3 rounded-xl bg-white/10 border border-white/20"},[e("span",I,l(o.action),1),e("div",K,[(t(!0),s(i,null,r(o.keys,n=>(t(),s("kbd",{key:n,class:"px-3 py-1 text-sm font-mono bg-white/20 border border-white/30 rounded-md text-white"},l(n),1))),128))])]))),128))])])])])],4)):b("",!0)]),_:1})]))}});export{P as default};
