{"version":3,"file":"Rotating_Image_Stack.Da3bEf0u.mjs","names":["React.useState"],"sources":["https:/framerusercontent.com/modules/xwMAcnoMrXqr5OvdpETB/JoHYhM15LRO63knj98aq/Rotating_Image_Stack.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";export function RotatingCardStack({images,interval,rotation,offsetX,offsetY,stackScale}){const[currentIndex,setCurrentIndex]=React.useState(0);React.useEffect(()=>{const timer=setInterval(()=>{setCurrentIndex(prevIndex=>(prevIndex+1)%images.length);},interval);return()=>clearInterval(timer);},[images,interval]);const getPositionStyle=index=>{const relativeIndex=(index-currentIndex+images.length)%images.length// Determine position in the stack\n;const scale=1-relativeIndex*stackScale// Reduce scale by 10% per step back\n;return{zIndex:images.length-relativeIndex,transformStyle:\"preserve-3d\",transform:`translate(-50%, -50%) translateX(${relativeIndex*offsetX}px) translateY(${relativeIndex*offsetY}px) rotateY(${rotation*relativeIndex}deg) scale(${scale})`};};return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\"},children:images.map((src,index)=>/*#__PURE__*/_jsx(motion.div,{style:{position:\"absolute\",top:\"50%\",left:\"50%\",width:\"100%\",height:\"100%\",transformOrigin:\"center center\",transformStyle:\"preserve-3d\",perspective:\"1000px\",...getPositionStyle(index)},animate:getPositionStyle(index),transition:{duration:.5,ease:[.2,.8,.2,1],opacity:{duration:.5,ease:\"easeInOut\"}},children:/*#__PURE__*/_jsx(\"img\",{src:src,alt:`Card ${index}`,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",boxShadow:\"0px 6px 20px rgba(0, 0, 0, 0.4)\",borderRadius:\"15px\"}})},index))});}addPropertyControls(RotatingCardStack,{images:{type:ControlType.Array,propertyControl:{type:ControlType.Image},title:\"Images\"},interval:{type:ControlType.Number,title:\"Interval (ms)\",defaultValue:3e3,min:1e3,max:1e4,step:500},rotation:{type:ControlType.Number,title:\"Rotation (deg)\",defaultValue:0,min:-90,max:90,step:5},offsetX:{type:ControlType.Number,title:\"Offset X (px)\",defaultValue:20,min:-1e3,max:1e3,step:5},offsetY:{type:ControlType.Number,title:\"Offset Y (px)\",defaultValue:20,min:-1e3,max:1e3,step:5},stackScale:{type:ControlType.Number,title:\"Stack Scaling\",defaultValue:.1,min:0,max:1,step:.1}});\nexport const __FramerMetadata__ = {\"exports\":{\"RotatingCardStack\":{\"type\":\"reactComponent\",\"name\":\"RotatingCardStack\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Rotating_Image_Stack.map"],"mappings":"mOAA6J,SAAgB,EAAkB,CAAC,SAAO,WAAS,WAAS,UAAQ,UAAQ,cAAY,CAAC,GAAK,CAAC,EAAa,GAAiBA,EAAe,EAAE,CAAC,MAAoB,CAAC,IAAM,EAAM,gBAAgB,CAAC,EAAgB,IAAY,EAAU,GAAG,EAAO,OAAO,EAAG,EAAS,CAAC,UAAU,cAAc,EAAM,EAAG,CAAC,EAAO,EAAS,CAAC,CAAC,IAAM,EAAiB,GAAO,CAAC,IAAM,GAAe,EAAM,EAAa,EAAO,QAAQ,EAAO,OAC5iB,EAAM,EAAE,EAAc,EAC5B,MAAM,CAAC,OAAO,EAAO,OAAO,EAAc,eAAe,cAAc,UAAU,oCAAoC,EAAc,EAAQ,iBAAiB,EAAc,EAAQ,cAAc,EAAS,EAAc,aAAa,EAAM,GAAG,EAAG,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,CAAC,SAAS,EAAO,KAAK,EAAI,IAAqB,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,SAAS,WAAW,IAAI,MAAM,KAAK,MAAM,MAAM,OAAO,OAAO,OAAO,gBAAgB,gBAAgB,eAAe,cAAc,YAAY,SAAS,GAAG,EAAiB,EAAM,CAAC,CAAC,QAAQ,EAAiB,EAAM,CAAC,WAAW,CAAC,SAAS,GAAG,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,GAAG,KAAK,YAAY,CAAC,CAAC,SAAsB,EAAK,MAAM,CAAK,MAAI,IAAI,QAAQ,IAAQ,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,QAAQ,UAAU,kCAAkC,aAAa,OAAO,CAAC,CAAC,CAAC,CAAC,EAAM,CAAC,CAAC,CAAC,kBAFt0B,IAA4B,IAAkC,IAAoD,CAEstB,EAAoB,EAAkB,CAAC,OAAO,CAAC,KAAK,EAAY,MAAM,gBAAgB,CAAC,KAAK,EAAY,MAAM,CAAC,MAAM,SAAS,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,iBAAiB,aAAa,EAAE,IAAI,IAAI,IAAI,GAAG,KAAK,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,GAAG,IAAI,KAAK,IAAI,IAAI,KAAK,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,GAAG,IAAI,KAAK,IAAI,IAAI,KAAK,EAAE,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC"}