https://graphql.org/_next/static/chunks/pages/community/tools-and-libraries-2a0ad45f052250eb.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8041],{53584:function(e,t,a){"use strict";var r,s=a(75271);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(null,arguments)}t.Z=e=>s.createElement("svg",n({width:40,height:40,fill:"currentColor",viewBox:"0 0 40 40"},e),r||(r=s.createElement("path",{d:"M36.666 36.667h-3.334v-3.334h3.334zm-3.334-3.334h-3.333V30h3.333zm-10-3.333H9.999v-3.333h13.333zm6.667 0h-3.333v-3.333h3.333zm-20-3.333H6.666v-3.334h3.333zm16.667 0h-3.334v-3.334h3.334zm-20-3.334H3.332V10h3.334zm23.333 0h-3.333V10h3.333zM9.999 10H6.666V6.667h3.333zm16.667 0h-3.334V6.667h3.334zm-3.334-3.333H9.999V3.333h13.333z"})))},33373:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/community/tools-and-libraries",function(){return a(1189)}])},56955:function(e,t,a){"use strict";a.d(t,{z:function(){return l}});var r=a(52676),s=a(4814),n=a(47198);function l(e){let t=(0,s.W)("relative flex items-center justify-center gap-2.5 font-normal text-base/none text-neu-0 bg-neu-900 hover:bg-neu-800 active:bg-neu-700 font-sans h-14 px-8 data-[size=md]:h-12 data-[variant=secondary]:bg-neu-100 dark:data-[variant=secondary]:bg-neu-100/80 dark:data-[variant=secondary]:hover:bg-neu-200/50 data-[variant=secondary]:text-neu-900 data-[variant=secondary]:hover:bg-neu-200/75 data-[variant=secondary]:active:bg-neu-200/90 data-[variant=tertiary]:bg-neu-100 data-[variant=tertiary]:text-neu-900 data-[variant=tertiary]:hover:bg-neu-200 data-[variant=tertiary]:active:bg-neu-300 gql-focus-visible [aria-disabled]:bg-neu-800 aria-disabled:pointer-events-none dark:data-[variant=tertiary]:bg-neu-900/10 dark:data-[variant=tertiary]:text-neu-900 dark:data-[variant=tertiary]:hover:bg-neu-900/[.125] dark:data-[variant=tertiary]:active:bg-neu-800/20 dark:data-[variant=tertiary]:ring-1 dark:data-[variant=tertiary]:ring-inset dark:data-[variant=tertiary]:ring-neu-900/20",e.isIconButton&&"!p-2 h-min",e.className),a={"data-size":e.size,"data-variant":e.variant};if("href"in e&&"string"==typeof e.href){let{className:s,size:l,isIconButton:i,disabled:o,children:c,...d}=e;return o&&(d.href=void 0),(0,r.jsx)(n.e,{className:t,"aria-disabled":o,...a,...d,children:c})}if(e.as){let{className:s,size:n,isIconButton:l,children:i,as:o,...c}=e;return(0,r.jsx)(o,{className:t,...a,...c,children:i})}let{className:l,size:i,isIconButton:o,children:c,...d}=e;return(0,r.jsx)("button",{className:t,...a,...d,children:c})}},1189:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSG:function(){return el},default:function(){return eo},useTOC:function(){return ei}});var r,s=a(52676),n=a(92937),l=a(45043),i=a(41532),o=a(47469),c=a(4814),d=a(45582),h=a.n(d),u=a(40769),m=a.n(u),p=a(43071),x=a(13536),g=a(46484),v=a(44776),f=a(75271),b=a(85301);function y({checked:e,...t}){return(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",...t,children:e?(0,s.jsxs)("g",{className:"[&>path]:fill-neu-0",children:[(0,s.jsx)("rect",{x:"2.5",y:"2.5",width:"15",height:"15"}),(0,s.jsx)("path",{d:"M6 10.3333H7.66667V12H6V10.3333Z"}),(0,s.jsx)("path",{d:"M7.66667 12H9.33333V13.6667H7.66667V12Z"}),(0,s.jsx)("path",{d:"M9.33333 10.3333H11V12H9.33333V10.3333Z"}),(0,s.jsx)("path",{d:"M11 8.66667H12.6667V10.3333H11V8.66667Z"}),(0,s.jsx)("path",{d:"M12.6667 7H14.3333V8.66667H12.6667V7Z"})]}):(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.5 2.5H4.16667H15.8333H17.5V17.5H15.8333H4.16667H2.5V2.5ZM15.8333 15.8333V4.16667H4.16667V15.8333H15.8333Z"})})})}function j({items:e,selectedValues:t,onSelectionChange:a,depth:r=0}){return(0,s.jsx)("div",{children:e.map(e=>{let n=!!e.value,l=e.disabled||0===e.count,i=!!n&&t.includes(e.value),o=`checkbox-tree-${e.id}`,d=e=>{a(t.includes(e)?t.filter(t=>t!==e):[...t,e])};return(0,s.jsxs)("div",{className:"[*:has(_:focus-visible)>&:not(:focus-within)]:text-neu-700",children:[(0,s.jsx)("div",{className:(0,c.W)("relative flex items-start gap-2 py-1 before:absolute before:inset-0 before:-inset-x-2",n&&!l&&"select-none hover:before:bg-neu-100/50 dark:hover:before:bg-neu-400/5"),style:{paddingInlineStart:(r-1)*16}

