https://vibeswap-app.vercel.app/assets/NFTPage-CorZ4zcF.js

1import{r as m,j as e}from"./vendor-react-DU24tpuw.js";import{G as i}from"./GlassCard-tqYwlDvo.js";import{P as V}from"./PageHero-BDzfiiqz.js";import{u as E,b as F}from"./index-D1KJ7ZbC.js";import{A as C,m as x}from"./vendor-motion-ByeZVOJU.js";import"./vendor-wallet-CEj3q60q.js";import"./vendor-ethers-BAipJfjf.js";const P=1.618033988749895,s="#06b6d4",M=["All","Soulbound","Art","Collectibles","Achievements","Identities"],G={legendary:{label:"Legendary",color:"#fbbf24",bg:"rgba(251,191,36,0.12)"},epic:{label:"Epic",color:"#a855f7",bg:"rgba(168,85,247,0.12)"},rare:{label:"Rare",color:"#3b82f6",bg:"rgba(59,130,246,0.12)"},uncommon:{label:"Uncommon",color:"#22c55e",bg:"rgba(34,197,94,0.12)"},common:{label:"Common",color:"#9ca3af",bg:"rgba(156,163,175,0.12)"}},k=[{id:1,name:"Genesis Vibe #001",price:2.45,seller:"0x1a2b...3c4d",rarity:"legendary",category:"Art",gradient:"from-cyan-500 via-blue-600 to-purple-700",bids:12},{id:2,name:"Batch Auction Pass",price:.85,seller:"0x5e6f...7a8b",rarity:"epic",category:"Collectibles",gradient:"from-green-400 via-emerald-500 to-teal-600",bids:7},{id:3,name:"MEV Shield Badge",price:1.2,seller:"0x9c0d...1e2f",rarity:"rare",category:"Achievements",gradient:"from-amber-400 via-orange-500 to-red-600",bids:4},{id:4,name:"LayerZero Voyager",price:3.1,seller:"0x3a4b...5c6d",rarity:"legendary",category:"Identities",gradient:"from-violet-500 via-fuchsia-500 to-pink-500",bids:18},{id:5,name:"Cooperative Spirit",price:.55,seller:"0x7e8f...9a0b",rarity:"uncommon",category:"Art",gradient:"from-rose-400 via-pink-500 to-purple-600",bids:2},{id:6,name:"Liquidity Crystal",price:1.75,seller:"0xab12...cd34",rarity:"epic",category:"Collectibles",gradient:"from-sky-400 via-blue-500 to-indigo-600",bids:9},{id:7,name:"Governance Crown",price:4.2,seller:"0xef56...gh78",rarity:"legendary",category:"Identities",gradient:"from-yellow-400 via-amber-500 to-orange-600",bids:22},{id:8,name:"Commit Hash #256",price:.3,seller:"0xij90...kl12",rarity:"common",category:"Art",gradient:"from-gray-400 via-slate-500 to-zinc-600",bids:1}],R=[{id:"sb-1",name:"Early Adopter",desc:"Joined VibeSwap within the first 30 days of mainnet launch",icon:"★",earned:!0,requirement:"Join before Day 30",holders:2841},{id:"sb-2",name:"100 Swaps",desc:"Completed 100 successful commit-reveal swaps on the protocol",icon:"⇄",earned:!0,requirement:"Complete 100 swaps",holders:1205},{id:"sb-3",name:"Liquidity Provider",desc:"Provided liquidity to any pool for at least 90 consecutive days",icon:"◉",earned:!1,requirement:"90-day LP position",holders:743},{id:"sb-4",name:"Governance Voter",desc:"Participated in at least 10 governance proposals with on-chain votes",icon:"⚖",earned:!1,requirement:"Vote on 10 proposals",holders:512},{id:"sb-5",name:"Community Builder",desc:"Referred 25+ users who completed at least one swap each",icon:"⚑",earned:!1,requirement:"Refer 25 active users",holders:189}],S=[{name:"Genesis Vibes",floor:2.1,volume24h:48.5,totalVolume:1240,owners:892,items:1e3},{name:"MEV Shields",floor:.85,volume24h:12.3,totalVolume:456,owners:421,items:500},{name:"LayerZero Voyagers",floor:3.05,volume24h:65.2,totalVolume:2100,owners:634,items:250},{name:"Protocol Artifacts",floor:.42,volume24h:5.8,totalVolume:178,owners:315,items:2e3}],H=[{id:"o-1",name:"Genesis Vibe #047",collection:"Genesis Vibes",acquired:"2 weeks ago",gradient:"from-cyan-500 via-blue-600 to-purple-700"},{id:"o-2",name:"MEV Shield #128",collection:"MEV Shields",acquired:"1 month ago",gradient:"from-amber-400 via-orange-500 to-red-600"},{id:"o-3",name:"Commit Hash #064",collection:"Protocol Artifacts",acquired:"3 days ago",gradient:"from-gray-400 via-slate-500 to-zinc-600"}],I=[{id:"a-1",type:"sale",item:"Genesis Vibe #023",price:2.85,from:"0xaa11...bb22",to:"0xcc33...dd44",time:"2m ago"},{id:"a-2",type:"mint",item:"Commit Hash #512",price:.1,from:null,to:"0xee55...ff66",time:"5m ago"},{id:"a-3",type:"listing",item:"LayerZero Voyager #089",price:3.5,from:"0x7788...9900",to:null,time:"12m ago"},{id:"a-4",type:"sale",item:"MEV Shield #201",price:1.05,from:"0xaabb...ccdd",to:"0xeeff...0011",time:"18m ago"},{id:"a-5",type:"mint",item:"Protocol Artifact #1847",price:.42,from:null,to:"0x2233...4455",time:"25m ago"},{id:"a-6",type:"listing",item:"Cooperative Spirit #014",price:.7,from:"0x6677...8899",to:null,time:"31m ago"}

1],q=[{trait:"Background",value:"Cosmic Nebula",rarity:2.4},{trait:"Frame",value:"Golden Lattice",rarity:5.1},{trait:"Core Element",value:"Plasma Orb",rarity:1.8},{trait:"Aura",value:"Resonant Cyan",rarity:8.3},{trait:"Inscription",value:"Batch #001",rarity:.5},{trait:"Modifier",value:"MEV-Proof",rarity:12}];function g(r){return r>=1e6?(r/1e6).toFixed(2)+"M":r>=1e3?(r/1e3).toFixed(1)+"K":r.toFixed(2)}function c({num:r,title:n,delay:o=0,children:l}){return e.jsxs(x.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:o,duration:.4},children:[e.jsxs("h2",{className:"text-lg font-bold font-mono text-white mb-3 flex items-center gap-2",children:[e.jsx("span",{style:{color:s},children:r}),e.jsx("span",{children:n})]}),l]})}function y({label:r,value:n,sub:o}){return e.jsxs(i,{glowColor:"terminal",className:"p-4 flex-1 min-w-[140px]",children:[e.jsx("div",{className:"text-xs font-mono text-gray-500 uppercase tracking-wider mb-1",children:r}),e.jsx("div",{className:"text-xl font-bold text-white",children:n}),o&&e.jsx("div",{className:"text-xs text-gray-400 mt-0.5",children:o})]})}function D({item:r,onClick:n}){const o=G[r.rarity];return e.jsxs(i,{glowColor:"terminal",hover:!0,className:"cursor-pointer",onClick:()=>n==null?void 0:n(r),children:[e.jsxs("div",{className:`h-40 bg-gradient-to-br ${r.gradient} relative overflow-hidden`,children:[e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("span",{className:"text-4xl opacity-30 font-bold text-white/40",children:"NFT"})}),e.jsx("div",{className:"absolute top-2 right-2 px-2 py-0.5 rounded-full text-[10px] font-mono font-bold",style:{color:o.color,backgroundColor:o.bg,border:`1px solid ${o.color}33`},children:o.label})]}),e.jsxs("div",{className:"p-3",children:[e.jsx("div",{className:"text-sm font-semibold text-white truncate",children:r.name}),e.jsxs("div",{className:"flex items-center justify-between mt-2",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] text-gray-500 font-mono",children:"Price"}),e.jsxs("div",{className:"text-sm font-bold",style:{color:s},children:[r.price," ETH"]})]}),e.jsxs("div",{className:"text-right",children:[e.jsx("div",{className:"text-[10px] text-gray-500 font-mono",children:"Seller"}),e.jsx("div",{className:"text-xs text-gray-400 font-mono",children:r.seller})]})]}),e.jsxs("div",{className:"text-[10px] text-gray-500 mt-1 font-mono",children:[r.bids," bids"]})]})]})}function _(){const{isConnected:r}=E(),{isConnected:n}=F(),o=r||n,[l,T]=m.useState("All"),[b,A]=m.useState(null),[p,h]=m.useState({name:"",description:"",royalty:5,collection:"Genesis Vibes"}),[f,j]=m.useState(""),[N,v]=m.useState(""),[d,u]=m.useState("commit"),w=m.useMemo(()=>l==="All"?k:l==="Soulbound"?[]:k.filter(t=>t.category===l),[l]);return e.jsxs("div",{className:"min-h-screen pb-8",children:[e.jsx(V,{title:"NFT Market",subtitle:"Collect, trade, and earn soulbound achievements on the VibeSwap protocol",category:"ecosystem",badge:"Live",badgeColor:s}),e.jsxs("div",{className:"max-w-7xl mx-auto px-4 space-y-6",children:[e.jsx(c,{num:"01",title:"Market Overview",delay:.05,children:e.jsxs("div",{className:"flex flex-wrap gap-3",children:[e.jsx(y,{label:"Floor Price",value:"0.42 ETH",sub:"Protocol Artifacts"}),e.jsx(y,{label:"24h Volume",value:"131.8 ETH",sub:"+14.2% from yesterday"}),e.jsx(y,{label:"Listed Items",value:"3,750",sub:"Across 4 collections"}),e.jsx(y,{label:"Unique Holders",value:"2,262",sub:"67% retention rate"})]})}),e.jsxs(c,{num:"02",title:"Browse NFTs",delay:.1,children:[e.jsx("div",{className:"flex flex-wrap gap-2 mb-4",children:M.map(t=>e.jsx("button",{onClick:()=>T(t),className:`px-3 py-1.5 rounded-lg text-xs font-mono transition-all ${l===t?"text-white border":"text-gray-500 border border-transparent hover:text-gray-300 hover:border-gray-700"}`,style:l===t?{borderColor:s,backgroundColor:"rgba(6,182,212,0.08)",color:s}:{},children:t},t))}),e.jsx(C,{mode:"wait",children:e.jsx(x.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:-8},transition:{duration:.25},className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",children:w.length>0?w.map(t=>e.jsx(D,{item:t,onClick:A},t.id)):e.jsx("div",{className:"col-span-full text-center py-12 text-gray-500 font-mono text-sm",children:l==="Soulbound"?"Soulbound NFTs are earned, not bought. See the section below.":"No items in this category."})},l)})]}),e.jsxs(c,{num:"03",title:"Soulbound Achievements",delay:.15,children:[e.jsx("p",{className:"text-xs text-gray-400 mb-3 max-w-xl",children:"Non-transferable badges earned through protocol participation. These are permanently bound to your wallet and prove your on-chain history."}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3",children:R.map(t=>e.jsx(i,{glowColor:t.earned?"terminal":"none",className:"p-4",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg flex items-center justify-center text-xl shrink-0",style:{backgroundColor:t.earned?"rgba(6,182,212,0.12)":"rgba(75,75,75,0.2)",border:`1px solid ${t.earned?"rgba(6,182,212,0.3)":"rgba(75,75,75,0.3)"}`,color:t.earned?s:"#6b7280"},children:t.icon}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm font-semibold text-white",children:t.name}),t.earned&&e.jsx("span",{className:"text-[10px] font-mono px-1.5 py-0.5 rounded",style:{color:"#22c55e",backgroundColor:"rgba(34,197,94,0.12)"},children:"Earned"})]}),e.jsx("p",{className:"text-xs text-gray-400 mt-0.5 leading-relaxed",children:t.desc}),e.jsxs("div",{className:"flex items-center gap-3 mt-2",children:[e.jsx("span",{className:"text-[10px] text-gray-500 font-mono",children:t.requirement}),e.jsxs("span",{className:"text-[10px] text-gray-600 font-mono",children:[g(t.holders)," holders"]})]})]})]})},t.id))})]}),e.jsx(c,{num:"04",title:"Mint NFT",delay:.2,children:e.jsx(i,{glowColor:"terminal",className:"p-5",children:o?e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-5",children:[e.jsx("div",{children:e.jsxs("div",{className:"border-2 border-dashed border-gray-700 rounded-xl h-52 flex flex-col items-center justify-center cursor-pointer hover:border-gray-500 transition-colors",style:{backgroundColor:"rgba(6,182,212,0.02)"},children:[e.jsx("div",{className:"text-3xl text-gray-600 mb-2",children:"⬆"}),e.jsx("div",{className:"text-sm text-gray-400",children:"Drop image or click to upload"}),e.jsx("div",{className:"text-[10px] text-gray-600 mt-1 font-mono",children:"PNG, JPG, SVG, GIF (max 10MB)"})]})}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-[10px] text-gray-500 font-mono uppercase tracking-wider block mb-1",children:"Name"}),e.jsx("input",{type:"text",value:p.name,onChange:t=>h(a=>({...a,name:t.target.value})),placeholder:"My NFT",className:"w-full bg-black/30 border border-gray-700 rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:outline-none focus:border-cyan-500/50"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[10px] text-gray-500 font-mono uppercase tracking-wider block mb-1",children:"Description"}),e.jsx("textarea",{value:p.description,onChange:t=>h(a=>({...a,description:t.target.value})),placeholder:"Describe your NFT...",rows:3,className:"w-full bg-black/30 border border-gray-700 rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:outline-none focus:border-cyan-500/50 resize-none"})]}),e.jsxs("div",{className:"flex gap-3",children:[e.jsxs("div",{className:"flex-1",children:[e.jsx("label",{className:"text-[10px] text-gray-500 font-mono uppercase tracking-wider block mb-1",children:"Royalty %"}),e.jsx("input",{type:"number",min:0,max:15,value:p.royalty,onChange:t=>h(a=>({...a,royalty:Number(t.target.value)})),className:"w-full bg-black/30 border border-gray-700 rounded-lg px-3 py-2 text-sm text-white focus:outline-none focus:border-cyan-500/50"})]}),e.jsxs("div",{className:"flex-1",children:[e.jsx("label",{className:"text-[10px] text-gray-500 font-mono uppercase tracking-wider block mb-1",children:"Collection"}),e.jsx("select",{value:p.collection,onChange:t=>h(a=>({...a,collection:t.target.value})),className:"w-full bg-black/30 border border-gray-700 rounded-lg px-3 py-2 text-sm text-white focus:outline-none focus:border-cyan-500/50",children:S.map(t=>e.jsx("option",{value:t.name,children:t.name}

1,t.name))})]})]}),e.jsx("button",{className:"w-full py-2.5 rounded-lg text-sm font-bold font-mono transition-all",style:{backgroundColor:"rgba(6,182,212,0.15)",color:s,border:"1px solid rgba(6,182,212,0.3)"},children:"Mint NFT"})]})]}):e.jsx("div",{className:"text-center py-8 text-gray-500 font-mono text-sm",children:"Sign in to mint NFTs"})})}),e.jsxs(c,{num:"05",title:"Auction (Commit-Reveal)",delay:.25,children:[e.jsx("p",{className:"text-xs text-gray-400 mb-3 max-w-xl",children:"Same commit-reveal mechanism as VibeSwap trades. Submit your sealed bid, then reveal it. No sniping, no front-running -- fair price discovery for every NFT."}),e.jsxs(i,{glowColor:"terminal",className:"p-5",children:[e.jsx("div",{className:"flex items-center gap-4 mb-4",children:["commit","reveal","settled"].map((t,a)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-6 h-6 rounded-full flex items-center justify-center text-[10px] font-bold font-mono",style:{backgroundColor:d===t?"rgba(6,182,212,0.2)":"rgba(75,75,75,0.2)",border:`1px solid ${d===t?s:"rgba(75,75,75,0.4)"}`,color:d===t?s:"#6b7280"},children:a+1}),e.jsx("span",{className:`text-xs font-mono capitalize ${d===t?"text-white":"text-gray-600"}`,children:t})]},t))}),e.jsxs(C,{mode:"wait",children:[d==="commit"&&e.jsxs(x.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"space-y-3",children:[e.jsxs("div",{className:"flex gap-3",children:[e.jsxs("div",{className:"flex-1",children:[e.jsx("label",{className:"text-[10px] text-gray-500 font-mono uppercase tracking-wider block mb-1",children:"Bid Amount (ETH)"}),e.jsx("input",{type:"text",value:f,onChange:t=>j(t.target.value),placeholder:"0.00",className:"w-full bg-black/30 border border-gray-700 rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:outline-none focus:border-cyan-500/50"})]}),e.jsxs("div",{className:"flex-1",children:[e.jsx("label",{className:"text-[10px] text-gray-500 font-mono uppercase tracking-wider block mb-1",children:"Secret (any string)"}),e.jsx("input",{type:"text",value:N,onChange:t=>v(t.target.value),placeholder:"my-secret-123",className:"w-full bg-black/30 border border-gray-700 rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:outline-none focus:border-cyan-500/50"})]})]}),e.jsx("div",{className:"text-[10px] text-gray-500 font-mono p-2 rounded-lg",style:{backgroundColor:"rgba(6,182,212,0.04)",border:"1px solid rgba(6,182,212,0.1)"},children:"Commitment = keccak256(bid || secret). Your bid is hidden until the reveal phase. 50% slash for invalid reveals."}),e.jsx("button",{onClick:()=>u("reveal"),className:"w-full py-2.5 rounded-lg text-sm font-bold font-mono transition-all",style:{backgroundColor:"rgba(6,182,212,0.15)",color:s,border:"1px solid rgba(6,182,212,0.3)"},children:"Submit Sealed Bid"})]},"commit"),d==="reveal"&&e.jsxs(x.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"space-y-3",children:[e.jsx("div",{className:"text-sm text-gray-300",children:"Reveal your bid and secret to finalize."}),e.jsxs("div",{className:"flex items-center gap-2 text-xs font-mono text-gray-500",children:[e.jsx("span",{children:"Committed:"}),e.jsxs("span",{className:"text-white",children:[f||"0.00"," ETH"]}),e.jsx("span",{className:"text-gray-700",children:"|"}),e.jsx("span",{children:"Secret:"}),e.jsx("span",{className:"text-white",children:N||"(none)"})]}),e.jsx("button",{onClick:()=>u("settled"),className:"w-full py-2.5 rounded-lg text-sm font-bold font-mono transition-all",style:{backgroundColor:"rgba(34,197,94,0.15)",color:"#22c55e",border:"1px solid rgba(34,197,94,0.3)"},children:"Reveal Bid"})]},"reveal"),d==="settled"&&e.jsxs(x.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},className:"text-center py-6 space-y-2",children:[e.jsx("div",{className:"text-2xl",children:"✓"}),e.jsx("div",{className:"text-sm font-bold text-white",children:"Auction Settled"}),e.jsx("div",{className:"text-xs text-gray-400 font-mono",children:"Uniform clearing price: 2.15 ETH -- 12 bids resolved via Fisher-Yates shuffle"}),e.jsx("button",{onClick:()=>{u("commit"),j(""),v("")},className:"mt-3 px-4 py-1.5 rounded-lg text-xs font-mono text-gray-400 border border-gray-700 hover:text-white hover:border-gray-500 transition-all",children:"New Auction"})]},"settled")]})]})]}),e.jsx(c,{num:"06",title:"Collection Stats",delay:.3,children:e.jsx(i,{glowColor:"terminal",className:"overflow-hidden",children:e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsx("tr",{className:"border-b border-gray-800",children:["Collection","Floor","24h Vol","Total Vol","Owners","Items"].map((t,a)=>e.jsx("th",{className:`text-[10px] text-gray-500 font-mono uppercase tracking-wider px-4 py-3 ${a>0?"text-right":""}`,children:t},t))})}),e.jsx("tbody",{children:S.map(t=>e.jsxs("tr",{className:"border-b border-gray-800/50 hover:bg-white/[0.02] transition-colors",children:[e.jsx("td",{className:"px-4 py-3 text-sm font-semibold text-white",children:t.name}),e.jsxs("td",{className:"px-4 py-3 text-sm font-mono text-right",style:{color:s},children:[t.floor," ETH"]}),e.jsxs("td",{className:"px-4 py-3 text-sm font-mono text-gray-300 text-right",children:[t.volume24h," ETH"]}),e.jsxs("td",{className:"px-4 py-3 text-sm font-mono text-gray-400 text-right",children:[g(t.totalVolume)," ETH"]}),e.jsx("td",{className:"px-4 py-3 text-sm font-mono text-gray-400 text-right",children:g(t.owners)}),e.jsx("td",{className:"px-4 py-3 text-sm font-mono text-gray-500 text-right",children:g(t.items)})]},t.name))})]})})})}),e.jsx(c,{num:"07",title:"Your NFTs",delay:.35,children:o?e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4",children:[H.map(t=>e.jsxs(i,{glowColor:"terminal",hover:!0,className:"cursor-pointer",children:[e.jsx("div",{className:`h-32 bg-gradient-to-br ${t.gradient} relative`,children:e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("span",{className:"text-2xl opacity-30 text-white/40 font-bold",children:"OWNED"})})}),e.jsxs("div",{className:"p-3",children:[e.jsx("div",{className:"text-sm font-semibold text-white",children:t.name}),e.jsxs("div",{className:"flex items-center justify-between mt-1",children:[e.jsx("span",{className:"text-[10px] text-gray-500 font-mono",children:t.collection}),e.jsx("span",{className:"text-[10px] text-gray-600 font-mono",children:t.acquired})]})]})]},t.id)),e.jsxs(i,{glowColor:"none",hover:!0,className:"cursor-pointer border-dashed",children:[e.jsx("div",{className:"h-32 flex items-center justify-center bg-black/20",children:e.jsx("span",{className:"text-3xl text-gray-700",children:"+"})}),e.jsx("div",{className:"p-3 text-center",children:e.jsx("div",{className:"text-sm text-gray-500 font-mono",children:"Mint New"})})]})]}):e.jsx(i,{glowColor:"none",className:"p-8 text-center",children:e.jsx("div",{className:"text-sm text-gray-500 font-mono",children:"Sign in to view your NFTs"})})}),e.jsx(c,{num:"08",title:"Activity Feed",delay:.4,children:e.jsx(i,{glowColor:"terminal",className:"overflow-hidden",children:e.jsx("div",{className:"divide-y divide-gray-800/50",children:I.map(t=>e.jsxs("div",{className:"flex items-center gap-3 px-4 py-3 hover:bg-white/[0.02] transition-colors",children:[e.jsx("div",{className:"w-16 text-center text-[10px] font-mono font-bold uppercase py-0.5 rounded",style:{color:t.type==="sale"?"#22c55e":t.type==="mint"?"#a855f7":"#f59e0b",backgroundColor:t.type==="sale"?"rgba(34,197,94,0.1)":t.type==="mint"?"rgba(168,85,247,0.1)":"rgba(245,158,11,0.1)"},children:t.type}),e.jsx("div",{className:"flex-1 min-w-0 text-sm text-white truncate",children:t.item}),e.jsxs("div",{className:"text-sm font-mono font-bold shrink-0",style:{color:s},children:[t.price," ETH"]}),e.jsxs("div",{className:"hidden sm:flex items-center gap-1 text-[10px] text-gray-500 font-mono shrink-0",children:[t.from&&e.jsx("span",{children:t.from}),t.from&&t.to&&e.jsx("span",{style:{color:s},children:"→"}),t.to&&e.jsx("span",{children:t.to}),!t.from&&t.to&&e.jsxs("span",{children:["minted to ",t.to]}),t.from&&!t.to&&e.jsxs("span",{children:["listed by ",t.from]})]}),e.jsx("div",{className:"text-[10px] text-gray-600 font-mono shrink-0 w-12 text-right",children:t.time})]},t.id))})})}),e.jsxs(c,{num:"09",title:"Rarity Traits",delay:.45,children:[e.jsxs("p",{className:"text-xs text-gray-400 mb-3",children:["Trait distribution for ",b?b.name:"Genesis Vibe #001"," -- lower percentage = rarer trait."]}),e.jsx(i,{glowColor:"terminal",className:"overflow-hidden",children:e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsx("tr",{className:"border-b border-gray-800",children:["Trait","Value","Rarity","Distribution"].map((t,a)=>e.jsx("th",{className:`text-[10px] text-gray-500 font-mono uppercase tracking-wider px-4 py-3 ${t==="Rarity"?"text-right":""} ${t==="Distribution"?"w-48":""}`,children:t},t))})}),e.jsx("tbody",{children:q.map(t=>{const a=t.rarity<2?"#fbbf24":t.rarity<5?"#a855f7":t.rarity<10?"#3b82f6":"#9ca3af";return e.jsxs("tr",{className:"border-b border-gray-800/50",children:[e.jsx("td",{className:"px-4 py-3 text-sm text-gray-400 font-mono",children:t.trait}),e.jsx("td",{className:"px-4 py-3 text-sm text-white",children:t.value}),e.jsxs("td",{className:"px-4 py-3 text-sm font-mono text-right",style:{color:a},children:[t.rarity,"%"]}),e.jsx("td",{className:"px-4 py-3",children:e.jsx("div",{className:"h-2 bg-gray-800 rounded-full overflow-hidden",children:e.jsx(x.div,{initial:{width:0},animate:{width:`${Math.min(t.rarity*(100/15),100)}%`},transition:{duration:.6,delay:.5,ease:[.25,.1,1/P,1]},className:"h-full rounded-full",style:{backgroundColor:a}})})})]},t.trait)})})]})})})]}),e.jsx(x.div,{initial:{opacity:0}

1,animate:{opacity:1},transition:{delay:.55,duration:.4},className:"text-center pt-4 pb-2",children:e.jsx("div",{className:"text-[10px] text-gray-600 font-mono",children:"NFT auctions use the same commit-reveal batch mechanism as VibeSwap trades -- no sniping, no front-running, fair price discovery."})})]})]})}export{_ as default};