https://21st.dev/_next/static/chunks/85083-a2e4d4472d1797ef.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6031,85083],{206031:(e,t,r)=>{r.r(t),r.d(t,{GradientMediaPreview:()=>c});var n=r(465915),i=r(501277),a=r(882315),l=r(660033),s=r(528688),o=r(504690),u=r(375615);function c(e){let t,r,c,m,f,h,b,g,v,p,w=(0,i.c)(24),{gradient:x,motion:k,className:y,imageClassName:R}=e,S=void 0===k?"bounded":k,M=(0,a.useRef)(null),j=(0,a.useRef)(null),[N,E]=(0,a.useState)(null),[A,_]=(0,a.useState)(null);w[0]!==x.recipe_json?(t=(0,u.C)(x.recipe_json),w[0]=x.recipe_json,w[1]=t):t=w[1];let C=t,z=x.video_url&&x.video_url!==N?x.video_url:null,F=x.thumbnail_url&&x.thumbnail_url!==A?x.thumbnail_url:null,q=!!(z||C?.animated&&C.speed>0),B=(0,l.d)(M,"bounded"===S&&q),O="always"===S?q:"bounded"===S&&B;return w[2]!==O||w[3]!==z?(r=()=>{let e=j.current;if(e&&z&&O)return e.play().catch(d),()=>{e.pause(),e.getAttribute("src")===z&&(e.removeAttribute("src"),e.load())}},c=[z,O],w[2]=O,w[3]=z,w[4]=r,w[5]=c):(r=w[4],c=w[5]),(0,a.useEffect)(r,c),w[6]===Symbol.for("react.memo_cache_sentinel")?(m=()=>E(null),w[6]=m):m=w[6],w[7]!==x.video_url?(f=[x.video_url],w[7]=x.video_url,w[8]=f):f=w[8],(0,a.useEffect)(m,f),w[9]===Symbol.for("react.memo_cache_sentinel")?(h=()=>_(null),w[9]=h):h=w[9],w[10]!==x.thumbnail_url?(b=[x.thumbnail_url],w[10]=x.thumbnail_url,w[11]=b):b=w[11],(0,a.useEffect)(h,b),w[12]!==y?(g=(0,s.cn)("relative h-full w-full",y),w[12]=y,w[13]=g):g=w[13],w[14]!==x.name||w[15]!==R||w[16]!==C||w[17]!==O||w[18]!==F||w[19]!==z?(v=z&&O?(0,n.jsx)("video",{ref:j,src:z,poster:F??void 0,className:(0,s.cn)("h-full w-full object-cover",R),muted:!0,loop:!0,playsInline:!0,preload:"metadata",onError:()=>E(z)}):C&&(!F||O)?(0,n.jsx)(o.R,{recipe:C,animate:O,className:"h-full w-full"}):F?(0,n.jsx)("img",{src:F,alt:x.name,className:(0,s.cn)("h-full w-full object-cover",R),loading:"lazy",onError:()=>_(F)}):C?(0,n.jsx)(o.R,{recipe:C,className:"h-full w-full"}):(0,n.jsx)("div",{className:"h-full w-full bg-muted"}),w[14]=x.name,w[15]=R,w[16]=C,w[17]=O,w[18]=F,w[19]=z,w[20]=v):v=w[20],w[21]!==v||w[22]!==g?(p=(0,n.jsx)("div",{ref:M,className:g,children:v}),w[21]=v,w[22]=g,w[23]=p):p=w[23],p}function d(){}},375615:(e,t,r)=>{r.d(t,{C:()=>i});var n=r(321828);function i(e){if(!e||"object"!=typeof e||Array.isArray(e)||void 0!==e.colors&&!Array.isArray(e.colors)||void 0!==e.mode&&!n.AY.some(t=>t.value===e.mode))return null;try{return(0,n.X8)(n.v7,e)}catch{return null}}},402205:(e,t,r)=>{r.d(t,{Mm:()=>a,T7:()=>n,_t:()=>i});let n={mesh:{label:"Drift",hint:"Each blob wanders around its resting place."},waves:{label:"Roll",hint:"The waves roll sideways and swell."},linear:{label:"Spin",hint:"The gradient axis rotates."},conic:{label:"Spin",hint:"The sweep rotates around its centre."},ios:{label:"Sway",hint:"The silk tilts gently back and forth."},stripes:{label:"Sway",hint:"The bands tilt back and forth like a banner."},columns:{label:"Sway",hint:"The columns tilt back and forth."},radial:{label:"Orbit",hint:"The centre wanders a small circle."},rings:{label:"Ripple",hint:"The rings pulse outward and back."},arch:{label:"Breathe",hint:"The dome swells and the backlight pulses."},bars:{label:"Shimmer",hint:"The bar heights ripple through the envelope."},pixel:{label:"Sweep",hint:"The dithered bands sweep across the grid."}},i=new Set(["linear","conic","radial","pixel"]);function a(e,t,r){return Number.isFinite(e)&&Number.isFinite(t)?e+Math.max(0,t)*(Math.max(0,r.speed)/100)*(r.motionReverse?-1:1):0}},504690:(e,t,r)=>{r.d(t,{R:()=>x});var n=r(465915),i=r(501277),a=r(882315),l=r(528688),s=r(150508),o=r(402205),u=r(750302),c=r(635261),d=r(740612);function m(e){let t,r,s,o,u,m,f=(0,i.c)(11),{recipe:h,animate:b,className:g}=e,v=void 0!==b&&b,p=(0,a.useRef)(null),w=(0,a.useRef)(d.qU);return f[0]===Symbol.for("react.memo_cache_sentinel")?(t=()=>{w.current=d.qU},f[0]=t):t=f[0],f[1]!==h.seed?(r=[h.seed],f[1]=h.seed,f[2]=r):r=f[2],(0,a.useLayoutEffect)(t,r),f[3]!==v||f[4]!==h?(s=()=>{let e=p.current;if(!e)return;let t=e.getContext("2d");if(!t)return;let{stops:r,divs:n,params:i}=(0,d.Cv)(h),a=Math.min(2,window.devicePixelRatio||1),l=0,s=0,o=!1,u=()=>{let t=e.getBoundingClientRect(),r=Math.max(1,Math.round(t.width*a)),n=Math.max(1,Math.round(t.height*a));return(e.width!==r||e.height!==n)&&(e.width=r,e.height=n),{w:r,h:n,cssWidth:t.width}},m=()=>{let{w:e,h:a}=u();(0,c.p9)(t,e,a,r,n,i,w.current)};u();let f=h.speed??0,b=v&&h.animated&&f>0;if(b){let e=a=>{if(o)return;s&&(w.current=w.current+f/100*d.Tt*Math.min(.05,(a-s)/1e3)),s=a;let{w:m,h:h}=u();(0,c.p9)(t,m,h,r,n,i,w.current),l=requestAnimationFrame(e)};l=requestAnimationFrame(e)}

