{"version":3,"file":"avatarGroup.mjs","names":[],"sources":["../../../../package/common/avatar/avatarGroup.tsx"],"sourcesContent":["import { Children, type ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport Avatar from './avatar';\nimport type { AvatarGroupProps } from './avatar.types';\nimport styles from './avatar.module.pcss';\n\nfunction AvatarGroup({\n  children,\n  max,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: AvatarGroupProps): ReactElement {\n  const items = Children.toArray(children);\n  const visible = max != null ? items.slice(0, max) : items;\n  const overflow = max != null ? items.length - max : 0;\n\n  return (\n    <span {...rest} className={cx(styles.avatarGroup, className)} style={style}>\n      {visible.map((child, index) => (\n        <span key={index} className={cx(styles.avatarGroupItem, classNames?.item)} style={slotStyles?.item}>\n          {child}\n        </span>\n      ))}\n      {overflow > 0 && (\n        <span className={cx(styles.avatarGroupItem, classNames?.overflow)} style={slotStyles?.overflow}>\n          <Avatar content={`+${overflow}`} />\n        </span>\n      )}\n    </span>\n  );\n}\n\nexport default AvatarGroup;\n"],"mappings":"yLAOA,SAAS,EAAY,CACnB,WACA,MACA,YACA,QACA,aACA,OAAQ,EACR,GAAG,GAC8B,CACjC,IAAM,EAAQ,EAAS,QAAQ,CAAQ,EACjC,EAAU,GAAO,KAA6B,EAAtB,EAAM,MAAM,EAAG,CAAG,EAC1C,EAAW,GAAO,KAA4B,EAArB,EAAM,OAAS,EAE9C,OACE,EAAC,OAAD,CAAM,GAAI,EAAM,UAAW,EAAG,EAAO,YAAa,CAAS,EAAU,QAArE,SAAA,CACG,EAAQ,KAAK,EAAO,IACnB,EAAC,OAAD,CAAkB,UAAW,EAAG,EAAO,gBAAiB,GAAY,IAAI,EAAG,MAAO,GAAY,KAC3F,SAAA,CACG,EAFK,CAEL,CACP,EACA,EAAW,GACV,EAAC,OAAD,CAAM,UAAW,EAAG,EAAO,gBAAiB,GAAY,QAAQ,EAAG,MAAO,GAAY,SACpF,SAAA,EAAC,EAAD,CAAQ,QAAS,IAAI,GAAa,CAAA,CAC9B,CAAA,CAEJ,GAEV"}