1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[652],{652:(e,t,a)=>{a.d(t,{BlogHeader:()=>ee});var n=a(95155),s=a(12115),r=a(52619),o=a.n(r),l=a(15239),i=a(20063),d=a(62044),c=a(5379),u=a(97003),m=a(25016),x=a(54748);function f(e){let{...t}=e;return(0,n.jsx)(x.bL,{"data-slot":"dropdown-menu",...t})}function h(e){let{...t}=e;return(0,n.jsx)(x.l9,{"data-slot":"dropdown-menu-trigger",...t})}function g(e){let{className:t,sideOffset:a=4,...s}=e;return(0,n.jsx)(x.ZL,{children:(0,n.jsx)(x.UC,{"data-slot":"dropdown-menu-content",sideOffset:a,className:(0,m.cn)("bg-popover text-popover-foreground 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 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",t),...s})})}function p(e){let{className:t,inset:a,variant:s="default",...r}=e;return(0,n.jsx)(x.q7,{"data-slot":"dropdown-menu-item","data-inset":a,"data-variant":s,className:(0,m.cn)("focus:bg-accent focus:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground dark:data-[highlighted]:text-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...r})}function v(e){var t;let{buttonVariant:a="outline",buttonSize:s="icon",className:r}=e,{setTheme:o,theme:l,resolvedTheme:i}=(0,c.D)(),d="system"===l?"system":null!=(t=null!=l?l:i)?t:"system";return(0,n.jsxs)(f,{children:[(0,n.jsx)(h,{asChild:!0,children:(0,n.jsxs)(u.$,{variant:a,size:s,className:(0,m.cn)(r),children:[(0,n.jsx)("i",{className:"fa-jelly fa-sun text-sm scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90","aria-hidden":!0}),(0,n.jsx)("i",{className:"fa-jelly fa-moon absolute text-sm scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0","aria-hidden":!0}),(0,n.jsx)("span",{className:"sr-only",children:"Toggle theme"})]})}),(0,n.jsx)(g,{align:"end",className:"w-44 bg-card text-foreground border border-border shadow-lg",children:[{key:"light",label:"Light",iconClass:"fa-jelly fa-sun"},{key:"dark",label:"Dark",iconClass:"fa-jelly fa-moon"},{key:"system",label:"System",iconClass:"fa-jelly fa-laptop"}].map(e=>{let{key:t,label:a,iconClass:s}=e,r=d===t;return(0,n.jsxs)(p,{onClick:()=>o(t),className:"flex items-center justify-between gap-3","aria-checked":r,children:[(0,n.jsxs)("span",{className:"inline-flex items-center gap-2",children:[(0,n.jsx)("i",{className:"".concat(s," text-sm"),"aria-hidden":!0}),(0,n.jsx)("span",{children:a})]}),r&&(0,n.jsx)("i",{className:"fa-jelly fa-check text-sm text-foreground","aria-hidden":!0})]},t)})})]})}var j=a(16602),b=a(76297);function y(e){let{...t}=e;return(0,n.jsx)(b.bL,{"data-slot":"sheet",...t})}function N(e){let{...t}=e;return(0,n.jsx)(b.l9,{"data-slot":"sheet-trigger",...t})}function w(e){let{...t}=e;return(0,n.jsx)(b.bm,{"data-slot":"sheet-close",...t})}function k(e){let{...t}=e;return(0,n.jsx)(b.ZL,{"data-slot":"sheet-portal",...t})}function _(e){let{className:t,...a}=e;return(0,n.jsx)(b.hJ,{"data-slot":"sheet-overlay",className:(0,m.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...a})}function C(e){let{className:t,children:a,side:s="right",...r}=e;return(0,n.jsxs)(k,{children:[(0,n.jsx)(_,{}),(0,n.jsxs)(b.UC,{"data-slot":"sheet-content",className:(0,m.cn)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500","right"===s&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm","left"===s&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm","top"===s&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b","bottom"===s&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",t),...r,children:[a,(0,n.jsxs)(b.bm,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",children:[(0,n.jsx)("i",{className:"fa-jelly fa-xmark size-4","aria-hidden":!0}),(0,n.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function z(e){let{className:t,...a}=e;return(0,n.jsx)(b.hE,{"data-slot":"sheet-title",className:(0,m.cn)("text-foreground font-semibold",t),...a})}function S(e){let{className:t,...a}=e;
1return(0,n.jsx)(b.VY,{"data-slot":"sheet-description",className:(0,m.cn)("text-muted-foreground text-sm",t),...a})}var B=a(41808);function L(e){let{...t}=e;return(0,n.jsx)(b.bL,{"data-slot":"dialog",...t})}function E(e){let{...t}=e;return(0,n.jsx)(b.ZL,{"data-slot":"dialog-portal",...t})}function M(e){let{...t}=e;return(0,n.jsx)(b.bm,{"data-slot":"dialog-close",...t})}function I(e){let{className:t,...a}=e;return(0,n.jsx)(b.hJ,{"data-slot":"dialog-overlay",className:(0,m.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...a})}function O(e){let{className:t,children:a,showCloseButton:s=!0,...r}=e;return(0,n.jsxs)(E,{"data-slot":"dialog-portal",children:[(0,n.jsx)(I,{}),(0,n.jsxs)(b.UC,{"data-slot":"dialog-content",className:(0,m.cn)("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),...r,children:[a,s&&(0,n.jsxs)(b.bm,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 inline-flex h-8 w-8 items-center justify-center rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[(0,n.jsx)("i",{className:"fa-jelly fa-regular fa-circle-xmark h-4 w-4 text-[1rem] leading-none flex items-center justify-center -translate-y-[1px]","aria-hidden":!0}),(0,n.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function K(e){let{className:t,...a}=e;return(0,n.jsx)("div",{"data-slot":"dialog-header",className:(0,m.cn)("flex flex-col gap-2 text-center sm:text-left",t),...a})}function D(e){let{className:t,...a}=e;return(0,n.jsx)(b.hE,{"data-slot":"dialog-title",className:(0,m.cn)("text-lg leading-none font-semibold",t),...a})}function T(e){let{className:t,...a}=e;return(0,n.jsx)(b.VY,{"data-slot":"dialog-description",className:(0,m.cn)("text-muted-foreground text-sm",t),...a})}function U(e){let{className:t,...a}=e;return(0,n.jsx)(B.uB,{"data-slot":"command",className:(0,m.cn)("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",t),...a})}function $(e){let{title:t="Command Palette",description:a="Search for a command to run...",children:s,className:r,...o}=e;return(0,n.jsxs)(L,{...o,children:[(0,n.jsxs)(K,{className:"sr-only",children:[(0,n.jsx)(D,{children:t}),(0,n.jsx)(T,{children:a})]}),(0,n.jsx)(O,{className:(0,m.cn)("overflow-hidden p-0",r),showCloseButton:!1,children:(0,n.jsx)(U,{className:"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:s})})]})}function F(e){let{className:t,shortcutLabel:a,...s}=e;return(0,n.jsxs)("div",{"data-slot":"command-input-wrapper",className:"flex h-12 items-center gap-3 border-b px-3",children:[(0,n.jsx)("i",{className:"fa-jelly fa-magnifying-glass size-4 shrink-0 opacity-50","aria-hidden":!0}),(0,n.jsx)(B.uB.Input,{"data-slot":"command-input",className:(0,m.cn)("placeholder:text-muted-foreground h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",t),...s}),a?(0,n.jsx)("kbd",{"data-slot":"command-shortcut-indicator",className:"bg-muted text-muted-foreground shrink-0 rounded-sm px-2 py-1 text-xs",children:a}):null,(0,n.jsx)(M,{className:"inline-flex h-8 w-8 items-center justify-center rounded-xs text-muted-foreground transition hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-hidden shrink-0","aria-label":"Close",children:(0,n.jsx)("i",{className:"fa-jelly fa-regular fa-circle-xmark text-base leading-none","aria-hidden":!0})})]})}function P(e){let{className:t,...a}=e;return(0,n.jsx)(B.uB.List,{"data-slot":"command-list",className:(0,m.cn)("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",t),...a})}function R(e){let{...t}=e;return(0,n.jsx)(B.uB.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...t})}function V(e){let{className:t,...a}=e;return(0,n.jsx)(B.uB.Group,{"data-slot":"command-group",className:(0,m.cn)("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",t),...a})}function H(e){let{className:t,...a}=e;return(0,n.jsx)(B.uB.Item,{"data-slot":"command-item",className:(0,m.cn)("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...a})}function q(e){let{className:t,...a}=e;return(0,n.jsx)("div",{"data-slot":"skeleton",className:(0,m.cn)("bg-accent animate-pulse rounded-md",t),...a})}var Y=a(8129);function Z(e){let{className:t,children:a,viewport:s=!0,...r}=e;return(0,n.jsxs)(Y.bL,{"data-slot":"navigation-menu","data-viewport":s,className:(0,m.cn)("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",t),...r,children:[a,s&&(0,n.jsx)(X,{})]})}function W(e){let{className:t,...a}=e;return(0,n.jsx)(Y.B8,{"data-slot":"navigation-menu-list",className:(0,m.cn)("group flex flex-1 list-none items-center justify-center gap-1",t),...a})}function A(e){let{className:t,...a}=e;return(0,n.jsx)(Y.q7,{"data-slot":"navigation-menu-item",className:(0,m.cn)("relative",t),...a})}let J=(0,a(83101).F)("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focu
1s-visible:ring-[3px] focus-visible:outline-1");function G(e){let{className:t,children:a,...s}=e;return(0,n.jsxs)(Y.l9,{"data-slot":"navigation-menu-trigger",className:(0,m.cn)(J(),"group",t),...s,children:[a," ",(0,n.jsx)("span",{className:"ml-1 flex items-center justify-center",children:(0,n.jsx)("i",{className:"fa-jelly fa-regular fa-angle-down size-3 leading-none transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})})]})}function X(e){let{className:t,...a}=e;return(0,n.jsx)("div",{className:(0,m.cn)("absolute top-full left-0 isolate z-50 flex justify-center"),children:(0,n.jsx)(Y.LM,{"data-slot":"navigation-menu-viewport",className:(0,m.cn)("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",t),...a}
1)})}function Q(e){let{className:t,...a}=e;return(0,n.jsx)(Y.N_,{"data-slot":"navigation-menu-link",className:(0,m.cn)("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",t),...a})}function ee(e){var t,a,r,c,m,x,b,k;let{publication:_,posts:B=[],host:L}=e,E=null==_||null==(t=_.preferences)?void 0:t.logo,M=null==_||null==(r=_.preferences)||null==(a=r.darkMode)?void 0:a.logo,I=(null==_?void 0:_.title)||"Blog logo",O="https://".concat(L),K="https://hashnode.com/?utm_source=".concat(encodeURIComponent(O),"&utm_medium=referral&utm_campaign=blog_header_logo&utm_content=logo"),D=!!(null==_||null==(c=_.preferences)?void 0:c.disableFooterBranding),T=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return(0,n.jsx)(l.default,{src:e,alt:I,width:500,height:125,className:"".concat("w-auto h-auto max-w-40 sm:max-w-48 max-h-10 sm:max-h-12 object-contain"," ").concat(t).trim(),priority:a})},U=s.useCallback(e=>{if(!e||"#"===e)return!1;try{let t=new URL(e,O),a=new URL(O).origin;return t.origin!==a}catch(e){return!1}},[O]),Y=s.useMemo(()=>{var e;return((null==_||null==(e=_.preferences)?void 0:e.navbarItems)||[]).map(e=>{let t="#",a=!1;return"link"===e.type&&e.url?(t=e.url,a=U(e.url)):"page"===e.type&&e.page?t="/page/".concat(e.page.slug):"series"===e.type&&e.series&&(t="/series/".concat(e.series.slug)),{id:e.id,label:e.label,url:t,isExternal:a}})},[null==_||null==(m=_.preferences)?void 0:m.navbarItems,U]),J=Y.slice(0,3),X=Y.slice(3),ee=((null==_?void 0:_.title)||"Simple Blog").length>30,[et,ea]=s.useState(!1),[en,es]=s.useState(""),[er,eo]=s.useState(""),[el,ei]=s.useState("Ctrl"),[ed,ec]=s.useState(!0),eu=s.useRef(0),em=(0,i.useRouter)();s.useEffect(()=>{let e=()=>{let e=window.scrollY;e<=0||e<eu.current?ec(!0):e>eu.current&&ec(!1),eu.current=e};return window.addEventListener("scroll",e,{passive:!0}),()=>window.removeEventListener("scroll",e)},[]),s.useEffect(()=>{let e=setTimeout(()=>{eo(en)},300);return()=>clearTimeout(e)},[en]),s.useEffect(()=>{let e=e=>{(e.metaKey||e.ctrlKey)&&"k"===e.key.toLowerCase()&&(e.preventDefault(),ea(e=>!e))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[]),s.useEffect(()=>{ei("undefined"!=typeof navigator&&/Mac|iPhone|iPad|iPod/.test(navigator.platform)?"Cmd":"Ctrl")},[]);let[ex]=(0,d.IT)({query:j.HZ,variables:{publicationId:(null==_?void 0:_.id)||"",query:er,first:10},pause:!er||er.length<2||!(null==_?void 0:_.id)});null==B||B.slice(0,3);let ef=(null==(k=ex.data)||null==(b=k.searchPostsOfPublication)||null==(x=b.edges)?void 0:x.map(e=>e.node))||[],eh=er&&er.length>=2?ef:[];return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("header",{suppressHydrationWarning:!0,className:"sticky top-0 z-50 w-full py-4 bg-background backdrop-blur-sm transition-transform duration-300 ".concat(ed?"translate-y-0":"-translate-y-full"),children:[(0,n.jsx)("a",{href:"#main-content",className:"sr-only focus:not-sr-only focus:absolute focus:left-4 focus:top-4 focus:z-50 focus:rounded-md focus:bg-background focus:px-4 focus:py-2 focus:text-sm focus:shadow",children:"Skip to main content"}),(0,n.jsxs)("div",{className:"relative w-full mx-auto xl:max-w-[80rem] 2xl:max-w-[90rem] px-4 sm:px-12 md:px-18 lg:px-16 xl:px-10",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between gap-3 xl:hidden",children:[(0,n.jsxs)("div",{className:"flex items-center gap-3 min-w-0 flex-1",children:[!D&&(0,n.jsxs)("a",{href:K,className:"inline-flex items-center justify-center text-lg text-muted-foreground hover:text-foreground transition border rounded-md h-9 w-9 shrink-0 border-border hover:bg-muted",children:[(0,n.jsx)("i",{className:"text-xl fa-brands fa-hashnode","aria-hidden":!0}),(0,n.jsx)("span",{className:"sr-only",children:"Hashnode"})]}),E?(0,n.jsxs)(o(),{href:"/",className:"flex items-center",children:[T(E,M?"dark:hidden":"",!0),M&&T(M,"hidden dark:block"),(0,n.jsx)("span",{className:"sr-only",children:(null==_?void 0:_.title)||"Simple Blog"})]}):M?(0,n.jsxs)(o(),{href:"/",className:"flex items-center",children:[T(M,"",!0),(0,n.jsx)("span",{className:"sr-only",children:(null==_?void 0:_.title)||"Simple Blog"})]}):(0,n.jsx)(o(),{href:"/",title:(null==_?void 0:_.title)||"Simple Blog",className:"text-lg font-semibold text-foreground truncate min-w-0",children:(null==_?void 0:_.title)||"Simple Blog"})]}),(0,n.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,n.jsxs)(u.$,{variant:"ghost",className:"h-9 w-9 px-0 flex items-center justify-center text-muted-foreground hover:text-foreground bg-transparent border-border shadow-none",onClick:()=>ea(!0),"aria-label":"Open search (press Control or Command and K)",children:[(0,n.jsx)("i",{className:"fa-jelly fa-search text-sm","aria-hidden":!0}),(0,n.jsx)("span",{className:"sr-only",children:"Open search (press Control or Command and K)"})]}),(0,n.jsx)(v,{buttonVariant:"ghost",className:"px-3 h-9 text-muted-foreground hover:text-foreground shadow-none"}),(0,n.jsxs)(y,{children:[(0,n.jsx)(N,{asChild:!0,children:(0,n.jsxs)(u.$,{variant:"outline",className:"h-9 w-10 px-0 shadow-none",children:[(0,n.jsx)("i",{className:"fa-jelly fa-bars","aria-hidden":!0}),(0,n.jsx)("span",{className:"sr-only",children:"Open menu"})]})}),(0,n.jsxs)(C,{side:"right",className:"p-4 gap-6",children:[(0,n.jsxs)("div",{className:"sr-only",children:[(0,n.jsx)(z,{children:"Mobile navigation"}),(0,n.jsx)(S,{children:"Open the menu to navigate the site."})]}),Y.length>0&&(0,n.jsx)("nav",{className:"flex flex-col gap-5 pt-8","aria-label":"Main navigation",children:Y.map(e=>{var t;return(0,n.jsx)(w,{asChild:!0,children:(0,n.jsxs)(o(),{href:null!=(t=e.url)?t:"#",...e.isExternal?{target:"_blank",rel:"noopener"}:{},className:"inline-flex items-center justify-between rounded-md border border-border px-3 py-2 text-sm text-foreground transition hover:bg-muted",children:[(0,n.jsx)("span",{children:e.label}),(0,n.jsx)("i",{className:"fa-jelly fa-angle-right text-muted-foreground","aria-hidden":!0})]})},e.id)})}),(0,n.jsx)("div",{className:"flex flex-col gap-3",children:!D&&(0,n.jsx)(w,{asChild:!0,children:(0,n.jsx)(u.$,{asChild:!0,variant:"outline",className:"gap-2 px-3 h-10 shadow-none justify-start",children:(0,n.jsxs)(o(),{href:"https://hashnode.com",target:"_blank",rel:"noopener",children:[(0,n.jsx)("i",{className:"text-sm fa-jelly fa-pencil","aria-hidden":!0}),"Write"]})})})})]})]})]})]}
1),(0,n.jsxs)("div",{className:"hidden xl:grid gap-4 items-center xl:grid-cols-[1fr_auto_1fr] xl:gap-6 max-w-full xl:mx-auto xl:max-w-[80rem] 2xl:max-w-[90rem]",children:[(0,n.jsxs)("div",{className:"flex items-center w-full gap-3 min-w-0",children:[!D&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("a",{href:K,className:"inline-flex items-center justify-center text-lg text-muted-foreground hover:text-foreground transition border rounded-md h-9 w-9 border-border hover:bg-muted",children:[(0,n.jsx)("i",{className:"text-xl fa-brands fa-hashnode","aria-hidden":!0}),(0,n.jsx)("span",{className:"sr-only",children:"Hashnode"})]}),(0,n.jsx)("span",{className:"h-6 border-l border-border"})]}),E?(0,n.jsxs)(o(),{href:"/",className:"flex items-center",children:[T(E,M?"dark:hidden":"",!0),M&&T(M,"hidden dark:block"),(0,n.jsx)("span",{className:"sr-only",children:(null==_?void 0:_.title)||"Simple Blog"})]}):M?(0,n.jsxs)(o(),{href:"/",className:"flex items-center",children:[T(M,"",!0),(0,n.jsx)("span",{className:"sr-only",children:(null==_?void 0:_.title)||"Simple Blog"})]}):(0,n.jsx)("p",{className:"font-semibold text-foreground min-w-0 truncate ".concat(ee?"text-sm":"text-lg sm:text-xl"),children:(0,n.jsx)(o(),{href:"/",title:(null==_?void 0:_.title)||"Simple Blog",children:(null==_?void 0:_.title)||"Simple Blog"})})]}),Y.length>0?(0,n.jsx)("nav",{"aria-label":"Main navigation",className:"flex justify-center w-full",children:(0,n.jsx)(Z,{className:"max-w-max justify-center",viewport:!1,children:(0,n.jsxs)(W,{className:"flex-nowrap justify-center gap-1 text-muted-foreground ".concat(ee?"text-sm":"text-base"),children:[J.map(e=>{var t;return(0,n.jsx)(A,{children:(0,n.jsx)(Q,{asChild:!0,className:(0,u.r)({variant:"ghost"}),children:(0,n.jsx)(o(),{href:null!=(t=e.url)?t:"#",...e.isExternal?{target:"_blank",rel:"noopener"}:{},children:e.label})})},e.id)}),X.length>0&&(0,n.jsx)(A,{children:(0,n.jsxs)(f,{children:[(0,n.jsx)(h,{asChild:!0,children:(0,n.jsx)(G,{className:(0,u.r)({variant:"ghost",className:"h-9 px-3 text-muted-foreground hover:text-foreground bg-transparent shadow-none data-[state=open]:bg-transparent"}),children:"More"})}),(0,n.jsx)(g,{align:"end",className:"min-w-[12rem] bg-card text-foreground border border-border shadow-lg",children:X.map(e=>{var t;return(0,n.jsx)(p,{asChild:!0,children:(0,n.jsx)(o(),{href:null!=(t=e.url)?t:"#",...e.isExternal?{target:"_blank",rel:"noopener"}:{},className:"w-full flex items-center gap-2 px-3 py-2 text-sm transition-colors hover:text-foreground",children:e.label})},e.id)})})]})})]})})}):(0,n.jsx)("div",{}),(0,n.jsxs)("div",{className:"flex items-center justify-end gap-3 text-muted-foreground",children:[(0,n.jsxs)(u.$,{variant:"ghost",className:"h-9 w-9 px-0 flex items-center justify-center text-muted-foreground hover:text-foreground bg-transparent border-border shadow-none",onClick:()=>ea(!0),"aria-label":"Open search (press Control or Command and K)",children:[(0,n.jsx)("i",{className:"fa-jelly fa-search text-sm","aria-hidden":!0}),(0,n.jsx)("span",{className:"sr-only",children:"Open search (press Control or Command and K)"})]}),(0,n.jsxs)("div",{className:"flex items-center gap-3",children:[(0,n.jsx)(v,{buttonVariant:"ghost",className:"px-3 h-9 text-muted-foreground hover:text-foreground shadow-none"}),!D&&(0,n.jsx)(u.$,{asChild:!0,variant:"outline",className:"gap-2 px-3 h-9 shadow-none",children:(0,n.jsxs)(o(),{href:"https://hashnode.com",target:"_blank",rel:"noopener",children:[(0,n.jsx)("i",{className:"text-sm fa-jelly fa-pencil","aria-hidden":!0}),"Write"]})})]})]})]})]})]}),(0,n.jsxs)($,{open:et,onOpenChange:e=>{ea(e),e||(es(""),eo(""))},className:"h-[460px] max-h-[80vh]",children:[(0,n.jsx)(F,{placeholder:"Search posts",shortcutLabel:"".concat(el," + K"),value:en,onValueChange:es,"aria-label":"Search posts (press ".concat("Cmd"===el?"Command":"Control"," and K to open)")}),(0,n.jsx)(P,{className:"min-h-[360px] max-h-none flex-1",children:ex.fetching&&er?(0,n.jsx)("div",{className:"px-3 py-2",children:Array.from({length:4}).map((e,t)=>(0,n.jsxs)("div",{className:"flex items-center gap-4 py-3",children:[(0,n.jsxs)("div",{className:"flex flex-1 flex-col gap-2",children:[(0,n.jsx)(q,{className:"h-4 w-3/4"}),(0,n.jsx)(q,{className:"h-3 w-1/3"})]}),(0,n.jsx)(q,{className:"h-16 w-24 rounded-md"})]},t))}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(R,{children:er&&er.length>=2?"No posts found.":""}),(0,n.jsx)(V,{heading:er&&er.length>=2?"Search results":"",children:eh.map(e=>{var t;return(0,n.jsxs)(H,{value:e.title,className:"gap-4 py-3",onSelect:()=>{ea(!1),es(""),eo(""),em.push("/".concat(e.slug))},children:[(0,n.jsxs)("div",{className:"flex flex-1 flex-col gap-1",children:[(0,n.jsx)("span",{className:"font-medium text-foreground",children:e.title}),(0,n.jsx)("span",{className:"text-sm text-muted-foreground",children:(e=>{let t=new Date(e),a=(new Date().getTime()-t.getTime())/864e5;return a<1?"Today":a<2?"Yesterday":a<7?"".concat(Math.floor(a)," days ago"):a<21?"".concat(Math.floor(a/7)," weeks ago"):t.toLocaleDateString("en-US",{day:"numeric",month:"short",year:"numeric"})})(e.publishedAt)})]}),(null==(t=e.coverImage)?void 0:t.url)&&(0,n.jsx)(l.default,{src:e.coverImage.url,alt:e.title,width:96,height:64,className:"h-16 w-24 rounded-md object-cover"})]},e.id)})})]})})]})]})}},97003:(e,t,a)=>{a.d(t,{$:()=>d,r:()=>i});var n=a(95155),s=a(12115),r=a(32467),o=a(83101),l=a(25016);let i=(0,o.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focu
1s-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90",outline:"border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),d=s.forwardRef((e,t)=>{let{className:a,variant:s,size:o,asChild:d=!1,...c}=e,u=d?r.DX:"button";return(0,n.jsx)(u,{className:(0,l.cn)(i({variant:s,size:o,className:a})),ref:t,...c})});d.displayName="Button"}}]);
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.