https://hpc-ai.com/_next/static/chunks/21896.e532bc279812db78.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21896],{21896:(e,t,a)=>{a.r(t),a.d(t,{default:()=>k});var l=a(95155),r=a(19749),s=a(80095),n=a.n(s),i=a(12115),c=a(34138);function o(e){let t,a,s,n,o,u,f,h,v,p,j,y,b=(0,r.c)(31),{autoPlay:g,animationDuration:N,pauseDuration:w,configs:k}=e,_=void 0===g||g,A=void 0===N?2e3:N,S=void 0===w?3e3:w;b[0]!==k?(t=void 0===k?[]:k,b[0]=k,b[1]=t):t=b[1];let D=t,[T,M]=(0,i.useState)(0),F=(0,i.useRef)(void 0),C=(0,i.useRef)(void 0);b[2]!==A||b[3]!==_||b[4]!==S?(a=()=>{M(0),requestAnimationFrame(()=>{let e=Date.now(),t=()=>{let l=Math.min((Date.now()-e)/A,1);M(l),l<1?F.current=requestAnimationFrame(t):_&&(C.current=setTimeout(()=>{M(0),setTimeout(()=>{a()},50)},S))};F.current=requestAnimationFrame(t)})},b[2]=A,b[3]=_,b[4]=S,b[5]=a):a=b[5],b[6]!==_||b[7]!==a?(s=()=>{if(_){let e=setTimeout(()=>{a()},100);return()=>{clearTimeout(e),F.current&&cancelAnimationFrame(F.current),C.current&&clearTimeout(C.current)}}},b[6]=_,b[7]=a,b[8]=s):s=b[8],b[9]!==_?(n=[_],b[9]=_,b[10]=n):n=b[10],(0,i.useEffect)(s,n);let E=x;b[11]!==T?(o=(e,t)=>{let a=E(e)*T,l=E(t.min),r=E(t.max);return Math.max((Math.max(a,l)-l)/(r-l)*100,0)},b[11]=T,b[12]=o):o=b[12];let R=o;b[13]!==T||b[14]!==R?(u=(e,t)=>{let{title:a,yAxisLabel:r,yAxisRange:s,data:n,annotation:i}=e,o=E(s.min),m=E(s.max),x=E(s.step),u=s.format||d;return(0,l.jsxs)("div",{className:"flex-1 px-4",children:[(0,l.jsxs)("div",{className:"relative h-64",children:[(0,l.jsx)("div",{className:"absolute -left-12 top-1/2 transform -translate-y-1/2 -rotate-90 text-xs text-gray-500 whitespace-nowrap",children:r}),(0,l.jsxs)("div",{className:"ml-8 relative h-full",children:[(0,l.jsx)("div",{className:"absolute left-0 top-0 bottom-0 w-px bg-gray-300"}),(0,l.jsx)("div",{className:"absolute inset-0",children:Array.from({length:(m-o)/x+1},(e,t)=>{let a=m-t*x,r=u(a),s=t*x/(m-o)*100;return(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"absolute w-full border-t border-gray-200",style:{to

