1import{r as c,j as e,bL as n}from"./index-P0N1Je5T.js";import{M as m,f as h,b as p}from"./frame-D7tGqiwN.js";function j(t){const r=c.useRef(0),{isStatic:a}=c.useContext(m);c.useEffect(()=>{if(a)return;const s=({timestamp:l,delta:i})=>{r.current||(r.current=l),t(l-r.current,i)};return h.update(s,!0),()=>p(s)},[t])}const o=({size:t=200})=>{const r=c.useRef(null),a=t/2;j(i=>{if(!r.current)return;const d=Math.sin(i/1e4)*200,f=Math.sin(i/8e3)*200,g=(1+Math.sin(i/1e3))*-25;r.current.style.transform=`translateY(${g}px) rotateX(${d}deg) rotateY(${f}deg)`});const s=i=>({position:"absolute",width:t,height:t,transform:i,backfaceVisibility:"hidden",display:"flex",alignItems:"center",justifyContent:"center",background:"#0a0a0c",border:"1px solid rgba(205, 169, 255, 0.25)",opacity:.85}),l={width:t,height:t,objectFit:"cover"};return e.jsx("div",{style:{perspective:t*4,width:t,height:t},children:e.jsxs("div",{ref:r,style:{width:t,height:t,position:"relative",transformStyle:"preserve-3d"},children:[e.jsx("div",{style:s(`rotateY(0deg) translateZ(${a}px)`),children:e.jsx("img",{src:n,alt:"Logo",style:l})}),e.jsx("div",{style:s(`rotateY(90deg) translateZ(${a}px)`),children:e.jsx("img",{src:n,alt:"Logo",style:l})}),e.jsx("div",{style:s(`rotateY(180deg) translateZ(${a}px)`),children:e.jsx("img",{src:n,alt:"Logo",style:l})}),e.jsx("div",{style:s(`rotateY(-90deg) translateZ(${a}px)`),children:e.jsx("img",{src:n,alt:"Logo",style:l})}),e.jsx("div",{style:s(`rotateX(90deg) translateZ(${a}px)`),children:e.jsx("img",{src:n,alt:"Logo",style:l})}),e.jsx("div",{style:s(`rotateX(-90deg) translateZ(${a}px)`),children:e.jsx("img",{src:n,alt:"Logo",style:l})})]})})},x=[{label:"Large (300px)",size:300},{label:"Medium (200px)",size:200},{label:"Small (120px)",size:120}],y=()=>e.jsxs("div",{className:"min-h-screen flex flex-col",children:[e.jsxs("div",{className:"flex-1 bg-[#0a0a0c] flex flex-col items-center justify-center gap-16 p-8",children:[e.jsx("h1",{className:"text-2xl font-bold text-white/90 font-montserrat",children:"3D Logo Cube â Dark"}),e.jsx("div",{className:"flex flex-col items-center gap-16",children:x.map(t=>e.jsxs("div",{className:"flex flex-col items-center gap-4",children:[e.jsx("span",{className:"text-xs text-white/40 uppercase tracking-wider",children:t.label}),e.jsx(o,{size:t.size})]},t.label))})]}),e.jsxs("div",{className:"flex-1 bg-[#f0f0f2] flex flex-col items-center justify-center gap-16 p-8",children:[e.jsx("h2",{className:"text-2xl font-bold text-black/80 font-montserrat",children:"3D Logo Cube â Light"}),e.jsx("div",{className:"flex flex-col items-center gap-16",children:x.map(t=>e.jsxs("div",{className:"flex flex-col items-center gap-4",children:[e.jsx("span",{className:"text-xs text-black/40 uppercase tracking-wider",children:t.label}),e.jsx(o,{size:t.size})]},t.label))})]})]});export{y 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.