https://www.deep-ml.com/_next/static/chunks/app/articles/page-49dfea78c21df6c3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46222],{81723:function(e,t,r){Promise.resolve().then(r.bind(r,12824))},12824:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return p}});var a=r(57437),n=r(2265),i=r(33498),s=r(73247),l=r(32489),c=r(71769),d=r(95528),o=r(11746),x=r(95186),u=r(53647),m=r(93022),h=r(57043),f=r(27648);function p(){let[e,t]=(0,n.useState)(""),[r,p]=(0,n.useState)("all"),[g,j]=(0,n.useState)("all"),[b,v]=(0,n.useState)(""),{data:N,isLoading:y}=(0,d.l)(),z=(0,n.useMemo)(()=>N?[...new Set(N.map(e=>e.category))].sort():[],[N]),w=(0,n.useMemo)(()=>N?[...new Set(N.flatMap(e=>e.tags))].sort():[],[N]),k=(0,n.useMemo)(()=>{if(!N)return[];let t=N;if(r&&"all"!==r&&(t=t.filter(e=>e.category===r)),g&&"all"!==g&&(t=t.filter(e=>e.difficulty===g)),b&&(t=t.filter(e=>e.tags.includes(b))),e){let r=e.toLowerCase();t=t.filter(e=>e.title.toLowerCase().includes(r)||e.description.toLowerCase().includes(r)||e.tags.some(e=>e.toLowerCase().includes(r)))}return t},[N,r,g,b,e]),L=null==N?void 0:N.find(e=>e.featured);return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)(i.E.div,{initial:{opacity:0}

