1import{j as e}from"./metal-fx-C6GZ_SKA.js";import{C as s}from"./portfolio-covers-DBq3zqcx.js";import{fm as a,eT as i}from"./index-D1yBc__G.js";import"./motion-BHwmuFpx.js";const d=[{p:0,x:30,y:20,w:220,r:-4},{p:1,x:320,y:130,w:180,r:3},{p:2,x:560,y:10,w:210,r:-2},{p:3,x:150,y:260,w:190,r:5},{p:4,x:450,y:300,w:220,r:-3},{p:5,x:720,y:220,w:180,r:2}];function l(){const t=a();return e.jsxs("div",{className:"relative h-[300px] w-full overflow-hidden rounded-2xl border border-white/[0.07] bg-ink",children:[e.jsx(i.div,{className:"absolute h-[640px] w-[1000px] cursor-grab active:cursor-grabbing",drag:!0,dragConstraints:{left:-260,right:40,top:-300,bottom:40},dragElastic:t?0:.12,dragMomentum:!t,dragTransition:t?void 0:{power:.3,timeConstant:400},children:d.map((r,n)=>{const o=s[r.p];return e.jsxs(i.div,{className:"absolute overflow-hidden rounded-lg border border-white/10 shadow-[0_24px_60px_-34px_rgba(0,0,0,0.9)]",style:{left:r.x,top:r.y,width:r.w,rotate:r.r},whileHover:t?void 0:{scale:1.06,rotate:0,zIndex:40},transition:t?{duration:0}:{type:"spring",stiffness:300,damping:22},children:[e.jsx("img",{src:o.img,alt:"",className:"pointer-events-none block w-full object-cover",draggable:!1}),e.jsx("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-2.5 pt-7 text-[12px] font-semibold text-white",children:o.title})]},n)})}),e.jsx("div",{className:"pointer-events-none absolute right-3 top-3 rounded-full border border-white/10 bg-black/40 px-2.5 py-1 text-[10px] uppercase tracking-[0.12em] text-white/45 backdrop-blur",children:"drag · fling"})]})}function u(){return e.jsx("div",{className:"flex min-h-[420px] w-full items-center justify-center overflow-hidden p-4",children:e.jsx(l,{})})}export{u as Demo,l 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.