import { jsx } from 'react/jsx-runtime';
import { A as AvatarGroup, a as Avatar$1 } from './Avatar-COMPK7Ym.js';
import { forwardRef } from 'react';

const AvatarElement = forwardRef(
  (props, ref) => {
    return /* @__PURE__ */ jsx(Avatar$1, { ref, ...props });
  }
);
AvatarElement.displayName = Avatar$1.displayName;
const Avatar = Object.assign(AvatarElement, {
  /**
   * AvatarGroup component for displaying multiple avatars in a group.
   *
   * Features:
   * - Displays multiple avatars in a stacked layout
   * - Handles overflow with a count indicator
   * - Maintains consistent sizing across all avatars
   * - Supports custom styling and layout
   * - Automatically adjusts z-index for proper stacking
   * - Fully accessible with screen reader support
   *
   * @example
   * <Avatar.Group max={3}>
   *   <Avatar name="John Doe" />
   *   <Avatar name="Jane Smith" />
   *   <Avatar name="Bob Johnson" />
   *   <Avatar name="Alice Brown" />
   * </Avatar.Group>
   */
  Group: AvatarGroup
});

export { Avatar as A };
//# sourceMappingURL=Avatar-DShevhcs.js.map
