https://tailwindadmin-tanstack-pro-dark.netlify.app/assets/music-C_oc6T6P.js

1import{r as u,j as e,L as A}from"./main-BkpAS6Tt.js";import{C as d}from"./card-DoRMGzGn.js";import{I as a}from"./iconify-BLAYqHQO.js";import{A as W}from"./list-animation-5g5PEGTq.js";import{u as T}from"./user-5-BOjRhHJK.js";import{u as O}from"./user-2-CmbXL6KQ.js";import{u as X}from"./user-3-BrFpV_SU.js";import{u as H}from"./user-4-Bo4yhbeF.js";import{B as D}from"./badge-BVkGl1_x.js";import{D as S,a as C,b as F,c as x}from"./dropdown-menu-CLPKr1dO.js";import{u as V,a as k}from"./use-transform-CcN2nh0B.js";import{m as B}from"./proxy-D5o9uXNM.js";import{a as J}from"./index-D4DoG4yy.js";import{S as I}from"./index-DBgj5RxF.js";/* empty css                      */import"./_commonjsHelpers-CE1G-McA.js";import"./utils-4perknFd.js";import"./use-in-view-CXobXQ08.js";import"./index-Cft9Cwv8.js";import"./index-DRcYnjBa.js";import"./index-CfThMl9f.js";import"./index-L0SKbviM.js";import"./index-DhQbCedW.js";import"./index-Jo9Y0u8a.js";import"./index-BHinUB-C.js";import"./index-aJTH1M9Z.js";import"./tslib.es6-CmEaCU22.js";import"./index-DfANd6nE.js";import"./index-Ddz03csu.js";import"./floating-ui.dom-D7G01c1r.js";import"./index-B_H36sPx.js";import"./index-DjxFjNHx.js";import"./index-C0QJ8CHZ.js";import"./chevron-right-DFxpASjY.js";import"./createLucideIcon-DRlH1f4M.js";import"./check-DIOPK-zC.js";import"./circle-DoQ76Nbd.js";function U(r,s,l){u.useInsertionEffect(()=>r.on(s,l),[r,s,l])}const h="/images/music/s1.jpg",g="/images/music/s2.jpg",w="/images/music/s3.jpg",P="/images/music/s4.jpg",G=()=>{const r=[{key:"artist1",profile:h},{key:"artist2",profile:g},{key:"artist3",profile:w},{key:"artist4",profile:P},{key:"artist5",profile:h}];return e.jsxs(d,{children:[e.jsxs("div",{className:"mb-6",children:[e.jsx("h6",{className:"card-title",children:"Favourite Artists"}),e.jsx("p",{className:"card-subtitle",children:"The iconic music of princep"})]}),e.jsx("div",{className:"flex gap-4 lg:justify-start sm:justify-between flex-wrap",children:r.map(s=>e.jsx(A,{to:"/",children:e.jsx("img",{src:s.profile,width:67,alt:"profile-image",className:"rounded-md hover:scale-[1.03] duration-300"},s.key)}))})]})},z=()=>{const r=[{key:"artist1",profile:h,name:"Dualia"},{key:"artist2",profile:g,name:"John"},{key:"artist3",profile:w,name:"Smith"},{key:"artist4",profile:P,name:"Sia"},{key:"artist5",profile:h,name:"Adele"},{key:"artist6",profile:g,name:"Dualia"},{key:"artist7",profile:w,name:"Sia"},{key:"artist8",profile:P,name:"Kathy"},{key:"artist9",profile:h,name:"Dualia"},{key:"artist10",profile:g,name:"John"}];return e.jsxs(d,{children:[e.jsxs("div",{className:"mb-6",children:[e.jsx("h6",{className:"card-title",children:"Follow Artists"}),e.jsx("p",{className:"card-subtitle",children:"Tips for following local artists"})]}),e.jsx("div",{className:"flex items-center gap-5 overflow-x-auto",children:r.map(s=>e.jsxs("div",{className:"cursor-pointer group shrink-0",children:[e.jsx("div",{className:"p-1 border-2 border-ld group-hover:border-primary box-content rounded-full",children:e.jsx("img",{src:s.profile,alt:"music-profile",className:"w-14 h-14 rounded-full group-hover:scale-105 duration-300"})}),e.jsx("p",{className:"mt-1 text-center",children:s.name})]},s.key))})]})},b="/images/music/album1.jpg",M="/images/music/album2.jpg",y="/images/music/album3.jpg",Y=()=>{const[r,s]=u.useState(null),l=[{key:"trendingSong1",album:b},{key:"trendingSong2",album:M},{key:"trendingSong3",album:y}],n=t=>{s(c=>c===t?null:t)};return e.jsx(d,{className:"h-full",children:e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsxs("div",{children:[e.jsx("h6",{className:"card-title",children:"Most Popular this week"}),e.jsx("p",{className:"card-subtitle",children:"Based on your preferences"})]}),e.jsx("div",{className:"flex flex-col space-y-6",children:l.map((t,c)=>{const N=r===t.key;return e.jsx("div",{className:"p-4 rounded-md border border-border dark:border-darkborder hover:bg-lightprimary group",children:e.jsx(W,{index:c,children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("div",{className:"img-wrapper shrink-0 relative",children:[e.jsx("div",{className:"overflow-hidden rounded-md",children:e.jsx("img",{src:t.album,width:97,alt:"album-image",className:"group-hover:scale-[1.03] duration-300"})}),e.jsx("div",{onClick:()=>n(t.key),className:"h-11 w-11 rounded-full bg-primary hover:bg-primaryemphasis flex cursor-pointer items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",children:e.jsx(a,{icon:N?"solar:pause-linear":"solar:play-linear",className:"text-white text-lg shrink-0"})})]}),e.jsxs("div",{className:"flex flex-col gap-2.5",children:[e.jsx("h5",{className:"text-lg leading-none",children:"Trending Songs"}),e.jsx("p",{className:"text-sm truncate xl:max-w-40 lg:max-w-28 sm:max-w-full max-w-28",children:"Top trending hits, refreshemnt"}),e.jsx("p",{className:"text-xs",children:"Created by Gaana"})]})]})},c)},t.key)})})]})})},_=()=>{const r=[{key:"friend1",profile:T},{key:"friend2",profile:O},{key:"friend3",profile:X},{key:"friend4",profile:H},{key:"friend5",profile:T}];return e.jsxs(d,{children:[e.jsxs("div",{className:"mb-6",children:[e.jsx("h6",{className:"card-title",children:"My Friends"}),e.jsx("p",{className:"card-subtitle",children:"The power of friendship"})]}),e.jsx("div",{className:"flex gap-4 lg:justify-start sm:justify-between flex-wrap",children:r.map(s=>e.jsx(A,{to:"/",children:e.jsx("img",{src:s.profile,width:67,alt:"profile-image",className:"rounded-md hover:scale-[1.03] duration-300"},s.key)}))})]})},E="/images/music/album5.jpg",K="/images/music/album7.jpg",Q="/images/music/album8.jpg",Z=()=>{const[r,s]=u.useState(null),l=t=>{s(c=>c===t?null:t)},n=[{key:"music1",album:E,albumName:"Naach Meri Rani",artist:"Guru Randhawa"},{key:"music2",album:K,albumName:"Party Anthems",artist:"Arijit Singh"},{key:"music3",album:Q,albumName:"Classic Melody",artist:"Jagjit Singh"}];return e.jsxs(d,{children:[e.jsxs("div",{className:"mb-6",children:[e.jsx("h6",{className:"card-title",children:"Recently Played"}),e.jsx("p",{className:"card-subtitle",children:"What's on my playlist this week?"})]}),e.jsx("div",{className:"grid grid-cols-12 gap-6",children:n.map(t=>{const c=r===t.key;return e.jsx("div",{className:"lg:col-span-4 col-span-12",children:e.jsxs(d,{className:"p-0 overflow-hidden group",children:[e.jsx("div",{className:"overflow-hidden",children:e.jsx(A,{to:"/",children:e.jsx("img",{src:t.album,alt:"album",className:"max-w-full w-full group-hover:scale-[1.03] duration-300"})})}),e.jsxs("div",{className:"p-3 flex justify-between",children:[e.jsxs("div",{children:[e.jsx("h6",{className:"text-sm mb-1",children:t.albumName}),e.jsx("p",{className:"text-xs",children:t.artist})]}),e.jsx("div",{onClick:()=>l(t.key),className:"w-9 h-9 bg-white relative z-10 cursor-pointer text-primary flex items-center justify-center rounded-full -mt-[30px] hover:bg-primary hover:text-white",children:e.jsx(a,{icon:c?"solar:pause-linear":"solar:play-linear",className:"text-lg"})})]})]})},t.key)})})]})},$="/images/music/album4.jpg",L=50,ee=({defaultValue:r=50,min:s=0,max:l=100,step:n=1,color:t="val(--color-primary)",onChange:c})=>{const[N,q]=u.useState(r),m=u.useRef(null),v=V(0),p=V(0);U(v,"change",i=>{if(!m.current)return;const{left:j,right:f}=m.current.getBoundingClientRect();let o=0;i<j?o=j-i:i>f&&(o=i-f),p.jump(se(o,L))});const R=i=>{if(!m.current)return;const{left:j,width:f}=m.current.getBoundingClientRect();let o=s+(i-j)/f*(l-s);o=Math.round(o/n)*n,o=Math.min(Math.max(o,s),l),q(o),c?.(o),v.jump(i)};return e.jsx(B.div,{whileHover:{scale:1.05},transition:{type:"spring",stiffness:300,damping:20},className:"flex flex-col items-center w-72 group select-none",children:e.jsx("div",{className:"flex items-center gap-2 w-full",children:e.jsx("div",{ref:m,className:"relative flex-1 py-0 cursor-grab",onPointerDown:i=>

1{R(i.clientX),i.currentTarget.setPointerCapture(i.pointerId)},onPointerMove:i=>i.buttons>0&&R(i.clientX),onPointerUp:()=>J(p,0,{type:"spring",bounce:.5}),children:e.jsx(B.div,{style:{scaleX:k(()=>1+p.get()/(m.current?.offsetWidth||1)),scaleY:k(p,[0,L],[1,.8]),transformOrigin:k(()=>m.current?v.get()<m.current.offsetLeft+m.current.offsetWidth/2?"right":"left":"center")},className:"h-1.5 group-hover:h-2 transition-all duration-500 rounded-full bg-gray-300 dark:bg-white/30 w-full",children:e.jsx("div",{className:"h-full rounded-full",style:{width:`${(N-s)/(l-s)*100}%`,backgroundColor:t}})})})})})};function se(r,s){const l=r/s;return 2*(1/(1+Math.exp(-l))-.5)*s}const ae=()=>{const[r,s]=u.useState(!1),l=[{key:"music1",album:b,title:"Viva Las"},{key:"music2",album:M,title:"As it was"},{key:"music3",album:y,title:"Redtape Anthem"},{key:"music4",album:$,title:"Viva Las"},{key:"music5",album:b,title:"Viva Las"}];return e.jsxs(d,{className:"h-full flex flex-col justify-between gap-6",children:[e.jsxs("div",{className:"",children:[e.jsx("h6",{className:"card-title",children:"Recent Search"}),e.jsx("p",{className:"card-subtitle",children:"What's next in the world of search?"})]}),e.jsxs("div",{className:"flex items-center flex-wrap gap-3",children:[e.jsxs(D,{variant:"lightPrimary",className:"py-1.5 custome-badge",children:[e.jsx("span",{className:"text-sm me-3",children:"Shiela On7"}),e.jsx(a,{icon:"tabler:square-x",className:"text-sm"})]}),e.jsxs(D,{variant:"lightError",className:"py-1.5 custome-badge",children:[e.jsx("span",{className:"text-sm me-3",children:"Denny Caknan"}),e.jsx(a,{icon:"tabler:square-x",className:"text-sm"})]})]}),e.jsxs(d,{className:"bg-lightprimary dark:bg-lightprimary",children:[e.jsx("img",{src:y,alt:"album",className:"rounded-md mx-auto"}),e.jsx("h5",{className:"my-4 text-lg text-center",children:"Party Anthemes"}),e.jsxs("div",{className:"flex justify-center items-center gap-7",children:[e.jsx(a,{icon:"tabler:repeat",className:"text-base opacity-70 cursor-pointer hover:text-primary"}),e.jsx(a,{icon:"tabler:chevrons-left",className:"text-base opacity-70 cursor-pointer hover:text-primary"}),e.jsx("button",{onClick:()=>s(n=>!n),children:e.jsx(a,{icon:r?"tabler:pause":"tabler:player-play",className:"text-base text-primary cursor-pointer hover:text-primary"})}),e.jsx(a,{icon:"tabler:chevrons-right",className:"text-base opacity-70 cursor-pointer hover:text-primary"}),e.jsx(a,{icon:"tabler:arrows-shuffle",className:"text-base opacity-70 cursor-pointer hover:text-primary"})]}),e.jsx("div",{className:"my-2 flex justify-center",children:e.jsx(ee,{defaultValue:25,min:0,max:200,step:5,color:"var(--color-primary)"})}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm opacity-70",children:"00:00"}),e.jsx(a,{icon:"tabler:volume-3",className:"text-base"}),e.jsx("span",{className:"text-sm opacity-70",children:"01:10"})]}),e.jsx("div",{className:"mt-7",children:l.map(n=>e.jsx("div",{className:"p-4 py-[17px] hover:bg-lightprimary rounded-md overflow-hidden cursor-pointer border-b last:border-b-0 border-border dark:border-darkborder",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3.5",children:[e.jsx("img",{src:n.album,alt:"album",className:"h-11 w-11 rounded-md"}),e.jsxs("div",{children:[e.jsx("h6",{className:"text-sm font-medium mb-1 max-w-20 truncate",children:n.title}),e.jsx("p",{className:"text-xs",children:n.title})]})]}),e.jsxs(S,{children:[e.jsx(C,{asChild:!0,children:e.jsx(a,{icon:"tabler:dots-vertical",className:"text-muted dark:text-darklink hover:text-primary dark:hover:text-primary text-lg shrink-0 cursor-pointer"})}),e.jsxs(F,{side:"left",align:"start",children:[e.jsx(x,{children:e.jsxs("div",{className:"flex gap-2 items-center text-muted dark:text-darklink",children:[e.jsx(a,{icon:"tabler:share",className:"text-base"}),"Share"]})}),e.jsx(x,{children:e.jsxs("div",{className:"flex gap-2 items-center text-muted dark:text-darklink",children:[e.jsx(a,{icon:"tabler:download",className:"text-base"}),"Download"]})}),e.jsx(x,{children:e.jsxs("div",{className:"flex gap-2 items-center text-muted dark:text-darklink",children:[e.jsx(a,{icon:"tabler:playlist",className:"text-base"}),"Add to queue"]})})]})]})]})},n.key))})]})]})},re="/images/music/top10-1.jpg",te="/images/music/top10-2.jpg",le="/images/music/top10-3.jpg",ie=()=>e.jsx(d,{children:e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h6",{className:"card-title",children:"Top 10 from this week"}),e.jsx("p",{className:"card-subtitle",children:"Based on your preferences"})]}),e.jsxs(S,{children:[e.jsx(C,{asChild:!0,children:e.jsx(a,{icon:"tabler:dots-vertical",className:"text-muted dark:text-darklink hover:text-primary dark:hover:text-primary text-lg shrink-0 cursor-pointer"})}),e.jsxs(F,{side:"left",align:"start",children:[e.jsx(x,{children:e.jsxs("div",{className:"flex gap-2 items-center text-muted dark:text-darklink",children:[e.jsx(a,{icon:"tabler:share",className:"text-base"}),"Share"]})}),e.jsx(x,{children:e.jsxs("div",{className:"flex gap-2 items-center text-muted dark:text-darklink",children:[e.jsx(a,{icon:"tabler:download",className:"text-base"}),"Download"]})}),e.jsx(x,{children:e.jsxs("div",{className:"flex gap-2 items-center text-muted dark:text-darklink",children:[e.jsx(a,{icon:"tabler:playlist",className:"text-base"}),"Add to queue"]})})]})]})]}),e.jsx(I,{style:{maxHeight:450},children:e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx("div",{className:"rounded-md overflow-hidden",children:e.jsx("img",{src:re,className:"hover:scale-[1.03] duration-300",alt:"album1"})}),e.jsx("div",{className:"rounded-md overflow-hidden",children:e.jsx("img",{src:te,className:"hover:scale-[1.03] duration-300",alt:"album2"})}),e.jsx("div",{className:"rounded-md overflow-hidden",children:e.jsx("img",{src:le,className:"hover:scale-[1.03] duration-300",alt:"album3"})})]})})]})}),ne="/images/music/album6.jpg",ce=()=>{const r=[{key:"album1",albumProfile:b,album:"N95",artist:"Kendrick Lamar",isFavourite:!0},{key:"album2",albumProfile:M,album:"Women",artist:"Doja Cat",isFavourite:!0},{key:"album3",albumProfile:y,album:"Wait For U",artist:"Future, Tems",isFavourite:!1},{key:"album4",albumProfile:$,album:"Binding Lights",artist:"The Weeknd",isFavourite:!1},{key:"album5",albumProfile:E,album:"Cooped Up",artist:"Roddy Rich",isFavourite:!1},{key:"album6",albumProfile:ne,album:"N95",artist:"Roddy Rich",isFavourite:!0},{key:"album7",albumProfile:K,album:"Party Anthem",artist:"Arjit Singh",isFavourite:!0}];return e.jsx(d,{children:e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h6",{className:"card-title",children:"Top Playlist"}),e.jsx("p",{className:"card-subtitle",children:"Based on your choice"})]}),e.jsxs(S,{children:[e.jsx(C,{asChild:!0,children:e.jsx(a,{icon:"tabler:dots-vertical",className:"text-muted dark:text-darklink hover:text-primary dark:hover:text-primary text-lg shrink-0 cursor-pointer"})}),e.jsxs(F,{side:"left",align:"start",children:[e.jsx(x,{children:e.jsxs("div",{className:"flex gap-2 items-center text-muted dark:text-darklink",children:[e.jsx(a,{icon:"tabler:share",className:"text-base"}),"Share"]})}),e.jsx(x,{children:e.jsxs("div",{className:"flex gap-2 items-center text-muted dark:text-darklink",children:[e.jsx(a,{icon:"tabler:download",className:"text-base"}),"Download"]})}),e.jsx(x,{children:e.jsxs("div",{className:"flex gap-2 items-center text-muted dark:text-darklink",children:[e.jsx(a,{icon:"tabler:playlist",className:"text-base"}),"Add to queue"]})})]})]})]}),e.jsx(I,{style:{maxHeight:450},children:e.jsx("ul",{className:"flex flex-col gap-1 border border-ld rounded-md",children:r.map((s,l)=>e.jsx("li",{className:"w-full hover:bg-lightprimary dark:hover:bg-lightprimary px-4 py-3 rounded-md cursor-pointer",children:e.jsx(W,{index:l,children:e.jsxs("div",{className:"flex items-center justify-between w-full",children:[e.jsxs("div",{className:"flex gap-3 items-center",children:[e.jsx(a,{icon:"tabler:player-play",className:"text-lg text-dark dark:text-white shrink-0"}),e.jsx("img",{src:s.albumProfile,className:"rounded-md h-10 w-10",alt:"album-image"}),e.jsxs("div",{children:[e.jsx("h6",{className:"text-sm font-medium text-start",children:s.album}),e.jsx("p",{className:"text-sm font-normal text-bodytext dark:text-darklink",children:s.artist})]})]}),e.jsx(a,{icon:"solar:heart-bold",className:`${s.isFavourite?"text-error ":"text-bodytext dark:text-darklink"} text-lg shrink-0`})]})},l)},s.key))})})]})})};function Je(){return e.jsx(e.Fragment,{children:e.jsxs("div",{className:"grid grid-cols-12 gap-6",children:[e.jsx("div",{className:"lg:col-span-8 col-span-12",children:e.jsxs("div",{className:"grid grid-cols-12 gap-6",children:[e.jsx("div",{className:"col-span-12",children:e.jsx(z,{})}),e.jsx("div",{className:"col-span-12",children:e.jsx(Z,{})}),e.jsx("div",{className:"lg:col-span-6 col-span-12",children:e.jsx(_,{})}),e.jsx("div",{className:"lg:col-span-6 col-span-12",children:e.jsx(G,{})})]})}),e.jsx("div",{className:"lg:col-span-4 col-span-12",children:e.jsx(ae,{})}),e.jsx("div",{className:"lg:col-span-4 col-span-12",children:e.jsx(ie,{})}),e.jsx("div",{className:"lg:col-span-4 col-span-12",children:e.jsx(ce,{})}),e.jsx("div",{className:"lg:col-span-4 col-span-12",children:e.jsx(Y,{})})]})})}export{Je as component};