AvatarInitials

export function AvatarMatrix() {
  return (
    <Stage label="Avatar · 5 tamaños × persona/empresa, con y sin iniciales" tall wide>
      <div className="flex w-full flex-col gap-4">
        <Row>
          {AVATAR_SIZES.map((s) => (
            <Avatar key={s} alt="Martina Suárez" size={s} type="user" />
          ))}
        </Row>
        <Row>
          {AVATAR_SIZES.map((s) => (
            <Avatar key={s} alt="Heladería Luigi" size={s} type="company" />
          ))}
        </Row>
        <Row>
          <Avatar size="lg" type="user" />
          <span className="text-xs text-content/50">sin alt → ícono genérico</span>
        </Row>
        <Row>
          <AvatarInitials name="Martina Suárez" size="sm" />
          <AvatarInitials name="Diego Reynoso" size="md" />
          <AvatarInitials name="Cocina Luigi" size="lg" />
        </Row>
      </div>
    </Stage>
  )
}

De specimens/display.tsx · AvatarMatrix: el espécimen del Muestrario, no un ejemplo oficial del paquete. Muestra cómo se usa la pieza de verdad, montada contra los tipos instalados —eso es lo que vale— pero no es documentación del kit.