https://gensvg.com/assets/tools.index-BvS6IZVf.js

1import{Q as t,M as b,a1 as d,a2 as m,C as p,E as e,d as E,Y as k,G as N,S as C,L as g,_ as j,J as F}from"./index-DLBW2Cqq.js";import{c as V,n as $}from"./Shapes.es-qQVvCHkW.js";import{f as A}from"./MagnifyingGlass.es-CK6nvdBW.js";const S=new Map([["bold",t.createElement(t.Fragment,null,t.createElement("path",{d:"M216.49,79.52l-56-56A12,12,0,0,0,152,20H56A20,20,0,0,0,36,40V216a20,20,0,0,0,20,20H200a20,20,0,0,0,20-20V88A12,12,0,0,0,216.49,79.52ZM160,57l23,23H160ZM60,212V44h76V92a12,12,0,0,0,12,12h48V212Zm100.49-60.49a12,12,0,0,1,0,17l-24,24a12,12,0,0,1-17,0l-24-24a12,12,0,0,1,17-17L116,155V124a12,12,0,0,1,24,0v31l3.51-3.52A12,12,0,0,1,160.49,151.51Z"}))],["duotone",t.createElement(t.Fragment,null,t.createElement("path",{d:"M208,88H152V32Z",opacity:"0.2"}),t.createElement("path",{d:"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-42.34-61.66a8,8,0,0,1,0,11.32l-24,24a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,164.69V120a8,8,0,0,1,16,0v44.69l10.34-10.35A8,8,0,0,1,157.66,154.34Z"}))],["fill",t.createElement(t.Fragment,null,t.createElement("path",{d:"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34Zm-56,83.32-24,24a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,164.69V120a8,8,0,0,1,16,0v44.69l10.34-10.35a8,8,0,0,1,11.32,11.32ZM152,88V44l44,44Z"}))],["light",t.createElement(t.Fragment,null,t.createElement("path",{d:"M212.24,83.76l-56-56A6,6,0,0,0,152,26H56A14,14,0,0,0,42,40V216a14,14,0,0,0,14,14H200a14,14,0,0,0,14-14V88A6,6,0,0,0,212.24,83.76ZM158,46.48,193.52,82H158ZM200,218H56a2,2,0,0,1-2-2V40a2,2,0,0,1,2-2h90V88a6,6,0,0,0,6,6h50V216A2,2,0,0,1,200,218Zm-43.76-62.24a6,6,0,0,1,0,8.48l-24,24a6,6,0,0,1-8.48,0l-24-24a6,6,0,0,1,8.48-8.48L122,169.51V120a6,6,0,0,1,12,0v49.51l13.76-13.75A6,6,0,0,1,156.24,155.76Z"}))],["regular",t.createElement(t.Fragment,null,t.createElement("path",{d:"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216

1Zm-42.34-61.66a8,8,0,0,1,0,11.32l-24,24a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,164.69V120a8,8,0,0,1,16,0v44.69l10.34-10.35A8,8,0,0,1,157.66,154.34Z"}))],["thin",t.createElement(t.Fragment,null,t.createElement("path",{d:"M210.83,85.17l-56-56A4,4,0,0,0,152,28H56A12,12,0,0,0,44,40V216a12,12,0,0,0,12,12H200a12,12,0,0,0,12-12V88A4,4,0,0,0,210.83,85.17ZM156,41.65,198.34,84H156ZM200,220H56a4,4,0,0,1-4-4V40a4,4,0,0,1,4-4h92V88a4,4,0,0,0,4,4h52V216A4,4,0,0,1,200,220Zm-45.17-62.83a4,4,0,0,1,0,5.66l-24,24a4,4,0,0,1-5.66,0l-24-24a4,4,0,0,1,5.66-5.66L124,174.34V120a4,4,0,0,1,8,0v54.34l17.17-17.17A4,4,0,0,1,154.83,157.17Z"}))]]),G=new Map([["bold",t.createElement(t.Fragment,null,t.createElement("path",{d:"M208,28H48A20,20,0,0,0,28,48V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V48A20,20,0,0,0,208,28Zm-4,24v63.72L186.14,97.86a20,20,0,0,0-28.28,0L52,203.72V52ZM85.66,204,172,117.66l32,32V204ZM76,96a20,20,0,1,1,20,20A20,20,0,0,1,76,96Z"}))],["duotone",t.createElement(t.Fragment,null,t.createElement("path",{d:"M208,40H48a8,8,0,0,0-8,8V208a8,8,0,0,0,8,8h8.69L166.34,106.34a8,8,0,0,1,11.32,0L216,144.69V48A8,8,0,0,0,208,40ZM96,112a16,16,0,1,1,16-16A16,16,0,0,1,96,112Z",opacity:"0.2"}),t.createElement("path",{d:"M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM48,48H208v77.38l-24.69-24.7a16,16,0,0,0-22.62,0L53.37,208H48ZM208,208H76l96-96,36,36v60ZM96,120A24,24,0,1,0,72,96,24,24,0,0,0,96,120Zm0-32a8,8,0,1,1-8,8A8,8,0,0,1,96,88Z"}))],["fill",t.createElement(t.Fragment,null,t.createElement("path",{d:"M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM48,48H208v77.38l-24.69-24.7a16,16,0,0,0-22.62,0L53.37,208H48ZM80,96a16,16,0,1,1,16,16A16,16,0,0,1,80,96Z"}))],["light",t.createElement(t.Fragment,null,t.createElement("path",{d:"M208,34H48A14,14,0,0,0,34,48V208a14,14,0,0,0,14,14H208a14,14,0,0,0,14-14V48A14,14,0,0,0,208,34ZM46,208V48a2,2,0,0,1,2-2H208a2,2,0,0,1,2,2v82.2l-28.1-28.1a14,14,0,0,0-19.8,0L54.2,210H48A2,2,0,0,1,46,208Zm162,2H71.17l99.41-99.41a2,2,0,0,1,2.83,0L210,147.17V208A2,2,0,0,1,208,210ZM96,118A22,22,0,1,0,74,96,22,22,0,0,0,96,118Zm0-32A10,10,0,1,1,86,96,10,10,0,0,1,96,86Z"}))],["regular",t.createElement(t.Fragment,null,t.createElement("path",{d:"M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM48,48H208v77.38l-24.69-24.7a16,16,0,0,0-22.62,0L53.37,208H48ZM208,208H76l96-96,36,36v60ZM96,120A24,24,0,1,0,72,96,24,24,0,0,0,96,120Zm0-32a8,8,0,1,1-8,8A8,8,0,0,1,96,88Z"}))],["thin",t.createElement(t.Fragment,null,t.createElement("path",{d:"M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36ZM44,208V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4v87l-31.51-31.52a12,12,0,0,0-17,0L55,212H48A4,4,0,0,1,44,208Zm164,4H66.34L169.17,109.17a4,4,0,0,1,5.66,0L212,146.34V208A4,4,0,0,1,208,212ZM96,116A20,20,0,1,0,76,96,20,20,0,0,0,96,116Zm0-32A12,12,0,1,1,84,96,12,12,0,0,1,96,84Z"}))]]),z=new Map([["bold",t.createElement(t.Fragment,null,t.createElement("path",{d:"M230.47,67.5a12,12,0,0,0-19.26-4.32L172.43,99l-12.68-2.72L157,83.57l35.79-38.78a12,12,0,0,0-4.32-19.26A76.07,76.07,0,0,0,88.41,121.64L30.92,174.18a4.68,4.68,0,0,0-.39.38,36,36,0,0,0,50.91,50.91l.38-.39,52.54-57.49A76.05,76.05,0,0,0,230.47,67.5ZM160,148a51.5,51.5,0,0,1-23.35-5.52,12,12,0,0,0-14.26,2.62L64.31,208.66a12,12,0,0,1-17-17l63.55-58.07a12,12,0,0,0,2.62-14.26A51.5,51.5,0,0,1,108,96a52.06,52.06,0,0,1,52-52h.89L135.17,71.87a12,12,0,0,0-2.91,10.65l5.66,26.35a12,12,0,0,0,9.21,9.21l26.35,5.66a12,12,0,0,0,10.65-2.91L212,95.12c0,.3,0,.59,0,.89A52.06,52.06,0,0,1,160,148Z"}))],["duotone",t.createElement(t.Fragment,null,t.createElement("path",{d:"M224,96a64,64,0,0,1-94.94,56L73,217A24,24,0,0,1,39,183L104,126.94a64,64,0,0,1,80-90.29L144,80l5.66,26.34L176,112l43.35-40A63.8,63.8,0,0,1,224,96Z",opacity:"0.2"}),t.createElement("path",{d:"M226.76,69a8,8,0,0,0-12.84-2.88l-40.3,37.19-1

17.23-3.7-3.7-17.23,37.19-40.3A8,8,0,0,0,187,29.24,72,72,0,0,0,88,96,72.34,72.34,0,0,0,94,124.94L33.79,177c-.15.12-.29.26-.43.39a32,32,0,0,0,45.26,45.26c.13-.13.27-.28.39-.42L131.06,162A72,72,0,0,0,232,96,71.56,71.56,0,0,0,226.76,69ZM160,152a56.14,56.14,0,0,1-27.07-7,8,8,0,0,0-9.92,1.77L67.11,211.51a16,16,0,0,1-22.62-22.62L109.18,133a8,8,0,0,0,1.77-9.93,56,56,0,0,1,58.36-82.31l-31.2,33.81a8,8,0,0,0-1.94,7.1L141.83,108a8,8,0,0,0,6.14,6.14l26.35,5.66a8,8,0,0,0,7.1-1.94l33.81-31.2A56.06,56.06,0,0,1,160,152Z"}))],["fill",t.createElement(t.Fragment,null,t.createElement("path",{d:"M232,96a72,72,0,0,1-100.94,66L79,222.22c-.12.14-.26.29-.39.42a32,32,0,0,1-45.26-45.26c.14-.13.28-.27.43-.39L94,124.94a72.07,72.07,0,0,1,83.54-98.78,8,8,0,0,1,3.93,13.19L144,80l5.66,26.35L176,112l40.65-37.52a8,8,0,0,1,13.19,3.93A72.6,72.6,0,0,1,232,96Z"}))],["light",t.createElement(t.Fragment,null,t.createElement("path",{d:"M224.91,69.75a6,6,0,0,0-9.63-2.16l-41.07,37.9L154.7,101.3l-4.19-19.51,37.9-41.07a6,6,0,0,0-2.16-9.63,70,70,0,0,0-89.77,94.39l-61.39,53c-.11.09-.21.19-.32.3A30,30,0,0,0,77.2,221.23c.11-.11.21-.21.3-.32l53-61.39a70,70,0,0,0,94.39-89.77ZM160,154a58,58,0,0,1-28-7.22,6,6,0,0,0-7.45,1.33L68.57,212.88a18,18,0,0,1-25.45-25.45l64.76-55.94A6,6,0,0,0,109.2,124a58,58,0,0,1,64-84.53L139.58,75.93a6,6,0,0,0-1.45,5.33l5.65,26.35a6,6,0,0,0,4.61,4.61l26.35,5.65a6,6,0,0,0,5.33-1.45L216.49,82.8A58.06,58.06,0,0,1,160,154Z"}))],["regular",t.createElement(t.Fragment,null,t.createElement("path",{d:"M226.76,69a8,8,0,0,0-12.84-2.88l-40.3,37.19-1

17.23-3.7-3.7-17.23,37.19-40.3A8,8,0,0,0,187,29.24,72,72,0,0,0,88,96,72.34,72.34,0,0,0,94,124.94L33.79,177c-.15.12-.29.26-.43.39a32,32,0,0,0,45.26,45.26c.13-.13.27-.28.39-.42L131.06,162A72,72,0,0,0,232,96,71.56,71.56,0,0,0,226.76,69ZM160,152a56.14,56.14,0,0,1-27.07-7,8,8,0,0,0-9.92,1.77L67.11,211.51a16,16,0,0,1-22.62-22.62L109.18,133a8,8,0,0,0,1.77-9.93,56,56,0,0,1,58.36-82.31l-31.2,33.81a8,8,0,0,0-1.94,7.1L141.83,108a8,8,0,0,0,6.14,6.14l26.35,5.66a8,8,0,0,0,7.1-1.94l33.81-31.2A56.06,56.06,0,0,1,160,152Z"}))],["thin",t.createElement(t.Fragment,null,t.createElement("path",{d:"M223.05,70.5a4,4,0,0,0-6.42-1.44l-41.82,38.6L153,103l-4.68-21.79,38.6-41.82a4,4,0,0,0-1.44-6.43A68,68,0,0,0,98.94,126L36.4,180l-.21.2a28,28,0,0,0,39.6,39.6l.2-.21,54-62.54A68,68,0,0,0,228,96,67.51,67.51,0,0,0,223.05,70.5ZM160,156a60,60,0,0,1-29-7.47,4,4,0,0,0-5,.89L70,214.25A20,20,0,0,1,41.75,186l64.82-56a4,4,0,0,0,.89-5,60,60,0,0,1,69.46-86.59L141.05,77.29a4,4,0,0,0-1,3.55l5.66,26.35a4,4,0,0,0,3.07,3.07l26.35,5.66a4,4,0,0,0,3.55-1l38.87-35.87A60.05,60.05,0,0,1,160,156Z"}))]]),Z=t.forwardRef((a,r)=>t.createElement(b,{ref:r,...a,weights:S}));Z.displayName="FileArrowDownIcon";const R=Z,M=t.forwardRef((a,r)=>t.createElement(b,{ref:r,...a,weights:G}));M.displayName="ImageSquareIcon";const _=M,L=t.forwardRef((a,r)=>t.createElement(b,{ref:r,...a,weights:z}));L.displayName="WrenchIcon";const y=L,I=["svg-color-replacer","svg-optimizer","png-to-svg","svg-to-png","ai-logo-generator","favicon-generator"];function T(){const[a,r]=t.useState(""),[l,n]=t.useState("all"),o=a.trim().toLowerCase(),i=s=>!o||s.toLowerCase().includes(o),x=t.useMemo(()=>d.filter(s=>(l==="all"||l==="svg")&&i(`${s.title} ${s.description} ${(s.keywords??[]).join(" ")}`)),[l,o]),u=t.useMemo(()=>m.filter(s=>(l==="all"||l==="generate")&&i(`${s.title} ${s.description} ${(s.keywords??[]).join(" ")}`)),[l,o]),h=t.useMemo(()=>p.filter(s=>(l==="all"||l==="convert")&&i(`${s.from} to ${s.to} ${s.description}`)),[l,o]),H=x.length+u.length+h.length>0;return e.jsxs("div",{className:"tool-site flex min-h-screen flex-col bg-background text-foreground",children:[e.jsx(E,{}),e.jsxs("main",{id:"main-content",className:"flex-1",children:[e.jsxs("header",{className:"relative overflow-hidden border-b border-border/70",children:[e.jsx("div",{className:"pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_72%_25%,rgba(29,161,242,.11),transparent_30rem)]"}),e.jsx("div",{className:"relative mx-auto w-[min(1180px,calc(100%-32px))] pt-16 pb-14 sm:pt-24 sm:pb-20",children:e.jsxs("div",{className:"grid items-end gap-10 lg:grid-cols-[1fr_410px]",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"tool-kicker flex items-center gap-2",children:[e.jsx(k,{weight:"fill",className:"size-3.5"})," GenSVG tool library"]}),e.jsx("h1",{className:"tool-display mt-4 max-w-[780px] text-[clamp(3rem,8vw,6.4rem)] leading-[0.9] font-bold tracking-[-0.065em] text-balance",children:"Useful SVG work, done in one tab."}),e.jsx("p",{className:"mt-7 max-w-[650px] text-[17px] leading-7 text-foreground/60 text-pretty",children:"Convert image formats, clean SVG markup, create production-ready assets, or start an AI vector brief. Every page contains a working tool and practical guidance."})]}),e.jsxs("div",{className:"rounded-2xl border border-border/75 bg-card/85 p-5 shadow-[0_25px_60px_-40px_rgba(21,62,80,.5)] backdrop-blur",children:[e.jsxs("p",{className:"text-xs font-semibold text-foreground/50",children:["Search ",d.length+m.length+p.length," tools"]}),e.jsxs("label",{className:"mt-3 flex h-12 items-center gap-3 rounded-xl border border-border bg-background px-3.5 transition-colors focus-within:border-primary",children:[e.jsx(A,{className:"size-5 text-foreground/35"}),e.jsx("input",{"aria-label":"Search tools",value:a,onChange:s=>r(s.target.value),className:"min-w-0 flex-1 bg-transparent text-sm outline-none",placeholder:"Try “PNG to SVG” or “favicon”…"})]}),e.jsxs("div",{className:"mt-4 grid grid-cols-3 divide-x divide-border/75 text-center",children:[e.jsx(v,{value:p.length,label:"Converters"}),e.jsx(v,{value:d.length,label:"Utilities"}),e.jsx(v,{value:m.length,label:"Generators"})]})]})]})})]}),e.jsxs("div",{className:"mx-auto w-[min(1180px,calc(100%-32px))] py-12 sm:py-16",children:[e.jsxs("nav",{"aria-label":"Tool categories",className:"flex flex-wrap gap-2 border-b border-border/75 pb-6",children:[e.jsx(c,{active:l==="all",onClick:()=>n("all"),icon:e.jsx(V,{}),children:"All tools"}),e.jsx(c,{active:l==="svg",onClick:()=>n("svg"),icon:e.jsx(y,{}),children:"SVG utilities"}),e.jsx(c,{active:l==="convert",onClick:()=>n("convert"),icon:e.jsx(R,{}),children:"Converters"}),e.jsx(c,{active:l==="generate",onClick:()=>n("generate"),icon:e.jsx(N,{}),children:"AI generators"})]}),!o&&l==="all"?e.jsx(P,{}):null,x.length?e.jsx(f,{eyebrow:"Edit and prepare",title:"Focused SVG utilities",description:"Small, local-first tools for the jobs that should take a minute, not a full design session.",children:e.jsx("div",{className:"grid gap-px overflow-hidden rounded-2xl border border-border/75 bg-border/75 md:grid-cols-2",children:x.map(s=>

1e.jsx(q,{slug:s.slug,title:s.title,description:s.description,icon:D(s.slug)},s.slug))})}):null,h.length?e.jsx(f,{eyebrow:"Change formats",title:"File converters",description:"Real outputs, practical settings, and clear privacy information for every conversion path.",children:e.jsx(U,{items:h})}):null,u.length?e.jsx(f,{eyebrow:"Create from a brief",title:"AI vector generators",description:"Start with prompts written for a specific production goal, then customize them before generating editable SVG artwork.",children:e.jsx("div",{className:"grid gap-3 sm:grid-cols-2 lg:grid-cols-3",children:u.map((s,w)=>e.jsx(B,{item:s,index:w},s.slug))})}):null,H?null:e.jsxs("div",{className:"py-24 text-center",children:[e.jsx(A,{className:"mx-auto size-7 text-foreground/25"}),e.jsxs("h2",{className:"mt-4 text-lg font-semibold",children:["No tools match “",a,"”"]}),e.jsx("p",{className:"mt-2 text-sm text-foreground/50",children:"Try a file format, an SVG task, or a type of artwork."}),e.jsx(Q,{onClick:()=>{r(""),n("all")}})]})]})]}),e.jsx(C,{})]})}function P(){const a=I.map(r=>{const l=d.find(i=>i.slug===r);if(l)return{slug:r,title:l.title,description:l.description,type:"tool"};const n=m.find(i=>i.slug===r);if(n)return{slug:r,title:n.title,description:n.description,type:"tool"};const o=p.find(i=>i.slug===r);return o?{slug:r,title:`${o.from} to ${o.to}`,description:o.description,type:"conversion"}:null}).filter(r=>r!==null);return e.jsxs("section",{className:"pt-12 sm:pt-16",children:[e.jsx("p",{className:"tool-kicker",children:"Popular starting points"}),e.jsx("div",{className:"mt-5 grid gap-3 md:grid-cols-2 lg:grid-cols-3",children:a.map((r,l)=>e.jsxs(g,{to:r.type==="conversion"?"/tools/convert/$slug":"/tools/$slug",params:{slug:r.slug},className:`group relative min-h-52 overflow-hidden rounded-2xl p-6 ${l===0?"bg-[#153f4f] text-white lg:col-span-2":"bg-muted/70"}`,children:[e.jsxs("span",{className:"font-mono text-[10px] tracking-[0.15em] opacity-50 uppercase",children:["0",l+1]}),e.jsx("h2",{className:"mt-10 max-w-[560px] text-xl font-semibold tracking-[-0.03em]",children:r.title}),e.jsx("p",{className:"mt-2 max-w-[560px] text-sm leading-6 opacity-60",children:r.description}),e.jsx(j,{className:"absolute right-5 bottom-5 size-5 opacity-45 transition-transform group-hover:translate-x-1"})]},r.slug))})]})}function U({items:a}){const r=[{title:"Vectorize images",kind:"raster-to-svg"},{title:"Export SVG",kind:"svg-to-raster"},{title:"Convert raster images",kind:"raster-to-raster"}];return e.jsx("div",{className:"space-y-8",children:r.map(l=>{const n=a.filter(o=>o.kind===l.kind);return n.length?e.jsxs("div",{children:[e.jsx("h3",{className:"mb-3 text-sm font-semibold text-foreground/65",children:l.title}),e.jsx("div",{className:"grid gap-2 sm:grid-cols-2 lg:grid-cols-3",children:n.map(o=>e.jsxs(g,{to:"/tools/convert/$slug",params:{slug:o.slug},className:"group flex items-center justify-between gap-3 rounded-xl border border-border/75 bg-background px-4 py-3.5 transition-all hover:-translate-y-px hover:border-primary/40",children:[e.jsxs("span",{className:"text-sm font-semibold",children:[o.from," ",e.jsx("span",{className:"mx-1 text-foreground/25",children:"→"})," ",o.to]}),e.jsx(j,{className:"size-4 text-foreground/25 transition-transform group-hover:translate-x-1 group-hover:text-primary"})]},o.slug))})]},l.kind):null})})}function f({eyebrow:a,title:r,description:l,children:n}){return e.jsxs("section",{className:"pt-16 sm:pt-24",children:[e.jsxs("div",{className:"mb-8 grid gap-3 lg:grid-cols-[1fr_460px] lg:items-end",children:[e.jsxs("div",{children:[e.jsx("p",{className:"tool-kicker",children:a}),e.jsx("h2",{className:"tool-section-title mt-3",children:r})]}),e.jsx("p",{className:"text-sm leading-6 text-foreground/55 lg:text-right",children:l})]}),n]})}function q({slug:a,title:r,description:l,icon:n}){return e.jsxs(g,{to:"/tools/$slug",params:{slug:a},className:"group flex min-h-36 gap-4 bg-background p-5 transition-colors hover:bg-muted/55 sm:p-6",children:[e.jsx("span",{className:"grid size-10 shrink-0 place-items-center rounded-xl bg-muted text-primary [&>svg]:size-5",children:n}),e.jsxs("span",{className:"min-w-0 flex-1",children:[e.jsxs("span",{className:"flex items-start justify-between gap-3",children:[e.jsx("strong",{className:"text-sm tracking-[-0.01em]",children:r}

1),e.jsx(j,{className:"mt-0.5 size-4 shrink-0 text-foreground/25 transition-transform group-hover:translate-x-1 group-hover:text-primary"})]}),e.jsx("span",{className:"mt-2 block text-xs leading-5 text-foreground/50",children:l})]})]})}function B({item:a,index:r}){const l=["#e8f5f8","#f2f0e9","#edf3ec","#f6ece8"];return e.jsxs(g,{to:"/tools/$slug",params:{slug:a.slug},className:"group overflow-hidden rounded-2xl border border-border/75 bg-background",children:[e.jsxs("div",{className:"flex aspect-[2/1] items-end justify-between p-5",style:{backgroundColor:l[r%l.length]},children:[e.jsx("span",{className:"font-mono text-[10px] tracking-[.13em] text-[#244956]/50 uppercase",children:a.category??"vector"}),e.jsx(N,{className:"size-6 text-[#244956]/40 transition-transform group-hover:-rotate-6 group-hover:scale-110"})]}),e.jsxs("div",{className:"p-5",children:[e.jsx("h3",{className:"text-sm font-semibold tracking-[-0.015em]",children:a.title.replace(/\s+—.+$/,"")}),e.jsx("p",{className:"mt-2 line-clamp-2 text-xs leading-5 text-foreground/50",children:a.description})]})]})}function c({active:a,onClick:r,icon:l,children:n}){return e.jsxs("button",{type:"button",onClick:r,className:`inline-flex items-center gap-2 rounded-lg px-3.5 py-2 text-sm font-semibold transition-colors [&>svg]:size-4 ${a?"bg-foreground text-background":"bg-muted/65 text-foreground/55 hover:text-foreground"}`,children:[l,n]})}function v({value:a,label:r}){return e.jsxs("div",{children:[e.jsx("p",{className:"font-mono text-lg font-semibold tabular-nums",children:a}),e.jsx("p",{className:"mt-0.5 text-[10px] tracking-wide text-foreground/40 uppercase",children:r})]})}function Q({onClick:a}){return e.jsx("button",{type:"button",onClick:a,className:"mt-5 text-sm font-semibold text-primary hover:underline",children:"Clear search"})}function D(a){return a.includes("color")?e.jsx(F,{}):a.includes("jsx")||a.includes("data")?e.jsx($,{}):a.includes("background")||a.includes("pattern")?e.jsx(V,{}):a.includes("favicon")?e.jsx(_,{}):e.jsx(y,{})}const K=T;export{K as component};