1import{r as j,j as e}from"./metal-fx-C6GZ_SKA.js";import{ez as E}from"./index-D1yBc__G.js";import{s as D}from"./ArrowUp.es-D5uyxXSe.js";import{s as $}from"./CaretDown.es-D_rsxVrV.js";import{s as T}from"./CaretUp.es-CGhst6Hc.js";import{n as _}from"./QrCode.es-B_YahGCq.js";/* empty css */import{S as L}from"./SsShell-BNgR8IgQ.js";import"./motion-BHwmuFpx.js";import"./GearSix.es-DilJl0mO.js";import"./MagnifyingGlass.es-BEZJJaij.js";import"./Wallet.es-BzwpuH9P.js";import"./GlobalSearchPro-B_a6Js35.js";import"./ArrowsLeftRight.es-CHeeMxjw.js";import"./ChartLine.es-DDh1kP89.js";import"./ClockCounterClockwise.es-CvQkW4ZZ.js";import"./shared-OtDZU4QY.js";import"./portfolioData-BLOwM6_D.js";import"./AssetIconPro-Dr3HzX7A.js";import"./TokenIcon-Ck8Z5kz-.js";import"./WalletConnectPro-kwMPdAJ2.js";import"./Check.es-B2lwH8mS.js";const B="#00cd98",M="#16d1a1",C="#ef5350",R="#9fadbc",k="rgba(188,214,240,0.04)",r="#9fadbc",A="rgba(195,222,254,0.2)",H=[{name:"Bitcoin",symbol:"BTC",color:"#f7931a",crypto:"0.42 BTC",price:64619,fiat:27140,change:2.8,alloc:56.3},{name:"Ethereum",symbol:"ETH",color:"#627eea",crypto:"4.10 ETH",price:3050,fiat:12505,change:1.4,alloc:25.9},{name:"Solana",symbol:"SOL",color:"#9945ff",crypto:"820 SOL",price:5.1,fiat:4182,change:-3.1,alloc:8.7},{name:"ShapeShift BNB",symbol:"BNB",color:"#3761f9",crypto:"21,400 BNB",price:.1,fiat:2140,change:5.6,alloc:4.4},{name:"USD Coin",symbol:"USDC",color:"#2775ca",crypto:"1,500 USDC",price:1,fiat:1500,change:0,alloc:3.1},{name:"XRP",symbol:"XRP",color:"#2e3148",crypto:"95 XRP",price:7.85,fiat:746,change:-1.2,alloc:1.5}],d=(o,t=2)=>`$${o.toLocaleString("en-US",{minimumFractionDigits:t,maximumFractionDigits:t})}`,F=o=>`${o>0?"+":""}${o.toFixed(1)}%`;function O({h:o,size:t=32}){return e.jsx("span",{className:"grid shrink-0 place-items-center rounded-full font-semibold text-white",style:{width:t,height:t,background:o.color,fontSize:t*.34},children:o.symbol.slice(0,2)})}function z({up:o}){const t=o?B:C,i=1e3,a=300,{path:s,area:n,hi:g,lo:b}=j.useMemo(()=>{let m=7;const p=()=>(m=m*1103515245+12345&2147483647)/2147483647,y=90,c=[];let N=40;for(let l=0;l<y;l++)N+=(p()-.42)*6+.35,c.push(N);const x=Math.min(...c),f=Math.max(...c),h=l=>l/(y-1)*i,u=l=>a-12-(l-x)/(f-x||1)*(a-40),v=c.map((l,S)=>`${S===0?"M":"L"}${h(S).toFixed(1)},${u(l).toFixed(1)}`).join(" "),w=`${v} L${i},${a} L0,${a} Z`;return{path:v,area:w,hi:{x:h(c.indexOf(f)),y:u(f)},lo:{x:h(c.indexOf(x)),y:u(x)}}},[]);return e.jsxs("div",{className:"relative",children:[e.jsxs("svg",{viewBox:`0 0 ${i} ${a}`,className:"h-[300px] w-full",preserveAspectRatio:"none",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"ss-fill",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"0%",stopColor:t,stopOpacity:"0.16"}),e.jsx("stop",{offset:"100%",stopColor:t,stopOpacity:"0"})]})}),e.jsx("path",{d:n,fill:"url(#ss-fill)"}),e.jsx("path",{d:s,fill:"none",stroke:t,strokeWidth:"2.5",vectorEffect:"non-scaling-stroke"})]}),e.jsx("span",{className:"pointer-events-none absolute text-[11px] font-medium tabular-nums",style:{left:`${g.x/i*100}%`,top:`${g.y/a*100}%`,color:r,transform:"translate(-50%,-140%)"},children:"$49,120"}),e.jsx("span",{className:"pointer-events-none absolute text-[11px] font-medium tabular-nums",style:{left:`${b.x/i*100}%`,top:`${b.y/a*100}%`,color:r,transform:"translate(-50%,40%)"},children:"$44,880"}),e.jsx("div",{className:"mt-1 flex justify-between px-1 text-[12px] font-bold",style:{color:"#4b5563"},children:["06:00","12:00","18:00","00:00","06:00"].map((m,p)=>e.jsx("span",{children:m},p))})]})}const P=["1H","24H","1W","1M","1Y","All"],U=["My Crypto","Accounts","Watchlist","DeFi","Activity"];function de(){const[o,t]=j.useState("24H"),[i,a]=j.useState("My Crypto");return e.jsx(L,{active:"Dashboard",children:e.jsxs("main",{className:"mx-auto max-w-[880px] px-4 pb-24 pt-10",children:[e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsx("h2",{className:"text-[40px] font-bold leading-none tabular-nums",children:d(48213.57)}),e.jsxs("div",{className:"mt-2 flex items-center gap-1 text-[16px] font-medium tabular-nums",style:{color:M},children:[e.jsxs("span",{children:["+",d(1204.32)]}),e.jsx("span",{children:"(2.6%)"})]})]}),e.jsxs("div",{className:"mt-6",children:[e.jsx(z,{up:!0}),e.jsx("div",{className:"mt-3 flex justify-center gap-1",children:P.map(s=>e.jsx("button",{onClick:()=>t(s),className:"h-8 rounded-full px-4 text-[13px] font-semibold tabular-nums",style:o===s?{background:k,color:"#fff"}:{color:r},children:s},s))})]}),e.jsx("div",{className:"mt-8 flex flex-wrap justify-center gap-3",children:[["QR Code",e.jsx(_,{size:18},"q")],["Send",e.jsx(D,{size:18},"s")],["Receive",e.jsx(E,{size:18},"r")],["Trade",e.jsx(G,{},"t")]].map(([s,n])=>e.jsxs("button",{className:"flex h-11 items-center gap-2 rounded-xl px-5 text-[14px] font-semibold",style:{background:k,color:"#fff"},children:[n,s]},s))}),e.jsx("div",{className:"mt-10 flex flex-wrap gap-2",children:U.map(s=>{const n=s===i;return e.jsx("button",{onClick:()=>a(s),className:"h-9 rounded-full px-4 text-[14px] font-semibold",style:n?{background:"rgba(55,97,249,0.16)",color:"#93aefb"}:{color:r},children:s},s)})}),e.jsxs("div",{className:"mt-4",children:[e.jsxs("div",{className:"hidden grid-cols-[minmax(0,2.4fr)_1.3fr_1.1fr_1fr_1fr_40px] items-center gap-3 px-3 py-2 text-[12px] font-medium md:grid",style:{color:r},children:[e.jsx("span",{children:"Asset"}),e.jsx("span",{className:"text-right",children:"Balance"}),e.jsx("span",{className:"text-right",children:"Price"}),e.jsx("span",{className:"text-right",children:"Price Change"}),e.jsx("span",{className:"text-right",children:"Allocation"}),e.jsx("span",{})]}),e.jsx("div",{className:"flex flex-col",children:H.map(s=>{const n=s.change>=0;return e.jsxs("div",{className:"grid cursor-pointer grid-cols-[minmax(0,2.4fr)_1.3fr_1.1fr_1fr_1fr_40px] items-center gap-3 rounded-xl px-3 py-3 transition-colors hover:bg-[rgba(188,214,240,0.04)]",children:[e.jsxs("div",{className:"flex min-w-0 items-center gap-3",children:[e.jsx(O,{h:s}),e.jsxs("div",{className:"flex min-w-0 flex-col",children:[e.jsx("span",{className:"truncate text-[15px] font-medium leading-tight",children:s.name}),e.jsx("span",{className:"text-[13px]",style:{color:r},children:s.symbol})]})]}),e.jsxs("div",{className:"flex flex-col items-end",children:[e.jsx("span",{className:"text-[15px] font-semibold tabular-nums",children:d(s.fiat,0)}),e.jsx("span",{className:"text-[13px] tabular-nums",style:{color:r},children:s.crypto})]}),e.jsx("span",{className:"hidden text-right text-[14px] tabular-nums md:block",style:{color:R},children:d(s.price,s.price<1?4:2)}),e.jsxs("span",{className:"hidden items-center justify-end gap-1 text-right text-[14px] font-medium tabular-nums md:flex",style:{color:n?B:C},children:[s.change!==0&&(n?e.jsx(T,{size:11,weight:"fill"}):e.jsx($,{size:11,weight:"fill"})),F(s.change)]}),e.jsxs("span",{className:"hidden text-right text-[14px] font-medium tabular-nums md:block",style:{color:r},children:[s.alloc.toFixed(1),"%"]}),e.jsx("span",{className:"hidden justify-self-end md:block",children:e.jsx($,{size:16,color:A})})]},s.symbol)})})]})]})})}function G(){return e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M7 4 3 8l4 4"}),e.jsx("path",{d:"M3 8h14"}),e.jsx("path",{d:"m17 20 4-4-4-4"}),e.jsx("path",{d:"M21 16H7"})]})}
1export{de as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.