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

const Avatar = Object.assign(
  forwardRef(function AvatarInner(props, ref) {
    return /* @__PURE__ */ jsx(Avatar$1, { ref, ...props });
  }),
  {
    /**
     * 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
  }
);
Avatar.displayName = Avatar$1.displayName;

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