add AvatarGroupVM and AvatarItemVM

Author: mikhailChelbaev

Sources/ComponentsKit/Components/AvatarGroup/Models/AvatarGroupVM.swift

@@ -0,0 +1,28 @@
+import UIKit
+
+/// A model that defines the appearance properties for an avatar group component.
+public struct AvatarGroupVM: ComponentVM {
+  /// The color of the placeholder.
+  public var color: ComponentColor?
+
+  /// The corner radius of the avatar.
+  ///
+  /// Defaults to `.full`.
+  public var cornerRadius: ComponentRadius = .full
+
+  /// The array of avatars in the group.
+  public var items: [AvatarItemVM] = []
+
+  /// The maximum number of visible avatars
+  ///
+  /// Defaults to `5`.
+  public var maxVisibleAvatars: Int = 5
+
+  /// The predefined size of the avatar.
+  ///
+  /// Defaults to `.medium`.
+  public var size: ComponentSize = .medium
+
+  /// Initializes a new instance of `AvatarVM` with default values.
+  public init() {}
+}

Sources/ComponentsKit/Components/AvatarGroup/Models/AvatarItemVM.swift

@@ -0,0 +1,13 @@
+import UIKit
+
+/// A model that defines the appearance properties for an avatar in the group.
+public struct AvatarItemVM: ComponentVM {
+  /// The source of the image to be displayed.
+  public var imageSrc: AvatarVM.ImageSource?
+
+  /// The placeholder that is displayed if the image is not provided or fails to load.
+  public var placeholder: AvatarVM.Placeholder = .icon("avatar_placeholder", Bundle.module)
+
+  /// Initializes a new instance of `AvatarItemVM` with default values.
+  public init() {}
+}