1import{j as e}from"./metal-fx-C6GZ_SKA.js";import{C as i}from"./portfolio-covers-DBq3zqcx.js";function a(){const o=t=>{const r=t.currentTarget,s=r.getBoundingClientRect();r.style.setProperty("--mx",`${t.clientX-s.left}px`),r.style.setProperty("--my",`${t.clientY-s.top}px`)};return e.jsxs("div",{onMouseMove:o,className:"group relative grid w-full grid-cols-3 gap-2.5 p-1 [--mx:50%] [--my:50%]",children:[i.map(t=>e.jsxs("div",{className:"relative h-[120px] overflow-hidden rounded-lg border border-white/[0.07]",children:[e.jsx("img",{src:t.img,alt:"",className:"h-full w-full object-cover grayscale brightness-[0.4] transition-all duration-300 group-hover:brightness-[0.5]"}),e.jsx("div",{className:"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"}),e.jsx("div",{className:"absolute bottom-2 left-3 text-[12px] font-semibold text-white/80",children:t.title})]},t.id)),e.jsx("div",{className:"pointer-events-none absolute inset-1 grid grid-cols-3 gap-2.5 opacity-0 transition-opacity duration-300 group-hover:opacity-100 [mask-image:radial-gradient(160px_at_var(--mx)_var(--my),#000_0%,transparent_65%)]",children:i.map(t=>e.jsxs("div",{className:"relative h-[120px] overflow-hidden rounded-lg",children:[e.jsx("img",{src:t.img,alt:"",className:"h-full w-full scale-105 object-cover"}),e.jsx("div",{className:"absolute inset-0 rounded-lg ring-1 ring-accent-400/40"})]},t.id))})]})}function d(){return e.jsx("div",{className:"flex min-h-[420px] w-full items-center justify-center overflow-hidden p-5",children:e.jsx(a,{})})}export{d as Demo,a as default};
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.