1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[874],{60034:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>b});var a=s(95155),l=s(12115),i=s(52619),d=s.n(i),n=s(86651),r=s(93341),c=s(1524),o=s(26921),m=s(83209),x=s(97003),h=s(67812),g=s(68122),u=s(90923),p=s(43564),f=s(54074),j=s(28945),N=s(71152);function b(){let{data:e,isLoading:t}=(0,N.FF)(),[s,i]=(0,l.useState)("totalCirculating"),[c,o]=(0,l.useState)("desc"),[p,b]=(0,l.useState)(""),[v,w]=(0,l.useState)("all"),C=e=>{s===e?o("asc"===c?"desc":"asc"):(i(e),o("desc"))},k=(e||[]).filter(e=>{let t=e.name.toLowerCase().includes(p.toLowerCase())||e.symbol.toLowerCase().includes(p.toLowerCase()),s=!0;return"usd-fiat"===v?s="peggedUSD"===e.pegType&&"fiat-backed"===e.pegMechanism:"non-usd-fiat"===v?s=["peggedEUR","peggedGBP","peggedJPY","peggedCHF","peggedAUD","peggedCAD","peggedSGD","peggedCNY","peggedREAL","peggedMXN","peggedARS","peggedPHP","peggedRUB","peggedTRY","peggedUAH"].includes(e.pegType):"collateral-yield"===v&&(s="peggedUSD"===e.pegType&&("crypto-backed"===e.pegMechanism||"algorithmic"===e.pegMechanism)),t&&s}).sort((e,t)=>(e[s]-t[s])*("asc"===c?1:-1));return(0,a.jsxs)("div",{className:"space-y-6",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h1",{className:"text-3xl font-bold tracking-tight",children:"Stablecoins"}),(0,a.jsx)("p",{className:"text-muted-foreground mt-2",children:"Track market cap, supply changes, and chain distribution for all stablecoins"})]}),(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row gap-4",children:[(0,a.jsxs)("div",{className:"relative flex-1 max-w-md",children:[(0,a.jsx)(n.A,{className:"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground"}),(0,a.jsx)("input",{type:"text",placeholder:"Search stablecoins...",value:p,onChange:e=>b(e.target.value),className:"w-full pl-10 pr-4 py-2 rounded-md border bg-background text-sm focus:outline-none focus:ring-2 focus:ring-ring"})]}),(0,a.jsx)(u.tU,{value:v,onValueChange:e=>w(e),children:(0,a.jsxs)(u.j7,{children:[(0,a.jsx)(u.Xi,{value:"all",children:"All"}),(0,a.jsx)(u.Xi,{value:"usd-fiat",children:"USD Fiat-Backed"}),(0,a.jsx)(u.Xi,{value:"non-usd-fiat",children:"Non-USD Fiat"}),(0,a.jsx)(u.Xi,{value:"collateral-yield",children:"Collateral & Yield"})]})})]}),(0,a.jsx)(m.Zp,{children:(0,a.jsx)(m.Wu,{className:"p-0",children:t?(0,a.jsx)("div",{className:"p-6 space-y-4",children:Array.from({length:20}).map((e,t)=>(0,a.jsx)(g.E,{className:"h-16 w-full"},t))}):(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full",children:[(0,a.jsx)("thead",{children:(0,a.jsxs)("tr",{className:"border-b bg-muted/50",children:[(0,a.jsx)("th",{className:"text-left py-4 px-4 text-sm font-medium text-muted-foreground",children:"#"}),(0,a.jsx)("th",{className:"text-left py-4 px-4 text-sm font-medium text-muted-foreground",children:"Name"}),(0,a.jsx)("th",{className:"text-right py-4 px-4",children:(0,a.jsxs)(x.$,{variant:"ghost",size:"sm",className:"text-sm font-medium text-muted-foreground",onClick:()=>C("totalCirculating"),children:["Market Cap",(0,a.jsx)(r.A,{className:"ml-1 h-3 w-3"})]})}),(0,a.jsx)("th",{className:"text-right py-4 px-4",children:(0,a.jsxs)(x.$,{variant:"ghost",size:"sm",className:"text-sm font-medium text-muted-foreground",onClick:()=>C("change24h"),children:["24h",(0,a.jsx)(r.A,{className:"ml-1 h-3 w-3"})]})}),(0,a.jsx)("th",{className:"text-right py-4 px-4 hidden md:table-cell",children:(0,a.jsxs)(x.$,{variant:"ghost",size:"sm",className:"text-sm font-medium text-muted-foreground",onClick:()=>C("change7d"),children:["7d",(0,a.jsx)(r.A,{className:"ml-1 h-3 w-3"})]})}),(0,a.jsx)("th",{className:"text-right py-4 px-4 hidden lg:table-cell",children:(0,a.jsxs)(x.$,{variant:"ghost",size:"sm",className:"text-sm font-medium text-muted-foreground",onClick:()=>C("change30d"),children:["30d",(0,a.jsx)(r.A,{className:"ml-1 h-3 w-3"})]})}),(0,a.jsx)("th",{className:"text-right py-4 px-4 hidden md:table-cell",children:(0,a.jsxs)(x.$,{variant:"ghost",size:"sm",className:"text-sm font-medium text-muted-foreground",onClick:()=>C("dominance"),children:["Dominance",(0,a.jsx)(r.A,{className:"ml-1 h-3 w-3"})]})}),(0,a.jsx)("th",{className:"text-right py-4 px-4 hidden xl:table-cell text-sm font-medium text-muted-foreground",children:"Chains"}),(0,a.jsx)("th",{className:"text-right py-4 px-4 hidden xl:table-cell text-sm font-medium text-muted-foreground",children:"Type"})]})}),(0,a.jsx)("tbody",{children:k.map((e,t)=>(0,a.jsxs)("tr",{className:"border-b last:border-0 hover:bg-muted/50 transition-colors",children:[(0,a.jsx)("td",{className:"py-4 px-4 text-sm text-muted-foreground",children:t+1}),(0,a.jsx)("td",{className:"py-4 px-4",children:(0,a.jsxs)(d(),{href:"/stablecoins/".concat(e.id),className:"flex items-center gap-3 hover:text-primary transition-colors",children:[(0,a.jsx)("div",{className:"w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm",style:{backgroundColor:(0,j.Gy)(e.symbol)},children:e.symbol.slice(0,2)}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-medium",children:e.name}),(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:e.symbol})]})]})}),(0,a.jsx)("td",{className:"py-4 px-4 text-right font-medium",children:(0,f.vv)(e.totalCirculating)}),(0,a.jsx)("td",{className:"py-4 px-4 text-right",children:(0,a.jsx)(y,{value:e.change24h})}),(0,a.jsx)("td",{className:"py-4 px-4 text-right hidden md:table-cell",children:(0,a.jsx)(y,{value:e.change7d})}),(0,a.jsx)("td",{className:"py-4 px-4 text-right hidden lg:table-cell",children:(0,a.jsx)(y,{value:e.change30d})}),(0,a.jsx)("td",{className:"py-4 px-4 text-right hidden md:table-cell",children:(0,a.jsxs)(h.E,{variant:"secondary",children:[e.dominance.toFixed(2),"%"]})}),(0,a.jsxs)("td",{className:"py-4 px-4 text-right hidden xl:table-cell text-sm text-muted-foreground",children:[e.chains.length," chains"]}),(0,a.jsx)("td",{className:"py-4 px-4 text-right hidden xl:table-cell",children:(0,a.jsx)(h.E,{variant:"outline",className:"text-xs",children:e.pegType.replace("pegged","")})})]},e.id))})]})})})})]})}function y(e){let{value:t}=e,s=t>0,l=t<0;return(0,a.jsxs)("span",{className:(0,p.cn)("inline-flex items-center gap-1 text-sm",s&&"text-green-500",l&&"text-red-500",!s&&!l&&"text-muted-foreground"),children:[s&&(0,a.jsx)(c.A,{className:"h-3 w-3"}),l&&(0,a.jsx)(o.A,{className:"h-3 w-3"}),(0,f.Ee)(t)]})}},83139:(e,t,s)=>{Promise.resolve().then(s.bind(s,60034))},90923:(e,t,s)=>{"use strict";s.d(t,{Xi:()=>c,av:()=>o,j7:()=>r,tU:()=>n});var a=s(95155),l=s(12115),i=s(60574),d=s(43564);let n=i.bL,r=l.forwardRef((e,t)=>
1{let{className:s,...l}=e;return(0,a.jsx)(i.B8,{ref:t,className:(0,d.cn)("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",s),...l})});r.displayName=i.B8.displayName;let c=l.forwardRef((e,t)=>{let{className:s,...l}=e;return(0,a.jsx)(i.l9,{ref:t,className:(0,d.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",s),...l})});c.displayName=i.l9.displayName;let o=l.forwardRef((e,t)=>{let{className:s,...l}=e;return(0,a.jsx)(i.UC,{ref:t,className:(0,d.cn)("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",s),...l})});o.displayName=i.UC.displayName}},e=>{e.O(0,[736,454,956,193,204,507,441,493,358],()=>e(e.s=83139)),_N_E=e.O()}]);
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.