1,animate:{opacity:1},transition:{duration:.5},className:"min-h-screen bg-zinc-50 dark:bg-zinc-950 dark:text-zinc-100 text-zinc-900",children:[(0,a.jsxs)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-8",children:[(0,a.jsxs)(i.E.div,{className:"text-center space-y-3 pt-8",initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{duration:.5,delay:.1},children:[(0,a.jsx)("h1",{className:"text-3xl md:text-4xl font-bold font-jetbrainsMono tracking-tight",children:"Articles"}),(0,a.jsx)("p",{className:"dark:text-zinc-400 text-zinc-500 max-w-[60ch] mx-auto leading-relaxed text-balance",children:"Interactive guides on machine learning concepts with code playgrounds and quizzes"})]}),L&&!e&&"all"===r&&"all"===g&&!b&&(0,a.jsx)(i.E.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5,delay:.2},children:(0,a.jsx)(f.default,{href:"/articles/".concat(L.slug),children:(0,a.jsxs)("div",{className:"group relative rounded-xl overflow-hidden border dark:border-zinc-800 border-zinc-200 dark:bg-zinc-900 bg-white p-6 md:p-8 transition-all hover:shadow-lg dark:hover:shadow-zinc-800/30",children:[(0,a.jsx)("span",{className:"inline-block text-xs font-medium px-2.5 py-0.5 rounded-full border border-zinc-200 dark:border-zinc-700 text-zinc-500 dark:text-zinc-400 mb-3",children:"Featured"}),(0,a.jsx)("h2",{className:"text-2xl md:text-3xl font-bold font-jetbrainsMono tracking-tight dark:text-zinc-100 text-zinc-900 mb-2 text-balance",children:L.title}),(0,a.jsx)("p",{className:"dark:text-zinc-400 text-zinc-500 mb-4 max-w-[65ch] leading-relaxed",children:L.description}),(0,a.jsxs)("div",{className:"flex items-center gap-3 flex-wrap",children:[(0,a.jsx)("span",{className:"text-xs font-medium px-2.5 py-0.5 rounded-full border border-zinc-200 dark:border-zinc-700 text-zinc-500 dark:text-zinc-400",children:L.category}),(0,a.jsxs)("span",{className:"text-sm dark:text-zinc-500 text-zinc-400",children:[L.readingTime," min read"]})]})]})})}),(0,a.jsxs)(i.E.div,{className:"flex flex-col sm:flex-row gap-3",initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5,delay:.3},children:[(0,a.jsxs)("div",{className:"relative flex-1",children:[(0,a.jsx)(s.Z,{className:"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 dark:text-zinc-500 text-zinc-400"}),(0,a.jsx)(x.I,{placeholder:"Search articles...",value:e,onChange:e=>t(e.target.value),className:"pl-9 dark:bg-zinc-900 bg-white dark:border-zinc-800 border-zinc-200"}),e&&(0,a.jsx)("button",{onClick:()=>t(""),className:"absolute right-3 top-1/2 -translate-y-1/2",children:(0,a.jsx)(l.Z,{className:"h-4 w-4 dark:text-zinc-500 text-zinc-400"})})]}),(0,a.jsxs)(u.Ph,{value:r,onValueChange:p,children:[(0,a.jsx)(u.i4,{className:"w-full sm:w-[180px] dark:bg-zinc-900 bg-white dark:border-zinc-800 border-zinc-200",children:(0,a.jsx)(u.ki,{placeholder:"Category"})}),(0,a.jsxs)(u.Bw,{children:[(0,a.jsx)(u.Ql,{value:"all",children:"All Categories"}),z.map(e=>(0,a.jsx)(u.Ql,{value:e,children:e},e))]})]}),(0,a.jsxs)(u.Ph,{value:g,onValueChange:j,children:[(0,a.jsx)(u.i4,{className:"w-full sm:w-[180px] dark:bg-zinc-900 bg-white dark:border-zinc-800 border-zinc-200",children:(0,a.jsx)(u.ki,{placeholder:"Difficulty"})}),(0,a.jsxs)(u.Bw,{children:[(0,a.jsx)(u.Ql,{value:"all",children:"All Levels"}),(0,a.jsx)(u.Ql,{value:"beginner",children:"Beginner"}),(0,a.jsx)(u.Ql,{value:"intermediate",children:"Intermediate"}),(0,a.jsx)(u.Ql,{value:"advanced",children:"Advanced"})]})]})]}),w.length>0&&(0,a.jsxs)("div",{className:"flex flex-wrap gap-2",children:[b&&(0,a.jsxs)("button",{className:"inline-flex items-center gap-1 text-xs font-medium px-2.5 py-1 rounded-full dark:bg-zinc-800 bg-zinc-200 dark:text-zinc-300 text-zinc-700",onClick:()=>v(""),children:[b," ",(0,a.jsx)(l.Z,{className:"h-3 w-3"})]}),!b&&w.slice(0,10).map(e=>(0,a.jsx)("button",{className:"text-xs px-2.5 py-1 rounded-full border border-zinc-200 dark:border-zinc-700 dark:text-zinc-400 text-zinc-500 hover:dark:bg-zinc-800 hover:bg-zinc-100 transition-colors",onClick:()=>v(e),children:e},e))]}),y?(0,a.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:[...Array(6)].map((e,t)=>(0,a.jsx)(m.O,{className:"h-64 w-full rounded-xl dark:bg-zinc-900 bg-zinc-100"},t))}):0===k.length?(0,a.jsxs)("div",{className:"text-center py-16 dark:text-zinc-500 text-zinc-400",children:[(0,a.jsx)(c.Z,{className:"h-12 w-12 mx-auto mb-4 opacity-40"}),(0,a.jsx)("p",{className:"text-lg font-jetbrainsMono",children:"No articles found"}),(0,a.jsx)("p",{className:"text-sm mt-1",children:"Try adjusting your filters or search query"})]}):(0,a.jsx)(i.E.div,{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",initial:"hidden",animate:"visible",variants:{hidden:{opacity:0}

1,visible:{opacity:1,transition:{staggerChildren:.1}}},children:k.map(e=>(0,a.jsx)(o.Z,{article:e},e.slug))})]}),(0,a.jsx)("div",{className:"mt-12",children:(0,a.jsx)(h.Z,{})})]})})}},11746:function(e,t,r){"use strict";r.d(t,{Z:function(){return m}});var a=r(57437),n=r(27648),i=r(33145),s=r(33498),l=r(91723),c=r(76858),d=r(66070),o=r(12043);let x={beginner:"bg-green-500",intermediate:"bg-yellow-500",advanced:"bg-red-500"},u={beginner:"text-green-700 dark:text-green-400",intermediate:"text-yellow-700 dark:text-yellow-400",advanced:"text-red-700 dark:text-red-400"};function m(e){let{article:t}=e;return(0,a.jsx)(s.E.div,{variants:{hidden:{opacity:0,y:20},visible:{opacity:1,y:0}},children:(0,a.jsx)(n.default,{href:"/articles/".concat(t.slug),children:(0,a.jsxs)(d.Zb,{className:"group h-full dark:bg-zinc-900 bg-white border dark:border-zinc-800 border-zinc-200 hover:shadow-lg dark:hover:shadow-zinc-800/30 transition-all duration-200 cursor-pointer overflow-hidden",children:[t.thumbnail&&(0,a.jsx)(i.default,{src:t.thumbnail,alt:t.title,fill:!0,className:"object-cover group-hover:scale-[1.03] transition-transform duration-300"}),(0,a.jsxs)(d.aY,{className:"p-5 space-y-3 relative",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5 text-xs font-medium px-2.5 py-0.5 rounded-full border border-zinc-200 dark:border-zinc-700 ".concat(u[t.difficulty]||"text-zinc-600 dark:text-zinc-400"),children:[(0,a.jsx)("span",{className:"w-1.5 h-1.5 rounded-full ".concat(x[t.difficulty]||"bg-zinc-500")}),t.difficulty]}),(0,a.jsx)("span",{className:"text-xs font-medium px-2.5 py-0.5 rounded-full border border-zinc-200 dark:border-zinc-700 text-zinc-600 dark:text-zinc-400",children:t.category})]}),(0,a.jsx)("h3",{className:"font-semibold text-lg font-jetbrainsMono tracking-tight dark:text-zinc-100 text-zinc-900 line-clamp-2 text-balance pr-6",children:t.title}),(0,a.jsx)("p",{className:"text-sm dark:text-zinc-400 text-zinc-500 line-clamp-2 leading-relaxed",children:t.description}),(0,a.jsxs)("div",{className:"flex items-center gap-4 text-xs dark:text-zinc-500 text-zinc-400 pt-1",children:[(0,a.jsxs)("span",{className:"flex items-center gap-1",children:[(0,a.jsx)(l.Z,{className:"h-3 w-3"}),t.readingTime," min"]}),(0,a.jsx)("span",{children:(0,o.P)(t.publishedAt)})]}),t.tags.length>0&&(0,a.jsxs)("div",{className:"flex flex-wrap gap-1.5 pt-1",children:[t.tags.slice(0,3).map(e=>(0,a.jsx)("span",{className:"text-xs px-2 py-0.5 rounded-full dark:bg-zinc-800 bg-zinc-100 dark:text-zinc-500 text-zinc-500",children:e},e)),t.tags.length>3&&(0,a.jsxs)("span",{className:"text-xs dark:text-zinc-600 text-zinc-400",children:["+",t.tags.length-3]})]}),(0,a.jsx)("div",{className:"absolute bottom-4 right-4 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200 ease-out",children:(0,a.jsx)(c.Z,{className:"h-4 w-4 text-zinc-400 dark:text-zinc-500"})})]})]})})})}},57043:function(e,t,r){"use strict";r.d(t,{Z:function(){return l}});var a=r(57437),n=r(20653),i=r(33167),s=r(27648);function l(){return(0,a.jsx)("footer",{className:"dark:bg-black bg-white dark:text-zinc-400 text-zinc-800",children:(0,a.jsxs)("div",{className:"max-w-6xl mx-auto px-4 py-8 sm:py-10",children:[(0,a.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6 sm:gap-8",children:[(0,a.jsxs)("div",{className:"sm:col-span-2 md:col-span-1",children:[(0,a.jsx)("h2",{className:"text-lg font-bold mb-4 dark:text-zinc-300 text-zinc-700 ",children:"Deep-ML"}),(0,a.jsx)("p",{className:"text-sm",children:"Learn and grow your knowledge about Machine Learning using Deep-ML"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-lg font-semibold mb-4 dark:text-zinc-300 text-zinc-700",children:"Quick Links"}),(0,a.jsxs)("ul",{className:"space-y-2",children:[(0,a.jsx)("li",{children:(0,a.jsx)(s.default,{href:"/problems",className:"dark:hover:text-zinc-200 hover:text-zinc-400 transition-colors",children:"Problems"})}),(0,a.jsx)("li",{children:(0,a.jsx)(s.default,{href:"/math-problems",className:"dark:hover:text-zinc-200 hover:text-zinc-400 transition-colors",children:"Math"})}),(0,a.jsx)("li",{children:(0,a.jsx)(s.default,{href:"/articles",className:"dark:hover:text-zinc-200 hover:text-zinc-400 transition-colors",children:"Articles"})}),(0,a.jsx)("li",{children:(0,a.jsx)(s.default,{href:"/faq",className:"dark:hover:text-zinc-200 hover:text-zinc-400 transition-colors",children:"FAQ"})}),(0,a.jsx)("li",{children:(0,a.jsx)(s.default,{href:"/terms",className:"dark:hover:text-zinc-200 hover:text-zinc-400 transition-colors",children:"Terms and Conditions"})}),(0,a.jsx)("li",{children:(0,a.jsx)(s.default,{href:"/submit-problem",className:"dark:hover:text-zinc-200 hover:text-zinc-400 transition-colors",children:"Submit Problem"})}),(0,a.jsx)("li",{children:(0,a.jsx)(s.default,{href:"/creator",className:"dark:hover:text-zinc-200 hover:text-zinc-400 transition-colors",children:"Creator Program"})}),(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"https://shop.deep-ml.com",target:"_blank",rel:"noopener noreferrer",className:"dark:hover:text-zinc-200 hover:text-zinc-400 transition-colors",children:"Shop"})}),(0,a.jsx)("li",{children:(0,a.jsx)(s.default,{href:"/jobs",className:"dark:hover:text-zinc-200 hover:text-zinc-400 transition-colors",children:"Jobs"})})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-lg font-semibold mb-4 dark:text-zinc-300 text-zinc-700",children:"Connect With Us"}),(0,a.jsxs)("div",{className:"flex space-x-4",children:[(0,a.jsx)(s.default,{href:"https://x.com/real_deep_ml",className:"dark:hover:text-zinc-200 hover:text-zinc-400 transition-colors","aria-label":"Twitter",children:(0,a.jsx)(i.AnimatedXIcon,{className:"h-5 w-5"})}),(0,a.jsx)(s.default,{href:"https://discord.com/invite/JwMePfMZAV",className:"dark:hover:text-zinc-200 hover:text-zinc-400 transition-colors","aria-label":"Discord",children:(0,a.jsx)(n.dsO,{className:"h-5 w-5 transition-transform duration-500 hover:rotate-[360deg]"})}),(0,a.jsx)(s.default,{href:"mailto:[email protected]",className:"dark:hover:text-zinc-200 hover:text-zinc-400 transition-colors","aria-label":"Mail",children:(0,a.jsx)(n._MN,{className:"h-5 w-5"})}),(0,a.jsx)(s.default,{href:"https://www.linkedin.com/company/deep-machine-learning/",className:"dark:hover:text-zinc-200 hover:text-zinc-400 transition-colors","aria-label":"LinkedIn",children:(0,a.jsx)(n.ipJ,{className:"h-5 w-5"})})]})]})]}),(0,a.jsx)("div",{className:"border-t border-gray-800 mt-8 pt-8 text-center text-sm text-gray-500",children:(0,a.jsxs)("p",{children:["\xa9 ",new Date().getFullYear()," Deep-ML. All rights reserved."]})})]})})}},33167:function(e,t,r){"use strict";r.d(t,{AnimatedXIcon:function(){return f},C:function(){return x}});var a=r(57437),n=r(2265),i=r(33498);let s={duration:.4,ease:[.4,0,.2,1]},l="M5 21 L30.5 21",c="M5 32 L35 32",d="M5 44 L27.5 44",o="M58 19 L38.0446 19 C37.2125 19 36.7444 19.9571 37.2553 20.6139 L45.9695 31.818 C46.2742 32.2097 46.2455 32.7655 45.9022 33.1238 L36.6214 42.8081 C36.0121 43.4439 36.4627 44.5 37.3434 44.5 L58 44.5",x=e=>{let{className:t="h-4 w-4",color:r="currentColor"}

1=e,[x,u]=(0,n.useState)(!1);return(0,a.jsxs)(i.E.svg,{viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),style:{cursor:"pointer"},children:[(0,a.jsx)(i.E.path,{initial:!1,d:l,animate:{d:x?"M5 21 L15 21":l},transition:s,stroke:r,strokeWidth:"5",strokeLinecap:"round"}),(0,a.jsx)(i.E.path,{initial:!1,d:c,animate:{d:x?"M5 32 L23 32":c},transition:s,stroke:r,strokeWidth:"5",strokeLinecap:"round"}),(0,a.jsx)(i.E.path,{initial:!1,d:d,animate:{d:x?"M5 44 L13 44":d},transition:s,stroke:r,strokeWidth:"5",strokeLinecap:"round"}),(0,a.jsx)(i.E.path,{initial:!1,d:o,animate:{d:x?"M60 43 L60 23.0446 C60 22.2125 59.0429 21.7444 58.3861 22.2553 L47.182 30.9695 C46.7903 31.2742 46.2345 31.2455 45.8762 30.9022 L36.1919 21.6214 C35.5561 21.0121 34.5 21.4627 34.5 22.3434 L34.5 43":o},transition:s,stroke:r,strokeWidth:"5",strokeLinecap:"round"})]})},u="M0 0 L24.6422 36 L0.521926 64 L5.86593 64 L27.0023 39.4474 L43.809 64 L64 64 L38.2549 26.3914 L60.9735 0 L55.6459 0 L35.8915 22.9342 L20.191 0 L0 0 Z",m=u+" M6.38129 3.36842 L18.4217 3.36842 L57.6187 60.6316 L45.5783 60.6316 L6.38129 3.36842 Z",h=u+" M18.6972 3.77094 L18.4217 3.36842 L57.6187 60.6316 L57.6187 60.6316 L18.6972 3.77094 Z",f=e=>{let{className:t="h-5 w-5"}=e,[r,l]=(0,n.useState)(!1);return(0,a.jsx)(i.E.svg,{viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),style:{cursor:"pointer"},children:(0,a.jsx)(i.E.path,{initial:!1,d:m,animate:{d:r?h:m},transition:s,fill:"currentColor"})})}},66070:function(e,t,r){"use strict";r.d(t,{Ol:function(){return l},SZ:function(){return d},Zb:function(){return s},aY:function(){return o},eW:function(){return x},ll:function(){return c}});var a=r(57437),n=r(2265),i=r(94508);let s=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("rounded-xl border bg-card text-card-foreground shadow",r),...n})});s.displayName="Card";let l=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("flex flex-col space-y-1.5 p-6",r),...n})});l.displayName="CardHeader";let c=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)("h3",{ref:t,className:(0,i.cn)("font-semibold leading-none tracking-tight",r),...n})});c.displayName="CardTitle";let d=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)("p",{ref:t,className:(0,i.cn)("text-sm text-muted-foreground",r),...n})});d.displayName="CardDescription";let o=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("p-6 pt-0",r),...n})});o.displayName="CardContent";let x=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("flex items-center p-6 pt-0",r),...n})});x.displayName="CardFooter"},95186:function(e,t,r){"use strict";r.d(t,{I:function(){return s}});var a=r(57437),n=r(2265),i=r(94508);let s=n.forwardRef((e,t)=>{let{className:r,type:n,...s}=e;return(0,a.jsx)("input",{type:n,className:(0,i.cn)("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",r),ref:t,...s})});s.displayName="Input"},53647:function(e,t,r){"use strict";r.d(t,{Bw:function(){return m},Ph:function(){return c},Ql:function(){return h},i4:function(){return o},ki:function(){return d}});var a=r(57437),n=r(2265),i=r(56873),s=r(94508),l=r(20653);let c=i.fC;i.ZA;let d=i.B4,o=n.forwardRef((e,t)=>{let{className:r,children:n,...c}=e;return(0,a.jsxs)(i.xz,{ref:t,className:(0,s.cn)("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",r),...c,children:[n,(0,a.jsx)(i.JO,{asChild:!0,children:(0,a.jsx)(l.v4q,{className:"h-4 w-4 opacity-50"})})]})});o.displayName=i.xz.displayName;let x=n.forwardRef((e,t)=>

1{let{className:r,...n}=e;return(0,a.jsx)(i.u_,{ref:t,className:(0,s.cn)("flex cursor-default items-center justify-center py-1",r),...n,children:(0,a.jsx)(l.g8U,{className:"h-4 w-4"})})});x.displayName=i.u_.displayName;let u=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(i.$G,{ref:t,className:(0,s.cn)("flex cursor-default items-center justify-center py-1",r),...n,children:(0,a.jsx)(l.v4q,{className:"h-4 w-4"})})});u.displayName=i.$G.displayName;let m=n.forwardRef((e,t)=>{let{className:r,children:n,position:l="popper",...c}=e;return(0,a.jsx)(i.h_,{children:(0,a.jsxs)(i.VY,{ref:t,className:(0,s.cn)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","popper"===l&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",r),position:l,...c,children:[(0,a.jsx)(x,{}),(0,a.jsx)(i.l_,{className:(0,s.cn)("p-1","popper"===l&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:n}),(0,a.jsx)(u,{})]})})});m.displayName=i.VY.displayName,n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(i.__,{ref:t,className:(0,s.cn)("px-2 py-1.5 text-sm font-semibold",r),...n})}).displayName=i.__.displayName;let h=n.forwardRef((e,t)=>{let{className:r,children:n,...c}=e;return(0,a.jsxs)(i.ck,{ref:t,className:(0,s.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",r),...c,children:[(0,a.jsx)("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,a.jsx)(i.wU,{children:(0,a.jsx)(l.nQG,{className:"h-4 w-4"})})}),(0,a.jsx)(i.eT,{children:n})]})});h.displayName=i.ck.displayName,n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(i.Z0,{ref:t,className:(0,s.cn)("-mx-1 my-1 h-px bg-muted",r),...n})}).displayName=i.Z0.displayName},93022:function(e,t,r){"use strict";r.d(t,{O:function(){return i}});var a=r(57437),n=r(94508);function i(e){let{className:t,...r}=e;return(0,a.jsx)("div",{className:(0,n.cn)("animate-pulse rounded-md bg-primary/10",t),...r})}},95528:function(e,t,r){"use strict";r.d(t,{l:function(){return i}});var a=r(71632);async function n(){let e=await fetch("/api/articles");if(!e.ok)throw Error("Failed to fetch articles");return(await e.json()).articles}function i(e){return(0,a.a)({queryKey:["articles"],queryFn:n,staleTime:3e5,select:t=>{let r=t;if((null==e?void 0:e.category)&&(r=r.filter(t=>t.category===e.category)),(null==e?void 0:e.tag)&&(r=r.filter(t=>t.tags.includes(e.tag))),(null==e?void 0:e.difficulty)&&(r=r.filter(t=>t.difficulty===e.difficulty)),null==e?void 0:e.search){let t=e.search.toLowerCase();r=r.filter(e=>e.title.toLowerCase().includes(t)||e.description.toLowerCase().includes(t)||e.tags.some(e=>e.toLowerCase().includes(t)))}return r}})}},12043:function(e,t,r){"use strict";function a(e){return new Date(e).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"})}r.d(t,{P:function(){return a}})},94508:function(e,t,r){"use strict";r.d(t,{cn:function(){return i},s:function(){return s}});var a=r(61994),n=r(53335);function i(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,n.m6)((0,a.W)(t))}function s(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"/badges/Default.png",r=null==e?void 0:e.trim();if(!r)return t;if(/^(https?:)?\/\//i.test(r)||r.startsWith("data:"))return r;let a=r.replace(/\\/g,"/");return a.startsWith("/")?a:"/".concat(a)}}},function(e){e.O(0,[8310,33498,6137,72972,78841,33145,21107,58001,36227,56873,71632,89413,92971,46447,1744],function(){return e(e.s=81723)}),_N_E=e.O()}]);