{"version":3,"file":"AvatarGroupEditable_1.g6m2WR8u.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/OViYmpwg93OCuRvpSJ6V/05ieubjN0BFvcmEMfsId/AvatarGroupEditable_1.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion}from\"framer-motion\";/**\n * Avatar Group component with configurable avatars, tooltips, and custom animations\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function AvatarGroupEditable(props){const{avatars,size,spacing,borderWidth,borderColor,backgroundColor,textColor,font,showTooltips,enableAnimations,entranceAnimation,entranceDelay,hoverAnimation,hoverScale,animationDuration,bounce}=props;const[hoveredIndex,setHoveredIndex]=useState(null);const isCanvas=RenderTarget.current()===RenderTarget.canvas;// Animation variants for entrance animations\nconst getEntranceVariants=index=>{const baseDelay=entranceDelay;switch(entranceAnimation){case\"flip\":return{initial:{rotateY:-90,scale:.8},animate:{rotateY:0,scale:1},transition:{delay:baseDelay,type:\"spring\",stiffness:400,damping:18,mass:.8}};case\"slide\":return{initial:{x:20},animate:{x:0},transition:{delay:baseDelay,type:\"spring\",stiffness:400,damping:18,mass:.8}};case\"scale\":return{initial:{scale:.8},animate:{scale:1},transition:{delay:baseDelay,type:\"spring\",stiffness:500,damping:20,mass:.8}};case\"bounce\":return{initial:{scale:.8,y:20},animate:{scale:1,y:0},transition:{delay:baseDelay,type:\"spring\",stiffness:500,damping:18,mass:.6}};default:return{};}};// Animation variants for hover animations\nconst getHoverVariants=()=>{switch(hoverAnimation){case\"scale\":return{whileHover:{scale:hoverScale},transition:{type:\"spring\",stiffness:400,damping:bounce,mass:.8}};case\"lift\":return{whileHover:{y:-4,scale:hoverScale},transition:{type:\"spring\",stiffness:400,damping:bounce,mass:.8}};case\"rotate\":return{whileHover:{rotate:5,scale:hoverScale},transition:{type:\"spring\",stiffness:400,damping:bounce,mass:.8}};case\"up\":return{whileHover:{y:-8},transition:{type:\"spring\",stiffness:400,damping:bounce,mass:.8}};default:return{};}};const AvatarWrapper=enableAnimations&&!isCanvas?motion.div:\"div\";return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",height:`${size}px`,// Calculate the total width of the group\nwidth:`${avatars.length*size-(avatars.length>0?(avatars.length-1)*spacing:0)}px`},children:avatars.map((avatar,index)=>/*#__PURE__*/_jsxs(AvatarWrapper,{style:{// Position each avatar absolutely\n    position:\"absolute\",left:`${index*(size-spacing)}px`,top:0,width:`${size}px`,height:`${size}px`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",zIndex:avatars.length-index},onMouseEnter:()=>setHoveredIndex(index),onMouseLeave:()=>setHoveredIndex(null),...enableAnimations?{...getEntranceVariants(index),...getHoverVariants()}:{},children:[/*#__PURE__*/_jsxs(\"div\",{style:{width:`${size}px`,height:`${size}px`,borderRadius:`${props.avatarCornerRadius}px`,border:`${borderWidth}px solid ${borderColor}`,backgroundColor:backgroundColor,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",overflow:\"hidden\",position:\"relative\",cursor:enableAnimations?\"pointer\":\"default\"},children:[avatar.src&&(typeof avatar.src===\"object\"?avatar.src.src:avatar.src)?/*#__PURE__*/_jsx(\"img\",{src:typeof avatar.src===\"object\"?avatar.src.src:avatar.src,alt:typeof avatar.src===\"object\"?avatar.src.alt||avatar.tooltip:avatar.tooltip,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\"},onError:e=>{e.currentTarget.style.display=\"none\";const nextSibling=e.currentTarget.nextElementSibling;if(nextSibling){nextSibling.style.display=\"flex\";}}}):null,/*#__PURE__*/_jsx(\"span\",{style:{color:textColor,fontSize:`${size*.4}px`,fontWeight:\"600\",display:avatar.src&&(typeof avatar.src===\"object\"?avatar.src.src:avatar.src)?\"none\":\"flex\",alignItems:\"center\",justifyContent:\"center\",width:\"100%\",height:\"100%\",...font},children:avatar.fallback})]}),showTooltips&&hoveredIndex===index&&/*#__PURE__*/_jsxs(motion.div,{initial:{opacity:0,y:5},animate:{opacity:1,y:0},exit:{opacity:0,y:5},transition:{duration:.2},style:{position:\"absolute\",bottom:`${size+8}px`,transform:\"translateX(-50%)\",backgroundColor:\"#000\",color:\"#fff\",padding:\"6px 8px\",borderRadius:\"4px\",fontSize:\"12px\",whiteSpace:\"nowrap\",zIndex:1e3,pointerEvents:\"none\",...font},children:[avatar.tooltip,/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:\"100%\",left:\"50%\",transform:\"translateX(-50%)\",width:0,height:0,borderLeft:\"4px solid transparent\",borderRight:\"4px solid transparent\",borderTop:\"4px solid #000\"}})]})]},index))});}addPropertyControls(AvatarGroupEditable,{avatars:{type:ControlType.Array,control:{type:ControlType.Object,controls:{src:{type:ControlType.ResponsiveImage,title:\"Image\"},fallback:{type:ControlType.String,title:\"Fallback Text\",defaultValue:\"AB\"},tooltip:{type:ControlType.String,title:\"Name\",defaultValue:\"User Name\"}}},defaultValue:[{src:{src:\"https://framerusercontent.com/images/48RBDKcUQaZQKSIpgF8AQqE2E.png\",alt:\"User 1\"},fallback:\"U1\",tooltip:\"User 1\"},{src:{src:\"https://framerusercontent.com/images/kQSIpgF8AQqE2E48RBDKcUQaZ.png\",alt:\"User 2\"},fallback:\"U2\",tooltip:\"User 2\"},{src:{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"User 3\"},fallback:\"U3\",tooltip:\"User 3\"},{src:{src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"User 4\"},fallback:\"U4\",tooltip:\"User 4\"},{src:{src:\"https://framerusercontent.com/images/BYnxEV1zjYb9bhWh1IwBZ1ZoS60.jpg\",alt:\"User 5\"},fallback:\"U5\",tooltip:\"User 5\"}],maxCount:10},size:{type:ControlType.Number,title:\"Avatar Size\",defaultValue:48,min:24,max:120,step:4,unit:\"px\"},spacing:{type:ControlType.Number,title:\"Overlap\",defaultValue:12,min:0,max:40,step:2,unit:\"px\"},borderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:3,min:0,max:8,step:1,unit:\"px\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#FFFFFF\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#F5F5F5\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},font:{type:ControlType.Font,title:\"Font\",defaultValue:{fontSize:\"14px\",variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"},controls:\"extended\",defaultFontType:\"sans-serif\"},showTooltips:{type:ControlType.Boolean,title:\"Show Tooltips\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"},enableAnimations:{type:ControlType.Boolean,title:\"Enable Animations\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},hoverAnimation:{type:ControlType.Enum,title:\"Hover Animation\",options:[\"scale\",\"lift\",\"rotate\",\"up\"],optionTitles:[\"Scale\",\"Lift\",\"Rotate\",\"Up\"],defaultValue:\"scale\",displaySegmentedControl:true,hidden:({enableAnimations})=>!enableAnimations},hoverScale:{type:ControlType.Number,title:\"Hover Scale\",defaultValue:1.1,min:1,max:1.5,step:.05,hidden:({enableAnimations})=>!enableAnimations},animationDuration:{type:ControlType.Number,title:\"Animation Duration\",defaultValue:.3,min:.1,max:2,step:.1,unit:\"s\",hidden:({enableAnimations})=>!enableAnimations},bounce:{type:ControlType.Number,title:\"Bounce Damping\",defaultValue:15,min:5,max:40,step:1,hidden:({enableAnimations,hoverAnimation})=>!enableAnimations||![\"scale\",\"lift\",\"rotate\",\"up\"].includes(hoverAnimation)},avatarCornerRadius:{type:ControlType.Number,title:\"Corner Radius\",defaultValue:16,min:0,max:32,step:1}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AvatarGroupEditable\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AvatarGroupEditable_1.map"],"mappings":"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"}