1p:"".concat(s,"%")}}),(0,l.jsx)("div",{className:"absolute text-xs text-gray-600 text-right -left-10 w-8 -translate-y-1/2",style:{top:"".concat(s,"%")},children:r})]},a)})}),(0,l.jsx)("div",{className:"absolute inset-0 flex justify-center items-center space-x-6",children:n.map(e=>{let t=R(e.value,s),a=o/(m-o)*100;return(0,l.jsx)("div",{className:"flex flex-col items-center relative h-full",children:(0,l.jsx)("div",{className:"relative flex flex-col justify-end",style:{width:"clamp(2rem, 4vw, 3rem)",height:"".concat(100-a,"%"),marginTop:"".concat(a,"%")},children:(0,l.jsx)("div",{className:"w-full rounded-t-sm relative",style:{height:"".concat(Math.max(t,0),"%"),backgroundColor:e.color,minHeight:t>0?"4px":"0px"},children:T>=1&&t>0&&(0,l.jsx)("div",{className:"absolute -top-5 left-1/2 transform -translate-x-1/2 text-xs font-semibold text-gray-800",children:e.displayValue})})})},e.name)})}),i&&T>=1&&(0,l.jsx)("div",{className:"absolute inset-0 pointer-events-none",children:(()=>{let e=n.find(e=>E(e.value)===E(i.fromValue)),t=n.find(e=>E(e.value)===E(i.toValue));if(!e||!t)return null;let a=o/(m-o)*100,r=a+(100-a)*(1-R(e.value,s)/100),d=0===n.findIndex(t=>t===e)?47.25:52.75;return(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"absolute border-t-2 border-gray-400 top-0",style:{left:"".concat(d-1.25,"%"),width:"2.5%"}}),(0,l.jsx)("div",{className:"absolute border-l-2 border-dashed border-gray-400 top-0 -translate-x-1/2",style:{left:"".concat(d,"%"),height:"".concat(r,"%")}}),(0,l.jsx)("div",{className:"absolute text-gray-400 -translate-x-1/2 -translate-y-1/2",style:{left:"".concat(d,"%"),top:"1.5%"},children:(0,l.jsx)(c.hk5,{size:24})}),(0,l.jsx)("div",{className:"absolute text-xs font-semibold text-gray-600 bg-white px-1 rounded -translate-x-1/2",style:{left:"".concat(d,"%"),top:"".concat(r/2,"%")},children:i.text})]})})()})]})]}),(0,l.jsx)("h3",{className:"text-center text-xs text-gray-500 mt-2",children:a})]},t)},b[13]=T,b[14]=R,b[15]=u):u=b[15];let q=u;b[16]!==D?(f=(()=>{let e=new Map;return D.forEach(t=>{t.data.forEach(t=>{e.has(t.name)||e.set(t.name,{name:t.name,color:t.color,fullName:t.name})})}),Array.from(e.values())})(),b[16]=D,b[17]=f):f=b[17];let B=f;if(b[18]===Symbol.for("react.memo_cache_sentinel")?(h=(0,l.jsx)("div",{className:"text-center",children:(0,l.jsx)("h3",{className:"text-xl font-semibold text-gray-800",children:"Real-time LLM inference throughput: Colossal-AI Benchmark"})}),b[18]=h):h=b[18],b[19]!==B?(v=(0,l.jsx)("div",{className:"flex justify-end",children:(0,l.jsx)("div",{className:"space-y-3 mb-4",children:B.map(m)})}),b[19]=B,b[20]=v):v=b[20],b[21]!==D||b[22]!==q){let e;b[24]!==q?(e=(e,t)=>q(e,t),b[24]=q,b[25]=e):e=b[25],p=D.map(e),b[21]=D,b[22]=q,b[23]=p}else p=b[23];return b[26]!==p?(j=(0,l.jsx)("div",{className:"flex",children:p}),b[26]=p,b[27]=j):j=b[27],b[28]!==v||b[29]!==j?(y=(0,l.jsx)("div",{className:"w-full",children:(0,l.jsxs)("div",{className:"w-full max-w-4xl mx-auto",children:[h,v,j]})}),b[28]=v,b[29]=j,b[30]=y):y=b[30],y}function m(e){return(0,l.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,l.jsx)("div",{className:"w-3 h-3 rounded-sm",style:{backgroundColor:e.color}}),(0,l.jsx)("span",{className:"text-sm font-medium text-gray-800",children:e.fullName})]},e.name)}function d(e){return e.toString()}function x(e){if("number"==typeof e)return e;if("string"==typeof e){let t=parseFloat(e.replace(/[^\d.-]/g,""));return isNaN(t)?0:t}return 0}let u=[600,800,1e3,1200,1400,1600];function f(e){let t,a,s,n,c,o,m,d,x,f,p,j,y,b,g=(0,r.c)(37),{autoPlay:N,animationDuration:w,pauseDuration:k,data:_}=e,A=void 0===N||N,S=void 0===w?2e3:w,D=void 0===k?3e3:k;

1g[0]!==_?(t=void 0===_?[]:_,g[0]=_,g[1]=t):t=g[1];let T=t,[M,F]=(0,i.useState)(0),C=(0,i.useRef)(void 0),E=(0,i.useRef)(void 0);g[2]!==S||g[3]!==A||g[4]!==D?(a=()=>{F(0),requestAnimationFrame(()=>{let e=Date.now(),t=()=>{let l=Math.min((Date.now()-e)/S,1);F(l),l<1?C.current=requestAnimationFrame(t):A&&(E.current=setTimeout(()=>{F(0),setTimeout(()=>{a()},50)},D))};C.current=requestAnimationFrame(t)})},g[2]=S,g[3]=A,g[4]=D,g[5]=a):a=g[5],g[6]!==A||g[7]!==a?(s=()=>{if(A){let e=setTimeout(()=>{a()},100);return()=>{clearTimeout(e),C.current&&cancelAnimationFrame(C.current),E.current&&clearTimeout(E.current)}}},g[6]=A,g[7]=a,g[8]=s):s=g[8],g[9]!==A?(n=[A],g[9]=A,g[10]=n):n=g[10],(0,i.useEffect)(s,n),g[11]!==M?(c=e=>600+(e-600)*M,g[11]=M,g[12]=c):c=g[12];let R=c;g[13]!==R?(o=e=>(R(e)-600)/1e3*100,g[13]=R,g[14]=o):o=g[14];let q=o;if(g[15]===Symbol.for("react.memo_cache_sentinel")?(m=(0,l.jsx)("div",{className:"text-center mb-8",children:(0,l.jsx)("h3",{className:"text-xl font-semibold text-gray-800",children:"Compute Performance: GEMM Operator Benchmark"})}),g[15]=m):m=g[15],g[16]!==T?(d=T.map(v),g[16]=T,g[17]=d):d=g[17],g[18]!==d?(x=(0,l.jsx)("div",{className:"flex justify-end mb-8",children:(0,l.jsx)("div",{className:"space-y-3",children:d})}),g[18]=d,g[19]=x):x=g[19],g[20]!==M||g[21]!==T||g[22]!==R||g[23]!==q){let e;g[25]!==M||g[26]!==R||g[27]!==q?(e=e=>{let t=R(e.value),a=q(e.value);return(0,l.jsx)("div",{className:"flex items-center",children:(0,l.jsx)("div",{className:"flex-1 relative",children:(0,l.jsxs)("div",{className:"h-6 relative",children:[(0,l.jsx)("div",{className:"h-full rounded-sm relative",style:{width:"".concat(a,"%"),backgroundColor:e.color}}),M>=1&&(0,l.jsx)("div",{className:"absolute top-1/2 transform -translate-y-1/2 text-sm font-semibold text-gray-700 ml-3",style:{left:"".concat(a,"%")},children:Math.round(t)})]})})},e.name)},g[25]=M,g[26]=R,g[27]=q,g[28]=e):e=g[28],f=T.map(e),g[20]=M,g[21]=T,g[22]=R,g[23]=q,g[24]=f}else f=g[24];return g[29]!==f?(p=(0,l.jsx)("div",{className:"space-y-8 relative z-10",children:f}),g[29]=f,g[30]=p):p=g[30],g[31]===Symbol.for("react.memo_cache_sentinel")?(j=(0,l.jsx)("div",{className:"absolute bottom-0 left-0 right-0 flex justify-between pointer-events-none",children:u.map(h)}),g[31]=j):j=g[31],g[32]!==p?(y=(0,l.jsxs)("div",{className:"relative pb-12",children:[p,j]}),g[32]=p,g[33]=y):y=g[33],g[34]!==x||g[35]!==y?(b=(0,l.jsx)("div",{className:"w-full",children:(0,l.jsxs)("div",{className:"w-full max-w-2xl mx-auto",children:[m,(0,l.jsxs)("div",{children:[x,y]})]})}),g[34]=x,g[35]=y,g[36]=b):b=g[36],b}function h(e){let t=(e-600)/1e3*100;return(0,l.jsx)("div",{className:"text-xs text-gray-400 transform -translate-x-1/2 whitespace-nowrap",style:{left:"".concat(t,"%")},children:e},e)}function v(e){return(0,l.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,l.jsx)("div",{className:"w-3 h-3 rounded-sm",style:{backgroundColor:e.color}}),(0,l.jsx)("span",{className:"text-sm font-medium text-gray-800",children:e.fullName})]},e.name)}let p={top:0,right:18,bottom:80,left:90};function j(e){let t,a,s,n,c,o,m,d,x,u,f,h,v,j,g,N,w,k,_,A,S=(0,r.c)(45),{chartData:D,xLabels:T,yLabels:M,xUnit:F,yUnit:C}=e,E=(0,i.useRef)(null),[R,q]=(0,i.useState)(0),B=750-p.left-p.right,z=420-p.top-p.bottom;S[0]===Symbol.for("react.memo_cache_sentinel")?(t=e=>(e-2)/254*B,S[0]=t):t=S[0];let L=t;S[1]===Symbol.for("react.memo_cache_sentinel")?(a=e=>z-(e-0)/625*z,S[1]=a):a=S[1];let W=a;S[2]===Symbol.for("react.memo_cache_sentinel")?(s=(e,t)=>{var a,l;if(0===e.length)return"";let r=Math.ceil(e.length*t),s=e.slice(0,r);if(0===s.length)return"";let n="M ".concat(L((null==(a=s[0])?void 0:a.x)||0)," ").concat(W((null==(l=s[0])?void 0:l.y)||0));for(let e=1;e<s.length;e++){let t=s[e];t&&(n+=" L ".concat(L(t.x)," ").concat(W(t.y)))}return n},S[2]=s):s=S[2];let I=s;if(S[3]===Symbol.for("react.memo_cache_sentinel")?(n=()=>{let e=setInterval(()=>{q(0),setTimeout(()=>{let e=Date.now(),t=()=>{let a=Math.min((Date.now()-e)/2e3,1);q(a),a<1&&requestAnimationFrame(t)};requestAnimationFrame(t)},500)},3e3);return()=>clearInterval(e)},c=[],S[3]=n,S[4]=c):(n=S[3],c=S[4]),(0,i.useEffect)(n,c),S[5]===Symbol.for("react.memo_cache_sentinel")?(o=(0,l.jsx)("div",{className:"text-center mb-6",children:(0,l.jsx)("h3",{className:"text-xl font-bold text-gray-800",children:"Scaling Efficiency: All-Reduce Communication Benchmark"})}),S[5]=o):o=S[5],S[6]!==M){let e;S[8]===Symbol.for("react.memo_cache_sentinel")?(e=e=>(0,l.jsx)("line",{x1:0,y1:W(e),x2:B,y2:W(e),stroke:"#E5E7EB",strokeWidth:1},e),S[8]=e):e=S[8],m=M.map(e),S[6]=M,S[7]=m}else m=S[7];if(S[9]!==m?(d=(0,l.jsx)("g",{transform:"translate(".concat(p.left,", ").concat(p.top,")"),children:m}),S[9]=m,S[10]=d):d=S[10],S[11]!==R||S[12]!==D){let e;S[14]!==R?(e=e=>(0,l.jsxs)("g",{children:[(0,l.jsx)("path",{d:I(e.data,R),fill:"none",stroke:e.color,strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",style:{filter:"drop-shadow(0 2px 4px rgba(0,0,0,0.1))"}}),e.data.map((t,a)=>{let r=a<Math.ceil(e.data.length*R);return t&&"number"==typeof t.x&&"number"==typeof t.y?(0,l.jsx)("circle",{cx:L(t.x),cy:W(t.y),r:6*!!r,fill:e.color,stroke:"white",strokeWidth:2,style:{transition:"r 0.3s ease-in-out",filter:"drop-shadow(0 2px 4px rgba(0,0,0,0.2))"}},a):null})]},e.label),S[14]=R,S[15]=e):e=S[15],x=D.map(e),S[11]=R,S[12]=D,S[13]=x}else x=S[13];if(S[16]!==x?(u=(0,l.jsx)("g",{transform:"translate(".concat(p.left,", ").concat(p.top,")"),children:x}),S[16]=x,S[17]=u):u=S[17],S[18]!==T){let e;S[20]===Symbol.for("react.memo_cache_sentinel")?(e=e=>(0,l.jsx)("text",{x:L(e),y:0,textAnchor:"middle",fontSize:"1.25rem",fill:"#9ca3af",children:e},e),S[20]=e):e=S[20],f=T.filter(b).map(e),S[18]=T,S[19]=f}else f=S[19];if(S[21]!==f?(h=(0,l.jsx)("g",{transform:"translate(".concat(p.left,", ").concat(420-p.bottom+35,")"),children:f}),S[21]=f,S[22]=h):h=S[22],S[23]!==F?(v=(0,l.jsx)("text",{x:p.left+B/2,y:400,textAnchor:"middle",fontSize:"1.25rem",fill:"#9ca3af",children:F}),S[23]=F,S[24]=v):v=S[24],S[25]!==M){let e;S[27]===Symbol.for("react.memo_cache_sentinel")?(e=e=>(0,l.jsx)("text",{x:0,y:W(e),textAnchor:"end",dominantBaseline:"middle",fontSize:"1.25rem",fill:"#9ca3af",children:e}

1,e),S[27]=e):e=S[27],j=M.map(e),S[25]=M,S[26]=j}else j=S[26];return S[28]!==j?(g=(0,l.jsx)("g",{transform:"translate(".concat(p.left-25,", ").concat(p.top,")"),children:j}),S[28]=j,S[29]=g):g=S[29],S[30]!==C?(N=(0,l.jsx)("text",{x:10,y:p.top+z/2,textAnchor:"middle",dominantBaseline:"middle",fontSize:"1.25rem",fill:"#9ca3af",transform:"rotate(-90, 10, ".concat(p.top+z/2,")"),children:C}),S[30]=C,S[31]=N):N=S[31],S[32]===Symbol.for("react.memo_cache_sentinel")?(w=(0,l.jsx)("rect",{x:-10,y:-15,width:240,height:80,fill:"white",stroke:"#d1d5db",strokeWidth:1,rx:8}),S[32]=w):w=S[32],S[33]!==D?(k=D.map(y),S[33]=D,S[34]=k):k=S[34],S[35]!==k?(_=(0,l.jsxs)("g",{transform:"translate(".concat(p.left+20,", ").concat(p.top+20,")"),children:[w,k]}),S[35]=k,S[36]=_):_=S[36],S[37]!==u||S[38]!==h||S[39]!==v||S[40]!==g||S[41]!==N||S[42]!==_||S[43]!==d?(A=(0,l.jsxs)("div",{className:"relative w-full max-w-4xl mx-auto",children:[o,(0,l.jsxs)("svg",{ref:E,width:750,height:420,className:"w-full h-auto",viewBox:"0 0 ".concat(750," ").concat(420),children:[d,u,h,v,g,N,_]})]}),S[37]=u,S[38]=h,S[39]=v,S[40]=g,S[41]=N,S[42]=_,S[43]=d,S[44]=A):A=S[44],A}function y(e,t){return(0,l.jsxs)("g",{transform:"translate(0, ".concat(48*t,")"),children:[(0,l.jsx)("rect",{x:0,y:-8,width:16,height:16,fill:e.color,rx:5}),(0,l.jsx)("text",{x:32,y:0,dominantBaseline:"central",fontSize:"1.25rem",fontWeight:"500",fill:"#1f2937",children:e.label})]},e.label)}function b(e){return 4!==e}function g(e){let t,a,s,n,c,o,m,d,x,u,f,h,v=(0,r.c)(40),{data:p,unit:j,autoPlay:y,animationDuration:b,pauseDuration:g}=e,k=void 0===j?"x":j,_=void 0===y||y,A=void 0===b?2e3:b,S=void 0===g?3e3:g,[D,T]=(0,i.useState)(0),M=(0,i.useRef)(void 0),F=(0,i.useRef)(void 0);v[0]!==p?(t=Math.max(...p.map(w),1),v[0]=p,v[1]=t):t=v[1];let C=t,E=C<=0?1:C;v[2]!==k?(a=e=>"x"===k?"".concat(e,"X"):"".concat(Math.round(100*e),"%"),v[2]=k,v[3]=a):a=v[3];let R=a;v[4]!==A||v[5]!==_||v[6]!==S?(s=()=>{T(0),requestAnimationFrame(()=>{let e=Date.now(),t=()=>{let a=Math.min((Date.now()-e)/A,1);T(a),a<1?M.current=requestAnimationFrame(t):_&&(F.current=setTimeout(()=>{T(0),setTimeout(()=>s(),50)},S))};M.current=requestAnimationFrame(t)})},v[4]=A,v[5]=_,v[6]=S,v[7]=s):s=v[7],v[8]!==_||v[9]!==s?(n=()=>{if(!_)return;let e=setTimeout(()=>s(),100);return()=>{clearTimeout(e),M.current&&cancelAnimationFrame(M.current),F.current&&clearTimeout(F.current)}},v[8]=_,v[9]=s,v[10]=n):n=v[10],v[11]!==A||v[12]!==_||v[13]!==S?(c=[_,A,S],v[11]=A,v[12]=_,v[13]=S,v[14]=c):c=v[14],(0,i.useEffect)(n,c),v[15]!==E?(o=e=>e/E*100,v[15]=E,v[16]=o):o=v[16];let q=o;v[17]!==D||v[18]!==q?(m=e=>q(e)*D,v[17]=D,v[18]=q,v[19]=m):m=v[19];let B=m;if(v[20]!==p?(d=p.map(N),v[20]=p,v[21]=d):d=v[21],v[22]!==d?(x=(0,l.jsx)("div",{className:"flex justify-end mb-6",children:(0,l.jsx)("div",{className:"space-y-2",children:d})}),v[22]=d,v[23]=x):x=v[23],v[24]!==D||v[25]!==p||v[26]!==R||v[27]!==B||v[28]!==q){let e;v[30]!==D||v[31]!==R||v[32]!==B||v[33]!==q?(e=e=>{let t=B(e.value),a=q(e.value);return(0,l.jsx)("div",{className:"flex items-center",children:(0,l.jsx)("div",{className:"flex-1 relative",children:(0,l.jsxs)("div",{className:"h-4 relative",children:[(0,l.jsx)("div",{className:"h-full rounded-sm relative",style:{width:"".concat(t,"%"),backgroundColor:e.color}}),D>=1&&(0,l.jsx)("div",{className:"absolute top-1/2 transform -translate-y-1/2 text-xs font-semibold text-gray-700 ml-2 whitespace-nowrap",style:{left:"".concat(a,"%")},children:R(e.value)})]})})},e.name)},v[30]=D,v[31]=R,v[32]=B,v[33]=q,v[34]=e):e=v[34],u=p.map(e),v[24]=D,v[25]=p,v[26]=R,v[27]=B,v[28]=q,v[29]=u}else u=v[29];return v[35]!==u?(f=(0,l.jsx)("div",{className:"space-y-6",children:u}),v[35]=u,v[36]=f):f=v[36],v[37]!==x||v[38]!==f?(h=(0,l.jsx)("div",{className:"w-full p-7",children:(0,l.jsxs)("div",{className:"w-full max-w-xl mx-auto",children:[x,f]})}),v[37]=x,v[38]=f,v[39]=h):h=v[39],h}function N(e){return(0,l.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,l.jsx)("div",{className:"w-3 h-3 rounded-sm",style:{backgroundColor:e.color}}),(0,l.jsx)("span",{className:"text-sm font-medium text-gray-800",children:e.name})]},e.name)}function w(e){return e.value}function k(e){let t,a,s,i,c,m,d,x,u,h=(0,r.c)(28),{performanceData:v,tag:p,title:y,description:b,linkText:N,linkHref:w,target:k}=e;if(h[0]!==p?(t=(0,l.jsx)("div",{className:"inline-flex items-center px-3 py-1 rounded-full border border-primary-500 bg-white/90 text-sm font-medium mb-4 w-fit text-primary-600 backdrop-blur-sm border-primary-600",children:p}),h[0]=p,h[1]=t):t=h[1],h[2]!==y?(a=(0,l.jsx)("h2",{className:"text-2xl md:text-4xl font-bold text-gray-900 mb-4",children:y}),h[2]=y,h[3]=a):a=h[3],h[4]!==b){let e;h[6]!==b.length?(e=(e,t)=>(0,l.jsxs)("span",{children:[(0,l.jsx)("span",{className:"break-words lg:whitespace-nowrap",children:e}),t<b.length-1&&(0,l.jsx)("br",{})]},t),h[6]=b.length,h[7]=e):e=h[7],s=b.map(e),h[4]=b,h[5]=s}else s=h[5];if(h[8]!==w||h[9]!==N||h[10]!==k?(i=N&&w&&(0,l.jsx)(n(),{href:w,target:k,className:"text-lg md:text-xl !cursor-pointer font-medium text-primary-600 hover:text-primary-700 

1inline-block ml-1",children:N}),h[8]=w,h[9]=N,h[10]=k,h[11]=i):i=h[11],h[12]!==s||h[13]!==i?(c=(0,l.jsxs)("p",{className:"text-base md:text-lg text-gray-600 leading-relaxed",children:[s,i]}),h[12]=s,h[13]=i,h[14]=c):c=h[14],h[15]!==t||h[16]!==a||h[17]!==c?(m=(0,l.jsxs)("div",{className:"mt-12 md:mt-24",children:[t,a,c]}),h[15]=t,h[16]=a,h[17]=c,h[18]=m):m=h[18],h[19]!==v){let e;h[21]!==v.length?(e=(e,t)=>{var a,r,s;return(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsxs)("div",{className:"flex flex-col md:flex-row items-center gap-4 md:gap-2 py-4 md:py-2 ".concat(t%2==0?"md:flex-row":"md:flex-row-reverse"),children:[(0,l.jsxs)("div",{className:"flex-1 flex flex-col justify-between py-4 md:py-8 w-full md:w-auto",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h3",{className:"text-xl md:text-3xl font-bold text-gray-900 mb-4 md:mb-6",children:e.title}),(0,l.jsx)("p",{className:"text-base md:text-lg text-gray-600 leading-relaxed",children:e.description})]}),e.linkText&&e.linkHref&&(0,l.jsx)("div",{className:"mt-4 md:mt-6 text-left md:text-right",children:(0,l.jsx)(n(),{href:e.linkHref,target:e.linkTarget,className:"inline-flex items-center text-base md:text-lg font-medium text-primary-600 hover:text-primary-700 transition-colors duration-200",children:e.linkText})})]}),(0,l.jsx)("div",{className:"hidden md:block relative mx-8 flex-shrink-0 self-stretch",children:(0,l.jsx)("div",{className:"absolute inset-y-0 left-1/2 w-px bg-gray-300 transform -translate-x-1/2"})}),(0,l.jsxs)("div",{className:"flex-1 py-4 md:py-8 w-full md:w-auto",children:[(null==e||null==(a=e.chartData)?void 0:a.length)&&(0,l.jsx)(f,{data:e.chartData}),(null==e?void 0:e.lineChartData)&&(0,l.jsx)(j,{...e.lineChartData}),(null==e||null==(r=e.barChartData)?void 0:r.length)&&(0,l.jsx)(o,{configs:e.barChartData}),(null==e||null==(s=e.multiplierRatioData)?void 0:s.length)&&(0,l.jsx)(g,{data:e.multiplierRatioData,unit:e.unit})]})]}),t<v.length-1&&(0,l.jsx)("div",{className:"absolute bottom-0 left-0 right-0 h-px bg-gray-300"})]},e.id)},h[21]=v.length,h[22]=e):e=h[22],d=v.map(e),h[19]=v,h[20]=d}else d=h[20];return h[23]!==d?(x=(0,l.jsx)("div",{className:"mt-12 md:mt-24",children:d}),h[23]=d,h[24]=x):x=h[24],h[25]!==m||h[26]!==x?(u=(0,l.jsxs)(l.Fragment,{children:[m,x]}),h[25]=m,h[26]=x,h[27]=u):u=h[27],u}}}]);