1else w.current=d.qU,m();let g="u">typeof ResizeObserver?new ResizeObserver(()=>{b||m()}):null;return g?.observe(e),()=>{o=!0,cancelAnimationFrame(l),g?.disconnect()}},o=[h,v],f[3]=v,f[4]=h,f[5]=s,f[6]=o):(s=f[5],o=f[6]),(0,a.useEffect)(s,o),f[7]!==g?(u=(0,l.cn)("block h-full w-full",g),f[7]=g,f[8]=u):u=f[8],f[9]!==u?(m=(0,n.jsx)("canvas",{ref:p,"aria-hidden":"true",className:u}),f[9]=u,f[10]=m):m=f[10],m}var f=r(629890);function h(e){let t,r,s,u,c,d,m=(0,i.c)(12),{recipe:h,animate:b,className:g}=e,v=void 0!==b&&b,p=(0,a.useRef)(null),w=(0,a.useRef)(0);return m[0]===Symbol.for("react.memo_cache_sentinel")?(t=()=>{w.current=0},m[0]=t):t=m[0],m[1]!==h.mode||m[2]!==h.seed?(r=[h.mode,h.seed],m[1]=h.mode,m[2]=h.seed,m[3]=r):r=m[3],(0,a.useLayoutEffect)(t,r),m[4]!==v||m[5]!==h?(s=()=>{let e=p.current;if(!e)return;let t=e.getContext("2d");if(!t)return;let{stops:r,divs:n}=(0,f.Ah)(h.colors),i=Math.min(2,window.devicePixelRatio||1),a=a=>{let l=e.getBoundingClientRect(),s=Math.max(1,Math.round(l.width*i)),o=Math.max(1,Math.round(l.height*i));(e.width!==s||e.height!==o)&&(e.width=s,e.height=o),(0,f.XY)(t,s,o,r,n,0,a,(0,f.uz)(h),h.backdrop)},l=h.speed??0;if(!v||!h.animated||l<=0){w.current=0,a(0);let t="u">typeof ResizeObserver?new ResizeObserver(()=>a(0)):null;return t?.observe(e),()=>t?.disconnect()}let s=(h.motionAmount??50)/100,u=0,c=0,d=!1,m=e=>{d||(c&&(w.current=(0,o.Mm)(w.current,Math.min(.05,(e-c)/1e3),h)),c=e,a(.5*Math.sin(.9*w.current)*s),u=requestAnimationFrame(m))};return u=requestAnimationFrame(m),()=>{d=!0,cancelAnimationFrame(u)}},u=[h,v],m[4]=v,m[5]=h,m[6]=s,m[7]=u):(s=m[6],u=m[7]),(0,a.useEffect)(s,u),m[8]!==g?(c=(0,l.cn)("block h-full w-full",g),m[8]=g,m[9]=c):c=m[9],m[10]!==c?(d=(0,n.jsx)("canvas",{ref:p,"aria-hidden":"true",className:c}),m[10]=c,m[11]=d):d=m[11],d}var b=r(609164);function g({recipe:e,animate:t=!1,className:r}){let i=(0,a.useRef)(null),s=(0,a.useRef)(0);(0,a.useLayoutEffect)(()=>{s.current=0},[e.mode,e.seed]);let u=(0,a.useRef)(e);u.current=e;let c=(0,a.useRef)({...e,speed:100,motionReverse:!1});c.current={...e,speed:100,motionReverse:!1};let d=t&&e.animated&&(e.speed??0)>0,m=(0,a.useRef)(d);m.current=d;let f=(0,a.useCallback)(e=>{let t=i.current;if(!t)return;let r=t.getContext("2d");if(!r)return;let n=t.getBoundingClientRect();if(n.width<1||n.height<1)return;let{w:a,h:l}=function(e,t,r){let n=r?1:Math.min(2,window.devicePixelRatio||1),{width:i,height:a}=(0,b.ol)(e,t,r,n);return{w:i,h:a}}(n.width,n.height,e);(t.width!==a||t.height!==l)&&(t.width=a,t.height=l),(0,b.qP)(r,a,l,c.current,e?s.current:0,e)},[]);return(0,a.useEffect)(()=>{if(!d||!i.current)return;let e=0,t=0,r=!1,n=i=>{r||(t&&(s.current=(0,o.Mm)(s.current,Math.min(.05,(i-t)/1e3),u.current)),t=i,f(!0),e=requestAnimationFrame(n))};return e=requestAnimationFrame(n),()=>{r=!0,cancelAnimationFrame(e)}},[d,f]),(0,a.useEffect)(()=>{if(d)return;s.current=0;let e=requestAnimationFrame(()=>f(!1));return()=>cancelAnimationFrame(e)},[d,e,f]),(0,a.useEffect)(()=>{let e=i.current;if(!e||"u"<typeof ResizeObserver)return;let t=0,r=new ResizeObserver(()=>{!m.current&&(t||(t=requestAnimationFrame(()=>{t=0,f(!1)})))});return r.observe(e),()=>{r.disconnect(),t&&cancelAnimationFrame(t)}},[f]),(0,n.jsx)("canvas",{ref:i,"aria-hidden":"true",className:(0,l.cn)("block h-full w-full",r)})}function v(e,t,r){let n=(0,s.kz)(t,r);e.style.backgroundColor=n.backgroundColor,e.style.backgroundImage=n.backgroundImage,e.style.backgroundSize=n.backgroundSize??"",e.style.backgroundBlendMode=n.backgroundBlendMode??""}function p(e){let t,r,a=(0,i.c)(5),{amount:l,noiseUrl:s}=e;if(!s)return null;let o=`url(${s})`;return a[0]!==l?(t=(0,u.nX)(l),a[0]=l,a[1]=t):t=a[1],a[2]!==o||a[3]!==t?(r=(0,n.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0",style:{backgroundImage:o,backgroundSize:"256px 256px",mixBlendMode:"overlay",opacity:t}}),a[2]=o,a[3]=t,a[4]=r):r=a[4],r}let w=new Set(["bars","pixel","stripes"]),x=(0,a.forwardRef)(function({recipe:e,className:t,children:r,animate:i},c){let d=w.has(e.mode),f=(0,a.useRef)(null),b=(0,a.useRef)(null),[x,k]=(0,a.useState)(null),y=(0,a.useCallback)(e=>{f.current=e,"function"==typeof c?c(e):c&&(c.current=e)},[c]),[R,S]=(0,a.useState)(null);(0,a.useLayoutEffect)(()=>{let e=f.current;if(!e)return;let t=()=>{let t=e.getBoundingClientRect();S(e=>e&&e.w===t.width&&e.h===t.height?e:{w:t.width,h:t.height})};if(t(),"u"<typeof ResizeObserver)return;let r=new ResizeObserver(t);return r.observe(e),()=>r.disconnect()},[]);let M=R&&"pixel"!==e.mode?(0,s.E3)(e.soften,R.w,R.h):0,j=M>0?-Math.ceil(2*M):0,N=(0,a.useMemo)(()=>({...e,soften:0,grain:0,vignette:0}

1),[e]),E=(0,a.useMemo)(()=>e.grain>0?{...e,grain:0}:e,[e]);(0,a.useEffect)(()=>{x||k((0,u.NB)())},[x]);let A=!!i&&e.animated&&e.speed>0&&!d,_=(0,a.useRef)(e);_.current=E;let C=(0,a.useRef)({...E,speed:100,motionReverse:!1});C.current={...E,speed:100,motionReverse:!1};let z=(0,a.useRef)(0);return(0,a.useLayoutEffect)(()=>{z.current=0},[e.mode,e.seed]),(0,a.useEffect)(()=>{if(!A){z.current=0;return}let e=0,t=0,r=n=>{t&&(z.current=(0,o.Mm)(z.current,Math.min(.05,(n-t)/1e3),_.current)),t=n,b.current&&v(b.current,C.current,z.current),e=requestAnimationFrame(r)};return e=requestAnimationFrame(r),()=>cancelAnimationFrame(e)},[A]),(0,a.useLayoutEffect)(()=>{A&&b.current&&v(b.current,C.current,z.current)}),(0,n.jsxs)("div",{ref:y,className:(0,l.cn)("relative overflow-hidden",t),style:{backgroundColor:e.backdrop},children:[!d&&(0,n.jsx)("div",{ref:b,"aria-hidden":"true",className:"absolute",style:{top:j,right:j,bottom:j,left:j,...A?null:function(e,t=0){let r=(0,s.kz)(e,t);return{backgroundColor:r.backgroundColor,backgroundImage:r.backgroundImage,backgroundSize:r.backgroundSize,backgroundBlendMode:r.backgroundBlendMode}}(E),...M>0?{filter:`blur(${M.toFixed(2)}px)`}:null},children:(0,n.jsx)(p,{amount:e.grain,noiseUrl:x})}),d&&(0,n.jsxs)("div",{"aria-hidden":"true",className:"absolute",style:{top:j,right:j,bottom:j,left:j,...M>0?{filter:`blur(${M.toFixed(2)}px)`}:null},children:["bars"===e.mode&&(0,n.jsx)(m,{recipe:N,animate:i,className:"absolute inset-0"}),"pixel"===e.mode&&(0,n.jsx)(h,{recipe:N,animate:i,className:"absolute inset-0"}),"stripes"===e.mode&&(0,n.jsx)(g,{recipe:N,animate:i,className:"absolute inset-0"}),e.vignette>0&&(0,n.jsx)("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:`radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, ${e.vignette/100*.8}) 100%)`}}),(0,n.jsx)(p,{amount:e.grain,noiseUrl:x})]}),r]})})},660033:(e,t,r)=>{r.d(t,{d:()=>y});var n=r(882315);let i=[0,.25,.5,.75,1],a=null,l=new Map,s=new Set,o=null,u=!1;function c(){return o??=window.matchMedia("(prefers-reduced-motion: reduce)")}function d(){for(let e of s)e()}function m(e){return s.add(e),!u&&"u">typeof document&&(u=!0,document.addEventListener("visibilitychange",d),c()?.addEventListener("change",d)),()=>{s.delete(e),0===s.size&&u&&"u">typeof document&&(u=!1,document.removeEventListener("visibilitychange",d),c()?.removeEventListener("change",d))}}function f(){return!("u"<typeof document)&&"visible"===document.visibilityState&&c()?.matches!==!0}let h=new Map,b=new Set,g=new Set,v=0;function p(){let e=new Set([...h.entries()].filter(([,e])=>e.eligible).sort(([,e],[,t])=>t.intersectionRatio-e.intersectionRatio||e.order-t.order).slice(0,4).map(([e])=>e));if(!function(e,t){if(e.size!==t.size)return!1;for(let r of e)if(!t.has(r))return!1;return!0}(g,e))for(let t of(g=e,b))t()}function w(e){return b.add(e),()=>{b.delete(e)}}function x(){return()=>void 0}function k(){return!1}function y(e,t){let r=(0,n.useRef)(null);r.current??=Symbol("ascii-card-video");

1let s=r.current,[o,u]=(0,n.useState)(0),c=(0,n.useSyncExternalStore)(t?m:x,t?f:k,k);(0,n.useEffect)(()=>{if(!t)return;let r=e.current;if(r)return"u"<typeof IntersectionObserver?(u(0),()=>void 0):(a||(a=new IntersectionObserver(e=>{for(let t of e)l.get(t.target)?.(t.isIntersecting?t.intersectionRatio:0)},{threshold:i})),l.set(r,u),a.observe(r),()=>{a?.unobserve(r),l.delete(r),0===l.size&&(a?.disconnect(),a=null)})},[t,e]),(0,n.useEffect)(()=>{if(t)return h.set(s,{eligible:!1,intersectionRatio:0,order:v++}),p(),()=>{h.delete(s),p()}},[t,s]);let d=t&&c&&o>0;(0,n.useEffect)(()=>{let e=h.get(s);e&&(e.eligible=d,e.intersectionRatio=o,p())},[d,s,o]);let b=(0,n.useSyncExternalStore)(t?w:x,t?()=>g.has(s):k,k);return d&&b}},821565:(e,t,r)=>{r.d(t,{N:()=>h});var n=r(465915),i=r(501277),a=r(882315),l=r(935232),s=r(17660),o=r(518367),u=r(71500),c=r(800779),d=r(942005),m=r(873588),f=r(528688);function h(e){let t,r,h,b,g,v,p,w,x,k,y,R=(0,i.c)(72),{gradientRecipeId:S,bookmarked:M,bookmarksCount:j,variant:N,onToggle:E,className:A,tabIndex:_,disabled:C}=e,z=void 0===j?0:j,F=void 0===N?"card":N,q=void 0!==C&&C,{isSignedIn:B}=(0,l.d)(),{openSignIn:O}=(0,s.ho)(),P=m.api.useUtils(),T=!!E,[I,L]=(0,a.useState)(M),[$,U]=(0,a.useState)(z),Y=(0,a.useRef)(!1);R[0]!==M?(t=()=>L(M),r=[M],R[0]=M,R[1]=t,R[2]=r):(t=R[1],r=R[2]),(0,a.useEffect)(t,r),R[3]!==z?(h=()=>U(z),b=[z],R[3]=z,R[4]=h,R[5]=b):(h=R[4],b=R[5]),(0,a.useEffect)(h,b);let X=T?M:I,D=T?z:$;R[6]!==P?(g={onSuccess:()=>void Promise.all([P.gradients.myBookmarkIds.invalidate(),P.gradients.listCommunity.invalidate()])},R[6]=P,R[7]=g):g=R[7];let G=m.api.gradients.toggleBookmark.useMutation(g);R[8]!==z||R[9]!==q||R[10]!==S||R[11]!==I||R[12]!==B||R[13]!==E||R[14]!==O||R[15]!==G||R[16]!==F?(v=e=>{if(e.preventDefault(),e.stopPropagation(),!q&&!G.isPending&&!Y.current){if(E)return void E();if(!B)return void("lightbox"===F||"mobile"===F?O():o.toast.error("Sign in to bookmark gradients"));Y.current=!0,L(!I),U(e=>Math.max(0,e+(I?-1:1))),G.mutateAsync({gradientRecipeId:S,bookmarked:I}).catch(()=>{L(I),U(z),o.toast.error("Failed to update bookmark")}).finally(()=>{Y.current=!1})}},R[8]=z,R[9]=q,R[10]=S,R[11]=I,R[12]=B,R[13]=E,R[14]=O,R[15]=G,R[16]=F,R[17]=v):v=R[17];let W=v;R[18]!==X?(p=X?(0,n.jsx)(u.ysM,{className:"h-4 w-4"}):(0,n.jsx)(u.YcO,{className:"h-4 w-4"}),R[18]=X,R[19]=p):p=R[19];let H=p;if("lightbox"===F){let e,t,r=q||G.isPending;R[20]!==A?(e=(0,f.cn)(d.G,A),R[20]=A,R[21]=e):e=R[21];let i=X?"Saved":"Save";return R[22]!==X||R[23]!==W||R[24]!==H||R[25]!==r||R[26]!==e||R[27]!==i?(t=(0,n.jsxs)(c.$,{type:"button",variant:"ghost",onClick:W,disabled:r,"aria-pressed":X,className:e,children:[H,i]}),R[22]=X,R[23]=W,R[24]=H,R[25]=r,R[26]=e,R[27]=i,R[28]=t):t=R[28],t}if("mobile"===F){let e,t,r=q||G.isPending;R[29]!==A?(e=(0,f.cn)("h-11 flex-1 gap-1.5",A),R[29]=A,R[30]=e):e=R[30];let i=X?"Saved":"Bookmark";return R[31]!==X||R[32]!==W||R[33]!==H||R[34]!==r||R[35]!==e||R[36]!==i?(t=(0,n.jsxs)(c.$,{type:"button",onClick:W,disabled:r,"aria-pressed":X,className:e,children:[H,i]}),R[31]=X,R[32]=W,R[33]=H,R[34]=r,R[35]=e,R[36]=i,R[37]=t):t=R[37],t}if("button"===F){let e,t,r=q||G.isPending;R[38]!==A?(e=(0,f.cn)("h-9 gap-2 px-3",A),R[38]=A,R[39]=e):e=R[39];let i=X?"Saved":"Save";return R[40]!==X||R[41]!==W||R[42]!==H||R[43]!==r||R[44]!==e||R[45]!==i?(t=(0,n.jsxs)(c.$,{type:"button",variant:"secondary",onClick:W,disabled:r,"aria-pressed":X,className:e,children:[H,i]}),R[40]=X,R[41]=W,R[42]=H,R[43]=r,R[44]=e,R[45]=i,R[46]=t):t=R[46],t}if("toolbar"===F){let e,t,r=q||G.isPending,i=X?"Remove from bookmarks":"Add to bookmarks",a=X&&"text-primary";return R[47]!==A||R[48]!==a?(e=(0,f.cn)("h-8 w-8",a,A),R[47]=A,R[48]=a,R[49]=e):e=R[49],R[50]!==X||R[51]!==W||R[52]!==H||R[53]!==r||R[54]!==i||R[55]!==e?(t=(0,n.jsx)(c.$,{type:"button",variant:"ghost",size:"icon",onClick:W,disabled:r,"aria-pressed":X,"aria-label":i,className:e,children:H}),R[50]=X,R[51]=W,R[52]=H,R[53]=r,R[54]=i,R[55]=e,R[56]=t):t=R[56],t}let J=q||G.isPending,K=X?"Remove from bookmarks":"Add to bookmarks";if(R[57]!==A?(w=(0,f.cn)("flex shrink-0 items-center gap-0.5 rounded-md px-1 py-0.5 text-[11px] transition-[color,background-color,scale] active:scale-[0.97]","text-muted-foreground

1/50 hover:bg-foreground/10 hover:text-muted-foreground",A),R[57]=A,R[58]=w):w=R[58],R[59]!==X?(x=X?(0,n.jsx)(u.ysM,{className:"size-3.5 text-primary"}):(0,n.jsx)(u.YcO,{className:"size-3.5"}),R[59]=X,R[60]=x):x=R[60],R[61]!==D)k=D>0&&(0,n.jsx)("span",{className:"text-muted-foreground",children:Number.isFinite(D)?D>=1e3?`${(D/1e3).toFixed(1)}k`:String(D):"0"}),R[61]=D,R[62]=k;else k=R[62];return R[63]!==X||R[64]!==W||R[65]!==J||R[66]!==K||R[67]!==w||R[68]!==x||R[69]!==k||R[70]!==_?(y=(0,n.jsxs)("button",{type:"button",onClick:W,disabled:J,tabIndex:_,"aria-pressed":X,"aria-label":K,className:w,children:[x,k]}),R[63]=X,R[64]=W,R[65]=J,R[66]=K,R[67]=w,R[68]=x,R[69]=k,R[70]=_,R[71]=y):y=R[71],y}}}]);