1,children:n?(0,s.jsxs)("label",{htmlFor:o,className:(0,c.W)("relative flex grow cursor-pointer items-center gap-2 hover:text-neu-900",l?"pointer-events-none text-neu-500 dark:text-neu-500/80 dark:hover:text-neu-900":""),"aria-disabled":l,children:[(0,s.jsxs)("span",{className:"flex shrink-0 items-center",children:[(0,s.jsx)("input",{id:o,type:"checkbox",checked:i,disabled:l,onChange:()=>{d(e.value)},className:"peer sr-only"}),(0,s.jsx)(y,{checked:i,className:(0,c.W)("size-5 translate-y-[-0.25px] opacity-90 peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 peer-focus-visible:outline-neu-900"),"aria-hidden":!0})]}),(0,s.jsx)("span",{className:"min-w-0 grow truncate text-left",children:e.label}),e.count?(0,s.jsx)("span",{className:"ml-auto shrink-0 text-xs",children:e.count}):null]}):(0,s.jsx)("div",{className:(0,c.W)("typography-menu mt-4 select-none text-sm xl:mt-10",l?"text-neu-500":"text-neu-900"),"aria-disabled":l,children:e.label})}),e.children&&e.children.length>0?(0,s.jsx)(j,{items:e.children,selectedValues:t,onSelectionChange:a,depth:r+1}):null]},e.id)})})}let w=new Set,N=null,k=()=>{w.forEach(e=>e())},z=e=>(0===w.size&&(window.addEventListener("popstate",k),_()),w.add(e),()=>{w.delete(e),0===w.size&&(window.removeEventListener("popstate",k),S())}),_=()=>{if(N)return;let{history:e}=window,t=e.pushState,a=e.replaceState;e.pushState=(...a)=>{let r=t.apply(e,a);return k(),r},e.replaceState=(...t)=>{let r=a.apply(e,t);return k(),r},N=()=>{e.pushState=t,e.replaceState=a,N=null}},S=()=>{N?.()},M=()=>window.location.search,V=()=>"",H=(e,t)=>{if("function"==typeof e){let a=new URLSearchParams(t);return e(a)??a}return new URLSearchParams("string"==typeof e&&e.startsWith("?")?e.slice(1):e)};var C=a(22261);let E=/\[([^\]]+)\]\(([^)]+)\)|`([^`]+)`|\*\*([^*]+)\*\*|_([^_]+)_|(https?:\/\/[^\s)]+|www\.[^\s)]+)/g,$=/[),.?!]+$/,I=e=>e.replace(/^https?:\/\//,"").replace(/^www\./,""),L=e=>{let t;let a=[],r=0;for(E.lastIndex=0;null!==(t=E.exec(e));){let s=t.index;if(s>r&&a.push({type:"text",value:e.slice(r,s)}),t[1]&&t[2]){let e=t[2].trim();a.push({type:"link",label:t[1],href:e})}else if(t[3])a.push({type:"code",value:t[3]});else if(t[4])a.push({type:"bold",value:t[4]});else if(t[5])a.push({type:"italic",value:t[5]});else if(t[6]){let e=t[6],r=$.exec(e),s=r?.[0]??"",n=s?e.slice(0,e.length-s.length):e;a.push({type:"link",label:I(n),href:n.startsWith("http")?n:`https://${n}`}),s&&a.push({type:"text",value:s})}r=E.lastIndex}return r<e.length&&a.push({type:"text",value:e.slice(r)}),a},B=(e,t="")=>e.map((e,a)=>{let r=`${t}${a}`;if("text"===e.type)return(0,s.jsx)("span",{children:e.value},r);if("bold"===e.type)return(0,s.jsx)("strong",{children:B(L(e.value),`${r}-`)},r);if("italic"===e.type)return(0,s.jsx)("em",{children:B(L(e.value),`${r}-`)},r);if("code"===e.type)return(0,s.jsx)("code",{className:"bg-neu-100 px-1 py-0.5",children:e.value},r);if("link"===e.type){let{href:t,label:a}=e;return/^https?:\/\//.test(t)?(0,s.jsx)("a",{href:t,className:"typography-link",target:"_blank",rel:"noreferrer",children:a},r):(0,s.jsx)(m(),{href:t,className:"typography-link",children:a},r)}return null}),R=(0,f.memo)(({text:e,className:t})=>{let a=L(e);return(0,s.jsx)("p",{className:t,children:B(a)})});R.displayName="μMd";var P=a(80404),T=a(1251);function O({checked:e,...t}){return(0,s.jsxs)("svg",{fill:"currentColor",viewBox:"0 0 24 24",...t,...e?{"data-checked":""}:{},children:[(0,s.jsx)("path",{d:"M17 3H7v2H5v2H3v10h2v2h2v2h10v-2h2v-2h2V7h-2V5h-2V3zm0 2v2h2v10h-2v2H7v-2H5V7h2V5h10z"}),(0,s.jsx)("path",{d:"M8 11h2v2h2v2h-2v-2H8v-2zm8-2h-2v2h-2v2h2v-2h2V9z",className:"fill-transparent [[data-checked]_&]:fill-current [[data-unchecked]:hover_&]:opacity-70 [label:hover_&]:fill-current"})]})}var W=a(25973);let Z=(0,f.forwardRef)(({className:e,...t},a)=>(0,s.jsx)(P.R,{ref:a,className:(0,c.W)("gql-focus-visible relative aspect-square disabled:cursor-not-allowed disabled:opacity-50",e||"size-5"),...t,children:(0,s.jsx)(T.F,{className:"flex size-full -translate-y-px items-center justify-center",keepMounted:!0,render:O})}));Z.displayName="Radio";var A=a(56955),F=a(47096),q=a(53584);function U(){return(U=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(null,arguments)}var Q=e=>

