{"version":3,"file":"ImageStack.CItPjSmZ.mjs","names":[],"sources":["https:/framerusercontent.com/modules/2YtjXzlP1KuncCYwJfKF/6cesMv7llIdY46ffPNux/ImageStack.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n */export default function ImageStack(props){const{cards=[],gap=24,padding=48,cardBackgroundColor=\"#ffffff\",cardBorderRadius=12,shadow=true,aspectRatio=\"Auto\",titleFont,descFont,titleColor=\"#000000\",descColor=\"#666666\",style}=props;const isAuto=aspectRatio===\"Auto\";let ratio=16/9;if(!isAuto){const ratioValue=aspectRatio.split(\":\").map(Number);ratio=ratioValue[0]/ratioValue[1];}return /*#__PURE__*/_jsx(\"div\",{style:{...style,display:\"flex\",flexDirection:\"column\",gap:`${gap}px`,padding:`${padding}px 0`,width:\"100%\"},children:cards.map((card,index)=>/*#__PURE__*/_jsxs(\"div\",{style:{backgroundColor:cardBackgroundColor,borderRadius:`${cardBorderRadius}px`,boxShadow:shadow?\"0 4px 20px rgba(0,0,0,0.06)\":\"none\",overflow:\"hidden\",display:\"flex\",flexDirection:\"column\",width:\"100%\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",position:\"relative\",paddingBottom:isAuto?undefined:`${1/ratio*100}%`,backgroundColor:\"#f0f0f0\",overflow:\"hidden\"},children:card.image&&/*#__PURE__*/_jsx(motion.img,{src:card.image.src,alt:card.image.alt||card.title,whileHover:{scale:1.05},transition:{duration:.3},style:{position:isAuto?\"relative\":\"absolute\",top:0,left:0,width:\"100%\",height:isAuto?\"auto\":\"100%\",objectFit:\"cover\",display:\"block\"}})}),/*#__PURE__*/_jsxs(\"div\",{style:{padding:\"16px\",display:\"flex\",flexDirection:\"column\",gap:\"8px\"},children:[/*#__PURE__*/_jsx(\"h3\",{style:{...titleFont,color:titleColor,margin:0},children:card.title}),/*#__PURE__*/_jsx(\"p\",{style:{...descFont,color:descColor,margin:0,whiteSpace:\"nowrap\",overflow:\"hidden\",textOverflow:\"ellipsis\"},children:card.description})]})]},index))});}addPropertyControls(ImageStack,{cards:{type:ControlType.Array,title:\"Cards\",control:{type:ControlType.Object,controls:{image:{type:ControlType.ResponsiveImage},title:{type:ControlType.String,defaultValue:\"Card Title\"},description:{type:ControlType.String,defaultValue:\"A short description goes here.\"}}},defaultValue:[{image:{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\"},title:\"Mountain View\",description:\"A beautiful view of the mountains at sunset.\"},{image:{src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\"},title:\"Ocean Breeze\",description:\"Calm waters and a gentle breeze by the shore.\"},{image:{src:\"https://framerusercontent.com/images/BYnxEV1zjYb9bhWh1IwBZ1ZoS60.jpg\"},title:\"Forest Path\",description:\"Walking through the dense green forest.\"}]},aspectRatio:{type:ControlType.Enum,title:\"Aspect Ratio\",options:[\"16:9\",\"4:3\",\"3:2\",\"1:1\",\"Auto\"],defaultValue:\"Auto\"},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:24,min:0,max:100},padding:{type:ControlType.Number,title:\"V. Padding\",defaultValue:48,min:0,max:200},cardBackgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#ffffff\"},cardBorderRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:12,min:0,max:40},shadow:{type:ControlType.Boolean,title:\"Shadow\",defaultValue:true},titleFont:{type:ControlType.Font,title:\"Title Font\",controls:\"extended\",defaultValue:{fontSize:\"18px\",lineHeight:\"1.2em\",variant:\"Semibold\"}},titleColor:{type:ControlType.Color,title:\"Title Color\",defaultValue:\"#000000\"},descFont:{type:ControlType.Font,title:\"Desc Font\",controls:\"extended\",defaultValue:{fontSize:\"14px\",lineHeight:\"1.4em\",variant:\"Regular\"}},descColor:{type:ControlType.Color,title:\"Desc Color\",defaultValue:\"#666666\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ImageStack\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ImageStack.map"],"mappings":"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"}