1f.createElement("svg",U({fill:"currentColor",viewBox:"0 0 24 24"},e),r||(r=f.createElement("path",{d:"M5 2h16v20H3V2zm14 18V4H5v16zM7 6h10v2H7zm10 4H7v2h10zM7 14h7v2H7z"}))),D=a(37674),G=a(26311),X=a(27384),J=a(41521);let K="tags";function Y({allTags:e,data:t}){let a=(0,f.useMemo)(()=>new Map(e.map(({tag:e,count:t,name:a})=>[e,{count:t,name:a}])),[]),[r,n]=(0,f.useState)("popularity"),l=function({allTagsMap:e,data:t}){let a=(0,v.s)(),[r,s]=function(){let e=(0,f.useSyncExternalStore)(z,M,V);return[(0,f.useMemo)(()=>new URLSearchParams(e.startsWith("?")?e.slice(1):e),[e]),(0,f.useCallback)((e,t)=>{let a=H(e,new URLSearchParams(window.location.search)).toString();if((a?`?${a}`:"")===window.location.search)return;let r=new URL(window.location.href);r.search=a;let s=t?.replace?"replaceState":"pushState";window.history[s](window.history.state,"",`${r.pathname}${r.search}${r.hash}`)},[])]}(),n=r.getAll(K),l=(0,f.useMemo)(()=>{let t=n.slice().map(t=>e.get(t)?.name??t).filter(e=>"string"==typeof e);return 0===t.length?"":1===t.length?t[0]:`${t.slice(0,-1).join(", ")} and ${t.slice(-1)[0]}`},[e,n]),[i,o]=(0,f.useState)(""),c=(0,f.useMemo)(()=>i.trim().toLowerCase(),[i]),d=(0,f.useMemo)(()=>c?c.split(/\s+/).filter(Boolean):[],[c]),h=(0,f.useCallback)(e=>{s(t=>{t.delete(K),e.forEach(e=>{t.append(K,e)})})},[s]),{filteredData:u,tagCounts:m}=(0,f.useMemo)(()=>{let r=(e,t)=>{if(!t)return!0;let a=0;for(let r=0;r<e.length&&a<t.length;r+=1)e[r]===t[a]&&(a+=1);return a===t.length},s=a?t.filter(t=>{if(n.length&&!n.every(e=>t.tags.includes(e)))return!1;if(!d.length)return!0;let a=t.tags.map(t=>e.get(t)?.name??t).join(" "),s=[t.frontMatter.name,t.frontMatter.description,a,t.license,t.lastRelease,t.formattedStars,t.frontMatter.github,t.frontMatter.npm,t.frontMatter.url,t.frontMatter.gem,t.compiledSource].filter(Boolean).join(" ").toLowerCase();return!!s&&d.every(e=>r(s,e))}):t,l=s.reduce((e,{tags:t})=>(t.forEach(t=>{e.set(t,(e.get(t)??0)+1)}),e),new Map);return{filteredData:s,tagCounts:l}},[a,t,e,d,n]);return{filteredData:u,searchInputValue:i,setSearchInputValue:o,selectedTags:n,selectedTagsAsString:l,treeItems:(0,f.useMemo)(()=>{let t=e=>!c||e.toLowerCase().includes(c),a=t=>e.get(t)?.name??t,r=e=>m.get(e)??0,s=new Set(["client","server","services","tools","general","gateways-supergraphs"]),n=Array.from(e.keys()).filter(e=>!s.has(e)).map(e=>({id:`language-${e}`,label:a(e),value:e,count:r(e)})).sort((e,t)=>e.label.localeCompare(t.label)),l=[{id:"category",label:"Category",children:[{id:"usage-server",label:a("server"),value:"server",count:r("server")},{id:"usage-client",label:a("client"),value:"client",count:r("client")},{id:"category-tools",label:a("tools"),value:"tools",count:r("tools"),children:[{id:"category-tools-gateways-supergraphs",label:a("gateways-supergraphs"),value:"gateways-supergraphs",count:r("gateways-supergraphs")},{id:"category-tools-general",label:a("general"),value:"general",count:r("general")}]},{id:"category-services",label:a("services"),value:"services",count:r("services")}]}];n.length>0&&l.push({id:"language-support",label:"Language Support",children:n});let i=e=>{let a=e.children?.map(i)??[],r=a.filter(e=>!e.disabled),s=a.filter(e=>e.disabled),n=r.length>0,l=t(e.label),o=!!c&&!l&&!n,d=a.length>0?[...r,...s]:void 0;return{...e,disabled:o,...d?{children:d}:{children:void 0}}},o=l.map(i);return[...o.filter(e=>!e.disabled),...o.filter(e=>e.disabled)]},[e,c,m]),updateTags:h}}({allTagsMap:a,data:t}),i="A collection of tools and libraries for GraphQL",o="Tools and Libraries | GraphQL";return l.selectedTagsAsString&&(i+=` related to ${l.selectedTagsAsString}`,o=`${l.selectedTagsAsString} | ${o}`),(0,f.useEffect)(()=>{document.addEventListener("keydown",e=>{if("Escape"===e.key){let e=document.getElementById("sidebar-toggle");e&&e.checked&&e.click()}})},[]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(h(),{children:[(0,s.jsx)("title",{children:o}),(0,s.jsx)("meta",{property:"og:title",content:o},"meta-og-title"),(0,s.jsx)("meta",{name:"description",content:i},"meta-description"),(0,s.jsx)("meta",{property:"og:description",content:i},"meta-og-description")]}),(0,s.jsxs)("div",{className:"gql-all-anchors-focusable mx-auto max-w-[120rem] p-4 pl-0 max-md:pl-4 md:py-8",children:[(0,s.jsx)("style",{children:"@media (max-width: 767px) { html:has(#sidebar-toggle:checked) { overscroll-behavior: n

1one; } }"}),(0,s.jsx)(en,{}),(0,s.jsxs)("div",{className:"relative flex md:gap-6",children:[(0,s.jsx)(ea,{searchInputValue:l.searchInputValue,selectedTags:l.selectedTags,setSearchInputValue:l.setSearchInputValue,treeItems:l.treeItems,updateTags:l.updateTags}),(0,s.jsxs)("div",{className:"flex-1 @container",children:[(0,s.jsx)(es,{sort:r,setSort:n}),(0,s.jsx)("div",{className:"grid gap-2 py-4 pt-2 @[640px]:grid-cols-2 md:gap-4 md:py-8 md:pt-6 lg:grid-cols-2",children:("alphabetical"===r?[...l.filteredData].sort((e,t)=>e.frontMatter.name.localeCompare(t.frontMatter.name)):l.filteredData).map(({frontMatter:e,tags:t,formattedStars:r,lastRelease:n,license:l,compiledSource:i})=>{let{name:o,description:d}=e,h=r||n||l;return(0,s.jsxs)(b.Z,{className:(0,c.W)("flex h-full flex-col !p-0","min-w-0"),children:[(0,s.jsxs)("article",{className:"flex grow flex-col gap-4 p-4 lg:p-8",children:[(0,s.jsxs)("header",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"typography-h3 grow break-all",children:o}),(0,s.jsx)(et,{data:e})]}),(0,s.jsx)("div",{className:"flex gap-2",children:t.map(e=>(0,s.jsx)(m(),{href:`/community/tools-and-libraries/?tags=${e}`,className:"flex [&:has(:hover)_.Tag--bg]:opacity-50",children:(0,s.jsx)(D.V,{className:"cursor-pointer !capitalize",color:"hsl(var(--color-neu-400))",children:a.get(e).name})},e))}),(0,s.jsx)(R,{className:"typography-body-md grow lg:text-lg",text:d}),(0,s.jsx)("div",{className:"flex-1"}),h&&(0,s.jsxs)("div",{className:(0,c.W)("flex place-items-center gap-2 truncate text-sm [&>*:not(:first-of-type):before]:[content:'/__']"),children:[r&&(0,s.jsxs)("span",{className:"flex items-center gap-1",children:["★",r]}),l&&(0,s.jsxs)("span",{children:[(0,s.jsx)(Q,{className:"inline size-4 translate-y-[-1.5px] pr-0.5"}),l.split(" ").map((e,t)=>{let a="license"===e.toLowerCase();return(0,s.jsxs)("span",{children:[(0,s.jsx)("span",{className:a?"max-md:hidden":"",children:e})," "]},t)})]}),n&&(0,s.jsxs)("span",{children:[(0,s.jsx)("span",{className:"max-md:hidden",children:"Last"})," ",(0,s.jsx)("span",{className:"max-md:capitalize",children:"release"})," ",n]})]})]}),i&&(0,s.jsxs)("details",{children:[(0,s.jsxs)("summary",{className:(0,c.W)("flex justify-between px-8 py-5 text-pri-base dark:[[open]>&]:shadow-[-5px_10px_30px_20px_#1b1b1b4d]","border-t border-neu-100 dark:border-neu-50 [[open]>&]:bg-neu-200 dark:[[open]>&]:bg-neu-50/25","gql-focus-visible cursor-pointer"),children:["README",(0,s.jsx)(F.Z,{className:"size-5 [[open]>*>&]:rotate-180"})]}),(0,s.jsx)("div",{className:"px-8 py-5 lg:px-12",suppressHydrationWarning:!0,children:(0,s.jsx)(ee,{compiledSource:i})})]})]},`${o}${t.toString()}`)})})]})]})]})]})}let ee=(0,f.memo)(function({compiledSource:e}){let{default:t}=(0,g.k)(e),a=(0,p.OQ)({isRawLayout:!1,components:{h1:e=>(0,s.jsx)("strong",{...e}),h2:e=>(0,s.jsx)("strong",{...e}),h3:e=>(0,s.jsx)("strong",{...e}),h4:e=>(0,s.jsx)("strong",{...e}),h5:e=>(0,s.jsx)("strong",{...e}),h6:e=>(0,s.jsx)("strong",{...e})}});return(0,s.jsx)(t,{components:a})});function et({data:e}){let{url:t,github:a,npm:r,gem:n}=e;return(0,s.jsxs)(s.Fragment,{children:[t&&(0,s.jsx)(A.z,{href:t,variant:"tertiary",isIconButton:!0,children:(0,s.jsx)(C.n9,{className:"size-5"})}),a&&(0,s.jsx)(A.z,{href:`https://github.com/${a}`,variant:"tertiary",isIconButton:!0,children:(0,s.jsx)(C.fy,{className:"size-5"})}),r&&(0,s.jsx)(A.z,{href:`https://npmjs.com/package/${r}`,variant:"tertiary",isIconButton:!0,children:(0,s.jsx)(C.pP,{className:"size-5",viewBox:"0 0 30 30"})}),n&&(0,s.jsx)(A.z,{href:`https://rubygems.org/gems/${n}`,variant:"tertiary",isIconButton:!0,children:(0,s.jsx)(C.PR,{className:"size-5"})})]})}function ea({treeItems:e,searchInputValue:t,setSearchInputValue:a,selectedTags:r,updateTags:n}){let[l,i]=(0,f.useState)(!0);return(0,s.jsxs)("div",{className:"sticky top-[calc(var(--navbar-h)+1.5rem)] duration-200 ease-out before:absolute before:-top-4 before:h-4 before:w-full max-md:fixed max-md:right-0 max-md:top-[--navbar-h] max-md:z-10 max-md:transform-gpu max-md:border-l max-md:border-white max-md:bg-[rgb(var(--nextra-bg),.8)] max-md:pr-2 max-md:pt-4 max-md:backdrop-blur-[6.4px] max-md:transition-transform dark:max-md:border-white/10 md:h-[calc(100vh-var(--nextra-navbar-height)-var(--nextra-menu-height))] max-md:hover-hover:[html:has(#sidebar-toggle:checked:hover)_&]:translate-x-[calc(100%-0.5rem)] max-md:[html:has(#sidebar-toggle:not(:checked))_&:not(:hover)]:translate-x-[calc(100%+1px)] max-md:hover-hover:[html:has(#sidebar-toggle:not(:checked))_&]:translate-y-16 max-md:hover-hover:[html:has(#sidebar-toggle:not(:checked))_&]:border-t max-md:hover-hover:[html:has(#sidebar-toggle:not(:checked):hover)_&]:translate-x-2 max-md:hover-hover:[html:has(#sidebar-toggle:not(:checked):hover)_&]:shadow-md",children:[(0,s.jsx)(x.U,{horizontal:!0,isOpen:l,children:(0,s.jsxs)("section",{className:"nextra-scrollbar -mt-4 w-[300px] shrink-0 overflow-y-auto p-4 pb-8 md:h-[calc(100vh-var(--nextra-navbar-height)-var(--nextra-menu-height))] lg:pb-16",children:[(0,s.jsx)("div",{className:"sticky top-0 z-10 bg-[rgb(var(--nextra-bg))] shadow-[0_8px_16px_8px_rgb(var(--nextra-bg))] before:absolute before:-top-20 before:bottom-0 before:w-full before:bg-[rgb(var(--nextra-bg))]",children:(0,s.jsxs)("label",{className:"relative flex items-center gap-1 border border-neu-300 bg-neu-0 p-2 focus-within:gql-focus-outline",children:[(0,s.jsx)(q.Z,{className:"size-5 text-neu-800"}),(0,s.jsx)("input",{value:t,onChange:e=>a(e.target.value),placeholder:"Filter tags...",className:"bg-transparent placeholder:text-neu-600 focus:outline-none dark:placeholder:text-neu-400"})]})}),(0,s.jsx)(j,{items:e,selectedValues:r,onSelectionChange:n})]})}),(0,s.jsx)(J.Z,{setSidebar:i,showSidebar:l,className:"mt-4 !pl-4 max-md:hidden",hiddenOnMobile:!1})]})}function er(e){return(0,s.jsxs)(A.z,{as:"label",variant:"tertiary",isIconButton:!0,...e,className:(0,

1c.W)(e.className,"-m-1 cursor-pointer !p-1 !ring-transparent [&:not(:hover)]:!bg-transparent [&:not(:hover)]:!text-neu-700 dark:[&:not(:hover)]:!text-neu-500"),children:[(0,s.jsx)("input",{type:"checkbox",id:"sidebar-toggle",className:"hidden"}),(0,s.jsx)(G.Z,{className:"size-6"}),(0,s.jsx)("span",{className:"sr-only",children:"Toggle sidebar"})]})}function es({sort:e,setSort:t}){let{activePath:a}=(0,p.ZR)().normalizePagesResult;return(0,s.jsxs)("div",{className:"top-[--navbar-h] z-[1] flex items-center justify-between bg-[rgb(var(--nextra-bg),.65)] py-2 backdrop-blur-[6.4px] [text-box:trim-both_cap_alphabetic] max-md:sticky max-md:mt-2 md:pt-0 md:leading-none",children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)(X.O,{className:"mb-2 mt-1 md:mb-6",activePath:a}),(0,s.jsxs)(W.E,{value:e,onValueChange:e=>t(e),className:"typography-menu flex flex-wrap gap-2 text-sm text-neu-800 dark:text-neu-600 md:flex-nowrap",children:[(0,s.jsx)("div",{children:"Sort by:"}),(0,s.jsxs)("label",{className:"-m-1 flex items-center gap-1 p-1 [&:has([data-checked])]:text-neu-900 [&:has([data-unchecked])]:cursor-pointer [&:has([data-unchecked])]:hover:bg-neu-50/50",children:[(0,s.jsx)(Z,{value:"popularity"}),(0,s.jsx)("span",{children:"Popularity"})]}),(0,s.jsxs)("label",{className:"-m-1 flex items-center gap-1 p-1 [&:has([data-checked])]:text-neu-900 [&:has([data-unchecked])]:cursor-pointer [&:has([data-unchecked])]:hover:bg-neu-50/50",children:[(0,s.jsx)(Z,{value:"alphabetical"}),(0,s.jsx)("span",{children:"Alphabetical"})]})]})]}),(0,s.jsx)(er,{className:"md:hidden"})]})}function en(){return(0,s.jsx)("button",{tabIndex:-1,title:"Close sidebar",className:"pointer-events-none fixed inset-0 top-[--navbar-h] z-[9] bg-[rgb(var(--nextra-bg),.25)] opacity-0 transition-opacity focus:outline-none max-md:[html:has(#sidebar-toggle:checked)_&]:pointer-events-auto max-md:[html:has(#sidebar-toggle:checked)_&]:opacity-100",onClick:()=>{document.getElementById("sidebar-toggle")?.click()}})}a(90312),a(39188),a(11431);var el=!0;function ei(e){return[]}var eo=(0,n.c)(function(e){return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(o.QueryParamProvider,{adapter:i.Mm,children:(0,s.jsx)(Y,{...e})})})},"/community/tools-and-libraries",{filePath:"src/pages/community/tools-and-libraries.mdx",timestamp:1789481543e3,pageMap:l.v,frontMatter:{},title:"Tools and Libraries"},"undefined"==typeof RemoteContent?ei:RemoteContent.useTOC)}},function(e){e.O(0,[9774,3539,3556,1379,5043,2888,179],function(){return e(e.s=33373)}),_N_E=e.O()}]);